@globalbrain/sefirot 2.30.0 → 2.31.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 (14) hide show
  1. package/lib/components/SButton.vue +84 -6
  2. package/lib/components/SInputHMS.vue +30 -7
  3. package/lib/components/SInputText.vue +1 -0
  4. package/lib/components/SInputYMD.vue +18 -3
  5. package/lib/components/SState.vue +135 -0
  6. package/lib/components/STable.vue +201 -102
  7. package/lib/components/STableCell.vue +6 -0
  8. package/lib/components/STableCellState.vue +27 -0
  9. package/lib/components/STableItem.vue +17 -7
  10. package/lib/composables/Table.ts +21 -37
  11. package/lib/styles/bootstrap.css +1 -0
  12. package/lib/styles/variables.css +100 -49
  13. package/lib/types/shims.d.ts +6 -0
  14. package/package.json +6 -4
package/lib/styles/variables.css CHANGED
@@ -8,20 +8,7 @@
8
8
 
9
9
  :root {
10
10
  --c-white: #ffffff;
11
- --c-white-soft: #fafafa;
12
- --c-white-mute: #f2f2f2;
13
-
14
- --c-white-elv: #fafafa;
15
- --c-white-elv-up: #ffffff;
16
- --c-white-elv-down: #f2f2f2;
17
-
18
11
  --c-black: #000000;
19
- --c-black-soft: #171717;
20
- --c-black-mute: #1c1c1e;
21
-
22
- --c-black-elv: #171717;
23
- --c-black-elv-up: #1c1c1e;
24
- --c-black-elv-down: #000000;
25
12
 
26
13
  --c-gray: #8e8e93;
27
14
 
@@ -148,6 +135,22 @@
148
135
  --c-danger-bg-lighter: var(--c-danger-lighter);
149
136
  --c-danger-bg-dark: var(--c-danger-dark);
150
137
  --c-danger-bg-darker: var(--c-danger-darker);
138
+
139
+ /**
140
+ * DEPRECATED: These values are no longer used. Equivalent colors are defined
141
+ * directly in theme-aware color definitions.
142
+ */
143
+ --c-white-soft: #fafafa;
144
+ --c-white-mute: #f2f2f2;
145
+ --c-white-elv: #fafafa;
146
+ --c-white-elv-up: #ffffff;
147
+ --c-white-elv-down: #f2f2f2;
148
+ --c-black: #000000;
149
+ --c-black-soft: #171717;
150
+ --c-black-mute: #1c1c1e;
151
+ --c-black-elv: #171717;
152
+ --c-black-elv-up: #1c1c1e;
153
+ --c-black-elv-down: #000000;
151
154
  }
152
155
 
153
156
  /**
@@ -155,29 +158,14 @@
155
158
  * -------------------------------------------------------------------------- */
156
159
 
