@swisspost/design-system-styles 7.0.0 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/_svg-icon-map.scss +15 -1
  2. package/basics.css +1 -1
  3. package/components/_index.scss +2 -2
  4. package/components/button-group.scss +7 -20
  5. package/components/button.scss +74 -27
  6. package/components/card-control.scss +322 -0
  7. package/components/datepicker.scss +26 -22
  8. package/components/floating-label.scss +73 -10
  9. package/components/form-check.scss +1 -2
  10. package/components/form-range.scss +1 -13
  11. package/components/form-select.scss +0 -2
  12. package/components/form-textarea.scss +10 -5
  13. package/components/form-validation.scss +51 -26
  14. package/components/forms.scss +40 -2
  15. package/components/intranet-header/_language-chooser.scss +1 -4
  16. package/components/intranet-header/_top-navigation.scss +0 -23
  17. package/components/reboot.scss +3 -0
  18. package/components/sizing.scss +2 -2
  19. package/components/spinner.scss +6 -12
  20. package/components/stepper.scss +283 -138
  21. package/components/tabs/_tab-title.scss +1 -1
  22. package/components/topic-teaser.scss +1 -2
  23. package/components/utilities.scss +0 -2
  24. package/functions/_color.scss +1 -1
  25. package/functions/_list.scss +2 -1
  26. package/functions/_sizing.scss +2 -2
  27. package/functions/_utilities.scss +3 -3
  28. package/index.css +3 -3
  29. package/intranet.css +3 -3
  30. package/mixins/_animation.scss +3 -6
  31. package/mixins/_button.scss +1 -2
  32. package/mixins/_form-checks.scss +3 -12
  33. package/mixins/_forms.scss +1 -1
  34. package/mixins/_utilities.scss +10 -0
  35. package/package.json +15 -11
  36. package/variables/components/_accordion.scss +3 -6
  37. package/variables/components/_button.scss +4 -4
  38. package/variables/components/_close.scss +2 -4
  39. package/variables/components/_form-select.scss +10 -26
  40. package/variables/components/_form-validation.scss +10 -11
  41. package/variables/components/_forms.scss +27 -12
  42. package/variables/components/_stepper.scss +25 -14
  43. package/components/choice-control-card.scss +0 -148
