@bcc-code/design-tokens 2.0.17 → 3.0.0

package/build/bcc/primevue/index.d.ts

@@ -1,35 +0,0 @@
-// build/bcc/primevue/index.d.ts
-import type { PrimeVueThemeOptions } from '@primeuix/themes';
-
-interface BCCPresetTheme {
-  primitive: {
-    neutral: Record<string, string>;
-    red: Record<string, string>;
-    orange: Record<string, string>;
-    green: Record<string, string>;
-    teal: Record<string, string>;
-    blue: Record<string, string>;
-    purple: Record<string, string>;
-    pink: Record<string, string>;
-    yellow: Record<string, string>;
-    amber: Record<string, string>;
-  };
-  semantic: {
-    primary: Record<string, string>;
-    colorScheme: {
-      light: {
-        surface: Record<string, string>;
-      };
-      dark: {
-        surface: Record<string, string>;
-      };
-    };
-  };
-}
-
-declare const BCCPreset: BCCPresetTheme;
-export default BCCPreset;
-
-// Re-export useful types for consumers
-export type { PrimeVueThemeOptions };
-export type BCCTheme = BCCPresetTheme;

package/build/bcc/primevue/index.js

@@ -1,7 +0,0 @@
-import { definePreset } from "@primeuix/themes";
-import Aura from "@primeuix/themes/aura";
-import BCCAuraOverride from "./override";
-
-const BCCPreset = definePreset(Aura, BCCAuraOverride);
-
-export default BCCPreset

package/build/bcc/primevue/override.js

