@bcc-code/design-tokens 5.1.34 → 5.1.36

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 (11) hide show
  1. package/build/bcc/css/auto.css +8 -6
  2. package/build/bcc/css/dark.css +5 -3
  3. package/build/bcc/css/light.css +5 -3
  4. package/build/bcc/css/tailwind-auto.css +8 -6
  5. package/build/bcc/css/tailwind-dark.css +5 -3
  6. package/build/bcc/css/tailwind-light.css +5 -3
  7. package/build/bcc/js/dark.d.ts +6 -0
  8. package/build/bcc/js/dark.js +9 -3
  9. package/build/bcc/js/light.d.ts +6 -0
  10. package/build/bcc/js/light.js +9 -3
  11. package/package.json +1 -1
package/build/bcc/css/auto.css CHANGED
@@ -255,6 +255,7 @@
255
255
  --color-text-accent-magenta-bold: var(--color-magenta-900);
256
256
  --color-text-accent-purple-default: var(--color-purple-800);
257
257
  --color-text-accent-purple-bold: var(--color-purple-900);
258
+ --color-text-static-default: var(--color-neutral-0);
258
259
  --color-link-default: var(--color-blue-800);
259
260
  --color-link-pressed: var(--color-blue-900);
260
261
  --color-link-visited-default: var(--color-purple-800);
@@ -534,12 +535,13 @@
534
535
  --color-background-brand-subtlest-default: var(--color-brand-100);
535
536
  --color-background-brand-subtlest-hover: var(--color-brand-200);
536
537
  --color-background-brand-subtlest-pressed: var(--color-brand-300);
537
- --color-background-brand-bolder-default: var(--color-brand-700);
538
- --color-background-brand-bolder-hover: var(--color-brand-800);
539
- --color-background-brand-bolder-pressed: var(--color-brand-900);
538
+ --color-background-brand-bolder-default: var(--color-brand-800);
539
+ --color-background-brand-bolder-hover: var(--color-brand-900);
540
+ --color-background-brand-bolder-pressed: var(--color-brand-1000);
540
541
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
542
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
543
  --color-background-brand-boldest-pressed: var(--color-brand-800);
544
+ --color-background-static-default: var(--color-brand-800);
543
545
  }
544
546
 
545
547
  .dark,
@@ -841,9 +843,9 @@
841
843
  --color-background-brand-subtle-default: var(--color-brand-700);
842
844
  --color-background-brand-subtle-hover: var(--color-brand-600);
843
845
  --color-background-brand-subtle-pressed: var(--color-brand-500);
844
- --color-background-brand-bolder-default: var(--color-brand-400);
845
- --color-background-brand-bolder-hover: var(--color-brand-300);
846
- --color-background-brand-bolder-pressed: var(--color-brand-200);
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);
847
849
  --color-background-brand-boldest-default: var(--color-brand-100);
848
850
  --color-background-brand-boldest-hover: var(--color-brand-200);
849
851
  --color-background-brand-boldest-pressed: var(--color-brand-300);
package/build/bcc/css/dark.css CHANGED
@@ -257,6 +257,7 @@
257
257
  --color-text-accent-magenta-bold: var(--color-magenta-200);
258
258
  --color-text-accent-purple-default: var(--color-purple-300);
259
259
  --color-text-accent-purple-bold: var(--color-purple-200);
260
+ --color-text-static-default: var(--color-neutral-0);
260
261
  --color-link-default: var(--color-blue-400);
261
262
  --color-link-pressed: var(--color-blue-300);
262
263
  --color-link-visited-default: var(--color-purple-300);
@@ -535,11 +536,12 @@
535
536
  --color-background-brand-subtle-default: var(--color-brand-700);
536
537
  --color-background-brand-subtle-hover: var(--color-brand-600);
537
538
  --color-background-brand-subtle-pressed: var(--color-brand-500);
538
- --color-background-brand-bolder-default: var(--color-brand-400);
539
- --color-background-brand-bolder-hover: var(--color-brand-300);
540
- --color-background-brand-bolder-pressed: var(--color-brand-200);
539
+ --color-background-brand-bolder-default: var(--color-brand-500);
540
+ --color-background-brand-bolder-hover: var(--color-brand-400);
541
+ --color-background-brand-bolder-pressed: var(--color-brand-300);
541
542
  --color-background-brand-boldest-default: var(--color-brand-100);
542
543
  --color-background-brand-boldest-hover: var(--color-brand-200);
543
544
  --color-background-brand-boldest-pressed: var(--color-brand-300);
545
+ --color-background-static-default: var(--color-brand-800);
544
546
  }
545
547
  }
package/build/bcc/css/light.css CHANGED
@@ -255,6 +255,7 @@
255
255
  --color-text-accent-magenta-bold: var(--color-magenta-900);
256
256
  --color-text-accent-purple-default: var(--color-purple-800);
257
257
  --color-text-accent-purple-bold: var(--color-purple-900);
258
+ --color-text-static-default: var(--color-neutral-0);
258
259
  --color-link-default: var(--color-blue-800);
