@utrecht/design-tokens 3.0.0 → 3.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 (54) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/_mixin-theme.scss +12 -0
  3. package/dist/_mixin.scss +12 -0
  4. package/dist/_variables.scss +12 -0
  5. package/dist/dark/_mixin-theme.scss +12 -0
  6. package/dist/dark/_mixin.scss +12 -0
  7. package/dist/dark/_variables.scss +12 -0
  8. package/dist/dark/index.cjs +12 -0
  9. package/dist/dark/index.css +12 -0
  10. package/dist/dark/index.d.ts +12 -0
  11. package/dist/dark/index.flat.json +12 -0
  12. package/dist/dark/index.json +396 -0
  13. package/dist/dark/index.mjs +12 -0
  14. package/dist/dark/index.tokens.json +77 -0
  15. package/dist/dark/list.json +396 -0
  16. package/dist/dark/list.mjs +396 -0
  17. package/dist/dark/property.css +12 -0
  18. package/dist/dark/root.css +12 -0
  19. package/dist/dark/theme-prince-xml.css +12 -0
  20. package/dist/dark/theme.css +12 -0
  21. package/dist/dark/tokens.cjs +461 -0
  22. package/dist/dark/tokens.d.ts +52 -0
  23. package/dist/dark/tokens.json +461 -0
  24. package/dist/dark/variables.cjs +12 -0
  25. package/dist/dark/variables.css +12 -0
  26. package/dist/dark/variables.d.ts +12 -0
  27. package/dist/dark/variables.json +12 -0
  28. package/dist/dark/variables.less +12 -0
  29. package/dist/dark/variables.mjs +12 -0
  30. package/dist/index.cjs +12 -0
  31. package/dist/index.css +24 -0
  32. package/dist/index.d.ts +12 -0
  33. package/dist/index.flat.json +12 -0
  34. package/dist/index.json +396 -0
  35. package/dist/index.mjs +12 -0
  36. package/dist/index.tokens.json +77 -0
  37. package/dist/list.json +396 -0
  38. package/dist/list.mjs +396 -0
  39. package/dist/property.css +12 -0
  40. package/dist/root.css +12 -0
  41. package/dist/theme-prince-xml.css +12 -0
  42. package/dist/theme.css +12 -0
  43. package/dist/tokens.cjs +461 -0
  44. package/dist/tokens.d.ts +52 -0
  45. package/dist/tokens.json +461 -0
  46. package/dist/variables.cjs +12 -0
  47. package/dist/variables.css +12 -0
  48. package/dist/variables.d.ts +12 -0
  49. package/dist/variables.json +12 -0
  50. package/dist/variables.less +12 -0
  51. package/dist/variables.mjs +12 -0
  52. package/package.json +1 -1
  53. package/src/component/utrecht/breadcrumb-nav.tokens.json +5 -0
  54. package/src/component/utrecht/card.tokens.json +54 -0
package/dist/dark/list.json CHANGED
@@ -5840,6 +5840,45 @@
5840
5840
  "font-size"
5841
5841
  ]
5842
5842
  },
