@bcc-code/design-tokens 1.0.7 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/bcc-primevue-preset.js +1 -1
  2. package/dist/tailwind.css +246 -245
  3. package/dist/variables.css +9 -9
  4. package/package.json +1 -1
package/dist/bcc-primevue-preset.js CHANGED
@@ -243,7 +243,7 @@ export const BCCPrimeVuePreset = definePreset(Aura, {
243
243
  "leading-none": "1.25rem",
244
244
  "leading-tight": "1.5rem"
245
245
  },
246
- "text-base": {
246
+ "text-md": {
247
247
  "leading-none": "1rem",
248
248
  "leading-tight": "1.25",
249
249
  "leading-normal": "1.5rem"
package/dist/tailwind.css CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  @import "tailwindcss";
3
2
 
4
3
  @theme {
@@ -288,13 +287,13 @@
288
287
  --font-size-text-4xl: 3rem;
289
288
 
290
289
  /* ✅ Font-weight regular-400 */
291
- --font-weight-regular-400: {fontweights.archivo-regular};
290
+ --font-weight-regular-400: var(--fontweights-archivo-regular);
292
291
 
293
292
  /* ✅ Font-weight medium-500 */
294
- --font-weight-medium-500: {fontweights.archivo-medium};
293
+ --font-weight-medium-500: var(--fontweights-archivo-medium);
295
294
 
296
295
  /* ✅ Font-weight bold-700 */
297
- --font-weight-bold-700: {fontweights.archivo-bold};
296
+ --font-weight-bold-700: var(--fontweights-archivo-bold);
298
297
 
299
298
  /* ✅ Line-height text-4xl */
300
299
  --line-height-text-4xl-leading-none: 3rem;
@@ -316,10 +315,10 @@
316
315
  --line-height-text-lg-leading-none: 1.25rem;
317
316
  --line-height-text-lg-leading-tight: 1.5rem;
318
317
 
319
- /* ✅ Line-height text-base */
320
- --line-height-text-base-leading-none: 1rem;
321
- --line-height-text-base-leading-tight: 1.25;
322
- --line-height-text-base-leading-normal: 1.5rem;
318
+ /* ✅ Line-height text-md */
319
+ --line-height-text-md-leading-none: 1rem;
320
+ --line-height-text-md-leading-tight: 1.25;
321
+ --line-height-text-md-leading-normal: 1.5rem;
323
322
 
324
323
  /* ✅ Line-height text-sm */
325
324
  --line-height-text-sm-leading-none: 0.875rem;
@@ -330,7 +329,7 @@
330
329
  --line-height-text-xs-leading-normal: 1.25rem;
331
330
 
332
331
  /* ✅ Space-between 0 */
333
- --space-between-0: {dimension.space-0};
332
+ --space-between-0: var(--dimension-space-0);
334
333
 
335
334
  /* ✅ Tracking tighter */
336
335
  --tracking-tighter: -0.04em;
@@ -345,12 +344,12 @@
345
344
  --tracking-wide: 0.04em;
346
345
 
347
346
  /* ✅ Text-indent 0 */
348
- --text-indent-0: {dimension.space-0};
347
+ --text-indent-0: var(--dimension-space-0);
349
348
 
350
349
  /* ✅ FontFamilies archivo */
351
350
  --fontFamilies-archivo: Archivo;
352
351
 
353
- /* ✅ Semantic */
352
+ /* ✅ Semantic Colors */
354
353
  --color-surface-primary: var(--color-neutral-0);
355
354
  --color-surface-secondary: var(--color-neutral-200);
356
355
  --color-surface-overlay-default: var(--color-neutral-alpha-500a);
@@ -584,237 +583,239 @@
584
583
  --color-border-accent-magenta-pressed: var(--color-magenta-800);
585
584
  }
586
585
 
587
- @theme .dark-mode {
588
- /* ✅ Semantic */
589
- --color-surface-primary: var(--color-dark-neutral-0);
590
- --color-surface-secondary: var(--color-dark-neutral-200);
591
- --color-surface-overlay-default: var(--color-dark-neutral-alpha-500a);
592
- --color-surface-inverse-primary: var(--color-neutral-0);
593
- --color-surface-inverse-secondary: var(--color-neutral-200);
594
- --color-divider-light: var(--color-dark-neutral-100);
595
- --color-divider-default: var(--color-dark-neutral-200);
596
- --color-divider-bold: var(--color-dark-neutral-300);
597
- --color-text-primary: var(--color-dark-neutral-1100);
598
- --color-text-secondary: var(--color-dark-neutral-1100);
599
- --color-text-tertiary: var(--color-dark-neutral-400);
600
- --color-text-inverse: var(--color-dark-neutral-0);
601
- --color-text-disabled: var(--color-dark-neutral-alpha-400a);
602
- --color-text-success: var(--color-green-500);
603
- --color-text-alert: var(--color-red-500);
604
- --color-text-Info: var(--color-dark-neutral-0);
605
- --color-text-danger: var(--color-dark-neutral-0);
606
- --color-text-brand-default: var(--color-bcc-400);
607
- --color-text-brand-bold: var(--color-bcc-300);
608
- --color-text-accent-rust-default: var(--color-rust-400);
609
- --color-text-accent-rust-bold: var(--color-rust-300);
610
- --color-text-accent-yellow-default: var(--color-red-400);
611
- --color-text-accent-yellow-bold: var(--color-red-300);
612
- --color-text-accent-green-default: var(--color-green-400);
613
- --color-text-accent-green-bold: var(--color-green-300);
614
- --color-text-accent-teal-default: var(--color-teal-400);
615
- --color-text-accent-teal-bold: var(--color-teal-300);
616
- --color-text-accent-sand-default: var(--color-sand-400);
617
- --color-text-accent-sand-bold: var(--color-sand-300);
618
- --color-text-accent-blue-default: var(--color-blue-400);
619
- --color-text-accent-blue-bold: var(--color-blue-300);
620
- --color-text-accent-purple-default: var(--color-purple-400);
621
- --color-text-accent-purple-bold: var(--color-purple-300);
622
- --color-text-accent-magenta-default: var(--color-magenta-400);
623
- --color-text-accent-magenta-bold: var(--color-magenta-300);
624
- --color-icon-primary: var(--color-dark-neutral-1100);
625
- --color-icon-secondary: var(--color-dark-neutral-700);
626
- --color-icon-tertiary: var(--color-dark-neutral-400);
627
- --color-icon-inverse: var(--color-dark-neutral-0);
628
- --color-icon-disabled: var(--color-dark-neutral-alpha-400a);
629
- --color-icon-success: var(--color-green-500);
630
- --color-icon-alert: var(--color-red-500);
631
- --color-icon-info: #ffffff;
632
- --color-icon-danger: #ffffff;
633
- --color-icon-accent-blue: var(--color-blue-400);
634
- --color-icon-accent-red: var(--color-red-400);
635
- --color-icon-accent-green: var(--color-green-400);
636
- --color-icon-accent-rust: var(--color-rust-400);
637
- --color-icon-accent-teal: var(--color-teal-400);
638
- --color-icon-accent-purple: var(--color-purple-400);
639
- --color-icon-accent-magenta: var(--color-magenta-400);
640
- --color-icon-accent-sand: var(--color-sand-400);
641
- --color-icon-brand: var(--color-bcc-400);
642
- --color-link-default: var(--color-blue-500);
643
- --color-link-hover: var(--color-blue-400);
644
- --color-link-visited: var(--color-blue-300);
645
- --color-background-disabled-default: #ffffff;
646
- --color-background-brand-default: var(--color-bcc-500);
647
- --color-background-brand-hover: var(--color-bcc-400);
648
- --color-background-brand-pressed: var(--color-bcc-300);
649
- --color-background-brand-lighter-default: var(--color-bcc-900);
650
- --color-background-brand-lighter-hover: var(--color-bcc-800);
651
- --color-background-brand-lighter-pressed: var(--color-bcc-700);
652
- --color-background-brand-light-default: var(--color-bcc-700);
653
- --color-background-brand-light-hover: var(--color-bcc-600);
654
- --color-background-brand-light-pressed: var(--color-bcc-500);
655
- --color-background-brand-bold-default: var(--color-bcc-300);
656
- --color-background-brand-bold-hover: var(--color-bcc-200);
657
- --color-background-brand-bold-pressed: var(--color-bcc-100);
658
- --color-background-accent-red-default: var(--color-red-500);
659
- --color-background-accent-red-hover: var(--color-red-400);
660
- --color-background-accent-red-pressed: var(--color-red-300);
661
- --color-background-accent-red-lighter-default: var(--color-red-900);
662
- --color-background-accent-red-lighter-hover: var(--color-red-800);
663
- --color-background-accent-red-lighter-pressed: var(--color-red-700);
664
- --color-background-accent-red-light-default: var(--color-red-700);
665
- --color-background-accent-red-light-hover: var(--color-red-600);
666
- --color-background-accent-red-light-pressed: var(--color-red-500);
667
- --color-background-accent-red-bold-default: var(--color-red-300);
668
- --color-background-accent-red-bold-hover: var(--color-red-400);
669
- --color-background-accent-red-bold-pressed: var(--color-red-500);
670
- --color-background-accent-rust-default: var(--color-rust-500);
671
- --color-background-accent-rust-hover: var(--color-rust-400);
672
- --color-background-accent-rust-pressed: var(--color-rust-300);
673
- --color-background-accent-rust-lighter-default: var(--color-rust-900);
674
- --color-background-accent-rust-lighter-hover: var(--color-rust-800);
675
- --color-background-accent-rust-lighter-pressed: var(--color-rust-700);
676
- --color-background-accent-rust-light-default: var(--color-rust-700);
677
- --color-background-accent-rust-light-hover: var(--color-rust-600);
678
- --color-background-accent-rust-light-pressed: var(--color-rust-500);
679
- --color-background-accent-rust-bold-default: var(--color-rust-300);
680
- --color-background-accent-rust-bold-hover: var(--color-rust-400);
681
- --color-background-accent-rust-bold-pressed: var(--color-rust-500);
682
- --color-background-accent-green-default: var(--color-green-600);
683
- --color-background-accent-green-hover: var(--color-green-700);
684
- --color-background-accent-green-pressed: var(--color-green-800);
685
- --color-background-accent-green-lighter-default: var(--color-green-900);
686
- --color-background-accent-green-lighter-hover: var(--color-green-800);
687
- --color-background-accent-green-lighter-pressed: var(--color-green-700);
688
- --color-background-accent-green-light-default: var(--color-green-700);
689
- --color-background-accent-green-light-hover: var(--color-green-600);
690
- --color-background-accent-green-light-pressed: var(--color-green-500);
691
- --color-background-accent-green-bold-default: var(--color-green-300);
692
- --color-background-accent-green-bold-hover: var(--color-green-400);
693
- --color-background-accent-green-bold-pressed: var(--color-green-500);
694
- --color-background-accent-teal-default: var(--color-teal-500);
695
- --color-background-accent-teal-hover: var(--color-teal-400);
696
- --color-background-accent-teal-pressed: var(--color-teal-300);
697
- --color-background-accent-teal-lighter-default: var(--color-teal-900);
698
- --color-background-accent-teal-lighter-hover: #ffffff;
699
- --color-background-accent-teal-lighter-pressed: #ffffff;
700
- --color-background-accent-teal-light-default: var(--color-teal-700);
701
- --color-background-accent-teal-light-hover: #ffffff;
702
- --color-background-accent-teal-light-pressed: #ffffff;
703
- --color-background-accent-teal-bold-default: var(--color-teal-300);
704
- --color-background-accent-teal-bold-hover: #ffffff;
705
- --color-background-accent-teal-bold-pressed: #ffffff;
706
- --color-background-accent-sand-default: var(--color-sand-500);
707
- --color-background-accent-sand-hover: #ffffff;
708
- --color-background-accent-sand-pressed: #ffffff;
709
- --color-background-accent-sand-lighter-default: var(--color-sand-900);
710
- --color-background-accent-sand-lighter-hover: var(--color-sand-800);
711
- --color-background-accent-sand-lighter-pressed: #ffffff;
712
- --color-background-accent-sand-light-default: var(--color-sand-700);
713
- --color-background-accent-sand-light-hover: #ffffff;
714
- --color-background-accent-sand-light-pressed: #ffffff;
715
- --color-background-accent-sand-bold-default: var(--color-sand-300);
716
- --color-background-accent-sand-bold-hover: #ffffff;
717
- --color-background-accent-sand-bold-pressed: #ffffff;
718
- --color-background-accent-blue-default: var(--color-blue-500);
719
- --color-background-accent-blue-hover: #ffffff;
720
- --color-background-accent-blue-pressed: #ffffff;
721
- --color-background-accent-blue-lighter-default: var(--color-blue-900);
722
- --color-background-accent-blue-lighter-hover: #ffffff;
723
- --color-background-accent-blue-lighter-pressed: #ffffff;
724
- --color-background-accent-blue-light-default: var(--color-blue-700);
725
- --color-background-accent-blue-light-hover: #ffffff;
726
- --color-background-accent-blue-light-pressed: #ffffff;
727
- --color-background-accent-blue-bold-default: var(--color-blue-300);
728
- --color-background-accent-blue-bold-hover: #ffffff;
729
- --color-background-accent-blue-bold-pressed: #ffffff;
730
- --color-background-accent-purple-default: var(--color-purple-500);
731
- --color-background-accent-purple-hover: #ffffff;
732
- --color-background-accent-purple-pressed: #ffffff;
733
- --color-background-accent-purple-lighter-default: var(--color-purple-900);
734
- --color-background-accent-purple-lighter-hover: #ffffff;
735
- --color-background-accent-purple-lighter-pressed: #ffffff;
736
- --color-background-accent-purple-light-default: var(--color-purple-700);
737
- --color-background-accent-purple-light-hover: #ffffff;
738
- --color-background-accent-purple-light-pressed: #ffffff;
739
- --color-background-accent-purple-bold-default: var(--color-purple-300);
740
- --color-background-accent-purple-bold-hover: #ffffff;
741
- --color-background-accent-purple-bold-pressed: #ffffff;
742
- --color-background-accent-magenta-default: var(--color-magenta-500);
743
- --color-background-accent-magenta-hover: #ffffff;
744
- --color-background-accent-magenta-pressed: #ffffff;
745
- --color-background-accent-magenta-lighter-default: var(--color-magenta-900);
746
- --color-background-accent-magenta-lighter-hover: #ffffff;
747
- --color-background-accent-magenta-lighter-pressed: #ffffff;
748
- --color-background-accent-magenta-light-default: var(--color-magenta-700);
749
- --color-background-accent-magenta-light-hover: #ffffff;
750
- --color-background-accent-magenta-light-pressed: #ffffff;
751
- --color-background-accent-magenta-bold-default: var(--color-magenta-300);
752
- --color-background-accent-magenta-bold-hover: #ffffff;
753
- --color-background-accent-magenta-bold-pressed: #ffffff;
754
- --color-background-accent-yellow-default: #ffffff;
755
- --color-background-accent-yellow-hover: #ffffff;
756
- --color-background-accent-yellow-pressed: #ffffff;
757
- --color-background-accent-yellow-lighter-default: #ffffff;
758
- --color-background-accent-yellow-lighter-hover: #ffffff;
759
- --color-background-accent-yellow-lighter-pressed: #ffffff;
760
- --color-background-accent-yellow-light-default: #ffffff;
761
- --color-background-accent-yellow-light-hover: #ffffff;
762
- --color-background-accent-yellow-light-pressed: #ffffff;
763
- --color-background-accent-yellow-bold-default: #ffffff;
764
- --color-background-accent-yellow-bold-hover: #ffffff;
765
- --color-background-accent-yellow-bold-pressed: #ffffff;
766
- --color-background-neutral-default: var(--color-dark-neutral-alpha-300a);
767
- --color-background-neutral-hover: var(--color-dark-neutral-alpha-400a);
768
- --color-background-neutral-pressed: var(--color-dark-neutral-alpha-500a);
769
- --color-background-neutral-light-pressed: var(--color-dark-neutral-alpha-300a);
770
- --color-background-neutral-light-default1: var(--color-dark-neutral-alpha-100a);
771
- --color-background-neutral-light-hover: var(--color-dark-neutral-alpha-200a);
772
- --color-background-neutral-lighter-hover: var(--color-dark-neutral-alpha-100a);
773
- --color-background-neutral-lighter-pressed: var(--color-dark-neutral-alpha-200a);
774
- --color-background-neutral-lighter-default: rgba(166, 197, 226, 0);
775
- --color-background-info-default: #ffffff;
776
- --color-background-info-hover: #ffffff;
777
- --color-background-info-pressed: #ffffff;
778
- --color-background-success-default: #ffffff;
779
- --color-background-success-hover: #ffffff;
780
- --color-background-success-pressed: #ffffff;
781
- --color-background-alert-default: #ffffff;
782
- --color-background-alert-hover: #ffffff;
783
- --color-background-alert-pressed: #ffffff;
784
- --color-background-danger-default: #ffffff;
785
- --color-background-danger-hover: #ffffff;
786
- --color-background-danger-pressed: #ffffff;
787
- --color-border-primary: var(--color-dark-neutral-200);
788
- --color-border-secondary: var(--color-dark-neutral-300);
789
- --color-border-tertiary: var(--color-dark-neutral-400);
790
- --color-border-focus: rgba(115, 178, 172, 0.4);
791
- --color-border-selected: var(--color-bcc-500);
792
- --color-border-disabled: var(--color-dark-neutral-200);
793
- --color-border-accent-red-default: var(--color-red-500);
794
- --color-border-accent-red-hover: var(--color-red-400);
795
- --color-border-accent-red-pressed: var(--color-red-300);
796
- --color-border-accent-rust-default: var(--color-rust-500);
797
- --color-border-accent-rust-hover: var(--color-rust-400);
798
- --color-border-accent-rust-pressed: var(--color-rust-300);
799
- --color-border-accent-yellow-default: #ffffff;
800
- --color-border-accent-yellow-hover: #ffffff;
801
- --color-border-accent-yellow-pressed: #ffffff;
802
- --color-border-accent-green-default: var(--color-green-500);
803
- --color-border-accent-green-hover: var(--color-green-400);
804
- --color-border-accent-green-pressed: var(--color-green-300);
805
- --color-border-accent-teal-default: var(--color-teal-500);
806
- --color-border-accent-teal-hover: var(--color-teal-400);
807
- --color-border-accent-teal-pressed: var(--color-teal-300);
808
- --color-border-accent-sand-default: var(--color-sand-500);
809
- --color-border-accent-sand-hover: var(--color-sand-400);
810
- --color-border-accent-sand-pressed: var(--color-sand-300);
811
- --color-border-accent-blue-default: var(--color-blue-500);
812
- --color-border-accent-blue-hover: var(--color-blue-400);
813
- --color-border-accent-blue-pressed: var(--color-blue-300);
814
- --color-border-accent-purple-default: var(--color-purple-500);
815
- --color-border-accent-purple-hover: var(--color-purple-400);
816
- --color-border-accent-purple-pressed: var(--color-purple-300);
817
- --color-border-accent-magenta-default: var(--color-magenta-500);
818
- --color-border-accent-magenta-hover: var(--color-magenta-400);
819
- --color-border-accent-magenta-pressed: var(--color-magenta-300);
820
- }
586
+ @variant dark {
587
+ @theme {
588
+ /* ✅ Semantic Colors */
589
+ --color-surface-primary: var(--color-dark-neutral-0);
590
+ --color-surface-secondary: var(--color-dark-neutral-200);
591
+ --color-surface-overlay-default: var(--color-dark-neutral-alpha-500a);
592
+ --color-surface-inverse-primary: var(--color-neutral-0);
593
+ --color-surface-inverse-secondary: var(--color-neutral-200);
594
+ --color-divider-light: var(--color-dark-neutral-100);
595
+ --color-divider-default: var(--color-dark-neutral-200);
596
+ --color-divider-bold: var(--color-dark-neutral-300);
597
+ --color-text-primary: var(--color-dark-neutral-1100);
598
+ --color-text-secondary: var(--color-dark-neutral-1100);
599
+ --color-text-tertiary: var(--color-dark-neutral-400);
600
+ --color-text-inverse: var(--color-dark-neutral-0);
601
+ --color-text-disabled: var(--color-dark-neutral-alpha-400a);
602
+ --color-text-success: var(--color-green-500);
603
+ --color-text-alert: var(--color-red-500);
604
+ --color-text-Info: var(--color-dark-neutral-0);
605
+ --color-text-danger: var(--color-dark-neutral-0);
606
+ --color-text-brand-default: var(--color-bcc-400);
607
+ --color-text-brand-bold: var(--color-bcc-300);
608
+ --color-text-accent-rust-default: var(--color-rust-400);
609
+ --color-text-accent-rust-bold: var(--color-rust-300);
610
+ --color-text-accent-yellow-default: var(--color-red-400);
611
+ --color-text-accent-yellow-bold: var(--color-red-300);
612
+ --color-text-accent-green-default: var(--color-green-400);
613
+ --color-text-accent-green-bold: var(--color-green-300);
614
+ --color-text-accent-teal-default: var(--color-teal-400);
615
+ --color-text-accent-teal-bold: var(--color-teal-300);
616
+ --color-text-accent-sand-default: var(--color-sand-400);
617
+ --color-text-accent-sand-bold: var(--color-sand-300);
618
+ --color-text-accent-blue-default: var(--color-blue-400);
619
+ --color-text-accent-blue-bold: var(--color-blue-300);
620
+ --color-text-accent-purple-default: var(--color-purple-400);
621
+ --color-text-accent-purple-bold: var(--color-purple-300);
622
+ --color-text-accent-magenta-default: var(--color-magenta-400);
623
+ --color-text-accent-magenta-bold: var(--color-magenta-300);
624
+ --color-icon-primary: var(--color-dark-neutral-1100);
625
+ --color-icon-secondary: var(--color-dark-neutral-700);
626
+ --color-icon-tertiary: var(--color-dark-neutral-400);
627
+ --color-icon-inverse: var(--color-dark-neutral-0);
628
+ --color-icon-disabled: var(--color-dark-neutral-alpha-400a);
629
+ --color-icon-success: var(--color-green-500);
630
+ --color-icon-alert: var(--color-red-500);
631
+ --color-icon-info: #ffffff;
632
+ --color-icon-danger: #ffffff;
633
+ --color-icon-accent-blue: var(--color-blue-400);
634
+ --color-icon-accent-red: var(--color-red-400);
635
+ --color-icon-accent-green: var(--color-green-400);
636
+ --color-icon-accent-rust: var(--color-rust-400);
637
+ --color-icon-accent-teal: var(--color-teal-400);
638
+ --color-icon-accent-purple: var(--color-purple-400);
639
+ --color-icon-accent-magenta: var(--color-magenta-400);
640
+ --color-icon-accent-sand: var(--color-sand-400);
641
+ --color-icon-brand: var(--color-bcc-400);
642
+ --color-link-default: var(--color-blue-500);
643
+ --color-link-hover: var(--color-blue-400);
644
+ --color-link-visited: var(--color-blue-300);
645
+ --color-background-disabled-default: #ffffff;
646
+ --color-background-brand-default: var(--color-bcc-500);
647
+ --color-background-brand-hover: var(--color-bcc-400);
648
+ --color-background-brand-pressed: var(--color-bcc-300);
649
+ --color-background-brand-lighter-default: var(--color-bcc-900);
650
+ --color-background-brand-lighter-hover: var(--color-bcc-800);
651
+ --color-background-brand-lighter-pressed: var(--color-bcc-700);
652
+ --color-background-brand-light-default: var(--color-bcc-700);
653
+ --color-background-brand-light-hover: var(--color-bcc-600);
654
+ --color-background-brand-light-pressed: var(--color-bcc-500);
655
+ --color-background-brand-bold-default: var(--color-bcc-300);
656
+ --color-background-brand-bold-hover: var(--color-bcc-200);
657
+ --color-background-brand-bold-pressed: var(--color-bcc-100);
658
+ --color-background-accent-red-default: var(--color-red-500);
659
+ --color-background-accent-red-hover: var(--color-red-400);
660
+ --color-background-accent-red-pressed: var(--color-red-300);
661
+ --color-background-accent-red-lighter-default: var(--color-red-900);
662
+ --color-background-accent-red-lighter-hover: var(--color-red-800);
663
+ --color-background-accent-red-lighter-pressed: var(--color-red-700);
664
+ --color-background-accent-red-light-default: var(--color-red-700);
665
+ --color-background-accent-red-light-hover: var(--color-red-600);
666
+ --color-background-accent-red-light-pressed: var(--color-red-500);
667
+ --color-background-accent-red-bold-default: var(--color-red-300);
668
+ --color-background-accent-red-bold-hover: var(--color-red-400);
669
+ --color-background-accent-red-bold-pressed: var(--color-red-500);
670
+ --color-background-accent-rust-default: var(--color-rust-500);
671
+ --color-background-accent-rust-hover: var(--color-rust-400);
672
+ --color-background-accent-rust-pressed: var(--color-rust-300);
673
+ --color-background-accent-rust-lighter-default: var(--color-rust-900);
674
+ --color-background-accent-rust-lighter-hover: var(--color-rust-800);
675
+ --color-background-accent-rust-lighter-pressed: var(--color-rust-700);
676
+ --color-background-accent-rust-light-default: var(--color-rust-700);
677
+ --color-background-accent-rust-light-hover: var(--color-rust-600);
678
+ --color-background-accent-rust-light-pressed: var(--color-rust-500);
679
+ --color-background-accent-rust-bold-default: var(--color-rust-300);
680
+ --color-background-accent-rust-bold-hover: var(--color-rust-400);
681
+ --color-background-accent-rust-bold-pressed: var(--color-rust-500);
682
+ --color-background-accent-green-default: var(--color-green-600);
683
+ --color-background-accent-green-hover: var(--color-green-700);
684
+ --color-background-accent-green-pressed: var(--color-green-800);
685
+ --color-background-accent-green-lighter-default: var(--color-green-900);
686
+ --color-background-accent-green-lighter-hover: var(--color-green-800);
687
+ --color-background-accent-green-lighter-pressed: var(--color-green-700);
688
+ --color-background-accent-green-light-default: var(--color-green-700);
689
+ --color-background-accent-green-light-hover: var(--color-green-600);
690
+ --color-background-accent-green-light-pressed: var(--color-green-500);
691
+ --color-background-accent-green-bold-default: var(--color-green-300);
692
+ --color-background-accent-green-bold-hover: var(--color-green-400);
693
+ --color-background-accent-green-bold-pressed: var(--color-green-500);
694
+ --color-background-accent-teal-default: var(--color-teal-500);
695
+ --color-background-accent-teal-hover: var(--color-teal-400);
696
+ --color-background-accent-teal-pressed: var(--color-teal-300);
697
+ --color-background-accent-teal-lighter-default: var(--color-teal-900);
698
+ --color-background-accent-teal-lighter-hover: #ffffff;
699
+ --color-background-accent-teal-lighter-pressed: #ffffff;
700
+ --color-background-accent-teal-light-default: var(--color-teal-700);
701
+ --color-background-accent-teal-light-hover: #ffffff;
702
+ --color-background-accent-teal-light-pressed: #ffffff;
703
+ --color-background-accent-teal-bold-default: var(--color-teal-300);
704
+ --color-background-accent-teal-bold-hover: #ffffff;
705
+ --color-background-accent-teal-bold-pressed: #ffffff;
706
+ --color-background-accent-sand-default: var(--color-sand-500);
707
+ --color-background-accent-sand-hover: #ffffff;
708
+ --color-background-accent-sand-pressed: #ffffff;
709
+ --color-background-accent-sand-lighter-default: var(--color-sand-900);
710
+ --color-background-accent-sand-lighter-hover: var(--color-sand-800);
711
+ --color-background-accent-sand-lighter-pressed: #ffffff;
712
+ --color-background-accent-sand-light-default: var(--color-sand-700);
713
+ --color-background-accent-sand-light-hover: #ffffff;
714
+ --color-background-accent-sand-light-pressed: #ffffff;
715
+ --color-background-accent-sand-bold-default: var(--color-sand-300);
716
+ --color-background-accent-sand-bold-hover: #ffffff;
717
+ --color-background-accent-sand-bold-pressed: #ffffff;
718
+ --color-background-accent-blue-default: var(--color-blue-500);
719
+ --color-background-accent-blue-hover: #ffffff;
720
+ --color-background-accent-blue-pressed: #ffffff;
721
+ --color-background-accent-blue-lighter-default: var(--color-blue-900);
722
+ --color-background-accent-blue-lighter-hover: #ffffff;
723
+ --color-background-accent-blue-lighter-pressed: #ffffff;
724
+ --color-background-accent-blue-light-default: var(--color-blue-700);
725
+ --color-background-accent-blue-light-hover: #ffffff;
726
+ --color-background-accent-blue-light-pressed: #ffffff;
727
+ --color-background-accent-blue-bold-default: var(--color-blue-300);
728
+ --color-background-accent-blue-bold-hover: #ffffff;
729
+ --color-background-accent-blue-bold-pressed: #ffffff;
730
+ --color-background-accent-purple-default: var(--color-purple-500);
731
+ --color-background-accent-purple-hover: #ffffff;
732
+ --color-background-accent-purple-pressed: #ffffff;
733
+ --color-background-accent-purple-lighter-default: var(--color-purple-900);
734
+ --color-background-accent-purple-lighter-hover: #ffffff;
735
+ --color-background-accent-purple-lighter-pressed: #ffffff;
736
+ --color-background-accent-purple-light-default: var(--color-purple-700);
737
+ --color-background-accent-purple-light-hover: #ffffff;
738
+ --color-background-accent-purple-light-pressed: #ffffff;
739
+ --color-background-accent-purple-bold-default: var(--color-purple-300);
740
+ --color-background-accent-purple-bold-hover: #ffffff;
741
+ --color-background-accent-purple-bold-pressed: #ffffff;
742
+ --color-background-accent-magenta-default: var(--color-magenta-500);
743
+ --color-background-accent-magenta-hover: #ffffff;
744
+ --color-background-accent-magenta-pressed: #ffffff;
745
+ --color-background-accent-magenta-lighter-default: var(--color-magenta-900);
746
+ --color-background-accent-magenta-lighter-hover: #ffffff;
747
+ --color-background-accent-magenta-lighter-pressed: #ffffff;
748
+ --color-background-accent-magenta-light-default: var(--color-magenta-700);
749
+ --color-background-accent-magenta-light-hover: #ffffff;
750
+ --color-background-accent-magenta-light-pressed: #ffffff;
751
+ --color-background-accent-magenta-bold-default: var(--color-magenta-300);
752
+ --color-background-accent-magenta-bold-hover: #ffffff;
753
+ --color-background-accent-magenta-bold-pressed: #ffffff;
754
+ --color-background-accent-yellow-default: #ffffff;
755
+ --color-background-accent-yellow-hover: #ffffff;
756
+ --color-background-accent-yellow-pressed: #ffffff;
757
+ --color-background-accent-yellow-lighter-default: #ffffff;
758
+ --color-background-accent-yellow-lighter-hover: #ffffff;
759
+ --color-background-accent-yellow-lighter-pressed: #ffffff;
760
+ --color-background-accent-yellow-light-default: #ffffff;
761
+ --color-background-accent-yellow-light-hover: #ffffff;
762
+ --color-background-accent-yellow-light-pressed: #ffffff;
763
+ --color-background-accent-yellow-bold-default: #ffffff;
764
+ --color-background-accent-yellow-bold-hover: #ffffff;
765
+ --color-background-accent-yellow-bold-pressed: #ffffff;
766
+ --color-background-neutral-default: var(--color-dark-neutral-alpha-300a);
767
+ --color-background-neutral-hover: var(--color-dark-neutral-alpha-400a);
768
+ --color-background-neutral-pressed: var(--color-dark-neutral-alpha-500a);
769
+ --color-background-neutral-light-pressed: var(--color-dark-neutral-alpha-300a);
770
+ --color-background-neutral-light-default1: var(--color-dark-neutral-alpha-100a);
771
+ --color-background-neutral-light-hover: var(--color-dark-neutral-alpha-200a);
772
+ --color-background-neutral-lighter-hover: var(--color-dark-neutral-alpha-100a);
773
+ --color-background-neutral-lighter-pressed: var(--color-dark-neutral-alpha-200a);
774
+ --color-background-neutral-lighter-default: rgba(166, 197, 226, 0);
775
+ --color-background-info-default: #ffffff;
776
+ --color-background-info-hover: #ffffff;
777
+ --color-background-info-pressed: #ffffff;
778
+ --color-background-success-default: #ffffff;
779
+ --color-background-success-hover: #ffffff;
780
+ --color-background-success-pressed: #ffffff;
781
+ --color-background-alert-default: #ffffff;
782
+ --color-background-alert-hover: #ffffff;
783
+ --color-background-alert-pressed: #ffffff;
784
+ --color-background-danger-default: #ffffff;
785
+ --color-background-danger-hover: #ffffff;
786
+ --color-background-danger-pressed: #ffffff;
787
+ --color-border-primary: var(--color-dark-neutral-200);
788
+ --color-border-secondary: var(--color-dark-neutral-300);
789
+ --color-border-tertiary: var(--color-dark-neutral-400);
790
+ --color-border-focus: rgba(115, 178, 172, 0.4);
791
+ --color-border-selected: var(--color-bcc-500);
792
+ --color-border-disabled: var(--color-dark-neutral-200);
793
+ --color-border-accent-red-default: var(--color-red-500);
794
+ --color-border-accent-red-hover: var(--color-red-400);
795
+ --color-border-accent-red-pressed: var(--color-red-300);
796
+ --color-border-accent-rust-default: var(--color-rust-500);
797
+ --color-border-accent-rust-hover: var(--color-rust-400);
798
+ --color-border-accent-rust-pressed: var(--color-rust-300);
799
+ --color-border-accent-yellow-default: #ffffff;
800
+ --color-border-accent-yellow-hover: #ffffff;
801
+ --color-border-accent-yellow-pressed: #ffffff;
802
+ --color-border-accent-green-default: var(--color-green-500);
803
+ --color-border-accent-green-hover: var(--color-green-400);
804
+ --color-border-accent-green-pressed: var(--color-green-300);
805
+ --color-border-accent-teal-default: var(--color-teal-500);
806
+ --color-border-accent-teal-hover: var(--color-teal-400);
807
+ --color-border-accent-teal-pressed: var(--color-teal-300);
808
+ --color-border-accent-sand-default: var(--color-sand-500);
809
+ --color-border-accent-sand-hover: var(--color-sand-400);
810
+ --color-border-accent-sand-pressed: var(--color-sand-300);
811
+ --color-border-accent-blue-default: var(--color-blue-500);
812
+ --color-border-accent-blue-hover: var(--color-blue-400);
813
+ --color-border-accent-blue-pressed: var(--color-blue-300);
814
+ --color-border-accent-purple-default: var(--color-purple-500);
815
+ --color-border-accent-purple-hover: var(--color-purple-400);
816
+ --color-border-accent-purple-pressed: var(--color-purple-300);
817
+ --color-border-accent-magenta-default: var(--color-magenta-500);
818
+ --color-border-accent-magenta-hover: var(--color-magenta-400);
819
+ --color-border-accent-magenta-pressed: var(--color-magenta-300);
820
+ }
821
+ }
package/dist/variables.css CHANGED
@@ -183,9 +183,9 @@
183
183
  --line-height-text-xl-leading-tight: 1.75;
184
184
  --line-height-text-lg-leading-none: 1.25rem;
185
185
  --line-height-text-lg-leading-tight: 1.5rem;
186
- --line-height-text-base-leading-none: 1rem;
187
- --line-height-text-base-leading-tight: 1.25;
188
- --line-height-text-base-leading-normal: 1.5rem;
186
+ --line-height-text-md-leading-none: 1rem;
187
+ --line-height-text-md-leading-tight: 1.25;
188
+ --line-height-text-md-leading-normal: 1.5rem;
189
189
  --line-height-text-sm-leading-none: 0.875rem;
190
190
  --line-height-text-sm-leading-normal: 1.25rem;
191
191
  --line-height-text-xs-leading-none: 0.75rem;
@@ -461,11 +461,11 @@
461
461
  --heading-lg-bold-text-decoration: var(--text-decoration-none);
462
462
  --heading-lg-medium: var(--font-weight-medium-500) var(--font-size-text-lg)/var(--line-height-text-lg-leading-tight) var(--font-families-archivo);
463
463
  --heading-lg-medium-text-decoration: var(--text-decoration-none);
464
- --body-base-bold: var(--font-weight-bold-700) var(--font-size-text-md)/var(--line-height-text-base-leading-normal) var(--font-families-archivo);
464
+ --body-base-bold: var(--font-weight-bold-700) var(--font-size-text-md)/var(--line-height-text-md-leading-normal) var(--font-families-archivo);
465
465
  --body-base-bold-text-decoration: var(--text-decoration-none);
466
- --body-base-medium: var(--font-weight-medium-500) var(--font-size-text-md)/var(--line-height-text-base-leading-normal) var(--font-families-archivo);
466
+ --body-base-medium: var(--font-weight-medium-500) var(--font-size-text-md)/var(--line-height-text-md-leading-normal) var(--font-families-archivo);
467
467
  --body-base-medium-text-decoration: var(--text-decoration-none);
468
- --body-base-regular: var(--font-weight-regular-400) var(--font-size-text-md)/var(--line-height-text-base-leading-normal) var(--font-families-archivo);
468
+ --body-base-regular: var(--font-weight-regular-400) var(--font-size-text-md)/var(--line-height-text-md-leading-normal) var(--font-families-archivo);
469
469
  --body-base-regular-text-decoration: var(--text-decoration-none);
470
470
  --body-sm-bold: var(--font-weight-bold-700) var(--font-size-text-sm)/var(--line-height-text-sm-leading-normal) var(--font-families-archivo);
471
471
  --body-sm-bold-text-decoration: var(--text-decoration-none);
@@ -736,11 +736,11 @@
736
736
  --heading-lg-bold-text-decoration: var(--text-decoration-none);
737
737
  --heading-lg-medium: var(--font-weight-medium-500) var(--font-size-text-lg)/var(--line-height-text-lg-leading-tight) var(--font-families-archivo);
738
738
  --heading-lg-medium-text-decoration: var(--text-decoration-none);
739
- --body-base-bold: var(--font-weight-bold-700) var(--font-size-text-md)/var(--line-height-text-base-leading-normal) var(--font-families-archivo);
739
+ --body-base-bold: var(--font-weight-bold-700) var(--font-size-text-md)/var(--line-height-text-md-leading-normal) var(--font-families-archivo);
740
740
  --body-base-bold-text-decoration: var(--text-decoration-none);
741
- --body-base-medium: var(--font-weight-medium-500) var(--font-size-text-md)/var(--line-height-text-base-leading-normal) var(--font-families-archivo);
741
+ --body-base-medium: var(--font-weight-medium-500) var(--font-size-text-md)/var(--line-height-text-md-leading-normal) var(--font-families-archivo);
742
742
  --body-base-medium-text-decoration: var(--text-decoration-none);
743
- --body-base-regular: var(--font-weight-regular-400) var(--font-size-text-md)/var(--line-height-text-base-leading-normal) var(--font-families-archivo);
743
+ --body-base-regular: var(--font-weight-regular-400) var(--font-size-text-md)/var(--line-height-text-md-leading-normal) var(--font-families-archivo);
744
744
  --body-base-regular-text-decoration: var(--text-decoration-none);
745
745
  --body-sm-bold: var(--font-weight-bold-700) var(--font-size-text-sm)/var(--line-height-text-sm-leading-normal) var(--font-families-archivo);
746
746
  --body-sm-bold-text-decoration: var(--text-decoration-none);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "1.0.7",
3
+ "version": "1.0.8",
4
4
  "description": "Design tokens package with light/dark themes for PrimeVue, WordPress, and vanilla HTML/JS.",
5
5
  "type": "module",
6
6
  "main": "dist/variables.css",