@bcc-code/component-library-vue 0.0.0-dev.f3ffbc4 → 0.0.0-dev.f41f3d5

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 (35) hide show
  1. package/README.md +33 -35
  2. package/dist/archivo-font/archivo-v25-latin-500.woff2 +0 -0
  3. package/dist/archivo-font/archivo-v25-latin-600.woff2 +0 -0
  4. package/dist/archivo-font/archivo-v25-latin-600italic.woff2 +0 -0
  5. package/dist/archivo-font/archivo-v25-latin-italic.woff2 +0 -0
  6. package/dist/archivo-font/archivo-v25-latin-regular.woff2 +0 -0
  7. package/dist/archivo-font.css +40 -0
  8. package/dist/component-library.js +11804 -10760
  9. package/dist/component-library.umd.cjs +1285 -390
  10. package/dist/index.css +1 -1
  11. package/dist/library-utilities.css +2 -0
  12. package/dist/quill-BfNQeuzX.js +7524 -0
  13. package/dist/sfc-styles.css +1 -0
  14. package/dist/theme.css +374 -671
  15. package/dist-types/components/custom/BccAppNavigation/BccAppNavigation.vue.d.ts +1 -0
  16. package/dist-types/components/custom/BccImage/BccImage.vue.d.ts +54 -0
  17. package/dist-types/components/custom/BccLightbox/BccLightbox.vue.d.ts +3 -0
  18. package/dist-types/components/custom/BccLightbox/BccLightboxMedia.vue.d.ts +18 -0
  19. package/dist-types/components/custom/BccLightbox/composables.d.ts +23 -0
  20. package/dist-types/components/custom/BccLightbox/detectMedia.d.ts +4 -0
  21. package/dist-types/components/custom/BccLightbox/index.d.ts +6 -0
  22. package/dist-types/components/custom/BccLightbox/state.d.ts +33 -0
  23. package/dist-types/components/custom/BccLightbox/types.d.ts +31 -0
  24. package/dist-types/components/custom/BccNpsScore/BccNpsScore.vue.d.ts +1 -1
  25. package/dist-types/components/custom/BccReact/BccReact.vue.d.ts +1 -1
  26. package/dist-types/components/custom/index.d.ts +3 -1
  27. package/dist-types/components/wrapped/BccButton.vue.d.ts +4 -3
  28. package/dist-types/components/wrapped/BccCheckbox.vue.d.ts +3 -0
  29. package/dist-types/components/wrapped/BccMessage.vue.d.ts +6 -1
  30. package/dist-types/components/wrapped/BccRadioButton.vue.d.ts +1 -0
  31. package/dist-types/components/wrapped/index.d.ts +0 -2
  32. package/dist-types/index.d.ts +1 -0
  33. package/package.json +9 -3
  34. package/dist-types/components/custom/BccCircleLoader/BccCircleLoader.vue.d.ts +0 -11
  35. package/dist-types/components/wrapped/BccImage.vue.d.ts +0 -17
package/dist/theme.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* Layer order: Tailwind base/utilities first, then PrimeVue so component styles win */
2
- @layer theme, base, tailwind, primevue;
2
+ @layer theme, base, component, library-utilities, utilities, primevue;
3
3
  @import '@bcc-code/design-tokens/css';
4
4
 
5
5
  @import 'tailwindcss';
@@ -23,201 +23,36 @@
23
23
  --spacing-18: 4.5rem;
24
24
  }
25
25
 
26
- .ctx-default {
27
- @apply ctx-default;
28
- }
29
- .ctx-success {
30
- @apply ctx-success-subtlest;
31
- }
32
- .ctx-danger {
33
- @apply ctx-danger-subtlest;
34
- }
35
- .ctx-warning {
36
- @apply ctx-warning-subtlest;
37
- }
38
- .ctx-info {
39
- @apply ctx-info-subtlest;
40
- }
26
+ /*
27
+ * Force-emit ctx-* utilities that components construct dynamically (e.g.
28
+ * `:class="\`ctx-${context}\`"` in BccBadge, BccStepIndicator, BccCapacityIndicator).
29
+ * Tailwind cannot see those class names by scanning source, so without this list
30
+ * they would never be emitted into the utilities layer.
31
+ *
32
+ * Source of truth: the @utility ctx-* definitions in ./contexts.css (auto-generated
33
+ * by `pnpm run generate:context-css`). Keep this list in sync with that file.
34
+ */
35
+ @source inline("ctx-default ctx-{blue,brown,gray,green,magenta,orange,purple,red,teal,yellow}-{bolder,subtle,subtler,subtlest} ctx-{danger,info,success,warning}-{bolder,subtlest} ctx-brand-{bold,bolder,boldest,default,subtle,subtler,subtlest} ctx-neutral-{bold,bolder,boldest,subtle,subtler,subtlest}");
41
36
 
42
- .ctx-blue-bolder {
43
- @apply ctx-blue-bolder;
44
- }
45
- .ctx-blue-subtle {
46
- @apply ctx-blue-subtle;
47
- }
48
- .ctx-blue-subtler {
49
- @apply ctx-blue-subtler;
50
- }
51
- .ctx-blue-subtlest {
52
- @apply ctx-blue-subtlest;
53
- }
54
- .ctx-brand-boldest {
55
- @apply ctx-brand-boldest;
56
- }
57
- .ctx-brand-bolder {
58
- @apply ctx-brand-bolder;
59
- }
60
- .ctx-brand-bold {
61
- @apply ctx-brand-bold;
62
- }
63
- .ctx-brand-subtle {
64
- @apply ctx-brand-subtle;
65
- }
66
- .ctx-brand-subtler {
67
- @apply ctx-brand-subtler;
68
- }
69
- .ctx-brand-subtlest {
70
- @apply ctx-brand-subtlest;
71
- }
72
- .ctx-brown-bolder {
73
- @apply ctx-brown-bolder;
74
- }
75
- .ctx-brown-subtle {
76
- @apply ctx-brown-subtle;
77
- }
78
- .ctx-brown-subtler {
79
- @apply ctx-brown-subtler;
80
- }
81
- .ctx-brown-subtlest {
82
- @apply ctx-brown-subtlest;
83
- }
84
- .ctx-danger-subtlest {
85
- @apply ctx-danger;
86
- }
87
- .ctx-danger-bolder {
88
- @apply ctx-danger-bolder;
89
- }
90
- .ctx-gray-bolder {
91
- @apply ctx-gray-bolder;
92
- }
93
- .ctx-gray-subtle {
94
- @apply ctx-gray-subtle;
95
- }
96
- .ctx-gray-subtler {
97
- @apply ctx-gray-subtler;
98
- }
99
- .ctx-gray-subtlest {
100
- @apply ctx-gray-subtlest;
101
- }
102
- .ctx-green-bolder {
103
- @apply ctx-green-bolder;
104
- }
105
- .ctx-green-subtle {
106
- @apply ctx-green-subtle;
107
- }
108
- .ctx-green-subtler {
109
- @apply ctx-green-subtler;
110
- }
111
- .ctx-green-subtlest {
112
- @apply ctx-green-subtlest;
113
- }
114
- .ctx-info-subtlest {
115
- @apply ctx-info;
116
- }
117
- .ctx-info-bolder {
118
- @apply ctx-info-bolder;
119
- }
120
- .ctx-magenta-bolder {
121
- @apply ctx-magenta-bolder;
122
- }
123
- .ctx-magenta-subtle {
124
- @apply ctx-magenta-subtle;
125
- }
126
- .ctx-magenta-subtler {
127
- @apply ctx-magenta-subtler;
128
- }
129
- .ctx-magenta-subtlest {
130
- @apply ctx-magenta-subtlest;
131
- }
132
- .ctx-neutral-boldest {
133
- @apply ctx-neutral-boldest;
134
- }
135
- .ctx-neutral-bolder {
136
- @apply ctx-neutral-bolder;
137
- }
138
- .ctx-neutral-bold {
139
- @apply ctx-neutral-bold;
140
- }
141
- .ctx-neutral-subtle {
142
- @apply ctx-neutral-subtle;
143
- }
144
- .ctx-neutral-subtler {
145
- @apply ctx-neutral-subtler;
146
- }
147
- .ctx-neutral-subtlest {
148
- @apply ctx-neutral-subtlest;
149
- }
150
- .ctx-orange-bolder {
151
- @apply ctx-orange-bolder;
152
- }
153
- .ctx-orange-subtle {
154
- @apply ctx-orange-subtle;
155
- }
156
- .ctx-orange-subtler {
157
- @apply ctx-orange-subtler;
158
- }
159
- .ctx-orange-subtlest {
160
- @apply ctx-orange-subtlest;
161
- }
162
- .ctx-purple-bolder {
163
- @apply ctx-purple-bolder;
164
- }
165
- .ctx-purple-subtle {
166
- @apply ctx-purple-subtle;
167
- }
168
- .ctx-purple-subtler {
169
- @apply ctx-purple-subtler;
170
- }
171
- .ctx-purple-subtlest {
172
- @apply ctx-purple-subtlest;
173
- }
174
- .ctx-red-bolder {
175
- @apply ctx-red-bolder;
176
- }
177
- .ctx-red-subtle {
178
- @apply ctx-red-subtle;
179
- }
180
- .ctx-red-subtler {
181
- @apply ctx-red-subtler;
182
- }
183
- .ctx-red-subtlest {
184
- @apply ctx-red-subtlest;
185
- }
186
- .ctx-success-subtlest {
187
- @apply ctx-success;
188
- }
189
- .ctx-success-bolder {
190
- @apply ctx-success-bolder;
191
- }
192
- .ctx-teal-bolder {
193
- @apply ctx-teal-bolder;
194
- }
195
- .ctx-teal-subtle {
196
- @apply ctx-teal-subtle;
197
- }
198
- .ctx-teal-subtler {
199
- @apply ctx-teal-subtler;
200
- }
201
- .ctx-teal-subtlest {
202
- @apply ctx-teal-subtlest;
203
- }
204
- .ctx-warning-subtlest {
205
- @apply ctx-warning;
206
- }
207
- .ctx-warning-bolder {
208
- @apply ctx-warning-bolder;
209
- }
210
- .ctx-yellow-bolder {
211
- @apply ctx-yellow-bolder;
212
- }
213
- .ctx-yellow-subtle {
214
- @apply ctx-yellow-subtle;
215
- }
216
- .ctx-yellow-subtler {
217
- @apply ctx-yellow-subtler;
218
- }
219
- .ctx-yellow-subtlest {
220
- @apply ctx-yellow-subtlest;
37
+ /*
38
+ * Aliases for semantic context names. Plain @apply wrappers are kept because
39
+ * `.ctx-success` etc. are aliases (point at -subtlest variants), not standalone
40
+ * @utility definitions. Wrapped in @layer utilities so they participate in the
41
+ * cascade alongside other utilities.
42
+ */
43
+ @layer utilities {
44
+ .ctx-success {
45
+ @apply ctx-success-subtlest;
46
+ }
47
+ .ctx-danger {
48
+ @apply ctx-danger-subtlest;
49
+ }
50
+ .ctx-warning {
51
+ @apply ctx-warning-subtlest;
52
+ }
53
+ .ctx-info {
54
+ @apply ctx-info-subtlest;
55
+ }
221
56
  }
222
57
 
223
58
 
@@ -803,15 +638,11 @@
803
638
  --ctx-background: var(--color-default-neutral-0);
804
639
  --ctx-gradient: var(--color-default-neutral-100);
805
640
  --ctx-border: var(--color-default-neutral-300);
641
+ --ctx-border-bold: var(--color-default-neutral-800);
806
642
  --ctx-shadow: var(--color-neutral-alpha-500A);
807
643
  --ctx-text-hover: var(--color-default-neutral-1000);
808
- --ctx-text-pressed: var(--color-default-neutral-1000);
809
644
  --ctx-background-hover: var(--color-default-neutral-100);
810
- --ctx-background-pressed: var(--color-default-neutral-200);
811
- --ctx-gradient-hover: var(--color-default-neutral-200);
812
- --ctx-gradient-pressed: var(--color-default-neutral-200);
813
645
  --ctx-border-hover: var(--color-default-neutral-300);
814
- --ctx-border-pressed: var(--color-default-neutral-300);
815
646
  }
816
647
 
