@utrecht/design-tokens 2.1.0 → 2.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 (79) hide show
  1. package/.stylelintrc.json +5 -1
  2. package/CHANGELOG.md +14 -0
  3. package/config.json +8 -0
  4. package/dist/_mixin-theme.scss +34 -37
  5. package/dist/_mixin.scss +1009 -0
  6. package/dist/_variables.scss +34 -37
  7. package/dist/background-image-icon.css +0 -1
  8. package/dist/dark/_mixin-theme.scss +34 -37
  9. package/dist/dark/_mixin.scss +1020 -0
  10. package/dist/dark/_variables.scss +1017 -0
  11. package/dist/dark/index.cjs +1020 -0
  12. package/dist/dark/index.css +34 -37
  13. package/dist/dark/index.d.ts +1139 -0
  14. package/dist/dark/index.flat.json +1016 -0
  15. package/dist/dark/index.json +30694 -0
  16. package/dist/dark/index.mjs +1018 -0
  17. package/dist/dark/index.tokens.json +7885 -0
  18. package/dist/dark/list.json +30694 -0
  19. package/dist/dark/property.css +705 -0
  20. package/dist/dark/root.css +538 -541
  21. package/dist/dark/theme-prince-xml.css +1020 -0
  22. package/dist/dark/theme.css +1020 -0
  23. package/dist/dark/tokens.cjs +37567 -0
  24. package/dist/dark/tokens.d.ts +4842 -0
  25. package/dist/dark/tokens.json +37563 -0
  26. package/dist/dark/variables.cjs +1020 -0
  27. package/dist/dark/variables.css +1020 -0
  28. package/dist/dark/variables.d.ts +1139 -0
  29. package/dist/dark/variables.json +1016 -0
  30. package/dist/dark/variables.less +1017 -0
  31. package/dist/dark/variables.mjs +1018 -0
  32. package/dist/index.cjs +29 -32
  33. package/dist/index.css +149 -82
  34. package/dist/index.d.ts +18 -25
  35. package/dist/index.flat.json +591 -593
  36. package/dist/index.json +4577 -7587
  37. package/dist/index.mjs +31 -34
  38. package/dist/index.tokens.json +385 -71
  39. package/dist/list.json +31811 -0
  40. package/dist/property.css +770 -0
  41. package/dist/root.css +529 -532
  42. package/dist/theme-prince-xml.css +34 -37
  43. package/dist/theme.css +529 -532
  44. package/dist/tokens.cjs +6297 -8992
  45. package/dist/tokens.d.ts +208 -60
  46. package/dist/tokens.json +38705 -0
  47. package/dist/variables.cjs +1009 -0
  48. package/dist/variables.css +1009 -0
  49. package/dist/variables.d.ts +1128 -0
  50. package/dist/variables.json +1005 -0
  51. package/dist/variables.less +34 -37
  52. package/dist/variables.mjs +1007 -0
  53. package/package.json +6 -5
  54. package/src/background-image-icon.scss +0 -1
  55. package/src/brand/utrecht/typography.tokens.json +7 -9
  56. package/src/component/of/progress-indicator.tokens.json +1 -1
  57. package/src/component/utrecht/backdrop.tokens.json +1 -1
  58. package/src/component/utrecht/blockquote.tokens.json +3 -3
  59. package/src/component/utrecht/button.tokens.json +1 -3
  60. package/src/component/utrecht/code-block.tokens.json +2 -2
  61. package/src/component/utrecht/figure.tokens.json +2 -2
  62. package/src/component/utrecht/form-fieldset.tokens.json +2 -2
  63. package/src/component/utrecht/form-toggle.tokens.json +1 -1
  64. package/src/component/utrecht/link.tokens.json +3 -1
  65. package/src/component/utrecht/pagination.tokens.json +1 -1
  66. package/src/component/utrecht/skip-link.tokens.json +4 -2
  67. package/src/component/utrecht/table.tokens.json +1 -1
  68. package/src/component/utrecht/toptask-link.tokens.json +1 -1
  69. package/src/css-property-formatter.mjs +46 -0
  70. package/src/dark/component/tokens.json +1 -1
  71. package/src/index.scss +81 -5
  72. package/style-dictionary-build-dark.mjs +64 -0
  73. package/style-dictionary-build.mjs +41 -0
  74. package/style-dictionary-config.mjs +261 -0
  75. package/dist/figma-tokens.json +0 -40396
  76. package/src/css-property-formatter.js +0 -35
  77. package/src/style-dictionary-config-dark.js +0 -56
  78. package/src/style-dictionary-config.js +0 -63
  79. package/style-dictionary.config.json +0 -143
package/dist/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Tue, 01 Oct 2024 19:52:18 GMT
2
+ * Do not edit directly, this file was auto-generated.
4
3
  */
5
4
 
