@bcc-code/design-tokens 5.1.35 → 5.1.37

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 +3 -0
  2. package/build/bcc/css/dark.css +3 -0
  3. package/build/bcc/css/light.css +3 -0
  4. package/build/bcc/css/tailwind-auto.css +3 -0
  5. package/build/bcc/css/tailwind-dark.css +3 -0
  6. package/build/bcc/css/tailwind-light.css +3 -0
  7. package/build/bcc/js/dark.d.ts +9 -0
  8. package/build/bcc/js/dark.js +9 -0
  9. package/build/bcc/js/light.d.ts +9 -0
  10. package/build/bcc/js/light.js +9 -0
  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);
@@ -289,6 +290,7 @@
289
290
  --color-icon-accent-magenta-bold: var(--color-magenta-900);
290
291
  --color-icon-accent-purple-default: var(--color-purple-800);
291
292
  --color-icon-accent-purple-bold: var(--color-purple-900);
293
+ --color-icon-static-default: var(--color-neutral-0);
292
294
  --color-border-default: var(--color-neutral-alpha-300-a);
293
295
  --color-border-bold: var(--color-neutral-600);
294
296
  --color-border-disabled: var(--color-neutral-alpha-200-a);
@@ -540,6 +542,7 @@
540
542
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
543
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
544
  --color-background-brand-boldest-pressed: var(--color-brand-800);
545
+ --color-background-static-default: var(--color-brand-800);
543
546
  }
544
547
 
545
548
  .dark,
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);
@@ -291,6 +292,7 @@
291
292
  --color-icon-accent-magenta-bold: var(--color-magenta-400);
292
293
  --color-icon-accent-purple-default: var(--color-purple-500);
293
294
  --color-icon-accent-purple-bold: var(--color-purple-400);
295
+ --color-icon-static-default: var(--color-neutral-0);
294
296
  --color-border-default: var(--color-dark-neutral-alpha-300-a);
295
297
  --color-border-bold: var(--color-dark-neutral-600);
296
298
  --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
@@ -541,5 +543,6 @@
541
543
  --color-background-brand-boldest-default: var(--color-brand-100);
542
544
  --color-background-brand-boldest-hover: var(--color-brand-200);
543
545
  --color-background-brand-boldest-pressed: var(--color-brand-300);
546
+ --color-background-static-default: var(--color-brand-800);
544
547
  }
545
548
  }
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);
@@ -289,6 +290,7 @@
289
290
  --color-icon-accent-magenta-bold: var(--color-magenta-900);
290
291
  --color-icon-accent-purple-default: var(--color-purple-800);
291
292
  --color-icon-accent-purple-bold: var(--color-purple-900);
293
+ --color-icon-static-default: var(--color-neutral-0);
292
294
  --color-border-default: var(--color-neutral-alpha-300-a);
293
295
  --color-border-bold: var(--color-neutral-600);
294
296
  --color-border-disabled: var(--color-neutral-alpha-200-a);
@@ -540,4 +542,5 @@
540
542
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
543
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
544
  --color-background-brand-boldest-pressed: var(--color-brand-800);
545
+ --color-background-static-default: var(--color-brand-800);
543
546
  }
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);
@@ -291,6 +292,7 @@
291
292
  --color-icon-accent-magenta-bold: var(--color-magenta-900);
292
293
  --color-icon-accent-purple-default: var(--color-purple-800);
293
294
  --color-icon-accent-purple-bold: var(--color-purple-900);
295
+ --color-icon-static-default: var(--color-neutral-0);
294
296
  --color-border-default: var(--color-neutral-alpha-300-a);
295
297
  --color-border-bold: var(--color-neutral-600);
296
298
  --color-border-disabled: var(--color-neutral-alpha-200-a);
@@ -542,6 +544,7 @@
542
544
  --color-background-brand-boldest-default: var(--color-brand-1000);
543
545
  --color-background-brand-boldest-hover: var(--color-brand-900);
544
546
  --color-background-brand-boldest-pressed: var(--color-brand-800);
547
+ --color-background-static-default: var(--color-brand-800);
545
548
  }
546
549
 