817
648
  @utility ctx-blue-bolder {
@@ -819,16 +650,12 @@
819
650
  --ctx-text-bold: var(--color-default-blue-100);
820
651
  --ctx-background: var(--color-default-blue-700);
821
652
  --ctx-gradient: var(--color-default-blue-800);
822
- --ctx-border: var(--color-default-blue-700);
653
+ --ctx-border: var(--color-default-blue-800);
654
+ --ctx-border-bold: var(--color-default-blue-600);
823
655
  --ctx-shadow: var(--color-neutral-alpha-500A);
824
656
  --ctx-text-hover: var(--color-default-blue-200);
825
- --ctx-text-pressed: var(--color-default-blue-200);
826
657
  --ctx-background-hover: var(--color-default-blue-800);
827
- --ctx-background-pressed: var(--color-default-blue-900);
828
- --ctx-gradient-hover: var(--color-default-blue-900);
829
- --ctx-gradient-pressed: var(--color-default-blue-900);
830
- --ctx-border-hover: var(--color-default-blue-700);
831
- --ctx-border-pressed: var(--color-default-blue-700);
658
+ --ctx-border-hover: var(--color-default-blue-800);
832
659
  }
833
660
 
834
661
  @utility ctx-blue-subtle {
@@ -837,15 +664,11 @@
837
664
  --ctx-background: var(--color-default-blue-400);
838
665
  --ctx-gradient: var(--color-default-blue-300);
839
666
  --ctx-border: var(--color-default-blue-500);
667
+ --ctx-border-bold: var(--color-default-blue-700);
840
668
  --ctx-shadow: var(--color-neutral-alpha-500A);
841
669
  --ctx-text-hover: var(--color-default-blue-900);
842
- --ctx-text-pressed: var(--color-default-blue-900);
843
670
  --ctx-background-hover: var(--color-default-blue-300);
844
- --ctx-background-pressed: var(--color-default-blue-200);
845
- --ctx-gradient-hover: var(--color-default-blue-200);
846
- --ctx-gradient-pressed: var(--color-default-blue-200);
847
671
  --ctx-border-hover: var(--color-default-blue-500);
848
- --ctx-border-pressed: var(--color-default-blue-500);
849
672
  }
850
673
 
851
674
  @utility ctx-blue-subtler {
@@ -853,16 +676,12 @@
853
676
  --ctx-text-bold: var(--color-default-blue-900);
854
677
  --ctx-background: var(--color-default-blue-200);
855
678
  --ctx-gradient: var(--color-default-blue-300);
856
- --ctx-border: var(--color-default-blue-400);
679
+ --ctx-border: var(--color-default-blue-300);
680
+ --ctx-border-bold: var(--color-default-blue-500);
857
681
  --ctx-shadow: var(--color-neutral-alpha-500A);
858
682
  --ctx-text-hover: var(--color-default-blue-800);
859
- --ctx-text-pressed: var(--color-default-blue-800);
860
683
  --ctx-background-hover: var(--color-default-blue-300);
861
- --ctx-background-pressed: var(--color-default-blue-400);
862
- --ctx-gradient-hover: var(--color-default-blue-400);
863
- --ctx-gradient-pressed: var(--color-default-blue-400);
864
- --ctx-border-hover: var(--color-default-blue-400);
865
- --ctx-border-pressed: var(--color-default-blue-400);
684
+ --ctx-border-hover: var(--color-default-blue-300);
866
685
  }
867
686
 
868
687
  @utility ctx-blue-subtlest {
@@ -870,16 +689,12 @@
870
689
  --ctx-text-bold: var(--color-default-blue-900);
871
690
  --ctx-background: var(--color-default-blue-100);
872
691
  --ctx-gradient: var(--color-default-blue-200);
873
- --ctx-border: var(--color-default-blue-300);
692
+ --ctx-border: var(--color-default-blue-200);
693
+ --ctx-border-bold: var(--color-default-blue-400);
874
694
  --ctx-shadow: var(--color-neutral-alpha-500A);
875
695
  --ctx-text-hover: var(--color-default-blue-800);
876
- --ctx-text-pressed: var(--color-default-blue-800);
877
696
  --ctx-background-hover: var(--color-default-blue-200);
878
- --ctx-background-pressed: var(--color-default-blue-300);
879
- --ctx-gradient-hover: var(--color-default-blue-300);
880
- --ctx-gradient-pressed: var(--color-default-blue-300);
881
- --ctx-border-hover: var(--color-default-blue-300);
882
- --ctx-border-pressed: var(--color-default-blue-300);
697
+ --ctx-border-hover: var(--color-default-blue-200);
883
698
  }
884
699
 
885
700
  @utility ctx-brand-bold {
@@ -887,16 +702,12 @@
887
702
  --ctx-text-bold: var(--color-default-neutral-100);
888
703
  --ctx-background: var(--color-default-bcc-600);
889
704
  --ctx-gradient: var(--color-default-bcc-700);
890
- --ctx-border: var(--color-default-bcc-600);
705
+ --ctx-border: var(--color-default-bcc-700);
706
+ --ctx-border-bold: var(--color-default-bcc-500);
891
707
  --ctx-shadow: var(--color-neutral-alpha-500A);
892
708
  --ctx-text-hover: var(--color-default-bcc-200);
893
- --ctx-text-pressed: var(--color-default-bcc-200);
894
709
  --ctx-background-hover: var(--color-default-bcc-700);
895
- --ctx-background-pressed: var(--color-default-bcc-800);
896
- --ctx-gradient-hover: var(--color-default-bcc-800);
897
- --ctx-gradient-pressed: var(--color-default-bcc-800);
898
- --ctx-border-hover: var(--color-default-bcc-600);
899
- --ctx-border-pressed: var(--color-default-bcc-600);
710
+ --ctx-border-hover: var(--color-default-bcc-700);
900
711
  }
901
712
 
902
713
  @utility ctx-brand-bolder {
@@ -904,16 +715,12 @@
904
715
  --ctx-text-bold: var(--color-default-neutral-0);
905
716
  --ctx-background: var(--color-default-bcc-800);
906
717
  --ctx-gradient: var(--color-default-bcc-900);
907
- --ctx-border: var(--color-default-bcc-700);
718
+ --ctx-border: var(--color-default-bcc-900);
719
+ --ctx-border-bold: var(--color-default-bcc-700);
908
720
  --ctx-shadow: var(--color-neutral-alpha-500A);
909
721
  --ctx-text-hover: var(--color-default-neutral-0);
910
- --ctx-text-pressed: var(--color-default-neutral-0);
911
722
  --ctx-background-hover: var(--color-default-bcc-900);
912
- --ctx-background-pressed: var(--color-default-bcc-1000);
913
- --ctx-gradient-hover: var(--color-default-bcc-1000);
914
- --ctx-gradient-pressed: var(--color-default-bcc-1000);
915
- --ctx-border-hover: var(--color-default-bcc-700);
916
- --ctx-border-pressed: var(--color-default-bcc-700);
723
+ --ctx-border-hover: var(--color-default-bcc-900);
917
724
  }
918
725
 
919
726
  @utility ctx-brand-boldest {
@@ -922,15 +729,11 @@
922
729
  --ctx-background: var(--color-default-bcc-1000);
923
730
  --ctx-gradient: var(--color-default-bcc-900);
924
731
  --ctx-border: var(--color-default-bcc-800);
732
+ --ctx-border-bold: var(--color-default-bcc-600);
925
733
  --ctx-shadow: var(--color-neutral-alpha-500A);
926
734
  --ctx-text-hover: var(--color-default-neutral-0);
927
- --ctx-text-pressed: var(--color-default-neutral-0);
928
735
  --ctx-background-hover: var(--color-default-bcc-900);
929
- --ctx-background-pressed: var(--color-default-bcc-800);
930
- --ctx-gradient-hover: var(--color-default-bcc-800);
931
- --ctx-gradient-pressed: var(--color-default-bcc-800);
932
736
  --ctx-border-hover: var(--color-default-bcc-800);
933
- --ctx-border-pressed: var(--color-default-bcc-800);
934
737
  }
935
738
 
936
739
  @utility ctx-brand-default {
@@ -939,15 +742,11 @@
939
742
  --ctx-background: var(--color-default-neutral-0);
940
743
  --ctx-gradient: var(--color-default-neutral-0);
941
744
  --ctx-border: var(--color-default-neutral-700);
745
+ --ctx-border-bold: var(--color-default-neutral-800);
942
746
  --ctx-shadow: var(--color-neutral-alpha-500A);
943
747
  --ctx-text-hover: var(--color-default-neutral-1000);
944
- --ctx-text-pressed: var(--color-default-neutral-1000);
945
748
  --ctx-background-hover: var(--color-default-neutral-0);
946
- --ctx-background-pressed: var(--color-default-neutral-0);
947
- --ctx-gradient-hover: var(--color-default-neutral-0);
948
- --ctx-gradient-pressed: var(--color-default-neutral-0);
949
749
  --ctx-border-hover: var(--color-default-neutral-700);
950
- --ctx-border-pressed: var(--color-default-neutral-700);
951
750
  }
952
751
 
953
752
  @utility ctx-brand-subtle {
@@ -956,15 +755,11 @@
956
755
  --ctx-background: var(--color-default-bcc-400);
957
756
  --ctx-gradient: var(--color-default-bcc-300);
958
757
  --ctx-border: var(--color-default-bcc-500);
758
+ --ctx-border-bold: var(--color-default-bcc-700);
959
759
  --ctx-shadow: var(--color-neutral-alpha-500A);
960
760
  --ctx-text-hover: var(--color-default-bcc-1000);
961
- --ctx-text-pressed: var(--color-default-bcc-1000);
962
761
  --ctx-background-hover: var(--color-default-bcc-300);
963
- --ctx-background-pressed: var(--color-default-bcc-200);
964
- --ctx-gradient-hover: var(--color-default-bcc-200);
965
- --ctx-gradient-pressed: var(--color-default-bcc-200);
966
762
  --ctx-border-hover: var(--color-default-bcc-500);
967
- --ctx-border-pressed: var(--color-default-bcc-500);
968
763
  }
969
764
 
970
765
  @utility ctx-brand-subtler {
@@ -972,16 +767,12 @@
972
767
  --ctx-text-bold: var(--color-default-bcc-800);
973
768
  --ctx-background: var(--color-default-bcc-200);
974
769
  --ctx-gradient: var(--color-default-bcc-300);
975
- --ctx-border: var(--color-default-bcc-400);
770
+ --ctx-border: var(--color-default-bcc-300);
771
+ --ctx-border-bold: var(--color-default-bcc-500);
976
772
  --ctx-shadow: var(--color-neutral-alpha-500A);
977
773
  --ctx-text-hover: var(--color-default-bcc-900);
978
- --ctx-text-pressed: var(--color-default-bcc-900);
979
774
  --ctx-background-hover: var(--color-default-bcc-300);
980
- --ctx-background-pressed: var(--color-default-bcc-400);
981
- --ctx-gradient-hover: var(--color-default-bcc-400);
982
- --ctx-gradient-pressed: var(--color-default-bcc-400);
983
- --ctx-border-hover: var(--color-default-bcc-400);
984
- --ctx-border-pressed: var(--color-default-bcc-400);
775
+ --ctx-border-hover: var(--color-default-bcc-300);
985
776
  }
986
777
 
987
778
  @utility ctx-brand-subtlest {
@@ -989,16 +780,12 @@
989
780
  --ctx-text-bold: var(--color-default-bcc-700);
990
781
  --ctx-background: var(--color-default-bcc-100);
991
782
  --ctx-gradient: var(--color-default-bcc-200);
992
- --ctx-border: var(--color-default-bcc-300);
783
+ --ctx-border: var(--color-default-bcc-200);
784
+ --ctx-border-bold: var(--color-default-bcc-400);
993
785
  --ctx-shadow: var(--color-neutral-alpha-500A);
994
786
  --ctx-text-hover: var(--color-default-bcc-800);
995
- --ctx-text-pressed: var(--color-default-bcc-800);
996
787
  --ctx-background-hover: var(--color-default-bcc-200);
997
- --ctx-background-pressed: var(--color-default-bcc-300);
998
- --ctx-gradient-hover: var(--color-default-bcc-300);
999
- --ctx-gradient-pressed: var(--color-default-bcc-300);
1000
- --ctx-border-hover: var(--color-default-bcc-300);
1001
- --ctx-border-pressed: var(--color-default-bcc-300);
788
+ --ctx-border-hover: var(--color-default-bcc-200);
1002
789
  }
1003
790
 