259
260
  --color-link-pressed: var(--color-blue-900);
260
261
  --color-link-visited-default: var(--color-purple-800);
@@ -534,10 +535,11 @@
534
535
  --color-background-brand-subtlest-default: var(--color-brand-100);
535
536
  --color-background-brand-subtlest-hover: var(--color-brand-200);
536
537
  --color-background-brand-subtlest-pressed: var(--color-brand-300);
537
- --color-background-brand-bolder-default: var(--color-brand-700);
538
- --color-background-brand-bolder-hover: var(--color-brand-800);
539
- --color-background-brand-bolder-pressed: var(--color-brand-900);
538
+ --color-background-brand-bolder-default: var(--color-brand-800);
539
+ --color-background-brand-bolder-hover: var(--color-brand-900);
540
+ --color-background-brand-bolder-pressed: var(--color-brand-1000);
540
541
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
542
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
543
  --color-background-brand-boldest-pressed: var(--color-brand-800);
544
+ --color-background-static-default: var(--color-brand-800);
543
545
  }
package/build/bcc/css/tailwind-auto.css CHANGED
@@ -257,6 +257,7 @@
257
257
  --color-text-accent-magenta-bold: var(--color-magenta-900);
258
258
  --color-text-accent-purple-default: var(--color-purple-800);
259
259
  --color-text-accent-purple-bold: var(--color-purple-900);
260
+ --color-text-static-default: var(--color-neutral-0);
260
261
  --color-link-default: var(--color-blue-800);
261
262
  --color-link-pressed: var(--color-blue-900);
262
263
  --color-link-visited-default: var(--color-purple-800);
@@ -536,12 +537,13 @@
536
537
  --color-background-brand-subtlest-default: var(--color-brand-100);
537
538
  --color-background-brand-subtlest-hover: var(--color-brand-200);
538
539
  --color-background-brand-subtlest-pressed: var(--color-brand-300);
539
- --color-background-brand-bolder-default: var(--color-brand-700);
540
- --color-background-brand-bolder-hover: var(--color-brand-800);
541
- --color-background-brand-bolder-pressed: var(--color-brand-900);
540
+ --color-background-brand-bolder-default: var(--color-brand-800);
541
+ --color-background-brand-bolder-hover: var(--color-brand-900);
542
+ --color-background-brand-bolder-pressed: var(--color-brand-1000);
542
543
  --color-background-brand-boldest-default: var(--color-brand-1000);
543
544
  --color-background-brand-boldest-hover: var(--color-brand-900);
544
545
  --color-background-brand-boldest-pressed: var(--color-brand-800);
546
+ --color-background-static-default: var(--color-brand-800);
545
547
  }
546
548
 
547
549
  .dark,
@@ -843,9 +845,9 @@
843
845
  --color-background-brand-subtle-default: var(--color-brand-700);
844
846
  --color-background-brand-subtle-hover: var(--color-brand-600);
845
847
  --color-background-brand-subtle-pressed: var(--color-brand-500);
846
- --color-background-brand-bolder-default: var(--color-brand-400);
847
- --color-background-brand-bolder-hover: var(--color-brand-300);
848
- --color-background-brand-bolder-pressed: var(--color-brand-200);
848
+ --color-background-brand-bolder-default: var(--color-brand-500);
849
+ --color-background-brand-bolder-hover: var(--color-brand-400);
850
+ --color-background-brand-bolder-pressed: var(--color-brand-300);
849
851
  --color-background-brand-boldest-default: var(--color-brand-100);
850
852
  --color-background-brand-boldest-hover: var(--color-brand-200);
851
853
  --color-background-brand-boldest-pressed: var(--color-brand-300);
package/build/bcc/css/tailwind-dark.css CHANGED
@@ -256,6 +256,7 @@
256
256
  --color-text-accent-magenta-bold: var(--color-magenta-200);
257
257
  --color-text-accent-purple-default: var(--color-purple-300);
258
258
  --color-text-accent-purple-bold: var(--color-purple-200);
259
+ --color-text-static-default: var(--color-neutral-0);
259
260
  --color-link-default: var(--color-blue-400);
260
261
  --color-link-pressed: var(--color-blue-300);
261
262
  --color-link-visited-default: var(--color-purple-300);
@@ -534,12 +535,13 @@
534
535
  --color-background-brand-subtle-default: var(--color-brand-700);
535
536
  --color-background-brand-subtle-hover: var(--color-brand-600);
536
537
  --color-background-brand-subtle-pressed: var(--color-brand-500);
537
- --color-background-brand-bolder-default: var(--color-brand-400);
538
- --color-background-brand-bolder-hover: var(--color-brand-300);
539
- --color-background-brand-bolder-pressed: var(--color-brand-200);
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);
540
541
  --color-background-brand-boldest-default: var(--color-brand-100);
541
542
  --color-background-brand-boldest-hover: var(--color-brand-200);
542
543
  --color-background-brand-boldest-pressed: var(--color-brand-300);
