@depersgroep/lfvp-design-tokens 0.366.0 → 0.368.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 (4) hide show
  1. package/package.json +1 -1
  2. package/tokens/base/color.json +4 -0
  3. package/tokens/components/button.json +8 -0
  4. package/tokens/components/toggle.json +11 -95
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depersgroep/lfvp-design-tokens",
3
- "version": "0.366.0",
3
+ "version": "0.368.0",
4
4
  "description": "Figma design tokens for LFVP",
5
5
  "keywords": [
6
6
  "design",
package/tokens/base/color.json CHANGED
@@ -21,6 +21,10 @@
21
21
  "darkest": {
22
22
  "$type": "color",
23
23
  "$value": "{core.color.primary.30}"
24
+ },
25
+ "dusk": {
26
+ "$type": "color",
27
+ "$value": "{core.color.primary.20}"
24
28
  }
25
29
  },
26
30
  "ui": {
package/tokens/components/button.json CHANGED
@@ -525,6 +525,14 @@
525
525
  "$type": "color",
526
526
  "$value": "{base.colorSet.branded.onFocus}"
527
527
  }
528
+ },
529
+ "boxShadow": {
530
+ "$type": "boxShadow",
531
+ "$value": "{core.boxShadow.0}"
532
+ },
533
+ "textShadow": {
534
+ "$type": "boxShadow",
535
+ "$value": "{core.boxShadow.0}"
528
536
  }
529
537
  }
530
538
  },
package/tokens/components/toggle.json CHANGED
@@ -4,37 +4,21 @@
4
4
  "normal": {
5
5
  "backgroundColor": {
6
6
  "$type": "color",
7
- "$value": "{base.color.ui.dark4}"
7
+ "$value": "{base.color.ui.accent1}"
8
8
  },
9
9
  "handleColor": {
10
10
  "$type": "color",
11
11
  "$value": "{base.color.ui.white}"
12
- },
13
- "borderColor": {
14
- "$type": "color",
15
- "$value": "{base.color.ui.accent1}"
16
- },
17
- "iconColor": {
18
- "$type": "color",
19
- "$value": "{base.color.ui.accent2}"
20
12
  }
21
13
  },
22
14
  "hover": {
23
15
  "backgroundColor": {
24
16
  "$type": "color",
25
- "$value": "{base.color.ui.dark4}"
17
+ "$value": "{core.color.neutrals.20}"
26
18
  },
27
19
  "handleColor": {
28
20
  "$type": "color",
29
21
  "$value": "{base.color.ui.white}"
30
- },
31
- "borderColor": {
32
- "$type": "color",
33
- "$value": "{base.color.ui.accent2}"
34
- },
35
- "iconColor": {
36
- "$type": "color",
37
- "$value": "{base.color.ui.accent2}"
38
22
  }
39
23
  },
40
24
  "active": {
@@ -42,35 +26,19 @@
42
26
  "$type": "color",
43
27
  "$value": "{core.color.neutrals.40}"
44
28
  },
45
- "iconColor": {
46
- "$type": "color",
47
- "$value": "{base.color.ui.white}"
48
- },
49
- "borderColor": {
50
- "$type": "color",
51
- "$value": "{base.color.ui.accent2}"
52
- },
53
29
  "handleColor": {
54
30
  "$type": "color",
55
- "$value": "{base.color.ui.accent2}"
31
+ "$value": "{base.color.ui.white}"
56
32
  }
57
33
  },
58
34
  "focus": {
59
35
  "backgroundColor": {
60
36
  "$type": "color",
61
- "$value": "{base.color.ui.dark4}"
37
+ "$value": "{base.color.ui.accent1}"
62
38
  },
63
39
  "handleColor": {
64
40
  "$type": "color",
65
41
  "$value": "{base.color.ui.white}"
66
- },
67
- "borderColor": {
68
- "$type": "color",
69
- "$value": "{base.color.ui.accent1}"
70
- },
71
- "iconColor": {
72
- "$type": "color",
73
- "$value": "{base.color.ui.accent2}"
74
42
  }
75
43
  },