1004
791
  @utility ctx-brown-bolder {
@@ -1006,16 +793,12 @@
1006
793
  --ctx-text-bold: var(--color-default-brown-100);
1007
794
  --ctx-background: var(--color-default-brown-700);
1008
795
  --ctx-gradient: var(--color-default-brown-800);
1009
- --ctx-border: var(--color-default-brown-700);
796
+ --ctx-border: var(--color-default-brown-800);
797
+ --ctx-border-bold: var(--color-default-brown-600);
1010
798
  --ctx-shadow: var(--color-neutral-alpha-500A);
1011
799
  --ctx-text-hover: var(--color-default-brown-200);
1012
- --ctx-text-pressed: var(--color-default-brown-200);
1013
800
  --ctx-background-hover: var(--color-default-brown-800);
1014
- --ctx-background-pressed: var(--color-default-brown-900);
1015
- --ctx-gradient-hover: var(--color-default-brown-900);
1016
- --ctx-gradient-pressed: var(--color-default-brown-900);
1017
- --ctx-border-hover: var(--color-default-brown-700);
1018
- --ctx-border-pressed: var(--color-default-brown-700);
801
+ --ctx-border-hover: var(--color-default-brown-800);
1019
802
  }
1020
803
 
1021
804
  @utility ctx-brown-subtle {
@@ -1024,15 +807,11 @@
1024
807
  --ctx-background: var(--color-default-brown-400);
1025
808
  --ctx-gradient: var(--color-default-brown-300);
1026
809
  --ctx-border: var(--color-default-brown-500);
810
+ --ctx-border-bold: var(--color-default-brown-700);
1027
811
  --ctx-shadow: var(--color-neutral-alpha-500A);
1028
812
  --ctx-text-hover: var(--color-default-brown-900);
1029
- --ctx-text-pressed: var(--color-default-brown-900);
1030
813
  --ctx-background-hover: var(--color-default-brown-300);
1031
- --ctx-background-pressed: var(--color-default-brown-200);
1032
- --ctx-gradient-hover: var(--color-default-brown-200);
1033
- --ctx-gradient-pressed: var(--color-default-brown-200);
1034
814
  --ctx-border-hover: var(--color-default-brown-500);
1035
- --ctx-border-pressed: var(--color-default-brown-500);
1036
815
  }
1037
816
 
1038
817
  @utility ctx-brown-subtler {
@@ -1040,16 +819,12 @@
1040
819
  --ctx-text-bold: var(--color-default-brown-900);
1041
820
  --ctx-background: var(--color-default-brown-200);
1042
821
  --ctx-gradient: var(--color-default-brown-300);
1043
- --ctx-border: var(--color-default-brown-400);
822
+ --ctx-border: var(--color-default-brown-300);
823
+ --ctx-border-bold: var(--color-default-brown-500);
1044
824
  --ctx-shadow: var(--color-neutral-alpha-500A);
1045
825
  --ctx-text-hover: var(--color-default-brown-800);
1046
- --ctx-text-pressed: var(--color-default-brown-800);
1047
826
  --ctx-background-hover: var(--color-default-brown-300);
1048
- --ctx-background-pressed: var(--color-default-brown-400);
1049
- --ctx-gradient-hover: var(--color-default-brown-400);
1050
- --ctx-gradient-pressed: var(--color-default-brown-400);
1051
- --ctx-border-hover: var(--color-default-brown-400);
1052
- --ctx-border-pressed: var(--color-default-brown-400);
827
+ --ctx-border-hover: var(--color-default-brown-300);
1053
828
  }
1054
829
 
1055
830
  @utility ctx-brown-subtlest {
@@ -1057,16 +832,12 @@
1057
832
  --ctx-text-bold: var(--color-default-brown-900);
1058
833
  --ctx-background: var(--color-default-brown-100);
1059
834
  --ctx-gradient: var(--color-default-brown-200);
1060
- --ctx-border: var(--color-default-brown-300);
835
+ --ctx-border: var(--color-default-brown-200);
836
+ --ctx-border-bold: var(--color-default-brown-400);
1061
837
  --ctx-shadow: var(--color-neutral-alpha-500A);
1062
838
  --ctx-text-hover: var(--color-default-brown-800);
1063
- --ctx-text-pressed: var(--color-default-brown-800);
1064
839
  --ctx-background-hover: var(--color-default-brown-200);
1065
- --ctx-background-pressed: var(--color-default-brown-300);
1066
- --ctx-gradient-hover: var(--color-default-brown-300);
1067
- --ctx-gradient-pressed: var(--color-default-brown-300);
1068
- --ctx-border-hover: var(--color-default-brown-300);
1069
- --ctx-border-pressed: var(--color-default-brown-300);
840
+ --ctx-border-hover: var(--color-default-brown-200);
1070
841
  }
1071
842
 
1072
843
  @utility ctx-danger-bolder {
@@ -1075,15 +846,11 @@
1075
846
  --ctx-background: var(--color-default-red-700);
1076
847
  --ctx-gradient: var(--color-default-red-800);
1077
848
  --ctx-border: var(--color-default-red-700);
849
+ --ctx-border-bold: var(--color-default-red-400);
1078
850
  --ctx-shadow: var(--color-neutral-alpha-500A);
1079
851
  --ctx-text-hover: var(--color-default-red-200);
1080
- --ctx-text-pressed: var(--color-default-red-200);
1081
852
  --ctx-background-hover: var(--color-default-red-800);
1082
- --ctx-background-pressed: var(--color-default-red-900);
1083
- --ctx-gradient-hover: var(--color-default-red-900);
1084
- --ctx-gradient-pressed: var(--color-default-red-900);
1085
853
  --ctx-border-hover: var(--color-default-red-700);
1086
- --ctx-border-pressed: var(--color-default-red-700);
1087
854
  }
1088
855
 
1089
856
  @utility ctx-danger-subtlest {
@@ -1092,15 +859,11 @@
1092
859
  --ctx-background: var(--color-default-red-100);
1093
860
  --ctx-gradient: var(--color-default-red-200);
1094
861
  --ctx-border: var(--color-default-red-300);
862
+ --ctx-border-bold: var(--color-default-red-800);
1095
863
  --ctx-shadow: var(--color-neutral-alpha-500A);
1096
864
  --ctx-text-hover: var(--color-default-red-800);
1097
- --ctx-text-pressed: var(--color-default-red-800);
1098
865
  --ctx-background-hover: var(--color-default-red-200);
1099
- --ctx-background-pressed: var(--color-default-red-300);
1100
- --ctx-gradient-hover: var(--color-default-red-300);
1101
- --ctx-gradient-pressed: var(--color-default-red-300);
1102
866
  --ctx-border-hover: var(--color-default-red-300);
1103
- --ctx-border-pressed: var(--color-default-red-300);
1104
867
  }
1105
868
 
1106
869
  @utility ctx-gray-bolder {
@@ -1108,16 +871,12 @@
1108
871
  --ctx-text-bold: var(--color-default-neutral-100);
1109
872
  --ctx-background: var(--color-default-neutral-700);
1110
873
  --ctx-gradient: var(--color-default-neutral-800);
1111
- --ctx-border: var(--color-default-neutral-700);
874
+ --ctx-border: var(--color-default-neutral-800);
875
+ --ctx-border-bold: var(--color-default-neutral-600);
1112
876
  --ctx-shadow: var(--color-neutral-alpha-500A);
1113
877
  --ctx-text-hover: var(--color-default-neutral-200);
1114
- --ctx-text-pressed: var(--color-default-neutral-200);
1115
878
  --ctx-background-hover: var(--color-default-neutral-800);
1116
- --ctx-background-pressed: var(--color-default-neutral-900);
1117
- --ctx-gradient-hover: var(--color-default-neutral-900);
1118
- --ctx-gradient-pressed: var(--color-default-neutral-900);
1119
- --ctx-border-hover: var(--color-default-neutral-700);
1120
- --ctx-border-pressed: var(--color-default-neutral-700);
879
+ --ctx-border-hover: var(--color-default-neutral-800);
1121
880
  }
1122
881
 
1123
882
  @utility ctx-gray-subtle {
@@ -1126,15 +885,11 @@
1126
885
  --ctx-background: var(--color-default-neutral-400);
1127
886
  --ctx-gradient: var(--color-default-neutral-300);
1128
887
  --ctx-border: var(--color-default-neutral-500);
888
+ --ctx-border-bold: var(--color-default-neutral-700);
1129
889
  --ctx-shadow: var(--color-neutral-alpha-500A);
1130
890
  --ctx-text-hover: var(--color-default-neutral-900);
1131
- --ctx-text-pressed: var(--color-default-neutral-900);
1132
891
  --ctx-background-hover: var(--color-default-neutral-300);
1133
- --ctx-background-pressed: var(--color-default-neutral-200);
1134
- --ctx-gradient-hover: var(--color-default-neutral-200);
1135
- --ctx-gradient-pressed: var(--color-default-neutral-200);
1136
892
  --ctx-border-hover: var(--color-default-neutral-500);
1137
- --ctx-border-pressed: var(--color-default-neutral-500);
1138
893
  }
1139
894
 
1140
895
  @utility ctx-gray-subtler {
@@ -1142,16 +897,12 @@
1142
897
  --ctx-text-bold: var(--color-default-neutral-900);
1143
898
  --ctx-background: var(--color-default-neutral-200);
1144
899
  --ctx-gradient: var(--color-default-neutral-300);
1145
- --ctx-border: var(--color-default-neutral-400);
900
+ --ctx-border: var(--color-default-neutral-300);
901
+ --ctx-border-bold: var(--color-default-neutral-500);
1146
902
  --ctx-shadow: var(--color-neutral-alpha-500A);
1147
903
  --ctx-text-hover: var(--color-default-neutral-800);
1148
- --ctx-text-pressed: var(--color-default-neutral-800);
1149
904
  --ctx-background-hover: var(--color-default-neutral-300);
1150
- --ctx-background-pressed: var(--color-default-neutral-400);
1151
- --ctx-gradient-hover: var(--color-default-neutral-400);
1152
- --ctx-gradient-pressed: var(--color-default-neutral-400);
1153
- --ctx-border-hover: var(--color-default-neutral-400);
1154
- --ctx-border-pressed: var(--color-default-neutral-400);
905
+ --ctx-border-hover: var(--color-default-neutral-300);
1155
906
  }
1156
907
 
1157
908
  @utility ctx-gray-subtlest {
@@ -1159,16 +910,12 @@
1159
910
  --ctx-text-bold: var(--color-default-neutral-900);
1160
911
  --ctx-background: var(--color-default-neutral-100);
1161
912
  --ctx-gradient: var(--color-default-neutral-200);
1162
- --ctx-border: var(--color-default-neutral-300);
913
+ --ctx-border: var(--color-default-neutral-200);
914
+ --ctx-border-bold: var(--color-default-neutral-400);
1163
915
  --ctx-shadow: var(--color-neutral-alpha-500A);
1164
916
  --ctx-text-hover: var(--color-default-neutral-800);
1165
- --ctx-text-pressed: var(--color-default-neutral-800);
1166
917
  --ctx-background-hover: var(--color-default-neutral-200);
1167
- --ctx-background-pressed: var(--color-default-neutral-300);
1168
- --ctx-gradient-hover: var(--color-default-neutral-300);
1169
- --ctx-gradient-pressed: var(--color-default-neutral-300);
1170
- --ctx-border-hover: var(--color-default-neutral-300);
1171
- --ctx-border-pressed: var(--color-default-neutral-300);
918
+ --ctx-border-hover: var(--color-default-neutral-200);
1172
919
  }
1173
920
 
1174
921
  @utility ctx-green-bolder {
@@ -1176,16 +923,12 @@
1176
923
  --ctx-text-bold: var(--color-default-green-100);
1177
924
  --ctx-background: var(--color-default-green-700);
1178
925
  --ctx-gradient: var(--color-default-green-800);
1179
- --ctx-border: var(--color-default-green-700);
926
+ --ctx-border: var(--color-default-green-800);
927
+ --ctx-border-bold: var(--color-default-green-600);
1180
928
  --ctx-shadow: var(--color-neutral-alpha-500A);
1181
929
  --ctx-text-hover: var(--color-default-green-200);
1182
- --ctx-text-pressed: var(--color-default-green-200);
1183
930
  --ctx-background-hover: var(--color-default-green-800);
1184
- --ctx-background-pressed: var(--color-default-green-900);
1185
- --ctx-gradient-hover: var(--color-default-green-900);
1186
- --ctx-gradient-pressed: var(--color-default-green-900);
1187
- --ctx-border-hover: var(--color-default-green-700);
1188
- --ctx-border-pressed: var(--color-default-green-700);
931
+ --ctx-border-hover: var(--color-default-green-800);
1189
932
  }
1190
933
 