157
160
  :root {
158
- --c-bg: var(--c-white);
159
- --c-bg-soft: var(--c-white-soft);
160
- --c-bg-mute: var(--c-white-mute);
161
-
162
161
  --c-bg-elv-1: #ffffff;
163
162
  --c-bg-elv-2: #f9f9f9;
164
163
  --c-bg-elv-3: #ffffff;
165
-
166
- /* DEPRECATED: Use `--c-bg-elv-x`. */
167
- --c-bg-elv: var(--c-white-elv);
168
- --c-bg-elv-up: var(--c-white-elv-up);
169
- --c-bg-elv-down: var(--c-white-elv-down);
170
-
171
- --c-bg-lift-1: var(--c-white-soft);
172
- --c-bg-lift-2: var(--c-white-mute);
164
+ --c-bg-soft: #f9f9f9;
173
165
 
174
166
  --c-divider-1: var(--c-divider-light-1);
175
167
  --c-divider-2: var(--c-divider-light-2);
176
168
 
177
- /* DEPRECATED: Use `--c-divider-x`. */
178
- --c-divider: var(--c-divider-light-1);
179
- --c-divider-light: var(--c-divider-light-2);
180
-
181
169
  --c-neutral-1: var(--c-neutral-light-1);
182
170
  --c-neutral-2: var(--c-neutral-light-2);
183
171
  --c-neutral-3: var(--c-neutral-light-3);
@@ -198,8 +186,6 @@
198
186
  --c-text-inverse-2: var(--c-text-dark-2);
199
187
  --c-text-inverse-3: var(--c-text-dark-3);
200
188
 
201
- --c-soft: var(--c-white-soft);
202
-
203
189
  --c-mute: #f1f1f1;
204
190
  --c-mute-light: #f9f9f9;
205
191
  --c-mute-lighter: #ffffff;
@@ -207,32 +193,34 @@
207
193
  --c-mute-darker: #d1d1d1;
208
194
  --c-mute-dimm-1: #f1f1f1;
209
195
  --c-mute-dimm-2: #e3e3e3;
196
+
197
+ /* DEPRECATED: Use `--c-bg-elv-{number}`. */
198
+ --c-bg: var(--c-white);
199
+ --c-bg-soft: var(--c-white-soft);
200
+ --c-bg-mute: var(--c-white-mute);
201
+ --c-bg-elv: var(--c-white-elv);
202
+ --c-bg-elv-up: var(--c-white-elv-up);
203
+ --c-bg-elv-down: var(--c-white-elv-down);
204
+ --c-bg-lift-1: var(--c-white-soft);
205
+ --c-bg-lift-2: var(--c-white-mute);
206
+
207
+ /* DEPRECATED: Use `--c-divider-x`. */
208
+ --c-divider: var(--c-divider-light-1);
209
+ --c-divider-light: var(--c-divider-light-2);
210
+
211
+ /* DEPRECATED: Use `--c-bg-soft`. */
212
+ --c-soft: var(--c-white-soft);
210
213
  }
211
214
 
212
215
  .dark {
213
- --c-bg: var(--c-black);
214
- --c-bg-soft: var(--c-black-soft);
215
- --c-bg-mute: var(--c-black-mute);
216
-
217
216
  --c-bg-elv-1: #000000;
218
217
  --c-bg-elv-2: #171717;
219
218
  --c-bg-elv-3: #1c1c1e;
220
-
221
- /* DEPRECATED: Use `--c-bg-elv-x`. */
222
- --c-bg-elv: var(--c-black-elv);
223
- --c-bg-elv-up: var(--c-black-elv-up);
224
- --c-bg-elv-down: var(--c-black-elv-down);
225
-
226
- --c-bg-lift-1: #222226;
227
- --c-bg-lift-2: #2c2c2e;
219
+ --c-bg-soft: #222226;
228
220
 
229
221
  --c-divider-1: var(--c-divider-dark-1);
230
222
  --c-divider-2: var(--c-divider-dark-2);
231
223
 
232
- /* DEPRECATED: Use `--c-divider-1` and `--c-divider-2` instead. */
233
- --c-divider: var(--c-divider-dark-1);
234
- --c-divider-light: var(--c-divider-dark-2);
235
-
236
224
  --c-neutral-1: var(--c-neutral-dark-1);
237
225
  --c-neutral-2: var(--c-neutral-dark-2);
238
226
  --c-neutral-3: var(--c-neutral-dark-3);
@@ -253,8 +241,6 @@
253
241
  --c-text-inverse-2: var(--c-text-light-2);
254
242
  --c-text-inverse-3: var(--c-text-light-3);
255
243
 
256
- --c-soft: #222226;
257
-
258
244
  --c-mute: #2c2c2e;
259
245
  --c-mute-light: #3a3a3c;
260
246
  --c-mute-lighter: #505053;
@@ -262,6 +248,23 @@
262
248
  --c-mute-darker: #1c1c1e;
263
249
  --c-mute-dimm-1: #222226;
264
250
  --c-mute-dimm-2: #2c2c2e;
251
+
252
+ /* DEPRECATED: Use `--c-bg-elv-x`. */
253
+ --c-bg-elv: var(--c-black-elv);
254
+ --c-bg-elv-up: var(--c-black-elv-up);
255
+ --c-bg-elv-down: var(--c-black-elv-down);
256
+ --c-bg: var(--c-black);
257
+ --c-bg-soft: var(--c-black-soft);
258
+ --c-bg-mute: var(--c-black-mute);
259
+ --c-bg-lift-1: #222226;
260
+ --c-bg-lift-2: #2c2c2e;
261
+
262
+ /* DEPRECATED: Use `--c-divider-1` and `--c-divider-2` instead. */
263
+ --c-divider: var(--c-divider-dark-1);
264
+ --c-divider-light: var(--c-divider-dark-2);
265
+
266
+ /* DEPRECATED: Use `--c-bg-soft`. */
267
+ --c-soft: #222226;
265
268
  }
