@fkui/theme-default 6.24.0 → 6.25.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 (24) hide show
  1. package/dist/deprecated-variables.json +26 -1
  2. package/dist/fkui-css-variables-deprecated.css +254 -229
  3. package/dist/fkui-css-variables-deprecated.d.ts +2 -0
  4. package/dist/fkui-css-variables-deprecated.js +255 -1
  5. package/dist/fkui-css-variables.css +223 -248
  6. package/dist/fkui-css-variables.d.ts +2 -0
  7. package/dist/fkui-css-variables.js +224 -1
  8. package/dist/metadata.mjs +70 -226
  9. package/dist/theme-auto.css +451 -501
  10. package/dist/theme-auto.d.ts +2 -0
  11. package/dist/theme-auto.js +4 -1
  12. package/dist/theme-dark.css +223 -248
  13. package/dist/theme-dark.d.ts +2 -0
  14. package/dist/theme-dark.js +224 -1
  15. package/dist/theme-light.css +223 -248
  16. package/dist/theme-light.d.ts +2 -0
  17. package/dist/theme-light.js +224 -1
  18. package/package.json +5 -18
  19. package/src/_version.scss +2 -2
  20. package/src/deprecated-variables.json +26 -1
  21. package/src/fkui-css-variables-deprecated.scss +27 -0
  22. package/src/shared/_index.scss +2 -28
  23. package/dist/palette-variables.css +0 -1
  24. package/dist/palette-variables.js +0 -1
