@rijkshuisstijl-community/design-tokens 1.0.1 → 1.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 +10 -0
  2. package/dist/_variables.scss +113 -3
  3. package/dist/index.css +113 -3
  4. package/dist/index.d.ts +111 -1
  5. package/dist/index.js +113 -3
  6. package/dist/index.json +112 -2
  7. package/dist/index.tokens.json +148 -2
  8. package/dist/root.css +113 -3
  9. package/dist/tokens.d.ts +147 -1
  10. package/dist/tokens.js +6283 -3879
  11. package/dist/uitvoerend-mintgroen-focus/_variables.scss +112 -3
  12. package/dist/uitvoerend-mintgroen-focus/index.css +112 -3
  13. package/dist/uitvoerend-mintgroen-focus/index.d.ts +110 -1
  14. package/dist/uitvoerend-mintgroen-focus/index.js +112 -3
  15. package/dist/uitvoerend-mintgroen-focus/index.json +111 -2
  16. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +145 -4
  17. package/dist/uitvoerend-mintgroen-focus/root.css +112 -3
  18. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +144 -3
  19. package/dist/uitvoerend-mintgroen-focus/tokens.js +6405 -4028
  20. package/dist/uitvoerend-violet/_variables.scss +113 -3
  21. package/dist/uitvoerend-violet/index.css +113 -3
  22. package/dist/uitvoerend-violet/index.d.ts +111 -1
  23. package/dist/uitvoerend-violet/index.js +113 -3
  24. package/dist/uitvoerend-violet/index.json +112 -2
  25. package/dist/uitvoerend-violet/index.tokens.json +148 -2
  26. package/dist/uitvoerend-violet/root.css +113 -3
  27. package/dist/uitvoerend-violet/tokens.d.ts +147 -1
  28. package/dist/uitvoerend-violet/tokens.js +5182 -2778
  29. package/dist/uitvoerend-violet-oud/_variables.scss +113 -3
  30. package/dist/uitvoerend-violet-oud/index.css +113 -3
  31. package/dist/uitvoerend-violet-oud/index.d.ts +111 -1
  32. package/dist/uitvoerend-violet-oud/index.js +113 -3
  33. package/dist/uitvoerend-violet-oud/index.json +112 -2
  34. package/dist/uitvoerend-violet-oud/index.tokens.json +148 -2
  35. package/dist/uitvoerend-violet-oud/root.css +113 -3
  36. package/dist/uitvoerend-violet-oud/tokens.d.ts +147 -1
  37. package/dist/uitvoerend-violet-oud/tokens.js +5182 -2778
  38. package/dist/wetgevend/_variables.scss +113 -3
  39. package/dist/wetgevend/index.css +113 -3
  40. package/dist/wetgevend/index.d.ts +111 -1
  41. package/dist/wetgevend/index.js +113 -3
  42. package/dist/wetgevend/index.json +112 -2
  43. package/dist/wetgevend/index.tokens.json +148 -2
  44. package/dist/wetgevend/root.css +113 -3
  45. package/dist/wetgevend/tokens.d.ts +147 -1
  46. package/dist/wetgevend/tokens.js +5182 -2778
  47. package/figma/figma.tokens.json +554 -33
  48. package/package.json +1 -1
  49. package/src/generated/base.tokens.json +487 -11
  50. package/src/generated/themes.json +2216 -320
  51. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +479 -11
  52. package/src/generated/uitvoerend-violet/tokens.json +487 -11
  53. package/src/generated/uitvoerend-violet-oud/tokens.json +487 -11
  54. package/src/generated/wetgevend/tokens.json +487 -11
@@ -1009,15 +1009,6 @@
1009
1009
  },