547
550
  .dark,
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);
@@ -290,6 +291,7 @@
290
291
  --color-icon-accent-magenta-bold: var(--color-magenta-400);
291
292
  --color-icon-accent-purple-default: var(--color-purple-500);
292
293
  --color-icon-accent-purple-bold: var(--color-purple-400);
294
+ --color-icon-static-default: var(--color-neutral-0);
293
295
  --color-border-default: var(--color-dark-neutral-alpha-300-a);
294
296
  --color-border-bold: var(--color-dark-neutral-600);
295
297
  --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
@@ -540,6 +542,7 @@
540
542
  --color-background-brand-boldest-default: var(--color-brand-100);
541
543
  --color-background-brand-boldest-hover: var(--color-brand-200);
542
544
  --color-background-brand-boldest-pressed: var(--color-brand-300);
545
+ --color-background-static-default: var(--color-brand-800);
543
546
  }
544
547
 
545
548
  @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);
@@ -289,6 +290,7 @@
289
290
  --color-icon-accent-magenta-bold: var(--color-magenta-900);
290
291
  --color-icon-accent-purple-default: var(--color-purple-800);
291
292
  --color-icon-accent-purple-bold: var(--color-purple-900);
293
+ --color-icon-static-default: var(--color-neutral-0);
292
294
  --color-border-default: var(--color-neutral-alpha-300-a);
293
295
  --color-border-bold: var(--color-neutral-600);
294
296
  --color-border-disabled: var(--color-neutral-alpha-200-a);
@@ -540,6 +542,7 @@
540
542
  --color-background-brand-boldest-default: var(--color-brand-1000);
541
543
  --color-background-brand-boldest-hover: var(--color-brand-900);
542
544
  --color-background-brand-boldest-pressed: var(--color-brand-800);
545
+ --color-background-static-default: var(--color-brand-800);
543
546
  }
544
547
 
545
548
  @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;
@@ -312,6 +315,9 @@ declare const tokens: {
312
315
  bold: string;
313
316
  };
314
317
  };
318
+ static: {
319
+ default: string;
320
+ };
315
321
  };
316
322
  border: {
317
323
  default: string;
@@ -692,6 +698,9 @@ declare const tokens: {
692
698
  };
693
699
  };
694
700
  };
701
+ static: {
702
+ default: string;
703
+ };
695
704
  };
696
705
  blanket: {
697
706
  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",
@@ -312,6 +315,9 @@ export default {
312
315
  bold: "#afa0e0",
313
316
  },
314
317
  },
318
+ static: {
319
+ default: "#ffffff",
320
+ },
315
321
  },
316
322
  border: {
317
323
  default: "rgba(227, 228, 242, 0.12)",
@@ -692,6 +698,9 @@ export default {
692
698
  },
693
699
  },
694
700
  },
701
+ static: {
702
+ default: "#014d49",
703
+ },
695
704
  },
696
705
  blanket: {
697
706
  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;
@@ -312,6 +315,9 @@ declare const tokens: {
312
315
  bold: string;
313
316
  };
314
317
  };
318
+ static: {
319
+ default: string;
320
+ };
315
321
  };
316
322
  border: {
317
323
  default: string;
@@ -692,6 +698,9 @@ declare const tokens: {
692
698
  };
693
699
  };
694
700
  };
701
+ static: {
702
+ default: string;
703
+ };
695
704
  };
696
705
  blanket: {
697
706
  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",
@@ -312,6 +315,9 @@ export default {
312
315
  bold: "#352465",
313
316
  },
314
317
  },
318
+ static: {
319
+ default: "#ffffff",
320
+ },
315
321
  },
316
322
  border: {
317
323
  default: "rgba(11, 18, 14, 0.14)",
@@ -692,6 +698,9 @@ export default {
692
698
  },
693
699
  },
694
700
  },
701
+ static: {
702
+ default: "#014d49",
703
+ },
695
704
  },
696
705
  blanket: {
697
706
  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.35",
3
+ "version": "5.1.37",
4
4
  "description": "Design tokens build system",
5
5
  "type": "module",
6
6
  "engines": {