@utrecht/design-tokens 3.1.0 → 3.3.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 +14 -0
  2. package/dist/_mixin-theme.scss +10 -0
  3. package/dist/_mixin.scss +10 -0
  4. package/dist/_variables.scss +10 -0
  5. package/dist/dark/_mixin-theme.scss +10 -0
  6. package/dist/dark/_mixin.scss +10 -0
  7. package/dist/dark/_variables.scss +10 -0
  8. package/dist/dark/index.cjs +10 -0
  9. package/dist/dark/index.css +10 -0
  10. package/dist/dark/index.d.ts +10 -0
  11. package/dist/dark/index.flat.json +10 -0
  12. package/dist/dark/index.json +354 -0
  13. package/dist/dark/index.mjs +10 -0
  14. package/dist/dark/index.tokens.json +89 -0
  15. package/dist/dark/list.json +354 -0
  16. package/dist/dark/list.mjs +354 -0
  17. package/dist/dark/property.css +9 -0
  18. package/dist/dark/root.css +10 -0
  19. package/dist/dark/theme-prince-xml.css +10 -0
  20. package/dist/dark/theme.css +10 -0
  21. package/dist/dark/tokens.cjs +433 -0
  22. package/dist/dark/tokens.d.ts +53 -0
  23. package/dist/dark/tokens.json +433 -0
  24. package/dist/dark/variables.cjs +10 -0
  25. package/dist/dark/variables.css +10 -0
  26. package/dist/dark/variables.d.ts +10 -0
  27. package/dist/dark/variables.json +10 -0
  28. package/dist/dark/variables.less +10 -0
  29. package/dist/dark/variables.mjs +10 -0
  30. package/dist/index.cjs +10 -0
  31. package/dist/index.css +20 -0
  32. package/dist/index.d.ts +10 -0
  33. package/dist/index.flat.json +10 -0
  34. package/dist/index.json +354 -0
  35. package/dist/index.mjs +10 -0
  36. package/dist/index.tokens.json +89 -0
  37. package/dist/list.json +354 -0
  38. package/dist/list.mjs +354 -0
  39. package/dist/property.css +9 -0
  40. package/dist/root.css +10 -0
  41. package/dist/theme-prince-xml.css +10 -0
  42. package/dist/theme.css +10 -0
  43. package/dist/tokens.cjs +433 -0
  44. package/dist/tokens.d.ts +53 -0
  45. package/dist/tokens.json +433 -0
  46. package/dist/variables.cjs +10 -0
  47. package/dist/variables.css +10 -0
  48. package/dist/variables.d.ts +10 -0
  49. package/dist/variables.json +10 -0
  50. package/dist/variables.less +10 -0
  51. package/dist/variables.mjs +10 -0
  52. package/package.json +1 -1
  53. package/src/component/utrecht/breadcrumb-nav.tokens.json +5 -0
  54. package/src/component/utrecht/tooltip.tokens.json +15 -0
package/dist/list.json CHANGED
@@ -6048,6 +6048,45 @@
6048
6048
  "font-size"
6049
6049
  ]
6050
6050
  },
