@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/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": {
@@ -11515,6 +11554,363 @@
11515
11554
  "width"
11516
11555
  ]
11517
11556
  },
11557
+ {
11558
+ "$extensions": {
11559
+ "nl.nldesignsystem.css.property": {
11560
+ "syntax": "<color>",
11561
+ "inherits": true
11562
+ },
11563
+ "nl.nldesignsystem.figma.supports-token": false
11564
+ },
11565
+ "type": "color",
11566
+ "value": "hsl(211 60% 90%)",
11567
+ "filePath": "src/component/utrecht/card.tokens.json",
11568
+ "isSource": true,
11569
+ "original": {
11570
+ "$extensions": {
11571
+ "nl.nldesignsystem.css.property": {
11572
+ "syntax": "<color>",
11573
+ "inherits": true
11574
+ },
11575
+ "nl.nldesignsystem.figma.supports-token": false
11576
+ },
11577
+ "type": "color",
11578
+ "value": "{utrecht.color.blue.90}"
11579
+ },
11580
+ "name": "utrechtCardBackgroundColor",
11581
+ "attributes": {},
11582
+ "path": [
11583
+ "utrecht",
11584
+ "card",
11585
+ "background-color"
11586
+ ]
11587
+ },
11588
+ {
11589
+ "$extensions": {
11590
+ "nl.nldesignsystem.css.property": {
11591
+ "syntax": "<length>",
11592
+ "inherits": true
11593
+ },
11594
+ "nl.nldesignsystem.figma.supports-token": false
11595
+ },
11596
+ "type": "dimension",
11597
+ "value": "16px",
11598
+ "filePath": "src/component/utrecht/card.tokens.json",
11599
+ "isSource": true,
11600
+ "original": {
11601
+ "$extensions": {
11602
+ "nl.nldesignsystem.css.property": {
11603
+ "syntax": "<length>",
11604
+ "inherits": true
11605
+ },
11606
+ "nl.nldesignsystem.figma.supports-token": false
11607
+ },
11608
+ "type": "dimension",
11609
+ "value": "{utrecht.space.inline.md}"
11610
+ },
11611
+ "name": "utrechtCardBodyPaddingInlineEnd",
11612
+ "attributes": {},
11613
+ "path": [
11614
+ "utrecht",
11615
+ "card",
11616
+ "body",
11617
+ "padding-inline-end"
11618
+ ]
11619
+ },
11620
+ {
11621
+ "$extensions": {
11622
+ "nl.nldesignsystem.css.property": {
11623
+ "syntax": "<length>",
11624
+ "inherits": true
11625
+ },
11626
+ "nl.nldesignsystem.figma.supports-token": false
11627
+ },
11628
+ "type": "dimension",
11629
+ "value": "16px",
11630
+ "filePath": "src/component/utrecht/card.tokens.json",
11631
+ "isSource": true,
11632
+ "original": {
11633
+ "$extensions": {
11634
+ "nl.nldesignsystem.css.property": {
11635
+ "syntax": "<length>",
11636
+ "inherits": true
11637
+ },
11638
+ "nl.nldesignsystem.figma.supports-token": false
11639
+ },
11640
+ "type": "dimension",
11641
+ "value": "{utrecht.space.inline.md}"
11642
+ },
11643
+ "name": "utrechtCardBodyPaddingInlineStart",
11644
+ "attributes": {},
11645
+ "path": [
11646
+ "utrecht",
11647
+ "card",
11648
+ "body",
11649
+ "padding-inline-start"
11650
+ ]
11651
+ },
11652
+ {
11653
+ "$extensions": {
11654
+ "nl.nldesignsystem.css.property": {
11655
+ "syntax": "<color>",
11656
+ "inherits": true
11657
+ },
11658
+ "nl.nldesignsystem.figma.supports-token": false
11659
+ },
11660
+ "type": "color",
11661
+ "value": "hsl(0 0% 0%)",
11662
+ "filePath": "src/component/utrecht/card.tokens.json",
11663
+ "isSource": true,
11664
+ "original": {
11665
+ "$extensions": {
11666
+ "nl.nldesignsystem.css.property": {
11667
+ "syntax": "<color>",
11668
+ "inherits": true
11669
+ },
11670
+ "nl.nldesignsystem.figma.supports-token": false
11671
+ },
11672
+ "type": "color",
11673
+ "value": "{utrecht.color.black}"
11674
+ },
11675
+ "name": "utrechtCardColor",
11676
+ "attributes": {},
11677
+ "path": [
11678
+ "utrecht",
11679
+ "card",
11680
+ "color"
11681
+ ]
11682
+ },
11683
+ {
11684
+ "$extensions": {
11685
+ "nl.nldesignsystem.css.property": {
11686
+ "syntax": "<length>",
11687
+ "inherits": true
11688
+ },
11689
+ "nl.nldesignsystem.figma.supports-token": false
11690
+ },
11691
+ "type": "dimension",
11692
+ "value": "16px",
11693
+ "filePath": "src/component/utrecht/card.tokens.json",
11694
+ "isSource": true,
11695
+ "original": {
11696
+ "$extensions": {
11697
+ "nl.nldesignsystem.css.property": {
11698
+ "syntax": "<length>",
11699
+ "inherits": true
11700
+ },
11701
+ "nl.nldesignsystem.figma.supports-token": false
11702
+ },
11703
+ "type": "dimension",
11704
+ "value": "{utrecht.space.block.md}"
11705
+ },
11706
+ "name": "utrechtCardContentPaddingBlockEnd",
11707
+ "attributes": {},
11708
+ "path": [
11709
+ "utrecht",
11710
+ "card",
11711
+ "content",
11712
+ "padding-block-end"
11713
+ ]
11714
+ },
11715
+ {
11716
+ "$extensions": {
11717
+ "nl.nldesignsystem.css.property": {
11718
+ "syntax": "<length>",
11719
+ "inherits": true
11720
+ },
11721
+ "nl.nldesignsystem.figma.supports-token": false
11722
+ },
11723
+ "type": "dimension",
11724
+ "value": "16px",
11725
+ "filePath": "src/component/utrecht/card.tokens.json",
11726
+ "isSource": true,
11727
+ "original": {
11728
+ "$extensions": {
11729
+ "nl.nldesignsystem.css.property": {
11730
+ "syntax": "<length>",
11731
+ "inherits": true
11732
+ },
11733
+ "nl.nldesignsystem.figma.supports-token": false
11734
+ },
11735
+ "type": "dimension",
11736
+ "value": "{utrecht.space.block.md}"
11737
+ },
11738
+ "name": "utrechtCardContentPaddingBlockStart",
11739
+ "attributes": {},
11740
+ "path": [
11741
+ "utrecht",
11742
+ "card",
11743
+ "content",
11744
+ "padding-block-start"
11745
+ ]
11746
+ },
11747
+ {
11748
+ "$extensions": {
11749
+ "nl.nldesignsystem.css.property": {
11750
+ "syntax": "<length>",
11751
+ "inherits": true
11752
+ },
11753
+ "nl.nldesignsystem.figma.supports-token": false
11754
+ },
11755
+ "type": "dimension",
11756
+ "value": "16px",
11757
+ "filePath": "src/component/utrecht/card.tokens.json",
11758
+ "isSource": true,
11759
+ "original": {
11760
+ "$extensions": {
11761
+ "nl.nldesignsystem.css.property": {
11762
+ "syntax": "<length>",
11763
+ "inherits": true
11764
+ },
11765
+ "nl.nldesignsystem.figma.supports-token": false
11766
+ },
11767
+ "type": "dimension",
11768
+ "value": "{utrecht.space.row.md}"
11769
+ },
11770
+ "name": "utrechtCardContentRowGap",
11771
+ "attributes": {},
11772
+ "path": [
11773
+ "utrecht",
11774
+ "card",
11775
+ "content",
11776
+ "row-gap"
11777
+ ]
11778
+ },
11779
+ {
11780
+ "$extensions": {
11781
+ "nl.nldesignsystem.css.property": {
11782
+ "syntax": "<color>",
11783
+ "inherits": true
11784
+ },
11785
+ "nl.nldesignsystem.figma.supports-token": false
11786
+ },
11787
+ "type": "color",
11788
+ "value": "hsl(211 60% 35%)",
11789
+ "filePath": "src/component/utrecht/card.tokens.json",
11790
+ "isSource": true,
11791
+ "original": {
11792
+ "$extensions": {
11793
+ "nl.nldesignsystem.css.property": {
11794
+ "syntax": "<color>",
11795
+ "inherits": true
11796
+ },
11797
+ "nl.nldesignsystem.figma.supports-token": false
11798
+ },
11799
+ "type": "color",
11800
+ "value": "{utrecht.color.blue.35}"
11801
+ },
11802
+ "name": "utrechtCardHeadingColor",
11803
+ "attributes": {},
11804
+ "path": [
11805
+ "utrecht",
11806
+ "card",
11807
+ "heading",
11808
+ "color"
11809
+ ]
11810
+ },
11811
+ {
11812
+ "$extensions": {
11813
+ "nl.nldesignsystem.css.property": {
11814
+ "syntax": "<length>",
11815
+ "inherits": true
11816
+ },
11817
+ "nl.nldesignsystem.figma.supports-token": false
11818
+ },
11819
+ "type": "dimension",
11820
+ "value": "16px",
11821
+ "filePath": "src/component/utrecht/card.tokens.json",
11822
+ "isSource": true,
11823
+ "original": {
11824
+ "$extensions": {
11825
+ "nl.nldesignsystem.css.property": {
11826
+ "syntax": "<length>",
11827
+ "inherits": true
11828
+ },
11829
+ "nl.nldesignsystem.figma.supports-token": false
11830
+ },
11831
+ "type": "dimension",
11832
+ "value": "{utrecht.space.inline.md}"
11833
+ },
11834
+ "name": "utrechtCardHeadingPaddingInlineEnd",
11835
+ "attributes": {},
11836
+ "path": [
11837
+ "utrecht",
11838
+ "card",
11839
+ "heading",
11840
+ "padding-inline-end"
11841
+ ]
11842
+ },
11843
+ {
11844
+ "$extensions": {
11845
+ "nl.nldesignsystem.css.property": {
11846
+ "syntax": "<length>",
11847
+ "inherits": true
11848
+ },
11849
+ "nl.nldesignsystem.figma.supports-token": false
11850
+ },
11851
+ "type": "dimension",
11852
+ "value": "16px",
11853
+ "filePath": "src/component/utrecht/card.tokens.json",
11854
+ "isSource": true,
11855
+ "original": {
11856
+ "$extensions": {
11857
+ "nl.nldesignsystem.css.property": {
11858
+ "syntax": "<length>",
11859
+ "inherits": true
11860
+ },
11861
+ "nl.nldesignsystem.figma.supports-token": false
11862
+ },
11863
+ "type": "dimension",
11864
+ "value": "{utrecht.space.inline.md}"
11865
+ },
11866
+ "name": "utrechtCardHeadingPaddingInlineStart",
11867
+ "attributes": {},
11868
+ "path": [
11869
+ "utrecht",
11870
+ "card",
11871
+ "heading",
11872
+ "padding-inline-start"
11873
+ ]
11874
+ },
11875
+ {
11876
+ "$extensions": {
11877
+ "nl.nldesignsystem.css.property": {
11878
+ "syntax": "<length>",
11879
+ "inherits": true
11880
+ },
11881
+ "nl.nldesignsystem.figma.supports-token": false,
11882
+ "studio.tokens": {
11883
+ "originalType": "borderWidth"
11884
+ }
11885
+ },
11886
+ "type": "dimension",
11887
+ "value": "3px",
11888
+ "filePath": "src/component/utrecht/card.tokens.json",
11889
+ "isSource": true,
11890
+ "original": {
11891
+ "$extensions": {
11892
+ "nl.nldesignsystem.css.property": {
11893
+ "syntax": "<length>",
11894
+ "inherits": true
11895
+ },
11896
+ "nl.nldesignsystem.figma.supports-token": false,
11897
+ "studio.tokens": {
11898
+ "originalType": "borderWidth"
11899
+ }
11900
+ },
11901
+ "type": "dimension",
11902
+ "value": "3px"
11903
+ },
11904
+ "name": "utrechtCardLinkHoverTextDecorationThickness",
11905
+ "attributes": {},
11906
+ "path": [
11907
+ "utrecht",
11908
+ "card",
11909
+ "link",
11910
+ "hover",
11911
+ "text-decoration-thickness"
11912
+ ]
11913
+ },
11518
11914
  {
11519
11915
  "$extensions": {
11520
11916
  "nl.nldesignsystem.css.property": {