6
5
  export const utrechtAccordionRowGap : string;
@@ -88,9 +87,9 @@ export const utrechtBadgePaddingInline : string;
88
87
  export const utrechtBadgeFontStyle : string;
89
88
  export const utrechtBlockquoteMarginInlineStart : string;
90
89
  export const utrechtBlockquoteMarginInlineEnd : string;
91
- export const utrechtBlockquoteAttributionFontSize : string;
92
90
  export const utrechtBlockquoteContentColor : string;
93
91
  export const utrechtBlockquoteContentFontSize : string;
92
+ export const utrechtBlockquoteCaptionFontSize : string;
94
93
  export const utrechtBlockquoteMarginBlockStart : string;
95
94
  export const utrechtBlockquoteMarginBlockEnd : string;
96
95
  export const utrechtBreadcrumbNavMinBlockSize : string;
@@ -120,6 +119,7 @@ export const utrechtButtonBorderColor : string;
120
119
  export const utrechtButtonBorderRadius : string;
121
120
  export const utrechtButtonBorderWidth : string;
122
121
  export const utrechtButtonColor : string;
122
+ export const utrechtButtonColumnGap : string;
123
123
  export const utrechtButtonFontFamily : string;
124
124
  export const utrechtButtonFontSize : string;
125
125
  export const utrechtButtonMarginBlockStart : string;
@@ -132,7 +132,6 @@ export const utrechtButtonPaddingInlineStart : string;
132
132
  export const utrechtButtonPaddingInlineEnd : string;
133
133
  export const utrechtButtonActiveBackgroundColor : string;
134
134
  export const utrechtButtonActiveColor : string;
135
- export const utrechtButtonIconGap : string;
136
135
  export const utrechtButtonDisabledBackgroundColor : string;
137
136
  export const utrechtButtonDisabledBorderColor : string;
138
137
  export const utrechtButtonDisabledColor : string;
@@ -299,12 +298,12 @@ export const utrechtColumnLayoutColumnRuleColor : string;
299
298
  export const utrechtColumnLayoutColumnRuleWidth : string;
300
299
  export const utrechtColumnLayoutColumnWidth : string;
301
300
  export const utrechtColumnLayoutGap : string;
301
+ export const utrechtActionActivateCursor : string;
302
302
  export const utrechtActionBusyCursor : string;
303
303
  export const utrechtActionDisabledCursor : string;
304
+ export const utrechtActionInertCursor : string;
304
305
  export const utrechtActionNavigateCursor : string;
305
306
  export const utrechtActionSubmitCursor : string;
306
- export const utrechtActionActivateCursor : string;
307
- export const utrechtActionInertCursor : string;
308
307
  export const utrechtFeedbackDangerBackgroundColor : string;
309
308
  export const utrechtFeedbackDangerBorderColor : string;
310
309
  export const utrechtFeedbackDangerColor : string;
@@ -620,7 +619,7 @@ export const utrechtLinkTextDecoration : string;
620
619
  export const utrechtLinkTextUnderlineOffset : string;
621
620
  export const utrechtLinkActiveColor : string;
622
621
  export const utrechtLinkFocusColor : string;
623
- export const utrechtLinkFocusTextDecoration : string;
622
+ export const utrechtLinkFocusVisibleTextDecoration : string;
624
623
  export const utrechtLinkHoverColor : string;
625
624
  export const utrechtLinkHoverTextDecoration : string;
626
625
  export const utrechtLinkHoverTextDecorationThickness : string;
@@ -641,10 +640,10 @@ export const utrechtListboxOptionPaddingInlineStart : string;
641
640
  export const utrechtListboxOptionActiveBackgroundColor : string;
642
641
  export const utrechtListboxOptionActiveColor : string;
643
642
  export const utrechtListboxOptionActiveFontWeight : string;
643
+ export const utrechtListboxOptionHoverBackgroundColor : string;
644
+ export const utrechtListboxOptionHoverColor : string;
644
645
  export const utrechtListboxOptionSelectedBackgroundColor : string;
645
646
  export const utrechtListboxOptionSelectedColor : string;
646
- export const utrechtListboxOptionHoverColor : string;
647
- export const utrechtListboxOptionHoverBackgroundColor : string;
648
647
  export const utrechtListboxOptionGroupMarginBlockEnd : string;
649
648
  export const utrechtListboxOptionGroupTitleFontSize : string;
650
649
  export const utrechtListboxOptionGroupTitleFontWeight : string;
@@ -669,14 +668,6 @@ export const utrechtMapcontrolbuttonBorderWidth : string;
669
668
  export const utrechtMapcontrolbuttonColor : string;
670
669
  export const utrechtMapcontrolbuttonMinBlockSize : string;
671
670
  export const utrechtMapcontrolbuttonMinInlineSize : string;
