@vellira-ui/tokens 2.26.1 → 2.27.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 (37) hide show
  1. package/dist/css/tokens.css +695 -329
  2. package/dist/dark/components/button.d.ts +263 -95
  3. package/dist/dark/components/button.d.ts.map +1 -1
  4. package/dist/dark/components/button.js +136 -151
  5. package/dist/dark/components/formField.d.ts +1 -1
  6. package/dist/dark/components/input.d.ts +3 -3
  7. package/dist/dark/semantic/icons.d.ts +1 -1
  8. package/dist/dark/semantic/status.d.ts +4 -4
  9. package/dist/dark/theme.d.ts +11 -11
  10. package/dist/generated/token-types.d.ts +4 -4
  11. package/dist/generated/token-types.d.ts.map +1 -1
  12. package/dist/generated/token-types.js +704 -216
  13. package/dist/highContrast/components/button.d.ts +264 -96
  14. package/dist/highContrast/components/button.d.ts.map +1 -1
  15. package/dist/highContrast/components/button.js +135 -150
  16. package/dist/highContrast/components/formField.d.ts +1 -1
  17. package/dist/highContrast/components/input.d.ts +3 -3
  18. package/dist/highContrast/semantic/action.d.ts +6 -6
  19. package/dist/highContrast/semantic/action.js +6 -6
  20. package/dist/highContrast/semantic/icons.d.ts +1 -1
  21. package/dist/highContrast/semantic/status.d.ts +5 -5
  22. package/dist/highContrast/theme.d.ts +11 -11
  23. package/dist/light/components/button.d.ts +264 -96
  24. package/dist/light/components/button.d.ts.map +1 -1
  25. package/dist/light/components/button.js +136 -151
  26. package/dist/light/components/formField.d.ts +2 -2
  27. package/dist/light/components/input.d.ts +3 -3
  28. package/dist/light/semantic/icons.d.ts +1 -1
  29. package/dist/light/semantic/status.d.ts +7 -7
  30. package/dist/light/semantic/status.js +3 -3
  31. package/dist/light/theme.d.ts +11 -11
  32. package/dist/primitives/colors.d.ts +11 -11
  33. package/dist/primitives/colors.js +11 -11
  34. package/dist/utils/createButtonPalette.d.ts +106 -0
  35. package/dist/utils/createButtonPalette.d.ts.map +1 -0
  36. package/dist/utils/createButtonPalette.js +72 -0
  37. package/package.json +1 -1