@@ -1,210 +0,0 @@
-// build/bcc/primevue/override.js
-const BCCAuraOverride = {
-  primitive: {
-    neutral: {
-      0: "var(--color-neutral-0)",
-      100: "var(--color-neutral-100)",
-      200: "var(--color-neutral-200)",
-      300: "var(--color-neutral-300)",
-      400: "var(--color-neutral-400)",
-      500: "var(--color-neutral-500)",
-      600: "var(--color-neutral-600)",
-      700: "var(--color-neutral-700)",
-      800: "var(--color-neutral-800)",
-      900: "var(--color-neutral-900)",
-      950: "var(--color-neutral-1000)",
-    },
-    red: {
-      50: "var(--color-red-100)",
-      100: "var(--color-red-200)",
-      200: "var(--color-red-300)",
-      300: "var(--color-red-400)",
-      400: "var(--color-red-500)",
-      500: "var(--color-red-600)",
-      600: "var(--color-red-700)",
-      700: "var(--color-red-800)",
-      800: "var(--color-red-900)",
-      900: "var(--color-red-1000)",
-    },
-    orange: {
-      50: "var(--color-orange-100)",
-      100: "var(--color-orange-200)",
-      200: "var(--color-orange-300)",
-      300: "var(--color-orange-400)",
-      400: "var(--color-orange-500)",
-      500: "var(--color-orange-600)",
-      600: "var(--color-orange-700)",
-      700: "var(--color-orange-800)",
-      800: "var(--color-orange-900)",
-      900: "var(--color-orange-1000)",
-    },
-    green: {
-      50: "var(--color-green-100)",
-      100: "var(--color-green-200)",
-      200: "var(--color-green-300)",
-      300: "var(--color-green-400)",
-      400: "var(--color-green-500)",
-      500: "var(--color-green-600)",
-      600: "var(--color-green-700)",
-      700: "var(--color-green-800)",
-      800: "var(--color-green-900)",
-      900: "var(--color-green-1000)",
-    },
-    teal: {
-      50: "var(--color-teal-100)",
-      100: "var(--color-teal-200)",
-      200: "var(--color-teal-300)",
-      300: "var(--color-teal-400)",
-      400: "var(--color-teal-500)",
-      500: "var(--color-teal-600)",
-      600: "var(--color-teal-700)",
-      700: "var(--color-teal-800)",
-      800: "var(--color-teal-900)",
-      900: "var(--color-teal-1000)",
-    },
-    blue: {
-      50: "var(--color-blue-100)",
-      100: "var(--color-blue-200)",
-      200: "var(--color-blue-300)",
-      300: "var(--color-blue-400)",
-      400: "var(--color-blue-500)",
-      500: "var(--color-blue-600)",
-      600: "var(--color-blue-700)",
-      700: "var(--color-blue-800)",
-      800: "var(--color-blue-900)",
-      900: "var(--color-blue-1000)",
-    },
-    purple: {
-      50: "var(--color-purple-100)",
-      100: "var(--color-purple-200)",
-      200: "var(--color-purple-300)",
-      300: "var(--color-purple-400)",
-      400: "var(--color-purple-500)",
-      500: "var(--color-purple-600)",
-      600: "var(--color-purple-700)",
-      700: "var(--color-purple-800)",
-      800: "var(--color-purple-900)",
-      900: "var(--color-purple-1000)",
-    },
-    pink: {
-      50: "var(--color-magenta-100)",
-      100: "var(--color-magenta-200)",
-      200: "var(--color-magenta-300)",
-      300: "var(--color-magenta-400)",
-      400: "var(--color-magenta-500)",
-      500: "var(--color-magenta-600)",
-      600: "var(--color-magenta-700)",
-      700: "var(--color-magenta-800)",
-      800: "var(--color-magenta-900)",
-      900: "var(--color-magenta-1000)",
-    },
-    yellow: {
-      50: "var(--color-yellow-100)",
-      100: "var(--color-yellow-200)",
-      200: "var(--color-yellow-300)",
-      300: "var(--color-yellow-400)",
-      400: "var(--color-yellow-500)",
-      500: "var(--color-yellow-600)",
-      600: "var(--color-yellow-700)",
-      700: "var(--color-yellow-800)",
-      800: "var(--color-yellow-900)",
-      900: "var(--color-yellow-1000)",
-    },
-    amber: {
-      50: "var(--color-brown-100)",
-      100: "var(--color-brown-200)",
-      200: "var(--color-brown-300)",
-      300: "var(--color-brown-400)",
-      400: "var(--color-brown-500)",
-      500: "var(--color-brown-600)",
-      600: "var(--color-brown-700)",
-      700: "var(--color-brown-800)",
-      800: "var(--color-brown-900)",
-      900: "var(--color-brown-1000)",
-    },
-  },
-  semantic: {
-    primary: {
-      50: "var(--color-bcc-100)",
-      100: "var(--color-bcc-200)",
-      200: "var(--color-bcc-300)",
-      300: "var(--color-bcc-400)",
-      400: "var(--color-bcc-500)",
-      500: "var(--color-bcc-600)",
-      600: "var(--color-bcc-700)",
-      700: "var(--color-bcc-800)",
-      800: "var(--color-bcc-900)",
-      900: "var(--color-bcc-1000)",
-    },
-    colorScheme: {
-      light: {
-        surface: {
-          0: "var(--color-elevation-surface-default)",
-          50: "var(--color-neutral-100)",
-          100: "var(--color-neutral-200)",
-          200: "var(--color-neutral-300)",
-          300: "var(--color-neutral-400)",
-          400: "var(--color-neutral-500)",
-          500: "var(--color-neutral-600)",
-          600: "var(--color-neutral-700)",
-          700: "var(--color-neutral-800)",
-          800: "var(--color-neutral-900)",
-          900: "var(--color-neutral-1000)",
-          950: "var(--color-neutral-1100)",
-        },
-        // Add semantic color mappings
-        primary: {
-          color: "var(--color-text-brand)",
-          inverseColor: "var(--color-text-inverse)",
-          hoverColor: "var(--color-background-brand-hover)",
-          activeColor: "var(--color-background-brand-pressed)",
-        },
-        text: {
-          color: "var(--color-text-default)",
-          hoverColor: "var(--color-text-subtle)",
-          mutedColor: "var(--color-text-subtler)",
-        },
-        content: {
-          background: "var(--color-elevation-surface-default)",
-          hoverBackground: "var(--color-elevation-surface-hovered)",
-          borderColor: "var(--color-border-default)",
-        },
-      },
-      dark: {
-        surface: {
-          0: "var(--color-elevation-surface-default)",
-          50: "var(--color-dark-neutral-100)",
-          100: "var(--color-dark-neutral-200)",
-          200: "var(--color-dark-neutral-300)",
-          300: "var(--color-dark-neutral-400)",
-          400: "var(--color-dark-neutral-500)",
-          500: "var(--color-dark-neutral-600)",
-          600: "var(--color-dark-neutral-700)",
-          700: "var(--color-dark-neutral-800)",
-          800: "var(--color-dark-neutral-900)",
-          900: "var(--color-dark-neutral-1000)",
-          950: "var(--color-dark-neutral-1100)",
-        },
-        // Dark mode semantic mappings
-        primary: {
-          color: "var(--color-text-brand)",
-          inverseColor: "var(--color-text-inverse)",
-          hoverColor: "var(--color-background-brand-hover)",
-          activeColor: "var(--color-background-brand-pressed)",
-        },
-        text: {
-          color: "var(--color-text-default)",
-          hoverColor: "var(--color-text-subtle)",
-          mutedColor: "var(--color-text-subtler)",
-        },
-        content: {
-          background: "var(--color-elevation-surface-default)",
-          hoverBackground: "var(--color-elevation-surface-hovered)",
-          borderColor: "var(--color-border-default)",
-        },
-      },
-    },
-  },
-};
-
-export default BCCAuraOverride;

