Merge branch 'main' into update-megadropdown-slots

Author: alizedebray

.changeset/20251214023026-minor-ui-icon-update.md

@@ -0,0 +1,8 @@
+---
+'@swisspost/design-system-icons': minor
+---
+
+Added icons:
+
+- `bed` (line & solid): 16, 24, 32, 40, 48 and 64px
+- `hourglass` (line & solid): 16, 24, 32, 40, 48 and 64px

.changeset/polite-flowers-smell.md

@@ -0,0 +1,9 @@
+---
+'@swisspost/design-system-styles': major
+'@swisspost/design-system-documentation': patch
+---
+
+Refactored the icon mixins so that icons no longer need to be included separately, imports are now handled automatically.
+The `custom-property` mixin as therefore be removed entirely.
+
+The `icon` mixin arguments have also been updated: `$height` and `$width` have been replaced with a single `$size` since all icons are square.

packages/components/src/components/post-stepper-item/post-stepper-item.scss

@@ -7,8 +7,6 @@
 
 tokens.$default-map: components.$post-stepper;
 
-@include icons.custom-property('success-solid');
-
 post-stepper-item {
   grid-row: 1;
   position: relative;

packages/documentation/.storybook/styles/preview.scss

@@ -12,8 +12,6 @@
 
 tokens.$default-map: utilities.$post-spacing;
 
-@include post.custom-property(('chevrondown', 'resizeexpand', 'link', 'code'));
-
 $monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
 
 // Mixin for toolbar button icons

packages/documentation/src/stories/foundations/icons/icon.styles.scss

@@ -1,7 +1,5 @@
 @use '@swisspost/design-system-styles/core' as post;
 
-@include post.custom-property(('accessibility', 'letter'));
-
 $resizer-padding: 1rem;
 $resizer-border-width: 1px;
 $resizer-border-color: #999;

packages/documentation/src/stories/foundations/icons/mixin.sample.scss

@@ -1,18 +1,15 @@
 @use '@swisspost/design-system-styles/core' as post;
 
-// Load icon(s) at the top of your file
-// For a single icon:
-@include post.custom-property('accessibility', './path/to/icon/folder');
-
-// For multiple icons in the same file:
-@include post.custom-property(('accessibility', 'arrow'), './path/to/icon/folder');
+// Icon inheriting the size and color from the surrounding text
+.my-inline-icon {
+  @include post.icon('printer');
+}
 
-.my-icon {
+// Icon with custom color and size
+.my-custom-icon {
   @include post.icon(
     $name: 'accessibility',
-    // optional
     $color: '#fc0',
-    $width: 1em,
-    $height: 1em
+    $size: 1em,
   );
 }

packages/icons/src/icons/post/report.json

@@ -40633,6 +40633,6 @@
     "noKeywords": 66,
     "duplicates": 0
   },
-  "created": "2025-12-10T07:45:41.118Z",
+  "created": "2025-12-14T02:30:29.977Z",
   "version": "10.0.0-next.55"
 }