@lux-design-system/design-tokens 1.0.0-alpha.2

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 (107) hide show
  1. package/LICENSE.md +7 -0
  2. package/README.md +29 -0
  3. package/lib/css/digid/dark/lg.css +236 -0
  4. package/lib/css/digid/dark/md.css +236 -0
  5. package/lib/css/digid/dark/sm.css +236 -0
  6. package/lib/css/digid/dark/xl.css +236 -0
  7. package/lib/css/digid/dark/xs.css +236 -0
  8. package/lib/css/digid/light/lg.css +236 -0
  9. package/lib/css/digid/light/md.css +236 -0
  10. package/lib/css/digid/light/sm.css +236 -0
  11. package/lib/css/digid/light/xl.css +236 -0
  12. package/lib/css/digid/light/xs.css +236 -0
  13. package/lib/css/logius/dark/lg.css +236 -0
  14. package/lib/css/logius/dark/md.css +236 -0
  15. package/lib/css/logius/dark/sm.css +236 -0
  16. package/lib/css/logius/dark/xl.css +236 -0
  17. package/lib/css/logius/dark/xs.css +236 -0
  18. package/lib/css/logius/light/lg.css +236 -0
  19. package/lib/css/logius/light/md.css +236 -0
  20. package/lib/css/logius/light/sm.css +236 -0
  21. package/lib/css/logius/light/xl.css +236 -0
  22. package/lib/css/logius/light/xs.css +236 -0
  23. package/lib/css/mijnoverheid/dark/lg.css +236 -0
  24. package/lib/css/mijnoverheid/dark/md.css +236 -0
  25. package/lib/css/mijnoverheid/dark/sm.css +236 -0
  26. package/lib/css/mijnoverheid/dark/xl.css +236 -0
  27. package/lib/css/mijnoverheid/dark/xs.css +236 -0
  28. package/lib/css/mijnoverheid/light/lg.css +236 -0
  29. package/lib/css/mijnoverheid/light/md.css +236 -0
  30. package/lib/css/mijnoverheid/light/sm.css +236 -0
  31. package/lib/css/mijnoverheid/light/xl.css +236 -0
  32. package/lib/css/mijnoverheid/light/xs.css +236 -0
  33. package/lib/css/nldoc/dark/lg.css +236 -0
  34. package/lib/css/nldoc/dark/md.css +236 -0
  35. package/lib/css/nldoc/dark/sm.css +236 -0
  36. package/lib/css/nldoc/dark/xl.css +236 -0
  37. package/lib/css/nldoc/dark/xs.css +236 -0
  38. package/lib/css/nldoc/light/lg.css +236 -0
  39. package/lib/css/nldoc/light/md.css +236 -0
  40. package/lib/css/nldoc/light/sm.css +236 -0
  41. package/lib/css/nldoc/light/xl.css +236 -0
  42. package/lib/css/nldoc/light/xs.css +236 -0
  43. package/lib/css/nldoc/ridderkerk/dark/lg.css +236 -0
  44. package/lib/css/nldoc/ridderkerk/dark/md.css +236 -0
  45. package/lib/css/nldoc/ridderkerk/dark/sm.css +236 -0
  46. package/lib/css/nldoc/ridderkerk/dark/xl.css +236 -0
  47. package/lib/css/nldoc/ridderkerk/dark/xs.css +236 -0
  48. package/lib/css/nldoc/ridderkerk/light/lg.css +236 -0
  49. package/lib/css/nldoc/ridderkerk/light/md.css +236 -0
  50. package/lib/css/nldoc/ridderkerk/light/sm.css +236 -0
  51. package/lib/css/nldoc/ridderkerk/light/xl.css +236 -0
  52. package/lib/css/nldoc/ridderkerk/light/xs.css +236 -0
  53. package/lib/css/nldoc/rijksoverheid/dark/lg.css +236 -0
  54. package/lib/css/nldoc/rijksoverheid/dark/md.css +236 -0
  55. package/lib/css/nldoc/rijksoverheid/dark/sm.css +236 -0
  56. package/lib/css/nldoc/rijksoverheid/dark/xl.css +236 -0
  57. package/lib/css/nldoc/rijksoverheid/dark/xs.css +236 -0
  58. package/lib/css/nldoc/rijksoverheid/light/lg.css +236 -0
  59. package/lib/css/nldoc/rijksoverheid/light/md.css +236 -0
  60. package/lib/css/nldoc/rijksoverheid/light/sm.css +236 -0
  61. package/lib/css/nldoc/rijksoverheid/light/xl.css +236 -0
  62. package/lib/css/nldoc/rijksoverheid/light/xs.css +236 -0
  63. package/lib/css/nldoc/whd/dark/lg.css +236 -0
  64. package/lib/css/nldoc/whd/dark/md.css +236 -0
  65. package/lib/css/nldoc/whd/dark/sm.css +236 -0
  66. package/lib/css/nldoc/whd/dark/xl.css +236 -0
  67. package/lib/css/nldoc/whd/dark/xs.css +236 -0
  68. package/lib/css/nldoc/whd/light/lg.css +236 -0
  69. package/lib/css/nldoc/whd/light/md.css +236 -0
  70. package/lib/css/nldoc/whd/light/sm.css +236 -0
  71. package/lib/css/nldoc/whd/light/xl.css +236 -0
  72. package/lib/css/nldoc/whd/light/xs.css +236 -0
  73. package/lib/tokens/$metadata.json +36 -0
  74. package/lib/tokens/$themes.json +166 -0
  75. package/lib/tokens/common/default.json +34 -0
  76. package/lib/tokens/component/alert/closable/false.json +18 -0
  77. package/lib/tokens/component/alert/closable/true.json +18 -0
  78. package/lib/tokens/component/alert/default.json +60 -0
  79. package/lib/tokens/component/alert/variant/error.json +18 -0
  80. package/lib/tokens/component/alert/variant/info.json +18 -0
  81. package/lib/tokens/component/alert/variant/success.json +18 -0
  82. package/lib/tokens/component/alert/variant/warning.json +18 -0
  83. package/lib/tokens/component/button/default.json +62 -0
  84. package/lib/tokens/component/button/icon/end.json +28 -0
  85. package/lib/tokens/component/button/icon/none.json +28 -0
  86. package/lib/tokens/component/button/icon/start.json +28 -0
  87. package/lib/tokens/component/button/variant/primary.json +46 -0
  88. package/lib/tokens/component/button/variant/secondary.json +46 -0
  89. package/lib/tokens/component/button/variant/tertairy.json +46 -0
  90. package/lib/tokens/component/button-login/default.json +88 -0
  91. package/lib/tokens/component/link/default.json +38 -0
  92. package/lib/tokens/core/default.json +584 -0
  93. package/lib/tokens/mode/dark (beta).json +296 -0
  94. package/lib/tokens/mode/light.json +295 -0
  95. package/lib/tokens/product/DigiD.json +114 -0
  96. package/lib/tokens/product/Logius.json +114 -0
  97. package/lib/tokens/product/MijnOverheid.json +114 -0
  98. package/lib/tokens/product/NLdoc - Ridderkerk.json +106 -0
  99. package/lib/tokens/product/NLdoc - Rijksoverheid.json +106 -0
  100. package/lib/tokens/product/NLdoc - WHD.json +106 -0
  101. package/lib/tokens/product/NLdoc - default.json +106 -0
  102. package/lib/tokens/viewport (beta)/lg.json +66 -0
  103. package/lib/tokens/viewport (beta)/md.json +66 -0
  104. package/lib/tokens/viewport (beta)/sm.json +66 -0
  105. package/lib/tokens/viewport (beta)/xl.json +66 -0
  106. package/lib/tokens/viewport (beta)/xs.json +66 -0
  107. package/package.json +47 -0
