@utrecht/design-tokens 5.0.2 → 5.0.3

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 (53) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/_mixin-theme.scss +1 -0
  3. package/dist/_mixin.scss +1 -0
  4. package/dist/_variables.scss +1 -0
  5. package/dist/dark/_mixin-theme.scss +1 -0
  6. package/dist/dark/_mixin.scss +1 -0
  7. package/dist/dark/_variables.scss +1 -0
  8. package/dist/dark/index.cjs +1 -0
  9. package/dist/dark/index.css +1 -0
  10. package/dist/dark/index.d.ts +1 -0
  11. package/dist/dark/index.flat.json +1 -0
  12. package/dist/dark/index.json +31 -0
  13. package/dist/dark/index.mjs +1 -0
  14. package/dist/dark/index.tokens.json +2 -1
  15. package/dist/dark/list.json +31 -0
  16. package/dist/dark/list.mjs +31 -0
  17. package/dist/dark/property.css +1 -0
  18. package/dist/dark/root.css +1 -0
  19. package/dist/dark/theme-prince-xml.css +1 -0
  20. package/dist/dark/theme.css +1 -0
  21. package/dist/dark/tokens.cjs +31 -0
  22. package/dist/dark/tokens.d.ts +2 -1
  23. package/dist/dark/tokens.json +31 -0
  24. package/dist/dark/variables.cjs +1 -0
  25. package/dist/dark/variables.css +1 -0
  26. package/dist/dark/variables.d.ts +1 -0
  27. package/dist/dark/variables.json +1 -0
  28. package/dist/dark/variables.less +1 -0
  29. package/dist/dark/variables.mjs +1 -0
  30. package/dist/index.cjs +1 -0
  31. package/dist/index.css +2 -0
  32. package/dist/index.d.ts +1 -0
  33. package/dist/index.flat.json +1 -0
  34. package/dist/index.json +31 -0
  35. package/dist/index.mjs +1 -0
  36. package/dist/index.tokens.json +2 -1
  37. package/dist/list.json +31 -0
  38. package/dist/list.mjs +31 -0
  39. package/dist/property.css +1 -0
  40. package/dist/root.css +1 -0
  41. package/dist/theme-prince-xml.css +1 -0
  42. package/dist/theme.css +1 -0
  43. package/dist/tokens.cjs +31 -0
  44. package/dist/tokens.d.ts +2 -1
  45. package/dist/tokens.json +31 -0
  46. package/dist/variables.cjs +1 -0
  47. package/dist/variables.css +1 -0
  48. package/dist/variables.d.ts +1 -0
  49. package/dist/variables.json +1 -0
  50. package/dist/variables.less +1 -0
  51. package/dist/variables.mjs +1 -0
  52. package/package.json +1 -1
  53. package/src/component/utrecht/root.tokens.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @utrecht/design-tokens
2
2
 
3
+ ## 5.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - e89c1d2: Use `font-size-adjust: 0.54` for Root.
8
+
3
9
  ## 5.0.2
4
10
 
5
11
  ### Patch Changes
@@ -135,6 +135,7 @@
135
135
  --utrecht-search-bar-input-background-position-x: .5em;
136
136
  --utrecht-search-bar-button-hover-scale: 1;
137
137
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
138
+ --utrecht-root-font-size-adjust: 0.54;
138
139
  --utrecht-rich-text-confidant-margin-block-end: 0;
139
140
  --utrecht-radio-button-border-radius: 0;
140
141
  --utrecht-radio-button-invalid-border-width: 2px;
package/dist/_mixin.scss CHANGED
@@ -135,6 +135,7 @@
135
135
  --utrecht-search-bar-input-background-position-x: .5em;
136
136
  --utrecht-search-bar-button-hover-scale: 1;
137
137
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
138
+ --utrecht-root-font-size-adjust: 0.54;
138
139
  --utrecht-rich-text-confidant-margin-block-end: 0;
139
140
  --utrecht-radio-button-border-radius: 0;
140
141
  --utrecht-radio-button-invalid-border-width: 2px;
@@ -133,6 +133,7 @@ $utrecht-search-bar-input-background-position-y: 50%;
133
133
  $utrecht-search-bar-input-background-position-x: .5em;
134
134
  $utrecht-search-bar-button-hover-scale: 1;
135
135
  $utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
136
+ $utrecht-root-font-size-adjust: 0.54;
136
137
  $utrecht-rich-text-confidant-margin-block-end: 0;
137
138
  $utrecht-radio-button-border-radius: 0;
138
139
  $utrecht-radio-button-invalid-border-width: 2px;
@@ -135,6 +135,7 @@
135
135
  --utrecht-search-bar-input-background-position-x: .5em;
