@stackoverflow/stacks 1.10.2 → 2.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/README.md +15 -0
  2. package/dist/css/stacks.css +7428 -4429
  3. package/dist/css/stacks.min.css +1 -1
  4. package/lib/atomic/__snapshots__/color-new.less.test.ts.snap +3015 -0
  5. package/lib/atomic/__snapshots__/color.less.test.ts.snap +2886 -0
  6. package/lib/atomic/border.less +0 -258
  7. package/lib/atomic/color.less +26 -200
  8. package/lib/atomic/color.less.test.ts +12 -0
  9. package/lib/atomic/misc.less +7 -6
  10. package/lib/atomic/typography.less +0 -7
  11. package/lib/atomic/v1/__snapshots__/border.less.test.ts.snap +552 -0
  12. package/lib/atomic/v1/__snapshots__/color.less.test.ts.snap +6756 -0
  13. package/lib/atomic/v1/__snapshots__/typography.less.test.ts.snap +22 -0
  14. package/lib/atomic/v1/border.less +210 -0
  15. package/lib/atomic/v1/border.less.test.ts +14 -0
  16. package/lib/atomic/v1/color.less +183 -0
  17. package/lib/atomic/v1/color.less.test.ts +14 -0
  18. package/lib/atomic/v1/typography.less +8 -0
  19. package/lib/atomic/v1/typography.less.test.ts +14 -0
  20. package/lib/components/activity-indicator/activity-indicator.a11y.test.ts +1 -8
  21. package/lib/components/activity-indicator/activity-indicator.less +4 -4
  22. package/lib/components/anchor/anchor.a11y.test.ts +0 -5
  23. package/lib/components/anchor/anchor.less +4 -4
  24. package/lib/components/anchor/anchor.visual.test.ts +1 -1
  25. package/lib/components/avatar/avatar.less +2 -2
  26. package/lib/components/award-bling/award-bling.less +3 -3
  27. package/lib/components/badge/badge.a11y.test.ts +2 -12
  28. package/lib/components/badge/badge.less +40 -40
  29. package/lib/components/badge/badge.visual.test.ts +27 -5
  30. package/lib/components/block-link/block-link.a11y.test.ts +0 -7
  31. package/lib/components/block-link/block-link.less +8 -8
  32. package/lib/components/breadcrumbs/breadcrumbs.less +1 -1
  33. package/lib/components/button/button.a11y.test.ts +0 -3
  34. package/lib/components/button/button.less +40 -40
  35. package/lib/components/button/button.visual.test.ts +1 -1
  36. package/lib/components/check-control/check-control.a11y.test.ts +0 -5
  37. package/lib/components/check-control/check-control.visual.test.ts +1 -1
  38. package/lib/components/checkbox_radio/checkbox_radio.less +5 -5
  39. package/lib/components/checkbox_radio/checkbox_radio.visual.test.ts +1 -1
  40. package/lib/components/code-block/code-block.less +3 -3
  41. package/lib/components/description/description.a11y.test.ts +0 -1
  42. package/lib/components/description/description.visual.test.ts +1 -1
  43. package/lib/components/input-fill/input-fill.less +2 -2
  44. package/lib/components/input-icon/input-icon.less +2 -2
  45. package/lib/components/input-message/input-message.less +8 -8
  46. package/lib/components/input_textarea/input_textarea.less +6 -6
  47. package/lib/components/label/label.less +11 -11
  48. package/lib/components/link/link.a11y.test.ts +0 -8
  49. package/lib/components/link/link.less +8 -8
  50. package/lib/components/link-preview/link-preview.less +9 -9
  51. package/lib/components/menu/menu.less +3 -3
  52. package/lib/components/modal/modal.less +5 -4
  53. package/lib/components/navigation/navigation.less +11 -11
  54. package/lib/components/notice/notice.less +48 -48
  55. package/lib/components/pagination/pagination.less +3 -3
  56. package/lib/components/popover/popover.less +2 -2
  57. package/lib/components/popover/tooltip.test.ts +1 -1
  58. package/lib/components/post-summary/post-summary.less +40 -40
  59. package/lib/components/progress-bar/progress-bar.less +15 -15
  60. package/lib/components/prose/prose.less +15 -15
  61. package/lib/components/select/select.less +5 -5
  62. package/lib/components/sidebar-widget/sidebar-widget.less +12 -12
  63. package/lib/components/table/table.less +7 -7
  64. package/lib/components/tag/tag.less +25 -25
  65. package/lib/components/toggle-switch/toggle-switch.a11y.test.ts +0 -4
  66. package/lib/components/toggle-switch/toggle-switch.less +4 -4
  67. package/lib/components/toggle-switch/toggle-switch.visual.test.ts +12 -11
  68. package/lib/components/topbar/topbar.less +34 -34
  69. package/lib/components/uploader/uploader.less +15 -15
  70. package/lib/components/user-card/user-card.less +7 -7
  71. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +539 -0
  72. package/lib/exports/__snapshots__/color.less.test.ts.snap +762 -0
  73. package/lib/exports/color-mixins.less +280 -0
  74. package/lib/exports/color-mixins.less.test.ts +150 -0
  75. package/lib/exports/color-sets.less +620 -0
  76. package/lib/exports/color.less +57 -0
  77. package/lib/exports/color.less.test.ts +12 -0
  78. package/lib/exports/exports.less +2 -1
  79. package/lib/exports/mixins.less +17 -5
  80. package/lib/exports/theme.less +85 -0
  81. package/lib/exports/v1/__snapshots__/constants-colors.less.test.ts.snap +902 -0
  82. package/lib/exports/v1/constants-colors.less +893 -0
  83. package/lib/exports/v1/constants-colors.less.test.ts +12 -0
  84. package/lib/stacks-static.less +5 -0
  85. package/lib/test/axe-apca/README.md +34 -0
  86. package/lib/test/axe-apca/index.ts +3 -0
  87. package/lib/test/axe-apca/package.wip.json +30 -0
  88. package/lib/test/axe-apca/src/apca-w3.d.ts +3 -0
  89. package/lib/test/axe-apca/src/axe-apca.test.ts +155 -0
  90. package/lib/test/axe-apca/src/axe-apca.ts +212 -0
  91. package/lib/test/less-test-utils.ts +28 -0
  92. package/lib/test/test-utils.ts +18 -1
  93. package/lib/tsconfig.json +1 -0
  94. package/package.json +14 -7
  95. package/lib/exports/constants-colors.less +0 -1100