5843
+ {
5844
+ "$extensions": {
5845
+ "nl.nldesignsystem.css.property": {
5846
+ "syntax": "<length>",
5847
+ "inherits": true
5848
+ },
5849
+ "nl.nldesignsystem.figma.supports-token": false,
5850
+ "studio.tokens": {
5851
+ "originalType": "spacing"
5852
+ }
5853
+ },
5854
+ "type": "dimension",
5855
+ "value": "0",
5856
+ "filePath": "src/component/utrecht/breadcrumb-nav.tokens.json",
5857
+ "isSource": true,
5858
+ "original": {
5859
+ "$extensions": {
5860
+ "nl.nldesignsystem.css.property": {
5861
+ "syntax": "<length>",
5862
+ "inherits": true
5863
+ },
5864
+ "nl.nldesignsystem.figma.supports-token": false,
5865
+ "studio.tokens": {
5866
+ "originalType": "spacing"
5867
+ }
5868
+ },
5869
+ "type": "dimension",
5870
+ "value": "0"
5871
+ },
5872
+ "name": "utrechtBreadcrumbNavItemFirstPaddingInlineStart",
5873
+ "attributes": {},
5874
+ "path": [
5875
+ "utrecht",
5876
+ "breadcrumb-nav",
5877
+ "item",
5878
+ "first",
5879
+ "padding-inline-start"
5880
+ ]
5881
+ },
5843
5882
  {
5844
5883
  "$extensions": {
5845
5884
  "nl.nldesignsystem.css.property": {
@@ -10898,6 +10937,363 @@
10898
10937
  "width"
10899
10938
  ]
10900
10939
  },
10940
+ {
10941
+ "$extensions": {
10942
+ "nl.nldesignsystem.css.property": {
10943
+ "syntax": "<color>",
10944
+ "inherits": true
10945
+ },
10946
+ "nl.nldesignsystem.figma.supports-token": false
10947
+ },
10948
+ "type": "color",
10949
+ "value": "hsl(211 60% 90%)",
10950
+ "filePath": "src/component/utrecht/card.tokens.json",
10951
+ "isSource": true,
10952
+ "original": {
10953
+ "$extensions": {
10954
+ "nl.nldesignsystem.css.property": {
10955
+ "syntax": "<color>",
10956
+ "inherits": true
10957
+ },
10958
+ "nl.nldesignsystem.figma.supports-token": false
10959
+ },
10960
+ "type": "color",
10961
+ "value": "{utrecht.color.blue.90}"
10962
+ },
10963
+ "name": "utrechtCardBackgroundColor",
10964
+ "attributes": {},
10965
+ "path": [
10966
+ "utrecht",
10967
+ "card",
10968
+ "background-color"
10969
+ ]
10970
+ },
10971
+ {
10972
+ "$extensions": {
10973
+ "nl.nldesignsystem.css.property": {
10974
+ "syntax": "<length>",
10975
+ "inherits": true
10976
+ },
10977
+ "nl.nldesignsystem.figma.supports-token": false
10978
+ },
10979
+ "type": "dimension",
10980
+ "value": "16px",
10981
+ "filePath": "src/component/utrecht/card.tokens.json",
10982
+ "isSource": true,
10983
+ "original": {
10984
+ "$extensions": {
10985
+ "nl.nldesignsystem.css.property": {
10986
+ "syntax": "<length>",
10987
+ "inherits": true
10988
+ },
10989
+ "nl.nldesignsystem.figma.supports-token": false
10990
+ },
10991
+ "type": "dimension",
10992
+ "value": "{utrecht.space.inline.md}"
10993
+ },
10994
+ "name": "utrechtCardBodyPaddingInlineEnd",
10995
+ "attributes": {},
10996
+ "path": [
10997
+ "utrecht",
10998
+ "card",
10999
+ "body",
11000
+ "padding-inline-end"
11001
+ ]
11002
+ },
11003
+ {
11004
+ "$extensions": {
11005
+ "nl.nldesignsystem.css.property": {
11006
+ "syntax": "<length>",
11007
+ "inherits": true
11008
+ },
11009
+ "nl.nldesignsystem.figma.supports-token": false
11010
+ },
11011
+ "type": "dimension",
11012
+ "value": "16px",
11013
+ "filePath": "src/component/utrecht/card.tokens.json",
11014
+ "isSource": true,
11015
+ "original": {
11016
+ "$extensions": {
11017
+ "nl.nldesignsystem.css.property": {
11018
+ "syntax": "<length>",
11019
+ "inherits": true
11020
+ },
11021
+ "nl.nldesignsystem.figma.supports-token": false
11022
+ },
11023
+ "type": "dimension",
11024
+ "value": "{utrecht.space.inline.md}"
11025
+ },
11026
+ "name": "utrechtCardBodyPaddingInlineStart",
11027
+ "attributes": {},
11028
+ "path": [
11029
+ "utrecht",
11030
+ "card",
11031
+ "body",
11032
+ "padding-inline-start"
11033
+ ]
11034
+ },
11035
+ {
11036
+ "$extensions": {
11037
+ "nl.nldesignsystem.css.property": {
11038
+ "syntax": "<color>",
11039
+ "inherits": true
11040
+ },
11041
+ "nl.nldesignsystem.figma.supports-token": false
11042
+ },
11043
+ "type": "color",
11044
+ "value": "hsl(0 0% 0%)",
11045
+ "filePath": "src/component/utrecht/card.tokens.json",
11046
+ "isSource": true,
11047
+ "original": {
11048
+ "$extensions": {
11049
+ "nl.nldesignsystem.css.property": {
11050
+ "syntax": "<color>",
11051
+ "inherits": true
11052
+ },
11053
+ "nl.nldesignsystem.figma.supports-token": false
11054
+ },
11055
+ "type": "color",
11056
+ "value": "{utrecht.color.black}"
11057
+ },
11058
+ "name": "utrechtCardColor",
11059
+ "attributes": {},
11060
+ "path": [
11061
+ "utrecht",
11062
+ "card",
11063
+ "color"
11064
+ ]
11065
+ },
11066
+ {
11067
+ "$extensions": {
11068
+ "nl.nldesignsystem.css.property": {
11069
+ "syntax": "<length>",
11070
+ "inherits": true
11071
+ },
11072
+ "nl.nldesignsystem.figma.supports-token": false
11073
+ },
11074
+ "type": "dimension",
11075
+ "value": "16px",
11076
+ "filePath": "src/component/utrecht/card.tokens.json",
11077
+ "isSource": true,
11078
+ "original": {
11079
+ "$extensions": {
11080
+ "nl.nldesignsystem.css.property": {
11081
+ "syntax": "<length>",
11082
+ "inherits": true
11083
+ },
11084
+ "nl.nldesignsystem.figma.supports-token": false
11085
+ },
11086
+ "type": "dimension",
11087
+ "value": "{utrecht.space.block.md}"
11088
+ },
11089
+ "name": "utrechtCardContentPaddingBlockEnd",
11090
+ "attributes": {},
11091
+ "path": [
11092
+ "utrecht",
11093
+ "card",
11094
+ "content",
11095
+ "padding-block-end"
11096
+ ]
11097
+ },
11098
+ {
11099
+ "$extensions": {
11100
+ "nl.nldesignsystem.css.property": {
11101
+ "syntax": "<length>",
11102
+ "inherits": true
11103
+ },
11104
+ "nl.nldesignsystem.figma.supports-token": false
11105
+ },
11106
+ "type": "dimension",
11107
+ "value": "16px",
11108
+ "filePath": "src/component/utrecht/card.tokens.json",
11109
+ "isSource": true,
11110
+ "original": {
11111
+ "$extensions": {
11112
+ "nl.nldesignsystem.css.property": {
11113
+ "syntax": "<length>",
11114
+ "inherits": true
11115
+ },
11116
+ "nl.nldesignsystem.figma.supports-token": false
11117
+ },
11118
+ "type": "dimension",
11119
+ "value": "{utrecht.space.block.md}"
11120
+ },
11121
+ "name": "utrechtCardContentPaddingBlockStart",
11122
+ "attributes": {},
11123
+ "path": [
11124
+ "utrecht",
11125
+ "card",
11126
+ "content",
11127
+ "padding-block-start"
11128
+ ]
11129
+ },
11130
+ {
11131
+ "$extensions": {
11132
+ "nl.nldesignsystem.css.property": {
11133
+ "syntax": "<length>",
11134
+ "inherits": true
11135
+ },
11136
+ "nl.nldesignsystem.figma.supports-token": false
11137
+ },
11138
+ "type": "dimension",
11139
+ "value": "16px",
11140
+ "filePath": "src/component/utrecht/card.tokens.json",
11141
+ "isSource": true,
11142
+ "original": {
11143
+ "$extensions": {
11144
+ "nl.nldesignsystem.css.property": {
11145
+ "syntax": "<length>",
11146
+ "inherits": true
11147
+ },
11148
+ "nl.nldesignsystem.figma.supports-token": false
11149
+ },
11150
+ "type": "dimension",
11151
+ "value": "{utrecht.space.row.md}"
11152
+ },
11153
+ "name": "utrechtCardContentRowGap",
11154
+ "attributes": {},
11155
+ "path": [
11156
+ "utrecht",
11157
+ "card",
11158
+ "content",
11159
+ "row-gap"
11160
+ ]
11161
+ },
11162
+ {
11163
+ "$extensions": {
11164
+ "nl.nldesignsystem.css.property": {
11165
+ "syntax": "<color>",
11166
+ "inherits": true
11167
+ },
11168
+ "nl.nldesignsystem.figma.supports-token": false
11169
+ },
11170
+ "type": "color",
11171
+ "value": "hsl(211 60% 35%)",
11172
+ "filePath": "src/component/utrecht/card.tokens.json",
11173
+ "isSource": true,
11174
+ "original": {
11175
+ "$extensions": {
11176
+ "nl.nldesignsystem.css.property": {
11177
+ "syntax": "<color>",
11178
+ "inherits": true
11179
+ },
11180
+ "nl.nldesignsystem.figma.supports-token": false
11181
+ },
11182
+ "type": "color",
11183
+ "value": "{utrecht.color.blue.35}"
11184
+ },
11185
+ "name": "utrechtCardHeadingColor",
11186
+ "attributes": {},
11187
+ "path": [
11188
+ "utrecht",
11189
+ "card",
11190
+ "heading",
11191
+ "color"
11192
+ ]
11193
+ },
11194
+ {
11195
+ "$extensions": {
11196
+ "nl.nldesignsystem.css.property": {
11197
+ "syntax": "<length>",
11198
+ "inherits": true
11199
+ },
11200
+ "nl.nldesignsystem.figma.supports-token": false
11201
+ },
11202
+ "type": "dimension",
11203
+ "value": "16px",
11204
+ "filePath": "src/component/utrecht/card.tokens.json",
11205
+ "isSource": true,
11206
+ "original": {
11207
+ "$extensions": {
11208
+ "nl.nldesignsystem.css.property": {
11209
+ "syntax": "<length>",
11210
+ "inherits": true
11211
+ },
11212
+ "nl.nldesignsystem.figma.supports-token": false
11213
+ },
11214
+ "type": "dimension",
11215
+ "value": "{utrecht.space.inline.md}"
11216
+ },
11217
+ "name": "utrechtCardHeadingPaddingInlineEnd",
11218
+ "attributes": {},
11219
+ "path": [
11220
+ "utrecht",
11221
+ "card",
11222
+ "heading",
11223
+ "padding-inline-end"
11224
+ ]
11225
+ },
11226
+ {
11227
+ "$extensions": {
11228
+ "nl.nldesignsystem.css.property": {
11229
+ "syntax": "<length>",
11230
+ "inherits": true
11231
+ },
11232
+ "nl.nldesignsystem.figma.supports-token": false
11233
+ },
11234
+ "type": "dimension",
11235
+ "value": "16px",
11236
+ "filePath": "src/component/utrecht/card.tokens.json",
11237
+ "isSource": true,
11238
+ "original": {
11239
+ "$extensions": {
11240
+ "nl.nldesignsystem.css.property": {
11241
+ "syntax": "<length>",
11242
+ "inherits": true
11243
+ },
11244
+ "nl.nldesignsystem.figma.supports-token": false
11245
+ },
11246
+ "type": "dimension",
11247
+ "value": "{utrecht.space.inline.md}"
11248
+ },
11249
+ "name": "utrechtCardHeadingPaddingInlineStart",
11250
+ "attributes": {},
11251
+ "path": [
11252
+ "utrecht",
11253
+ "card",
11254
+ "heading",
11255
+ "padding-inline-start"
11256
+ ]
11257
+ },
11258
+ {
11259
+ "$extensions": {
11260
+ "nl.nldesignsystem.css.property": {
11261
+ "syntax": "<length>",
11262
+ "inherits": true
11263
+ },
11264
+ "nl.nldesignsystem.figma.supports-token": false,
11265
+ "studio.tokens": {
11266
+ "originalType": "borderWidth"
11267
+ }
11268
+ },
11269
+ "type": "dimension",
11270
+ "value": "3px",
11271
+ "filePath": "src/component/utrecht/card.tokens.json",
11272
+ "isSource": true,
11273
+ "original": {
11274
+ "$extensions": {
11275
+ "nl.nldesignsystem.css.property": {
11276
+ "syntax": "<length>",
11277
+ "inherits": true
11278
+ },
11279
+ "nl.nldesignsystem.figma.supports-token": false,
11280
+ "studio.tokens": {
11281
+ "originalType": "borderWidth"
11282
+ }
11283
+ },
11284
+ "type": "dimension",
11285
+ "value": "3px"
11286
+ },
11287
+ "name": "utrechtCardLinkHoverTextDecorationThickness",
11288
+ "attributes": {},
11289
+ "path": [
11290
+ "utrecht",
11291
+ "card",
11292
+ "link",
11293
+ "hover",
11294
+ "text-decoration-thickness"
11295
+ ]
11296
+ },
10901
11297
  {
10902
11298
  "$extensions": {
10903
11299
  "nl.nldesignsystem.css.property": {