@wwtdev/bsds-css 3.0.16 → 3.1.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 (11) hide show
  1. package/README.md +1 -1
  2. package/dist/wwt-bsds-components.css +173 -56
  3. package/dist/wwt-bsds-components.min.css +1 -1
  4. package/dist/wwt-bsds-preset.js +3 -3
  5. package/dist/wwt-bsds-tokens.css +250 -246
  6. package/dist/wwt-bsds-tokens.min.css +1 -1
  7. package/dist/wwt-bsds-utilities.css +2 -2
  8. package/dist/wwt-bsds-utilities.min.css +1 -1
  9. package/dist/wwt-bsds.css +485 -364
  10. package/dist/wwt-bsds.min.css +1 -1
  11. package/package.json +6 -22
package/dist/wwt-bsds-preset.js CHANGED
@@ -1,7 +1,7 @@
1
- const defaultTheme = require('tailwindcss/defaultTheme')
2
- const plugin = require('tailwindcss/plugin')
1
+ import defaultTheme from 'tailwindcss/defaultTheme.js'
2
+ import plugin from 'tailwindcss/plugin.js'
3
3
 
4
- module.exports = {
4
+ export default {
5
5
  darkMode: "class",
6
6
  corePlugins: {
7
7
  // Do use @tailwind base, otherwise some TW classes will not work, due to missing css vars
package/dist/wwt-bsds-tokens.css CHANGED
@@ -313,7 +313,256 @@
313
313
  --bs-popover-z-index: 1100;
314
314
  }
315
315
  /* Themes */
316
- :root {
316
+ .softchoice,
317
+ [data-theme="softchoice-light"] {
318
+ /* Ink */
319
+ --bs-ink-primary: var(--bs-cobalt-400);
320
+ --bs-ink-secondary: var(--bs-orange-500);
321
+ --bs-ink-accent-1: var(--bs-midnight-400);
322
+ --bs-ink-accent-4: var(--bs-orchid-400);
323
+ --bs-ink-positive: var(--bs-green-500);
324
+ --bs-ink-warning: var(--bs-yellow-500);
325
+ --bs-ink-negative: var(--bs-maroon-500);
326
+
327
+ /* Primary */
328
+ --bs-primary-base-fixed: var(--bs-cobalt-400);
329
+ --bs-primary-base: var(--bs-cobalt-400);
330
+ --bs-primary-medium: var(--bs-cobalt-300);
331
+ --bs-primary-light: var(--bs-cobalt-200);
332
+ --bs-primary-lightest: var(--bs-cobalt-100);
333
+ --bs-primary-highlight: var(--bs-cobalt-10);
334
+
335
+ /* Secondary */
336
+ --bs-secondary-base-fixed: var(--bs-orange-400);
337
+ --bs-secondary-base: var(--bs-orange-400);
338
+ --bs-secondary-medium: var(--bs-orange-300);
339
+ --bs-secondary-light: var(--bs-orange-200);
340
+ --bs-secondary-lightest: var(--bs-orange-100);
341
+ --bs-secondary-highlight: var(--bs-orange-10);
342
+
343
+ /* Accent 1 */
344
+ --bs-accent-1-base-fixed: var(--bs-midnight-400);
345
+ --bs-accent-1-base: var(--bs-midnight-400);
346
+ --bs-accent-1-medium: var(--bs-midnight-300);
347
+ --bs-accent-1-light: var(--bs-midnight-200);
348
+ --bs-accent-1-lightest: var(--bs-midnight-100);
349
+ --bs-accent-1-highlight: var(--bs-midnight-10);
350
+
351
+ /* Accent 4 */
352
+ --bs-accent-4-base-fixed: var(--bs-orchid-400);
353
+ --bs-accent-4-base: var(--bs-orchid-400);
354
+ --bs-accent-4-medium: var(--bs-orchid-300);
355
+ --bs-accent-4-light: var(--bs-orchid-200);
356
+ --bs-accent-4-lightest: var(--bs-orchid-100);
357
+ --bs-accent-4-highlight: var(--bs-orchid-10);
358
+
359
+ /* Accent 5 */
360
+ --bs-accent-5-base: var(--bs-gold-400);
361
+ --bs-accent-5-medium: var(--bs-gold-300);
362
+ --bs-accent-5-light: var(--bs-gold-200);
363
+ --bs-accent-5-lightest: var(--bs-gold-100);
364
+ --bs-accent-5-highlight: var(--bs-gold-10);
365
+
366
+ /* Neutral */
367
+ --bs-neutral-dark: var(--bs-charcoal-500);
368
+ --bs-neutral-base: var(--bs-charcoal-400);
369
+ --bs-neutral-medium: var(--bs-charcoal-300);
370
+ --bs-neutral-light: var(--bs-charcoal-200);
371
+ --bs-neutral-lightest: var(--bs-charcoal-100);
372
+
373
+ /* Warning */
374
+ --bs-warning-base: var(--bs-yellow-400);
375
+ --bs-warning-medium: var(--bs-yellow-300);
376
+ --bs-warning-highlight: var(--bs-yellow-10);
377
+
378
+ /* Negative */
379
+ --bs-negative-base: var(--bs-maroon-500);
380
+ --bs-negative-medium: var(--bs-maroon-300);
381
+ --bs-negative-highlight: var(--bs-maroon-10);
382
+
383
+ /* Background */
384
+ --bs-bg-light: var(--bs-charcoal-100);
385
+ --bs-bg-medium: var(--bs-charcoal-200);
386
+ --bs-bg-disabled: var(--bs-charcoal-300);
387
+ --bs-bg-medium-to-base: var(--bs-charcoal-200);
388
+ --bs-bg-medium-to-light: var(--bs-charcoal-200);
389
+ --bs-bg-light-to-base: var(--bs-charcoal-100);
390
+ --bs-bg-light-to-medium: var(--bs-charcoal-100);
391
+
392
+ /* Borders */
393
+ --bs-border-active: var(--bs-cobalt-400);
394
+ --bs-border-error: var(--bs-maroon-500);
395
+ }
396
+ /* put browser scrollbars into dark mode */
397
+ /* html selector needed since data-theme gets added to body, but scrolling may be on <html> */
398
+ html:where(:has(.dark, [data-theme="wwt-dark"])),
399
+ .dark,
400
+ [data-theme="wwt-dark"] {
401
+ color-scheme: dark;
402
+ }
403
+ .dark,
404
+ [data-theme="wwt-dark"] {
405
+ /* Ink */
406
+ --bs-ink-base: var(--bs-white);
407
+ --bs-ink-medium: var(--bs-gray-100);
408
+ --bs-ink-light: var(--bs-gray-200);
409
+ --bs-ink-disabled: rgba(163, 164, 183, 0.7); /* gray-300 at 70% */
410
+ --bs-ink-primary: var(--bs-blue-100);
411
+ --bs-ink-secondary: var(--bs-plum-100);
412
+ --bs-ink-accent-1: var(--bs-royal-200);
413
+ --bs-ink-accent-2: var(--bs-violet-100);
414
+ --bs-ink-accent-3: var(--bs-pink-200);
415
+ --bs-ink-accent-4: var(--bs-purple-200);
416
+ --bs-ink-positive: var(--bs-green-200);
417
+ --bs-ink-warning: var(--bs-orange-200);
418
+ --bs-ink-negative: var(--bs-red-200);
419
+ --bs-ink-white: var(--bs-white);
420
+ --bs-ink-invert-base: var(--bs-black);
421
+ --bs-ink-invert-medium: var(--bs-gray-500);
422
+ --bs-ink-invert-light: var(--bs-gray-400);
423
+
424
+ /* Primary */
425
+ --bs-primary-base: var(--bs-blue-300);
426
+ --bs-primary-medium: var(--bs-blue-200);
427
+
428
+ /* Secondary */
429
+ --bs-secondary-base: var(--bs-plum-300);
430
+ --bs-secondary-medium: var(--bs-plum-200);
431
+
432
+ /* Accent 1 */
433
+ --bs-accent-1-base: var(--bs-royal-300);
434
+ --bs-accent-1-medium: var(--bs-royal-200);
435
+
436
+ /* Accent 2 */
437
+ --bs-accent-2-base: var(--bs-violet-300);
438
+ --bs-accent-2-medium: var(--bs-violet-200);
439
+
440
+ /* Accent 3 */
441
+ --bs-accent-3-base: var(--bs-pink-300);
442
+ --bs-accent-3-medium: var(--bs-pink-200);
443
+
444
+ /* Accent 4 */
445
+ --bs-accent-4-base: var(--bs-purple-300);
446
+ --bs-accent-4-medium: var(--bs-purple-200);
447
+
448
+ /* Accent 5 */
449
+ --bs-accent-5-base: var(--bs-orange-300);
450
+ --bs-accent-5-medium: var(--bs-orange-200);
451
+
452
+ /* Accent 6 */
453
+ --bs-accent-6-base: var(--bs-red-300);
454
+
455
+ /* Accent 7 */
456
+ --bs-accent-7-base: var(--bs-navy-300);
457
+ --bs-accent-7-medium: var(--bs-navy-200);
458
+
459
+ /* Neutral */
460
+ --bs-neutral-dark: var(--bs-gray-100);
461
+ --bs-neutral-base: var(--bs-gray-200);
462
+ --bs-neutral-medium: var(--bs-gray-300);
463
+ --bs-neutral-light: var(--bs-gray-400);
464
+ --bs-neutral-lightest: var(--bs-gray-500);
465
+
466
+ /* Warning */
467
+ --bs-warning-base: var(--bs-orange-400);
468
+ --bs-warning-medium: var(--bs-orange-200);
469
+
470
+ /* Negative */
471
+ --bs-negative-base: var(--bs-red-300);
472
+ --bs-negative-medium: var(--bs-red-200);
473
+
474
+ /* Background */
475
+ --bs-bg-base: var(--bs-slate-600);
476
+ --bs-bg-light: var(--bs-slate-500);
477
+ --bs-bg-medium: var(--bs-slate-400);
478
+ --bs-bg-disabled: rgba(78, 79, 95, 0.3); /* gray-400 at 30% */
479
+ --bs-bg-invert-base: var(--bs-white);
480
+ --bs-bg-invert-light: var(--bs-gray-50);
481
+ --bs-bg-invert-medium: var(--bs-gray-100);
482
+ --bs-bg-base-to-light: var(--bs-slate-500);
483
+ --bs-bg-base-to-medium: var(--bs-slate-400);
484
+ --bs-bg-medium-to-base: var(--bs-slate-600);
485
+ --bs-bg-medium-to-light: var(--bs-slate-500);
486
+ --bs-bg-light-to-base: var(--bs-slate-600);
487
+ --bs-bg-light-to-medium: var(--bs-slate-400);
488
+
489
+ /* Borders */
490
+ --bs-border-dark: var(--bs-gray-300);
491
+ --bs-border-base: rgba(163, 164, 183, 0.7); /* gray-300 at 70% */
492
+ --bs-border-medium: var(--bs-gray-400);
493
+ --bs-border-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
494
+ --bs-border-medium-to-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
495
+ --bs-border-input: var(--bs-violet-200);
496
+ --bs-border-active: var(--bs-blue-300);
497
+ --bs-border-error: var(--bs-red-300);
498
+
499
+ /* Atom gradients */
500
+ --bs-gradient-atom-ai-bg: conic-gradient(from 180deg at 50% 50%, rgba(83, 101, 196, 0.2) -96.8deg, rgba(228, 94, 155, 0.2) 74.2deg, rgba(51, 158, 238, 0.2) 98.8deg, rgba(249, 124, 76, 0.2) 259.6deg, rgba(83, 101, 196, 0.2) 283.2deg, rgba(228, 94, 155, 0.2) 414.4deg);
501
+ --bs-gradient-atom-ai-border: conic-gradient(from 180deg at 50% 50%, var(--bs-royal-300) -96.8deg, var(--bs-pink-300) 74.2deg, var(--bs-blue-300) 98.8deg, var(--bs-orange-300) 259.6deg, var(--bs-royal-300) 283.2deg, var(--bs-pink-300) 414.4deg);
502
+
503
+ /* Shadows */
504
+ /* Have to re-specify so secondary update applies */
505
+ --bs-shadow-secondary: rgba(10, 11, 25, 0.60);
506
+ --bs-shadow-dark: -16px 20px 40px 0 #000;
507
+ --bs-shadow-contentLow: var(--bs-shadow-dark);
508
+ --bs-shadow-contentLowCenter: var(--bs-shadow-dark);
509
+ --bs-shadow-contentMedium: var(--bs-shadow-dark);
510
+ --bs-shadow-contentHigh: var(--bs-shadow-dark);
511
+ --bs-shadow-drawerLeft: var(--bs-shadow-dark);
512
+ --bs-shadow-drawerRight: 16px 20px 40px 0 #000;
513
+ --bs-shadow-profilePhoto: inset 0px 0px 0.5em var(--bs-shadow-secondary);
514
+
515
+ /* -------------- Deprecated Color Tokens -------------- */
516
+ /* Ink */
517
+ --bs-ink-blue: var(--bs-blue-200); /* replaced by Ink Primary */
518
+ --bs-ink-orange: var(--bs-orange-200); /* replaced by Ink Warning */
519
+ --bs-ink-pink: var(--bs-pink-200); /* replaced by Ink Accent 3 */
520
+ --bs-ink-plum: var(--bs-plum-100); /* replaced by Ink Secondary */
521
+ --bs-ink-purple: var(--bs-purple-200); /* replaced by Ink Accent 4 */
522
+ --bs-ink-red: var(--bs-red-200); /* replaced by Ink Negative */
523
+ --bs-ink-royal: var(--bs-royal-200); /* replaced by Ink Accent 1 */
524
+ --bs-ink-violet: var(--bs-violet-200); /* replaced by Ink Accent 2 */
525
+ --bs-bg-invert-to-medium: var(--bs-gray-100); /* removed in v3 */
526
+ --bs-ink-accent: var(--bs-gray-100); /* removed in v3 */
527
+
528
+ /* Blue (replaced by Primary) */
529
+ --bs-blue-base: var(--bs-blue-300);
530
+
531
+ /* Gray (replaced by Neutral) */
532
+ --bs-gray-dark: var(--bs-gray-100);
533
+ --bs-gray-base: var(--bs-gray-200);
534
+ --bs-gray-light: var(--bs-gray-400);
535
+ --bs-gray-lightest: var(--bs-gray-500);
536
+
537
+ /* Navy (replaced by Accent 7) */
538
+ --bs-navy-base: var(--bs-navy-200);
539
+
540
+ /* Orange (replaced by Warning) */
541
+ --bs-warning: var(--bs-orange-400);
542
+ --bs-orange-base: var(--bs-orange-300);
543
+
544
+ /* Pink (replaced by Accent 3) */
545
+ --bs-pink-base: var(--bs-pink-300);
546
+
547
+ /* Plum (replaced by Secondary) */
548
+ --bs-plum-base: var(--bs-plum-300);
549
+ --bs-plum-medium: var(--bs-plum-200);
550
+
551
+ /* Purple (replaced by Accent 4) */
552
+ --bs-purple-base: var(--bs-purple-300);
553
+
554
+ /* Red (replaced by Negative) */
555
+ --bs-red-base: var(--bs-red-300);
556
+
557
+ /* Royal Blue (replaced by Accent 1) */
558
+ --bs-royal-base: var(--bs-royal-300);
559
+ --bs-royal-medium: var(--bs-royal-200);
560
+
561
+ /* Violet (replaced by Accent 2) */
562
+ --bs-violet-base: var(--bs-violet-300);
563
+ }
564
+ :root,
565
+ [data-theme="wwt-light"] {
317
566
  /* Ink */
318
567
  --bs-ink-base: var(--bs-black);
319
568
  --bs-ink-medium: var(--bs-gray-500);
@@ -524,248 +773,3 @@
524
773
  --bs-violet-light: var(--bs-violet-200);
525
774
  --bs-violet-lightest: var(--bs-violet-100);
526
775
  }
527
- /* put browser scrollbars into dark mode */
528
- /* html selector needed since .dark class gets added to body, but scrolling may be on <html> */
529
- html:where(:has(.dark)),
530
- .dark {
531
- color-scheme: dark;
532
- }
533
- .dark {
534
- /* Ink */
535
- --bs-ink-base: var(--bs-white);
536
- --bs-ink-medium: var(--bs-gray-100);
537
- --bs-ink-light: var(--bs-gray-200);
538
- --bs-ink-disabled: rgba(163, 164, 183, 0.7); /* gray-300 at 70% */
539
- --bs-ink-primary: var(--bs-blue-100);
540
- --bs-ink-secondary: var(--bs-plum-100);
541
- --bs-ink-accent-1: var(--bs-royal-200);
542
- --bs-ink-accent-2: var(--bs-violet-100);
543
- --bs-ink-accent-3: var(--bs-pink-200);
544
- --bs-ink-accent-4: var(--bs-purple-200);
545
- --bs-ink-positive: var(--bs-green-200);
546
- --bs-ink-warning: var(--bs-orange-200);
547
- --bs-ink-negative: var(--bs-red-200);
548
- --bs-ink-white: var(--bs-white);
549
- --bs-ink-invert-base: var(--bs-black);
550
- --bs-ink-invert-medium: var(--bs-gray-500);
551
- --bs-ink-invert-light: var(--bs-gray-400);
552
-
553
- /* Primary */
554
- --bs-primary-base: var(--bs-blue-300);
555
- --bs-primary-medium: var(--bs-blue-200);
556
-
557
- /* Secondary */
558
- --bs-secondary-base: var(--bs-plum-300);
559
- --bs-secondary-medium: var(--bs-plum-200);
560
-
561
- /* Accent 1 */
562
- --bs-accent-1-base: var(--bs-royal-300);
563
- --bs-accent-1-medium: var(--bs-royal-200);
564
-
565
- /* Accent 2 */
566
- --bs-accent-2-base: var(--bs-violet-300);
567
- --bs-accent-2-medium: var(--bs-violet-200);
568
-
569
- /* Accent 3 */
570
- --bs-accent-3-base: var(--bs-pink-300);
571
- --bs-accent-3-medium: var(--bs-pink-200);
572
-
573
- /* Accent 4 */
574
- --bs-accent-4-base: var(--bs-purple-300);
575
- --bs-accent-4-medium: var(--bs-purple-200);
576
-
577
- /* Accent 5 */
578
- --bs-accent-5-base: var(--bs-orange-300);
579
- --bs-accent-5-medium: var(--bs-orange-200);
580
-
581
- /* Accent 6 */
582
- --bs-accent-6-base: var(--bs-red-300);
583
-
584
- /* Accent 7 */
585
- --bs-accent-7-base: var(--bs-navy-300);
586
- --bs-accent-7-medium: var(--bs-navy-200);
587
-
588
- /* Neutral */
589
- --bs-neutral-dark: var(--bs-gray-100);
590
- --bs-neutral-base: var(--bs-gray-200);
591
- --bs-neutral-medium: var(--bs-gray-300);
592
- --bs-neutral-light: var(--bs-gray-400);
593
- --bs-neutral-lightest: var(--bs-gray-500);
594
-
595
- /* Warning */
596
- --bs-warning-base: var(--bs-orange-400);
597
- --bs-warning-medium: var(--bs-orange-200);
598
-
599
- /* Negative */
600
- --bs-negative-base: var(--bs-red-300);
601
- --bs-negative-medium: var(--bs-red-200);
602
-
603
- /* Background */
604
- --bs-bg-base: var(--bs-slate-600);
605
- --bs-bg-light: var(--bs-slate-500);
606
- --bs-bg-medium: var(--bs-slate-400);
607
- --bs-bg-disabled: rgba(78, 79, 95, 0.3); /* gray-400 at 30% */
608
- --bs-bg-invert-base: var(--bs-white);
609
- --bs-bg-invert-light: var(--bs-gray-50);
610
- --bs-bg-invert-medium: var(--bs-gray-100);
611
- --bs-bg-base-to-light: var(--bs-slate-500);
612
- --bs-bg-base-to-medium: var(--bs-slate-400);
613
- --bs-bg-medium-to-base: var(--bs-slate-600);
614
- --bs-bg-medium-to-light: var(--bs-slate-500);
615
- --bs-bg-light-to-base: var(--bs-slate-600);
616
- --bs-bg-light-to-medium: var(--bs-slate-400);
617
-
618
- /* Borders */
619
- --bs-border-dark: var(--bs-gray-300);
620
- --bs-border-base: rgba(163, 164, 183, 0.7); /* gray-300 at 70% */
621
- --bs-border-medium: var(--bs-gray-400);
622
- --bs-border-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
623
- --bs-border-medium-to-light: rgba(78, 79, 95, 0.5); /* gray-400 at 50% */
624
- --bs-border-input: var(--bs-violet-200);
625
- --bs-border-active: var(--bs-blue-300);
626
- --bs-border-error: var(--bs-red-300);
627
-
628
- /* Atom gradients */
629
- --bs-gradient-atom-ai-bg: conic-gradient(from 180deg at 50% 50%, rgba(83, 101, 196, 0.2) -96.8deg, rgba(228, 94, 155, 0.2) 74.2deg, rgba(51, 158, 238, 0.2) 98.8deg, rgba(249, 124, 76, 0.2) 259.6deg, rgba(83, 101, 196, 0.2) 283.2deg, rgba(228, 94, 155, 0.2) 414.4deg);
630
- --bs-gradient-atom-ai-border: conic-gradient(from 180deg at 50% 50%, var(--bs-royal-300) -96.8deg, var(--bs-pink-300) 74.2deg, var(--bs-blue-300) 98.8deg, var(--bs-orange-300) 259.6deg, var(--bs-royal-300) 283.2deg, var(--bs-pink-300) 414.4deg);
631
-
632
- /* Shadows */
633
- /* Have to re-specify so secondary update applies */
634
- --bs-shadow-secondary: rgba(10, 11, 25, 0.60);
635
- --bs-shadow-dark: -16px 20px 40px 0 #000;
636
- --bs-shadow-contentLow: var(--bs-shadow-dark);
637
- --bs-shadow-contentLowCenter: var(--bs-shadow-dark);
638
- --bs-shadow-contentMedium: var(--bs-shadow-dark);
639
- --bs-shadow-contentHigh: var(--bs-shadow-dark);
640
- --bs-shadow-drawerLeft: var(--bs-shadow-dark);
641
- --bs-shadow-drawerRight: 16px 20px 40px 0 #000;
642
- --bs-shadow-profilePhoto: inset 0px 0px 0.5em var(--bs-shadow-secondary);
643
-
644
- /* -------------- Deprecated Color Tokens -------------- */
645
- /* Ink */
646
- --bs-ink-blue: var(--bs-blue-200); /* replaced by Ink Primary */
647
- --bs-ink-orange: var(--bs-orange-200); /* replaced by Ink Warning */
648
- --bs-ink-pink: var(--bs-pink-200); /* replaced by Ink Accent 3 */
649
- --bs-ink-plum: var(--bs-plum-100); /* replaced by Ink Secondary */
650
- --bs-ink-purple: var(--bs-purple-200); /* replaced by Ink Accent 4 */
651
- --bs-ink-red: var(--bs-red-200); /* replaced by Ink Negative */
652
- --bs-ink-royal: var(--bs-royal-200); /* replaced by Ink Accent 1 */
653
- --bs-ink-violet: var(--bs-violet-200); /* replaced by Ink Accent 2 */
654
- --bs-bg-invert-to-medium: var(--bs-gray-100); /* removed in v3 */
655
- --bs-ink-accent: var(--bs-gray-100); /* removed in v3 */
656
-
657
- /* Blue (replaced by Primary) */
658
- --bs-blue-base: var(--bs-blue-300);
659
-
660
- /* Gray (replaced by Neutral) */
661
- --bs-gray-dark: var(--bs-gray-100);
662
- --bs-gray-base: var(--bs-gray-200);
663
- --bs-gray-light: var(--bs-gray-400);
664
- --bs-gray-lightest: var(--bs-gray-500);
665
-
666
- /* Navy (replaced by Accent 7) */
667
- --bs-navy-base: var(--bs-navy-200);
668
-
669
- /* Orange (replaced by Warning) */
670
- --bs-warning: var(--bs-orange-400);
671
- --bs-orange-base: var(--bs-orange-300);
672
-
673
- /* Pink (replaced by Accent 3) */
674
- --bs-pink-base: var(--bs-pink-300);
675
-
676
- /* Plum (replaced by Secondary) */
677
- --bs-plum-base: var(--bs-plum-300);
678
- --bs-plum-medium: var(--bs-plum-200);
679
-
680
- /* Purple (replaced by Accent 4) */
681
- --bs-purple-base: var(--bs-purple-300);
682
-
683
- /* Red (replaced by Negative) */
684
- --bs-red-base: var(--bs-red-300);
685
-
686
- /* Royal Blue (replaced by Accent 1) */
687
- --bs-royal-base: var(--bs-royal-300);
688
- --bs-royal-medium: var(--bs-royal-200);
689
-
690
- /* Violet (replaced by Accent 2) */
691
- --bs-violet-base: var(--bs-violet-300);
692
- }
693
- .softchoice {
694
- /* Ink */
695
- --bs-ink-primary: var(--bs-cobalt-400);
696
- --bs-ink-secondary: var(--bs-orange-500);
697
- --bs-ink-accent-1: var(--bs-midnight-400);
698
- --bs-ink-accent-4: var(--bs-orchid-400);
699
- --bs-ink-positive: var(--bs-green-500);
700
- --bs-ink-warning: var(--bs-yellow-500);
701
- --bs-ink-negative: var(--bs-maroon-500);
702
-
703
- /* Primary */
704
- --bs-primary-base-fixed: var(--bs-cobalt-400);
705
- --bs-primary-base: var(--bs-cobalt-400);
706
- --bs-primary-medium: var(--bs-cobalt-300);
707
- --bs-primary-light: var(--bs-cobalt-200);
708
- --bs-primary-lightest: var(--bs-cobalt-100);
709
- --bs-primary-highlight: var(--bs-cobalt-10);
710
-
711
- /* Secondary */
712
- --bs-secondary-base-fixed: var(--bs-orange-400);
713
- --bs-secondary-base: var(--bs-orange-400);
714
- --bs-secondary-medium: var(--bs-orange-300);
715
- --bs-secondary-light: var(--bs-orange-200);
716
- --bs-secondary-lightest: var(--bs-orange-100);
717
- --bs-secondary-highlight: var(--bs-orange-10);
718
-
719
- /* Accent 1 */
720
- --bs-accent-1-base-fixed: var(--bs-midnight-400);
721
- --bs-accent-1-base: var(--bs-midnight-400);
722
- --bs-accent-1-medium: var(--bs-midnight-300);
723
- --bs-accent-1-light: var(--bs-midnight-200);
724
- --bs-accent-1-lightest: var(--bs-midnight-100);
725
- --bs-accent-1-highlight: var(--bs-midnight-10);
726
-
727
- /* Accent 4 */
728
- --bs-accent-4-base-fixed: var(--bs-orchid-400);
729
- --bs-accent-4-base: var(--bs-orchid-400);
730
- --bs-accent-4-medium: var(--bs-orchid-300);
731
- --bs-accent-4-light: var(--bs-orchid-200);
732
- --bs-accent-4-lightest: var(--bs-orchid-100);
733
- --bs-accent-4-highlight: var(--bs-orchid-10);
734
-
735
- /* Accent 5 */
736
- --bs-accent-5-base: var(--bs-gold-400);
737
- --bs-accent-5-medium: var(--bs-gold-300);
738
- --bs-accent-5-light: var(--bs-gold-200);
739
- --bs-accent-5-lightest: var(--bs-gold-100);
740
- --bs-accent-5-highlight: var(--bs-gold-10);
741
-
742
- /* Neutral */
743
- --bs-neutral-dark: var(--bs-charcoal-500);
744
- --bs-neutral-base: var(--bs-charcoal-400);
745
- --bs-neutral-medium: var(--bs-charcoal-300);
746
- --bs-neutral-light: var(--bs-charcoal-200);
747
- --bs-neutral-lightest: var(--bs-charcoal-100);
748
-
749
- /* Warning */
750
- --bs-warning-base: var(--bs-yellow-400);
751
- --bs-warning-medium: var(--bs-yellow-300);
752
- --bs-warning-highlight: var(--bs-yellow-10);
753
-
754
- /* Negative */
755
- --bs-negative-base: var(--bs-maroon-500);
756
- --bs-negative-medium: var(--bs-maroon-300);
757
- --bs-negative-highlight: var(--bs-maroon-10);
758
-
759
- /* Background */
760
- --bs-bg-light: var(--bs-charcoal-100);
761
- --bs-bg-medium: var(--bs-charcoal-200);
762
- --bs-bg-disabled: var(--bs-charcoal-300);
763
- --bs-bg-medium-to-base: var(--bs-charcoal-200);
764
- --bs-bg-medium-to-light: var(--bs-charcoal-200);
765
- --bs-bg-light-to-base: var(--bs-charcoal-100);
766
- --bs-bg-light-to-medium: var(--bs-charcoal-100);
767
-
768
- /* Borders */
769
- --bs-border-active: var(--bs-cobalt-400);
770
- --bs-border-error: var(--bs-maroon-500);
771
- }
package/dist/wwt-bsds-tokens.min.css CHANGED
@@ -1 +1 @@
1
- :root{--bs-transparent:transparent;--bs-inherit:inherit;--bs-current:currentColor;--bs-white:#fff;--bs-white-10:rgba(255,255,255,0.1);--bs-black:#0a0b19;--bs-blue-10:rgba(102,182,242,0.1);--bs-blue-100:#99cff7;--bs-blue-200:#66b6f2;--bs-blue-300:#339eee;--bs-blue-400:#0086ea;--bs-blue-500:#006dc7;--bs-charcoal-100:#f5f5f6;--bs-charcoal-200:#ececec;--bs-charcoal-300:#b3b5b8;--bs-charcoal-400:#5f6266;--bs-charcoal-500:#40454d;--bs-cobalt-10:rgba(148,139,225,0.1);--bs-cobalt-100:#c9c5f0;--bs-cobalt-200:#948be1;--bs-cobalt-300:#5f52d3;--bs-cobalt-400:#2918c4;--bs-gold-10:rgba(235,223,212,0.1);--bs-gold-100:#f9f5f1;--bs-gold-200:#ebdfd4;--bs-gold-300:#e0c7ac;--bs-gold-400:#cca175;--bs-gold-500:#997958;--bs-gray-50:#f7f7fc;--bs-gray-100:#f0f0fa;--bs-gray-150:#e4e4eb;--bs-gray-200:#c9cad9;--bs-gray-300:#a3a4b7;--bs-gray-400:#4e4f5f;--bs-gray-500:#292940;--bs-green-10:rgba(57,162,131,0.1);--bs-green-100:#abcfcc;--bs-green-200:#72b9a8;--bs-green-300:#39a283;--bs-green-400:#008b5d;--bs-green-500:#00744d;--bs-maroon-10:rgba(195,91,91,0.1);--bs-maroon-100:#ebc8c8;--bs-maroon-200:#d79191;--bs-maroon-300:#c35b5b;--bs-maroon-400:#af2424;--bs-maroon-500:#a70c0c;--bs-midnight-10:rgba(141,137,177,0.1);--bs-midnight-100:#c6c4d8;--bs-midnight-200:#8d89b1;--bs-midnight-300:#494382;--bs-midnight-400:#1c1463;--bs-navy-10:rgba(141,142,161,0.1);--bs-navy-100:#c6c6d1;--bs-navy-200:#8d8ea1;--bs-navy-300:#555775;--bs-navy-400:#1d1e48;--bs-orange-10:rgba(247,161,123,0.1);--bs-orange-100:#f3c4a8;--bs-orange-200:#f7a17b;--bs-orange-300:#f97c4c;--bs-orange-400:#fb550e;--bs-orange-500:#c33d04;--bs-orange-brand:#ff5100;--bs-orchid-10:rgba(190,128,255,0.1);--bs-orchid-100:#debfff;--bs-orchid-200:#be80ff;--bs-orchid-300:#9d40ff;--bs-orchid-400:#7d00ff;--bs-pink-10:rgba(235,126,175,0.1);--bs-pink-100:#f6cbe0;--bs-pink-200:#eb7eaf;--bs-pink-300:#e45e9b;--bs-pink-400:#e31c79;--bs-pink-500:#d11a6f;--bs-plum-10:rgba(119,102,183,0.1);--bs-plum-100:#a499cf;--bs-plum-200:#7766b7;--bs-plum-300:#49339f;--bs-plum-400:#1c0087;--bs-purple-10:rgba(191,138,223,0.1);--bs-purple-100:#e0c5ef;--bs-purple-200:#bf8adf;--bs-purple-300:#a154d0;--bs-purple-400:#8212c4;--bs-red-10:rgba(245,126,127,0.1);--bs-red-100:#f8a9aa;--bs-red-200:#f57e7f;--bs-red-300:#f15355;--bs-red-400:#ee282a;--bs-red-500:#d91214;--bs-royal-10:rgba(117,133,209,0.1);--bs-royal-100:#c5cceb;--bs-royal-200:#7585d1;--bs-royal-300:#5365c4;--bs-royal-400:#162fb4;--bs-slate-400:#22222e;--bs-slate-500:#17171f;--bs-slate-600:#0b0b10;--bs-violet-10:rgba(153,131,182,0.1);--bs-violet-100:#cbc0da;--bs-violet-200:#9983b6;--bs-violet-300:#634291;--bs-violet-400:#330072;--bs-yellow-10:rgba(255,184,52,0.1);--bs-yellow-100:#fdeed3;--bs-yellow-200:#fcdea7;--bs-yellow-300:#f8c464;--bs-yellow-400:#c18300;--bs-yellow-500:#805a14;--bs-shadow-primary:rgba(0,0,0,0.06);--bs-shadow-secondary:rgba(28,0,135,0.2);--bs-gradient-dark:linear-gradient(90deg,#1c0087 0,#ee282a 35.01%,#fff 49.99%,#0086ea 65%,#1c0087 100%);--bs-gradient-light:linear-gradient(90deg,#1c0087 0,#ee282a 19.93%,#ee282a 39.91%,#1c0087 49.9%,#0086ea 60%,#0086ea 79.99%,#1c0087 100%);--bs-gradient-line:linear-gradient(90deg,#ee282a 0,#1c0087 49.35%,#0086ea 100%);--bs-gradient-blue-center:radial-gradient(154.77% 52.27% at 47.08% 49.86%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-mid-left:linear-gradient(90deg,#162fb4 0,#1d1e48 98.9%);--bs-gradient-blue-mid-right:linear-gradient(90deg,#1d1e48 0,#162fb4 99.27%);--bs-gradient-blue-bottom-center:radial-gradient(100% 100% at 50% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-center:radial-gradient(96.7% 96.7% at 50% 0,#162fb4 5%,#1d1e48 100%);--bs-gradient-blue-top-left:radial-gradient(312.54% 141.42% at 0 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-right:radial-gradient(312.54% 141.42% at 0 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-right:radial-gradient(312.54% 141.42% at 100% 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-left:radial-gradient(312.54% 141.42% at 100% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-light-blue-transparent:radial-gradient(236% 114.71% at 94.24% 7.6%,rgba(153,207,247,0.2) 0,rgba(203,192,218,0.08) 100%);--bs-gradient-light-blue-opaque:linear-gradient(311deg,#ebf7ff 9.29%,#fbfafc 92%);--bs-gradient-light-gray:linear-gradient(180deg,var(--background-light,#f7f7fc) 24.82%,var(--background-medium,#f0f0fa) 100%);--bs-gradient-softchoice-light:linear-gradient(252deg,rgba(255,81,0,0.15) 66.87%,rgba(125,0,255,0.15) 97.9%);--bs-gradient-softchoice-dark:linear-gradient(252deg,#ff5100 66.87%,#7d00ff 97.9%);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-400) -96.8deg,var(--bs-pink-400) 74.2deg,var(--bs-blue-400) 98.8deg,var(--bs-orange-400) 259.6deg,var(--bs-royal-400) 283.2deg,var(--bs-pink-400) 414.4deg);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(22,47,180,0.05) -96.8deg,rgba(227,28,121,0.05) 74.2deg,rgba(0,134,234,0.05) 98.8deg,rgba(251,85,14,0.05) 259.6deg,rgba(22,47,180,0.05) 283.2deg,rgba(227,28,121,0.05) 414.4deg);--bs-space-0:var(--bs-space-none);--bs-space-1:var(--bs-space-3xs);--bs-space-2:var(--bs-space-2xs);--bs-space-3:var(--bs-space-xs);--bs-space-4:var(--bs-space-sm);--bs-space-6:var(--bs-space-md);--bs-space-8:var(--bs-space-lg);--bs-space-12:var(--bs-space-xl);--bs-space-16:var(--bs-space-2xl);--bs-space-24:var(--bs-space-3xl);--bs-space-32:var(--bs-space-4xl);--bs-space-none:0;--bs-space-3xs:.25rem;--bs-space-2xs:.5rem;--bs-space-xs:.75rem;--bs-space-sm:1rem;--bs-space-md:1.5rem;--bs-space-lg:2rem;--bs-space-xl:3rem;--bs-space-2xl:4rem;--bs-space-3xl:6rem;--bs-space-4xl:8rem;--bs-text-xs:.75rem;--bs-text-sm:.875rem;--bs-text-base:1rem;--bs-text-md:1.125rem;--bs-text-lg:1.25rem;--bs-text-xl:1.5rem;--bs-text-2xl:1.75rem;--bs-text-3xl:2rem;--bs-text-4xl:2.25rem;--bs-text-5xl:2.625rem;--bs-text-6xl:3rem;--bs-font-light:300;--bs-font-normal:400;--bs-font-semibold:600;--bs-leading-none:1;--bs-leading-sm:1.1;--bs-leading-regular:1.3;--bs-leading-lg:1.5;--bs-shadow-contentLow:-4px 4px 12px var(--bs-shadow-primary),-8px 8px 16px var(--bs-shadow-secondary);--bs-shadow-contentLowCenter:0 0 12px var(--bs-shadow-primary),0 0 16px var(--bs-shadow-secondary);--bs-shadow-contentMedium:-8px 8px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-contentHigh:0 16px 48px var(--bs-shadow-primary),0 32px 64px var(--bs-shadow-secondary);--bs-shadow-drawerLeft:-12px 12px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-drawerRight:-12px 12px 24px var(--bs-shadow-primary),16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary)}:root{--bs-transition-quick:75ms;--bs-transition-fast:100ms;--bs-transition-moderate:150ms;--bs-transition-medium:200ms;--bs-transition-slow:250ms;--bs-transition-leisurely:300ms;--bs-transition-long:500ms;--bs-transition-ease:ease-in-out;--bs-transition-cubic:cubic-bezier(.15,.4,.49,1);--bs-horizontal-nav-height:48px;--bs-vertical-nav-narrow-width:4.5rem;--bs-vertical-nav-width:11.25rem;--bs-vertical-nav-collapsed-width:4.5rem;--bs-page-nav-width:0;--bs-table-cell-padding-xs:var(--bs-space-2);--bs-table-cell-padding-sm:var(--bs-space-3);--bs-table-cell-padding-md:var(--bs-space-4);--bs-table-cell-padding-lg:var(--bs-space-6);--bs-table-cell-padding-xl:var(--bs-space-8);--bs-popover-z-index:1100}:root{--bs-ink-base:var(--bs-black);--bs-ink-medium:var(--bs-gray-500);--bs-ink-light:var(--bs-gray-400);--bs-ink-disabled:rgba(78,79,95,0.6);--bs-ink-invert-base:var(--bs-white);--bs-ink-invert-medium:var(--bs-gray-100);--bs-ink-invert-light:var(--bs-gray-200);--bs-ink-primary:var(--bs-blue-500);--bs-ink-secondary:var(--bs-plum-400);--bs-ink-accent-1:var(--bs-royal-400);--bs-ink-accent-2:var(--bs-violet-400);--bs-ink-accent-3:var(--bs-pink-500);--bs-ink-accent-4:var(--bs-purple-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-orange-500);--bs-ink-negative:var(--bs-red-500);--bs-ink-white:var(--bs-white);--bs-primary-base-fixed:var(--bs-blue-400);--bs-primary-base:var(--bs-blue-400);--bs-primary-medium:var(--bs-blue-300);--bs-primary-light:var(--bs-blue-200);--bs-primary-lightest:var(--bs-blue-100);--bs-primary-highlight:var(--bs-blue-10);--bs-secondary-base-fixed:var(--bs-plum-400);--bs-secondary-base:var(--bs-plum-400);--bs-secondary-medium:var(--bs-plum-300);--bs-secondary-light:var(--bs-plum-200);--bs-secondary-lightest:var(--bs-plum-100);--bs-secondary-highlight:var(--bs-plum-10);--bs-accent-1-base-fixed:var(--bs-royal-400);--bs-accent-1-base:var(--bs-royal-400);--bs-accent-1-medium:var(--bs-royal-300);--bs-accent-1-light:var(--bs-royal-200);--bs-accent-1-lightest:var(--bs-royal-100);--bs-accent-1-highlight:var(--bs-royal-10);--bs-accent-2-base-fixed:var(--bs-violet-400);--bs-accent-2-base:var(--bs-violet-400);--bs-accent-2-medium:var(--bs-violet-300);--bs-accent-2-light:var(--bs-violet-200);--bs-accent-2-lightest:var(--bs-violet-100);--bs-accent-2-highlight:var(--bs-violet-10);--bs-accent-3-base-fixed:var(--bs-pink-400);--bs-accent-3-base:var(--bs-pink-400);--bs-accent-3-medium:var(--bs-pink-300);--bs-accent-3-light:var(--bs-pink-200);--bs-accent-3-lightest:var(--bs-pink-100);--bs-accent-3-highlight:var(--bs-pink-10);--bs-accent-4-base-fixed:var(--bs-purple-400);--bs-accent-4-base:var(--bs-purple-400);--bs-accent-4-medium:var(--bs-purple-300);--bs-accent-4-light:var(--bs-purple-200);--bs-accent-4-lightest:var(--bs-purple-100);--bs-accent-4-highlight:var(--bs-purple-10);--bs-accent-5-base:var(--bs-orange-400);--bs-accent-5-medium:var(--bs-orange-300);--bs-accent-5-light:var(--bs-orange-200);--bs-accent-5-lightest:var(--bs-orange-100);--bs-accent-5-highlight:var(--bs-orange-10);--bs-accent-6-base:var(--bs-red-400);--bs-accent-6-medium:var(--bs-red-300);--bs-accent-6-light:var(--bs-red-200);--bs-accent-6-lightest:var(--bs-red-100);--bs-accent-6-highlight:var(--bs-red-10);--bs-accent-7-base:var(--bs-navy-400);--bs-accent-7-medium:var(--bs-navy-300);--bs-accent-7-light:var(--bs-navy-200);--bs-accent-7-lightest:var(--bs-navy-100);--bs-accent-7-highlight:var(--bs-navy-10);--bs-neutral-dark:var(--bs-gray-500);--bs-neutral-base:var(--bs-gray-400);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-200);--bs-neutral-lightest:var(--bs-gray-100);--bs-positive-base:var(--bs-green-400);--bs-positive-medium:var(--bs-green-300);--bs-positive-highlight:var(--bs-green-10);--bs-warning-base:var(--bs-orange-500);--bs-warning-medium:var(--bs-orange-300);--bs-warning-highlight:var(--bs-orange-10);--bs-negative-base:var(--bs-red-500);--bs-negative-medium:var(--bs-red-300);--bs-negative-highlight:var(--bs-red-10);--bs-bg-base:var(--bs-white);--bs-bg-light:var(--bs-gray-50);--bs-bg-medium:var(--bs-gray-100);--bs-bg-disabled:var(--bs-gray-200);--bs-bg-invert-base:var(--bs-slate-600);--bs-bg-invert-light:var(--bs-slate-500);--bs-bg-invert-medium:var(--bs-slate-400);--bs-bg-base-to-light:var(--bs-white);--bs-bg-base-to-medium:var(--bs-white);--bs-bg-medium-to-base:var(--bs-gray-100);--bs-bg-medium-to-light:var(--bs-gray-100);--bs-bg-light-to-base:var(--bs-gray-50);--bs-bg-light-to-medium:var(--bs-gray-50);--bs-border-dark:var(--bs-gray-300);--bs-border-base:var(--bs-gray-200);--bs-border-medium:var(--bs-gray-150);--bs-border-light:var(--bs-gray-100);--bs-border-medium-to-light:var(--bs-gray-150);--bs-border-input:rgba(99,66,145,0.75);--bs-border-active:var(--bs-blue-400);--bs-border-error:var(--bs-red-500);--bs-ink-blue:var(--bs-blue-500);--bs-ink-orange:var(--bs-orange-500);--bs-ink-pink:var(--bs-pink-500);--bs-ink-plum:var(--bs-plum-400);--bs-ink-purple:var(--bs-purple-400);--bs-ink-red:var(--bs-red-500);--bs-ink-royal:var(--bs-royal-400);--bs-ink-violet:var(--bs-violet-400);--bs-bg-invert-to-medium:var(--bs-slate-400);--bs-ink-accent:var(--bs-plum-400);--bs-blue-base:var(--bs-blue-400);--bs-blue-medium:var(--bs-blue-300);--bs-blue-light:var(--bs-blue-200);--bs-blue-lightest:var(--bs-blue-100);--bs-gray-dark:var(--bs-gray-500);--bs-gray-base:var(--bs-gray-400);--bs-gray-medium:var(--bs-gray-300);--bs-gray-light:var(--bs-gray-200);--bs-gray-lightest:var(--bs-gray-100);--bs-navy-base:var(--bs-navy-400);--bs-navy-medium:var(--bs-navy-300);--bs-navy-light:var(--bs-navy-200);--bs-navy-lightest:var(--bs-navy-100);--bs-warning:var(--bs-orange-500);--bs-orange-base:var(--bs-orange-400);--bs-orange-medium:var(--bs-orange-300);--bs-orange-light:var(--bs-orange-200);--bs-orange-lightest:var(--bs-orange-100);--bs-pink-base:var(--bs-pink-400);--bs-pink-medium:var(--bs-pink-300);--bs-pink-light:var(--bs-pink-200);--bs-pink-lightest:var(--bs-pink-100);--bs-plum-base:var(--bs-plum-400);--bs-plum-medium:var(--bs-plum-300);--bs-plum-light:var(--bs-plum-200);--bs-plum-lightest:var(--bs-plum-100);--bs-purple-base:var(--bs-purple-400);--bs-purple-medium:var(--bs-purple-300);--bs-purple-light:var(--bs-purple-200);--bs-purple-lightest:var(--bs-purple-100);--bs-red-base:var(--bs-red-400);--bs-red-medium:var(--bs-red-300);--bs-red-light:var(--bs-red-200);--bs-red-lightest:var(--bs-red-100);--bs-royal-base:var(--bs-royal-400);--bs-royal-medium:var(--bs-royal-300);--bs-royal-light:var(--bs-royal-200);--bs-royal-lightest:var(--bs-royal-100);--bs-violet-base:var(--bs-violet-400);--bs-violet-medium:var(--bs-violet-300);--bs-violet-light:var(--bs-violet-200);--bs-violet-lightest:var(--bs-violet-100)}html:where(:has(.dark)),.dark{color-scheme:dark}.dark{--bs-ink-base:var(--bs-white);--bs-ink-medium:var(--bs-gray-100);--bs-ink-light:var(--bs-gray-200);--bs-ink-disabled:rgba(163,164,183,0.7);--bs-ink-primary:var(--bs-blue-100);--bs-ink-secondary:var(--bs-plum-100);--bs-ink-accent-1:var(--bs-royal-200);--bs-ink-accent-2:var(--bs-violet-100);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-accent-4:var(--bs-purple-200);--bs-ink-positive:var(--bs-green-200);--bs-ink-warning:var(--bs-orange-200);--bs-ink-negative:var(--bs-red-200);--bs-ink-white:var(--bs-white);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-primary-base:var(--bs-blue-300);--bs-primary-medium:var(--bs-blue-200);--bs-secondary-base:var(--bs-plum-300);--bs-secondary-medium:var(--bs-plum-200);--bs-accent-1-base:var(--bs-royal-300);--bs-accent-1-medium:var(--bs-royal-200);--bs-accent-2-base:var(--bs-violet-300);--bs-accent-2-medium:var(--bs-violet-200);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-3-medium:var(--bs-pink-200);--bs-accent-4-base:var(--bs-purple-300);--bs-accent-4-medium:var(--bs-purple-200);--bs-accent-5-base:var(--bs-orange-300);--bs-accent-5-medium:var(--bs-orange-200);--bs-accent-6-base:var(--bs-red-300);--bs-accent-7-base:var(--bs-navy-300);--bs-accent-7-medium:var(--bs-navy-200);--bs-neutral-dark:var(--bs-gray-100);--bs-neutral-base:var(--bs-gray-200);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-400);--bs-neutral-lightest:var(--bs-gray-500);--bs-warning-base:var(--bs-orange-400);--bs-warning-medium:var(--bs-orange-200);--bs-negative-base:var(--bs-red-300);--bs-negative-medium:var(--bs-red-200);--bs-bg-base:var(--bs-slate-600);--bs-bg-light:var(--bs-slate-500);--bs-bg-medium:var(--bs-slate-400);--bs-bg-disabled:rgba(78,79,95,0.3);--bs-bg-invert-base:var(--bs-white);--bs-bg-invert-light:var(--bs-gray-50);--bs-bg-invert-medium:var(--bs-gray-100);--bs-bg-base-to-light:var(--bs-slate-500);--bs-bg-base-to-medium:var(--bs-slate-400);--bs-bg-medium-to-base:var(--bs-slate-600);--bs-bg-medium-to-light:var(--bs-slate-500);--bs-bg-light-to-base:var(--bs-slate-600);--bs-bg-light-to-medium:var(--bs-slate-400);--bs-border-dark:var(--bs-gray-300);--bs-border-base:rgba(163,164,183,0.7);--bs-border-medium:var(--bs-gray-400);--bs-border-light:rgba(78,79,95,0.5);--bs-border-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-blue-300);--bs-border-error:var(--bs-red-300);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(83,101,196,0.2) -96.8deg,rgba(228,94,155,0.2) 74.2deg,rgba(51,158,238,0.2) 98.8deg,rgba(249,124,76,0.2) 259.6deg,rgba(83,101,196,0.2) 283.2deg,rgba(228,94,155,0.2) 414.4deg);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-300) -96.8deg,var(--bs-pink-300) 74.2deg,var(--bs-blue-300) 98.8deg,var(--bs-orange-300) 259.6deg,var(--bs-royal-300) 283.2deg,var(--bs-pink-300) 414.4deg);--bs-shadow-secondary:rgba(10,11,25,0.60);--bs-shadow-dark:-16px 20px 40px 0 #000;--bs-shadow-contentLow:var(--bs-shadow-dark);--bs-shadow-contentLowCenter:var(--bs-shadow-dark);--bs-shadow-contentMedium:var(--bs-shadow-dark);--bs-shadow-contentHigh:var(--bs-shadow-dark);--bs-shadow-drawerLeft:var(--bs-shadow-dark);--bs-shadow-drawerRight:16px 20px 40px 0 #000;--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary);--bs-ink-blue:var(--bs-blue-200);--bs-ink-orange:var(--bs-orange-200);--bs-ink-pink:var(--bs-pink-200);--bs-ink-plum:var(--bs-plum-100);--bs-ink-purple:var(--bs-purple-200);--bs-ink-red:var(--bs-red-200);--bs-ink-royal:var(--bs-royal-200);--bs-ink-violet:var(--bs-violet-200);--bs-bg-invert-to-medium:var(--bs-gray-100);--bs-ink-accent:var(--bs-gray-100);--bs-blue-base:var(--bs-blue-300);--bs-gray-dark:var(--bs-gray-100);--bs-gray-base:var(--bs-gray-200);--bs-gray-light:var(--bs-gray-400);--bs-gray-lightest:var(--bs-gray-500);--bs-navy-base:var(--bs-navy-200);--bs-warning:var(--bs-orange-400);--bs-orange-base:var(--bs-orange-300);--bs-pink-base:var(--bs-pink-300);--bs-plum-base:var(--bs-plum-300);--bs-plum-medium:var(--bs-plum-200);--bs-purple-base:var(--bs-purple-300);--bs-red-base:var(--bs-red-300);--bs-royal-base:var(--bs-royal-300);--bs-royal-medium:var(--bs-royal-200);--bs-violet-base:var(--bs-violet-300)}.softchoice{--bs-ink-primary:var(--bs-cobalt-400);--bs-ink-secondary:var(--bs-orange-500);--bs-ink-accent-1:var(--bs-midnight-400);--bs-ink-accent-4:var(--bs-orchid-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-yellow-500);--bs-ink-negative:var(--bs-maroon-500);--bs-primary-base-fixed:var(--bs-cobalt-400);--bs-primary-base:var(--bs-cobalt-400);--bs-primary-medium:var(--bs-cobalt-300);--bs-primary-light:var(--bs-cobalt-200);--bs-primary-lightest:var(--bs-cobalt-100);--bs-primary-highlight:var(--bs-cobalt-10);--bs-secondary-base-fixed:var(--bs-orange-400);--bs-secondary-base:var(--bs-orange-400);--bs-secondary-medium:var(--bs-orange-300);--bs-secondary-light:var(--bs-orange-200);--bs-secondary-lightest:var(--bs-orange-100);--bs-secondary-highlight:var(--bs-orange-10);--bs-accent-1-base-fixed:var(--bs-midnight-400);--bs-accent-1-base:var(--bs-midnight-400);--bs-accent-1-medium:var(--bs-midnight-300);--bs-accent-1-light:var(--bs-midnight-200);--bs-accent-1-lightest:var(--bs-midnight-100);--bs-accent-1-highlight:var(--bs-midnight-10);--bs-accent-4-base-fixed:var(--bs-orchid-400);--bs-accent-4-base:var(--bs-orchid-400);--bs-accent-4-medium:var(--bs-orchid-300);--bs-accent-4-light:var(--bs-orchid-200);--bs-accent-4-lightest:var(--bs-orchid-100);--bs-accent-4-highlight:var(--bs-orchid-10);--bs-accent-5-base:var(--bs-gold-400);--bs-accent-5-medium:var(--bs-gold-300);--bs-accent-5-light:var(--bs-gold-200);--bs-accent-5-lightest:var(--bs-gold-100);--bs-accent-5-highlight:var(--bs-gold-10);--bs-neutral-dark:var(--bs-charcoal-500);--bs-neutral-base:var(--bs-charcoal-400);--bs-neutral-medium:var(--bs-charcoal-300);--bs-neutral-light:var(--bs-charcoal-200);--bs-neutral-lightest:var(--bs-charcoal-100);--bs-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-base:var(--bs-maroon-500);--bs-negative-medium:var(--bs-maroon-300);--bs-negative-highlight:var(--bs-maroon-10);--bs-bg-light:var(--bs-charcoal-100);--bs-bg-medium:var(--bs-charcoal-200);--bs-bg-disabled:var(--bs-charcoal-300);--bs-bg-medium-to-base:var(--bs-charcoal-200);--bs-bg-medium-to-light:var(--bs-charcoal-200);--bs-bg-light-to-base:var(--bs-charcoal-100);--bs-bg-light-to-medium:var(--bs-charcoal-100);--bs-border-active:var(--bs-cobalt-400);--bs-border-error:var(--bs-maroon-500)}
1
+ :root{--bs-transparent:transparent;--bs-inherit:inherit;--bs-current:currentColor;--bs-white:#fff;--bs-white-10:rgba(255,255,255,0.1);--bs-black:#0a0b19;--bs-blue-10:rgba(102,182,242,0.1);--bs-blue-100:#99cff7;--bs-blue-200:#66b6f2;--bs-blue-300:#339eee;--bs-blue-400:#0086ea;--bs-blue-500:#006dc7;--bs-charcoal-100:#f5f5f6;--bs-charcoal-200:#ececec;--bs-charcoal-300:#b3b5b8;--bs-charcoal-400:#5f6266;--bs-charcoal-500:#40454d;--bs-cobalt-10:rgba(148,139,225,0.1);--bs-cobalt-100:#c9c5f0;--bs-cobalt-200:#948be1;--bs-cobalt-300:#5f52d3;--bs-cobalt-400:#2918c4;--bs-gold-10:rgba(235,223,212,0.1);--bs-gold-100:#f9f5f1;--bs-gold-200:#ebdfd4;--bs-gold-300:#e0c7ac;--bs-gold-400:#cca175;--bs-gold-500:#997958;--bs-gray-50:#f7f7fc;--bs-gray-100:#f0f0fa;--bs-gray-150:#e4e4eb;--bs-gray-200:#c9cad9;--bs-gray-300:#a3a4b7;--bs-gray-400:#4e4f5f;--bs-gray-500:#292940;--bs-green-10:rgba(57,162,131,0.1);--bs-green-100:#abcfcc;--bs-green-200:#72b9a8;--bs-green-300:#39a283;--bs-green-400:#008b5d;--bs-green-500:#00744d;--bs-maroon-10:rgba(195,91,91,0.1);--bs-maroon-100:#ebc8c8;--bs-maroon-200:#d79191;--bs-maroon-300:#c35b5b;--bs-maroon-400:#af2424;--bs-maroon-500:#a70c0c;--bs-midnight-10:rgba(141,137,177,0.1);--bs-midnight-100:#c6c4d8;--bs-midnight-200:#8d89b1;--bs-midnight-300:#494382;--bs-midnight-400:#1c1463;--bs-navy-10:rgba(141,142,161,0.1);--bs-navy-100:#c6c6d1;--bs-navy-200:#8d8ea1;--bs-navy-300:#555775;--bs-navy-400:#1d1e48;--bs-orange-10:rgba(247,161,123,0.1);--bs-orange-100:#f3c4a8;--bs-orange-200:#f7a17b;--bs-orange-300:#f97c4c;--bs-orange-400:#fb550e;--bs-orange-500:#c33d04;--bs-orange-brand:#ff5100;--bs-orchid-10:rgba(190,128,255,0.1);--bs-orchid-100:#debfff;--bs-orchid-200:#be80ff;--bs-orchid-300:#9d40ff;--bs-orchid-400:#7d00ff;--bs-pink-10:rgba(235,126,175,0.1);--bs-pink-100:#f6cbe0;--bs-pink-200:#eb7eaf;--bs-pink-300:#e45e9b;--bs-pink-400:#e31c79;--bs-pink-500:#d11a6f;--bs-plum-10:rgba(119,102,183,0.1);--bs-plum-100:#a499cf;--bs-plum-200:#7766b7;--bs-plum-300:#49339f;--bs-plum-400:#1c0087;--bs-purple-10:rgba(191,138,223,0.1);--bs-purple-100:#e0c5ef;--bs-purple-200:#bf8adf;--bs-purple-300:#a154d0;--bs-purple-400:#8212c4;--bs-red-10:rgba(245,126,127,0.1);--bs-red-100:#f8a9aa;--bs-red-200:#f57e7f;--bs-red-300:#f15355;--bs-red-400:#ee282a;--bs-red-500:#d91214;--bs-royal-10:rgba(117,133,209,0.1);--bs-royal-100:#c5cceb;--bs-royal-200:#7585d1;--bs-royal-300:#5365c4;--bs-royal-400:#162fb4;--bs-slate-400:#22222e;--bs-slate-500:#17171f;--bs-slate-600:#0b0b10;--bs-violet-10:rgba(153,131,182,0.1);--bs-violet-100:#cbc0da;--bs-violet-200:#9983b6;--bs-violet-300:#634291;--bs-violet-400:#330072;--bs-yellow-10:rgba(255,184,52,0.1);--bs-yellow-100:#fdeed3;--bs-yellow-200:#fcdea7;--bs-yellow-300:#f8c464;--bs-yellow-400:#c18300;--bs-yellow-500:#805a14;--bs-shadow-primary:rgba(0,0,0,0.06);--bs-shadow-secondary:rgba(28,0,135,0.2);--bs-gradient-dark:linear-gradient(90deg,#1c0087 0,#ee282a 35.01%,#fff 49.99%,#0086ea 65%,#1c0087 100%);--bs-gradient-light:linear-gradient(90deg,#1c0087 0,#ee282a 19.93%,#ee282a 39.91%,#1c0087 49.9%,#0086ea 60%,#0086ea 79.99%,#1c0087 100%);--bs-gradient-line:linear-gradient(90deg,#ee282a 0,#1c0087 49.35%,#0086ea 100%);--bs-gradient-blue-center:radial-gradient(154.77% 52.27% at 47.08% 49.86%,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-mid-left:linear-gradient(90deg,#162fb4 0,#1d1e48 98.9%);--bs-gradient-blue-mid-right:linear-gradient(90deg,#1d1e48 0,#162fb4 99.27%);--bs-gradient-blue-bottom-center:radial-gradient(100% 100% at 50% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-center:radial-gradient(96.7% 96.7% at 50% 0,#162fb4 5%,#1d1e48 100%);--bs-gradient-blue-top-left:radial-gradient(312.54% 141.42% at 0 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-right:radial-gradient(312.54% 141.42% at 0 0,#1d1e48 0,#162fb4 100%);--bs-gradient-blue-top-right:radial-gradient(312.54% 141.42% at 100% 0,#162fb4 0,#1d1e48 100%);--bs-gradient-blue-bottom-left:radial-gradient(312.54% 141.42% at 100% 0,#1d1e48 0,#162fb4 100%);--bs-gradient-light-blue-transparent:radial-gradient(236% 114.71% at 94.24% 7.6%,rgba(153,207,247,0.2) 0,rgba(203,192,218,0.08) 100%);--bs-gradient-light-blue-opaque:linear-gradient(311deg,#ebf7ff 9.29%,#fbfafc 92%);--bs-gradient-light-gray:linear-gradient(180deg,var(--background-light,#f7f7fc) 24.82%,var(--background-medium,#f0f0fa) 100%);--bs-gradient-softchoice-light:linear-gradient(252deg,rgba(255,81,0,0.15) 66.87%,rgba(125,0,255,0.15) 97.9%);--bs-gradient-softchoice-dark:linear-gradient(252deg,#ff5100 66.87%,#7d00ff 97.9%);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-400) -96.8deg,var(--bs-pink-400) 74.2deg,var(--bs-blue-400) 98.8deg,var(--bs-orange-400) 259.6deg,var(--bs-royal-400) 283.2deg,var(--bs-pink-400) 414.4deg);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(22,47,180,0.05) -96.8deg,rgba(227,28,121,0.05) 74.2deg,rgba(0,134,234,0.05) 98.8deg,rgba(251,85,14,0.05) 259.6deg,rgba(22,47,180,0.05) 283.2deg,rgba(227,28,121,0.05) 414.4deg);--bs-space-0:var(--bs-space-none);--bs-space-1:var(--bs-space-3xs);--bs-space-2:var(--bs-space-2xs);--bs-space-3:var(--bs-space-xs);--bs-space-4:var(--bs-space-sm);--bs-space-6:var(--bs-space-md);--bs-space-8:var(--bs-space-lg);--bs-space-12:var(--bs-space-xl);--bs-space-16:var(--bs-space-2xl);--bs-space-24:var(--bs-space-3xl);--bs-space-32:var(--bs-space-4xl);--bs-space-none:0;--bs-space-3xs:.25rem;--bs-space-2xs:.5rem;--bs-space-xs:.75rem;--bs-space-sm:1rem;--bs-space-md:1.5rem;--bs-space-lg:2rem;--bs-space-xl:3rem;--bs-space-2xl:4rem;--bs-space-3xl:6rem;--bs-space-4xl:8rem;--bs-text-xs:.75rem;--bs-text-sm:.875rem;--bs-text-base:1rem;--bs-text-md:1.125rem;--bs-text-lg:1.25rem;--bs-text-xl:1.5rem;--bs-text-2xl:1.75rem;--bs-text-3xl:2rem;--bs-text-4xl:2.25rem;--bs-text-5xl:2.625rem;--bs-text-6xl:3rem;--bs-font-light:300;--bs-font-normal:400;--bs-font-semibold:600;--bs-leading-none:1;--bs-leading-sm:1.1;--bs-leading-regular:1.3;--bs-leading-lg:1.5;--bs-shadow-contentLow:-4px 4px 12px var(--bs-shadow-primary),-8px 8px 16px var(--bs-shadow-secondary);--bs-shadow-contentLowCenter:0 0 12px var(--bs-shadow-primary),0 0 16px var(--bs-shadow-secondary);--bs-shadow-contentMedium:-8px 8px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-contentHigh:0 16px 48px var(--bs-shadow-primary),0 32px 64px var(--bs-shadow-secondary);--bs-shadow-drawerLeft:-12px 12px 24px var(--bs-shadow-primary),-16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-drawerRight:-12px 12px 24px var(--bs-shadow-primary),16px 16px 32px var(--bs-shadow-secondary);--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary)}:root{--bs-transition-quick:75ms;--bs-transition-fast:100ms;--bs-transition-moderate:150ms;--bs-transition-medium:200ms;--bs-transition-slow:250ms;--bs-transition-leisurely:300ms;--bs-transition-long:500ms;--bs-transition-ease:ease-in-out;--bs-transition-cubic:cubic-bezier(.15,.4,.49,1);--bs-horizontal-nav-height:48px;--bs-vertical-nav-narrow-width:4.5rem;--bs-vertical-nav-width:11.25rem;--bs-vertical-nav-collapsed-width:4.5rem;--bs-page-nav-width:0;--bs-table-cell-padding-xs:var(--bs-space-2);--bs-table-cell-padding-sm:var(--bs-space-3);--bs-table-cell-padding-md:var(--bs-space-4);--bs-table-cell-padding-lg:var(--bs-space-6);--bs-table-cell-padding-xl:var(--bs-space-8);--bs-popover-z-index:1100}.softchoice,[data-theme="softchoice-light"]{--bs-ink-primary:var(--bs-cobalt-400);--bs-ink-secondary:var(--bs-orange-500);--bs-ink-accent-1:var(--bs-midnight-400);--bs-ink-accent-4:var(--bs-orchid-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-yellow-500);--bs-ink-negative:var(--bs-maroon-500);--bs-primary-base-fixed:var(--bs-cobalt-400);--bs-primary-base:var(--bs-cobalt-400);--bs-primary-medium:var(--bs-cobalt-300);--bs-primary-light:var(--bs-cobalt-200);--bs-primary-lightest:var(--bs-cobalt-100);--bs-primary-highlight:var(--bs-cobalt-10);--bs-secondary-base-fixed:var(--bs-orange-400);--bs-secondary-base:var(--bs-orange-400);--bs-secondary-medium:var(--bs-orange-300);--bs-secondary-light:var(--bs-orange-200);--bs-secondary-lightest:var(--bs-orange-100);--bs-secondary-highlight:var(--bs-orange-10);--bs-accent-1-base-fixed:var(--bs-midnight-400);--bs-accent-1-base:var(--bs-midnight-400);--bs-accent-1-medium:var(--bs-midnight-300);--bs-accent-1-light:var(--bs-midnight-200);--bs-accent-1-lightest:var(--bs-midnight-100);--bs-accent-1-highlight:var(--bs-midnight-10);--bs-accent-4-base-fixed:var(--bs-orchid-400);--bs-accent-4-base:var(--bs-orchid-400);--bs-accent-4-medium:var(--bs-orchid-300);--bs-accent-4-light:var(--bs-orchid-200);--bs-accent-4-lightest:var(--bs-orchid-100);--bs-accent-4-highlight:var(--bs-orchid-10);--bs-accent-5-base:var(--bs-gold-400);--bs-accent-5-medium:var(--bs-gold-300);--bs-accent-5-light:var(--bs-gold-200);--bs-accent-5-lightest:var(--bs-gold-100);--bs-accent-5-highlight:var(--bs-gold-10);--bs-neutral-dark:var(--bs-charcoal-500);--bs-neutral-base:var(--bs-charcoal-400);--bs-neutral-medium:var(--bs-charcoal-300);--bs-neutral-light:var(--bs-charcoal-200);--bs-neutral-lightest:var(--bs-charcoal-100);--bs-warning-base:var(--bs-yellow-400);--bs-warning-medium:var(--bs-yellow-300);--bs-warning-highlight:var(--bs-yellow-10);--bs-negative-base:var(--bs-maroon-500);--bs-negative-medium:var(--bs-maroon-300);--bs-negative-highlight:var(--bs-maroon-10);--bs-bg-light:var(--bs-charcoal-100);--bs-bg-medium:var(--bs-charcoal-200);--bs-bg-disabled:var(--bs-charcoal-300);--bs-bg-medium-to-base:var(--bs-charcoal-200);--bs-bg-medium-to-light:var(--bs-charcoal-200);--bs-bg-light-to-base:var(--bs-charcoal-100);--bs-bg-light-to-medium:var(--bs-charcoal-100);--bs-border-active:var(--bs-cobalt-400);--bs-border-error:var(--bs-maroon-500)}html:where(:has(.dark,[data-theme="wwt-dark"])),.dark,[data-theme="wwt-dark"]{color-scheme:dark}.dark,[data-theme="wwt-dark"]{--bs-ink-base:var(--bs-white);--bs-ink-medium:var(--bs-gray-100);--bs-ink-light:var(--bs-gray-200);--bs-ink-disabled:rgba(163,164,183,0.7);--bs-ink-primary:var(--bs-blue-100);--bs-ink-secondary:var(--bs-plum-100);--bs-ink-accent-1:var(--bs-royal-200);--bs-ink-accent-2:var(--bs-violet-100);--bs-ink-accent-3:var(--bs-pink-200);--bs-ink-accent-4:var(--bs-purple-200);--bs-ink-positive:var(--bs-green-200);--bs-ink-warning:var(--bs-orange-200);--bs-ink-negative:var(--bs-red-200);--bs-ink-white:var(--bs-white);--bs-ink-invert-base:var(--bs-black);--bs-ink-invert-medium:var(--bs-gray-500);--bs-ink-invert-light:var(--bs-gray-400);--bs-primary-base:var(--bs-blue-300);--bs-primary-medium:var(--bs-blue-200);--bs-secondary-base:var(--bs-plum-300);--bs-secondary-medium:var(--bs-plum-200);--bs-accent-1-base:var(--bs-royal-300);--bs-accent-1-medium:var(--bs-royal-200);--bs-accent-2-base:var(--bs-violet-300);--bs-accent-2-medium:var(--bs-violet-200);--bs-accent-3-base:var(--bs-pink-300);--bs-accent-3-medium:var(--bs-pink-200);--bs-accent-4-base:var(--bs-purple-300);--bs-accent-4-medium:var(--bs-purple-200);--bs-accent-5-base:var(--bs-orange-300);--bs-accent-5-medium:var(--bs-orange-200);--bs-accent-6-base:var(--bs-red-300);--bs-accent-7-base:var(--bs-navy-300);--bs-accent-7-medium:var(--bs-navy-200);--bs-neutral-dark:var(--bs-gray-100);--bs-neutral-base:var(--bs-gray-200);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-400);--bs-neutral-lightest:var(--bs-gray-500);--bs-warning-base:var(--bs-orange-400);--bs-warning-medium:var(--bs-orange-200);--bs-negative-base:var(--bs-red-300);--bs-negative-medium:var(--bs-red-200);--bs-bg-base:var(--bs-slate-600);--bs-bg-light:var(--bs-slate-500);--bs-bg-medium:var(--bs-slate-400);--bs-bg-disabled:rgba(78,79,95,0.3);--bs-bg-invert-base:var(--bs-white);--bs-bg-invert-light:var(--bs-gray-50);--bs-bg-invert-medium:var(--bs-gray-100);--bs-bg-base-to-light:var(--bs-slate-500);--bs-bg-base-to-medium:var(--bs-slate-400);--bs-bg-medium-to-base:var(--bs-slate-600);--bs-bg-medium-to-light:var(--bs-slate-500);--bs-bg-light-to-base:var(--bs-slate-600);--bs-bg-light-to-medium:var(--bs-slate-400);--bs-border-dark:var(--bs-gray-300);--bs-border-base:rgba(163,164,183,0.7);--bs-border-medium:var(--bs-gray-400);--bs-border-light:rgba(78,79,95,0.5);--bs-border-medium-to-light:rgba(78,79,95,0.5);--bs-border-input:var(--bs-violet-200);--bs-border-active:var(--bs-blue-300);--bs-border-error:var(--bs-red-300);--bs-gradient-atom-ai-bg:conic-gradient(from 180deg at 50% 50%,rgba(83,101,196,0.2) -96.8deg,rgba(228,94,155,0.2) 74.2deg,rgba(51,158,238,0.2) 98.8deg,rgba(249,124,76,0.2) 259.6deg,rgba(83,101,196,0.2) 283.2deg,rgba(228,94,155,0.2) 414.4deg);--bs-gradient-atom-ai-border:conic-gradient(from 180deg at 50% 50%,var(--bs-royal-300) -96.8deg,var(--bs-pink-300) 74.2deg,var(--bs-blue-300) 98.8deg,var(--bs-orange-300) 259.6deg,var(--bs-royal-300) 283.2deg,var(--bs-pink-300) 414.4deg);--bs-shadow-secondary:rgba(10,11,25,0.60);--bs-shadow-dark:-16px 20px 40px 0 #000;--bs-shadow-contentLow:var(--bs-shadow-dark);--bs-shadow-contentLowCenter:var(--bs-shadow-dark);--bs-shadow-contentMedium:var(--bs-shadow-dark);--bs-shadow-contentHigh:var(--bs-shadow-dark);--bs-shadow-drawerLeft:var(--bs-shadow-dark);--bs-shadow-drawerRight:16px 20px 40px 0 #000;--bs-shadow-profilePhoto:inset 0 0 .5em var(--bs-shadow-secondary);--bs-ink-blue:var(--bs-blue-200);--bs-ink-orange:var(--bs-orange-200);--bs-ink-pink:var(--bs-pink-200);--bs-ink-plum:var(--bs-plum-100);--bs-ink-purple:var(--bs-purple-200);--bs-ink-red:var(--bs-red-200);--bs-ink-royal:var(--bs-royal-200);--bs-ink-violet:var(--bs-violet-200);--bs-bg-invert-to-medium:var(--bs-gray-100);--bs-ink-accent:var(--bs-gray-100);--bs-blue-base:var(--bs-blue-300);--bs-gray-dark:var(--bs-gray-100);--bs-gray-base:var(--bs-gray-200);--bs-gray-light:var(--bs-gray-400);--bs-gray-lightest:var(--bs-gray-500);--bs-navy-base:var(--bs-navy-200);--bs-warning:var(--bs-orange-400);--bs-orange-base:var(--bs-orange-300);--bs-pink-base:var(--bs-pink-300);--bs-plum-base:var(--bs-plum-300);--bs-plum-medium:var(--bs-plum-200);--bs-purple-base:var(--bs-purple-300);--bs-red-base:var(--bs-red-300);--bs-royal-base:var(--bs-royal-300);--bs-royal-medium:var(--bs-royal-200);--bs-violet-base:var(--bs-violet-300)}:root,[data-theme="wwt-light"]{--bs-ink-base:var(--bs-black);--bs-ink-medium:var(--bs-gray-500);--bs-ink-light:var(--bs-gray-400);--bs-ink-disabled:rgba(78,79,95,0.6);--bs-ink-invert-base:var(--bs-white);--bs-ink-invert-medium:var(--bs-gray-100);--bs-ink-invert-light:var(--bs-gray-200);--bs-ink-primary:var(--bs-blue-500);--bs-ink-secondary:var(--bs-plum-400);--bs-ink-accent-1:var(--bs-royal-400);--bs-ink-accent-2:var(--bs-violet-400);--bs-ink-accent-3:var(--bs-pink-500);--bs-ink-accent-4:var(--bs-purple-400);--bs-ink-positive:var(--bs-green-500);--bs-ink-warning:var(--bs-orange-500);--bs-ink-negative:var(--bs-red-500);--bs-ink-white:var(--bs-white);--bs-primary-base-fixed:var(--bs-blue-400);--bs-primary-base:var(--bs-blue-400);--bs-primary-medium:var(--bs-blue-300);--bs-primary-light:var(--bs-blue-200);--bs-primary-lightest:var(--bs-blue-100);--bs-primary-highlight:var(--bs-blue-10);--bs-secondary-base-fixed:var(--bs-plum-400);--bs-secondary-base:var(--bs-plum-400);--bs-secondary-medium:var(--bs-plum-300);--bs-secondary-light:var(--bs-plum-200);--bs-secondary-lightest:var(--bs-plum-100);--bs-secondary-highlight:var(--bs-plum-10);--bs-accent-1-base-fixed:var(--bs-royal-400);--bs-accent-1-base:var(--bs-royal-400);--bs-accent-1-medium:var(--bs-royal-300);--bs-accent-1-light:var(--bs-royal-200);--bs-accent-1-lightest:var(--bs-royal-100);--bs-accent-1-highlight:var(--bs-royal-10);--bs-accent-2-base-fixed:var(--bs-violet-400);--bs-accent-2-base:var(--bs-violet-400);--bs-accent-2-medium:var(--bs-violet-300);--bs-accent-2-light:var(--bs-violet-200);--bs-accent-2-lightest:var(--bs-violet-100);--bs-accent-2-highlight:var(--bs-violet-10);--bs-accent-3-base-fixed:var(--bs-pink-400);--bs-accent-3-base:var(--bs-pink-400);--bs-accent-3-medium:var(--bs-pink-300);--bs-accent-3-light:var(--bs-pink-200);--bs-accent-3-lightest:var(--bs-pink-100);--bs-accent-3-highlight:var(--bs-pink-10);--bs-accent-4-base-fixed:var(--bs-purple-400);--bs-accent-4-base:var(--bs-purple-400);--bs-accent-4-medium:var(--bs-purple-300);--bs-accent-4-light:var(--bs-purple-200);--bs-accent-4-lightest:var(--bs-purple-100);--bs-accent-4-highlight:var(--bs-purple-10);--bs-accent-5-base:var(--bs-orange-400);--bs-accent-5-medium:var(--bs-orange-300);--bs-accent-5-light:var(--bs-orange-200);--bs-accent-5-lightest:var(--bs-orange-100);--bs-accent-5-highlight:var(--bs-orange-10);--bs-accent-6-base:var(--bs-red-400);--bs-accent-6-medium:var(--bs-red-300);--bs-accent-6-light:var(--bs-red-200);--bs-accent-6-lightest:var(--bs-red-100);--bs-accent-6-highlight:var(--bs-red-10);--bs-accent-7-base:var(--bs-navy-400);--bs-accent-7-medium:var(--bs-navy-300);--bs-accent-7-light:var(--bs-navy-200);--bs-accent-7-lightest:var(--bs-navy-100);--bs-accent-7-highlight:var(--bs-navy-10);--bs-neutral-dark:var(--bs-gray-500);--bs-neutral-base:var(--bs-gray-400);--bs-neutral-medium:var(--bs-gray-300);--bs-neutral-light:var(--bs-gray-200);--bs-neutral-lightest:var(--bs-gray-100);--bs-positive-base:var(--bs-green-400);--bs-positive-medium:var(--bs-green-300);--bs-positive-highlight:var(--bs-green-10);--bs-warning-base:var(--bs-orange-500);--bs-warning-medium:var(--bs-orange-300);--bs-warning-highlight:var(--bs-orange-10);--bs-negative-base:var(--bs-red-500);--bs-negative-medium:var(--bs-red-300);--bs-negative-highlight:var(--bs-red-10);--bs-bg-base:var(--bs-white);--bs-bg-light:var(--bs-gray-50);--bs-bg-medium:var(--bs-gray-100);--bs-bg-disabled:var(--bs-gray-200);--bs-bg-invert-base:var(--bs-slate-600);--bs-bg-invert-light:var(--bs-slate-500);--bs-bg-invert-medium:var(--bs-slate-400);--bs-bg-base-to-light:var(--bs-white);--bs-bg-base-to-medium:var(--bs-white);--bs-bg-medium-to-base:var(--bs-gray-100);--bs-bg-medium-to-light:var(--bs-gray-100);--bs-bg-light-to-base:var(--bs-gray-50);--bs-bg-light-to-medium:var(--bs-gray-50);--bs-border-dark:var(--bs-gray-300);--bs-border-base:var(--bs-gray-200);--bs-border-medium:var(--bs-gray-150);--bs-border-light:var(--bs-gray-100);--bs-border-medium-to-light:var(--bs-gray-150);--bs-border-input:rgba(99,66,145,0.75);--bs-border-active:var(--bs-blue-400);--bs-border-error:var(--bs-red-500);--bs-ink-blue:var(--bs-blue-500);--bs-ink-orange:var(--bs-orange-500);--bs-ink-pink:var(--bs-pink-500);--bs-ink-plum:var(--bs-plum-400);--bs-ink-purple:var(--bs-purple-400);--bs-ink-red:var(--bs-red-500);--bs-ink-royal:var(--bs-royal-400);--bs-ink-violet:var(--bs-violet-400);--bs-bg-invert-to-medium:var(--bs-slate-400);--bs-ink-accent:var(--bs-plum-400);--bs-blue-base:var(--bs-blue-400);--bs-blue-medium:var(--bs-blue-300);--bs-blue-light:var(--bs-blue-200);--bs-blue-lightest:var(--bs-blue-100);--bs-gray-dark:var(--bs-gray-500);--bs-gray-base:var(--bs-gray-400);--bs-gray-medium:var(--bs-gray-300);--bs-gray-light:var(--bs-gray-200);--bs-gray-lightest:var(--bs-gray-100);--bs-navy-base:var(--bs-navy-400);--bs-navy-medium:var(--bs-navy-300);--bs-navy-light:var(--bs-navy-200);--bs-navy-lightest:var(--bs-navy-100);--bs-warning:var(--bs-orange-500);--bs-orange-base:var(--bs-orange-400);--bs-orange-medium:var(--bs-orange-300);--bs-orange-light:var(--bs-orange-200);--bs-orange-lightest:var(--bs-orange-100);--bs-pink-base:var(--bs-pink-400);--bs-pink-medium:var(--bs-pink-300);--bs-pink-light:var(--bs-pink-200);--bs-pink-lightest:var(--bs-pink-100);--bs-plum-base:var(--bs-plum-400);--bs-plum-medium:var(--bs-plum-300);--bs-plum-light:var(--bs-plum-200);--bs-plum-lightest:var(--bs-plum-100);--bs-purple-base:var(--bs-purple-400);--bs-purple-medium:var(--bs-purple-300);--bs-purple-light:var(--bs-purple-200);--bs-purple-lightest:var(--bs-purple-100);--bs-red-base:var(--bs-red-400);--bs-red-medium:var(--bs-red-300);--bs-red-light:var(--bs-red-200);--bs-red-lightest:var(--bs-red-100);--bs-royal-base:var(--bs-royal-400);--bs-royal-medium:var(--bs-royal-300);--bs-royal-light:var(--bs-royal-200);--bs-royal-lightest:var(--bs-royal-100);--bs-violet-base:var(--bs-violet-400);--bs-violet-medium:var(--bs-violet-300);--bs-violet-light:var(--bs-violet-200);--bs-violet-lightest:var(--bs-violet-100)}
package/dist/wwt-bsds-utilities.css CHANGED
@@ -364,10 +364,10 @@
364
364
  :where(.bs-box[data-invert="true"]) :is(a, button).bs-pill:is(:hover, :focus) {
365
365
  --pill-border: var(--bs-gray-100);
366
366
  }
367
- :where(.dark .bs-box[data-invert="true"]) .bs-pill {
367
+ :where(:where(.dark, [data-theme="wwt-dark"], [data-theme="softchoice-dark"]) .bs-box[data-invert="true"]) .bs-pill {
368
368
  --pill-text: var(--bs-accent-1-base);
369
369
  }
370
- :where(.dark .bs-box[data-invert="true"]) :is(a, button).bs-pill:is(:hover, :focus) {
370
+ :where(:where(.dark, [data-theme="wwt-dark"], [data-theme="softchoice-dark"]) .bs-box[data-invert="true"]) :is(a, button).bs-pill:is(:hover, :focus) {
371
371
  --pill-border: var(--bs-accent-1-base);
372
372
  }
373
373
  /* Some switch overrides */