@utrecht/design-tokens 6.0.0 → 6.1.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 (54) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/_mixin-theme.scss +27 -2
  3. package/dist/_mixin.scss +27 -2
  4. package/dist/_variables.scss +27 -2
  5. package/dist/dark/_mixin-theme.scss +27 -2
  6. package/dist/dark/_mixin.scss +27 -2
  7. package/dist/dark/_variables.scss +27 -2
  8. package/dist/dark/index.cjs +27 -2
  9. package/dist/dark/index.css +28 -2
  10. package/dist/dark/index.d.ts +25 -0
  11. package/dist/dark/index.flat.json +28 -3
  12. package/dist/dark/index.json +733 -28
  13. package/dist/dark/index.mjs +27 -2
  14. package/dist/dark/index.tokens.json +64 -3
  15. package/dist/dark/list.json +733 -28
  16. package/dist/dark/list.mjs +733 -28
  17. package/dist/dark/property.css +23 -1
  18. package/dist/dark/root.css +27 -2
  19. package/dist/dark/theme-prince-xml.css +27 -2
  20. package/dist/dark/theme.css +27 -2
  21. package/dist/dark/tokens.cjs +645 -4
  22. package/dist/dark/tokens.d.ts +61 -0
  23. package/dist/dark/tokens.json +745 -4
  24. package/dist/dark/variables.cjs +27 -2
  25. package/dist/dark/variables.css +27 -2
  26. package/dist/dark/variables.d.ts +25 -0
  27. package/dist/dark/variables.json +28 -3
  28. package/dist/dark/variables.less +27 -2
  29. package/dist/dark/variables.mjs +27 -2
  30. package/dist/index.cjs +27 -2
  31. package/dist/index.css +55 -4
  32. package/dist/index.d.ts +25 -0
  33. package/dist/index.flat.json +28 -3
  34. package/dist/index.json +733 -28
  35. package/dist/index.mjs +27 -2
  36. package/dist/index.tokens.json +64 -3
  37. package/dist/list.json +733 -28
  38. package/dist/list.mjs +733 -28
  39. package/dist/property.css +23 -1
  40. package/dist/root.css +27 -2
  41. package/dist/theme-prince-xml.css +27 -2
  42. package/dist/theme.css +27 -2
  43. package/dist/tokens.cjs +645 -4
  44. package/dist/tokens.d.ts +61 -0
  45. package/dist/tokens.json +745 -4
  46. package/dist/variables.cjs +27 -2
  47. package/dist/variables.css +27 -2
  48. package/dist/variables.d.ts +25 -0
  49. package/dist/variables.json +28 -3
  50. package/dist/variables.less +27 -2
  51. package/dist/variables.mjs +27 -2
  52. package/package.json +1 -1
  53. package/src/component/utrecht/ordered-list.tokens.json +3 -0
  54. package/src/component/utrecht/unordered-list.tokens.json +123 -5
@@ -837,6 +837,7 @@ export const utrechtNumberBadgePaddingBlock = "1ex"; // Default block padding fo
837
837
  export const utrechtNumberBadgePaddingInline = "1ex"; // Default inline padding color for badge components
838
838
  export const utrechtNumberDataPositiveColor = "green";
839
839
  export const utrechtNumberDataNegativeColor = "red";
840
+ export const utrechtOrderedListLineHeight = "1.5";
840
841
  export const utrechtOrderedListMarginBlockStart = "0";
841
842
  export const utrechtOrderedListMarginBlockEnd = "1em";
842
843
  export const utrechtOrderedListPaddingInlineStart = "28.8px";
@@ -1120,11 +1121,35 @@ export const utrechtToptaskLinkHoverBackgroundColor = "hsl(211 60% 60%)";
1120
1121
  export const utrechtToptaskLinkHoverColor = "hsl(0 0% 15%)";
1121
1122
  export const utrechtToptaskLinkHoverTransformScale = "1.02";
1122
1123
  export const utrechtToptaskLinkIconSize = "2.25rem";
1124
+ export const utrechtUnorderedListFontSize = "1rem";
1125
+ export const utrechtUnorderedListLineHeight = "1.5";
1123
1126
  export const utrechtUnorderedListMarginBlockStart = "16px";
1124
1127
  export const utrechtUnorderedListMarginBlockEnd = "0";
1125
- export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
1126
- export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
1128
+ export const utrechtUnorderedListPaddingInlineStart = "0";
1129
+ export const utrechtUnorderedListItemMarginBlockStart = "4px";
1130
+ export const utrechtUnorderedListItemMarginBlockEnd = "4px";
1131
+ export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
1127
1132
  export const utrechtUnorderedListMarkerColor = "hsl(0 100% 40%)";
