@swisspost/design-system-styles 6.6.4 → 7.0.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 (59) hide show
  1. package/_svg-icon-map.scss +919 -907
  2. package/basics.css +1 -1
  3. package/components/_index.scss +3 -0
  4. package/components/alert.scss +6 -1
  5. package/components/badge.scss +25 -78
  6. package/components/button-group.scss +1 -0
  7. package/components/button.scss +8 -4
  8. package/components/carousel.scss +1 -1
  9. package/components/chip.scss +159 -0
  10. package/components/datepicker.scss +1 -1
  11. package/components/error-container.scss +9 -0
  12. package/components/floating-label.scss +0 -1
  13. package/components/form-check.scss +117 -29
  14. package/components/form-range.scss +106 -19
  15. package/components/form-select.scss +66 -15
  16. package/components/form-validation.scss +30 -13
  17. package/components/forms.scss +51 -13
  18. package/components/intranet-header/_sidebar.scss +24 -5
  19. package/components/subnavigation.scss +2 -5
  20. package/components/tables.scss +1 -1
  21. package/components/tabs/_tabs-wrapper.scss +1 -1
  22. package/components/tag.scss +82 -0
  23. package/functions/_color.scss +12 -0
  24. package/functions/_forms.scss +22 -0
  25. package/index.css +3 -3
  26. package/intranet.css +3 -3
  27. package/mixins/_accordion.scss +2 -2
  28. package/mixins/_chip.scss +36 -0
  29. package/mixins/_forms.scss +1 -0
  30. package/mixins/_icons.scss +1 -3
  31. package/mixins/_index.scss +1 -1
  32. package/mixins/_utilities.scss +75 -0
  33. package/package.json +13 -13
  34. package/placeholders/_badge.scss +4 -56
  35. package/placeholders/_button.scss +2 -0
  36. package/placeholders/_close.scss +8 -1
  37. package/placeholders/_color.scss +10 -0
  38. package/themes/bootstrap/_overrides-color.scss +4 -14
  39. package/themes/bootstrap/_overrides-variables.scss +1 -0
  40. package/variables/_color.scss +104 -44
  41. package/variables/_commons.scss +2 -0
  42. package/variables/_features.scss +1 -3
  43. package/variables/_icons.scss +4 -1
  44. package/variables/_type.scss +9 -1
  45. package/variables/components/_badge.scss +14 -38
  46. package/variables/components/_card.scss +1 -1
  47. package/variables/components/_chip.scss +50 -0
  48. package/variables/components/_datatable.scss +1 -1
  49. package/variables/components/_dropdowns.scss +1 -1
  50. package/variables/components/_form-check.scss +75 -1
  51. package/variables/components/_form-select.scss +20 -5
  52. package/variables/components/_form-validation.scss +14 -6
  53. package/variables/components/_index.scss +2 -0
  54. package/variables/components/_list-group.scss +1 -1
  55. package/variables/components/_notification.scss +5 -4
  56. package/variables/components/_pagination.scss +2 -2
  57. package/variables/components/_subnavigation.scss +1 -1
  58. package/variables/components/_tag.scss +27 -0
  59. package/mixins/_badge.scss +0 -31
package/functions/_forms.scss ADDED
@@ -0,0 +1,22 @@
1
+ // Source: https://kovart.github.io/dashed-border-generator/ + added stroke-vector-effect
2
+ @function get-background-svg-stroke(
3
+ $type,
4
+ $color,
5
+ $stroke-dasharray,
6
+ $stroke-pathlength,
7
+ $stroke-width
8
+ ) {
9
+ $svg-additional-attributes: '';
10
+ $stroke-pathlength-attribute: '';
11
+
12
+ @if ($type == 'circle') {
13
+ $svg-additional-attributes: "rx='100' ry='100'";
14
+ }
15
+ @if ($stroke-pathlength != 'initial') {
16
+ $stroke-pathlength-attribute: " pathLength='" + $stroke-pathlength + "'";
17
+ }
18
+ @return "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' " +
19
+ $svg-additional-attributes + " fill='none' stroke='" + $color + "' stroke-width='" +
20
+ $stroke-width "' stroke-dasharray='" + $stroke-dasharray + "'" + $stroke-pathlength-attribute +
21
+ ' /%3e%3c/svg%3e';
22
+ }