@bcc-code/design-tokens 5.1.38 → 5.1.39
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 +4 -4
- package/build/bcc/css/dark.css +2 -2
- package/build/bcc/css/light.css +2 -2
- package/build/bcc/css/tailwind-auto.css +4 -4
- package/build/bcc/css/tailwind-dark.css +2 -2
- package/build/bcc/css/tailwind-light.css +2 -2
- package/build/bcc/js/dark.js +2 -2
- package/build/bcc/js/light.js +2 -2
- package/package.json +1 -1
package/build/bcc/css/auto.css
CHANGED
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
--color-brand-1000: var(--color-bcc-1000);
|
|
228
228
|
--color-text-default: var(--color-neutral-1000);
|
|
229
229
|
--color-text-subtle: var(--color-neutral-800);
|
|
230
|
-
--color-text-subtlest: var(--color-neutral-
|
|
230
|
+
--color-text-subtlest: var(--color-neutral-600);
|
|
231
231
|
--color-text-disabled: var(--color-neutral-alpha-400-a);
|
|
232
232
|
--color-text-inverse: var(--color-neutral-0);
|
|
233
233
|
--color-text-success: var(--color-green-800);
|
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
--color-link-visited-hover: var(--color-purple-900);
|
|
263
263
|
--color-icon-default: var(--color-neutral-1100);
|
|
264
264
|
--color-icon-subtle: var(--color-neutral-800);
|
|
265
|
-
--color-icon-subtlest: var(--color-neutral-
|
|
265
|
+
--color-icon-subtlest: var(--color-neutral-600);
|
|
266
266
|
--color-icon-disabled: var(--color-neutral-alpha-400-a);
|
|
267
267
|
--color-icon-inverse: var(--color-neutral-0);
|
|
268
268
|
--color-icon-success: var(--color-green-800);
|
|
@@ -557,7 +557,7 @@
|
|
|
557
557
|
--color-interaction-pressed: rgba(255, 255, 255, 0.36);
|
|
558
558
|
--color-text-default: var(--color-dark-neutral-1100);
|
|
559
559
|
--color-text-subtle: var(--color-dark-neutral-800);
|
|
560
|
-
--color-text-subtlest: var(--color-dark-neutral-
|
|
560
|
+
--color-text-subtlest: var(--color-dark-neutral-600);
|
|
561
561
|
--color-text-disabled: var(--color-dark-neutral-alpha-400-a);
|
|
562
562
|
--color-text-inverse: var(--color-dark-neutral-100);
|
|
563
563
|
--color-text-success: var(--color-green-300);
|
|
@@ -591,7 +591,7 @@
|
|
|
591
591
|
--color-link-visited-hover: var(--color-purple-200);
|
|
592
592
|
--color-icon-default: var(--color-dark-neutral-1000);
|
|
593
593
|
--color-icon-subtle: var(--color-dark-neutral-800);
|
|
594
|
-
--color-icon-subtlest: var(--color-dark-neutral-
|
|
594
|
+
--color-icon-subtlest: var(--color-dark-neutral-600);
|
|
595
595
|
--color-icon-disabled: var(--color-dark-neutral-alpha-400-a);
|
|
596
596
|
--color-icon-inverse: var(--color-dark-neutral-100);
|
|
597
597
|
--color-icon-success: var(--color-green-500);
|
package/build/bcc/css/dark.css
CHANGED
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
--color-brand-1000: var(--color-bcc-1000);
|
|
230
230
|
--color-text-default: var(--color-dark-neutral-1100);
|
|
231
231
|
--color-text-subtle: var(--color-dark-neutral-800);
|
|
232
|
-
--color-text-subtlest: var(--color-dark-neutral-
|
|
232
|
+
--color-text-subtlest: var(--color-dark-neutral-600);
|
|
233
233
|
--color-text-disabled: var(--color-dark-neutral-alpha-400-a);
|
|
234
234
|
--color-text-inverse: var(--color-dark-neutral-100);
|
|
235
235
|
--color-text-success: var(--color-green-300);
|
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
--color-link-visited-hover: var(--color-purple-200);
|
|
265
265
|
--color-icon-default: var(--color-dark-neutral-1000);
|
|
266
266
|
--color-icon-subtle: var(--color-dark-neutral-800);
|
|
267
|
-
--color-icon-subtlest: var(--color-dark-neutral-
|
|
267
|
+
--color-icon-subtlest: var(--color-dark-neutral-600);
|
|
268
268
|
--color-icon-disabled: var(--color-dark-neutral-alpha-400-a);
|
|
269
269
|
--color-icon-inverse: var(--color-dark-neutral-100);
|
|
270
270
|
--color-icon-success: var(--color-green-500);
|
package/build/bcc/css/light.css
CHANGED
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
--color-brand-1000: var(--color-bcc-1000);
|
|
228
228
|
--color-text-default: var(--color-neutral-1000);
|
|
229
229
|
--color-text-subtle: var(--color-neutral-800);
|
|
230
|
-
--color-text-subtlest: var(--color-neutral-
|
|
230
|
+
--color-text-subtlest: var(--color-neutral-600);
|
|
231
231
|
--color-text-disabled: var(--color-neutral-alpha-400-a);
|
|
232
232
|
--color-text-inverse: var(--color-neutral-0);
|
|
233
233
|
--color-text-success: var(--color-green-800);
|
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
--color-link-visited-hover: var(--color-purple-900);
|
|
263
263
|
--color-icon-default: var(--color-neutral-1100);
|
|
264
264
|
--color-icon-subtle: var(--color-neutral-800);
|
|
265
|
-
--color-icon-subtlest: var(--color-neutral-
|
|
265
|
+
--color-icon-subtlest: var(--color-neutral-600);
|
|
266
266
|
--color-icon-disabled: var(--color-neutral-alpha-400-a);
|
|
267
267
|
--color-icon-inverse: var(--color-neutral-0);
|
|
268
268
|
--color-icon-success: var(--color-green-800);
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
--color-brand-1000: var(--color-bcc-1000);
|
|
230
230
|
--color-text-default: var(--color-neutral-1000);
|
|
231
231
|
--color-text-subtle: var(--color-neutral-800);
|
|
232
|
-
--color-text-subtlest: var(--color-neutral-
|
|
232
|
+
--color-text-subtlest: var(--color-neutral-600);
|
|
233
233
|
--color-text-disabled: var(--color-neutral-alpha-400-a);
|
|
234
234
|
--color-text-inverse: var(--color-neutral-0);
|
|
235
235
|
--color-text-success: var(--color-green-800);
|
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
--color-link-visited-hover: var(--color-purple-900);
|
|
265
265
|
--color-icon-default: var(--color-neutral-1100);
|
|
266
266
|
--color-icon-subtle: var(--color-neutral-800);
|
|
267
|
-
--color-icon-subtlest: var(--color-neutral-
|
|
267
|
+
--color-icon-subtlest: var(--color-neutral-600);
|
|
268
268
|
--color-icon-disabled: var(--color-neutral-alpha-400-a);
|
|
269
269
|
--color-icon-inverse: var(--color-neutral-0);
|
|
270
270
|
--color-icon-success: var(--color-green-800);
|
|
@@ -559,7 +559,7 @@
|
|
|
559
559
|
--color-interaction-pressed: rgba(255, 255, 255, 0.36);
|
|
560
560
|
--color-text-default: var(--color-dark-neutral-1100);
|
|
561
561
|
--color-text-subtle: var(--color-dark-neutral-800);
|
|
562
|
-
--color-text-subtlest: var(--color-dark-neutral-
|
|
562
|
+
--color-text-subtlest: var(--color-dark-neutral-600);
|
|
563
563
|
--color-text-disabled: var(--color-dark-neutral-alpha-400-a);
|
|
564
564
|
--color-text-inverse: var(--color-dark-neutral-100);
|
|
565
565
|
--color-text-success: var(--color-green-300);
|
|
@@ -593,7 +593,7 @@
|
|
|
593
593
|
--color-link-visited-hover: var(--color-purple-200);
|
|
594
594
|
--color-icon-default: var(--color-dark-neutral-1000);
|
|
595
595
|
--color-icon-subtle: var(--color-dark-neutral-800);
|
|
596
|
-
--color-icon-subtlest: var(--color-dark-neutral-
|
|
596
|
+
--color-icon-subtlest: var(--color-dark-neutral-600);
|
|
597
597
|
--color-icon-disabled: var(--color-dark-neutral-alpha-400-a);
|
|
598
598
|
--color-icon-inverse: var(--color-dark-neutral-100);
|
|
599
599
|
--color-icon-success: var(--color-green-500);
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
--color-brand-1000: var(--color-bcc-1000);
|
|
229
229
|
--color-text-default: var(--color-dark-neutral-1100);
|
|
230
230
|
--color-text-subtle: var(--color-dark-neutral-800);
|
|
231
|
-
--color-text-subtlest: var(--color-dark-neutral-
|
|
231
|
+
--color-text-subtlest: var(--color-dark-neutral-600);
|
|
232
232
|
--color-text-disabled: var(--color-dark-neutral-alpha-400-a);
|
|
233
233
|
--color-text-inverse: var(--color-dark-neutral-100);
|
|
234
234
|
--color-text-success: var(--color-green-300);
|
|
@@ -263,7 +263,7 @@
|
|
|
263
263
|
--color-link-visited-hover: var(--color-purple-200);
|
|
264
264
|
--color-icon-default: var(--color-dark-neutral-1000);
|
|
265
265
|
--color-icon-subtle: var(--color-dark-neutral-800);
|
|
266
|
-
--color-icon-subtlest: var(--color-dark-neutral-
|
|
266
|
+
--color-icon-subtlest: var(--color-dark-neutral-600);
|
|
267
267
|
--color-icon-disabled: var(--color-dark-neutral-alpha-400-a);
|
|
268
268
|
--color-icon-inverse: var(--color-dark-neutral-100);
|
|
269
269
|
--color-icon-success: var(--color-green-500);
|
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
--color-brand-1000: var(--color-bcc-1000);
|
|
228
228
|
--color-text-default: var(--color-neutral-1000);
|
|
229
229
|
--color-text-subtle: var(--color-neutral-800);
|
|
230
|
-
--color-text-subtlest: var(--color-neutral-
|
|
230
|
+
--color-text-subtlest: var(--color-neutral-600);
|
|
231
231
|
--color-text-disabled: var(--color-neutral-alpha-400-a);
|
|
232
232
|
--color-text-inverse: var(--color-neutral-0);
|
|
233
233
|
--color-text-success: var(--color-green-800);
|
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
--color-link-visited-hover: var(--color-purple-900);
|
|
263
263
|
--color-icon-default: var(--color-neutral-1100);
|
|
264
264
|
--color-icon-subtle: var(--color-neutral-800);
|
|
265
|
-
--color-icon-subtlest: var(--color-neutral-
|
|
265
|
+
--color-icon-subtlest: var(--color-neutral-600);
|
|
266
266
|
--color-icon-disabled: var(--color-neutral-alpha-400-a);
|
|
267
267
|
--color-icon-inverse: var(--color-neutral-0);
|
|
268
268
|
--color-icon-success: var(--color-green-800);
|
package/build/bcc/js/dark.js
CHANGED
|
@@ -186,7 +186,7 @@ export default {
|
|
|
186
186
|
text: {
|
|
187
187
|
default: "#e2e3e4",
|
|
188
188
|
subtle: "#a9abaf",
|
|
189
|
-
subtlest: "#
|
|
189
|
+
subtlest: "#7e8188",
|
|
190
190
|
disabled: "rgba(229, 233, 246, 0.25)",
|
|
191
191
|
selected: "#6fb5ad",
|
|
192
192
|
inverse: "#1f1f21",
|
|
@@ -258,7 +258,7 @@ export default {
|
|
|
258
258
|
icon: {
|
|
259
259
|
default: "#cecfd2",
|
|
260
260
|
subtle: "#a9abaf",
|
|
261
|
-
subtlest: "#
|
|
261
|
+
subtlest: "#7e8188",
|
|
262
262
|
disabled: "rgba(229, 233, 246, 0.25)",
|
|
263
263
|
selected: "#6fb5ad",
|
|
264
264
|
inverse: "#1f1f21",
|
package/build/bcc/js/light.js
CHANGED
|
@@ -186,7 +186,7 @@ export default {
|
|
|
186
186
|
text: {
|
|
187
187
|
default: "#292a2e",
|
|
188
188
|
subtle: "#505258",
|
|
189
|
-
subtlest: "#
|
|
189
|
+
subtlest: "#7d818a",
|
|
190
190
|
disabled: "rgba(8, 15, 33, 0.29)",
|
|
191
191
|
selected: "#0c625c",
|
|
192
192
|
inverse: "#ffffff",
|
|
@@ -258,7 +258,7 @@ export default {
|
|
|
258
258
|
icon: {
|
|
259
259
|
default: "#1e1f21",
|
|
260
260
|
subtle: "#505258",
|
|
261
|
-
subtlest: "#
|
|
261
|
+
subtlest: "#7d818a",
|
|
262
262
|
disabled: "rgba(8, 15, 33, 0.29)",
|
|
263
263
|
selected: "#0c625c",
|
|
264
264
|
inverse: "#ffffff",
|