package/dist/highContrast/components/button.d.ts CHANGED
@@ -1,212 +1,380 @@
1
1
  export declare const button: {
2
2
  readonly primary: {
3
+ readonly ring: string;
3
4
  readonly solid: {
5
+ default: import("../../utils/createButtonPalette.js").ButtonState;
6
+ hover: import("../../utils/createButtonPalette.js").ButtonState;
7
+ pressed: import("../../utils/createButtonPalette.js").ButtonState;
8
+ };
9
+ readonly outline: {
4
10
  readonly default: {
5
- readonly bg: "#7352F8";
6
- readonly fg: "#FFFFFF";
7
- readonly border: "#FFFFFF";
11
+ readonly bg: "transparent";
12
+ readonly fg: string;
13
+ readonly border: string;
8
14
  };
9
15
  readonly hover: {
10
- readonly bg: "#9B7CFF";
11
- readonly fg: "#000000";
12
- readonly border: "#FCD34D";
16
+ readonly bg: string;
17
+ readonly fg: string;
18
+ readonly border: string;
13
19
  };
14
20
  readonly pressed: {
15
- readonly bg: "#6346E8";
16
- readonly fg: "#FFFFFF";
17
- readonly border: "#FCD34D";
21
+ readonly bg: string;
22
+ readonly fg: string;
23
+ readonly border: string;
18
24
  };
19
25
  };
20
- readonly outline: {
26
+ readonly ghost: {
21
27
  readonly default: {
28
+ readonly fg: string;
22
29
  readonly bg: "transparent";
23
- readonly fg: "#B8A8FF";
24
- readonly border: "#B8A8FF";
30
+ readonly border: "transparent";
25
31
  };
26
32
  readonly hover: {
27
- readonly bg: "#111827";
28
- readonly fg: "#B8A8FF";
29
- readonly border: "#FCD34D";
33
+ readonly bg: string;
34
+ readonly fg: string;
35
+ readonly border: "transparent";
30
36
  };
31
37
  readonly pressed: {
32
- readonly bg: "#21164F";
33
- readonly fg: "#9B7CFF";
34
- readonly border: "#FCD34D";
38
+ readonly bg: string;
39
+ readonly fg: string;
40
+ readonly border: "transparent";
35
41
  };
36
42
  };
37
- readonly ghost: {
43
+ readonly soft: {
44
+ readonly default: {
45
+ readonly bg: string;
46
+ readonly fg: string;
47
+ readonly border: string;
48
+ };
49
+ readonly hover: {
50
+ readonly bg: string;
51
+ readonly fg: string;
52
+ readonly border: string;
53
+ };
54
+ readonly pressed: {
55
+ readonly bg: string;
56
+ readonly fg: string;
57
+ readonly border: string;
58
+ };
59
+ };
60
+ readonly link: {
38
61
  readonly default: {
39
- readonly fg: "#B8A8FF";
62
+ readonly fg: string;
40
63
  readonly bg: "transparent";
41
64
  readonly border: "transparent";
42
65
  };
43
66
  readonly hover: {
44
- readonly bg: "#111827";
45
- readonly fg: "#B8A8FF";
67
+ readonly fg: string;
68
+ readonly bg: "transparent";
46
69
  readonly border: "transparent";
47
70
  };
48
71
  readonly pressed: {
49
- readonly bg: "#21164F";
50
- readonly fg: "#9B7CFF";
72
+ readonly fg: string;
73
+ readonly bg: "transparent";
51
74
  readonly border: "transparent";
52
75
  };
53
76
  };
54
77
  };
55
- readonly secondary: {
78
+ readonly neutral: {
79
+ readonly ring: string;
56
80
  readonly solid: {
81
+ default: import("../../utils/createButtonPalette.js").ButtonState;
82
+ hover: import("../../utils/createButtonPalette.js").ButtonState;
83
+ pressed: import("../../utils/createButtonPalette.js").ButtonState;
84
+ };
85
+ readonly outline: {
57
86
  readonly default: {
58
- readonly bg: "#79E8F8";
59
- readonly fg: "#000000";
60
- readonly border: "#FFFFFF";
87
+ readonly bg: "transparent";
88
+ readonly fg: string;
89
+ readonly border: string;
61
90
  };
62
91
  readonly hover: {
63
- readonly bg: "#B4F4FD";
64
- readonly fg: "#000000";
65
- readonly border: "#FCD34D";
92
+ readonly bg: string;
93
+ readonly fg: string;
94
+ readonly border: string;
66
95
  };
67
96
  readonly pressed: {
68
- readonly bg: "#3ED5EE";
69
- readonly fg: "#000000";
70
- readonly border: "#FCD34D";
97
+ readonly bg: string;
98
+ readonly fg: string;
99
+ readonly border: string;
71
100
  };
72
101
  };
73
- readonly outline: {
102
+ readonly ghost: {
74
103
  readonly default: {
104
+ readonly fg: string;
75
105
  readonly bg: "transparent";
76
- readonly fg: "#79E8F8";
77
- readonly border: "#79E8F8";
106
+ readonly border: "transparent";
78
107
  };
79
108
  readonly hover: {
80
- readonly bg: "#111827";
81
- readonly fg: "#3ED5EE";
82
- readonly border: "#FBBF24";
109
+ readonly bg: string;
110
+ readonly fg: string;
111
+ readonly border: "transparent";
83
112
  };
84
113
  readonly pressed: {
85
- readonly bg: "#062F3B";
86
- readonly fg: "#1FBEDB";
87
- readonly border: "#F59E0B";
114
+ readonly bg: string;
115
+ readonly fg: string;
116
+ readonly border: "transparent";
88
117
  };
89
118
  };
90
- readonly ghost: {
119
+ readonly soft: {
120
+ readonly default: {
121
+ readonly bg: string;
122
+ readonly fg: string;
123
+ readonly border: string;
124
+ };
125
+ readonly hover: {
126
+ readonly bg: string;
127
+ readonly fg: string;
128
+ readonly border: string;
129
+ };
130
+ readonly pressed: {
131
+ readonly bg: string;
132
+ readonly fg: string;
133
+ readonly border: string;
134
+ };
135
+ };
136
+ readonly link: {
91
137
  readonly default: {
92
- readonly fg: "#79E8F8";
138
+ readonly fg: string;
93
139
  readonly bg: "transparent";
94
140
  readonly border: "transparent";
95
141
  };
96
142
  readonly hover: {
97
- readonly bg: "#111827";
98
- readonly fg: "#3ED5EE";
143
+ readonly fg: string;
144
+ readonly bg: "transparent";
99
145
  readonly border: "transparent";
100
146
  };
101
147
  readonly pressed: {
102
- readonly bg: "#062F3B";
103
- readonly fg: "#1FBEDB";
148
+ readonly fg: string;
149
+ readonly bg: "transparent";
104
150
  readonly border: "transparent";
105
151
  };
106
152
  };
107
153
  };
108
- readonly close: {
154
+ readonly success: {
155
+ readonly ring: string;
109
156
  readonly solid: {
157
+ default: import("../../utils/createButtonPalette.js").ButtonState;
158
+ hover: import("../../utils/createButtonPalette.js").ButtonState;
159
+ pressed: import("../../utils/createButtonPalette.js").ButtonState;
160
+ };
161
+ readonly outline: {
162
+ readonly default: {
163
+ readonly bg: "transparent";
164
+ readonly fg: string;
165
+ readonly border: string;
166
+ };
167
+ readonly hover: {
168
+ readonly bg: string;
169
+ readonly fg: string;
170
+ readonly border: string;
171
+ };
172
+ readonly pressed: {
173
+ readonly bg: string;
174
+ readonly fg: string;
175
+ readonly border: string;
176
+ };
177
+ };
178
+ readonly ghost: {
179
+ readonly default: {
180
+ readonly fg: string;
181
+ readonly bg: "transparent";
182
+ readonly border: "transparent";
183
+ };
184
+ readonly hover: {
185
+ readonly bg: string;
186
+ readonly fg: string;
187
+ readonly border: "transparent";
188
+ };
189
+ readonly pressed: {
190
+ readonly bg: string;
191
+ readonly fg: string;
192
+ readonly border: "transparent";
193
+ };
194
+ };
195
+ readonly soft: {
196
+ readonly default: {
197
+ readonly bg: string;
198
+ readonly fg: string;
199
+ readonly border: string;
200
+ };
201
+ readonly hover: {
202
+ readonly bg: string;
203
+ readonly fg: string;
204
+ readonly border: string;
205
+ };
206
+ readonly pressed: {
207
+ readonly bg: string;
208
+ readonly fg: string;
209
+ readonly border: string;
210
+ };
211
+ };
212
+ readonly link: {
110
213
  readonly default: {
111
- readonly bg: "#FFFFFF";
112
- readonly fg: "#000000";
113
- readonly border: "#FFFFFF";
214
+ readonly fg: string;
215
+ readonly bg: "transparent";
216
+ readonly border: "transparent";
114
217
  };
115
218
  readonly hover: {
116
- readonly bg: "#E5E7EB";
117
- readonly fg: "#000000";
118
- readonly border: "#FCD34D";
219
+ readonly fg: string;
220
+ readonly bg: "transparent";
221
+ readonly border: "transparent";
119
222
  };
120
223
  readonly pressed: {
121
- readonly bg: "#9CA3AF";
122
- readonly fg: "#000000";
123
- readonly border: "#FCD34D";
224
+ readonly fg: string;
225
+ readonly bg: "transparent";
226
+ readonly border: "transparent";
124
227
  };
125
228
  };
229
+ };
230
+ readonly warning: {
231
+ readonly ring: string;
232
+ readonly solid: {
233
+ default: import("../../utils/createButtonPalette.js").ButtonState;
234
+ hover: import("../../utils/createButtonPalette.js").ButtonState;
235
+ pressed: import("../../utils/createButtonPalette.js").ButtonState;
236
+ };
126
237
  readonly outline: {
127
238
  readonly default: {
128
239
  readonly bg: "transparent";
129
- readonly fg: "#FFFFFF";
130
- readonly border: "#9CA3AF";
240
+ readonly fg: string;
241
+ readonly border: string;
131
242
  };
132
243
  readonly hover: {
133
- readonly bg: "#111827";
134
- readonly fg: "#FFFFFF";
135
- readonly border: "#FCD34D";
244
+ readonly bg: string;
245
+ readonly fg: string;
246
+ readonly border: string;
136
247
  };
137
248
  readonly pressed: {
138
- readonly bg: "#1F2937";
139
- readonly fg: "#FFFFFF";
140
- readonly border: "#FCD34D";
249
+ readonly bg: string;
250
+ readonly fg: string;
251
+ readonly border: string;
141
252
  };
142
253
  };
143
254
  readonly ghost: {
144
255
  readonly default: {
145
- readonly fg: "#FFFFFF";
256
+ readonly fg: string;
257
+ readonly bg: "transparent";
258
+ readonly border: "transparent";
259
+ };
260
+ readonly hover: {
261
+ readonly bg: string;
262
+ readonly fg: string;
263
+ readonly border: "transparent";
264
+ };
265
+ readonly pressed: {
266
+ readonly bg: string;
267
+ readonly fg: string;
268
+ readonly border: "transparent";
269
+ };
270
+ };
271
+ readonly soft: {
272
+ readonly default: {
273
+ readonly bg: string;
274
+ readonly fg: string;
275
+ readonly border: string;
276
+ };
277
+ readonly hover: {
278
+ readonly bg: string;
279
+ readonly fg: string;
280
+ readonly border: string;
281
+ };
282
+ readonly pressed: {
283
+ readonly bg: string;
284
+ readonly fg: string;
285
+ readonly border: string;
286
+ };
287
+ };
288
+ readonly link: {
289
+ readonly default: {
290
+ readonly fg: string;
146
291
  readonly bg: "transparent";
147
292
  readonly border: "transparent";
148
293
  };
149
294
  readonly hover: {
150
- readonly bg: "#111827";
151
- readonly fg: "#FFFFFF";
295
+ readonly fg: string;
296
+ readonly bg: "transparent";
152
297
  readonly border: "transparent";
153
298
  };
154
299
  readonly pressed: {
155
- readonly bg: "#1F2937";
156
- readonly fg: "#FFFFFF";
300
+ readonly fg: string;
301
+ readonly bg: "transparent";
157
302
  readonly border: "transparent";
158
303
  };
159
304
  };
160
305
  };
161
306
  readonly danger: {
307
+ readonly ring: string;
162
308
  readonly solid: {
309
+ default: import("../../utils/createButtonPalette.js").ButtonState;
310
+ hover: import("../../utils/createButtonPalette.js").ButtonState;
311
+ pressed: import("../../utils/createButtonPalette.js").ButtonState;
312
+ };
313
+ readonly outline: {
163
314
  readonly default: {
164
- readonly bg: "#E11D48";
165
- readonly fg: "#FFFFFF";
166
- readonly border: "#FFFFFF";
315
+ readonly bg: "transparent";
316
+ readonly fg: string;
317
+ readonly border: string;
167
318
  };
168
319
  readonly hover: {
169
- readonly bg: "#F43F5E";
170
- readonly fg: "#000000";
171
- readonly border: "#FCD34D";
320
+ readonly bg: string;
321
+ readonly fg: string;
322
+ readonly border: string;
172
323
  };
173
324
  readonly pressed: {
174
- readonly bg: "#BE123C";
175
- readonly fg: "#FFFFFF";
176
- readonly border: "#FCD34D";
325
+ readonly bg: string;
326
+ readonly fg: string;
327
+ readonly border: string;
177
328
  };
178
329
  };
179
- readonly outline: {
330
+ readonly ghost: {
180
331
  readonly default: {
332
+ readonly fg: string;
181
333
  readonly bg: "transparent";
182
- readonly fg: "#FB7185";
183
- readonly border: "#FB7185";
334
+ readonly border: "transparent";
184
335
  };
185
336
  readonly hover: {
186
- readonly bg: "#4C0519";
187
- readonly fg: "#FECDD3";
188
- readonly border: "#FCD34D";
337
+ readonly bg: string;
338
+ readonly fg: string;
339
+ readonly border: "transparent";
189
340
  };
190
341
  readonly pressed: {
191
- readonly bg: "#4C0519";
192
- readonly fg: "#FECDD3";
193
- readonly border: "#FCD34D";
342
+ readonly bg: string;
343
+ readonly fg: string;
344
+ readonly border: "transparent";
194
345
  };
195
346
  };
196
- readonly ghost: {
347
+ readonly soft: {
348
+ readonly default: {
349
+ readonly bg: string;
350
+ readonly fg: string;
351
+ readonly border: string;
352
+ };
353
+ readonly hover: {
354
+ readonly bg: string;
355
+ readonly fg: string;
356
+ readonly border: string;
357
+ };
358
+ readonly pressed: {
359
+ readonly bg: string;
360
+ readonly fg: string;
361
+ readonly border: string;
362
+ };
363
+ };
364
+ readonly link: {
197
365
  readonly default: {
198
- readonly fg: "#FB7185";
366
+ readonly fg: string;
199
367
  readonly bg: "transparent";
200
368
  readonly border: "transparent";
201
369
  };
202
370
  readonly hover: {
203
- readonly bg: "#4C0519";
204
- readonly fg: "#FECDD3";
371
+ readonly fg: string;
372
+ readonly bg: "transparent";
205
373
  readonly border: "transparent";
206
374
  };
207
375
  readonly pressed: {
208
- readonly bg: "#4C0519";
209
- readonly fg: "#FECDD3";
376
+ readonly fg: string;
377
+ readonly bg: "transparent";
210
378
  readonly border: "transparent";
211
379
  };
212
380
  };
package/dist/highContrast/components/button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/button.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkLT,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/button.ts"],"names":[],"mappings":"AA4JA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYT,CAAC"}