136
136
  --utrecht-search-bar-button-hover-scale: 1;
137
137
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
138
+ --utrecht-root-font-size-adjust: 0.54;
138
139
  --utrecht-rich-text-confidant-margin-block-end: 0;
139
140
  --utrecht-radio-button-border-radius: 0;
140
141
  --utrecht-radio-button-invalid-border-width: 2px;
@@ -135,6 +135,7 @@
135
135
  --utrecht-search-bar-input-background-position-x: .5em;
136
136
  --utrecht-search-bar-button-hover-scale: 1;
137
137
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
138
+ --utrecht-root-font-size-adjust: 0.54;
138
139
  --utrecht-rich-text-confidant-margin-block-end: 0;
139
140
  --utrecht-radio-button-border-radius: 0;
140
141
  --utrecht-radio-button-invalid-border-width: 2px;
@@ -133,6 +133,7 @@ $utrecht-search-bar-input-background-position-y: 50%;
133
133
  $utrecht-search-bar-input-background-position-x: .5em;
134
134
  $utrecht-search-bar-button-hover-scale: 1;
135
135
  $utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
136
+ $utrecht-root-font-size-adjust: 0.54;
136
137
  $utrecht-rich-text-confidant-margin-block-end: 0;
137
138
  $utrecht-radio-button-border-radius: 0;
138
139
  $utrecht-radio-button-invalid-border-width: 2px;
@@ -905,6 +905,7 @@ module.exports = {
905
905
  "utrechtRichTextConfidantMarginBlockEnd": 0,
906
906
  "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
907
907
  "utrechtRootColor": "hsl(0 0% 10%)",
908
+ "utrechtRootFontSizeAdjust": "0.54",
908
909
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
909
910
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
910
911
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
@@ -140,6 +140,7 @@
140
140
  --utrecht-search-bar-input-background-position-x: .5em;
141
141
  --utrecht-search-bar-button-hover-scale: 1;
142
142
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
143
+ --utrecht-root-font-size-adjust: 0.54;
143
144
  --utrecht-rich-text-confidant-margin-block-end: 0;
144
145
  --utrecht-radio-button-border-radius: 0;
145
146
  --utrecht-radio-button-invalid-border-width: 2px;
@@ -971,6 +971,7 @@ export const utrechtRichTextBestFriendMarginBlockEnd : string;
971
971
  export const utrechtRichTextConfidantMarginBlockEnd : string;
972
972
  export const utrechtRootBackgroundColor : string;
973
973
  export const utrechtRootColor : string;
974
+ export const utrechtRootFontSizeAdjust : string;
974
975
  export const utrechtSearchBarButtonBackgroundColor : string;
975
976
  export const utrechtSearchBarButtonBorderColor : string;
976
977
  export const utrechtSearchBarButtonColor : string;
@@ -1006,6 +1006,7 @@
1006
1006
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
1007
1007
  "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
1008
1008
  "utrechtRootColor": "hsl(0 0% 10%)",
1009
+ "utrechtRootFontSizeAdjust": "0.54",
1009
1010
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
1010
1011
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
1011
1012
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
@@ -29943,6 +29943,37 @@
29943
29943
  "color"
29944
29944
  ]
29945
29945
  },
29946
+ {
29947
+ "$extensions": {
29948
+ "nl.nldesignsystem.css.property": {
29949
+ "syntax": "<number>",
29950
+ "inherits": true
29951
+ },
29952
+ "nl.nldesignsystem.figma.supports-token": false
29953
+ },
29954
+ "type": "other",
29955
+ "value": "0.54",
29956
+ "filePath": "src/component/utrecht/root.tokens.json",
29957
+ "isSource": true,
29958
+ "original": {
29959
+ "$extensions": {
29960
+ "nl.nldesignsystem.css.property": {
29961
+ "syntax": "<number>",
29962
+ "inherits": true
29963
+ },
29964
+ "nl.nldesignsystem.figma.supports-token": false
29965
+ },
29966
+ "type": "other",
29967
+ "value": "0.54"
29968
+ },
29969
+ "name": "utrechtRootFontSizeAdjust",
29970
+ "attributes": {},
29971
+ "path": [
29972
+ "utrecht",
29973
+ "root",
29974
+ "font-size-adjust"
29975
+ ]
29976
+ },
29946
29977
  {
29947
29978
  "$extensions": {
29948
29979
  "nl.nldesignsystem.css.property": {
@@ -904,6 +904,7 @@ export const utrechtRichTextBestFriendMarginBlockEnd = "8px";
904
904
  export const utrechtRichTextConfidantMarginBlockEnd = 0;
905
905
  export const utrechtRootBackgroundColor = "hsl(0 0% 95%)";
906
906
  export const utrechtRootColor = "hsl(0 0% 10%)";
907
+ export const utrechtRootFontSizeAdjust = "0.54";
907
908
  export const utrechtSearchBarButtonBackgroundColor = "hsl(0 100% 40%)";
908
909
  export const utrechtSearchBarButtonBorderColor = "hsl(0 100% 40%)";
909
910
  export const utrechtSearchBarButtonColor = "hsl(0 0% 100%)";
@@ -6511,7 +6511,8 @@
6511
6511
  "nl.nldesignsystem.figma.supports-token": false
6512
6512
  },
6513
6513
  "type": "fontFamilies"
6514
- }
6514
+ },
6515
+ "font-size-adjust": "0.54"
6515
6516
  },