@@ -559,6 +559,20 @@ $svg-icon-map: (
559
559
  "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6 24h-9.7v-1.5c4-3.5 7.8-7.6 7.8-10.3 0-4.2-6.3-2.4-6.9-2l-.3-1.4c.6-.3 8.8-3.1 8.8 3.4 0 3.8-7.3 10.1-7.8 10.4h8.1z'/%3E%3C/svg%3E",
560
560
  '3000':
561
561
  "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='M17.4 8.2V24h-1.6V9.9c-.2.2-.5.5-.9.8-.3.3-.7.6-1 .9l-.9.8-.8-1L16 8.2z'/%3E%3C/svg%3E",
562
+ '2591':
563
+ "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.61 1.33H5.33v29.33h21.33V8.39L19.6 1.33ZM20 3.61 24.39 8H20zm5.33 25.72H6.67V2.67h12v6.67h6.67v20ZM8 17.93s1.77 5.41 8 5.41 8-5.41 8-5.41-1.96-5.41-8-5.41-8 5.41-8 5.41m14.55.01C22.01 19.08 20.22 22 16 22s-6.02-2.92-6.55-4.05c.57-1.14 2.44-4.09 6.55-4.09s5.98 2.95 6.55 4.09Zm-9.88-.01c0 1.84 1.49 3.33 3.33 3.33s3.33-1.49 3.33-3.33S17.84 14.6 16 14.6s-3.33 1.49-3.33 3.33m5.33 0c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2'/%3E%3C/svg%3E",
564
+ '2590':
565
+ "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.61 1.33H5.33v29.33h21.33V8.39L19.6 1.33ZM20 3.61 24.39 8H20zM6.67 29.33V2.67h12v6.67h6.67v20H6.67Zm9.71-12.29h4.96v1.33h-4.96v4.96h-1.33v-4.96h-4.96v-1.33h4.96v-4.96h1.33z'/%3E%3C/svg%3E",
566
+ '2589':
567
+ "data:image/svg+xml,%3Csvg data-name='2024' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16.67h5.33v10.67H0v-1.33h4v-8H0v-1.33Zm26.67 6.9-8.06 4.65a3.26 3.26 0 0 1-2.53.33l-7.96-2.13a2 2 0 0 1-1.48-1.93v-4.57c0-.9.61-1.7 1.48-1.93l4.91-1.32c.29-.08.58-.11.87-.11.58 0 1.15.15 1.66.45l3.32 1.92c.95.55 1.28 1.78.73 2.73-.27.46-.7.79-1.21.93a1.98 1.98 0 0 1-1.52-.2l-2.19-1.27a.67.67 0 0 0-.91.24c-.06.1-.09.22-.09.33 0 .06 0 .12.02.17.05.17.16.32.31.4l3.11 1.79a.66.66 0 0 0 .66 0l6.88-3.97a1.97 1.97 0 0 1 1.51-.2c.52.14.95.47 1.21.93.55.95.22 2.18-.73 2.73Zm-.43-2.07a.62.62 0 0 0-.4-.31c-.06-.02-.12-.02-.18-.02a.6.6 0 0 0-.32.09l-6.88 3.97c-.31.18-.65.27-1 .27s-.69-.09-1-.26l-3.11-1.8a2.02 2.02 0 0 1-1-1.73c0-.35.09-.7.27-1a2.005 2.005 0 0 1 2.72-.74l2.2 1.27q.15.09.33.09c.06 0 .12 0 .18-.02a.62.62 0 0 0 .4-.31c.19-.32.08-.73-.24-.91l-3.32-1.91a1.97 1.97 0 0 0-1.52-.2l-4.9 1.31c-.29.08-.49.34-.49.64v4.57c0 .3.2.57.49.64l7.96 2.13a1.98 1.98 0 0 0 1.52-.2l8.06-4.65c.32-.18.43-.59.24-.91ZM23.9 10.4V8.52l-4.56 4.56V1.33h-1.33v11.71l-4.46-4.48v1.89l5.14 5.16 5.22-5.21Z'/%3E%3C/svg%3E",
568
+ '2588':
569
+ "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.02 18.27c-2.79 0-5.06 2.27-5.06 5.06s2.27 5.06 5.06 5.06 5.06-2.27 5.06-5.06-2.27-5.06-5.06-5.06m0 4.39a.67.67 0 1 1 0 1.34.67.67 0 0 1 0-1.34m-.69-2.99v1.78c-.77.28-1.32 1.01-1.32 1.87 0 .12.01.24.04.36l-1.53.88c-.14-.39-.23-.81-.23-1.25 0-1.82 1.31-3.33 3.04-3.66Zm.69 7.38c-1.14 0-2.14-.52-2.83-1.33l1.53-.88c.35.3.8.49 1.29.49s.93-.18 1.28-.48l1.53.89c-.68.8-1.69 1.31-2.82 1.31Zm3.48-2.46-1.53-.88c.02-.12.04-.25.04-.38 0-.88-.57-1.61-1.35-1.88v-1.78c1.74.31 3.07 1.83 3.07 3.66 0 .44-.09.87-.23 1.26m15.18-5.3a.67.67 0 0 0-1.34 0v1.37h-5.56l2.93-4.7h1.82a.67.67 0 0 0 0-1.34h-2.56l-2.66 4.25V6.67c0-.74-.6-1.34-1.34-1.34H2.67c-.74 0-1.34.6-1.34 1.34V22h1.33v3.06h2.25c.78 3.2 3.67 5.58 7.1 5.58s6.32-2.38 7.1-5.58h2.21L22.71 22h7.95v-2.71Zm-18.66-3.28c-3.1 0-5.74 1.94-6.81 4.66H2.67v-5.83h19.32v5.83h-3.16c-1.07-2.72-3.71-4.66-6.81-4.66m9.96-9.35v6.84H2.67V6.66zM4 23.73V22h.82c-.08.43-.13.87-.13 1.33 0 .14.01.27.02.4h-.72Zm8.02 5.58c-3.3 0-5.98-2.68-5.98-5.98s2.68-5.98 5.98-5.98S18 20.03 18 23.33s-2.68 5.98-5.98 5.98m8.45-5.58h-1.15c0-.13.02-.27.02-.4 0-.45-.05-.9-.13-1.33h2.04l-.79 1.73Z'/%3E%3C/svg%3E",
570
+ '2587':
571
+ "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 23.33v-18H1.33v22H6a.67.67 0 0 0 1.34 0c0-.7.11-1.38.32-2.04.89-2.77 3.44-4.63 6.35-4.63s5.46 1.86 6.35 4.63c.21.66.32 1.34.32 2.04a.67.67 0 0 0 1.34 0h3.28l1.37-2.67h3.97v.67a.67.67 0 0 0 1.34 0v-.67h.05v-1.33h-4ZM6.38 24.88c-.12.37-.2.74-.26 1.12H2.67v-1.33h3.81c-.03.07-.07.14-.09.22ZM24.46 26h-2.58c-.06-.38-.15-.75-.27-1.12-.02-.08-.06-.14-.09-.22h3.62l-.69 1.33Zm2.21-2.67h-5.76c-1.41-2.44-4-4-6.91-4s-5.5 1.56-6.91 4H2.67V6.67h24v16.67Zm-12.71-2c-2.95 0-5.33 2.39-5.33 5.33s2.39 5.33 5.33 5.33 5.33-2.39 5.33-5.33-2.39-5.33-5.33-5.33m0 9.34c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4m0-6.59a2.59 2.59 0 1 0 .001 5.181 2.59 2.59 0 0 0-.001-5.181m0 3.84a1.261 1.261 0 1 1 .002-2.522 1.261 1.261 0 0 1-.002 2.522'/%3E%3C/svg%3E",
572
+ '2586':
573
+ "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 11c0 1.21 0 4.41-3.7 8.1L16 29.46 5.69 19.1C2 15.41 2 12.21 2 11c0-4.23 3.44-7.67 7.67-7.67 2.54 0 4.92 1.28 6.33 3.35a7.7 7.7 0 0 1 6.33-3.35C26.56 3.33 30 6.77 30 11'/%3E%3C/svg%3E",
574
+ '2585':
575
+ "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.33 4h1.33v1.33h-1.33zm0 6.67h1.33V12h-1.33zm0 8h1.33V20h-1.33zm-6 3.37.02.01h1.86l5.32-5.3-5.24-5.24H7.41l4.58 4.59H0v1.33h11.96zm15.34-3.37H24V20h-1.33zM32 29.33h-5.33v-12H32V16h-5.33V8H32V6.67h-5.33v-4H32V1.33H6.67V8h.06L8 9.27V8h8v8h-.67v1.33H16v12H8v-5.12l-.38.38-.96.95v5.13H32zM16 6.67H8v-4h8zm9.33 22.66h-8v-12h8zm0-13.33h-8V8h8zm0-9.33h-8v-4h8zm-2.66 4H24V12h-1.33zm0-6.67H24v1.33h-1.33z'/%3E%3C/svg%3E",
562
576
  '2584':
563
577
  "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.37 2.67V1.33h-1.33v1.33H8V1.33H6.67v1.33H1.33v28h29.33v-28h-5.29zM6.67 4v1.33H8V4h16.04v1.33h1.33V4h3.96v5.33H2.67V4zm-4 25.33V10.67h26.67v18.67H2.67zm11.17-9.64c.37.43.56.97.56 1.63q0 .645-.24 1.17c-.24.525-.38.65-.67.89q-.435.36-1.05.57c-.41.14-.87.21-1.37.21-.43 0-.83-.03-1.21-.09-.38-.07-.75-.17-1.11-.31l.16-1.44c.39.2.75.33 1.09.41.33.08.65.11.97.11.53 0 .97-.12 1.3-.35s.5-.56.5-.97c0-.19-.03-.36-.08-.51s-.15-.29-.29-.43c-.14-.13-.32-.26-.55-.39a9 9 0 0 0-.88-.41c-.43-.17-.79-.34-1.08-.53-.29-.18-.53-.38-.71-.59q-.27-.315-.39-.69c-.08-.24-.12-.52-.12-.83 0-.39.07-.75.23-1.07.15-.32.36-.6.64-.83s.61-.4 1-.53c.39-.12.82-.19 1.29-.19.37 0 .73.03 1.07.08s.69.14 1.03.27l-.16 1.33c-.35-.15-.67-.26-.96-.31a4.2 4.2 0 0 0-.85-.09c-.5 0-.9.11-1.19.33-.3.22-.45.5-.45.85 0 .15.02.29.07.42.04.13.13.26.26.38s.3.25.53.37c.22.12.51.26.87.4.81.34 1.42.72 1.79 1.14m9.73-3.86c-.39-.41-.85-.73-1.4-.96s-1.15-.34-1.82-.34c-.72 0-1.36.11-1.93.33s-1.05.54-1.45.95-.71.92-.92 1.51c-.21.6-.32 1.27-.32 2.03 0 .74.11 1.4.32 1.99s.52 1.09.91 1.51c.4.41.87.73 1.43.96.55.23 1.17.34 1.86.34s1.32-.11 1.87-.34 1.03-.55 1.43-.97.7-.93.91-1.53.32-1.27.32-2.02c0-.73-.1-1.39-.31-1.97-.22-.57-.52-1.07-.9-1.49m-.72 4.97a3.2 3.2 0 0 1-.57 1.12c-.25.31-.55.55-.89.72s-.72.25-1.13.25c-.43 0-.81-.08-1.15-.25s-.64-.41-.89-.71a3.2 3.2 0 0 1-.57-1.12c-.13-.44-.2-.93-.2-1.46s.07-1.02.2-1.45.32-.81.57-1.12.54-.55.88-.72.71-.25 1.13-.25c.43 0 .81.08 1.16.25.35.16.64.4.89.71.24.31.43.68.57 1.12.13.44.2.93.2 1.47 0 .52-.06 1-.2 1.44'/%3E%3C/svg%3E",
564
578
  '2583':
@@ -1580,7 +1594,7 @@ $svg-icon-map: (
1580
1594
  '2075':
1581
1595
  "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.33h5.33V0H0zm1.33-4H4V4H1.33zM12 0H6.67v5.33H12zm-1.33 4H8V1.33h2.67zm8-4h-5.33v5.33h5.33zm-1.33 4h-2.67V1.33h2.67zM0 12h5.33V6.67H0zm1.33-4H4v2.67H1.33zM0 18.67h5.33v-5.33H0zm1.33-4H4v2.67H1.33zM24.4 21.6c.53-1.07.93-2.27.93-3.6 0-4-3.33-7.33-7.33-7.33S10.67 14 10.67 18 14 25.33 18 25.33c1.33 0 2.53-.4 3.6-.93l6.53 6.53 2.8-2.8zM18 24c-3.33 0-6-2.67-6-6s2.67-6 6-6 6 2.67 6 6-2.67 6-6 6m4.67-.4c.4-.27.67-.67.93-.93L28.93 28 28 29.07zm-8-15.6h2.67v1.33h1.33V6.67h-5.33v4c.4-.27.8-.53 1.33-.67zM12 11.73V6.67H6.67V12h5.07zm-1.33-1.07H8V8h2.67zM10 14.67c.13-.53.4-.93.67-1.33h-4v5.33h2.67v-1.33H8v-2.67z'/%3E%3C/svg%3E",
1582
1596
  '2074':
1583
- "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14.67h10.67V4H4zm1.33-9.33h8v8h-8zm12-1.34v10.67H28V4zm9.33 9.33h-8v-8h8zM4 28h10.67V17.33H4zm1.33-9.33h8v8h-8zm12 9.33H28V17.33H17.33zm1.33-9.33h8v8h-8z'/%3E%3C/svg%3E",
1597
+ "data:image/svg+xml,%3Csvg data-name='Ebene 1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14.67h10.67V4H4zm1.33-9.33h8v8h-8zm12-1.34v10.67H28V4zm9.33 9.33h-8v-8h8zM4 28h10.67V17.33H4zm1.33-9.33h8v8h-8zm12 9.33H28V17.33H17.33zm1.33-9.33h8v8h-8z'/%3E%3C/svg%3E",
1584
1598
  '2073':
1585
1599
  "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.67 10.67h8v-8h-8zM4 4h5.33v5.33H4zm8 6.67h8v-8h-8zM13.33 4h5.33v5.33h-5.33zm8-1.33v8h8v-8zM28 9.33h-5.33V4H28zM2.67 20h8v-8h-8zM4 13.33h5.33v5.33H4zM12 20h8v-8h-8zm1.33-6.67h5.33v5.33h-5.33zm8 6.67h8v-8h-8zm1.33-6.67H28v5.33h-5.33zm-19.99 16h8v-8h-8zM4 22.67h5.33V28H4zm8 6.66h8v-8h-8zm1.33-6.67h5.33V28h-5.33zm8 6.67h8v-8h-8zm1.33-6.67H28V28h-5.33z'/%3E%3C/svg%3E",
1586
1600
  '2072':