1191
934
  @utility ctx-green-subtle {
@@ -1194,15 +937,11 @@
1194
937
  --ctx-background: var(--color-default-green-400);
1195
938
  --ctx-gradient: var(--color-default-green-300);
1196
939
  --ctx-border: var(--color-default-green-500);
940
+ --ctx-border-bold: var(--color-default-green-700);
1197
941
  --ctx-shadow: var(--color-neutral-alpha-500A);
1198
942
  --ctx-text-hover: var(--color-default-green-900);
1199
- --ctx-text-pressed: var(--color-default-green-900);
1200
943
  --ctx-background-hover: var(--color-default-green-300);
1201
- --ctx-background-pressed: var(--color-default-green-200);
1202
- --ctx-gradient-hover: var(--color-default-green-200);
1203
- --ctx-gradient-pressed: var(--color-default-green-200);
1204
944
  --ctx-border-hover: var(--color-default-green-500);
1205
- --ctx-border-pressed: var(--color-default-green-500);
1206
945
  }
1207
946
 
1208
947
  @utility ctx-green-subtler {
@@ -1210,16 +949,12 @@
1210
949
  --ctx-text-bold: var(--color-default-green-900);
1211
950
  --ctx-background: var(--color-default-green-200);
1212
951
  --ctx-gradient: var(--color-default-green-300);
1213
- --ctx-border: var(--color-default-green-400);
952
+ --ctx-border: var(--color-default-green-300);
953
+ --ctx-border-bold: var(--color-default-green-500);
1214
954
  --ctx-shadow: var(--color-neutral-alpha-500A);
1215
955
  --ctx-text-hover: var(--color-default-green-800);
1216
- --ctx-text-pressed: var(--color-default-green-800);
1217
956
  --ctx-background-hover: var(--color-default-green-300);
1218
- --ctx-background-pressed: var(--color-default-green-400);
1219
- --ctx-gradient-hover: var(--color-default-green-400);
1220
- --ctx-gradient-pressed: var(--color-default-green-400);
1221
- --ctx-border-hover: var(--color-default-green-400);
1222
- --ctx-border-pressed: var(--color-default-green-400);
957
+ --ctx-border-hover: var(--color-default-green-300);
1223
958
  }
1224
959
 
1225
960
  @utility ctx-green-subtlest {
@@ -1227,16 +962,12 @@
1227
962
  --ctx-text-bold: var(--color-default-green-900);
1228
963
  --ctx-background: var(--color-default-green-100);
1229
964
  --ctx-gradient: var(--color-default-green-200);
1230
- --ctx-border: var(--color-default-green-300);
965
+ --ctx-border: var(--color-default-green-200);
966
+ --ctx-border-bold: var(--color-default-green-400);
1231
967
  --ctx-shadow: var(--color-neutral-alpha-500A);
1232
968
  --ctx-text-hover: var(--color-default-green-800);
1233
- --ctx-text-pressed: var(--color-default-green-800);
1234
969
  --ctx-background-hover: var(--color-default-green-200);
1235
- --ctx-background-pressed: var(--color-default-green-300);
1236
- --ctx-gradient-hover: var(--color-default-green-300);
1237
- --ctx-gradient-pressed: var(--color-default-green-300);
1238
- --ctx-border-hover: var(--color-default-green-300);
1239
- --ctx-border-pressed: var(--color-default-green-300);
970
+ --ctx-border-hover: var(--color-default-green-200);
1240
971
  }
1241
972
 
1242
973
  @utility ctx-info-bolder {
@@ -1245,15 +976,11 @@
1245
976
  --ctx-background: var(--color-default-blue-700);
1246
977
  --ctx-gradient: var(--color-default-blue-800);
1247
978
  --ctx-border: var(--color-default-blue-700);
979
+ --ctx-border-bold: var(--color-default-blue-400);
1248
980
  --ctx-shadow: var(--color-neutral-alpha-500A);
1249
981
  --ctx-text-hover: var(--color-default-blue-200);
1250
- --ctx-text-pressed: var(--color-default-blue-200);
1251
982
  --ctx-background-hover: var(--color-default-blue-800);
1252
- --ctx-background-pressed: var(--color-default-blue-900);
1253
- --ctx-gradient-hover: var(--color-default-blue-900);
1254
- --ctx-gradient-pressed: var(--color-default-blue-900);
1255
983
  --ctx-border-hover: var(--color-default-blue-700);
1256
- --ctx-border-pressed: var(--color-default-blue-700);
1257
984
  }
1258
985
 
1259
986
  @utility ctx-info-subtlest {
@@ -1262,15 +989,11 @@
1262
989
  --ctx-background: var(--color-default-blue-100);
1263
990
  --ctx-gradient: var(--color-default-blue-200);
1264
991
  --ctx-border: var(--color-default-blue-300);
992
+ --ctx-border-bold: var(--color-default-blue-800);
1265
993
  --ctx-shadow: var(--color-neutral-alpha-500A);
1266
994
  --ctx-text-hover: var(--color-default-blue-800);
1267
- --ctx-text-pressed: var(--color-default-blue-800);
1268
995
  --ctx-background-hover: var(--color-default-blue-200);
1269
- --ctx-background-pressed: var(--color-default-blue-300);
1270
- --ctx-gradient-hover: var(--color-default-blue-300);
1271
- --ctx-gradient-pressed: var(--color-default-blue-300);
1272
996
  --ctx-border-hover: var(--color-default-blue-300);
1273
- --ctx-border-pressed: var(--color-default-blue-300);
1274
997
  }
1275
998
 
1276
999
  @utility ctx-magenta-bolder {
@@ -1278,16 +1001,12 @@
1278
1001
  --ctx-text-bold: var(--color-default-magenta-100);
1279
1002
  --ctx-background: var(--color-default-magenta-700);
1280
1003
  --ctx-gradient: var(--color-default-magenta-800);
1281
- --ctx-border: var(--color-default-magenta-700);
1004
+ --ctx-border: var(--color-default-magenta-800);
1005
+ --ctx-border-bold: var(--color-default-magenta-600);
1282
1006
  --ctx-shadow: var(--color-neutral-alpha-500A);
1283
1007
  --ctx-text-hover: var(--color-default-magenta-200);
1284
- --ctx-text-pressed: var(--color-default-magenta-200);
1285
1008
  --ctx-background-hover: var(--color-default-magenta-800);
1286
- --ctx-background-pressed: var(--color-default-magenta-900);
1287
- --ctx-gradient-hover: var(--color-default-magenta-900);
1288
- --ctx-gradient-pressed: var(--color-default-magenta-900);
1289
- --ctx-border-hover: var(--color-default-magenta-700);
1290
- --ctx-border-pressed: var(--color-default-magenta-700);
1009
+ --ctx-border-hover: var(--color-default-magenta-800);
1291
1010
  }
1292
1011
 
1293
1012
  @utility ctx-magenta-subtle {
@@ -1296,15 +1015,11 @@
1296
1015
  --ctx-background: var(--color-default-magenta-400);
1297
1016
  --ctx-gradient: var(--color-default-magenta-300);
1298
1017
  --ctx-border: var(--color-default-magenta-500);
1018
+ --ctx-border-bold: var(--color-default-magenta-700);
1299
1019
  --ctx-shadow: var(--color-neutral-alpha-500A);
1300
1020
  --ctx-text-hover: var(--color-default-magenta-900);
1301
- --ctx-text-pressed: var(--color-default-magenta-900);
1302
1021
  --ctx-background-hover: var(--color-default-magenta-300);
1303
- --ctx-background-pressed: var(--color-default-magenta-200);
1304
- --ctx-gradient-hover: var(--color-default-magenta-200);
1305
- --ctx-gradient-pressed: var(--color-default-magenta-200);
1306
1022
  --ctx-border-hover: var(--color-default-magenta-500);
1307
- --ctx-border-pressed: var(--color-default-magenta-500);
1308
1023
  }
1309
1024
 
1310
1025
  @utility ctx-magenta-subtler {
@@ -1312,16 +1027,12 @@
1312
1027
  --ctx-text-bold: var(--color-default-magenta-900);
1313
1028
  --ctx-background: var(--color-default-magenta-200);
1314
1029
  --ctx-gradient: var(--color-default-magenta-300);
1315
- --ctx-border: var(--color-default-magenta-400);
1030
+ --ctx-border: var(--color-default-magenta-300);
1031
+ --ctx-border-bold: var(--color-default-magenta-500);
1316
1032
  --ctx-shadow: var(--color-neutral-alpha-500A);
1317
1033
  --ctx-text-hover: var(--color-default-magenta-800);
1318
- --ctx-text-pressed: var(--color-default-magenta-800);
1319
1034
  --ctx-background-hover: var(--color-default-magenta-300);
1320
- --ctx-background-pressed: var(--color-default-magenta-400);
1321
- --ctx-gradient-hover: var(--color-default-magenta-400);
1322
- --ctx-gradient-pressed: var(--color-default-magenta-400);
1323
- --ctx-border-hover: var(--color-default-magenta-400);
1324
- --ctx-border-pressed: var(--color-default-magenta-400);
1035
+ --ctx-border-hover: var(--color-default-magenta-300);
1325
1036
  }
1326
1037
 
1327
1038
  @utility ctx-magenta-subtlest {
@@ -1329,16 +1040,12 @@
1329
1040
  --ctx-text-bold: var(--color-default-magenta-900);
1330
1041
  --ctx-background: var(--color-default-magenta-100);
1331
1042
  --ctx-gradient: var(--color-default-magenta-200);
1332
- --ctx-border: var(--color-default-magenta-300);
1043
+ --ctx-border: var(--color-default-magenta-200);
1044
+ --ctx-border-bold: var(--color-default-magenta-400);
1333
1045
  --ctx-shadow: var(--color-neutral-alpha-500A);
1334
1046
  --ctx-text-hover: var(--color-default-magenta-800);
1335
- --ctx-text-pressed: var(--color-default-magenta-800);
1336
1047
  --ctx-background-hover: var(--color-default-magenta-200);
1337
- --ctx-background-pressed: var(--color-default-magenta-300);
1338
- --ctx-gradient-hover: var(--color-default-magenta-300);
1339
- --ctx-gradient-pressed: var(--color-default-magenta-300);
1340
- --ctx-border-hover: var(--color-default-magenta-300);
1341
- --ctx-border-pressed: var(--color-default-magenta-300);
1048
+ --ctx-border-hover: var(--color-default-magenta-200);
1342
1049
  }
1343
1050
 
1344
1051
  @utility ctx-neutral-bold {
@@ -1347,15 +1054,11 @@
1347
1054
  --ctx-background: var(--color-default-neutral-900);
1348
1055
  --ctx-gradient: var(--color-default-neutral-800);
1349
1056
  --ctx-border: var(--color-default-neutral-600);
1057
+ --ctx-border-bold: var(--color-default-neutral-500);
1350
1058
  --ctx-shadow: var(--color-neutral-alpha-500A);
1351
1059
  --ctx-text-hover: var(--color-default-neutral-300);
1352
- --ctx-text-pressed: var(--color-default-neutral-300);
1353
1060
  --ctx-background-hover: var(--color-default-neutral-800);
1354
- --ctx-background-pressed: var(--color-default-neutral-700);
1355
- --ctx-gradient-hover: var(--color-default-neutral-700);
1356
- --ctx-gradient-pressed: var(--color-default-neutral-700);
1357
1061
  --ctx-border-hover: var(--color-default-neutral-600);
1358
- --ctx-border-pressed: var(--color-default-neutral-600);
1359
1062
  }
1360
1063
 
1361
1064
  @utility ctx-neutral-bolder {
@@ -1364,15 +1067,11 @@
1364
1067
  --ctx-background: var(--color-default-neutral-1000);
1365
1068
  --ctx-gradient: var(--color-default-neutral-900);
1366
1069
  --ctx-border: var(--color-default-neutral-700);
1070
+ --ctx-border-bold: var(--color-default-neutral-400);
1367
1071
  --ctx-shadow: var(--color-neutral-alpha-500A);
1368
1072
  --ctx-text-hover: var(--color-default-neutral-200);
1369
- --ctx-text-pressed: var(--color-default-neutral-200);
1370
1073
  --ctx-background-hover: var(--color-default-neutral-900);
1371
- --ctx-background-pressed: var(--color-default-neutral-800);
1372
- --ctx-gradient-hover: var(--color-default-neutral-800);
1373
- --ctx-gradient-pressed: var(--color-default-neutral-800);
1374
1074
  --ctx-border-hover: var(--color-default-neutral-700);
1375
- --ctx-border-pressed: var(--color-default-neutral-700);
1376
1075
  }
1377
1076
 