1010
1010
  "hover": {
1011
1011
  "color": {
1012
- "$extensions": {
1013
- "studio.tokens": {
1014
- "modify": {
1015
- "type": "darken",
1016
- "value": "0.3",
1017
- "space": "srgb"
1018
- }
1019
- }
1020
- },
1021
1012
  "value": "#01496c",
1022
1013
  "type": "color"
1023
1014
  },
@@ -1530,7 +1521,119 @@
1530
1521
  "background-color": {
1531
1522
  "value": "#FDD370",
1532
1523
  "type": "color"
1524
+ },
1525
+ "border-color": {
1526
+ "value": "#154273",
1527
+ "type": "color"
1528
+ },
1529
+ "border-style": {
1530
+ "value": "solid",
1531
+ "type": "borderStyle"
1532
+ },
1533
+ "border-width": {
1534
+ "value": "2px",
1535
+ "type": "borderWidth"
1536
+ },
1537
+ "color": {
1538
+ "value": "#0F172A",
1539
+ "type": "color"
1540
+ },
1541
+ "text-decoration": {
1542
+ "value": "None",
1543
+ "type": "textDecoration"
1544
+ }
1545
+ },
1546
+ "font-weight": {
1547
+ "value": 700,
1548
+ "type": "fontWeights"
1549
+ },
1550
+ "font-family": {
1551
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1552
+ "type": "fontFamilies"
1553
+ },
1554
+ "font-size": {
1555
+ "value": "1.25rem",
1556
+ "type": "fontSizes"
1557
+ },
1558
+ "line-height": {
1559
+ "value": "150%",
1560
+ "type": "lineHeights"
1561
+ },
1562
+ "min-block-size": {
1563
+ "value": "48px",
1564
+ "type": "sizing"
1565
+ },
1566
+ "min-inline-size": {
1567
+ "value": "48px",
1568
+ "type": "sizing"
1569
+ },
1570
+ "padding-block-end": {
1571
+ "value": "0.75rem",
1572
+ "type": "spacing"
1573
+ },
1574
+ "padding-block-start": {
1575
+ "value": "0.75rem",
1576
+ "type": "spacing"
1577
+ },
1578
+ "padding-inline-end": {
1579
+ "value": "1rem",
1580
+ "type": "spacing"
1581
+ },
1582
+ "padding-inline-start": {
1583
+ "value": "1rem",
1584
+ "type": "spacing"
1585
+ },
1586
+ "focus-visible": {
1587
+ "outline-color": {
1588
+ "value": "#000",
1589
+ "type": "color"
1533
1590
  }
1591
+ },
1592
+ "background-color": {
1593
+ "value": "#154273",
1594
+ "type": "color"
1595
+ },
1596
+ "border-color": {
1597
+ "value": "transparent",
1598
+ "type": "color"
1599
+ },
1600
+ "color": {
1601
+ "value": "#fff",
1602
+ "type": "color"
1603
+ },
1604
+ "border-width": {
1605
+ "value": "2px",
1606
+ "type": "borderWidth"
1607
+ },
1608
+ "box-block-end-shadow": {
1609
+ "offset-x": {
1610
+ "value": 0,
1611
+ "type": "other"
1612
+ },
1613
+ "offset-y": {
1614
+ "value": "16px",
1615
+ "type": "other"
1616
+ },
1617
+ "blur-radius": {
1618
+ "value": "48px",
1619
+ "type": "other"
1620
+ },
1621
+ "spread-radius": {
1622
+ "value": 0,
1623
+ "type": "other"
1624
+ },
1625
+ "color": {
1626
+ "value": "#0000001a",
1627
+ "type": "color"
1628
+ }
1629
+ },
1630
+ "text-decoration": {
1631
+ "value": "underline",
1632
+ "type": "textDecoration"
1633
+ },
1634
+ "text-underline-offset": {
1635
+ "value": "0.125rem",
1636
+ "type": "other"
1534
1637
  }
1535
1638
  },
1536
1639
  "icon": {
@@ -1831,6 +1934,54 @@
1831
1934
  "type": "spacing"
1832
1935
  }
1833
1936
  },
