@lux-design-system/design-tokens 2.0.0 → 2.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 (261) hide show
  1. package/dist/digid/dark/lg-theme.css +267 -286
  2. package/dist/digid/dark/lg.css +267 -286
  3. package/dist/digid/dark/md-theme.css +267 -286
  4. package/dist/digid/dark/md.css +267 -286
  5. package/dist/digid/dark/sm-theme.css +267 -286
  6. package/dist/digid/dark/sm.css +267 -286
  7. package/dist/digid/dark/xl-theme.css +267 -286
  8. package/dist/digid/dark/xl.css +267 -286
  9. package/dist/digid/dark/xs-theme.css +267 -286
  10. package/dist/digid/dark/xs.css +267 -286
  11. package/dist/digid/light/lg-theme.css +267 -286
  12. package/dist/digid/light/lg.css +267 -286
  13. package/dist/digid/light/md-theme.css +267 -286
  14. package/dist/digid/light/md.css +267 -286
  15. package/dist/digid/light/sm-theme.css +267 -286
  16. package/dist/digid/light/sm.css +267 -286
  17. package/dist/digid/light/xl-theme.css +267 -286
  18. package/dist/digid/light/xl.css +267 -286
  19. package/dist/digid/light/xs-theme.css +267 -286
  20. package/dist/digid/light/xs.css +267 -286
  21. package/dist/digitoegankelijk/dark/lg-theme.css +267 -286
  22. package/dist/digitoegankelijk/dark/lg.css +267 -286
  23. package/dist/digitoegankelijk/dark/md-theme.css +267 -286
  24. package/dist/digitoegankelijk/dark/md.css +267 -286
  25. package/dist/digitoegankelijk/dark/sm-theme.css +267 -286
  26. package/dist/digitoegankelijk/dark/sm.css +267 -286
  27. package/dist/digitoegankelijk/dark/xl-theme.css +267 -286
  28. package/dist/digitoegankelijk/dark/xl.css +267 -286
  29. package/dist/digitoegankelijk/dark/xs-theme.css +267 -286
  30. package/dist/digitoegankelijk/dark/xs.css +267 -286
  31. package/dist/digitoegankelijk/light/lg-theme.css +267 -286
  32. package/dist/digitoegankelijk/light/lg.css +267 -286
  33. package/dist/digitoegankelijk/light/md-theme.css +267 -286
  34. package/dist/digitoegankelijk/light/md.css +267 -286
  35. package/dist/digitoegankelijk/light/sm-theme.css +267 -286
  36. package/dist/digitoegankelijk/light/sm.css +267 -286
  37. package/dist/digitoegankelijk/light/xl-theme.css +267 -286
  38. package/dist/digitoegankelijk/light/xl.css +267 -286
  39. package/dist/digitoegankelijk/light/xs-theme.css +267 -286
  40. package/dist/digitoegankelijk/light/xs.css +267 -286
  41. package/dist/eva/dark/lg-theme.css +270 -289
  42. package/dist/eva/dark/lg.css +270 -289
  43. package/dist/eva/dark/md-theme.css +270 -289
  44. package/dist/eva/dark/md.css +270 -289
  45. package/dist/eva/dark/sm-theme.css +270 -289
  46. package/dist/eva/dark/sm.css +270 -289
  47. package/dist/eva/dark/xl-theme.css +270 -289
  48. package/dist/eva/dark/xl.css +270 -289
  49. package/dist/eva/dark/xs-theme.css +270 -289
  50. package/dist/eva/dark/xs.css +270 -289
  51. package/dist/eva/light/lg-theme.css +270 -289
  52. package/dist/eva/light/lg.css +270 -289
  53. package/dist/eva/light/md-theme.css +270 -289
  54. package/dist/eva/light/md.css +270 -289
  55. package/dist/eva/light/sm-theme.css +270 -289
  56. package/dist/eva/light/sm.css +270 -289
  57. package/dist/eva/light/xl-theme.css +270 -289
  58. package/dist/eva/light/xl.css +270 -289
  59. package/dist/eva/light/xs-theme.css +270 -289
  60. package/dist/eva/light/xs.css +270 -289
  61. package/dist/figma-tokens.json +3258 -3652
  62. package/dist/index.json +1670 -2006
  63. package/dist/koop/dark/lg-theme.css +906 -0
  64. package/dist/koop/dark/lg.css +900 -0
  65. package/dist/koop/dark/md-theme.css +906 -0
  66. package/dist/koop/dark/md.css +900 -0
  67. package/dist/koop/dark/sm-theme.css +906 -0
  68. package/dist/koop/dark/sm.css +900 -0
  69. package/dist/koop/dark/xl-theme.css +906 -0
  70. package/dist/koop/dark/xl.css +900 -0
  71. package/dist/koop/dark/xs-theme.css +906 -0
  72. package/dist/koop/dark/xs.css +900 -0
  73. package/dist/koop/index-theme.css +4 -0
  74. package/dist/koop/index.css +5 -0
  75. package/dist/koop/light/lg-theme.css +906 -0
  76. package/dist/koop/light/lg.css +900 -0
  77. package/dist/koop/light/md-theme.css +906 -0
  78. package/dist/koop/light/md.css +900 -0
  79. package/dist/koop/light/sm-theme.css +906 -0
  80. package/dist/koop/light/sm.css +900 -0
  81. package/dist/koop/light/xl-theme.css +906 -0
  82. package/dist/koop/light/xl.css +900 -0
  83. package/dist/koop/light/xs-theme.css +906 -0
  84. package/dist/koop/light/xs.css +900 -0
  85. package/dist/koop/lightdark.css +3 -0
  86. package/dist/logius/dark/lg-theme.css +267 -286
  87. package/dist/logius/dark/lg.css +267 -286
  88. package/dist/logius/dark/md-theme.css +267 -286
  89. package/dist/logius/dark/md.css +267 -286
  90. package/dist/logius/dark/sm-theme.css +267 -286
  91. package/dist/logius/dark/sm.css +267 -286
  92. package/dist/logius/dark/xl-theme.css +267 -286
  93. package/dist/logius/dark/xl.css +267 -286
  94. package/dist/logius/dark/xs-theme.css +267 -286
  95. package/dist/logius/dark/xs.css +267 -286
  96. package/dist/logius/light/lg-theme.css +267 -286
  97. package/dist/logius/light/lg.css +267 -286
  98. package/dist/logius/light/md-theme.css +267 -286
  99. package/dist/logius/light/md.css +267 -286
  100. package/dist/logius/light/sm-theme.css +267 -286
  101. package/dist/logius/light/sm.css +267 -286
  102. package/dist/logius/light/xl-theme.css +267 -286
  103. package/dist/logius/light/xl.css +267 -286
  104. package/dist/logius/light/xs-theme.css +267 -286
  105. package/dist/logius/light/xs.css +267 -286
  106. package/dist/logius-blauw/dark/lg-theme.css +267 -286
  107. package/dist/logius-blauw/dark/lg.css +267 -286
  108. package/dist/logius-blauw/dark/md-theme.css +267 -286
  109. package/dist/logius-blauw/dark/md.css +267 -286
  110. package/dist/logius-blauw/dark/sm-theme.css +267 -286
  111. package/dist/logius-blauw/dark/sm.css +267 -286
  112. package/dist/logius-blauw/dark/xl-theme.css +267 -286
  113. package/dist/logius-blauw/dark/xl.css +267 -286
  114. package/dist/logius-blauw/dark/xs-theme.css +267 -286
  115. package/dist/logius-blauw/dark/xs.css +267 -286
  116. package/dist/logius-blauw/light/lg-theme.css +267 -286
  117. package/dist/logius-blauw/light/lg.css +267 -286
  118. package/dist/logius-blauw/light/md-theme.css +267 -286
  119. package/dist/logius-blauw/light/md.css +267 -286
  120. package/dist/logius-blauw/light/sm-theme.css +267 -286
  121. package/dist/logius-blauw/light/sm.css +267 -286
  122. package/dist/logius-blauw/light/xl-theme.css +267 -286
  123. package/dist/logius-blauw/light/xl.css +267 -286
  124. package/dist/logius-blauw/light/xs-theme.css +267 -286
  125. package/dist/logius-blauw/light/xs.css +267 -286
  126. package/dist/mijnoverheid/dark/lg-theme.css +268 -287
  127. package/dist/mijnoverheid/dark/lg.css +268 -287
  128. package/dist/mijnoverheid/dark/md-theme.css +268 -287
  129. package/dist/mijnoverheid/dark/md.css +268 -287
  130. package/dist/mijnoverheid/dark/sm-theme.css +268 -287
  131. package/dist/mijnoverheid/dark/sm.css +268 -287
  132. package/dist/mijnoverheid/dark/xl-theme.css +268 -287
  133. package/dist/mijnoverheid/dark/xl.css +268 -287
  134. package/dist/mijnoverheid/dark/xs-theme.css +268 -287
  135. package/dist/mijnoverheid/dark/xs.css +268 -287
  136. package/dist/mijnoverheid/light/lg-theme.css +268 -287
  137. package/dist/mijnoverheid/light/lg.css +268 -287
  138. package/dist/mijnoverheid/light/md-theme.css +268 -287
  139. package/dist/mijnoverheid/light/md.css +268 -287
  140. package/dist/mijnoverheid/light/sm-theme.css +268 -287
  141. package/dist/mijnoverheid/light/sm.css +268 -287
  142. package/dist/mijnoverheid/light/xl-theme.css +268 -287
  143. package/dist/mijnoverheid/light/xl.css +268 -287
  144. package/dist/mijnoverheid/light/xs-theme.css +268 -287
  145. package/dist/mijnoverheid/light/xs.css +268 -287
  146. package/dist/nldoc/dark/lg-theme.css +268 -287
  147. package/dist/nldoc/dark/lg.css +268 -287
  148. package/dist/nldoc/dark/md-theme.css +268 -287
  149. package/dist/nldoc/dark/md.css +268 -287
  150. package/dist/nldoc/dark/sm-theme.css +268 -287
  151. package/dist/nldoc/dark/sm.css +268 -287
  152. package/dist/nldoc/dark/xl-theme.css +268 -287
  153. package/dist/nldoc/dark/xl.css +268 -287
  154. package/dist/nldoc/dark/xs-theme.css +268 -287
  155. package/dist/nldoc/dark/xs.css +268 -287
  156. package/dist/nldoc/light/lg-theme.css +268 -287
  157. package/dist/nldoc/light/lg.css +268 -287
  158. package/dist/nldoc/light/md-theme.css +268 -287
  159. package/dist/nldoc/light/md.css +268 -287
  160. package/dist/nldoc/light/sm-theme.css +268 -287
  161. package/dist/nldoc/light/sm.css +268 -287
  162. package/dist/nldoc/light/xl-theme.css +268 -287
  163. package/dist/nldoc/light/xl.css +268 -287
  164. package/dist/nldoc/light/xs-theme.css +268 -287
  165. package/dist/nldoc/light/xs.css +268 -287
  166. package/dist/nldoc/ridderkerk/dark/lg-theme.css +268 -287
  167. package/dist/nldoc/ridderkerk/dark/lg.css +268 -287
  168. package/dist/nldoc/ridderkerk/dark/md-theme.css +268 -287
  169. package/dist/nldoc/ridderkerk/dark/md.css +268 -287
  170. package/dist/nldoc/ridderkerk/dark/sm-theme.css +268 -287
  171. package/dist/nldoc/ridderkerk/dark/sm.css +268 -287
  172. package/dist/nldoc/ridderkerk/dark/xl-theme.css +268 -287
  173. package/dist/nldoc/ridderkerk/dark/xl.css +268 -287
  174. package/dist/nldoc/ridderkerk/dark/xs-theme.css +268 -287
  175. package/dist/nldoc/ridderkerk/dark/xs.css +268 -287
  176. package/dist/nldoc/ridderkerk/light/lg-theme.css +268 -287
  177. package/dist/nldoc/ridderkerk/light/lg.css +268 -287
  178. package/dist/nldoc/ridderkerk/light/md-theme.css +268 -287
  179. package/dist/nldoc/ridderkerk/light/md.css +268 -287
  180. package/dist/nldoc/ridderkerk/light/sm-theme.css +268 -287
  181. package/dist/nldoc/ridderkerk/light/sm.css +268 -287
  182. package/dist/nldoc/ridderkerk/light/xl-theme.css +268 -287
  183. package/dist/nldoc/ridderkerk/light/xl.css +268 -287
  184. package/dist/nldoc/ridderkerk/light/xs-theme.css +268 -287
  185. package/dist/nldoc/ridderkerk/light/xs.css +268 -287
  186. package/dist/nldoc/rijksoverheid/dark/lg-theme.css +268 -287
  187. package/dist/nldoc/rijksoverheid/dark/lg.css +268 -287
  188. package/dist/nldoc/rijksoverheid/dark/md-theme.css +268 -287
  189. package/dist/nldoc/rijksoverheid/dark/md.css +268 -287
  190. package/dist/nldoc/rijksoverheid/dark/sm-theme.css +268 -287
  191. package/dist/nldoc/rijksoverheid/dark/sm.css +268 -287
  192. package/dist/nldoc/rijksoverheid/dark/xl-theme.css +268 -287
  193. package/dist/nldoc/rijksoverheid/dark/xl.css +268 -287
  194. package/dist/nldoc/rijksoverheid/dark/xs-theme.css +268 -287
  195. package/dist/nldoc/rijksoverheid/dark/xs.css +268 -287
  196. package/dist/nldoc/rijksoverheid/light/lg-theme.css +268 -287
  197. package/dist/nldoc/rijksoverheid/light/lg.css +268 -287
  198. package/dist/nldoc/rijksoverheid/light/md-theme.css +268 -287
  199. package/dist/nldoc/rijksoverheid/light/md.css +268 -287
  200. package/dist/nldoc/rijksoverheid/light/sm-theme.css +268 -287
  201. package/dist/nldoc/rijksoverheid/light/sm.css +268 -287
  202. package/dist/nldoc/rijksoverheid/light/xl-theme.css +268 -287
  203. package/dist/nldoc/rijksoverheid/light/xl.css +268 -287
  204. package/dist/nldoc/rijksoverheid/light/xs-theme.css +268 -287
  205. package/dist/nldoc/rijksoverheid/light/xs.css +268 -287
  206. package/dist/nldoc/waterschap-hollandse-delta/dark/lg-theme.css +268 -287
  207. package/dist/nldoc/waterschap-hollandse-delta/dark/lg.css +268 -287
  208. package/dist/nldoc/waterschap-hollandse-delta/dark/md-theme.css +268 -287
  209. package/dist/nldoc/waterschap-hollandse-delta/dark/md.css +268 -287
  210. package/dist/nldoc/waterschap-hollandse-delta/dark/sm-theme.css +268 -287
  211. package/dist/nldoc/waterschap-hollandse-delta/dark/sm.css +268 -287
  212. package/dist/nldoc/waterschap-hollandse-delta/dark/xl-theme.css +268 -287
  213. package/dist/nldoc/waterschap-hollandse-delta/dark/xl.css +268 -287
  214. package/dist/nldoc/waterschap-hollandse-delta/dark/xs-theme.css +268 -287
  215. package/dist/nldoc/waterschap-hollandse-delta/dark/xs.css +268 -287
  216. package/dist/nldoc/waterschap-hollandse-delta/light/lg-theme.css +268 -287
  217. package/dist/nldoc/waterschap-hollandse-delta/light/lg.css +268 -287
  218. package/dist/nldoc/waterschap-hollandse-delta/light/md-theme.css +268 -287
  219. package/dist/nldoc/waterschap-hollandse-delta/light/md.css +268 -287
  220. package/dist/nldoc/waterschap-hollandse-delta/light/sm-theme.css +268 -287
  221. package/dist/nldoc/waterschap-hollandse-delta/light/sm.css +268 -287
  222. package/dist/nldoc/waterschap-hollandse-delta/light/xl-theme.css +268 -287
  223. package/dist/nldoc/waterschap-hollandse-delta/light/xl.css +268 -287
  224. package/dist/nldoc/waterschap-hollandse-delta/light/xs-theme.css +268 -287
  225. package/dist/nldoc/waterschap-hollandse-delta/light/xs.css +268 -287
  226. package/lib/tokens/$metadata.json +5 -5
  227. package/lib/tokens/$themes.json +269 -247
  228. package/lib/tokens/component/section.json +4 -4
  229. package/lib/tokens/nl/utrecht-accordion.json +188 -0
  230. package/lib/tokens/nl/utrecht-action.json +42 -0
  231. package/lib/tokens/nl/utrecht-alert.json +36 -22
  232. package/lib/tokens/nl/utrecht-button.json +80 -80
  233. package/lib/tokens/nl/utrecht-checkbox.json +15 -15
  234. package/lib/tokens/nl/utrecht-form-field-error-message.json +13 -9
  235. package/lib/tokens/nl/utrecht-heading.json +7 -7
  236. package/lib/tokens/nl/utrecht-link-list.json +18 -6
  237. package/lib/tokens/nl/utrecht-link.json +24 -17
  238. package/lib/tokens/nl/utrecht-paragraph.json +13 -13
  239. package/lib/tokens/nl/utrecht-radio-button.json +7 -7
  240. package/lib/tokens/nl/utrecht-select.json +33 -27
  241. package/lib/tokens/nl/utrecht-skip-link.json +46 -0
  242. package/lib/tokens/nl/utrecht-text-input.json +16 -10
  243. package/lib/tokens/nl/utrecht-textarea.json +20 -8
  244. package/lib/tokens/product/DigiD.json +42 -0
  245. package/lib/tokens/product/Digitoegankelijk.json +42 -0
  246. package/lib/tokens/product/EVA.json +43 -10
  247. package/lib/tokens/product/KOOP.json +284 -0
  248. package/lib/tokens/product/Logius Blauw.json +42 -0
  249. package/lib/tokens/product/Logius.json +42 -0
  250. package/lib/tokens/product/MijnOverheid.json +42 -0
  251. package/lib/tokens/product/NLdoc-mapping.json +42 -0
  252. package/lib/tokens/viewport/lg.json +18 -0
  253. package/lib/tokens/viewport/md.json +18 -0
  254. package/lib/tokens/viewport/sm.json +18 -0
  255. package/lib/tokens/viewport/xl.json +18 -0
  256. package/lib/tokens/viewport/xs.json +18 -0
  257. package/package.json +1 -1
  258. package/lib/tokens/component/alert.json +0 -87
  259. package/lib/tokens/component/button.json +0 -236
  260. package/lib/tokens/component/link.json +0 -80
  261. package/lib/tokens/component/paragraph.json +0 -48