package/lib/tokens/product/DigiD.json ADDED
@@ -0,0 +1,114 @@
1
+ {
2
+ "lux": {
3
+ "color": {
4
+ "brand": {
5
+ "default": {
6
+ "value": "{lux.color.oranje.300}",
7
+ "type": "color",
8
+ "parent": "product/DigiD",
9
+ "description": "kleur van het product"
10
+ },
11
+ "subdued": {
12
+ "value": "{lux.color.oranje.100}",
13
+ "type": "color",
14
+ "parent": "product/DigiD",
15
+ "description": "Subtiele kleur van het product"
16
+ },
17
+ "hover": {
18
+ "value": "{lux.color.oranje.400}",
19
+ "type": "color",
20
+ "parent": "product/DigiD",
21
+ "description": "Hover kleur van het product"
22
+ }
23
+ }
24
+ },
25
+ "border-radius": {
26
+ "default": {
27
+ "value": "0.25rem",
28
+ "type": "dimension",
29
+ "parent": "product/DigiD",
30
+ "description": ""
31
+ }
32
+ },
33
+ "focus": {
34
+ "outline-width": {
35
+ "value": "0.125rem",
36
+ "type": "dimension",
37
+ "parent": "product/DigiD",
38
+ "description": ""
39
+ },
40
+ "border-radius": {
41
+ "value": "0.375rem",
42
+ "type": "dimension",
43
+ "parent": "product/DigiD",
44
+ "description": ""
45
+ }
46
+ }
47
+ },
48
+ "product": {
49
+ "button": {
50
+ "secondary": {
51
+ "background-color": {
52
+ "value": "{lux.color.none}",
53
+ "type": "color",
54
+ "parent": "product/DigiD",
55
+ "description": ""
56
+ },
57
+ "border-color": {
58
+ "value": "{lux.color.border.default}",
59
+ "type": "color",
60
+ "parent": "product/DigiD",
61
+ "description": ""
62
+ },
63
+ "color": {
64
+ "value": "{lux.color.foreground.default}",
65
+ "type": "color",
66
+ "parent": "product/DigiD",
67
+ "description": ""
68
+ },
69
+ "hover": {
70
+ "border-color": {
71
+ "value": "{lux.color.border.default}",
72
+ "type": "color",
73
+ "parent": "product/DigiD",
74
+ "description": ""
75
+ },
76
+ "color": {
77
+ "value": "{lux.color.foreground.default}",
78
+ "type": "color",
79
+ "parent": "product/DigiD",
80
+ "description": ""
81
+ },
82
+ "background-color": {
83
+ "value": "{lux.color.background.hover}",
84
+ "type": "color",
85
+ "parent": "product/DigiD",
86
+ "description": ""
87
+ }
88
+ }
89
+ },
90
+ "tertiary": {
91
+ "color": {
92
+ "value": "{lux.color.foreground.default}",
93
+ "type": "color",
94
+ "parent": "product/DigiD",
95
+ "description": ""
96
+ },
97
+ "hover": {
98
+ "color": {
99
+ "value": "{lux.color.foreground.default}",
100
+ "type": "color",
101
+ "parent": "product/DigiD",
102
+ "description": ""
103
+ },
104
+ "background-color": {
105
+ "value": "{lux.color.background.hover}",
106
+ "type": "color",
107
+ "parent": "product/DigiD",
108
+ "description": ""
109
+ }
110
+ }
111
+ }
112
+ }
113
+ }
114
+ }
package/lib/tokens/product/Logius.json ADDED
@@ -0,0 +1,114 @@
1
+ {
2
+ "lux": {
3
+ "color": {
4
+ "brand": {
5
+ "default": {
6
+ "value": "{lux.color.groen.300}",
7
+ "type": "color",
8
+ "parent": "product/Logius",
9
+ "description": "kleur van het product"
10
+ },
11
+ "subdued": {
12
+ "value": "{lux.color.groen.100}",
13
+ "type": "color",
14
+ "parent": "product/Logius",
15
+ "description": "Subtiele kleur van het product"
16
+ },
17
+ "hover": {
18
+ "value": "{lux.color.groen.400}",
19
+ "type": "color",
20
+ "parent": "product/Logius",
21
+ "description": "Hover kleur van het product"
22
+ }
23
+ }
24
+ },
25
+ "border-radius": {
26
+ "default": {
27
+ "value": "0.25rem",
28
+ "type": "dimension",
29
+ "parent": "product/Logius",
30
+ "description": ""
31
+ }
32
+ },
33
+ "focus": {
34
+ "outline-width": {
35
+ "value": "0.125rem",
36
+ "type": "dimension",
37
+ "parent": "product/Logius",
38
+ "description": ""
39
+ },
40
+ "border-radius": {
41
+ "value": "0.375rem",
42
+ "type": "dimension",
43
+ "parent": "product/Logius",
44
+ "description": ""
45
+ }
46
+ }
47
+ },
48
+ "product": {
49
+ "button": {
50
+ "secondary": {
51
+ "background-color": {
52
+ "value": "{lux.color.none}",
53
+ "type": "color",
54
+ "parent": "product/Logius",
55
+ "description": ""
56
+ },
57
+ "border-color": {
58
+ "value": "{lux.color.brand.default}",
59
+ "type": "color",
60
+ "parent": "product/Logius",
61
+ "description": ""
62
+ },
63
+ "color": {
64
+ "value": "{lux.color.brand.default}",
65
+ "type": "color",
66
+ "parent": "product/Logius",
67
+ "description": ""
68
+ },
69
+ "hover": {
70
+ "border-color": {
71
+ "value": "{lux.color.brand.hover}",
72
+ "type": "color",
73
+ "parent": "product/Logius",
74
+ "description": ""
75
+ },
76
+ "color": {
77
+ "value": "{lux.color.brand.hover}",
78
+ "type": "color",
79
+ "parent": "product/Logius",
80
+ "description": ""
81
+ },
82
+ "background-color": {
83
+ "value": "{lux.color.brand.subdued}",
84
+ "type": "color",
85
+ "parent": "product/Logius",
86
+ "description": ""
87
+ }
88
+ }
89
+ },
90
+ "tertiary": {
91
+ "color": {
92
+ "value": "{lux.color.brand.default}",
93
+ "type": "color",
94
+ "parent": "product/Logius",
95
+ "description": ""
96
+ },
97
+ "hover": {
98
+ "color": {
99
+ "value": "{lux.color.brand.hover}",
100
+ "type": "color",
101
+ "parent": "product/Logius",
102
+ "description": ""
103
+ },
104
+ "background-color": {
105
+ "value": "{lux.color.brand.subdued}",
106
+ "type": "color",
107
+ "parent": "product/Logius",
108
+ "description": ""
109
+ }
110
+ }
111
+ }
112
+ }
113
+ }
114
+ }
package/lib/tokens/product/MijnOverheid.json ADDED
@@ -0,0 +1,114 @@
1
+ {
2
+ "lux": {
3
+ "color": {
4
+ "brand": {
5
+ "default": {
6
+ "value": "{lux.color.hemelblauw.300}",
7
+ "type": "color",
8
+ "parent": "product/MijnOverheid",
9
+ "description": "kleur van het product"
10
+ },
11
+ "subdued": {
12
+ "value": "{lux.color.hemelblauw.100}",
13
+ "type": "color",
14
+ "parent": "product/MijnOverheid",
15
+ "description": "Subtiele kleur van het product"
16
+ },
17
+ "hover": {
18
+ "value": "{lux.color.hemelblauw.400}",
19
+ "type": "color",
20
+ "parent": "product/MijnOverheid",
21
+ "description": "Hover kleur van het product"
22
+ }
23
+ }
24
+ },
25
+ "border-radius": {
26
+ "default": {
27
+ "value": "0.25rem",
28
+ "type": "dimension",
29
+ "parent": "product/MijnOverheid",
30
+ "description": ""
31
+ }
32
+ },
33
+ "focus": {
34
+ "outline-width": {
35
+ "value": "0.125rem",
36
+ "type": "dimension",
37
+ "parent": "product/MijnOverheid",
38
+ "description": ""
39
+ },
40
+ "border-radius": {
41
+ "value": "0.375rem",
42
+ "type": "dimension",
43
+ "parent": "product/MijnOverheid",
44
+ "description": ""
45
+ }
46
+ }
47
+ },
48
+ "product": {
49
+ "button": {
50
+ "secondary": {
51
+ "background-color": {
52
+ "value": "{lux.color.none}",
53
+ "type": "color",
54
+ "parent": "product/MijnOverheid",
55
+ "description": ""
56
+ },
57
+ "border-color": {
58
+ "value": "{lux.color.brand.default}",
59
+ "type": "color",
60
+ "parent": "product/MijnOverheid",
61
+ "description": ""
62
+ },
63
+ "color": {
64
+ "value": "{lux.color.brand.default}",
65
+ "type": "color",
66
+ "parent": "product/MijnOverheid",
67
+ "description": ""
68
+ },
69
+ "hover": {
70
+ "border-color": {
71
+ "value": "{lux.color.brand.hover}",
72
+ "type": "color",
73
+ "parent": "product/MijnOverheid",
74
+ "description": ""
75
+ },
76
+ "color": {
77
+ "value": "{lux.color.brand.hover}",
78
+ "type": "color",
79
+ "parent": "product/MijnOverheid",
80
+ "description": ""
81
+ },
82
+ "background-color": {
83
+ "value": "{lux.color.brand.subdued}",
84
+ "type": "color",
85
+ "parent": "product/MijnOverheid",
86
+ "description": ""
87
+ }
88
+ }
89
+ },
90
+ "tertiary": {
91
+ "color": {
92
+ "value": "{lux.color.brand.default}",
93
+ "type": "color",
94
+ "parent": "product/MijnOverheid",
95
+ "description": ""
96
+ },
97
+ "hover": {
98
+ "color": {
99
+ "value": "{lux.color.brand.hover}",
100
+ "type": "color",
101
+ "parent": "product/MijnOverheid",
102
+ "description": ""
103
+ },
104
+ "background-color": {
105
+ "value": "{lux.color.brand.subdued}",
106
+ "type": "color",
107
+ "parent": "product/MijnOverheid",
108
+ "description": ""
109
+ }
110
+ }
111
+ }
112
+ }
113
+ }
114
+ }
package/lib/tokens/product/NLdoc - Ridderkerk.json ADDED
@@ -0,0 +1,106 @@
1
+ {
2
+ "lux": {
3
+ "color": {
4
+ "brand": {
5
+ "default": {
6
+ "value": "#028532",
7
+ "type": "color",
8
+ "parent": "product/NLdoc",
9
+ "description": "kleur van het product"
10
+ },
11
+ "subdued": {
12
+ "value": "#d9ede0",
13
+ "type": "color",
14
+ "parent": "product/NLdoc",
15
+ "description": "Subtiele kleur van het product"
16
+ },
17
+ "hover": {
18
+ "value": "#026732",
19
+ "type": "color",
20
+ "parent": "product/NLdoc",
21
+ "description": "Hover kleur van het product"
22
+ }
23
+ }
24
+ },
25
+ "border-radius": {
26
+ "default": {
27
+ "value": "0rem",
28
+ "type": "dimension",
29
+ "parent": "product/NLdoc",
30
+ "description": ""
31
+ }
32
+ },
33
+ "focus": {
34
+ "outline-width": {
35
+ "value": "0.0625rem",
36
+ "type": "dimension",
37
+ "parent": "product/NLdoc",
38
+ "description": ""
39
+ },
40
+ "border-radius": {
41
+ "value": "0rem",
42
+ "type": "dimension",
43
+ "parent": "product/NLdoc",
44
+ "description": ""
45
+ }
46
+ }
47
+ },
48
+ "product": {
49
+ "button": {
50
+ "secondary": {
51
+ "background-color": {
52
+ "value": "{lux.color.none}",
53
+ "type": "color",
54
+ "parent": "product/NLdoc",
55
+ "description": ""
56
+ },
57
+ "border-color": {
58
+ "value": "{lux.color.grijs.700}",
59
+ "type": "color",
60
+ "parent": "product/NLdoc"
61
+ },
62
+ "color": {
63
+ "value": "{lux.color.grijs.700}",
64
+ "type": "color",
65
+ "parent": "product/NLdoc"
66
+ },
67
+ "hover": {
68
+ "border-color": {
69
+ "value": "{lux.color.brand.hover}",
70
+ "type": "color",
71
+ "parent": "product/NLdoc"
72
+ },
73
+ "color": {
74
+ "value": "{lux.color.grijs.700}",
75
+ "type": "color",
76
+ "parent": "product/NLdoc"
77
+ },
78
+ "background-color": {
79
+ "value": "{lux.color.brand.subdued}",
80
+ "type": "color",
81
+ "parent": "product/NLdoc"
82
+ }
83
+ }
84
+ },
85
+ "tertiary": {
86
+ "color": {
87
+ "value": "{lux.color.grijs.700}",
88
+ "type": "color",
89
+ "parent": "product/NLdoc"
90
+ },
91
+ "hover": {
92
+ "color": {
93
+ "value": "{lux.color.grijs.700}",
94
+ "type": "color",
95
+ "parent": "product/NLdoc"
96
+ },
97
+ "background-color": {
98
+ "value": "{lux.color.brand.subdued}",
99
+ "type": "color",
100
+ "parent": "product/NLdoc"
101
+ }
102
+ }
103
+ }
104
+ }
105
+ }
106
+ }
package/lib/tokens/product/NLdoc - Rijksoverheid.json ADDED
@@ -0,0 +1,106 @@
1
+ {
2
+ "lux": {
3
+ "color": {
4
+ "brand": {
5
+ "default": {
6
+ "value": "{lux.color.donkerblauw.300}",
7
+ "type": "color",
8
+ "parent": "product/NLdoc",
9
+ "description": "kleur van het product"
10
+ },
11
+ "subdued": {
12
+ "value": "{lux.color.donkerblauw.100}",
13
+ "type": "color",
14
+ "parent": "product/NLdoc",
15
+ "description": "Subtiele kleur van het product"
16
+ },
17
+ "hover": {
18
+ "value": "{lux.color.donkerblauw.400}",
19
+ "type": "color",
20
+ "parent": "product/NLdoc",
21
+ "description": "Hover kleur van het product"
22
+ }
23
+ }
24
+ },
25
+ "border-radius": {
26
+ "default": {
27
+ "value": "0rem",
28
+ "type": "dimension",
29
+ "parent": "product/NLdoc",
30
+ "description": ""
31
+ }
32
+ },
33
+ "focus": {
34
+ "outline-width": {
35
+ "value": "0.0625rem",
36
+ "type": "dimension",
37
+ "parent": "product/NLdoc",
38
+ "description": ""
39
+ },
40
+ "border-radius": {
41
+ "value": "0rem",
42
+ "type": "dimension",
43
+ "parent": "product/NLdoc",
44
+ "description": ""
45
+ }
46
+ }
47
+ },
48
+ "product": {
49
+ "button": {
50
+ "secondary": {
51
+ "background-color": {
52
+ "value": "{lux.color.none}",
53
+ "type": "color",
54
+ "parent": "product/NLdoc",
55
+ "description": ""
56
+ },
57
+ "border-color": {
58
+ "value": "{lux.color.brand.default}",
59
+ "type": "color",
60
+ "parent": "product/NLdoc"
61
+ },
62
+ "color": {
63
+ "value": "{lux.color.brand.default}",
64
+ "type": "color",
65
+ "parent": "product/NLdoc"
66
+ },
67
+ "hover": {
68
+ "border-color": {
69
+ "value": "{lux.color.brand.hover}",
70
+ "type": "color",
71
+ "parent": "product/NLdoc"
72
+ },
73
+ "color": {
74
+ "value": "{lux.color.brand.default}",
75
+ "type": "color",
76
+ "parent": "product/NLdoc"
77
+ },
78
+ "background-color": {
79
+ "value": "{lux.color.brand.subdued}",
80
+ "type": "color",
81
+ "parent": "product/NLdoc"
82
+ }
83
+ }
84
+ },
85
+ "tertiary": {
86
+ "color": {
87
+ "value": "{lux.color.brand.default}",
88
+ "type": "color",
89
+ "parent": "product/NLdoc"
90
+ },
91
+ "hover": {
92
+ "color": {
93
+ "value": "{lux.color.brand.hover}",
94
+ "type": "color",
95
+ "parent": "product/NLdoc"
96
+ },
97
+ "background-color": {
98
+ "value": "{lux.color.brand.subdued}",
99
+ "type": "color",
100
+ "parent": "product/NLdoc"
101
+ }
102
+ }
103
+ }
104
+ }
105
+ }
106
+ }
package/lib/tokens/product/NLdoc - WHD.json ADDED
@@ -0,0 +1,106 @@
1
+ {
2
+ "lux": {
3
+ "color": {
4
+ "brand": {
5
+ "default": {
6
+ "value": "#462e87",
7
+ "type": "color",
8
+ "parent": "product/NLdoc",
9
+ "description": "kleur van het product"
10
+ },
11
+ "subdued": {
12
+ "value": "#e3e0ed",
13
+ "type": "color",
14
+ "parent": "product/NLdoc",
15
+ "description": "Subtiele kleur van het product"
16
+ },
17
+ "hover": {
18
+ "value": "#2c1d54",
19
+ "type": "color",
20
+ "parent": "product/NLdoc",
21
+ "description": "Hover kleur van het product"
22
+ }
23
+ }
24
+ },
25
+ "border-radius": {
26
+ "default": {
27
+ "value": "0rem",
28
+ "type": "dimension",
29
+ "parent": "product/NLdoc",
30
+ "description": ""
31
+ }
32
+ },
33
+ "focus": {
34
+ "outline-width": {
35
+ "value": "0.0625rem",
36
+ "type": "dimension",
37
+ "parent": "product/NLdoc",
38
+ "description": ""
39
+ },
40
+ "border-radius": {
41
+ "value": "0rem",
42
+ "type": "dimension",
43
+ "parent": "product/NLdoc",
44
+ "description": ""
45
+ }
46
+ }
47
+ },
48
+ "product": {
49
+ "button": {
50
+ "secondary": {
51
+ "background-color": {
52
+ "value": "{lux.color.none}",
53
+ "type": "color",
54
+ "parent": "product/NLdoc",
55
+ "description": ""
56
+ },
57
+ "border-color": {
58
+ "value": "{lux.color.brand.default}",
59
+ "type": "color",
60
+ "parent": "product/NLdoc"
61
+ },
62
+ "color": {
63
+ "value": "{lux.color.brand.default}",
64
+ "type": "color",
65
+ "parent": "product/NLdoc"
66
+ },
67
+ "hover": {
68
+ "border-color": {
69
+ "value": "{lux.color.brand.hover}",
70
+ "type": "color",
71
+ "parent": "product/NLdoc"
72
+ },
73
+ "color": {
74
+ "value": "{lux.color.brand.default}",
75
+ "type": "color",
76
+ "parent": "product/NLdoc"
77
+ },
78
+ "background-color": {
79
+ "value": "{lux.color.brand.subdued}",
80
+ "type": "color",
81
+ "parent": "product/NLdoc"
82
+ }
83
+ }
84
+ },
85
+ "tertiary": {
86
+ "color": {
87
+ "value": "{lux.color.brand.default}",
88
+ "type": "color",
89
+ "parent": "product/NLdoc"
90
+ },
91
+ "hover": {
92
+ "color": {
93
+ "value": "{lux.color.brand.hover}",
94
+ "type": "color",
95
+ "parent": "product/NLdoc"
96
+ },
97
+ "background-color": {
98
+ "value": "{lux.color.brand.subdued}",
99
+ "type": "color",
100
+ "parent": "product/NLdoc"
101
+ }
102
+ }
103
+ }
104
+ }
105
+ }
106
+ }