1937
+ "paragraph": {
1938
+ "color": {
1939
+ "value": "#0F172A",
1940
+ "type": "color"
1941
+ },
1942
+ "font-family": {
1943
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1944
+ "type": "fontFamilies"
1945
+ },
1946
+ "font-size": {
1947
+ "value": "1.25rem",
1948
+ "type": "fontSizes"
1949
+ },
1950
+ "font-weight": {
1951
+ "value": 400,
1952
+ "type": "fontWeights"
1953
+ },
1954
+ "line-height": {
1955
+ "value": "150%",
1956
+ "type": "lineHeights"
1957
+ },
1958
+ "margin-block-end": {
1959
+ "value": 0,
1960
+ "type": "spacing"
1961
+ },
1962
+ "margin-block-start": {
1963
+ "value": 0,
1964
+ "type": "spacing"
1965
+ },
1966
+ "lead": {
1967
+ "color": {
1968
+ "value": "#0F172A",
1969
+ "type": "color"
1970
+ },
1971
+ "font-size": {
1972
+ "value": "1.5rem",
1973
+ "type": "fontSizes"
1974
+ },
1975
+ "font-weight": {
1976
+ "value": 400,
1977
+ "type": "fontWeights"
1978
+ },
1979
+ "line-height": {
1980
+ "value": "150%",
1981
+ "type": "lineHeights"
1982
+ }
1983
+ }
1984
+ },
1834
1985
  "ordered-list": {
1835
1986
  "padding-inline-start": {
1836
1987
  "value": "1.5rem",
@@ -1917,6 +2068,156 @@
1917
2068
  }
1918
2069
  }
1919
2070
  },
2071
+ "heading-1": {
2072
+ "color": {
2073
+ "value": "#154273",
2074
+ "type": "color"
2075
+ },
2076
+ "font-family": {
2077
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2078
+ "type": "fontFamilies"
2079
+ },
2080
+ "font-weight": {
2081
+ "value": 700,
2082
+ "type": "fontWeights"
2083
+ },
2084
+ "line-height": {
2085
+ "value": "125%",
2086
+ "type": "lineHeights"
2087
+ },
2088
+ "font-size": {
2089
+ "value": "3.125rem",
2090
+ "type": "fontSizes"
2091
+ },
2092
+ "margin-block-end": {
2093
+ "value": 0,
2094
+ "type": "spacing"
2095
+ },
2096
+ "margin-block-start": {
2097
+ "value": 0,
2098
+ "type": "spacing"
2099
+ }
2100
+ },
2101
+ "heading-2": {
2102
+ "color": {
2103
+ "value": "#154273",
2104
+ "type": "color"
2105
+ },
2106
+ "font-family": {
2107
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2108
+ "type": "fontFamilies"
2109
+ },
2110
+ "font-weight": {
2111
+ "value": 700,
2112
+ "type": "fontWeights"
2113
+ },
2114
+ "line-height": {
2115
+ "value": "125%",
2116
+ "type": "lineHeights"
2117
+ },
2118
+ "font-size": {
2119
+ "value": "2.5rem",
2120
+ "type": "fontSizes"
2121
+ },
2122
+ "margin-block-end": {
2123
+ "value": 0,
2124
+ "type": "spacing"
2125
+ },
2126
+ "margin-block-start": {
2127
+ "value": 0,
2128
+ "type": "spacing"
2129
+ }
2130
+ },
2131
+ "heading-3": {
2132
+ "color": {
2133
+ "value": "#154273",
2134
+ "type": "color"
2135
+ },
2136
+ "font-family": {
2137
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2138
+ "type": "fontFamilies"
2139
+ },
2140
+ "font-weight": {
2141
+ "value": 700,
2142
+ "type": "fontWeights"
2143
+ },
2144
+ "line-height": {
2145
+ "value": "125%",
2146
+ "type": "lineHeights"
2147
+ },
2148
+ "font-size": {
2149
+ "value": "1.875rem",
2150
+ "type": "fontSizes"
2151
+ },
2152
+ "margin-block-end": {
2153
+ "value": 0,
2154
+ "type": "spacing"
2155
+ },
2156
+ "margin-block-start": {
2157
+ "value": 0,
2158
+ "type": "spacing"
2159
+ }
2160
+ },
2161
+ "heading-4": {
2162
+ "color": {
2163
+ "value": "#154273",
2164
+ "type": "color"
2165
+ },
2166
+ "font-family": {
2167
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2168
+ "type": "fontFamilies"
2169
+ },
2170
+ "font-weight": {
2171
+ "value": 700,
2172
+ "type": "fontWeights"
2173
+ },
2174
+ "line-height": {
2175
+ "value": "125%",
2176
+ "type": "lineHeights"
2177
+ },
2178
+ "font-size": {
2179
+ "value": "1.5rem",
2180
+ "type": "fontSizes"
2181
+ },
2182
+ "margin-block-end": {
2183
+ "value": 0,
2184
+ "type": "spacing"
2185
+ },
2186
+ "margin-block-start": {
2187
+ "value": 0,
2188
+ "type": "spacing"
2189
+ }
2190
+ },
2191
+ "heading-5": {
2192
+ "color": {
2193
+ "value": "#154273",
2194
+ "type": "color"
2195
+ },
2196
+ "font-family": {
2197
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2198
+ "type": "fontFamilies"
2199
+ },
2200
+ "font-weight": {
2201
+ "value": 700,
2202
+ "type": "fontWeights"
2203
+ },
2204
+ "line-height": {
2205
+ "value": "125%",
2206
+ "type": "lineHeights"
2207
+ },
2208
+ "font-size": {
2209
+ "value": "1.25rem",
2210
+ "type": "fontSizes"
2211
+ },
2212
+ "margin-block-end": {
2213
+ "value": 0,
2214
+ "type": "spacing"
2215
+ },
2216
+ "margin-block-start": {
2217
+ "value": 0,
2218
+ "type": "spacing"
2219
+ }
2220
+ },
1920
2221
  "form-label": {
1921
2222
  "color": {
1922
2223
  "value": "#0F172A",
@@ -2192,6 +2493,60 @@
2192
2493
  }
2193
2494
  }