1378
1077
  @utility ctx-neutral-boldest {
@@ -1381,15 +1080,11 @@
1381
1080
  --ctx-background: var(--color-default-neutral-1100);
1382
1081
  --ctx-gradient: var(--color-default-neutral-1000);
1383
1082
  --ctx-border: var(--color-default-neutral-800);
1083
+ --ctx-border-bold: var(--color-default-neutral-300);
1384
1084
  --ctx-shadow: var(--color-neutral-alpha-500A);
1385
1085
  --ctx-text-hover: var(--color-default-neutral-100);
1386
- --ctx-text-pressed: var(--color-default-neutral-100);
1387
1086
  --ctx-background-hover: var(--color-default-neutral-1000);
1388
- --ctx-background-pressed: var(--color-default-neutral-900);
1389
- --ctx-gradient-hover: var(--color-default-neutral-900);
1390
- --ctx-gradient-pressed: var(--color-default-neutral-900);
1391
1087
  --ctx-border-hover: var(--color-default-neutral-800);
1392
- --ctx-border-pressed: var(--color-default-neutral-800);
1393
1088
  }
1394
1089
 
1395
1090
  @utility ctx-neutral-subtle {
@@ -1398,15 +1093,11 @@
1398
1093
  --ctx-background: var(--color-default-neutral-200);
1399
1094
  --ctx-gradient: var(--color-default-neutral-300);
1400
1095
  --ctx-border: var(--color-default-neutral-500);
1096
+ --ctx-border-bold: var(--color-default-neutral-600);
1401
1097
  --ctx-shadow: var(--color-neutral-alpha-500A);
1402
1098
  --ctx-text-hover: var(--color-default-neutral-800);
1403
- --ctx-text-pressed: var(--color-default-neutral-800);
1404
1099
  --ctx-background-hover: var(--color-default-neutral-300);
1405
- --ctx-background-pressed: var(--color-default-neutral-400);
1406
- --ctx-gradient-hover: var(--color-default-neutral-400);
1407
- --ctx-gradient-pressed: var(--color-default-neutral-400);
1408
1100
  --ctx-border-hover: var(--color-default-neutral-500);
1409
- --ctx-border-pressed: var(--color-default-neutral-500);
1410
1101
  }
1411
1102
 
1412
1103
  @utility ctx-neutral-subtler {
@@ -1415,15 +1106,11 @@
1415
1106
  --ctx-background: var(--color-default-neutral-100);
1416
1107
  --ctx-gradient: var(--color-default-neutral-200);
1417
1108
  --ctx-border: var(--color-default-neutral-400);
1109
+ --ctx-border-bold: var(--color-default-neutral-700);
1418
1110
  --ctx-shadow: var(--color-neutral-alpha-500A);
1419
1111
  --ctx-text-hover: var(--color-default-neutral-900);
1420
- --ctx-text-pressed: var(--color-default-neutral-900);
1421
1112
  --ctx-background-hover: var(--color-default-neutral-200);
1422
- --ctx-background-pressed: var(--color-default-neutral-300);
1423
- --ctx-gradient-hover: var(--color-default-neutral-300);
1424
- --ctx-gradient-pressed: var(--color-default-neutral-300);
1425
1113
  --ctx-border-hover: var(--color-default-neutral-400);
1426
- --ctx-border-pressed: var(--color-default-neutral-400);
1427
1114
  }
1428
1115
 
1429
1116
  @utility ctx-neutral-subtlest {
@@ -1432,15 +1119,11 @@
1432
1119
  --ctx-background: var(--color-default-neutral-0);
1433
1120
  --ctx-gradient: var(--color-default-neutral-100);
1434
1121
  --ctx-border: var(--color-default-neutral-300);
1122
+ --ctx-border-bold: var(--color-default-neutral-800);
1435
1123
  --ctx-shadow: var(--color-neutral-alpha-500A);
1436
1124
  --ctx-text-hover: var(--color-default-neutral-1000);
1437
- --ctx-text-pressed: var(--color-default-neutral-1000);
1438
1125
  --ctx-background-hover: var(--color-default-neutral-100);
1439
- --ctx-background-pressed: var(--color-default-neutral-200);
1440
- --ctx-gradient-hover: var(--color-default-neutral-200);
1441
- --ctx-gradient-pressed: var(--color-default-neutral-200);
1442
1126
  --ctx-border-hover: var(--color-default-neutral-300);
1443
- --ctx-border-pressed: var(--color-default-neutral-300);
1444
1127
  }
1445
1128
 
1446
1129
  @utility ctx-orange-bolder {
@@ -1448,16 +1131,12 @@
1448
1131
  --ctx-text-bold: var(--color-default-orange-100);
1449
1132
  --ctx-background: var(--color-default-orange-700);
1450
1133
  --ctx-gradient: var(--color-default-orange-800);
1451
- --ctx-border: var(--color-default-orange-700);
1134
+ --ctx-border: var(--color-default-orange-800);
1135
+ --ctx-border-bold: var(--color-default-orange-600);
1452
1136
  --ctx-shadow: var(--color-neutral-alpha-500A);
1453
1137
  --ctx-text-hover: var(--color-default-orange-200);
1454
- --ctx-text-pressed: var(--color-default-orange-200);
1455
1138
  --ctx-background-hover: var(--color-default-orange-800);
1456
- --ctx-background-pressed: var(--color-default-orange-900);
1457
- --ctx-gradient-hover: var(--color-default-orange-900);
1458
- --ctx-gradient-pressed: var(--color-default-orange-900);
1459
- --ctx-border-hover: var(--color-default-orange-700);
1460
- --ctx-border-pressed: var(--color-default-orange-700);
1139
+ --ctx-border-hover: var(--color-default-orange-800);
1461
1140
  }
1462
1141
 
1463
1142
  @utility ctx-orange-subtle {
@@ -1466,15 +1145,11 @@
1466
1145
  --ctx-background: var(--color-default-orange-400);
1467
1146
  --ctx-gradient: var(--color-default-orange-300);
1468
1147
  --ctx-border: var(--color-default-orange-500);
1148
+ --ctx-border-bold: var(--color-default-orange-700);
1469
1149
  --ctx-shadow: var(--color-neutral-alpha-500A);
1470
1150
  --ctx-text-hover: var(--color-default-orange-900);
1471
- --ctx-text-pressed: var(--color-default-orange-900);
1472
1151
  --ctx-background-hover: var(--color-default-orange-300);
1473
- --ctx-background-pressed: var(--color-default-orange-200);
1474
- --ctx-gradient-hover: var(--color-default-orange-200);
1475
- --ctx-gradient-pressed: var(--color-default-orange-200);
1476
1152
  --ctx-border-hover: var(--color-default-orange-500);
1477
- --ctx-border-pressed: var(--color-default-orange-500);
1478
1153
  }
1479
1154
 
1480
1155
  @utility ctx-orange-subtler {
@@ -1482,16 +1157,12 @@
1482
1157
  --ctx-text-bold: var(--color-default-orange-900);
1483
1158
  --ctx-background: var(--color-default-orange-200);
1484
1159
  --ctx-gradient: var(--color-default-orange-300);
1485
- --ctx-border: var(--color-default-orange-400);
1160
+ --ctx-border: var(--color-default-orange-300);
1161
+ --ctx-border-bold: var(--color-default-orange-500);
1486
1162
  --ctx-shadow: var(--color-neutral-alpha-500A);
1487
1163
  --ctx-text-hover: var(--color-default-orange-800);
1488
- --ctx-text-pressed: var(--color-default-orange-800);
1489
1164
  --ctx-background-hover: var(--color-default-orange-300);
1490
- --ctx-background-pressed: var(--color-default-orange-400);
1491
- --ctx-gradient-hover: var(--color-default-orange-400);
1492
- --ctx-gradient-pressed: var(--color-default-orange-400);
1493
- --ctx-border-hover: var(--color-default-orange-400);
1494
- --ctx-border-pressed: var(--color-default-orange-400);
1165
+ --ctx-border-hover: var(--color-default-orange-300);
1495
1166
  }
1496
1167
 
1497
1168
  @utility ctx-orange-subtlest {
@@ -1499,16 +1170,12 @@
1499
1170
  --ctx-text-bold: var(--color-default-orange-900);
1500
1171
  --ctx-background: var(--color-default-orange-100);
1501
1172
  --ctx-gradient: var(--color-default-orange-200);
1502
- --ctx-border: var(--color-default-orange-300);
1173
+ --ctx-border: var(--color-default-orange-200);
1174
+ --ctx-border-bold: var(--color-default-orange-400);
1503
1175
  --ctx-shadow: var(--color-neutral-alpha-500A);
1504
1176
  --ctx-text-hover: var(--color-default-orange-800);
1505
- --ctx-text-pressed: var(--color-default-orange-800);
1506
1177
  --ctx-background-hover: var(--color-default-orange-200);
1507
- --ctx-background-pressed: var(--color-default-orange-300);
1508
- --ctx-gradient-hover: var(--color-default-orange-300);
1509
- --ctx-gradient-pressed: var(--color-default-orange-300);
1510
- --ctx-border-hover: var(--color-default-orange-300);
1511
- --ctx-border-pressed: var(--color-default-orange-300);
1178
+ --ctx-border-hover: var(--color-default-orange-200);
1512
1179
  }
1513
1180
 
1514
1181
  @utility ctx-purple-bolder {
@@ -1516,16 +1183,12 @@
1516
1183
  --ctx-text-bold: var(--color-default-purple-100);
1517
1184
  --ctx-background: var(--color-default-purple-700);
1518
1185
  --ctx-gradient: var(--color-default-purple-800);
1519
- --ctx-border: var(--color-default-purple-700);
1186
+ --ctx-border: var(--color-default-purple-800);
1187
+ --ctx-border-bold: var(--color-default-purple-600);
1520
1188
  --ctx-shadow: var(--color-neutral-alpha-500A);
1521
1189
  --ctx-text-hover: var(--color-default-purple-200);
1522
- --ctx-text-pressed: var(--color-default-purple-200);
1523
1190
  --ctx-background-hover: var(--color-default-purple-800);
1524
- --ctx-background-pressed: var(--color-default-purple-900);
1525
- --ctx-gradient-hover: var(--color-default-purple-900);
1526
- --ctx-gradient-pressed: var(--color-default-purple-900);
1527
- --ctx-border-hover: var(--color-default-purple-700);
1528
- --ctx-border-pressed: var(--color-default-purple-700);
1191
+ --ctx-border-hover: var(--color-default-purple-800);
1529
1192
  }
1530
1193
 
1531
1194
  @utility ctx-purple-subtle {
@@ -1534,15 +1197,11 @@
1534
1197
  --ctx-background: var(--color-default-purple-400);
1535
1198
  --ctx-gradient: var(--color-default-purple-300);
1536
1199
  --ctx-border: var(--color-default-purple-500);
1200
+ --ctx-border-bold: var(--color-default-purple-700);
1537
1201
  --ctx-shadow: var(--color-neutral-alpha-500A);
1538
1202
  --ctx-text-hover: var(--color-default-purple-900);
1539
- --ctx-text-pressed: var(--color-default-purple-900);
1540
1203
  --ctx-background-hover: var(--color-default-purple-300);
1541
- --ctx-background-pressed: var(--color-default-purple-200);
1542
- --ctx-gradient-hover: var(--color-default-purple-200);
1543
- --ctx-gradient-pressed: var(--color-default-purple-200);
1544
1204
  --ctx-border-hover: var(--color-default-purple-500);
1545
- --ctx-border-pressed: var(--color-default-purple-500);
1546
1205
  }
1547
1206
 
1548
1207
  @utility ctx-purple-subtler {
@@ -1550,16 +1209,12 @@
1550
1209
  --ctx-text-bold: var(--color-default-purple-900);
1551
1210
  --ctx-background: var(--color-default-purple-200);
1552
1211
  --ctx-gradient: var(--color-default-purple-300);
1553
- --ctx-border: var(--color-default-purple-400);
1212
+ --ctx-border: var(--color-default-purple-300);
1213
+ --ctx-border-bold: var(--color-default-purple-500);
1554
1214
  --ctx-shadow: var(--color-neutral-alpha-500A);
1555
1215
  --ctx-text-hover: var(--color-default-purple-800);
1556
- --ctx-text-pressed: var(--color-default-purple-800);
1557
1216
  --ctx-background-hover: var(--color-default-purple-300);
1558
- --ctx-background-pressed: var(--color-default-purple-400);
1559
- --ctx-gradient-hover: var(--color-default-purple-400);
1560
- --ctx-gradient-pressed: var(--color-default-purple-400);
1561
- --ctx-border-hover: var(--color-default-purple-400);
1562
- --ctx-border-pressed: var(--color-default-purple-400);
1217
+ --ctx-border-hover: var(--color-default-purple-300);
1563
1218
  }