544
+ --color-background-static-default: var(--color-brand-800);
543
545
  }
544
546
 
545
547
  @utility text-* {
package/build/bcc/css/tailwind-light.css CHANGED
@@ -255,6 +255,7 @@
255
255
  --color-text-accent-magenta-bold: var(--color-magenta-900);
256
256
  --color-text-accent-purple-default: var(--color-purple-800);
257
257
  --color-text-accent-purple-bold: var(--color-purple-900);
258
+ --color-text-static-default: var(--color-neutral-0);
258
259
  --color-link-default: var(--color-blue-800);
259
260
  --color-link-pressed: var(--color-blue-900);
260
261
  --color-link-visited-default: var(--color-purple-800);
@@ -534,12 +535,13 @@
534
535
  --color-background-brand-subtlest-default: var(--color-brand-100);
535
536
  --color-background-brand-subtlest-hover: var(--color-brand-200);
536
537
  --color-background-brand-subtlest-pressed: var(--color-brand-300);
537
- --color-background-brand-bolder-default: var(--color-brand-700);
538
- --color-background-brand-bolder-hover: var(--color-brand-800);
539
- --color-background-brand-bolder-pressed: var(--color-brand-900);
538
+ --color-background-brand-bolder-default: var(--color-brand-800);
539
+ --color-background-brand-bolder-hover: var(--color-brand-900);
540
+ --color-background-brand-bolder-pressed: var(--color-brand-1000);
540
541
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
542
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
543
  --color-background-brand-boldest-pressed: var(--color-brand-800);
544
+ --color-background-static-default: var(--color-brand-800);
543
545
  }
544
546
 
545
547
  @utility text-* {
package/build/bcc/js/dark.d.ts CHANGED
@@ -243,6 +243,9 @@ declare const tokens: {
243
243
  bold: string;
244
244
  };
245
245
  };
246
+ static: {
247
+ default: string;
248
+ };
246
249
  };
247
250
  link: {
248
251
  default: string;
@@ -692,6 +695,9 @@ declare const tokens: {
692
695
  };
693
696
  };
694
697
  };
698
+ static: {
699
+ default: string;
700
+ };
695
701
  };
696
702
  blanket: {
697
703
  default: string;
package/build/bcc/js/dark.js CHANGED
@@ -243,6 +243,9 @@ export default {
243
243
  bold: "#e3e3fe",
244
244
  },
245
245
  },
246
+ static: {
247
+ default: "#ffffff",
248
+ },
246
249
  },
247
250
  link: {
248
251
  default: "#7cabf9",
@@ -422,9 +425,9 @@ export default {
422
425
  pressed: "#3e9f97",
423
426
  },
424
427
  bolder: {
425
- default: "#6fb5ad",
426
- hover: "#a0cec8",
427
- pressed: "#d2eeeb",
428
+ default: "#3e9f97",
429
+ hover: "#6fb5ad",
430
+ pressed: "#a0cec8",
428
431
  },
429
432
  boldest: {
430
433
  default: "#f0fcfa",
@@ -692,6 +695,9 @@ export default {
692
695
  },
693
696
  },
694
697
  },
698
+ static: {
699
+ default: "#014d49",
700
+ },
695
701
  },
696
702
  blanket: {
697
703
  default: "rgba(16, 18, 20, 0.6)",
package/build/bcc/js/light.d.ts CHANGED
@@ -243,6 +243,9 @@ declare const tokens: {
243
243
  bold: string;
244
244
  };
245
245
  };
246
+ static: {
247
+ default: string;
248
+ };
246
249
  };
247
250
  link: {
248
251
  default: string;
@@ -692,6 +695,9 @@ declare const tokens: {
692
695
  };
693
696
  };
694
697
  };
698
+ static: {
699
+ default: string;
700
+ };
695
701
  };
696
702
  blanket: {
697
703
  default: string;
package/build/bcc/js/light.js CHANGED
@@ -243,6 +243,9 @@ export default {
243
243
  bold: "#352465",
244
244
  },
245
245
  },
246
+ static: {
247
+ default: "#ffffff",
248
+ },
246
249
  },
247
250
  link: {
248
251
  default: "#273c8f",
@@ -422,9 +425,9 @@ export default {
422
425
  pressed: "#a0cec8",
423
426
  },
424
427
  bolder: {
425
- default: "#0c625c",
426
- hover: "#014d49",
427
- pressed: "#0b3633",
428
+ default: "#014d49",
429
+ hover: "#0b3633",
430
+ pressed: "#012320",
428
431
  },
429
432
  boldest: {
430
433
  default: "#012320",
@@ -692,6 +695,9 @@ export default {
692
695
  },
693
696
  },
694
697
  },
698
+ static: {
699
+ default: "#014d49",
700
+ },
695
701
  },
696
702
  blanket: {
697
703
  default: "rgba(5, 12, 31, 0.46)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "5.1.34",
3
+ "version": "5.1.36",
4
4
  "description": "Design tokens build system",
5
5
  "type": "module",
6
6
  "engines": {