@@ -0,0 +1,552 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`atomic: border v1 > should output all v1 atomic css classes for colors 1`] = `
4
+ "@media (prefers-color-scheme: dark) {
5
+ }
6
+
7
+ @media (prefers-color-scheme: dark) {
8
+ }
9
+
10
+ .bc-white-legacy-1 {
11
+ border-color: var(--black-legacy-500) !important;
12
+ }
13
+
14
+ .bc-white-legacy-2 {
15
+ border-color: var(--black-legacy-300) !important;
16
+ }
17
+
18
+ .bc-white-legacy-3,
19
+ .bc-white-legacy {
20
+ border-color: var(--white-legacy) !important;
21
+ }
22
+
23
+ body.theme-highcontrast .bc-white-legacy-1 {
24
+ border-color: var(--black-legacy-025) !important;
25
+ }
26
+
27
+ body.theme-highcontrast .bc-white-legacy-2 {
28
+ border-color: var(--black-legacy-050) !important;
29
+ }
30
+
31
+ body.theme-highcontrast .bc-white-legacy-1 {
32
+ border-color: var(--black-legacy-025) !important;
33
+ }
34
+
35
+ body.theme-highcontrast .bc-white-legacy-2 {
36
+ border-color: var(--black-legacy-050) !important;
37
+ }
38
+
39
+ .bc-black-legacy-025 {
40
+ border-color: var(--black-legacy-025) !important;
41
+ }
42
+
43
+ .bc-black-legacy-1,
44
+ .bc-black-legacy-050 {
45
+ border-color: var(--black-legacy-050) !important;
46
+ }
47
+
48
+ .bc-black-legacy-2,
49
+ .bc-black-legacy-075 {
50
+ border-color: var(--black-legacy-075) !important;
51
+ }
52
+
53
+ .bc-black-legacy-3,
54
+ .bc-black-legacy-100 {
55
+ border-color: var(--black-legacy-100) !important;
56
+ }
57
+
58
+ .bc-black-legacy-150 {
59
+ border-color: var(--black-legacy-150) !important;
60
+ }
61
+
62
+ .bc-black-legacy-4,
63
+ .bc-black-legacy-200 {
64
+ border-color: var(--black-legacy-200) !important;
65
+ }
66
+
67
+ .bc-black-legacy-5,
68
+ .bc-black-legacy-300 {
69
+ border-color: var(--black-legacy-300) !important;
70
+ }
71
+
72
+ .bc-black-legacy-350 {
73
+ border-color: var(--black-legacy-350) !important;
74
+ }
75
+
76
+ .bc-black-legacy-6,
77
+ .bc-black-legacy-400 {
78
+ border-color: var(--black-legacy-400) !important;
79
+ }
80
+
81
+ .bc-black-legacy-7,
82
+ .bc-black-legacy-500 {
83
+ border-color: var(--black-legacy-500) !important;
84
+ }
85
+
86
+ .bc-black-legacy-600 {
87
+ border-color: var(--black-legacy-600) !important;
88
+ }
89
+
90
+ .bc-black-legacy-8,
91
+ .bc-black-legacy-700 {
92
+ border-color: var(--black-legacy-700) !important;
93
+ }
94
+
95
+ .bc-black-legacy-750 {
96
+ border-color: var(--black-legacy-750) !important;
97
+ }
98
+
99
+ .bc-black-legacy-9,
100
+ .bc-black-legacy-800 {
101
+ border-color: var(--black-legacy-800) !important;
102
+ }
103
+
104
+ .bc-black-legacy-10,
105
+ .bc-black-legacy-900 {
106
+ border-color: var(--black-legacy-900) !important;
107
+ }
108
+
109
+ body.theme-highcontrast .bc-black-legacy-1,
110
+ body.theme-highcontrast .bc-black-legacy-2,
111
+ body.theme-highcontrast .bc-black-legacy-3,
112
+ body.theme-highcontrast .bc-black-legacy-4,
113
+ body.theme-highcontrast .bc-black-legacy-025,
114
+ body.theme-highcontrast .bc-black-legacy-050,
115
+ body.theme-highcontrast .bc-black-legacy-075,
116
+ body.theme-highcontrast .bc-black-legacy-100,
117
+ body.theme-highcontrast .bc-black-legacy-150,
118
+ body.theme-highcontrast .bc-black-legacy-200 {
119
+ border-color: var(--black-legacy-300) !important;
120
+ }
121
+
122
+ body.theme-highcontrast .bc-black-legacy-1,
123
+ body.theme-highcontrast .bc-black-legacy-2,
124
+ body.theme-highcontrast .bc-black-legacy-3,
125
+ body.theme-highcontrast .bc-black-legacy-4,
126
+ body.theme-highcontrast .bc-black-legacy-025,
127
+ body.theme-highcontrast .bc-black-legacy-050,
128
+ body.theme-highcontrast .bc-black-legacy-075,
129
+ body.theme-highcontrast .bc-black-legacy-100,
130
+ body.theme-highcontrast .bc-black-legacy-150,
131
+ body.theme-highcontrast .bc-black-legacy-200 {
132
+ border-color: var(--black-legacy-300) !important;
133
+ }
134
+
135
+ .bc-orange-legacy-050 {
136
+ border-color: var(--orange-legacy-050) !important;
137
+ }
138
+
139
+ .bc-orange-legacy-1,
140
+ .bc-orange-legacy-100 {
141
+ border-color: var(--orange-legacy-100) !important;
142
+ }
143
+
144
+ .bc-orange-legacy-200 {
145
+ border-color: var(--orange-legacy-200) !important;
146
+ }
147
+
148
+ .bc-orange-legacy-300 {
149
+ border-color: var(--orange-legacy-300) !important;
150
+ }
151
+
152
+ .bc-orange-legacy-2,
153
+ .bc-orange-legacy-400 {
154
+ border-color: var(--orange-legacy-400) !important;
155
+ }
156
+
157
+ .bc-orange-legacy-500 {
158
+ border-color: var(--orange-legacy-500) !important;
159
+ }
160
+
161
+ .bc-orange-legacy-3,
162
+ .bc-orange-legacy-600 {
163
+ border-color: var(--orange-legacy-600) !important;
164
+ }
165
+
166
+ .bc-orange-legacy-700 {
167
+ border-color: var(--orange-legacy-700) !important;
168
+ }
169
+
170
+ .bc-orange-legacy-800 {
171
+ border-color: var(--orange-legacy-800) !important;
172
+ }
173
+
174
+ .bc-orange-legacy-900 {
175
+ border-color: var(--orange-legacy-900) !important;
176
+ }
177
+
178
+ .bc-blue-legacy-050 {
179
+ border-color: var(--blue-legacy-050) !important;
180
+ }
181
+
182
+ .bc-blue-legacy-1,
183
+ .bc-blue-legacy-100 {
184
+ border-color: var(--blue-legacy-100) !important;
185
+ }
186
+
187
+ .bc-blue-legacy-200 {
188
+ border-color: var(--blue-legacy-200) !important;
189
+ }
190
+
191
+ .bc-blue-legacy-300 {
192
+ border-color: var(--blue-legacy-300) !important;
193
+ }
194
+
195
+ .bc-blue-legacy-2,
196
+ .bc-blue-legacy-400 {
197
+ border-color: var(--blue-legacy-400) !important;
198
+ }
199
+
200
+ .bc-blue-legacy-500 {
201
+ border-color: var(--blue-legacy-500) !important;
202
+ }
203
+
204
+ .bc-blue-legacy-3,
205
+ .bc-blue-legacy-600 {
206
+ border-color: var(--blue-legacy-600) !important;
207
+ }
208
+
209
+ .bc-blue-legacy-700 {
210
+ border-color: var(--blue-legacy-700) !important;
211
+ }
212
+
213
+ .bc-blue-legacy-800 {
214
+ border-color: var(--blue-legacy-800) !important;
215
+ }
216
+
217
+ .bc-blue-legacy-900 {
218
+ border-color: var(--blue-legacy-900) !important;
219
+ }
220
+
221
+ .bc-powder-legacy-050 {
222
+ border-color: var(--powder-legacy-050) !important;
223
+ }
224
+
225
+ .bc-powder-legacy-1,
226
+ .bc-powder-legacy-100 {
227
+ border-color: var(--powder-legacy-100) !important;
228
+ }
229
+
230
+ .bc-powder-legacy-200 {
231
+ border-color: var(--powder-legacy-200) !important;
232
+ }
233
+
234
+ .bc-powder-legacy-300 {
235
+ border-color: var(--powder-legacy-300) !important;
236
+ }
237
+
238
+ .bc-powder-legacy-2,
239
+ .bc-powder-legacy-400 {
240
+ border-color: var(--powder-legacy-400) !important;
241
+ }
242
+
243
+ .bc-powder-legacy-500 {
244
+ border-color: var(--powder-legacy-500) !important;
245
+ }
246
+
247
+ .bc-powder-legacy-3,
248
+ .bc-powder-legacy-600 {
249
+ border-color: var(--powder-legacy-600) !important;
250
+ }
251
+
252
+ .bc-powder-legacy-700 {
253
+ border-color: var(--powder-legacy-700) !important;
254
+ }
255
+
256
+ .bc-powder-legacy-800 {
257
+ border-color: var(--powder-legacy-800) !important;
258
+ }
259
+
260
+ .bc-powder-legacy-900 {
261
+ border-color: var(--powder-legacy-900) !important;
262
+ }
263
+
264
+ .bc-green-legacy-025 {
265
+ border-color: var(--green-legacy-025) !important;
266
+ }
267
+
268
+ .bc-green-legacy-050 {
269
+ border-color: var(--green-legacy-050) !important;
270
+ }
271
+
272
+ .bc-green-legacy-1,
273
+ .bc-green-legacy-100 {
274
+ border-color: var(--green-legacy-100) !important;
275
+ }
276
+
277
+ .bc-green-legacy-200 {
278
+ border-color: var(--green-legacy-200) !important;
279
+ }
280
+
281
+ .bc-green-legacy-300 {
282
+ border-color: var(--green-legacy-300) !important;
283
+ }
284
+
285
+ .bc-green-legacy-2,
286
+ .bc-green-legacy-400 {
287
+ border-color: var(--green-legacy-400) !important;
288
+ }
289
+
290
+ .bc-green-legacy-500 {
291
+ border-color: var(--green-legacy-500) !important;
292
+ }
293
+
294
+ .bc-green-legacy-3,
295
+ .bc-success-legacy,
296
+ .bc-green-legacy-600 {
297
+ border-color: var(--green-legacy-600) !important;
298
+ }
299
+
300
+ .bc-green-legacy-700 {
301
+ border-color: var(--green-legacy-700) !important;
302
+ }
303
+
304
+ .bc-green-legacy-800 {
305
+ border-color: var(--green-legacy-800) !important;
306
+ }
307
+
308
+ .bc-green-legacy-900 {
309
+ border-color: var(--green-legacy-900) !important;
310
+ }
311
+
312
+ .bc-red-legacy-025 {
313
+ border-color: var(--red-legacy-025) !important;
314
+ }
315
+
316
+ .bc-red-legacy-050 {
317
+ border-color: var(--red-legacy-050) !important;
318
+ }
319
+
320
+ .bc-red-legacy-1,
321
+ .bc-red-legacy-100 {
322
+ border-color: var(--red-legacy-100) !important;
323
+ }
324
+
325
+ .bc-red-legacy-200 {
326
+ border-color: var(--red-legacy-200) !important;
327
+ }
328
+
329
+ .bc-red-legacy-300 {
330
+ border-color: var(--red-legacy-300) !important;
331
+ }
332
+
333
+ .bc-red-legacy-2,
334
+ .bc-error-legacy,
335
+ .bc-red-legacy-400 {
336
+ border-color: var(--red-legacy-400) !important;
337
+ }
338
+
339
+ .bc-red-legacy-500 {
340
+ border-color: var(--red-legacy-500) !important;
341
+ }
342
+
343
+ .bc-red-legacy-3,
344
+ .bc-red-legacy-600 {
345
+ border-color: var(--red-legacy-600) !important;
346
+ }
347
+
348
+ .bc-red-legacy-700 {
349
+ border-color: var(--red-legacy-700) !important;
350
+ }
351
+
352
+ .bc-red-legacy-800 {
353
+ border-color: var(--red-legacy-800) !important;
354
+ }
355
+
356
+ .bc-red-legacy-900 {
357
+ border-color: var(--red-legacy-900) !important;
358
+ }
359
+
360
+ .bc-yellow-legacy-050 {
361
+ border-color: var(--yellow-legacy-050) !important;
362
+ }
363
+
364
+ .bc-yellow-legacy-100 {
365
+ border-color: var(--yellow-legacy-100) !important;
366
+ }
367
+
368
+ .bc-yellow-legacy-1,
369
+ .bc-yellow-legacy-200 {
370
+ border-color: var(--yellow-legacy-200) !important;
371
+ }
372
+
373
+ .bc-yellow-legacy-300 {
374
+ border-color: var(--yellow-legacy-300) !important;
375
+ }
376
+
377
+ .bc-yellow-legacy-2,
378
+ .bc-yellow-legacy-400 {
379
+ border-color: var(--yellow-legacy-400) !important;
380
+ }
381
+
382
+ .bc-yellow-legacy-500 {
383
+ border-color: var(--yellow-legacy-500) !important;
384
+ }
385
+
386
+ .bc-yellow-legacy-3,
387
+ .bc-warning-legacy,
388
+ .bc-yellow-legacy-600 {
389
+ border-color: var(--yellow-legacy-600) !important;
390
+ }
391
+
392
+ .bc-yellow-legacy-700 {
393
+ border-color: var(--yellow-legacy-700) !important;
394
+ }
395
+
396
+ .bc-yellow-legacy-800 {
397
+ border-color: var(--yellow-legacy-800) !important;
398
+ }
399
+
400
+ .bc-yellow-legacy-900 {
401
+ border-color: var(--yellow-legacy-900) !important;
402
+ }
403
+
404
+ .bc-gold-legacy-lighter {
405
+ border-color: var(--gold-legacy-lighter) !important;
406
+ }
407
+
408
+ .bc-gold-legacy {
409
+ border-color: var(--gold-legacy) !important;
410
+ }
411
+
412
+ .bc-gold-legacy-darker {
413
+ border-color: var(--gold-legacy-darker) !important;
414
+ }
415
+
416
+ .bc-silver-legacy-lighter {
417
+ border-color: var(--silver-legacy-lighter) !important;
418
+ }
419
+
420
+ .bc-silver-legacy {
421
+ border-color: var(--silver-legacy) !important;
422
+ }
423
+
424
+ .bc-silver-legacy-darker {
425
+ border-color: var(--silver-legacy-darker) !important;
426
+ }
427
+
428
+ .bc-bronze-legacy-lighter {
429
+ border-color: var(--bronze-legacy-lighter) !important;
430
+ }
431
+
432
+ .bc-bronze-legacy {
433
+ border-color: var(--bronze-legacy) !important;
434
+ }
435
+
436
+ .bc-bronze-legacy-darker {
437
+ border-color: var(--bronze-legacy-darker) !important;
438
+ }
439
+
440
+ .bc-theme-primary-legacy-025 {
441
+ border-color: var(--theme-primary-legacy-025) !important;
442
+ }
443
+
444
+ .bc-theme-primary-legacy-050 {
445
+ border-color: var(--theme-primary-legacy-050) !important;
446
+ }
447
+
448
+ .bc-theme-primary-legacy-075 {
449
+ border-color: var(--theme-primary-legacy-075) !important;
450
+ }
451
+
452
+ .bc-theme-primary-legacy-100 {
453
+ border-color: var(--theme-primary-legacy-100) !important;
454
+ }
455
+
456
+ .bc-theme-primary-legacy-150 {
457
+ border-color: var(--theme-primary-legacy-150) !important;
458
+ }
459
+
460
+ .bc-theme-primary-legacy-200 {
461
+ border-color: var(--theme-primary-legacy-200) !important;
462
+ }
463
+
464
+ .bc-theme-primary-legacy-300 {
465
+ border-color: var(--theme-primary-legacy-300) !important;
466
+ }
467
+
468
+ .bc-theme-primary-legacy-350 {
469
+ border-color: var(--theme-primary-legacy-350) !important;
470
+ }
471
+
472
+ .bc-theme-primary-legacy-400 {
473
+ border-color: var(--theme-primary-legacy-400) !important;
474
+ }
475
+
476
+ .bc-theme-primary-legacy-500 {
477
+ border-color: var(--theme-primary-legacy-500) !important;
478
+ }
479
+
480
+ .bc-theme-primary-legacy-600 {
481
+ border-color: var(--theme-primary-legacy-600) !important;
482
+ }
483
+
484
+ .bc-theme-primary-legacy-700 {
485
+ border-color: var(--theme-primary-legacy-700) !important;
486
+ }
487
+
488
+ .bc-theme-primary-legacy-800 {
489
+ border-color: var(--theme-primary-legacy-800) !important;
490
+ }
491
+
492
+ .bc-theme-primary-legacy-900 {
493
+ border-color: var(--theme-primary-legacy-900) !important;
494
+ }
495
+
496
+ .bc-theme-secondary-legacy-025 {
497
+ border-color: var(--theme-secondary-legacy-025) !important;
498
+ }
499
+
500
+ .bc-theme-secondary-legacy-050 {
501
+ border-color: var(--theme-secondary-legacy-050) !important;
502
+ }
503
+
504
+ .bc-theme-secondary-legacy-075 {
505
+ border-color: var(--theme-secondary-legacy-075) !important;
506
+ }
507
+
508
+ .bc-theme-secondary-legacy-100 {
509
+ border-color: var(--theme-secondary-legacy-100) !important;
510
+ }
511
+
512
+ .bc-theme-secondary-legacy-150 {
513
+ border-color: var(--theme-secondary-legacy-150) !important;
514
+ }
515
+
516
+ .bc-theme-secondary-legacy-200 {
517
+ border-color: var(--theme-secondary-legacy-200) !important;
518
+ }
519
+
520
+ .bc-theme-secondary-legacy-300 {
521
+ border-color: var(--theme-secondary-legacy-300) !important;
522
+ }
523
+
524
+ .bc-theme-secondary-legacy-350 {
525
+ border-color: var(--theme-secondary-legacy-350) !important;
526
+ }
527
+
528
+ .bc-theme-secondary-legacy-400 {
529
+ border-color: var(--theme-secondary-legacy-400) !important;
530
+ }
531
+
532
+ .bc-theme-secondary-legacy-500 {
533
+ border-color: var(--theme-secondary-legacy-500) !important;
534
+ }
535
+
536
+ .bc-theme-secondary-legacy-600 {
537
+ border-color: var(--theme-secondary-legacy-600) !important;
538
+ }
539
+
540
+ .bc-theme-secondary-legacy-700 {
541
+ border-color: var(--theme-secondary-legacy-700) !important;
542
+ }
543
+
544
+ .bc-theme-secondary-legacy-800 {
545
+ border-color: var(--theme-secondary-legacy-800) !important;
546
+ }
547
+
548
+ .bc-theme-secondary-legacy-900 {
549
+ border-color: var(--theme-secondary-legacy-900) !important;
550
+ }
551
+ "
552
+ `;