1564
1219
 
1565
1220
  @utility ctx-purple-subtlest {
@@ -1567,16 +1222,12 @@
1567
1222
  --ctx-text-bold: var(--color-default-purple-900);
1568
1223
  --ctx-background: var(--color-default-purple-100);
1569
1224
  --ctx-gradient: var(--color-default-purple-200);
1570
- --ctx-border: var(--color-default-purple-300);
1225
+ --ctx-border: var(--color-default-purple-200);
1226
+ --ctx-border-bold: var(--color-default-purple-400);
1571
1227
  --ctx-shadow: var(--color-neutral-alpha-500A);
1572
1228
  --ctx-text-hover: var(--color-default-purple-800);
1573
- --ctx-text-pressed: var(--color-default-purple-800);
1574
1229
  --ctx-background-hover: var(--color-default-purple-200);
1575
- --ctx-background-pressed: var(--color-default-purple-300);
1576
- --ctx-gradient-hover: var(--color-default-purple-300);
1577
- --ctx-gradient-pressed: var(--color-default-purple-300);
1578
- --ctx-border-hover: var(--color-default-purple-300);
1579
- --ctx-border-pressed: var(--color-default-purple-300);
1230
+ --ctx-border-hover: var(--color-default-purple-200);
1580
1231
  }
1581
1232
 
1582
1233
  @utility ctx-red-bolder {
@@ -1584,16 +1235,12 @@
1584
1235
  --ctx-text-bold: var(--color-default-red-100);
1585
1236
  --ctx-background: var(--color-default-red-700);
1586
1237
  --ctx-gradient: var(--color-default-red-800);
1587
- --ctx-border: var(--color-default-red-700);
1238
+ --ctx-border: var(--color-default-red-800);
1239
+ --ctx-border-bold: var(--color-default-red-600);
1588
1240
  --ctx-shadow: var(--color-neutral-alpha-500A);
1589
1241
  --ctx-text-hover: var(--color-default-red-200);
1590
- --ctx-text-pressed: var(--color-default-red-200);
1591
1242
  --ctx-background-hover: var(--color-default-red-800);
1592
- --ctx-background-pressed: var(--color-default-red-900);
1593
- --ctx-gradient-hover: var(--color-default-red-900);
1594
- --ctx-gradient-pressed: var(--color-default-red-900);
1595
- --ctx-border-hover: var(--color-default-red-700);
1596
- --ctx-border-pressed: var(--color-default-red-700);
1243
+ --ctx-border-hover: var(--color-default-red-800);
1597
1244
  }
1598
1245
 
1599
1246
  @utility ctx-red-subtle {
@@ -1602,15 +1249,11 @@
1602
1249
  --ctx-background: var(--color-default-red-400);
1603
1250
  --ctx-gradient: var(--color-default-red-300);
1604
1251
  --ctx-border: var(--color-default-red-500);
1252
+ --ctx-border-bold: var(--color-default-red-700);
1605
1253
  --ctx-shadow: var(--color-neutral-alpha-500A);
1606
1254
  --ctx-text-hover: var(--color-default-red-900);
1607
- --ctx-text-pressed: var(--color-default-red-900);
1608
1255
  --ctx-background-hover: var(--color-default-red-300);
1609
- --ctx-background-pressed: var(--color-default-red-200);
1610
- --ctx-gradient-hover: var(--color-default-red-200);
1611
- --ctx-gradient-pressed: var(--color-default-red-200);
1612
1256
  --ctx-border-hover: var(--color-default-red-500);
1613
- --ctx-border-pressed: var(--color-default-red-500);
1614
1257
  }
1615
1258
 
1616
1259
  @utility ctx-red-subtler {
@@ -1618,16 +1261,12 @@
1618
1261
  --ctx-text-bold: var(--color-default-red-900);
1619
1262
  --ctx-background: var(--color-default-red-200);
1620
1263
  --ctx-gradient: var(--color-default-red-300);
1621
- --ctx-border: var(--color-default-red-400);
1264
+ --ctx-border: var(--color-default-red-300);
1265
+ --ctx-border-bold: var(--color-default-red-500);
1622
1266
  --ctx-shadow: var(--color-neutral-alpha-500A);
1623
1267
  --ctx-text-hover: var(--color-default-red-800);
1624
- --ctx-text-pressed: var(--color-default-red-800);
1625
1268
  --ctx-background-hover: var(--color-default-red-300);
1626
- --ctx-background-pressed: var(--color-default-red-400);
1627
- --ctx-gradient-hover: var(--color-default-red-400);
1628
- --ctx-gradient-pressed: var(--color-default-red-400);
1629
- --ctx-border-hover: var(--color-default-red-400);
1630
- --ctx-border-pressed: var(--color-default-red-400);
1269
+ --ctx-border-hover: var(--color-default-red-300);
1631
1270
  }
1632
1271
 
1633
1272
  @utility ctx-red-subtlest {
@@ -1635,16 +1274,12 @@
1635
1274
  --ctx-text-bold: var(--color-default-red-900);
1636
1275
  --ctx-background: var(--color-default-red-100);
1637
1276
  --ctx-gradient: var(--color-default-red-200);
1638
- --ctx-border: var(--color-default-red-300);
1277
+ --ctx-border: var(--color-default-red-200);
1278
+ --ctx-border-bold: var(--color-default-red-400);
1639
1279
  --ctx-shadow: var(--color-neutral-alpha-500A);
1640
1280
  --ctx-text-hover: var(--color-default-red-800);
1641
- --ctx-text-pressed: var(--color-default-red-800);
1642
1281
  --ctx-background-hover: var(--color-default-red-200);
1643
- --ctx-background-pressed: var(--color-default-red-300);
1644
- --ctx-gradient-hover: var(--color-default-red-300);
1645
- --ctx-gradient-pressed: var(--color-default-red-300);
1646
- --ctx-border-hover: var(--color-default-red-300);
1647
- --ctx-border-pressed: var(--color-default-red-300);
1282
+ --ctx-border-hover: var(--color-default-red-200);
1648
1283
  }
1649
1284
 
1650
1285
  @utility ctx-success-bolder {
@@ -1653,15 +1288,11 @@
1653
1288
  --ctx-background: var(--color-default-green-700);
1654
1289
  --ctx-gradient: var(--color-default-green-800);
1655
1290
  --ctx-border: var(--color-default-green-700);
1291
+ --ctx-border-bold: var(--color-default-green-400);
1656
1292
  --ctx-shadow: var(--color-neutral-alpha-500A);
1657
1293
  --ctx-text-hover: var(--color-default-green-200);
1658
- --ctx-text-pressed: var(--color-default-green-200);
1659
1294
  --ctx-background-hover: var(--color-default-green-800);
1660
- --ctx-background-pressed: var(--color-default-green-900);
1661
- --ctx-gradient-hover: var(--color-default-green-900);
1662
- --ctx-gradient-pressed: var(--color-default-green-900);
1663
1295
  --ctx-border-hover: var(--color-default-green-700);
1664
- --ctx-border-pressed: var(--color-default-green-700);
1665
1296
  }
1666
1297
 
1667
1298
  @utility ctx-success-subtlest {
@@ -1670,15 +1301,11 @@
1670
1301
  --ctx-background: var(--color-default-green-100);
1671
1302
  --ctx-gradient: var(--color-default-green-200);
1672
1303
  --ctx-border: var(--color-default-green-300);
1304
+ --ctx-border-bold: var(--color-default-green-800);
1673
1305
  --ctx-shadow: var(--color-neutral-alpha-500A);
1674
1306
  --ctx-text-hover: var(--color-default-green-800);
1675
- --ctx-text-pressed: var(--color-default-green-800);
1676
1307
  --ctx-background-hover: var(--color-default-green-200);
1677
- --ctx-background-pressed: var(--color-default-green-300);
1678
- --ctx-gradient-hover: var(--color-default-green-300);
1679
- --ctx-gradient-pressed: var(--color-default-green-300);
1680
1308
  --ctx-border-hover: var(--color-default-green-300);
1681
- --ctx-border-pressed: var(--color-default-green-300);
1682
1309
  }
1683
1310
 
1684
1311
  @utility ctx-teal-bolder {
@@ -1686,16 +1313,12 @@
1686
1313
  --ctx-text-bold: var(--color-default-teal-100);
1687
1314
  --ctx-background: var(--color-default-teal-700);
1688
1315
  --ctx-gradient: var(--color-default-teal-800);
1689
- --ctx-border: var(--color-default-teal-700);
1316
+ --ctx-border: var(--color-default-teal-800);
1317
+ --ctx-border-bold: var(--color-default-teal-600);
1690
1318
  --ctx-shadow: var(--color-neutral-alpha-500A);
1691
1319
  --ctx-text-hover: var(--color-default-teal-200);
1692
- --ctx-text-pressed: var(--color-default-teal-200);
1693
1320
  --ctx-background-hover: var(--color-default-teal-800);
1694
- --ctx-background-pressed: var(--color-default-teal-900);
1695
- --ctx-gradient-hover: var(--color-default-teal-900);
1696
- --ctx-gradient-pressed: var(--color-default-teal-900);
1697
- --ctx-border-hover: var(--color-default-teal-700);
1698
- --ctx-border-pressed: var(--color-default-teal-700);
1321
+ --ctx-border-hover: var(--color-default-teal-800);
1699
1322
  }
1700
1323
 
1701
1324
  @utility ctx-teal-subtle {
@@ -1704,15 +1327,11 @@
1704
1327
  --ctx-background: var(--color-default-teal-400);
1705
1328
  --ctx-gradient: var(--color-default-teal-300);
1706
1329
  --ctx-border: var(--color-default-teal-500);
1330
+ --ctx-border-bold: var(--color-default-teal-700);
1707
1331
  --ctx-shadow: var(--color-neutral-alpha-500A);
1708
1332
  --ctx-text-hover: var(--color-default-teal-900);
1709
- --ctx-text-pressed: var(--color-default-teal-900);
1710
1333
  --ctx-background-hover: var(--color-default-teal-300);
1711
- --ctx-background-pressed: var(--color-default-teal-200);
1712
- --ctx-gradient-hover: var(--color-default-teal-200);
1713
- --ctx-gradient-pressed: var(--color-default-teal-200);
1714
1334
  --ctx-border-hover: var(--color-default-teal-500);
1715
- --ctx-border-pressed: var(--color-default-teal-500);
1716
1335
  }
1717
1336
 
1718
1337
  @utility ctx-teal-subtler {
@@ -1720,16 +1339,12 @@
1720
1339
  --ctx-text-bold: var(--color-default-teal-900);
1721
1340
  --ctx-background: var(--color-default-teal-200);
1722
1341
  --ctx-gradient: var(--color-default-teal-300);
1723
- --ctx-border: var(--color-default-teal-400);
1342
+ --ctx-border: var(--color-default-teal-300);
1343
+ --ctx-border-bold: var(--color-default-teal-500);
1724
1344
  --ctx-shadow: var(--color-neutral-alpha-500A);
1725
1345
  --ctx-text-hover: var(--color-default-teal-800);
1726
- --ctx-text-pressed: var(--color-default-teal-800);
1727
1346
  --ctx-background-hover: var(--color-default-teal-300);
1728
- --ctx-background-pressed: var(--color-default-teal-400);
1729
- --ctx-gradient-hover: var(--color-default-teal-400);
1730
- --ctx-gradient-pressed: var(--color-default-teal-400);
1731
- --ctx-border-hover: var(--color-default-teal-400);
1732
- --ctx-border-pressed: var(--color-default-teal-400);
1347
+ --ctx-border-hover: var(--color-default-teal-300);
1733
1348
  }
1734
1349
 
1735
1350
  @utility ctx-teal-subtlest {
@@ -1737,16 +1352,12 @@
1737
1352
  --ctx-text-bold: var(--color-default-teal-900);
1738
1353
  --ctx-background: var(--color-default-teal-100);
1739
1354
  --ctx-gradient: var(--color-default-teal-200);
1740
- --ctx-border: var(--color-default-teal-300);
1355
+ --ctx-border: var(--color-default-teal-200);
1356
+ --ctx-border-bold: var(--color-default-teal-400);
1741
1357
  --ctx-shadow: var(--color-neutral-alpha-500A);
1742
1358
  --ctx-text-hover: var(--color-default-teal-800);
1743
- --ctx-text-pressed: var(--color-default-teal-800);
1744
1359
  --ctx-background-hover: var(--color-default-teal-200);
1745
- --ctx-background-pressed: var(--color-default-teal-300);
1746
- --ctx-gradient-hover: var(--color-default-teal-300);
1747
- --ctx-gradient-pressed: var(--color-default-teal-300);
1748
- --ctx-border-hover: var(--color-default-teal-300);
1749
- --ctx-border-pressed: var(--color-default-teal-300);
1360
+ --ctx-border-hover: var(--color-default-teal-200);
1750
1361
  }