2194
2495
  },
2496
+ "number-badge": {
2497
+ "font-size": {
2498
+ "value": "1.25rem",
2499
+ "type": "fontSizes"
2500
+ },
2501
+ "line-height": {
2502
+ "value": "150%",
2503
+ "type": "lineHeights"
2504
+ },
2505
+ "min-block-size": {
2506
+ "value": "24px",
2507
+ "type": "sizing"
2508
+ },
2509
+ "min-inline-size": {
2510
+ "value": "24px",
2511
+ "type": "sizing"
2512
+ },
2513
+ "font-weight": {
2514
+ "value": 700,
2515
+ "type": "fontWeights"
2516
+ },
2517
+ "border-width": {
2518
+ "value": "0px",
2519
+ "type": "borderWidth"
2520
+ },
2521
+ "border-radius": {
2522
+ "value": "999px",
2523
+ "type": "borderRadius"
2524
+ },
2525
+ "font-family": {
2526
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2527
+ "type": "fontFamilies"
2528
+ },
2529
+ "background-color": {
2530
+ "value": "#154273",
2531
+ "type": "color"
2532
+ },
2533
+ "border-color": {
2534
+ "value": "transparent",
2535
+ "type": "color"
2536
+ },
2537
+ "color": {
2538
+ "value": "#fff",
2539
+ "type": "color"
2540
+ },
2541
+ "padding-inline": {
2542
+ "value": "0.5rem",
2543
+ "type": "spacing"
2544
+ },
2545
+ "padding-block": {
2546
+ "value": "0.5rem",
2547
+ "type": "spacing"
2548
+ }
2549
+ },
2195
2550
  "button-group": {
2196
2551
  "background-color": {
2197
2552
  "value": "transparent",
@@ -4605,7 +4960,7 @@
4605
4960
  },
4606
4961
  "icon": {
4607
4962
  "color": {
4608
- "value": "#0F172A",
4963
+ "value": "#154273",
4609
4964
  "type": "color"
4610
4965
  },
4611
4966
  "size": {
@@ -4643,7 +4998,7 @@
4643
4998
  },
4644
4999
  "metadata": {
4645
5000
  "color": {
4646
- "value": "#0F172A",
5001
+ "value": "#334155",
4647
5002
  "type": "color"
4648
5003
  }
4649
5004
  },
@@ -4716,6 +5071,10 @@
4716
5071
  }
4717
5072
  },