6516
6517
  "search-bar": {
6517
6518
  "button": {
@@ -29943,6 +29943,37 @@
29943
29943
  "color"
29944
29944
  ]
29945
29945
  },
29946
+ {
29947
+ "$extensions": {
29948
+ "nl.nldesignsystem.css.property": {
29949
+ "syntax": "<number>",
29950
+ "inherits": true
29951
+ },
29952
+ "nl.nldesignsystem.figma.supports-token": false
29953
+ },
29954
+ "type": "other",
29955
+ "value": "0.54",
29956
+ "filePath": "src/component/utrecht/root.tokens.json",
29957
+ "isSource": true,
29958
+ "original": {
29959
+ "$extensions": {
29960
+ "nl.nldesignsystem.css.property": {
29961
+ "syntax": "<number>",
29962
+ "inherits": true
29963
+ },
29964
+ "nl.nldesignsystem.figma.supports-token": false
29965
+ },
29966
+ "type": "other",
29967
+ "value": "0.54"
29968
+ },
29969
+ "name": "utrechtRootFontSizeAdjust",
29970
+ "attributes": {},
29971
+ "path": [
29972
+ "utrecht",
29973
+ "root",
29974
+ "font-size-adjust"
29975
+ ]
29976
+ },
29946
29977
  {
29947
29978
  "$extensions": {
29948
29979
  "nl.nldesignsystem.css.property": {
@@ -29943,6 +29943,37 @@ export default [
29943
29943
  "color"
29944
29944
  ]
29945
29945
  },
29946
+ {
29947
+ "$extensions": {
29948
+ "nl.nldesignsystem.css.property": {
29949
+ "syntax": "<number>",
29950
+ "inherits": true
29951
+ },
29952
+ "nl.nldesignsystem.figma.supports-token": false
29953
+ },
29954
+ "type": "other",
29955
+ "value": "0.54",
29956
+ "filePath": "src/component/utrecht/root.tokens.json",
29957
+ "isSource": true,
29958
+ "original": {
29959
+ "$extensions": {
29960
+ "nl.nldesignsystem.css.property": {
29961
+ "syntax": "<number>",
29962
+ "inherits": true
29963
+ },
29964
+ "nl.nldesignsystem.figma.supports-token": false
29965
+ },
29966
+ "type": "other",
29967
+ "value": "0.54"
29968
+ },
29969
+ "name": "utrechtRootFontSizeAdjust",
29970
+ "attributes": {},
29971
+ "path": [
29972
+ "utrecht",
29973
+ "root",
29974
+ "font-size-adjust"
29975
+ ]
29976
+ },
29946
29977
  {
29947
29978
  "$extensions": {
29948
29979
  "nl.nldesignsystem.css.property": {
@@ -657,6 +657,7 @@
657
657
  @property --utrecht-rich-text-stranger-margin-block-end { syntax: '<length>'; inherits: true; }
658
658
  @property --utrecht-root-background-color { syntax: '<color>'; inherits: true; }
659
659
  @property --utrecht-root-color { syntax: '<color>'; inherits: true; }
660
+ @property --utrecht-root-font-size-adjust { syntax: '<number>'; inherits: true; }
660
661
  @property --utrecht-search-bar-button-background-color { syntax: '<color>'; inherits: true; }
661
662
  @property --utrecht-search-bar-button-border-color { syntax: '<length>'; inherits: true; }
662
663
  @property --utrecht-search-bar-button-color { syntax: '<color>'; inherits: true; }
@@ -117,6 +117,7 @@
117
117
  --utrecht-search-bar-dropdown-border-width: 1px;
118
118
  --utrecht-search-bar-button-hover-scale: 1;
119
119
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
120
+ --utrecht-root-font-size-adjust: 0.54;
120
121
  --utrecht-rich-text-confidant-margin-block-end: 0;
121
122
  --utrecht-radio-button-size: 24px;
122
123
  --utrecht-radio-button-margin-inline-end: 12px;
@@ -135,6 +135,7 @@
135
135
  --utrecht-search-bar-input-background-position-x: .5em;
136
136
  --utrecht-search-bar-button-hover-scale: 1;
137
137
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
138
+ --utrecht-root-font-size-adjust: 0.54;
138
139
  --utrecht-rich-text-confidant-margin-block-end: 0;
139
140
  --utrecht-radio-button-border-radius: 0;
140
141
  --utrecht-radio-button-invalid-border-width: 2px;
@@ -117,6 +117,7 @@
117
117
  --utrecht-search-bar-dropdown-border-width: 1px;
118
118
  --utrecht-search-bar-button-hover-scale: 1;
119
119
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
120
+ --utrecht-root-font-size-adjust: 0.54;
120
121
  --utrecht-rich-text-confidant-margin-block-end: 0;
121
122
  --utrecht-radio-button-size: 24px;
122
123
  --utrecht-radio-button-margin-inline-end: 12px;
@@ -33884,6 +33884,37 @@ module.exports = {
33884
33884
  "nl.nldesignsystem.figma.supports-token": false
33885
33885
  },
33886
33886
  "type": "fontFamilies"
33887
+ },
33888
+ "font-size-adjust": {
33889
+ "$extensions": {
33890
+ "nl.nldesignsystem.css.property": {
33891
+ "syntax": "<number>",
33892
+ "inherits": true
33893
+ },
33894
+ "nl.nldesignsystem.figma.supports-token": false
33895
+ },
33896
+ "type": "other",
33897
+ "value": "0.54",
33898
+ "filePath": "src/component/utrecht/root.tokens.json",
33899
+ "isSource": true,
33900
+ "original": {
33901
+ "$extensions": {
33902
+ "nl.nldesignsystem.css.property": {
33903
+ "syntax": "<number>",
33904
+ "inherits": true
33905
+ },
33906
+ "nl.nldesignsystem.figma.supports-token": false
33907
+ },
33908
+ "type": "other",
33909
+ "value": "0.54"
33910
+ },
33911
+ "name": "font-size-adjust",
33912
+ "attributes": {},
33913
+ "path": [
33914
+ "utrecht",
33915
+ "root",
33916
+ "font-size-adjust"
33917
+ ]
33887
33918
  }
33888
33919
  },
33889
33920
  "search-bar": {
@@ -4085,7 +4085,8 @@ declare const tokens: {
4085
4085
  "$extensions": {
4086
4086
  "nl.nldesignsystem.css.property": {}
4087
4087
  }
4088
- }
4088
+ },
4089
+ "font-size-adjust": DesignToken
4089
4090
  },
4090
4091
  "search-bar": {
4091
4092
  "button": {
@@ -33880,6 +33880,37 @@
33880
33880
  "nl.nldesignsystem.figma.supports-token": false
33881
33881
  },
33882
33882
  "type": "fontFamilies"
33883
+ },
33884
+ "font-size-adjust": {
33885
+ "$extensions": {
33886
+ "nl.nldesignsystem.css.property": {
33887
+ "syntax": "<number>",
33888
+ "inherits": true
33889
+ },
33890
+ "nl.nldesignsystem.figma.supports-token": false
33891
+ },
33892
+ "type": "other",
33893
+ "value": "0.54",
33894
+ "filePath": "src/component/utrecht/root.tokens.json",
33895
+ "isSource": true,
33896
+ "original": {
33897
+ "$extensions": {
33898
+ "nl.nldesignsystem.css.property": {
33899
+ "syntax": "<number>",
33900
+ "inherits": true
33901
+ },
33902
+ "nl.nldesignsystem.figma.supports-token": false
33903
+ },
33904
+ "type": "other",
33905
+ "value": "0.54"
33906
+ },
33907
+ "name": "utrechtRootFontSizeAdjust",
33908
+ "attributes": {},
33909
+ "path": [
33910
+ "utrecht",
33911
+ "root",
33912
+ "font-size-adjust"
33913
+ ]
33883
33914
  }
33884
33915
  },
33885
33916
  "search-bar": {
@@ -905,6 +905,7 @@ module.exports = {
905
905
  "utrechtRichTextConfidantMarginBlockEnd": 0,
906
906
  "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
907
907
  "utrechtRootColor": "hsl(0 0% 10%)",
908
+ "utrechtRootFontSizeAdjust": "0.54",
908
909
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
909
910
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
910
911
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
@@ -117,6 +117,7 @@
117
117
  --utrecht-search-bar-dropdown-border-width: 1px;
118
118
  --utrecht-search-bar-button-hover-scale: 1;
119
119
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
120
+ --utrecht-root-font-size-adjust: 0.54;
120
121
  --utrecht-rich-text-confidant-margin-block-end: 0;
121
122
  --utrecht-radio-button-size: 24px;
122
123
  --utrecht-radio-button-margin-inline-end: 12px;
@@ -971,6 +971,7 @@ export const utrechtRichTextBestFriendMarginBlockEnd : string;
971
971
  export const utrechtRichTextConfidantMarginBlockEnd : string;
972
972
  export const utrechtRootBackgroundColor : string;
973
973
  export const utrechtRootColor : string;
974
+ export const utrechtRootFontSizeAdjust : string;
974
975
  export const utrechtSearchBarButtonBackgroundColor : string;
975
976
  export const utrechtSearchBarButtonBorderColor : string;
976
977
  export const utrechtSearchBarButtonColor : string;
@@ -1006,6 +1006,7 @@
1006
1006
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
1007
1007
  "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
1008
1008
  "utrechtRootColor": "hsl(0 0% 10%)",
1009
+ "utrechtRootFontSizeAdjust": "0.54",
1009
1010
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
1010
1011
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
1011
1012
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
@@ -133,6 +133,7 @@
133
133
  @utrecht-search-bar-input-background-position-x: .5em;
134
134
  @utrecht-search-bar-button-hover-scale: 1;
135
135
  @utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
136
+ @utrecht-root-font-size-adjust: 0.54;
136
137
  @utrecht-rich-text-confidant-margin-block-end: 0;
137
138
  @utrecht-radio-button-border-radius: 0;
138
139
  @utrecht-radio-button-invalid-border-width: 2px;
@@ -904,6 +904,7 @@ export const utrechtRichTextBestFriendMarginBlockEnd = "8px";
904
904
  export const utrechtRichTextConfidantMarginBlockEnd = 0;
905
905
  export const utrechtRootBackgroundColor = "hsl(0 0% 95%)";
906
906
  export const utrechtRootColor = "hsl(0 0% 10%)";
907
+ export const utrechtRootFontSizeAdjust = "0.54";
907
908
  export const utrechtSearchBarButtonBackgroundColor = "hsl(0 100% 40%)";
908
909
  export const utrechtSearchBarButtonBorderColor = "hsl(0 100% 40%)";
909
910
  export const utrechtSearchBarButtonColor = "hsl(0 0% 100%)";
package/dist/index.cjs CHANGED
@@ -896,6 +896,7 @@ module.exports = {
896
896
  "utrechtRichTextConfidantMarginBlockEnd": 0,
897
897
  "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
898
898
  "utrechtRootColor": "hsl(0 0% 10%)",
899
+ "utrechtRootFontSizeAdjust": "0.54",
899
900
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
900
901
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
901
902
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
package/dist/index.css CHANGED
@@ -162,6 +162,7 @@
162
162
  --utrecht-search-bar-input-background-position-x: .5em;
163
163
  --utrecht-search-bar-button-hover-scale: 1;
164
164
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
165
+ --utrecht-root-font-size-adjust: 0.54;
165
166
  --utrecht-rich-text-confidant-margin-block-end: 0;
166
167
  --utrecht-radio-button-border-radius: 0;
167
168
  --utrecht-radio-button-invalid-border-width: 2px;
@@ -1420,6 +1421,7 @@
1420
1421
  --utrecht-search-bar-input-background-position-x: .5em;
1421
1422
  --utrecht-search-bar-button-hover-scale: 1;
1422
1423
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
1424
+ --utrecht-root-font-size-adjust: 0.54;
1423
1425
  --utrecht-rich-text-confidant-margin-block-end: 0;
1424
1426
  --utrecht-radio-button-border-radius: 0;
1425
1427
  --utrecht-radio-button-invalid-border-width: 2px;
package/dist/index.d.ts CHANGED
@@ -962,6 +962,7 @@ export const utrechtRichTextBestFriendMarginBlockEnd : string;
962
962
  export const utrechtRichTextConfidantMarginBlockEnd : string;
963
963
  export const utrechtRootBackgroundColor : string;
964
964
  export const utrechtRootColor : string;
965
+ export const utrechtRootFontSizeAdjust : string;
965
966
  export const utrechtSearchBarButtonBackgroundColor : string;
966
967
  export const utrechtSearchBarButtonBorderColor : string;
967
968
  export const utrechtSearchBarButtonColor : string;
@@ -997,6 +997,7 @@
997
997
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
998
998
  "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
999
999
  "utrechtRootColor": "hsl(0 0% 10%)",
1000
+ "utrechtRootFontSizeAdjust": "0.54",
1000
1001
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
1001
1002
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
1002
1003
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
package/dist/index.json CHANGED
@@ -31028,6 +31028,37 @@
31028
31028
  "color"
31029
31029
  ]
31030
31030
  },
31031
+ {
31032
+ "$extensions": {
31033
+ "nl.nldesignsystem.css.property": {
31034
+ "syntax": "<number>",
31035
+ "inherits": true
31036
+ },
31037
+ "nl.nldesignsystem.figma.supports-token": false
31038
+ },
31039
+ "type": "other",
31040
+ "value": "0.54",
31041
+ "filePath": "src/component/utrecht/root.tokens.json",
31042
+ "isSource": true,
31043
+ "original": {
31044
+ "$extensions": {
31045
+ "nl.nldesignsystem.css.property": {
31046
+ "syntax": "<number>",
31047
+ "inherits": true
31048
+ },
31049
+ "nl.nldesignsystem.figma.supports-token": false
31050
+ },
31051
+ "type": "other",
31052
+ "value": "0.54"
31053
+ },
31054
+ "name": "utrechtRootFontSizeAdjust",
31055
+ "attributes": {},
31056
+ "path": [
31057
+ "utrecht",
31058
+ "root",
31059
+ "font-size-adjust"
31060
+ ]
31061
+ },
31031
31062
  {
31032
31063
  "$extensions": {
31033
31064
  "nl.nldesignsystem.css.property": {
package/dist/index.mjs CHANGED
@@ -895,6 +895,7 @@ export const utrechtRichTextBestFriendMarginBlockEnd = "8px";
895
895
  export const utrechtRichTextConfidantMarginBlockEnd = 0;
896
896
  export const utrechtRootBackgroundColor = "hsl(0 0% 95%)";
897
897
  export const utrechtRootColor = "hsl(0 0% 10%)";
898
+ export const utrechtRootFontSizeAdjust = "0.54";
898
899
  export const utrechtSearchBarButtonBackgroundColor = "hsl(0 100% 40%)";
899
900
  export const utrechtSearchBarButtonBorderColor = "hsl(0 100% 40%)";
900
901
  export const utrechtSearchBarButtonColor = "hsl(0 0% 100%)";
@@ -6507,7 +6507,8 @@
6507
6507
  "nl.nldesignsystem.figma.supports-token": false
6508
6508
  },
6509
6509
  "type": "fontFamilies"
6510
- }
6510
+ },
6511
+ "font-size-adjust": "0.54"
6511
6512
  },
6512
6513
  "search-bar": {
6513
6514
  "button": {
package/dist/list.json CHANGED
@@ -31028,6 +31028,37 @@
31028
31028
  "color"
31029
31029
  ]
31030
31030
  },
31031
+ {
31032
+ "$extensions": {
31033
+ "nl.nldesignsystem.css.property": {
31034
+ "syntax": "<number>",
31035
+ "inherits": true
31036
+ },
31037
+ "nl.nldesignsystem.figma.supports-token": false
31038
+ },
31039
+ "type": "other",
31040
+ "value": "0.54",
31041
+ "filePath": "src/component/utrecht/root.tokens.json",
31042
+ "isSource": true,
31043
+ "original": {
31044
+ "$extensions": {
31045
+ "nl.nldesignsystem.css.property": {
31046
+ "syntax": "<number>",
31047
+ "inherits": true
31048
+ },
31049
+ "nl.nldesignsystem.figma.supports-token": false
31050
+ },
31051
+ "type": "other",
31052
+ "value": "0.54"
31053
+ },
31054
+ "name": "utrechtRootFontSizeAdjust",
31055
+ "attributes": {},
31056
+ "path": [
31057
+ "utrecht",
31058
+ "root",
31059
+ "font-size-adjust"
31060
+ ]
31061
+ },
31031
31062
  {
31032
31063
  "$extensions": {
31033
31064
  "nl.nldesignsystem.css.property": {
package/dist/list.mjs CHANGED
@@ -31028,6 +31028,37 @@ export default [
31028
31028
  "color"
31029
31029
  ]
31030
31030
  },
31031
+ {
31032
+ "$extensions": {
31033
+ "nl.nldesignsystem.css.property": {
31034
+ "syntax": "<number>",
31035
+ "inherits": true
31036
+ },
31037
+ "nl.nldesignsystem.figma.supports-token": false
31038
+ },
31039
+ "type": "other",
31040
+ "value": "0.54",
31041
+ "filePath": "src/component/utrecht/root.tokens.json",
31042
+ "isSource": true,
31043
+ "original": {
31044
+ "$extensions": {
31045
+ "nl.nldesignsystem.css.property": {
31046
+ "syntax": "<number>",
31047
+ "inherits": true
31048
+ },
31049
+ "nl.nldesignsystem.figma.supports-token": false
31050
+ },
31051
+ "type": "other",
31052
+ "value": "0.54"
31053
+ },
31054
+ "name": "utrechtRootFontSizeAdjust",
31055
+ "attributes": {},
31056
+ "path": [
31057
+ "utrecht",
31058
+ "root",
31059
+ "font-size-adjust"
31060
+ ]
31061
+ },
31031
31062
  {
31032
31063
  "$extensions": {
31033
31064
  "nl.nldesignsystem.css.property": {
package/dist/property.css CHANGED
@@ -718,6 +718,7 @@
718
718
  @property --utrecht-rich-text-stranger-margin-block-end { syntax: '<length>'; inherits: true; }
719
719
  @property --utrecht-root-background-color { syntax: '<color>'; inherits: true; }
720
720
  @property --utrecht-root-color { syntax: '<color>'; inherits: true; }
721
+ @property --utrecht-root-font-size-adjust { syntax: '<number>'; inherits: true; }
721
722
  @property --utrecht-search-bar-button-background-color { syntax: '<color>'; inherits: true; }
722
723
  @property --utrecht-search-bar-button-border-color { syntax: '<length>'; inherits: true; }
723
724
  @property --utrecht-search-bar-button-color { syntax: '<color>'; inherits: true; }
package/dist/root.css CHANGED
@@ -117,6 +117,7 @@
117
117
  --utrecht-search-bar-dropdown-border-width: 1px;
118
118
  --utrecht-search-bar-button-hover-scale: 1;
119
119
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
120
+ --utrecht-root-font-size-adjust: 0.54;
120
121
  --utrecht-rich-text-confidant-margin-block-end: 0;
121
122
  --utrecht-radio-button-size: 24px;
122
123
  --utrecht-radio-button-margin-inline-end: 12px;
@@ -135,6 +135,7 @@
135
135
  --utrecht-search-bar-input-background-position-x: .5em;
136
136
  --utrecht-search-bar-button-hover-scale: 1;
137
137
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
138
+ --utrecht-root-font-size-adjust: 0.54;
138
139
  --utrecht-rich-text-confidant-margin-block-end: 0;
139
140
  --utrecht-radio-button-border-radius: 0;
140
141
  --utrecht-radio-button-invalid-border-width: 2px;
package/dist/theme.css CHANGED
@@ -117,6 +117,7 @@
117
117
  --utrecht-search-bar-dropdown-border-width: 1px;
118
118
  --utrecht-search-bar-button-hover-scale: 1;
119
119
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
120
+ --utrecht-root-font-size-adjust: 0.54;
120
121
  --utrecht-rich-text-confidant-margin-block-end: 0;
121
122
  --utrecht-radio-button-size: 24px;
122
123
  --utrecht-radio-button-margin-inline-end: 12px;
package/dist/tokens.cjs CHANGED
@@ -34974,6 +34974,37 @@ module.exports = {
34974
34974
  "nl.nldesignsystem.figma.supports-token": false
34975
34975
  },
34976
34976
  "type": "fontFamilies"
34977
+ },
34978
+ "font-size-adjust": {
34979
+ "$extensions": {
34980
+ "nl.nldesignsystem.css.property": {
34981
+ "syntax": "<number>",
34982
+ "inherits": true
34983
+ },
34984
+ "nl.nldesignsystem.figma.supports-token": false
34985
+ },
34986
+ "type": "other",
34987
+ "value": "0.54",
34988
+ "filePath": "src/component/utrecht/root.tokens.json",
34989
+ "isSource": true,
34990
+ "original": {
34991
+ "$extensions": {
34992
+ "nl.nldesignsystem.css.property": {
34993
+ "syntax": "<number>",
34994
+ "inherits": true
34995
+ },
34996
+ "nl.nldesignsystem.figma.supports-token": false
34997
+ },
34998
+ "type": "other",
34999
+ "value": "0.54"
35000
+ },
35001
+ "name": "font-size-adjust",
35002
+ "attributes": {},
35003
+ "path": [
35004
+ "utrecht",
35005
+ "root",
35006
+ "font-size-adjust"
35007
+ ]
34977
35008
  }
34978
35009
  },
34979
35010
  "search-bar": {
package/dist/tokens.d.ts CHANGED
@@ -4081,7 +4081,8 @@ declare const tokens: {
4081
4081
  "$extensions": {
4082
4082
  "nl.nldesignsystem.css.property": {}
4083
4083
  }
4084
- }
4084
+ },
4085
+ "font-size-adjust": DesignToken
4085
4086
  },
4086
4087
  "search-bar": {
4087
4088
  "button": {
package/dist/tokens.json CHANGED
@@ -34970,6 +34970,37 @@
34970
34970
  "nl.nldesignsystem.figma.supports-token": false
34971
34971
  },
34972
34972
  "type": "fontFamilies"
34973
+ },
34974
+ "font-size-adjust": {
34975
+ "$extensions": {
34976
+ "nl.nldesignsystem.css.property": {
34977
+ "syntax": "<number>",
34978
+ "inherits": true
34979
+ },
34980
+ "nl.nldesignsystem.figma.supports-token": false
34981
+ },
34982
+ "type": "other",
34983
+ "value": "0.54",
34984
+ "filePath": "src/component/utrecht/root.tokens.json",
34985
+ "isSource": true,
34986
+ "original": {
34987
+ "$extensions": {
34988
+ "nl.nldesignsystem.css.property": {
34989
+ "syntax": "<number>",
34990
+ "inherits": true
34991
+ },
34992
+ "nl.nldesignsystem.figma.supports-token": false
34993
+ },
34994
+ "type": "other",
34995
+ "value": "0.54"
34996
+ },
34997
+ "name": "utrechtRootFontSizeAdjust",
34998
+ "attributes": {},
34999
+ "path": [
35000
+ "utrecht",
35001
+ "root",
35002
+ "font-size-adjust"
35003
+ ]
34973
35004
  }
34974
35005
  },
34975
35006
  "search-bar": {
@@ -896,6 +896,7 @@ module.exports = {
896
896
  "utrechtRichTextConfidantMarginBlockEnd": 0,
897
897
  "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
898
898
  "utrechtRootColor": "hsl(0 0% 10%)",
899
+ "utrechtRootFontSizeAdjust": "0.54",
899
900
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
900
901
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
901
902
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
@@ -117,6 +117,7 @@
117
117
  --utrecht-search-bar-dropdown-border-width: 1px;
118
118
  --utrecht-search-bar-button-hover-scale: 1;
119
119
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
120
+ --utrecht-root-font-size-adjust: 0.54;
120
121
  --utrecht-rich-text-confidant-margin-block-end: 0;
121
122
  --utrecht-radio-button-size: 24px;
122
123
  --utrecht-radio-button-margin-inline-end: 12px;
@@ -962,6 +962,7 @@ export const utrechtRichTextBestFriendMarginBlockEnd : string;
962
962
  export const utrechtRichTextConfidantMarginBlockEnd : string;
963
963
  export const utrechtRootBackgroundColor : string;
964
964
  export const utrechtRootColor : string;
965
+ export const utrechtRootFontSizeAdjust : string;
965
966
  export const utrechtSearchBarButtonBackgroundColor : string;
966
967
  export const utrechtSearchBarButtonBorderColor : string;
967
968
  export const utrechtSearchBarButtonColor : string;
@@ -997,6 +997,7 @@
997
997
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
998
998
  "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
999
999
  "utrechtRootColor": "hsl(0 0% 10%)",
1000
+ "utrechtRootFontSizeAdjust": "0.54",
1000
1001
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
1001
1002
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
1002
1003
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
@@ -133,6 +133,7 @@
133
133
  @utrecht-search-bar-input-background-position-x: .5em;
134
134
  @utrecht-search-bar-button-hover-scale: 1;
135
135
  @utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
136
+ @utrecht-root-font-size-adjust: 0.54;
136
137
  @utrecht-rich-text-confidant-margin-block-end: 0;
137
138
  @utrecht-radio-button-border-radius: 0;
138
139
  @utrecht-radio-button-invalid-border-width: 2px;
@@ -895,6 +895,7 @@ export const utrechtRichTextBestFriendMarginBlockEnd = "8px";
895
895
  export const utrechtRichTextConfidantMarginBlockEnd = 0;
896
896
  export const utrechtRootBackgroundColor = "hsl(0 0% 95%)";
897
897
  export const utrechtRootColor = "hsl(0 0% 10%)";
898
+ export const utrechtRootFontSizeAdjust = "0.54";
898
899
  export const utrechtSearchBarButtonBackgroundColor = "hsl(0 100% 40%)";
899
900
  export const utrechtSearchBarButtonBorderColor = "hsl(0 100% 40%)";
900
901
  export const utrechtSearchBarButtonColor = "hsl(0 0% 100%)";
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "5.0.2",
2
+ "version": "5.0.3",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Design Tokens for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "SEE LICENSE IN ./LICENSE.md",
@@ -2,7 +2,8 @@
2
2
  "utrecht": {
3
3
  "root": {
4
4
  "background-color": { "value": "{utrecht.color.grey.95}" },
5
- "color": { "value": "{utrecht.color.grey.10}" }
5
+ "color": { "value": "{utrecht.color.grey.10}" },
6
+ "font-size-adjust": { "value": "0.54" }
6
7
  }
7
8
  }
8
9
  }