1751
1362
 
1752
1363
  @utility ctx-warning-bolder {
@@ -1755,15 +1366,11 @@
1755
1366
  --ctx-background: var(--color-default-yellow-700);
1756
1367
  --ctx-gradient: var(--color-default-yellow-800);
1757
1368
  --ctx-border: var(--color-default-yellow-700);
1369
+ --ctx-border-bold: var(--color-default-yellow-400);
1758
1370
  --ctx-shadow: var(--color-neutral-alpha-500A);
1759
1371
  --ctx-text-hover: var(--color-default-yellow-200);
1760
- --ctx-text-pressed: var(--color-default-yellow-200);
1761
1372
  --ctx-background-hover: var(--color-default-yellow-800);
1762
- --ctx-background-pressed: var(--color-default-yellow-900);
1763
- --ctx-gradient-hover: var(--color-default-yellow-900);
1764
- --ctx-gradient-pressed: var(--color-default-yellow-900);
1765
1373
  --ctx-border-hover: var(--color-default-yellow-700);
1766
- --ctx-border-pressed: var(--color-default-yellow-700);
1767
1374
  }
1768
1375
 
1769
1376
  @utility ctx-warning-subtlest {
@@ -1772,15 +1379,11 @@
1772
1379
  --ctx-background: var(--color-default-yellow-100);
1773
1380
  --ctx-gradient: var(--color-default-yellow-200);
1774
1381
  --ctx-border: var(--color-default-yellow-300);
1382
+ --ctx-border-bold: var(--color-default-yellow-800);
1775
1383
  --ctx-shadow: var(--color-neutral-alpha-500A);
1776
1384
  --ctx-text-hover: var(--color-default-yellow-800);
1777
- --ctx-text-pressed: var(--color-default-yellow-800);
1778
1385
  --ctx-background-hover: var(--color-default-yellow-200);
1779
- --ctx-background-pressed: var(--color-default-yellow-300);
1780
- --ctx-gradient-hover: var(--color-default-yellow-300);
1781
- --ctx-gradient-pressed: var(--color-default-yellow-300);
1782
1386
  --ctx-border-hover: var(--color-default-yellow-300);
1783
- --ctx-border-pressed: var(--color-default-yellow-300);
1784
1387
  }
1785
1388
 
1786
1389
  @utility ctx-yellow-bolder {
@@ -1788,16 +1391,12 @@
1788
1391
  --ctx-text-bold: var(--color-default-yellow-100);
1789
1392
  --ctx-background: var(--color-default-yellow-700);
1790
1393
  --ctx-gradient: var(--color-default-yellow-800);
1791
- --ctx-border: var(--color-default-yellow-700);
1394
+ --ctx-border: var(--color-default-yellow-800);
1395
+ --ctx-border-bold: var(--color-default-yellow-600);
1792
1396
  --ctx-shadow: var(--color-neutral-alpha-500A);
1793
1397
  --ctx-text-hover: var(--color-default-yellow-200);
1794
- --ctx-text-pressed: var(--color-default-yellow-200);
1795
1398
  --ctx-background-hover: var(--color-default-yellow-800);
1796
- --ctx-background-pressed: var(--color-default-yellow-900);
1797
- --ctx-gradient-hover: var(--color-default-yellow-900);
1798
- --ctx-gradient-pressed: var(--color-default-yellow-900);
1799
- --ctx-border-hover: var(--color-default-yellow-700);
1800
- --ctx-border-pressed: var(--color-default-yellow-700);
1399
+ --ctx-border-hover: var(--color-default-yellow-800);
1801
1400
  }
1802
1401
 
1803
1402
  @utility ctx-yellow-subtle {
@@ -1806,15 +1405,11 @@
1806
1405
  --ctx-background: var(--color-default-yellow-400);
1807
1406
  --ctx-gradient: var(--color-default-yellow-300);
1808
1407
  --ctx-border: var(--color-default-yellow-500);
1408
+ --ctx-border-bold: var(--color-default-yellow-700);
1809
1409
  --ctx-shadow: var(--color-neutral-alpha-500A);
1810
1410
  --ctx-text-hover: var(--color-default-yellow-900);
1811
- --ctx-text-pressed: var(--color-default-yellow-900);
1812
1411
  --ctx-background-hover: var(--color-default-yellow-300);
1813
- --ctx-background-pressed: var(--color-default-yellow-200);
1814
- --ctx-gradient-hover: var(--color-default-yellow-200);
1815
- --ctx-gradient-pressed: var(--color-default-yellow-200);
1816
1412
  --ctx-border-hover: var(--color-default-yellow-500);
1817
- --ctx-border-pressed: var(--color-default-yellow-500);
1818
1413
  }
1819
1414
 
1820
1415
  @utility ctx-yellow-subtler {
@@ -1822,16 +1417,12 @@
1822
1417
  --ctx-text-bold: var(--color-default-yellow-900);
1823
1418
  --ctx-background: var(--color-default-yellow-200);
1824
1419
  --ctx-gradient: var(--color-default-yellow-300);
1825
- --ctx-border: var(--color-default-yellow-400);
1420
+ --ctx-border: var(--color-default-yellow-300);
1421
+ --ctx-border-bold: var(--color-default-yellow-500);
1826
1422
  --ctx-shadow: var(--color-neutral-alpha-500A);
1827
1423
  --ctx-text-hover: var(--color-default-yellow-800);
1828
- --ctx-text-pressed: var(--color-default-yellow-800);
1829
1424
  --ctx-background-hover: var(--color-default-yellow-300);
1830
- --ctx-background-pressed: var(--color-default-yellow-400);
1831
- --ctx-gradient-hover: var(--color-default-yellow-400);
1832
- --ctx-gradient-pressed: var(--color-default-yellow-400);
1833
- --ctx-border-hover: var(--color-default-yellow-400);
1834
- --ctx-border-pressed: var(--color-default-yellow-400);
1425
+ --ctx-border-hover: var(--color-default-yellow-300);
1835
1426
  }
1836
1427
 
1837
1428
  @utility ctx-yellow-subtlest {
@@ -1839,16 +1430,12 @@
1839
1430
  --ctx-text-bold: var(--color-default-yellow-900);
1840
1431
  --ctx-background: var(--color-default-yellow-100);
1841
1432
  --ctx-gradient: var(--color-default-yellow-200);
1842
- --ctx-border: var(--color-default-yellow-300);
1433
+ --ctx-border: var(--color-default-yellow-200);
1434
+ --ctx-border-bold: var(--color-default-yellow-400);
1843
1435
  --ctx-shadow: var(--color-neutral-alpha-500A);
1844
1436
  --ctx-text-hover: var(--color-default-yellow-800);
1845
- --ctx-text-pressed: var(--color-default-yellow-800);
1846
1437
  --ctx-background-hover: var(--color-default-yellow-200);
1847
- --ctx-background-pressed: var(--color-default-yellow-300);
1848
- --ctx-gradient-hover: var(--color-default-yellow-300);
1849
- --ctx-gradient-pressed: var(--color-default-yellow-300);
1850
- --ctx-border-hover: var(--color-default-yellow-300);
1851
- --ctx-border-pressed: var(--color-default-yellow-300);
1438
+ --ctx-border-hover: var(--color-default-yellow-200);
1852
1439
  }
1853
1440
 
1854
1441
 
@@ -1952,27 +1539,12 @@
1952
1539
 
1953
1540
 
1954
1541
 
1955
- /* === ./styles/fonts.css === */
1956
- @utility heading-xs { font: var(--heading-xs); }
1957
- @utility heading-sm { font: var(--heading-sm); }
1958
- @utility heading-md { font: var(--heading-md); }
1959
- @utility heading-lg { font: var(--heading-lg); }
1960
- @utility heading-xl { font: var(--heading-xl); }
1961
- @utility heading-2xl { font: var(--heading-2xl); }
1962
- @utility heading-3xl { font: var(--heading-3xl); }
1963
- @utility heading-4xl { font: var(--heading-4xl); }
1964
- @utility heading-5xl { font: var(--heading-5xl); }
1965
- @utility body-sm { font: var(--body-sm); }
1966
- @utility body-md { font: var(--body-md); }
1967
- @utility body-lg { font: var(--body-lg); }
1968
-
1969
-
1970
-
1971
1542
  /* === ./styles/component-overrides.css === */
1972
1543
  /** Custom styles to fix primevue components that are not custom or wrapped. */
1973
1544
 
1974
1545
  :root {
1975
- --p-toast-width: min(85vw, 400px);
1546
+ --p-toast-width: min(85vw, calc(var(--spacing) * 100));
1547
+ --p-tooltip-max-width: min(85vw, calc(var(--spacing) * 100));
1976
1548
  }
1977
1549
 
1978
1550
  /**
@@ -2133,7 +1705,8 @@
2133
1705
  }
2134
1706
 
2135
1707
  .p-message-text {
2136
- line-height: var(--p-message-text-line-height);
1708
+ line-height: 1;
1709
+ flex: 1 1 0;
2137
1710
  }
2138
1711
 
2139
1712
  .p-multiselect {
@@ -2266,10 +1839,13 @@
2266
1839
  /* from ./BccBadge/BccBadge.css */
2267
1840
  @layer components {
2268
1841
  .bcc-badge {
2269
- @apply inline-flex shrink-0 items-center justify-center gap-1 rounded-full leading-none whitespace-nowrap;
1842
+ @apply inline-flex shrink-0 items-center justify-center gap-1 rounded-full leading-none font-medium! whitespace-nowrap;
2270
1843
 
2271
1844
  @apply bg-ctx text-ctx;
2272
1845
  }
1846
+ .bcc-badge span:empty {
1847
+ display: none;
1848
+ }
2273
1849
  .bcc-badge.gradient {
2274
1850
  @apply ctx-gradient;
2275
1851
  }
@@ -2350,16 +1926,14 @@
2350
1926
  .bcc-capacity-indicator {
2351
1927
  --bcc-capacity-indicator-background: transparent;
2352
1928
  --bcc-capacity-indicator-text: var(--ctx-text);
2353
- --bcc-capacity-indicator-circle: var(--ctx-background);
2354
- --bcc-capacity-indicator-circle-used: var(--color-brand-500);
1929
+ --bcc-capacity-indicator-circle: var(--ctx-border);
1930
+ --bcc-capacity-indicator-circle-used: var(--ctx-border-bold);
2355
1931
  background: var(--bcc-capacity-indicator-background);
2356
- @apply ctx-gray-subtlest;
1932
+ @apply ctx-gray-subtler;
2357
1933
  }
2358
1934
 
2359
1935
  .bcc-capacity-indicator.colored {
2360
1936
  --bcc-capacity-indicator-background: var(--ctx-background);
2361
- --bcc-capacity-indicator-circle: var(--ctx-background-hover);
2362
- --bcc-capacity-indicator-circle-used: var(--ctx-border);
2363
1937
  @apply ctx-blue-subtlest;
2364
1938
  }
2365
1939
 
@@ -2375,14 +1949,11 @@
2375
1949
 
2376
1950
  .bcc-capacity-indicator.is-warning {
2377
1951
  @apply ctx-yellow-subtlest;
2378
- --bcc-capacity-indicator-circle-used: var(--ctx-border);
2379
1952
  }
2380
1953
 
2381
1954
  .bcc-capacity-indicator.is-full {
2382
1955
  @apply ctx-red-subtlest;
2383
-
2384
- --bcc-capacity-indicator-circle: var(--ctx-background);
2385
- --bcc-capacity-indicator-circle-used: var(--ctx-border);
1956
+ --bcc-capacity-indicator-background: var(--ctx-background);
2386
1957
  }
2387
1958
  }
2388
1959
 
@@ -2390,31 +1961,31 @@
2390
1961
 
2391
1962
  /* from ./BccDialKnob/BccDialKnob.css */