1133
+ export const utrechtUnorderedListMarkerFontSize = "1rem";
1134
+ export const utrechtUnorderedListLevel1ListStyleType = '"●"';
1135
+ export const utrechtUnorderedListLevel1MarkerFontSize = "1rem";
1136
+ export const utrechtUnorderedListLevel2ListStyleType = '"○"';
1137
+ export const utrechtUnorderedListLevel2MarkerFontSize = "1rem";
1138
+ export const utrechtUnorderedListLevel3ListStyleType = '"◆"';
1139
+ export const utrechtUnorderedListLevel3MarkerFontSize = "1rem";
1140
+ export const utrechtUnorderedListLevel4ListStyleType = '"◇"';
1141
+ export const utrechtUnorderedListLevel4MarkerFontSize = "1rem";
1142
+ export const utrechtUnorderedListLevel5ListStyleType = '"■"';
1143
+ export const utrechtUnorderedListLevel5MarkerFontSize = "1rem";
1144
+ export const utrechtUnorderedListLevel6ListStyleType = '"□"';
1145
+ export const utrechtUnorderedListLevel6MarkerFontSize = "1rem";
1146
+ export const utrechtUnorderedListLevel7ListStyleType = '"▲"';
1147
+ export const utrechtUnorderedListLevel7MarkerFontSize = "0.75rem";
1148
+ export const utrechtUnorderedListLevel8ListStyleType = '"△"';
1149
+ export const utrechtUnorderedListLevel8MarkerFontSize = "0.75rem";
1150
+ export const utrechtUnorderedListMarginInlineStart = "1ch";
1151
+ export const utrechtUnorderedListNestedPaddingInlineStart = "0";
1152
+ export const utrechtUnorderedListCenterPaddingInlineStart = "1ch";
1128
1153
  export const utrechtColorRed20 = "hsl(0 100% 20%)"; // donker rood
1129
1154
  export const utrechtColorRed30 = "hsl(0 100% 30%)"; // hover rood
1130
1155
  export const utrechtColorRed40 = "hsl(0 100% 40%)"; // basis rood #cc0000
@@ -1394,6 +1394,7 @@
1394
1394
  }
1395
1395
  },
1396
1396
  "ordered-list": {
1397
+ "line-height": "1.5",
1397
1398
  "margin-block-start": "0",
1398
1399
  "margin-block-end": "1em",
1399
1400
  "padding-inline-start": "28.8px",
@@ -1844,14 +1845,74 @@
1844
1845
  }
1845
1846
  },
1846
1847
  "unordered-list": {
1848
+ "font-size": "1rem",
1849
+ "line-height": "1.5",
1847
1850
  "margin-block-start": "16px",
1848
1851
  "margin-block-end": "0",
1852
+ "padding-inline-start": "0",
1849
1853
  "item": {
1850
- "margin-block-start": "0.25rem",
1851
- "margin-block-end": "0.25rem"
1854
+ "margin-block-start": "4px",
1855
+ "margin-block-end": "4px",
1856
+ "padding-inline-start": "1ch"
1852
1857
  },
1853
1858
  "marker": {
1854
- "color": "hsl(0 100% 40%)"
1859
+ "color": "hsl(0 100% 40%)",
1860
+ "font-size": "1rem"
1861
+ },
1862
+ "level-1": {
1863
+ "list-style-type": "\"●\"",
1864
+ "marker": {
1865
+ "font-size": "1rem"
1866
+ }
1867
+ },
1868
+ "level-2": {
1869
+ "list-style-type": "\"○\"",
1870
+ "marker": {
1871
+ "font-size": "1rem"
1872
+ }
1873
+ },
1874
+ "level-3": {
1875
+ "list-style-type": "\"◆\"",
1876
+ "marker": {
1877
+ "font-size": "1rem"
1878
+ }
1879
+ },
1880
+ "level-4": {
1881
+ "list-style-type": "\"◇\"",
1882
+ "marker": {
1883
+ "font-size": "1rem"
1884
+ }
1885
+ },
1886
+ "level-5": {
1887
+ "list-style-type": "\"■\"",
1888
+ "marker": {
1889
+ "font-size": "1rem"
1890
+ }
1891
+ },
1892
+ "level-6": {
1893
+ "list-style-type": "\"□\"",
1894
+ "marker": {
1895
+ "font-size": "1rem"
1896
+ }
1897
+ },
1898
+ "level-7": {
1899
+ "list-style-type": "\"▲\"",
1900
+ "marker": {
1901
+ "font-size": "0.75rem"
1902
+ }
1903
+ },
1904
+ "level-8": {
1905
+ "list-style-type": "\"△\"",
1906
+ "marker": {
1907
+ "font-size": "0.75rem"
1908
+ }
1909
+ },
1910
+ "margin-inline-start": "1ch",
1911
+ "nested": {
1912
+ "padding-inline-start": "0"
1913
+ },
1914
+ "center": {
1915
+ "padding-inline-start": "1ch"
1855
1916
  }
1856
1917
  },
1857
1918
  "color": {