266
269
 
267
270
  /**
@@ -338,187 +341,235 @@
338
341
 
339
342
  --button-fill-neutral-border-color: transparent;
340
343
  --button-fill-neutral-text-color: var(--c-text-inverse-1);
344
+ --button-fill-neutral-content-color: var(--c-text-1);
341
345
  --button-fill-neutral-bg-color: var(--c-neutral-1);
342
346
  --button-fill-neutral-loader-color: var(--c-neutral-inverse-1);
343
347
  --button-fill-neutral-hover-bg-color: var(--c-neutral-2);
344
348
  --button-fill-neutral-active-bg-color: var(--c-neutral-3);
345
349
  --button-fill-neutral-disabled-border-color: transparent;
346
350
  --button-fill-neutral-disabled-text-color: var(--c-text-inverse-2);
351
+ --button-fill-neutral-disabled-content-color: var(--c-text-2);
347
352
  --button-fill-neutral-disabled-bg-color: var(--c-neutral-2);
348
353
 
349
354
  --button-fill-white-border-color: transparent;
350
355
  --button-fill-white-text-color: var(--c-text-light-1);
356
+ --button-fill-white-content-color: var(--c-text-dark-1);
351
357
  --button-fill-white-bg-color: var(--c-neutral-dark-1);
352
358
  --button-fill-white-loader-color: var(--c-neutral-light-1);
353
359
  --button-fill-white-hover-bg-color: var(--c-neutral-dark-2);
354
360
  --button-fill-white-active-bg-color: var(--c-neutral-dark-3);
355
361
  --button-fill-white-disabled-border-color: transparent;
356
362
  --button-fill-white-disabled-text-color: var(--c-text-light-2);
363
+ --button-fill-white-disabled-content-color: var(--c-text-dark-2);
357
364
  --button-fill-white-disabled-bg-color: var(--c-neutral-dark-2);
358
365
 
359
366
  --button-fill-black-border-color: transparent;
360
367
  --button-fill-black-text-color: var(--c-text-dark-1);
368
+ --button-fill-black-content-color: var(--c-text-light-1);
361
369
  --button-fill-black-bg-color: var(--c-neutral-light-1);
362
370
  --button-fill-black-loader-color: var(--c-neutral-dark-1);
363
371
  --button-fill-black-hover-bg-color: var(--c-neutral-light-2);
364
372
  --button-fill-black-active-bg-color: var(--c-neutral-light-3);
365
373
  --button-fill-black-disabled-border-color: transparent;
366
374
  --button-fill-black-disabled-text-color: var(--c-text-dark-2);
375
+ --button-fill-black-disabled-content-color: var(--c-text-light-2);
367
376
  --button-fill-black-disabled-bg-color: var(--c-neutral-light-2);
368
377
 
369
378
  --button-fill-mute-border-color: var(--c-divider-1);
370
379
  --button-fill-mute-text-color: var(--c-text-1);
380
+ --button-fill-mute-content-color: var(--c-text-2);
371
381
  --button-fill-mute-bg-color: var(--c-mute);
372
382
  --button-fill-mute-loader-color: var(--c-neutral);
373
383
  --button-fill-mute-hover-bg-color: var(--c-mute-dark);
374
384
  --button-fill-mute-active-bg-color: var(--c-mute-darker);
375
385
  --button-fill-mute-disabled-border-color: var(--c-divider-2);
376
386
  --button-fill-mute-disabled-text-color: var(--c-text-2);
387
+ --button-fill-mute-disabled-content-color: var(--c-text-3);
377
388
  --button-fill-mute-disabled-bg-color: var(--c-mute-dark);
378
389
 
379
390
  --button-fill-info-border-color: var(--c-info-light);
380
391
  --button-fill-info-text-color: var(--c-text-dark-1);
392
+ --button-fill-info-content-color: var(--c-info-text);
381
393
  --button-fill-info-bg-color: var(--c-info-bg);
382
394
  --button-fill-info-loader-color: var(--c-white);
383
395
  --button-fill-info-hover-bg-color: var(--c-info-bg-dark);
384
396
  --button-fill-info-active-bg-color: var(--c-info-bg-darker);
385
397
  --button-fill-info-disabled-border-color: var(--c-info);
386
398
  --button-fill-info-disabled-text-color: var(--c-text-dark-2);
399
+ --button-fill-info-disabled-content-color: var(--c-info-text-dark);
387
400
  --button-fill-info-disabled-bg-color: var(--c-info-bg-dark);
388
401
 
389
402
  --button-fill-success-border-color: var(--c-success-light);
390
403
  --button-fill-success-text-color: var(--c-text-dark-1);
404
+ --button-fill-success-content-color: var(--c-success-text);
391
405
  --button-fill-success-bg-color: var(--c-success-bg);
392
406
  --button-fill-success-loader-color: var(--c-white);
393
407
  --button-fill-success-hover-bg-color: var(--c-success-bg-dark);
394
408
  --button-fill-success-active-bg-color: var(--c-success-bg-darker);
395
409
  --button-fill-success-disabled-border-color: var(--c-success);
396
410
  --button-fill-success-disabled-text-color: var(--c-text-dark-2);
411
+ --button-fill-success-disabled-content-color: var(--c-success-text-dark);
397
412
  --button-fill-success-disabled-bg-color: var(--c-success-bg-dark);
398
413
 
399
414
  --button-fill-warning-border-color: var(--c-warning-light);
400
415
  --button-fill-warning-text-color: var(--c-text-dark-1);
416
+ --button-fill-warning-content-color: var(--c-warning-text);
401
417
  --button-fill-warning-bg-color: var(--c-warning-bg);
402
418
  --button-fill-warning-loader-color: var(--c-white);
403
419
  --button-fill-warning-hover-bg-color: var(--c-warning-bg-dark);
404
420
  --button-fill-warning-active-bg-color: var(--c-warning-bg-darker);
405
421
  --button-fill-warning-disabled-border-color: var(--c-warning);
406
422
  --button-fill-warning-disabled-text-color: var(--c-text-dark-2);
423
+ --button-fill-warning-disabled-content-color: var(--c-warning-text-dark);
407
424
  --button-fill-warning-disabled-bg-color: var(--c-warning-bg-dark);
408
425
 
409
426
  --button-fill-danger-border-color: var(--c-danger-light);
410
427
  --button-fill-danger-text-color: var(--c-text-dark-1);
428
+ --button-fill-danger-content-color: var(--c-danger-text);
411
429
  --button-fill-danger-bg-color: var(--c-danger-bg);
412
430
  --button-fill-danger-loader-color: var(--c-white);
413
431
  --button-fill-danger-hover-bg-color: var(--c-danger-bg-dark);
414
432
  --button-fill-danger-active-bg-color: var(--c-danger-bg-darker);
415
433
  --button-fill-danger-disabled-border-color: var(--c-danger);
416
434
  --button-fill-danger-disabled-text-color: var(--c-text-dark-2);
435
+ --button-fill-danger-disabled-content-color: var(--c-danger-text-dark);
417
436
  --button-fill-danger-disabled-bg-color: var(--c-danger-bg-dark);
418
437
 
419
438
  --button-outline-neutral-border-color: var(--c-neutral-1);
420
439
  --button-outline-neutral-text-color: var(--c-text-1);
440
+ --button-outline-neutral-content-color: var(--c-text-1);
421
441
  --button-outline-neutral-loader-color: var(--c-neutral-1);
422
442
  --button-outline-neutral-hover-bg-color: var(--c-neutral-dimm-1);
423
443
  --button-outline-neutral-active-bg-color: var(--c-neutral-dimm-2);
424
444
  --button-outline-neutral-disabled-border-color: var(--c-neutral-3);
425
445
  --button-outline-neutral-disabled-text-color: var(--c-text-2);
446
+ --button-outline-neutral-disabled-content-color: var(--c-text-2);
426
447
 
427
448
  --button-outline-white-border-color: var(--c-neutral-dark-1);
428
449
  --button-outline-white-text-color: var(--c-text-dark-1);
450
+ --button-outline-white-content-color: var(--c-text-dark-1);
429
451
  --button-outline-white-loader-color: var(--c-neutral-dark-1);
430
452
  --button-outline-white-hover-bg-color: var(--c-neutral-dark-dimm-1);
431
453
  --button-outline-white-active-bg-color: var(--c-neutral-dark-dimm-2);
432
454
  --button-outline-white-disabled-border-color: var(--c-neutral-dark-3);
433
455
  --button-outline-white-disabled-text-color: var(--c-text-dark-2);
456
+ --button-outline-white-disabled-content-color: var(--c-text-dark-2);
434
457
 
435
458
  --button-outline-black-border-color: var(--c-neutral-light-1);
436
459
  --button-outline-black-text-color: var(--c-text-light-1);
460
+ --button-outline-black-content-color: var(--c-text-light-1);
437
461
  --button-outline-black-loader-color: var(--c-neutral-light-1);
438
462
  --button-outline-black-hover-bg-color: var(--c-neutral-light-dimm-1);
439
463
  --button-outline-black-active-bg-color: var(--c-neutral-light-dimm-2);
440
464
  --button-outline-black-disabled-border-color: var(--c-neutral-light-3);
441
465
  --button-outline-black-disabled-text-color: var(--c-text-light-2);
466
+ --button-outline-black-disabled-content-color: var(--c-text-light-2);
442
467
 
443
468
  --button-outline-mute-border-color: var(--c-divider-1);
444
469
  --button-outline-mute-text-color: var(--c-text-2);
470
+ --button-outline-mute-content-color: var(--c-text-2);
445
471
  --button-outline-mute-loader-color: var(--c-neutral-1);
446
472
  --button-outline-mute-hover-bg-color: var(--c-mute-dimm-1);
447
473
  --button-outline-mute-active-bg-color: var(--c-mute-dimm-2);
448
474
  --button-outline-mute-disabled-border-color: var(--c-divider-2);
449
475
  --button-outline-mute-disabled-text-color: var(--c-text-3);
476
+ --button-outline-mute-disabled-content-color: var(--c-text-3);
450
477
 
451
478
  --button-outline-info-border-color: var(--c-info-light);
452
479
  --button-outline-info-text-color: var(--c-info-text);
480
+ --button-outline-info-content-color: var(--c-info-text);
453
481
  --button-outline-info-loader-color: var(--c-neutral-1);
454
482
  --button-outline-info-hover-bg-color: var(--c-info-dimm-1);
455
483
  --button-outline-info-active-bg-color: var(--c-info-dimm-2);
456
484
  --button-outline-info-disabled-border-color: var(--c-info-dark);
457
485
  --button-outline-info-disabled-text-color: var(--c-info-text-dark);
486
+ --button-outline-info-disabled-content-color: var(--c-info-text-dark);
458
487
 
459
488
  --button-outline-success-border-color: var(--c-success-light);
460
489
  --button-outline-success-text-color: var(--c-success-text);
490
+ --button-outline-success-content-color: var(--c-success-text);
461
491
  --button-outline-success-loader-color: var(--c-neutral-1);
462
492
  --button-outline-success-hover-bg-color: var(--c-success-dimm-1);
463
493
  --button-outline-success-active-bg-color: var(--c-success-dimm-2);
464
494
  --button-outline-success-disabled-border-color: var(--c-success-dark);
465
495
  --button-outline-success-disabled-text-color: var(--c-success-text-dark);
496
+ --button-outline-success-disabled-content-color: var(--c-success-text-dark);
466
497
 
467
498
  --button-outline-warning-border-color: var(--c-warning-light);
468
499
  --button-outline-warning-text-color: var(--c-warning-text);
500
+ --button-outline-warning-content-color: var(--c-warning-text);
469
501
  --button-outline-warning-loader-color: var(--c-neutral-1);
470
502
  --button-outline-warning-hover-bg-color: var(--c-warning-dimm-1);
471
503
  --button-outline-warning-active-bg-color: var(--c-warning-dimm-2);
472
504
  --button-outline-warning-disabled-border-color: var(--c-warning-dark);
473
505
  --button-outline-warning-disabled-text-color: var(--c-warning-text-dark);
506
+ --button-outline-warning-disabled-content-color: var(--c-warning-text-dark);
474
507
 
475
508
  --button-outline-danger-border-color: var(--c-danger-light);
476
509
  --button-outline-danger-text-color: var(--c-danger-text);
510
+ --button-outline-danger-content-color: var(--c-danger-text);
477
511
  --button-outline-danger-loader-color: var(--c-neutral-1);
478
512
  --button-outline-danger-hover-bg-color: var(--c-danger-dimm-1);
479
513
  --button-outline-danger-active-bg-color: var(--c-danger-dimm-2);
480
514
  --button-outline-danger-disabled-border-color: var(--c-danger-dark);
481
515
  --button-outline-danger-disabled-text-color: var(--c-danger-text-dark);
516
+ --button-outline-danger-disabled-content-color: var(--c-danger-text-dark);
482
517
 
483
518
  --button-text-neutral-text-color: var(--c-text-1);
519
+ --button-text-neutral-content-color: var(--c-text-1);
484
520
  --button-text-neutral-hover-bg-color: var(--c-neutral-dimm-1);
485
521
  --button-text-neutral-active-bg-color: var(--c-neutral-dimm-2);
486
522
  --button-text-neutral-disabled-text-color: var(--c-text-2);
523
+ --button-text-neutral-disabled-content-color: var(--c-text-2);
487
524
 
488
525
  --button-text-white-text-color: var(--c-text-dark-1);
526
+ --button-text-white-content-color: var(--c-text-dark-1);
489
527
  --button-text-white-hover-bg-color: var(--c-neutral-dark-dimm-1);
490
528
  --button-text-white-active-bg-color: var(--c-neutral-dark-dimm-2);
491
529
  --button-text-white-disabled-text-color: var(--c-text-dark-2);
530
+ --button-text-white-disabled-content-color: var(--c-text-dark-2);
492
531
 
493
532
  --button-text-black-text-color: var(--c-text-light-1);
533
+ --button-text-black-content-color: var(--c-text-light-1);
494
534
  --button-text-black-hover-bg-color: var(--c-neutral-light-dimm-1);
495
535
  --button-text-black-active-bg-color: var(--c-neutral-light-dimm-2);
496
536
  --button-text-black-disabled-text-color: var(--c-text-light-2);
537
+ --button-text-black-disabled-content-color: var(--c-text-light-2);
497
538
 
498
539
  --button-text-mute-text-color: var(--c-text-2);
540
+ --button-text-mute-content-color: var(--c-text-2);
499
541
  --button-text-mute-hover-bg-color: var(--c-mute-dimm-1);
500
542
  --button-text-mute-active-bg-color: var(--c-mute-dimm-2);
501
543
  --button-text-mute-disabled-text-color: var(--c-text-3);
544
+ --button-text-mute-disabled-content-color: var(--c-text-3);
502
545
 
503
546
  --button-text-info-text-color: var(--c-info-text);
547
+ --button-text-info-content-color: var(--c-info-text);
504
548
  --button-text-info-hover-bg-color: var(--c-info-dimm-1);
505
549
  --button-text-info-active-bg-color: var(--c-info-dimm-2);
506
550
  --button-text-info-disabled-text-color: var(--c-info-text-dark);
551
+ --button-text-info-disabled-content-color: var(--c-info-text-dark);
507
552
 
508
553
  --button-text-success-text-color: var(--c-success-text);
554
+ --button-text-success-content-color: var(--c-success-text);
509
555
  --button-text-success-hover-bg-color: var(--c-success-dimm-1);
510
556
  --button-text-success-active-bg-color: var(--c-success-dimm-2);
511
557
  --button-text-success-disabled-text-color: var(--c-success-text-dark);
558
+ --button-text-success-disabled-content-color: var(--c-success-text-dark);
512
559
 
513
560
  --button-text-warning-text-color: var(--c-warning-text);
561
+ --button-text-warning-content-color: var(--c-warning-text);
514
562
  --button-text-warning-hover-bg-color: var(--c-warning-dimm-1);
515
563
  --button-text-warning-active-bg-color: var(--c-warning-dimm-2);
516
564
  --button-text-warning-disabled-text-color: var(--c-warning-text-dark);
565
+ --button-text-warning-disabled-content-color: var(--c-warning-text-dark);
517
566
 
518
567
  --button-text-danger-text-color: var(--c-danger-text);
568
+ --button-text-danger-content-color: var(--c-danger-text);
519
569
  --button-text-danger-hover-bg-color: var(--c-danger-dimm-1);
520
570
  --button-text-danger-active-bg-color: var(--c-danger-dimm-2);
521
571
  --button-text-danger-disabled-text-color: var(--c-danger-text-dark);
572
+ --button-text-danger-disabled-content-color: var(--c-danger-text-dark);
522
573
  }
523
574
 
524
575
  /**
package/lib/types/shims.d.ts CHANGED
@@ -1,3 +1,9 @@
1
1
  declare module 'v-calendar' {
2
2
  export const DatePicker: any
3
3
  }
4
+
5
+ declare module 'vue-virtual-scroller' {
6
+ export const RecycleScroller: any
7
+ export const DynamicScroller: any
8
+ export const DynamicScrollerItem: any
9
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@globalbrain/sefirot",
3
- "version": "2.30.0",
3
+ "version": "2.31.0",
4
4
  "packageManager": "pnpm@7.26.2",
5
5
  "description": "Vue Components for Global Brain Design System.",
6
6
  "author": "Kia Ishii <ka.ishii@globalbrains.com>",
@@ -40,7 +40,8 @@
40
40
  "typescript": "^4.9.4",
41
41
  "v-calendar": "^3.0.0-alpha.8",
42
42
  "vue": "^3.2.47",
43
- "vue-router": "^4.1.6"
43
+ "vue-router": "^4.1.6",
44
+ "vue-virtual-scroller": "^2.0.0-beta.8"
44
45
  },
45
46
  "dependencies": {
46
47
  "dayjs": "^1.11.7"
@@ -79,11 +80,12 @@
79
80
  "typescript": "^4.9.4",
80
81
  "v-calendar": "3.0.0-alpha.8",
81
82
  "vite": "^4.1.4",
82
- "vitepress": "1.0.0-alpha.50",
83
+ "vitepress": "1.0.0-alpha.65",
83
84
  "vitest": "^0.29.2",
84
85
  "vue": "^3.2.47",
85
86
  "vue-router": "^4.1.6",
86
- "vue-tsc": "^1.2.0"
87
+ "vue-tsc": "^1.2.0",
88
+ "vue-virtual-scroller": "^2.0.0-beta.8"
87
89
  },
88
90
  "scripts": {
89
91
  "docs": "vitepress dev docs --port 4000",