2392
1963
  @layer components {
2393
- .bcc-knob {
2394
- @apply relative mx-auto inline-flex touch-none select-none items-center justify-center p-2;
2395
-
2396
- --bcc-knob-arc-bg: var(--color-background-neutral-default);
2397
- --bcc-knob-head: var(--color-background-brand-bolder-default);
2398
- --bcc-knob-tail: var(--color-background-brand-subtle-default);
2399
-
2400
- --bcc-knob-left-head: var(--color-background-accent-red-bolder-default);
2401
- --bcc-knob-left-tail: var(--color-background-accent-red-subtle-default);
2402
-
2403
- --bcc-knob-right-head: var(--color-background-accent-green-bolder-default);
2404
- --bcc-knob-right-tail: var(--color-background-accent-green-subtle-default);
2405
- }
1964
+ .bcc-knob {
1965
+ @apply relative mx-auto inline-flex touch-none items-center justify-center p-2 select-none;
2406
1966
 
2407
- .bcc-knob-label {
2408
- @apply pointer-events-none absolute inset-0 flex select-none flex-col items-center justify-center;
2409
- }
1967
+ --bcc-knob-arc-bg: var(--color-background-accent-gray-default);
1968
+ --bcc-knob-head: var(--color-background-brand-bolder-default);
1969
+ --bcc-knob-tail: var(--color-background-brand-subtle-default);
2410
1970
 
2411
- .bcc-knob-top-left {
2412
- @apply absolute top-0 left-0 text-left;
2413
- }
1971
+ --bcc-knob-left-head: var(--color-background-accent-red-bolder-default);
1972
+ --bcc-knob-left-tail: var(--color-background-accent-red-subtle-default);
2414
1973
 
2415
- .bcc-knob-top-right {
2416
- @apply absolute top-0 right-0 text-right;
2417
- }
1974
+ --bcc-knob-right-head: var(--color-background-accent-green-bolder-default);
1975
+ --bcc-knob-right-tail: var(--color-background-accent-green-subtle-default);
1976
+ }
1977
+
1978
+ .bcc-knob-label {
1979
+ @apply pointer-events-none absolute inset-0 flex flex-col items-center justify-center select-none;
1980
+ }
1981
+
1982
+ .bcc-knob-top-left {
1983
+ @apply absolute top-0 left-0 text-left;
1984
+ }
1985
+
1986
+ .bcc-knob-top-right {
1987
+ @apply absolute top-0 right-0 text-right;
1988
+ }
2418
1989
  }
2419
1990
 
2420
1991
 
@@ -2460,43 +2031,160 @@
2460
2031
 
2461
2032
  /* from ./BccGraphic/BccGraphic.css */
2462
2033
  @layer components {
2463
- .bcc-graphic .corner,
2464
- .bcc-graphic .center-slot {
2465
- @apply absolute z-10;
2466
- }
2467
- .bcc-graphic .corner.top-left {
2468
- @apply left-4 top-4;
2469
- }
2470
- .bcc-graphic .corner.top-right {
2471
- @apply right-4 top-4;
2472
- }
2473
- .bcc-graphic .corner.bottom-right {
2474
- @apply bottom-4 right-4;
2475
- }
2476
- .bcc-graphic .corner.bottom-left {
2477
- @apply bottom-4 left-4;
2478
- }
2479
- .bcc-graphic .center-slot {
2480
- @apply inset-1/4 h-1/2 w-1/2 flex items-center justify-center;
2481
- }
2034
+ .bcc-graphic .corner,
2035
+ .bcc-graphic .center-slot {
2036
+ @apply absolute z-10;
2037
+ }
2038
+ .bcc-graphic .corner.top-left {
2039
+ @apply top-4 left-4;
2040
+ }
2041
+ .bcc-graphic .corner.top-right {
2042
+ @apply top-4 right-4;
2043
+ }
2044
+ .bcc-graphic .corner.bottom-right {
2045
+ @apply right-4 bottom-4;
2046
+ }
2047
+ .bcc-graphic .corner.bottom-left {
2048
+ @apply bottom-4 left-4;
2049
+ }
2050
+ .bcc-graphic .center-slot {
2051
+ @apply inset-1/4 flex h-1/2 w-1/2 items-center justify-center;
2052
+ }
2482
2053
 
2483
- .bcc-graphic {
2484
- @apply relative flex max-h-full w-full bg-linear-to-tr from-background-brand-bolder-default to-background-brand-subtle-default;
2485
- }
2054
+ .bcc-graphic {
2055
+ @apply from-background-brand-bolder-default to-background-brand-subtle-default relative flex max-h-full w-full bg-linear-to-tr;
2056
+ }
2486
2057
 
2487
- .bcc-graphic-banner {
2488
- @apply absolute inset-0 h-full w-full object-cover object-center;
2489
- }
2490
- .bcc-graphic-banner--loading {
2491
- @apply animate-pulse bg-linear-to-tr from-background-brand-bolder-default to-background-brand-subtle-default;
2492
- }
2058
+ .bcc-graphic-banner {
2059
+ @apply absolute inset-0 h-full w-full object-cover object-center;
2060
+ }
2061
+ .bcc-graphic-banner--loading {
2062
+ @apply from-background-brand-bolder-default to-background-brand-subtle-default animate-pulse bg-linear-to-tr;
2063
+ }
2493
2064
 
2494
- .bcc-graphic-logo {
2495
- @apply absolute inset-1/4 h-1/2 w-1/2 object-contain object-center;
2496
- }
2497
- .bcc-graphic-logo--loading {
2498
- @apply animate-pulse bg-black opacity-10 blur-sm;
2499
- }
2065
+ .bcc-graphic-logo {
2066
+ @apply absolute inset-1/4 h-1/2 w-1/2 object-contain object-center;
2067
+ }
2068
+ .bcc-graphic-logo--loading {
2069
+ @apply animate-pulse bg-black opacity-10 blur-sm;
2070
+ }
2071
+
2072
+ .bcc-graphic.bcc-gb-grayscale .bcc-graphic-banner,
2073
+ .bcc-graphic.bcc-gb-grayscale .bcc-graphic-logo {
2074
+ @apply brightness-75 grayscale;
2075
+ }
2076
+ .bcc-graphic.bcc-gb-highlight .bcc-graphic-banner,
2077
+ .bcc-graphic.bcc-gb-highlight .bcc-graphic-logo {
2078
+ @apply brightness-150;
2079
+ }
2080
+ }
2081
+
2082
+
2083
+
2084
+ /* from ./BccImage/BccImage.css */
2085
+ @layer components {
2086
+ .bcc-image {
2087
+ @apply relative inline-block overflow-hidden leading-none;
2088
+ }
2089
+
2090
+ .bcc-image__img {
2091
+ @apply block max-w-full align-middle;
2092
+ }
2093
+
2094
+ .bcc-image--preview {
2095
+ @apply cursor-zoom-in;
2096
+ }
2097
+
2098
+ .bcc-image__preview-mask {
2099
+ @apply absolute inset-0 m-0 flex cursor-pointer items-center justify-center border-0 bg-black/40 p-0 opacity-0 transition-opacity;
2100
+ }
2101
+
2102
+ .bcc-image--preview:hover .bcc-image__preview-mask,
2103
+ .bcc-image--preview:focus-within .bcc-image__preview-mask {
2104
+ @apply opacity-100;
2105
+ }
2106
+
2107
+ .bcc-image__preview-icon {
2108
+ @apply size-6 text-white;
2109
+ }
2110
+ }
2111
+
2112
+
2113
+
2114
+ /* from ./BccLightbox/BccLightbox.css */
2115
+ @layer components {
2116
+ .bcc-lightbox {
2117
+ @apply fixed inset-0 z-9999 flex touch-none items-center justify-center;
2118
+ }
2119
+
2120
+ .bcc-lightbox__backdrop {
2121
+ @apply absolute inset-0 bg-black/75;
2122
+ }
2123
+
2124
+ .bcc-lightbox__header {
2125
+ @apply top-inset-top pointer-events-none absolute inset-x-0 z-20 flex items-center justify-end gap-3 p-3;
2126
+ }
2127
+
2128
+ .bcc-lightbox__counter {
2129
+ @apply body-sm pointer-events-none mr-auto rounded-md bg-black/50 px-2.5 py-1 text-white;
2130
+ }
2131
+
2132
+ .bcc-lightbox__control {
2133
+ @apply pointer-events-auto flex cursor-pointer items-center justify-center rounded-md border-0 bg-black/50 p-2 text-white transition-colors hover:bg-black/65;
2134
+ }
2135
+
2136
+ .bcc-lightbox__icon {
2137
+ @apply size-6 shrink-0;
2138
+ }
2139
+
2140
+ .bcc-lightbox__nav {
2141
+ @apply absolute top-1/2 z-20 -translate-y-1/2;
2142
+ }
2143
+
2144
+ .bcc-lightbox__nav--prev {
2145
+ @apply left-1 sm:left-3;
2146
+ }
2147
+
2148
+ .bcc-lightbox__nav--next {
2149
+ @apply right-1 sm:right-3;
2150
+ }
2151
+
2152
+ .bcc-lightbox__stage {
2153
+ @apply relative z-10 box-border flex h-full w-full max-w-6xl items-center justify-center px-2 py-14 sm:px-12;
2154
+ }
2155
+
2156
+ .bcc-lightbox__toolbar {
2157
+ @apply center bottom-inset-bottom-4 pointer-events-none absolute z-20 flex gap-1 rounded-md bg-black/50 p-1;
2158
+ }
2159
+
2160
+ .bcc-lightbox__toolbar-btn {
2161
+ @apply pointer-events-auto flex cursor-pointer items-center justify-center rounded-sm border-0 bg-transparent px-3 py-2 text-white transition-colors hover:bg-white/12;
2162
+ }
2163
+
2164
+ .bcc-lightbox__media {
2165
+ @apply flex max-h-[calc(100vh-7rem)] w-full touch-none flex-col items-center justify-center;
2166
+ }
2167
+
2168
+ .bcc-lightbox__media--zoomable {
2169
+ @apply cursor-grab active:cursor-grabbing;
2170
+ }
2171
+
2172
+ .bcc-lightbox__transform {
2173
+ @apply flex origin-center items-center justify-center will-change-transform;
2174
+ }
2175
+
2176
+ .bcc-lightbox__image,
2177
+ .bcc-lightbox__video {
2178
+ @apply block h-auto max-h-[calc(100vh-8rem)] w-auto max-w-[min(92vw,68rem)] object-contain select-none;
2179
+ }
2180
+
2181
+ .bcc-lightbox__video {
2182
+ @apply bg-black;
2183
+ }
2184
+
2185
+ .bcc-lightbox__caption {
2186
+ @apply body-sm mt-3 max-w-[min(92vw,40rem)] text-center text-white;
2187
+ }
2500
2188
  }
2501
2189
 
2502
2190
 
@@ -2735,6 +2423,7 @@
2735
2423
 
2736
2424
 
2737
2425
 
2426
+
2738
2427
  /* === ./components/wrapped/styles.css === */
2739
2428
 
2740
2429
  /* from ./BccAvatar/BccAvatar.css */
@@ -2828,6 +2517,9 @@
2828
2517
  .bcc-tabs-fluid.p-tabs {
2829
2518
  width: 100%;
2830
2519
  }
2520
+ .p-tabs .p-tab {
2521
+ @apply heading-sm;
2522
+ }
2831
2523
  }
2832
2524
 
2833
2525
 
@@ -2860,20 +2552,31 @@
2860
2552
  font-kerning: normal;
2861
2553
  }
2862
2554
 
2863
- hr {
2864
- border-color: var(--color-border-default);
2865
- }
2555
+ @layer base {
2556
+ hr {
2557
+ border-color: var(--color-border-default);
2558
+ }
2866
2559
 
2867
- b,
2868
- strong,
2869
- .bold {
2870
- font-weight: bold;
2871
- --ctx-text: var(--ctx-text-bold);
2872
- }
2560
+ b,
2561
+ strong,
2562
+ .bold {
2563
+ font-weight: bold;
2564
+ --ctx-text: var(--ctx-text-bold);
2565
+ }
2873
2566
 
2874
- /* Disable state */
2875
- :disabled,
2876
- .disabled {
2877
- cursor: not-allowed;
2878
- pointer-events: none;
2567
+ /* Disable state */
2568
+ :disabled,
2569
+ .disabled {
2570
+ cursor: not-allowed;
2571
+ pointer-events: none;
2572
+ }
2879
2573
  }
2574
+
2575
+
2576
+ /* SFC <style> blocks extracted all .vue components */
2577
+ @import './sfc-styles.css';
2578
+
2579
+ /* Library utility classes, compiled from the library's own components.
2580
+ Contains only the utility class rules used inside the library — no preflight,
2581
+ no @theme variables, no design tokens, since theme.css already provides those. */
2582
+ @import './library-utilities.css';