672
- export const utrechtMapcontrolbuttonMarginBlockStart : string;
673
- export const utrechtMapcontrolbuttonMarginBlockEnd : string;
674
- export const utrechtMapcontrolbuttonMarginInlineStart : string;
675
- export const utrechtMapcontrolbuttonMarginInlineEnd : string;
676
- export const utrechtMapcontrolbuttonPaddingBlockStart : string;
677
- export const utrechtMapcontrolbuttonPaddingBlockEnd : string;
678
- export const utrechtMapcontrolbuttonPaddingInlineStart : string;
679
- export const utrechtMapcontrolbuttonPaddingInlineEnd : string;
680
671
  export const utrechtMapcontrolbuttonDisabledBackgroundColor : string;
681
672
  export const utrechtMapcontrolbuttonDisabledBorderColor : string;
682
673
  export const utrechtMapcontrolbuttonDisabledColor : string;
@@ -686,6 +677,14 @@ export const utrechtMapcontrolbuttonHoverBackgroundColor : string;
686
677
  export const utrechtMapcontrolbuttonHoverColor : string;
687
678
  export const utrechtMapcontrolbuttonLabelMarginInlineStart : string;
688
679
  export const utrechtMapcontrolbuttonLabelMarginInlineEnd : string;
680
+ export const utrechtMapcontrolbuttonMarginBlockEnd : string;
681
+ export const utrechtMapcontrolbuttonMarginBlockStart : string;
682
+ export const utrechtMapcontrolbuttonMarginInlineEnd : string;
683
+ export const utrechtMapcontrolbuttonMarginInlineStart : string;
684
+ export const utrechtMapcontrolbuttonPaddingBlockEnd : string;
685
+ export const utrechtMapcontrolbuttonPaddingBlockStart : string;
686
+ export const utrechtMapcontrolbuttonPaddingInlineEnd : string;
687
+ export const utrechtMapcontrolbuttonPaddingInlineStart : string;
689
688
  export const utrechtMarkBackgroundColor : string;
690
689
  export const utrechtMarkColor : string;
691
690
  export const utrechtNavBarBackgroundColor : string;
@@ -715,9 +714,7 @@ export const utrechtTopnavLinkFocusTextDecoration : string;
715
714
  export const utrechtTopnavLinkFocusBackgroundColor : string;
716
715
  export const utrechtTopnavLinkFocusOutlineColor : string;
717
716
  export const utrechtTopnavLinkHoverBackgroundColor : string;
718
- /** Default background color for badge components */
719
717
  export const utrechtNumberBadgeBackgroundColor : string;
720
- /** Default corner radius for badge components */
721
718
  export const utrechtNumberBadgeBorderRadius : string;
722
719
  /** Default text color for badge components */
723
720
  export const utrechtNumberBadgeColor : string;
@@ -832,7 +829,7 @@ export const utrechtRichTextStrangerMarginBlockEnd : string;
832
829
  export const utrechtRichTextAcquaintanceMarginBlockEnd : string;
833
830
  export const utrechtRichTextFriendMarginBlockEnd : string;
834
831
  export const utrechtRichTextBestFriendMarginBlockEnd : string;
835
- export const utrechtRichTextConfidantMarginBlockEnd : number;
832
+ export const utrechtRichTextConfidantMarginBlockEnd : string;
836
833
  export const utrechtSearchBarButtonBackgroundColor : string;
837
834
  export const utrechtSearchBarButtonBorderColor : string;
838
835
  export const utrechtSearchBarButtonColor : string;
@@ -874,7 +871,7 @@ export const utrechtSkipLinkPaddingInlineEnd : string;
874
871
  export const utrechtSkipLinkTextDecoration : string;
875
872
  export const utrechtSkipLinkFocusBackgroundColor : string;
876
873
  export const utrechtSkipLinkFocusColor : string;
877
- export const utrechtSkipLinkFocusTextDecoration : string;
874
+ export const utrechtSkipLinkFocusVisibleTextDecoration : string;
878
875
  export const utrechtSpotlightSectionBackgroundColor : string;
879
876
  export const utrechtSpotlightSectionColor : string;
880
877
  export const utrechtSpotlightSectionPaddingBlockStart : string;
@@ -1044,10 +1041,6 @@ export const utrechtIconScale2xl : string;
1044
1041
  export const utrechtIconScale3xl : string;
1045
1042
  export const utrechtIconScale4xl : string;
1046
1043
  export const utrechtTypographySansSerifFontFamily : string;
1047
- /** 8px */
1048
- export const utrechtTypographyScale2xsFontSize : string;
1049
- /** 12px */
1050
- export const utrechtTypographyScaleXsFontSize : string;
1051
1044
  /** 14px */
1052
1045
  export const utrechtTypographyScaleSmFontSize : string;
1053
1046
  /** 16px */