@bcc-code/design-tokens 5.1.34 → 5.1.35
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.
- package/build/bcc/css/auto.css +6 -6
- package/build/bcc/css/dark.css +3 -3
- package/build/bcc/css/light.css +3 -3
- package/build/bcc/css/tailwind-auto.css +6 -6
- package/build/bcc/css/tailwind-dark.css +3 -3
- package/build/bcc/css/tailwind-light.css +3 -3
- package/build/bcc/js/dark.js +3 -3
- package/build/bcc/js/light.js +3 -3
- package/package.json +1 -1
package/build/bcc/css/auto.css
CHANGED
|
@@ -534,9 +534,9 @@
|
|
|
534
534
|
--color-background-brand-subtlest-default: var(--color-brand-100);
|
|
535
535
|
--color-background-brand-subtlest-hover: var(--color-brand-200);
|
|
536
536
|
--color-background-brand-subtlest-pressed: var(--color-brand-300);
|
|
537
|
-
--color-background-brand-bolder-default: var(--color-brand-
|
|
538
|
-
--color-background-brand-bolder-hover: var(--color-brand-
|
|
539
|
-
--color-background-brand-bolder-pressed: var(--color-brand-
|
|
537
|
+
--color-background-brand-bolder-default: var(--color-brand-800);
|
|
538
|
+
--color-background-brand-bolder-hover: var(--color-brand-900);
|
|
539
|
+
--color-background-brand-bolder-pressed: var(--color-brand-1000);
|
|
540
540
|
--color-background-brand-boldest-default: var(--color-brand-1000);
|
|
541
541
|
--color-background-brand-boldest-hover: var(--color-brand-900);
|
|
542
542
|
--color-background-brand-boldest-pressed: var(--color-brand-800);
|
|
@@ -841,9 +841,9 @@
|
|
|
841
841
|
--color-background-brand-subtle-default: var(--color-brand-700);
|
|
842
842
|
--color-background-brand-subtle-hover: var(--color-brand-600);
|
|
843
843
|
--color-background-brand-subtle-pressed: var(--color-brand-500);
|
|
844
|
-
--color-background-brand-bolder-default: var(--color-brand-
|
|
845
|
-
--color-background-brand-bolder-hover: var(--color-brand-
|
|
846
|
-
--color-background-brand-bolder-pressed: var(--color-brand-
|
|
844
|
+
--color-background-brand-bolder-default: var(--color-brand-500);
|
|
845
|
+
--color-background-brand-bolder-hover: var(--color-brand-400);
|
|
846
|
+
--color-background-brand-bolder-pressed: var(--color-brand-300);
|
|
847
847
|
--color-background-brand-boldest-default: var(--color-brand-100);
|
|
848
848
|
--color-background-brand-boldest-hover: var(--color-brand-200);
|
|
849
849
|
--color-background-brand-boldest-pressed: var(--color-brand-300);
|
package/build/bcc/css/dark.css
CHANGED
|
@@ -535,9 +535,9 @@
|
|
|
535
535
|
--color-background-brand-subtle-default: var(--color-brand-700);
|
|
536
536
|
--color-background-brand-subtle-hover: var(--color-brand-600);
|
|
537
537
|
--color-background-brand-subtle-pressed: var(--color-brand-500);
|
|
538
|
-
--color-background-brand-bolder-default: var(--color-brand-
|
|
539
|
-
--color-background-brand-bolder-hover: var(--color-brand-
|
|
540
|
-
--color-background-brand-bolder-pressed: var(--color-brand-
|
|
538
|
+
--color-background-brand-bolder-default: var(--color-brand-500);
|
|
539
|
+
--color-background-brand-bolder-hover: var(--color-brand-400);
|
|
540
|
+
--color-background-brand-bolder-pressed: var(--color-brand-300);
|
|
541
541
|
--color-background-brand-boldest-default: var(--color-brand-100);
|
|
542
542
|
--color-background-brand-boldest-hover: var(--color-brand-200);
|
|
543
543
|
--color-background-brand-boldest-pressed: var(--color-brand-300);
|
package/build/bcc/css/light.css
CHANGED
|
@@ -534,9 +534,9 @@
|
|
|
534
534
|
--color-background-brand-subtlest-default: var(--color-brand-100);
|
|
535
535
|
--color-background-brand-subtlest-hover: var(--color-brand-200);
|
|
536
536
|
--color-background-brand-subtlest-pressed: var(--color-brand-300);
|
|
537
|
-
--color-background-brand-bolder-default: var(--color-brand-
|
|
538
|
-
--color-background-brand-bolder-hover: var(--color-brand-
|
|
539
|
-
--color-background-brand-bolder-pressed: var(--color-brand-
|
|
537
|
+
--color-background-brand-bolder-default: var(--color-brand-800);
|
|
538
|
+
--color-background-brand-bolder-hover: var(--color-brand-900);
|
|
539
|
+
--color-background-brand-bolder-pressed: var(--color-brand-1000);
|
|
540
540
|
--color-background-brand-boldest-default: var(--color-brand-1000);
|
|
541
541
|
--color-background-brand-boldest-hover: var(--color-brand-900);
|
|
542
542
|
--color-background-brand-boldest-pressed: var(--color-brand-800);
|
|
@@ -536,9 +536,9 @@
|
|
|
536
536
|
--color-background-brand-subtlest-default: var(--color-brand-100);
|
|
537
537
|
--color-background-brand-subtlest-hover: var(--color-brand-200);
|
|
538
538
|
--color-background-brand-subtlest-pressed: var(--color-brand-300);
|
|
539
|
-
--color-background-brand-bolder-default: var(--color-brand-
|
|
540
|
-
--color-background-brand-bolder-hover: var(--color-brand-
|
|
541
|
-
--color-background-brand-bolder-pressed: var(--color-brand-
|
|
539
|
+
--color-background-brand-bolder-default: var(--color-brand-800);
|
|
540
|
+
--color-background-brand-bolder-hover: var(--color-brand-900);
|
|
541
|
+
--color-background-brand-bolder-pressed: var(--color-brand-1000);
|
|
542
542
|
--color-background-brand-boldest-default: var(--color-brand-1000);
|
|
543
543
|
--color-background-brand-boldest-hover: var(--color-brand-900);
|
|
544
544
|
--color-background-brand-boldest-pressed: var(--color-brand-800);
|
|
@@ -843,9 +843,9 @@
|
|
|
843
843
|
--color-background-brand-subtle-default: var(--color-brand-700);
|
|
844
844
|
--color-background-brand-subtle-hover: var(--color-brand-600);
|
|
845
845
|
--color-background-brand-subtle-pressed: var(--color-brand-500);
|
|
846
|
-
--color-background-brand-bolder-default: var(--color-brand-
|
|
847
|
-
--color-background-brand-bolder-hover: var(--color-brand-
|
|
848
|
-
--color-background-brand-bolder-pressed: var(--color-brand-
|
|
846
|
+
--color-background-brand-bolder-default: var(--color-brand-500);
|
|
847
|
+
--color-background-brand-bolder-hover: var(--color-brand-400);
|
|
848
|
+
--color-background-brand-bolder-pressed: var(--color-brand-300);
|
|
849
849
|
--color-background-brand-boldest-default: var(--color-brand-100);
|
|
850
850
|
--color-background-brand-boldest-hover: var(--color-brand-200);
|
|
851
851
|
--color-background-brand-boldest-pressed: var(--color-brand-300);
|
|
@@ -534,9 +534,9 @@
|
|
|
534
534
|
--color-background-brand-subtle-default: var(--color-brand-700);
|
|
535
535
|
--color-background-brand-subtle-hover: var(--color-brand-600);
|
|
536
536
|
--color-background-brand-subtle-pressed: var(--color-brand-500);
|
|
537
|
-
--color-background-brand-bolder-default: var(--color-brand-
|
|
538
|
-
--color-background-brand-bolder-hover: var(--color-brand-
|
|
539
|
-
--color-background-brand-bolder-pressed: var(--color-brand-
|
|
537
|
+
--color-background-brand-bolder-default: var(--color-brand-500);
|
|
538
|
+
--color-background-brand-bolder-hover: var(--color-brand-400);
|
|
539
|
+
--color-background-brand-bolder-pressed: var(--color-brand-300);
|
|
540
540
|
--color-background-brand-boldest-default: var(--color-brand-100);
|
|
541
541
|
--color-background-brand-boldest-hover: var(--color-brand-200);
|
|
542
542
|
--color-background-brand-boldest-pressed: var(--color-brand-300);
|
|
@@ -534,9 +534,9 @@
|
|
|
534
534
|
--color-background-brand-subtlest-default: var(--color-brand-100);
|
|
535
535
|
--color-background-brand-subtlest-hover: var(--color-brand-200);
|
|
536
536
|
--color-background-brand-subtlest-pressed: var(--color-brand-300);
|
|
537
|
-
--color-background-brand-bolder-default: var(--color-brand-
|
|
538
|
-
--color-background-brand-bolder-hover: var(--color-brand-
|
|
539
|
-
--color-background-brand-bolder-pressed: var(--color-brand-
|
|
537
|
+
--color-background-brand-bolder-default: var(--color-brand-800);
|
|
538
|
+
--color-background-brand-bolder-hover: var(--color-brand-900);
|
|
539
|
+
--color-background-brand-bolder-pressed: var(--color-brand-1000);
|
|
540
540
|
--color-background-brand-boldest-default: var(--color-brand-1000);
|
|
541
541
|
--color-background-brand-boldest-hover: var(--color-brand-900);
|
|
542
542
|
--color-background-brand-boldest-pressed: var(--color-brand-800);
|
package/build/bcc/js/dark.js
CHANGED
|
@@ -422,9 +422,9 @@ export default {
|
|
|
422
422
|
pressed: "#3e9f97",
|
|
423
423
|
},
|
|
424
424
|
bolder: {
|
|
425
|
-
default: "#
|
|
426
|
-
hover: "#
|
|
427
|
-
pressed: "#
|
|
425
|
+
default: "#3e9f97",
|
|
426
|
+
hover: "#6fb5ad",
|
|
427
|
+
pressed: "#a0cec8",
|
|
428
428
|
},
|
|
429
429
|
boldest: {
|
|
430
430
|
default: "#f0fcfa",
|
package/build/bcc/js/light.js
CHANGED
|
@@ -422,9 +422,9 @@ export default {
|
|
|
422
422
|
pressed: "#a0cec8",
|
|
423
423
|
},
|
|
424
424
|
bolder: {
|
|
425
|
-
default: "#
|
|
426
|
-
hover: "#
|
|
427
|
-
pressed: "#
|
|
425
|
+
default: "#014d49",
|
|
426
|
+
hover: "#0b3633",
|
|
427
|
+
pressed: "#012320",
|
|
428
428
|
},
|
|
429
429
|
boldest: {
|
|
430
430
|
default: "#012320",
|