6051
+ {
6052
+ "$extensions": {
6053
+ "nl.nldesignsystem.css.property": {
6054
+ "syntax": "<length>",
6055
+ "inherits": true
6056
+ },
6057
+ "nl.nldesignsystem.figma.supports-token": false,
6058
+ "studio.tokens": {
6059
+ "originalType": "spacing"
6060
+ }
6061
+ },
6062
+ "type": "dimension",
6063
+ "value": "0",
6064
+ "filePath": "src/component/utrecht/breadcrumb-nav.tokens.json",
6065
+ "isSource": true,
6066
+ "original": {
6067
+ "$extensions": {
6068
+ "nl.nldesignsystem.css.property": {
6069
+ "syntax": "<length>",
6070
+ "inherits": true
6071
+ },
6072
+ "nl.nldesignsystem.figma.supports-token": false,
6073
+ "studio.tokens": {
6074
+ "originalType": "spacing"
6075
+ }
6076
+ },
6077
+ "type": "dimension",
6078
+ "value": "0"
6079
+ },
6080
+ "name": "utrechtBreadcrumbNavItemFirstPaddingInlineStart",
6081
+ "attributes": {},
6082
+ "path": [
6083
+ "utrecht",
6084
+ "breadcrumb-nav",
6085
+ "item",
6086
+ "first",
6087
+ "padding-inline-start"
6088
+ ]
6089
+ },
6051
6090
  {
6052
6091
  "$extensions": {
6053
6092
  "nl.nldesignsystem.css.property": {
@@ -32809,6 +32848,321 @@
32809
32848
  "border-bottom-width"
32810
32849
  ]
32811
32850
  },
32851
+ {
32852
+ "$extensions": {
32853
+ "nl.nldesignsystem.css.property": {
32854
+ "syntax": "<color>",
32855
+ "inherits": true
32856
+ },
32857
+ "nl.nldesignsystem.figma.supports-token": false
32858
+ },
32859
+ "type": "color",
32860
+ "value": "hsl(0 0% 100%)",
32861
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
32862
+ "isSource": true,
32863
+ "original": {
32864
+ "$extensions": {
32865
+ "nl.nldesignsystem.css.property": {
32866
+ "syntax": "<color>",
32867
+ "inherits": true
32868
+ },
32869
+ "nl.nldesignsystem.figma.supports-token": false
32870
+ },
32871
+ "type": "color",
32872
+ "value": "{utrecht.color.white}"
32873
+ },
32874
+ "name": "utrechtTooltipBackgroundColor",
32875
+ "attributes": {},
32876
+ "path": [
32877
+ "utrecht",
32878
+ "tooltip",
32879
+ "background-color"
32880
+ ]
32881
+ },
32882
+ {
32883
+ "$extensions": {
32884
+ "nl.nldesignsystem.css.property": {
32885
+ "syntax": "<color>",
32886
+ "inherits": true
32887
+ },
32888
+ "nl.nldesignsystem.figma.supports-token": false
32889
+ },
32890
+ "type": "color",
32891
+ "value": "hsl(0 0% 40%)",
32892
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
32893
+ "isSource": true,
32894
+ "original": {
32895
+ "$extensions": {
32896
+ "nl.nldesignsystem.css.property": {
32897
+ "syntax": "<color>",
32898
+ "inherits": true
32899
+ },
32900
+ "nl.nldesignsystem.figma.supports-token": false
32901
+ },
32902
+ "type": "color",
32903
+ "value": "{utrecht.color.grey.40}"
32904
+ },
32905
+ "name": "utrechtTooltipBorderColor",
32906
+ "attributes": {},
32907
+ "path": [
32908
+ "utrecht",
32909
+ "tooltip",
32910
+ "border-color"
32911
+ ]
32912
+ },
32913
+ {
32914
+ "$extensions": {
32915
+ "nl.nldesignsystem.css.property": {
32916
+ "syntax": "<length-percentage>",
32917
+ "inherits": true
32918
+ },
32919
+ "nl.nldesignsystem.figma.supports-token": false,
32920
+ "studio.tokens": {
32921
+ "originalType": "borderRadius"
32922
+ }
32923
+ },
32924
+ "type": "dimension",
32925
+ "value": "0",
32926
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
32927
+ "isSource": true,
32928
+ "original": {
32929
+ "$extensions": {
32930
+ "nl.nldesignsystem.css.property": {
32931
+ "syntax": "<length-percentage>",
32932
+ "inherits": true
32933
+ },
32934
+ "nl.nldesignsystem.figma.supports-token": false,
32935
+ "studio.tokens": {
32936
+ "originalType": "borderRadius"
32937
+ }
32938
+ },
32939
+ "type": "dimension",
32940
+ "value": "0"
32941
+ },
32942
+ "name": "utrechtTooltipBorderRadius",
32943
+ "attributes": {},
32944
+ "path": [
32945
+ "utrecht",
32946
+ "tooltip",
32947
+ "border-radius"
32948
+ ]
32949
+ },
32950
+ {
32951
+ "$extensions": {
32952
+ "nl.nldesignsystem.css.property": {
32953
+ "syntax": "<length>",
32954
+ "inherits": true
32955
+ },
32956
+ "nl.nldesignsystem.figma.supports-token": false,
32957
+ "studio.tokens": {
32958
+ "originalType": "borderWidth"
32959
+ }
32960
+ },
32961
+ "type": "dimension",
32962
+ "value": "1px",
32963
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
32964
+ "isSource": true,
32965
+ "original": {
32966
+ "$extensions": {
32967
+ "nl.nldesignsystem.css.property": {
32968
+ "syntax": "<length>",
32969
+ "inherits": true
32970
+ },
32971
+ "nl.nldesignsystem.figma.supports-token": false,
32972
+ "studio.tokens": {
32973
+ "originalType": "borderWidth"
32974
+ }
32975
+ },
32976
+ "type": "dimension",
32977
+ "value": "1px"
32978
+ },
32979
+ "name": "utrechtTooltipBorderWidth",
32980
+ "attributes": {},
32981
+ "path": [
32982
+ "utrecht",
32983
+ "tooltip",
32984
+ "border-width"
32985
+ ]
32986
+ },
32987
+ {
32988
+ "$extensions": {
32989
+ "nl.nldesignsystem.css.property": {
32990
+ "syntax": "<color>",
32991
+ "inherits": true
32992
+ },
32993
+ "nl.nldesignsystem.figma.supports-token": false
32994
+ },
32995
+ "type": "color",
32996
+ "value": "hsl(0 0% 40%)",
32997
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
32998
+ "isSource": true,
32999
+ "original": {
33000
+ "$extensions": {
33001
+ "nl.nldesignsystem.css.property": {
33002
+ "syntax": "<color>",
33003
+ "inherits": true
33004
+ },
33005
+ "nl.nldesignsystem.figma.supports-token": false
33006
+ },
33007
+ "type": "color",
33008
+ "value": "{utrecht.color.grey.40}"
33009
+ },
33010
+ "name": "utrechtTooltipColor",
33011
+ "attributes": {},
33012
+ "path": [
33013
+ "utrecht",
33014
+ "tooltip",
33015
+ "color"
33016
+ ]
33017
+ },
33018
+ {
33019
+ "$extensions": {
33020
+ "nl.nldesignsystem.css.property": {
33021
+ "syntax": "*",
33022
+ "inherits": true
33023
+ },
33024
+ "nl.nldesignsystem.figma.supports-token": false,
33025
+ "studio.tokens": {
33026
+ "originalType": "fontFamilies"
33027
+ }
33028
+ },
33029
+ "type": "fontFamily",
33030
+ "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
33031
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
33032
+ "isSource": true,
33033
+ "original": {
33034
+ "$extensions": {
33035
+ "nl.nldesignsystem.css.property": {
33036
+ "syntax": "*",
33037
+ "inherits": true
33038
+ },
33039
+ "nl.nldesignsystem.figma.supports-token": false,
33040
+ "studio.tokens": {
33041
+ "originalType": "fontFamilies"
33042
+ }
33043
+ },
33044
+ "type": "fontFamily",
33045
+ "value": "{utrecht.typography.sans-serif.font-family}"
33046
+ },
33047
+ "name": "utrechtTooltipFontFamily",
33048
+ "attributes": {},
33049
+ "path": [
33050
+ "utrecht",
33051
+ "tooltip",
33052
+ "font-family"
33053
+ ]
33054
+ },
33055
+ {
33056
+ "$extensions": {
33057
+ "nl.nldesignsystem.css.property": {
33058
+ "syntax": "<length>",
33059
+ "inherits": true
33060
+ },
33061
+ "nl.nldesignsystem.figma.supports-token": false,
33062
+ "studio.tokens": {
33063
+ "originalType": "fontSizes"
33064
+ }
33065
+ },
33066
+ "type": "fontSize",
33067
+ "value": "1rem",
33068
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
33069
+ "isSource": true,
33070
+ "original": {
33071
+ "$extensions": {
33072
+ "nl.nldesignsystem.css.property": {
33073
+ "syntax": "<length>",
33074
+ "inherits": true
33075
+ },
33076
+ "nl.nldesignsystem.figma.supports-token": false,
33077
+ "studio.tokens": {
33078
+ "originalType": "fontSizes"
33079
+ }
33080
+ },
33081
+ "type": "fontSize",
33082
+ "value": "{utrecht.typography.scale.md.font-size}"
33083
+ },
33084
+ "name": "utrechtTooltipFontSize",
33085
+ "attributes": {},
33086
+ "path": [
33087
+ "utrecht",
33088
+ "tooltip",
33089
+ "font-size"
33090
+ ]
33091
+ },
33092
+ {
33093
+ "$extensions": {
33094
+ "nl.nldesignsystem.css.property": {
33095
+ "syntax": "<length>",
33096
+ "inherits": true
33097
+ },
33098
+ "nl.nldesignsystem.figma.supports-token": false,
33099
+ "studio.tokens": {
33100
+ "originalType": "spacing"
33101
+ }
33102
+ },
33103
+ "type": "dimension",
33104
+ "value": "8px",
33105
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
33106
+ "isSource": true,
33107
+ "original": {
33108
+ "$extensions": {
33109
+ "nl.nldesignsystem.css.property": {
33110
+ "syntax": "<length>",
33111
+ "inherits": true
33112
+ },
33113
+ "nl.nldesignsystem.figma.supports-token": false,
33114
+ "studio.tokens": {
33115
+ "originalType": "spacing"
33116
+ }
33117
+ },
33118
+ "type": "dimension",
33119
+ "value": "{utrecht.space.block.xs}"
33120
+ },
33121
+ "name": "utrechtTooltipPaddingBlock",
33122
+ "attributes": {},
33123
+ "path": [
33124
+ "utrecht",
33125
+ "tooltip",
33126
+ "padding-block"
33127
+ ]
33128
+ },
33129
+ {
33130
+ "$extensions": {
33131
+ "nl.nldesignsystem.css.property": {
33132
+ "syntax": "<length>",
33133
+ "inherits": true
33134
+ },
33135
+ "nl.nldesignsystem.figma.supports-token": false,
33136
+ "studio.tokens": {
33137
+ "originalType": "spacing"
33138
+ }
33139
+ },
33140
+ "type": "dimension",
33141
+ "value": "16px",
33142
+ "filePath": "src/component/utrecht/tooltip.tokens.json",
33143
+ "isSource": true,
33144
+ "original": {
33145
+ "$extensions": {
33146
+ "nl.nldesignsystem.css.property": {
33147
+ "syntax": "<length>",
33148
+ "inherits": true
33149
+ },
33150
+ "nl.nldesignsystem.figma.supports-token": false,
33151
+ "studio.tokens": {
33152
+ "originalType": "spacing"
33153
+ }
33154
+ },
33155
+ "type": "dimension",
33156
+ "value": "{utrecht.space.inline.md}"
33157
+ },
33158
+ "name": "utrechtTooltipPaddingInline",
33159
+ "attributes": {},
33160
+ "path": [
33161
+ "utrecht",
33162
+ "tooltip",
33163
+ "padding-inline"
33164
+ ]
33165
+ },
32812
33166
  {
32813
33167
  "value": "hsl(211 60% 40%)",
32814
33168
  "filePath": "src/component/utrecht/topnav.tokens.json",