76
44
  "disabled": {
@@ -81,14 +49,6 @@
81
49
  "handleColor": {
82
50
  "$type": "color",
83
51
  "$value": "{base.color.ui.accent2}"
84
- },
85
- "borderColor": {
86
- "$type": "color",
87
- "$value": "transparent"
88
- },
89
- "iconColor": {
90
- "$type": "color",
91
- "$value": "{base.color.ui.accent2}"
92
52
  }
93
53
  }
94
54
  },
@@ -101,14 +61,6 @@
101
61
  "handleColor": {
102
62
  "$type": "color",
103
63
  "$value": "{base.color.ui.white}"
104
- },
105
- "borderColor": {
106
- "$type": "color",
107
- "$value": "transparent"
108
- },
109
- "iconColor": {
110
- "$type": "color",
111
- "$value": "{base.color.ui.white}"
112
64
  }
113
65
  },
114
66
  "hover": {
@@ -119,14 +71,6 @@
119
71
  "handleColor": {
120
72
  "$type": "color",
121
73
  "$value": "{base.color.ui.white}"
122
- },
123
- "borderColor": {
124
- "$type": "color",
125
- "$value": "transparent"
126
- },
127
- "iconColor": {
128
- "$type": "color",
129
- "$value": "{base.color.ui.white}"
130
74
  }
131
75
  },
132
76
  "active": {
@@ -134,14 +78,6 @@
134
78
  "$type": "color",
135
79
  "$value": "{base.color.primary.darkest}"
136
80
  },
137
- "iconColor": {
138
- "$type": "color",
139
- "$value": "{base.color.ui.white}"
140
- },
141
- "borderColor": {
142
- "$type": "color",
143
- "$value": "transparent"
144
- },
145
81
  "handleColor": {
146
82
  "$type": "color",
147
83
  "$value": "{base.color.ui.white}"
@@ -155,14 +91,6 @@
155
91
  "handleColor": {
156
92
  "$type": "color",
157
93
  "$value": "{base.color.ui.white}"
158
- },
159
- "borderColor": {
160
- "$type": "color",
161
- "$value": "transparent"
162
- },
163
- "iconColor": {
164
- "$type": "color",
165
- "$value": "{base.color.ui.white}"
166
94
  }
167
95
  },
168
96
  "disabled": {
@@ -173,22 +101,14 @@
173
101
  "handleColor": {
174
102
  "$type": "color",
175
103
  "$value": "{base.color.ui.accent2}"
176
- },
177
- "borderColor": {
178
- "$type": "color",
179
- "$value": "transparent"
180
- },
181
- "iconColor": {
182
- "$type": "color",
183
- "$value": "{base.color.ui.accent2}"
184
104
  }
185
105
  }
186
106
  },
187
- "boxShadow": {
188
- "$type": "boxShadow",
189
- "$value": "{core.boxShadow.1}"
190
- },
191
107
  "default": {
108
+ "boxShadow": {
109
+ "$type": "boxShadow",
110
+ "$value": "{core.boxShadow.1}"
111
+ },
192
112
  "focus": {
193
113
  "borderColor": {
194
114
  "$type": "color",
@@ -198,25 +118,21 @@
198
118
  },
199
119
  "width": {
200
120
  "$type": "sizing",
201
- "$value": "{toggleHandle.size}*2.5"
121
+ "$value": "{toggleHandle.size}*1.75"
202
122
  },
203
123
  "borderRadius": {
204
124
  "$type": "borderRadius",
205
125
  "$value": "{core.borderRadius.full}"
206
- },
207
- "borderWidth": {
208
- "$type": "borderWidth",
209
- "$value": "{core.borderWidth.3}"
210
126
  }
211
127
  },
212
128
  "toggleHandle": {
213
129
  "size": {
214
130
  "$type": "sizing",
215
- "$value": "{core.sizing.24}"
131
+ "$value": "{core.sizing.32}"
216
132
  },
217
133
  "offset": {
218
134
  "$type": "sizing",
219
- "$value": "4"
135
+ "$value": "1"
220
136
  }
221
137
  }
222
138
  }