package/build/bcc/tailwind/dark.css

@@ -1,165 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-@layer base {
-  @variant dark {
-
-    /* COLOR: TEXT */
-      --color-text-default: var(--color-dark-neutral-1100);
-      --color-text-subtle: var(--color-dark-neutral-600);
-      --color-text-subtler: var(--color-dark-neutral-400);
-      --color-text-disabled: var(--color-dark-neutral-alpha-400-a);
-      --color-text-selected: var(--color-bcc-400);
-      --color-text-inverse: var(--color-dark-neutral-0);
-      --color-text-brand: var(--color-bcc-400);
-      --color-text-success: var(--color-green-500);
-      --color-text-warning: var(--color-red-500);
-      --color-text-information: var(--color-neutral-0);
-      --color-text-danger: var(--color-neutral-0);
-      --color-text-accent-orange-default: var(--color-orange-400);
-      --color-text-accent-orange-bold: var(--color-orange-300);
-      --color-text-accent-yellow-default: var(--color-red-400);
-      --color-text-accent-yellow-bold: var(--color-red-300);
-      --color-text-accent-green-default: var(--color-green-400);
-      --color-text-accent-green-bold: var(--color-green-300);
-      --color-text-accent-teal-default: var(--color-teal-400);
-      --color-text-accent-teal-bold: var(--color-teal-300);
-      --color-text-accent-brown-default: var(--color-brown-400);
-      --color-text-accent-brown-bold: var(--color-brown-300);
-      --color-text-accent-blue-default: var(--color-blue-400);
-      --color-text-accent-blue-bold: var(--color-blue-300);
-      --color-text-accent-purple-default: var(--color-purple-400);
-      --color-text-accent-purple-bold: var(--color-purple-300);
-      --color-text-accent-magenta-default: var(--color-magenta-400);
-      --color-text-accent-magenta-bold: var(--color-magenta-300);
-
-    /* COLOR: LINK */
-      --color-link-default: var(--color-blue-500);
-      --color-link-hover: var(--color-blue-400);
-      --color-link-visited-default: var(--color-blue-200);
-      --color-link-visited-hover: var(--color-blue-200);
-
-    /* COLOR: BACKGROUND */
-      --color-background-brand-default: var(--color-bcc-500);
-      --color-background-brand-hover: var(--color-bcc-400);
-      --color-background-brand-pressed: var(--color-bcc-300);
-      --color-background-brand-subtler-default: var(--color-bcc-200);
-      --color-background-brand-subtler-hover: var(--color-bcc-300);
-      --color-background-brand-subtler-pressed: var(--color-bcc-400);
-      --color-background-brand-subtle-default: var(--color-bcc-400);
-      --color-background-brand-subtle-hover: var(--color-bcc-500);
-      --color-background-brand-subtle-pressed: var(--color-bcc-500);
-      --color-background-brand-bold-default: var(--color-bcc-300);
-      --color-background-brand-bold-hover: var(--color-bcc-200);
-      --color-background-brand-bold-pressed: var(--color-bcc-1000);
-      --color-background-accent-red-default: var(--color-red-500);
-      --color-background-accent-red-hover: var(--color-red-400);
-      --color-background-accent-red-pressed: var(--color-red-300);
-      --color-background-accent-red-subtler-default: var(--color-red-200);
-      --color-background-accent-red-subtler-hover: var(--color-red-300);
-      --color-background-accent-red-subtler-pressed: var(--color-red-400);
-      --color-background-accent-red-subtle-default: var(--color-red-400);
-      --color-background-accent-red-subtle-hover: var(--color-red-500);
-      --color-background-accent-red-subtle-pressed: var(--color-red-500);
-      --color-background-accent-red-bold-default: var(--color-red-300);
-      --color-background-accent-red-bold-hover: var(--color-red-400);
-      --color-background-accent-red-bold-pressed: var(--color-red-500);
-      --color-background-accent-orange-default: var(--color-orange-500);
-      --color-background-accent-orange-hover: var(--color-orange-400);
-      --color-background-accent-orange-pressed: var(--color-orange-300);
-      --color-background-accent-orange-subtler-default: var(--color-orange-200);
-      --color-background-accent-orange-subtler-hover: var(--color-orange-300);
-      --color-background-accent-orange-subtler-pressed: var(--color-orange-400);
-      --color-background-accent-orange-subtle-default: var(--color-orange-400);
-      --color-background-accent-orange-subtle-hover: var(--color-orange-500);
-      --color-background-accent-orange-subtle-pressed: var(--color-orange-500);
-      --color-background-accent-orange-bold-default: var(--color-orange-300);
-      --color-background-accent-orange-bold-hover: var(--color-orange-400);
-      --color-background-accent-orange-bold-pressed: var(--color-orange-500);
-      --color-background-accent-green-default: var(--color-green-500);
-      --color-background-accent-green-hover: var(--color-green-500);
-      --color-background-accent-green-pressed: var(--color-green-400);
-      --color-background-accent-green-subtler-default: var(--color-green-200);
-      --color-background-accent-green-subtler-hover: var(--color-green-300);
-      --color-background-accent-green-subtler-pressed: var(--color-green-400);
-      --color-background-accent-green-subtle-default: var(--color-green-400);
-      --color-background-accent-green-subtle-hover: var(--color-green-500);
-      --color-background-accent-green-subtle-pressed: var(--color-green-500);
-      --color-background-accent-green-bold-default: var(--color-green-300);
-      --color-background-accent-green-bold-hover: var(--color-green-400);
-      --color-background-accent-green-bold-pressed: var(--color-green-500);
-      --color-background-accent-teal-default: var(--color-teal-500);
-      --color-background-accent-teal-hover: var(--color-teal-400);
-      --color-background-accent-teal-pressed: var(--color-teal-300);
-      --color-background-accent-teal-subtler-default: var(--color-teal-200);
-      --color-background-accent-teal-subtler-hover: var(--color-teal-300);
-      --color-background-accent-teal-subtle-default: var(--color-teal-400);
-      --color-background-accent-teal-bold-default: var(--color-teal-300);
-      --color-background-accent-sand-default: var(--color-brown-500);
-      --color-background-accent-sand-subtler-default: var(--color-brown-200);
-      --color-background-accent-sand-subtler-hover: var(--color-brown-300);
-      --color-background-accent-sand-subtle-default: var(--color-brown-400);
-      --color-background-accent-sand-bold-default: var(--color-brown-300);
-      --color-background-accent-blue-default: var(--color-blue-500);
-      --color-background-accent-blue-subtler-default: var(--color-blue-200);
-      --color-background-accent-blue-subtle-default: var(--color-blue-400);
-      --color-background-accent-blue-bold-default: var(--color-blue-300);
-      --color-background-accent-purple-default: var(--color-purple-500);
-      --color-background-accent-purple-subtler-default: var(--color-purple-200);
-      --color-background-accent-purple-subtle-default: var(--color-purple-400);
-      --color-background-accent-purple-bold-default: var(--color-purple-300);
-      --color-background-accent-magenta-default: var(--color-magenta-500);
-      --color-background-accent-magenta-subtler-default: var(--color-magenta-200);
-      --color-background-accent-magenta-subtle-default: var(--color-magenta-400);
-      --color-background-accent-magenta-bold-default: var(--color-magenta-300);
-      --color-background-neutral-default: var(--color-neutral-alpha-300-a);
-      --color-background-neutral-hover: var(--color-neutral-alpha-400-a);
-      --color-background-neutral-pressed: var(--color-neutral-alpha-500-a);
-      --color-background-neutral-subtle-pressed: var(--color-neutral-alpha-200-a);
-      --color-background-neutral-subtle-default: var(--color-dark-neutral-alpha-100-a);
-      --color-background-neutral-subtle-hover: var(--color-neutral-alpha-200-a);
-      --color-background-neutral-bold-hover: var(--color-neutral-alpha-100-a);
-      --color-background-neutral-bold-pressed: var(--color-neutral-alpha-200-a);
-
-    /* COLOR: BORDER */
-      --color-border-default: var(--color-neutral-100);
-      --color-border-bold: var(--color-neutral-200);
-      --color-border-disabled: var(--color-neutral-100);
-      --color-border-selected: var(--color-bcc-500);
-      --color-border-accent-red: var(--color-red-500);
-      --color-border-accent-orange: var(--color-orange-500);
-      --color-border-accent-green: var(--color-green-500);
-      --color-border-accent-teal: var(--color-teal-500);
-      --color-border-accent-sand: var(--color-brown-500);
-      --color-border-accent-blue: var(--color-blue-500);
-      --color-border-accent-purple: var(--color-purple-500);
-      --color-border-accent-magenta: var(--color-magenta-500);
-
-    /* COLOR: ICON */
-      --color-icon-default: var(--color-neutral-100);
-      --color-icon-bold: var(--color-neutral-200);
-      --color-icon-disabled: var(--color-neutral-100);
-      --color-icon-selected: var(--color-bcc-500);
-      --color-icon-accent-red: var(--color-red-500);
-      --color-icon-accent-orage: var(--color-orange-500);
-      --color-icon-accent-green: var(--color-green-500);
-      --color-icon-accent-teal: var(--color-teal-500);
-      --color-icon-accent-sand: var(--color-brown-500);
-      --color-icon-accent-blue: var(--color-blue-500);
-      --color-icon-accent-purple: var(--color-purple-500);
-      --color-icon-accent-magenta: var(--color-magenta-500);
-
-    /* COLOR: ELEVATION */
-      --color-elevation-surface-default: var(--color-dark-neutral-100);
-      --color-elevation-surface-hovered: var(--color-dark-neutral-200);
-      --color-elevation-surface-pressed: var(--color-dark-neutral-300);
-      --color-elevation-surface-overlay-default: var(--color-dark-neutral-200);
-      --color-elevation-surface-overlay-hovered: var(--color-dark-neutral-300);
-      --color-elevation-surface-overlay-pressed: var(--color-dark-neutral-400);
-      --color-elevation-surface-raised-default: var(--color-dark-neutral-200);
-      --color-elevation-surface-raised-hovered: var(--color-dark-neutral-300);
-      --color-elevation-surface-raised-pressed: var(--color-dark-neutral-400);
-      --color-elevation-surface-sunken-default: var(--color-dark-neutral-0);
-  }
-}

package/build/bcc/tailwind/index.css

@@ -1,10 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-
-@custom-variant dark (&:where(.dark, .dark *));
-
-@import "./light.css";
-@import "./dark.css";
-@import "./utilities.css";