package/lib/tokens/component/alert.json DELETED
@@ -1,87 +0,0 @@
1
- {
2
- "lux": {
3
- "alert": {
4
- "color": {
5
- "type": "color",
6
- "value": "{lux.color.grijs.700}"
7
- },
8
- "border-color": {
9
- "type": "color",
10
- "value": "{lux.color.none}"
11
- },
12
- "border-radius": {
13
- "type": "borderRadius",
14
- "value": "{lux.border-radius.default}"
15
- },
16
- "border-width": {
17
- "type": "borderWidth",
18
- "value": "{lux.border-width.default}"
19
- },
20
- "column-gap": {
21
- "type": "spacing",
22
- "value": "{lux.space.100}"
23
- },
24
- "padding-block-end": {
25
- "type": "spacing",
26
- "value": "{lux.space.150}"
27
- },
28
- "padding-block-start": {
29
- "type": "spacing",
30
- "value": "{lux.space.150}"
31
- },
32
- "padding-inline-end": {
33
- "type": "spacing",
34
- "value": "{lux.space.150}"
35
- },
36
- "padding-inline-start": {
37
- "type": "spacing",
38
- "value": "{lux.space.150}"
39
- },
40
- "icon": {
41
- "size": {
42
- "type": "sizing",
43
- "value": "24px"
44
- },
45
- "inset-block-start": {
46
- "value": "{lux.space.25}",
47
- "type": "spacing"
48
- }
49
- },
50
- "close-button-size": {
51
- "type": "sizing",
52
- "value": "{lux.size.icon}",
53
- "description": "Mist in utrecht alert, wat gaan we hiermee doen? "
54
- },
55
- "message": {
56
- "row-gap": {
57
- "type": "spacing",
58
- "value": "{lux.space.0}"
59
- }
60
- },
61
- "info": {
62
- "background-color": {
63
- "type": "color",
64
- "value": "{lux.color.feedback.info.subdued}"
65
- }
66
- },
67
- "success": {
68
- "background-color": {
69
- "type": "color",
70
- "value": "{lux.color.feedback.success.subdued}"
71
- }
72
- },
73
- "error": {
74
- "background-color": {
75
- "type": "color",
76
- "value": "{lux.color.feedback.error.subdued}"
77
- }
78
- },
79
- "warning": {
80
- "background-color": {
81
- "type": "color",
82
- "value": "{lux.color.feedback.warning.subdued}"
83
- }
84
- }
85
- }
86
- }
87
- }
package/lib/tokens/component/button.json DELETED
@@ -1,236 +0,0 @@
1
- {
2
- "lux": {
3
- "button": {
4
- "font-size": {
5
- "type": "fontSizes",
6
- "value": "{product.button.font-size}"
7
- },
8
- "primary": {
9
- "font-size": {
10
- "type": "fontSizes",
11
- "value": "{product.button.primary.font-size}"
12
- },
13
- "background-color": {
14
- "type": "color",
15
- "value": "{lux.color.brand.default}"
16
- },
17
- "border-color": {
18
- "type": "color",
19
- "value": "{lux.color.none}"
20
- },
21
- "color": {
22
- "type": "color",
23
- "value": "{lux.color.foreground.onEmphasis}"
24
- },
25
- "hover": {
26
- "background-color": {
27
- "type": "color",
28
- "value": "{lux.color.brand.hover}"
29
- },
30
- "border-color": {
31
- "type": "color",
32
- "value": "{lux.color.none}"
33
- },
34
- "color": {
35
- "type": "color",
36
- "value": "{lux.color.foreground.onEmphasis}"
37
- }
38
- },
39
- "active": {
40
- "background-color": {
41
- "type": "color",
42
- "value": "{lux.color.brand.default}"
43
- },
44
- "border-color": {
45
- "type": "color",
46
- "value": "{lux.color.none}"
47
- },
48
- "color": {
49
- "type": "color",
50
- "value": "{lux.color.foreground.onEmphasis}"
51
- }
52
- },
53
- "disabled": {
54
- "background-color": {
55
- "type": "color",
56
- "value": "{lux.color.background.subdued}"
57
- },
58
- "border-color": {
59
- "type": "color",
60
- "value": "{lux.color.none}"
61
- },
62
- "color": {
63
- "type": "color",
64
- "value": "{lux.color.foreground.subdued}"
65
- }
66
- }
67
- },
68
- "line-height": {
69
- "type": "lineHeights",
70
- "value": "{lux.line-height.large-scale.sm}"
71
- },
72
- "padding-inline-start": {
73
- "type": "spacing",
74
- "value": "{lux.space.200}"
75
- },
76
- "padding-block-start": {
77
- "type": "spacing",
78
- "value": "{lux.space.100}"
79
- },
80
- "padding-inline-end": {
81
- "type": "spacing",
82
- "value": "{lux.space.200}"
83
- },
84
- "padding-block-end": {
85
- "type": "spacing",
86
- "value": "{lux.space.100}"
87
- },
88
- "column-gap": {
89
- "type": "spacing",
90
- "value": "{lux.space.100}"
91
- },
92
- "min-inline-size": {
93
- "type": "sizing",
94
- "value": "{lux.size.target}"
95
- },
96
- "min-block-size": {
97
- "type": "sizing",
98
- "value": "{lux.size.target}"
99
- },
100
- "border-radius": {
101
- "type": "borderRadius",
102
- "value": "{lux.border-radius.default}"
103
- },
104
- "border-width": {
105
- "type": "borderWidth",
106
- "value": "{lux.border-width.default}"
107
- },
108
- "icon": {
109
- "size": {
110
- "type": "sizing",
111
- "value": "{lux.size.icon}"
112
- }
113
- },
114
- "secondary": {
115
- "background-color": {
116
- "type": "color",
117
- "value": "{lux.color.none}"
118
- },
119
- "border-color": {
120
- "type": "color",
121
- "value": "{mode.button.secondary.border-color}"
122
- },
123
- "color": {
124
- "type": "color",
125
- "value": "{mode.button.secondary.color}"
126
- },
127
- "hover": {
128
- "background-color": {
129
- "type": "color",
130
- "value": "{mode.button.secondary.hover.background-color}"
131
- },
132
- "border-color": {
133
- "type": "color",
134
- "value": "{mode.button.secondary.hover.border-color}"
135
- },
136
- "color": {
137
- "type": "color",
138
- "value": "{mode.button.secondary.hover.color}"
139
- }
140
- },
141
- "active": {
142
- "background-color": {
143
- "type": "color",
144
- "value": "{lux.color.none}"
145
- },
146
- "border-color": {
147
- "type": "color",
148
- "value": "{mode.button.secondary.border-color}"
149
- },
150
- "color": {
151
- "type": "color",
152
- "value": "{mode.button.secondary.color}"
153
- }
154
- },
155
- "disabled": {
156
- "background-color": {
157
- "type": "color",
158
- "value": "{lux.color.background.subdued}"
159
- },
160
- "border-color": {
161
- "type": "color",
162
- "value": "{lux.color.none}"
163
- },
164
- "color": {
165
- "type": "color",
166
- "value": "{lux.color.foreground.subdued}"
167
- }
168
- }
169
- },
170
- "tertiary": {
171
- "background-color": {
172
- "type": "color",
173
- "value": "{lux.color.none}"
174
- },
175
- "border-color": {
176
- "type": "color",
177
- "value": "{lux.color.none}"
178
- },
179
- "color": {
180
- "type": "color",
181
- "value": "{mode.button.tertiary.color}"
182
- },
183
- "hover": {
184
- "background-color": {
185
- "type": "color",
186
- "value": "{mode.button.tertiary.hover.background-color}"
187
- },
188
- "border-color": {
189
- "type": "color",
190
- "value": "{lux.color.none}"
191
- },
192
- "color": {
193
- "type": "color",
194
- "value": "{mode.button.tertiary.hover.color}"
195
- }
196
- },
197
- "active": {
198
- "background-color": {
199
- "type": "color",
200
- "value": "{lux.color.none}"
201
- },
202
- "border-color": {
203
- "type": "color",
204
- "value": "{lux.color.none}"
205
- },
206
- "color": {
207
- "type": "color",
208
- "value": "{mode.button.tertiary.color}"
209
- }
210
- },
211
- "disabled": {
212
- "background-color": {
213
- "type": "color",
214
- "value": "{lux.color.background.subdued}"
215
- },
216
- "border-color": {
217
- "type": "color",
218
- "value": "{lux.color.none}"
219
- },
220
- "color": {
221
- "type": "color",
222
- "value": "{lux.color.foreground.subdued}"
223
- }
224
- }
225
- },
226
- "font-weight": {
227
- "type": "fontWeights",
228
- "value": "{lux.font-weight.bold}"
229
- },
230
- "font-family": {
231
- "type": "fontFamilies",
232
- "value": "{lux.font-family.primary}"
233
- }
234
- }
235
- }
236
- }
package/lib/tokens/component/link.json DELETED
@@ -1,80 +0,0 @@
1
- {
2
- "lux": {
3
- "link": {
4
- "color": {
5
- "type": "color",
6
- "value": "{mode.link.color}"
7
- },
8
- "column-gap": {
9
- "type": "spacing",
10
- "value": "{lux.space.50}"
11
- },
12
- "icon": {
13
- "size": {
14
- "type": "sizing",
15
- "value": "{lux.size.icon}"
16
- }
17
- },
18
- "hover": {
19
- "color": {
20
- "type": "color",
21
- "value": "{mode.link.hover.color}"
22
- },
23
- "text-decoration": {
24
- "value": "none",
25
- "type": "textDecoration"
26
- }
27
- },
28
- "active": {
29
- "color": {
30
- "type": "color",
31
- "value": "{mode.link.active.color}"
32
- },
33
- "text-decoration": {
34
- "value": "none",
35
- "type": "textDecoration"
36
- }
37
- },
38
- "visited": {
39
- "color": {
40
- "type": "color",
41
- "value": "{mode.link.visited.color}"
42
- }
43
- },
44
- "font-family": {
45
- "type": "fontFamilies",
46
- "value": "{lux.font-family.primary}"
47
- },
48
- "font-weight": {
49
- "type": "fontWeights",
50
- "value": "{lux.font-weight.regular}"
51
- },
52
- "line-height": {
53
- "type": "lineHeights",
54
- "value": "{lux.line-height.body.default}"
55
- },
56
- "font-size": {
57
- "type": "fontSizes",
58
- "value": "{lux.font-size.body.default}"
59
- },
60
- "text-decoration": {
61
- "value": "underline",
62
- "type": "textDecoration"
63
- },
64
- "focus": {
65
- "text-decoration": {
66
- "value": "none",
67
- "type": "textDecoration"
68
- },
69
- "color": {
70
- "type": "color",
71
- "value": "{lux.color.foreground.link}"
72
- },
73
- "background-color": {
74
- "value": "{lux.color.none}",
75
- "type": "color"
76
- }
77
- }
78
- }
79
- }
80
- }
package/lib/tokens/component/paragraph.json DELETED
@@ -1,48 +0,0 @@
1
- {
2
- "lux": {
3
- "paragraph": {
4
- "color": {
5
- "value": "{lux.color.foreground.default}",
6
- "type": "color"
7
- },
8
- "font-family": {
9
- "value": "{lux.font-family.primary}",
10
- "type": "fontFamilies"
11
- },
12
- "default": {
13
- "font-size": {
14
- "value": "{lux.font-size.body.default}",
15
- "type": "fontSizes"
16
- },
17
- "line-height": {
18
- "value": "{lux.line-height.body.default}",
19
- "type": "lineHeights"
20
- }
21
- },
22
- "font-weight": {
23
- "value": "{lux.font-weight.regular}",
24
- "type": "fontWeights"
25
- },
26
- "lead": {
27
- "font-size": {
28
- "value": "{lux.font-size.body.large}",
29
- "type": "fontSizes"
30
- },
31
- "line-height": {
32
- "value": "{lux.line-height.body.large}",
33
- "type": "lineHeights"
34
- }
35
- },
36
- "small": {
37
- "font-size": {
38
- "value": "{lux.font-size.body.small}",
39
- "type": "fontSizes"
40
- },
41
- "line-height": {
42
- "value": "{lux.line-height.body.small}",
43
- "type": "lineHeights"
44
- }
45
- }
46
- }
47
- }
48
- }