4718
5073
  "heading": {
5074
+ "color": {
5075
+ "value": "#154273",
5076
+ "type": "color"
5077
+ },
4719
5078
  "padding-block-start": {
4720
5079
  "value": "0.5rem",
4721
5080
  "type": "spacing"
@@ -5442,6 +5801,115 @@
5442
5801
  }
5443
5802
  }
5444
5803
  },
5804
+ "link": {
5805
+ "color": {
5806
+ "value": "#01689b",
5807
+ "type": "color"
5808
+ },
5809
+ "text-decoration-color": {
5810
+ "value": "#01689b",
5811
+ "type": "color"
5812
+ },
5813
+ "active": {
5814
+ "color": {
5815
+ "value": "#42145f",
5816
+ "type": "color"
5817
+ },
5818
+ "text-decoration": {
5819
+ "value": "None",
5820
+ "type": "textDecoration"
5821
+ }
5822
+ },
5823
+ "focus": {
5824
+ "background-color": {
5825
+ "value": "transparent",
5826
+ "type": "color"
5827
+ },
5828
+ "color": {
5829
+ "value": "#01689b",
5830
+ "type": "color"
5831
+ },
5832
+ "text-decoration": {
5833
+ "value": "None",
5834
+ "type": "textDecoration"
5835
+ },
5836
+ "text-decoration-thickness": {
5837
+ "value": "auto",
5838
+ "type": "other"
5839
+ }
5840
+ },
5841
+ "hover": {
5842
+ "color": {
5843
+ "$extensions": {
5844
+ "studio.tokens": {
5845
+ "modify": {
5846
+ "type": "darken",
5847
+ "value": "0.3",
5848
+ "space": "srgb"
5849
+ }
5850
+ }
5851
+ },
5852
+ "value": "#01496c",
5853
+ "type": "color"
5854
+ },
5855
+ "text-decoration": {
5856
+ "value": "None",
5857
+ "type": "textDecoration"
5858
+ },
5859
+ "text-decoration-thickness": {
5860
+ "value": "auto",
5861
+ "type": "other"
5862
+ }
5863
+ },
5864
+ "visited": {
5865
+ "color": {
5866
+ "value": "#42145f",
5867
+ "type": "color"
5868
+ }
5869
+ },
5870
+ "text-decoration": {
5871
+ "value": "underline",
5872
+ "type": "textDecoration"
5873
+ },
5874
+ "icon": {
5875
+ "inset-block-start": {
5876
+ "value": "0.25rem",
5877
+ "type": "spacing"
5878
+ },
5879
+ "size": {
5880
+ "value": "24px",
5881
+ "type": "sizing"
5882
+ }
5883
+ },
5884
+ "column-gap": {
5885
+ "value": "0.25rem",
5886
+ "type": "spacing"
5887
+ },
5888
+ "text-decoration-thickness": {
5889
+ "value": "auto",
5890
+ "type": "other"
5891
+ },
5892
+ "text-underline-offset": {
5893
+ "value": "0.125rem",
5894
+ "type": "other"
5895
+ },
5896
+ "font-family": {
5897
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
5898
+ "type": "fontFamilies"
5899
+ },
5900
+ "font-weight": {
5901
+ "value": 400,
5902
+ "type": "fontWeights"
5903
+ },
5904
+ "font-size": {
5905
+ "value": "1.25rem",
5906
+ "type": "fontSizes"
5907
+ },
5908
+ "line-height": {
5909
+ "value": "150%",
5910
+ "type": "lineHeights"
5911
+ }
5912
+ },
5445
5913
  "heading-level-1": {
5446
5914
  "color": {
5447
5915
  "value": "#154273",