package/dist/metadata.mjs CHANGED
@@ -1,375 +1,219 @@
1
1
  export default {
2
2
  "tokens": [
3
3
  {
4
- "name": "--fkds-color-text-primary",
5
- "value": "#1b1e23",
6
- "palette": "fk-black-100",
7
- "comment": null
8
- },
9
- {
10
- "name": "--fkds-color-text-secondary",
11
- "value": "#5f6165",
12
- "palette": "fk-black-70",
13
- "comment": null
14
- },
15
- {
16
- "name": "--fkds-color-text-inverted",
17
- "value": "#ffffff",
18
- "palette": "white-100",
19
- "comment": null
20
- },
21
- {
22
- "name": "--fkds-color-text-disabled",
4
+ "name": "--fkds-color-action-text-disabled",
23
5
  "value": "#8d8e91",
24
6
  "palette": "fk-black-50",
25
7
  "comment": null
26
8
  },
27
9
  {
28
- "name": "--fkds-color-background-primary",
29
- "value": "#ffffff",
30
- "palette": "white-100",
31
- "comment": null
32
- },
33
- {
34
- "name": "--fkds-color-background-secondary",
10
+ "name": "--fkds-color-action-background-disabled",
35
11
  "value": "#f4f4f4",
36
12
  "palette": "fk-black-5",
37
13
  "comment": null
38
14
  },
39
15
  {
40
- "name": "--fkds-color-background-tertiary",
41
- "value": "#ddddde",
42
- "palette": "fk-black-15",
43
- "comment": null
44
- },
45
- {
46
- "name": "--fkds-color-background-disabled",
47
- "value": "#f4f4f4",
48
- "palette": "fk-black-5",
49
- "comment": null
50
- },
51
- {
52
- "name": "--fkds-color-border-primary",
16
+ "name": "--fkds-color-action-border-disabled",
53
17
  "value": "#8d8e91",
54
18
  "palette": "fk-black-50",
55
19
  "comment": null
56
20
  },
57
21
  {
58
- "name": "--fkds-color-border-strong",
59
- "value": "#5f6165",
60
- "palette": "fk-black-70",
61
- "comment": null
62
- },
63
- {
64
- "name": "--fkds-color-border-weak",
65
- "value": "#ddddde",
66
- "palette": "fk-black-15",
22
+ "name": "--fkds-icon-color-action-content-primary-disabled",
23
+ "value": "#8d8e91",
24
+ "palette": "fk-black-50",
67
25
  "comment": null
68
26
  },
69
27
  {
70
- "name": "--fkds-color-border-disabled",
71
- "value": "#8d8e91",
72
- "palette": "fk-black-50",
28
+ "name": "--fkds-color-action-background-select-hover",
29
+ "value": "#dbe9e2",
30
+ "palette": "green-a-15",
73
31
  "comment": null
74
32
  },
75
33
  {
76
- "name": "--fkds-color-border-inverted",
77
- "value": "#ffffff",
78
- "palette": "white-100",
34
+ "name": "--fkds-color-action-background-select-default",
35
+ "value": "#35805b",
36
+ "palette": "green-a-85",
79
37
  "comment": null
80
38
  },
81
39
  {
82
- "name": "--fkds-color-action-text-primary-default",
40
+ "name": "--fkds-icon-color-action-content-primary-default",
83
41
  "value": "#4a52b6",
84
42
  "palette": "bluebell-100",
85
43
  "comment": null
86
44
  },
87
45
  {
88
- "name": "--fkds-color-action-text-primary-hover",
46
+ "name": "--fkds-icon-color-action-content-primary-hover",
89
47
  "value": "#3b4292",
90
48
  "palette": "bluebell-120",
91
49
  "comment": null
92
50
  },
93
51
  {
94
- "name": "--fkds-color-action-text-primary-active",
52
+ "name": "--fkds-icon-color-action-content-primary-active",
95
53
  "value": "#3b4292",
96
54
  "palette": "bluebell-120",
97
55
  "comment": null
98
56
  },
99
57
  {
100
- "name": "--fkds-color-action-text-primary-focus",
58
+ "name": "--fkds-icon-color-action-content-primary-focus",
101
59
  "value": "#3b4292",
102
60
  "palette": "bluebell-120",
103
61
  "comment": null
104
62
  },
105
63
  {
106
- "name": "--fkds-color-action-text-secondary-default",
64
+ "name": "--fkds-icon-color-action-content-secondary-default",
107
65
  "value": "#1b1e23",
108
66
  "palette": "fk-black-100",
109
67
  "comment": null
110
68
  },
111
69
  {
112
- "name": "--fkds-color-action-text-secondary-hover",
70
+ "name": "--fkds-icon-color-action-content-secondary-hover",
113
71
  "value": "#3b4292",
114
72
  "palette": "bluebell-120",
115
73
  "comment": null
116
74
  },
117
75
  {
118
- "name": "--fkds-color-action-text-secondary-active",
76
+ "name": "--fkds-icon-color-action-content-secondary-active",
119
77
  "value": "#3b4292",
120
78
  "palette": "bluebell-120",
121
79
  "comment": null
122
80
  },
123
81
  {
124
- "name": "--fkds-color-action-text-secondary-focus",
82
+ "name": "--fkds-icon-color-action-content-secondary-focus",
125
83
  "value": "#3b4292",
126
84
  "palette": "bluebell-120",
127
85
  "comment": null
128
86
  },
129
87
  {
130
- "name": "--fkds-color-action-text-inverted-default",
131
- "value": "#ffffff",
132
- "palette": "white-100",
133
- "comment": null
134
- },
135
- {
136
- "name": "--fkds-color-action-text-inverted-hover",
137
- "value": "#ffffff",
138
- "palette": "white-100",
139
- "comment": null
140
- },
141
- {
142
- "name": "--fkds-color-action-text-inverted-active",
143
- "value": "#ffffff",
144
- "palette": "white-100",
145
- "comment": null
146
- },
147
- {
148
- "name": "--fkds-color-action-text-inverted-focus",
149
- "value": "#ffffff",
150
- "palette": "white-100",
151
- "comment": null
152
- },
153
- {
154
- "name": "--fkds-color-action-background-primary-default",
155
- "value": "#4a52b6",
156
- "palette": "bluebell-100",
157
- "comment": null
158
- },
159
- {
160
- "name": "--fkds-color-action-background-primary-hover",
161
- "value": "#3b4292",
162
- "palette": "bluebell-120",
163
- "comment": null
164
- },
165
- {
166
- "name": "--fkds-color-action-background-primary-active",
167
- "value": "#3b4292",
168
- "palette": "bluebell-120",
169
- "comment": null
170
- },
171
- {
172
- "name": "--fkds-color-action-background-primary-focus",
173
- "value": "#3b4292",
174
- "palette": "bluebell-120",
175
- "comment": null
176
- },
177
- {
178
- "name": "--fkds-color-action-background-secondary-default",
179
- "value": "#f5f6fa",
180
- "palette": "bluebell-5",
181
- "comment": null
182
- },
183
- {
184
- "name": "--fkds-color-action-background-secondary-hover",
185
- "value": "#e5e5f5",
186
- "palette": "bluebell-15",
88
+ "name": "--fkds-icon-color-action-content-weak-default",
89
+ "value": "#5f6165",
90
+ "palette": "fk-black-70",
187
91
  "comment": null
188
92
  },
189
93
  {
190
- "name": "--fkds-color-action-background-secondary-active",
191
- "value": "#e5e5f5",
192
- "palette": "bluebell-15",
94
+ "name": "--fkds-icon-color-action-content-inverted-default",
95
+ "value": "#fff",
96
+ "palette": null,
193
97
  "comment": null
194
98
  },
195
99
  {
196
- "name": "--fkds-color-action-background-secondary-focus",
197
- "value": "#e5e5f5",
198
- "palette": "bluebell-15",
100
+ "name": "--fkds-icon-color-action-content-inverted-hover",
101
+ "value": "#fff",
102
+ "palette": null,
199
103
  "comment": null
200
104
  },
201
105
  {
202
- "name": "--fkds-color-action-border-primary-default",
203
- "value": "#4a52b6",
204
- "palette": "bluebell-100",
106
+ "name": "--fkds-icon-color-action-content-inverted-active",
107
+ "value": "#fff",
108
+ "palette": null,
205
109
  "comment": null
206
110
  },
207
111
  {
208
- "name": "--fkds-color-action-border-primary-hover",
209
- "value": "#3b4292",
210
- "palette": "bluebell-120",
112
+ "name": "--fkds-icon-color-action-content-inverted-focus",
113
+ "value": "#fff",
114
+ "palette": null,
211
115
  "comment": null
212
116
  },
213
117
  {
214
- "name": "--fkds-color-action-border-primary-active",
215
- "value": "#3b4292",
216
- "palette": "bluebell-120",
118
+ "name": "--fkds-icon-color-feedback-content-info",
119
+ "value": "#1b1e23",
120
+ "palette": "fk-black-100",
217
121
  "comment": null
218
122
  },
219
123
  {
220
- "name": "--fkds-color-action-border-primary-focus",
221
- "value": "#3b4292",
222
- "palette": "bluebell-120",
124
+ "name": "--fkds-icon-color-feedback-content-positive",
125
+ "value": "#1b1e23",
126
+ "palette": "fk-black-100",
223
127
  "comment": null
224
128
  },
225
129
  {
226
- "name": "--fkds-color-feedback-background-neutral",
227
- "value": "#f4f4f4",
228
- "palette": "fk-black-5",
130
+ "name": "--fkds-icon-color-feedback-content-warning",
131
+ "value": "#1b1e23",
132
+ "palette": "fk-black-100",
229
133
  "comment": null
230
134
  },
231
135
  {
232
- "name": "--fkds-color-feedback-background-neutral-strong",
233
- "value": "#ddddde",
234
- "palette": "fk-black-15",
136
+ "name": "--fkds-icon-color-feedback-content-negative",
137
+ "value": "#1b1e23",
138
+ "palette": "fk-black-100",
235
139
  "comment": null
236
140
  },
237
141
  {
238
- "name": "--fkds-color-feedback-background-info",
142
+ "name": "--fkds-icon-color-feedback-background-info",
239
143
  "value": "#f5f6fa",
240
144
  "palette": "bluebell-5",
241
145
  "comment": null
242
146
  },
243
147
  {
244
- "name": "--fkds-color-feedback-background-info-strong",
245
- "value": "#4a52b6",
246
- "palette": "bluebell-100",
247
- "comment": null
248
- },
249
- {
250
- "name": "--fkds-color-feedback-background-positive",
148
+ "name": "--fkds-icon-color-feedback-background-positive",
251
149
  "value": "#f3f8f5",
252
150
  "palette": "green-a-5",
253
151
  "comment": null
254
152
  },
255
153
  {
256
- "name": "--fkds-color-feedback-background-positive-strong",
257
- "value": "#35805b",
258
- "palette": "green-a-85",
259
- "comment": null
260
- },
261
- {
262
- "name": "--fkds-color-feedback-background-warning",
154
+ "name": "--fkds-icon-color-feedback-background-warning",
263
155
  "value": "#fffcf3",
264
156
  "palette": "yellow-5",
265
157
  "comment": null
266
158
  },
267
159
  {
268
- "name": "--fkds-color-feedback-background-warning-strong",
269
- "value": "#ffbe10",
270
- "palette": "yellow-100",
271
- "comment": null
272
- },
273
- {
274
- "name": "--fkds-color-feedback-background-negative",
160
+ "name": "--fkds-icon-color-feedback-background-negative",
275
161
  "value": "#fcf3f3",
276
162
  "palette": "red-5",
277
163
  "comment": null
278
164
  },
279
165
  {
280
- "name": "--fkds-color-feedback-background-negative-strong",
281
- "value": "#ca1515",
282
- "palette": "red-100",
283
- "comment": null
284
- },
285
- {
286
- "name": "--fkds-color-feedback-border-neutral",
287
- "value": "#8d8e91",
288
- "palette": "fk-black-50",
289
- "comment": null
290
- },
291
- {
292
- "name": "--fkds-color-feedback-border-info",
166
+ "name": "--fkds-icon-color-feedback-border-info",
293
167
  "value": "#4a52b6",
294
168
  "palette": "bluebell-100",
295
169
  "comment": null
296
170
  },
297
171
  {
298
- "name": "--fkds-color-feedback-border-positive",
172
+ "name": "--fkds-icon-color-feedback-border-positive",
299
173
  "value": "#35805b",
300
174
  "palette": "green-a-85",
301
175
  "comment": null
302
176
  },
303
177
  {
304
- "name": "--fkds-color-feedback-border-warning",
178
+ "name": "--fkds-icon-color-feedback-border-warning",
305
179
  "value": "#ffbe10",
306
180
  "palette": "yellow-100",
307
181
  "comment": null
308
182
  },
309
183
  {
310
- "name": "--fkds-color-feedback-border-negative",
311
- "value": "#ca1515",
312
- "palette": "red-100",
313
- "comment": null
314
- },
315
- {
316
- "name": "--fkds-color-feedback-text-negative",
184
+ "name": "--fkds-icon-color-feedback-border-negative",
317
185
  "value": "#ca1515",
318
186
  "palette": "red-100",
319
187
  "comment": null
320
188
  },
321
189
  {
322
- "name": "--fkds-color-feedback-text-positive",
323
- "value": "#35805b",
324
- "palette": "green-a-85",
325
- "comment": null
326
- },
327
- {
328
- "name": "--fkds-color-select-background-primary-default",
329
- "value": "#4a52b6",
330
- "palette": "bluebell-100",
331
- "comment": null
332
- },
333
- {
334
- "name": "--fkds-color-select-background-primary-hover",
335
- "value": "#e5e5f5",
336
- "palette": "bluebell-15",
337
- "comment": null
338
- },
339
- {
340
- "name": "--fkds-color-select-background-primary-active",
341
- "value": "#e5e5f5",
342
- "palette": "bluebell-15",
343
- "comment": null
344
- },
345
- {
346
- "name": "--fkds-color-select-background-primary-focus",
347
- "value": "#e5e5f5",
348
- "palette": "bluebell-15",
190
+ "name": "--fkds-icon-color-content-primary",
191
+ "value": "#1b1e23",
192
+ "palette": "fk-black-100",
349
193
  "comment": null
350
194
  },
351
195
  {
352
- "name": "--fkds-color-select-background-secondary-default",
353
- "value": "#35805b",
354
- "palette": "green-a-85",
196
+ "name": "--fkds-icon-color-background-primary",
197
+ "value": "#fff",
198
+ "palette": null,
355
199
  "comment": null
356
200
  },
357
201
  {
358
- "name": "--fkds-color-select-background-secondary-hover",
359
- "value": "#dbe9e2",
360
- "palette": "green-a-15",
202
+ "name": "--fkds-icon-color-border-primary",
203
+ "value": "#1b1e23",
204
+ "palette": "fk-black-100",
361
205
  "comment": null
362
206
  },
363
207
  {
364
- "name": "--fkds-color-select-background-secondary-active",
365
- "value": "#dbe9e2",
366
- "palette": "green-a-15",
208
+ "name": "--fkds-icon-color-content-disabled",
209
+ "value": "#8d8e91",
210
+ "palette": "fk-black-50",
367
211
  "comment": null
368
212
  },
369
213
  {
370
- "name": "--fkds-color-select-background-secondary-focus",
371
- "value": "#dbe9e2",
372
- "palette": "green-a-15",
214
+ "name": "--fkds-icon-color-content-inverted",
215
+ "value": "#fff",
216
+ "palette": null,
373
217
  "comment": null
374
218
  }
375
219
  ]