thread-ui 0.1.10 → 0.2.0

package/dist/styles/thread.css

@@ -1,105 +1,71 @@
 /* Custom Theme Implementation */
 :root {
-	/* Complete Theme Definition */
-	/* Theme Color Pallette */
-	/* Primary */
+	/* Generic Theme Elements */
 	--thread-primary-light: #5a7d6a;
 	--thread-primary-main: #3c5c49;
 	--thread-primary-dark: #2a4535;
-
-	/* Secondary */
 	--thread-secondary-light: #7a97b2;
 	--thread-secondary-main: #546f8d;
 	--thread-secondary-dark: #3b526a;
-
-	/* Tertiary */
 	--thread-tertiary-light: #8c7389;
 	--thread-tertiary-main: #6a546a;
 	--thread-tertiary-dark: #4a3a4a;
-
-	/* Neutrals */
 	--thread-white: #ffffff;
 	--thread-black: #121212;
 	--thread-gray-light: #e5e7eb;
 	--thread-gray-main: #9ca3af;
 	--thread-gray-dark: #4b5563;
-
-	/* Status Colors */
-	/* Success */
 	--thread-success-light: #86efac;
 	--thread-success-main: #22c55e;
 	--thread-success-dark: #15803d;
-
-	/* Warning */
 	--thread-warning-light: #fde68a;
 	--thread-warning-main: #f59e0b;
 	--thread-warning-dark: #b45309;
-
-	/* Error */
 	--thread-error-light: #fca5a5;
 	--thread-error-main: #ef4444;
 	--thread-error-dark: #b91c1c;
-
-	/* Info */
 	--thread-info-light: #93c5fd;
 	--thread-info-main: #3b82f6;
 	--thread-info-dark: #1d4ed8;
-
-	/* Spacing and Sizing Values */
-	/* Border Radius */
+	--thread-breakpoint-sm: 0;
+	--thread-breakpoint-md: 768;
+	--thread-breakpoint-lg: 1024;
+	--thread-breakpoint-xl: 1280;
+	--thread-breakpoint-xxl: 1536;
 	--thread-border-radius-sm: 0.25rem;
 	--thread-border-radius-md: 0.375rem;
 	--thread-border-radius-lg: 0.5rem;
-
-	/* Border Size */
 	--thread-border-size-sm: 1px;
 	--thread-border-size-md: 2px;
 	--thread-border-size-lg: 3px;
 
-	/* Breakpoints */
-	--thread-breakpoint-sm: 0;
-	--thread-breakpoint-md: 768;
-	--thread-breakpoint-lg: 1024;
-	--thread-breakpoint-xl: 1280;
-	--thread-breakpoint-xxl: 1536;
-
-	/* Mode-specific Layer Colors */
-	/* Light Mode Colors */
-	/* Surfaces */
+	/* Light Mode Values */
 	--thread-background-light-mode: #ffffff;
 	--thread-surface-light-mode: #f9fafb;
 	--thread-elevated-light-mode: #f3f4f6;
 	--thread-structure-light-mode: #e2e8f0;
-
-	/* Text */
 	--thread-text-standard-light-mode: #1f2937;
 	--thread-text-secondary-light-mode: #4b5563;
 	--thread-text-disabled-light-mode: #9ca3af;
-	--thread-text-accent-light-mode: var(--thread-primary-main);
-	--thread-text-inverted-light-mode: var(--thread-text-standard-dark-mode);
+	--thread-text-accent-light-mode: #3c5c49;
+	--thread-text-inverted-light-mode: #f9fafb;
 
-	/* Dark Mode Colors */
-	/* Surfaces */
+	/* Dark Mode Values */
 	--thread-background-dark-mode: #121212;
 	--thread-surface-dark-mode: #1e1e1e;
 	--thread-elevated-dark-mode: #2d2d2d;
 	--thread-structure-dark-mode: #4b5563;
-
-	/* Text */
 	--thread-text-standard-dark-mode: #f9fafb;
 	--thread-text-secondary-dark-mode: #4b5563;
 	--thread-text-disabled-dark-mode: #6b7280;
-	--thread-text-accent-dark-mode: var(--thread-primary-main);
-	--thread-text-inverted-dark-mode: var(--thread-text-standard-light-mode);
+	--thread-text-accent-dark-mode: #3c5c49;
+	--thread-text-inverted-dark-mode: #1f2937;
 
 	/* Apply Light Mode Colors */
-	/* Surfaces */
 	--thread-background: var(--thread-background-light-mode);
 	--thread-surface: var(--thread-surface-light-mode);
 	--thread-elevated: var(--thread-elevated-light-mode);
 	--thread-structure: var(--thread-structure-light-mode);
-
-	/* Text */
 	--thread-text-standard: var(--thread-text-standard-light-mode);
 	--thread-text-secondary: var(--thread-text-secondary-light-mode);
 	--thread-text-disabled: var(--thread-text-disabled-light-mode);
@@ -109,13 +75,10 @@
 
 :root[data-theme='dark'] {
 	/* Apply Dark Mode Colors */
-	/* Surfaces */
 	--thread-background: var(--thread-background-dark-mode);
 	--thread-surface: var(--thread-surface-dark-mode);
 	--thread-elevated: var(--thread-elevated-dark-mode);
 	--thread-structure: var(--thread-structure-dark-mode);
-
-	/* Text */
 	--thread-text-standard: var(--thread-text-standard-dark-mode);
 	--thread-text-secondary: var(--thread-text-secondary-dark-mode);
 	--thread-text-disabled: var(--thread-text-disabled-dark-mode);
@@ -126,13 +89,10 @@
 @media (prefers-color-scheme: dark) {
 	:root:not([data-theme]) {
 		/* Apply Dark Mode Colors */
-		/* Surfaces */
 		--thread-background: var(--thread-background-dark-mode);
 		--thread-surface: var(--thread-surface-dark-mode);
 		--thread-elevated: var(--thread-elevated-dark-mode);
 		--thread-structure: var(--thread-structure-dark-mode);
-
-		/* Text */
 		--thread-text-standard: var(--thread-text-standard-dark-mode);
 		--thread-text-secondary: var(--thread-text-secondary-dark-mode);
 		--thread-text-disabled: var(--thread-text-disabled-dark-mode);

package/dist/theme/css-name-configurations/theme-css-names.d.ts

@@ -0,0 +1,68 @@
+import { ThemeConfigFull, Theme, ModeColors } from '../../types';
+export declare const THREAD_CSS_VARIABLE_PREFIX: "--thread-";
+type AllThemeCssNames = ThemeConfigFull & {
+    lightMode: ModeColors;
+};
+/**
+ * Base CSS Names for Every Thread Theme Property
+ */
+export declare const AllBaseCssNames: AllThemeCssNames;
+export declare const LightModeVariablesBaseCssNames: ModeColors, DarkModeVariablesBaseCssNames: ModeColors, ThemeBaseCssNames: {
+    background: string;
+    surface: string;
+    elevated: string;
+    structure: string;
+    text: import("../../types").TextColors;
+    primary: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    secondary: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    tertiary: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    white: string;
+    black: string;
+    gray: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    success: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    warning: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    error: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    info: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    breakpoints: import("../../types").BreakpointOptions;
+    borderRadius: import("../../types").UtilitySizes;
+    borderSize: import("../../types").UtilitySizes;
+};
+export declare const ThemeCssVariableNames: Theme;
+export declare const LightModeVariables: ModeColors;
+export declare const PrefixedLightModeVariables: ModeColors;
+export declare const DarkModeVariables: ModeColors;
+export declare const PrefixedDarkModeVariables: ModeColors;
+export {};
+//# sourceMappingURL=theme-css-names.d.ts.map

package/dist/theme/css-name-configurations/theme-css-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-css-names.d.ts","sourceRoot":"","sources":["../../../src/theme/css-name-configurations/theme-css-names.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG7D,eAAO,MAAM,0BAA0B,EAAG,WAAoB,CAAC;AAE/D,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACzC,SAAS,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,gBAqH7B,CAAC;AAEF,eAAO,MACK,8BAA8B,cAC/B,6BAA6B,cACpC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF,CAAC;AAEpB,eAAO,MAAM,qBAAqB,EAAE,KAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,UAGhC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,UAGxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,UAG/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,UAGvC,CAAC"}

package/dist/theme/css-name-configurations/theme-css-names.js

@@ -0,0 +1,122 @@
+import { prefixVariables, wrapVariables } from './theme-helper-utils';
+export const THREAD_CSS_VARIABLE_PREFIX = '--thread-';
+/**
+ * Base CSS Names for Every Thread Theme Property
+ */
+export const AllBaseCssNames = {
+    // Color Palette
+    primary: {
+        light: 'primary-light',
+        main: 'primary-main',
+        dark: 'primary-dark',
+    },
+    secondary: {
+        light: 'secondary-light',
+        main: 'secondary-main',
+        dark: 'secondary-dark',
+    },
+    tertiary: {
+        light: 'tertiary-light',
+        main: 'tertiary-main',
+        dark: 'tertiary-dark',
+    },
+    // Neutral Colors
+    white: 'white',
+    black: 'black',
+    gray: {
+        light: 'gray-light',
+        main: 'gray-main',
+        dark: 'gray-dark',
+    },
+    // Status Colors
+    success: {
+        light: 'success-light',
+        main: 'success-main',
+        dark: 'success-dark',
+    },
+    warning: {
+        light: 'warning-light',
+        main: 'warning-main',
+        dark: 'warning-dark',
+    },
+    error: {
+        light: 'error-light',
+        main: 'error-main',
+        dark: 'error-dark',
+    },
+    info: {
+        light: 'info-light',
+        main: 'info-main',
+        dark: 'info-dark',
+    },
+    // Surface Colors
+    background: 'background',
+    surface: 'surface',
+    elevated: 'elevated',
+    structure: 'structure',
+    // Text Colors
+    text: {
+        standard: 'text-standard',
+        secondary: 'text-secondary',
+        disabled: 'text-disabled',
+        accent: 'text-accent',
+        inverted: 'text-inverted',
+    },
+    // Structure
+    breakpoints: {
+        sm: 'breakpoint-sm',
+        md: 'breakpoint-md',
+        lg: 'breakpoint-lg',
+        xl: 'breakpoint-xl',
+        xxl: 'breakpoint-xxl',
+    },
+    // Sizing
+    borderRadius: {
+        sm: 'border-radius-sm',
+        md: 'border-radius-md',
+        lg: 'border-radius-lg',
+    },
+    borderSize: {
+        sm: 'border-size-sm',
+        md: 'border-size-md',
+        lg: 'border-size-lg',
+    },
+    // Light/Dark Mode Names
+    lightMode: {
+        // Surfaces
+        background: 'background-light-mode',
+        surface: 'surface-light-mode',
+        elevated: 'elevated-light-mode',
+        structure: 'structure-light-mode',
+        // Text
+        text: {
+            standard: 'text-standard-light-mode',
+            secondary: 'text-secondary-light-mode',
+            disabled: 'text-disabled-light-mode',
+            accent: 'text-accent-light-mode',
+            inverted: 'text-inverted-light-mode',
+        },
+    },
+    darkMode: {
+        // Surfaces
+        background: 'background-dark-mode',
+        surface: 'surface-dark-mode',
+        elevated: 'elevated-dark-mode',
+        structure: 'structure-dark-mode',
+        // Text
+        text: {
+            standard: 'text-standard-dark-mode',
+            secondary: 'text-secondary-dark-mode',
+            disabled: 'text-disabled-dark-mode',
+            accent: 'text-accent-dark-mode',
+            inverted: 'text-inverted-dark-mode',
+        },
+    },
+};
+export const { lightMode: LightModeVariablesBaseCssNames, darkMode: DarkModeVariablesBaseCssNames, ...ThemeBaseCssNames } = AllBaseCssNames;
+export const ThemeCssVariableNames = prefixVariables(ThemeBaseCssNames, THREAD_CSS_VARIABLE_PREFIX);
+export const LightModeVariables = wrapVariables(LightModeVariablesBaseCssNames, THREAD_CSS_VARIABLE_PREFIX);
+export const PrefixedLightModeVariables = prefixVariables(LightModeVariablesBaseCssNames, THREAD_CSS_VARIABLE_PREFIX);
+export const DarkModeVariables = wrapVariables(DarkModeVariablesBaseCssNames, THREAD_CSS_VARIABLE_PREFIX);
+export const PrefixedDarkModeVariables = prefixVariables(DarkModeVariablesBaseCssNames, THREAD_CSS_VARIABLE_PREFIX);
+//# sourceMappingURL=theme-css-names.js.map

package/dist/theme/css-name-configurations/theme-css-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-css-names.js","sourceRoot":"","sources":["../../../src/theme/css-name-configurations/theme-css-names.ts"],"names":[],"mappings":"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"}

package/dist/theme/css-name-configurations/theme-helper-utils.d.ts

@@ -0,0 +1,10 @@
+type PrefixedVariable<T, P extends string> = T extends string ? `${P}${T}` : T extends object ? {
+    [K in keyof T]: PrefixedVariable<T[K], P>;
+} : T;
+type WrappedVariable<T, P extends string> = T extends string ? `var(${P}${T})` : T extends object ? {
+    [K in keyof T]: WrappedVariable<T[K], P>;
+} : T;
+export declare function prefixVariables<T, P extends string>(obj: T, prefix: P): PrefixedVariable<T, P>;
+export declare function wrapVariables<T, P extends string>(obj: T, prefix: P): WrappedVariable<T, P>;
+export {};
+//# sourceMappingURL=theme-helper-utils.d.ts.map

package/dist/theme/css-name-configurations/theme-helper-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-helper-utils.d.ts","sourceRoot":"","sources":["../../../src/theme/css-name-configurations/theme-helper-utils.ts"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GAC1D,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,CAAC,SAAS,MAAM,GACf;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;CAAE,GAC7C,CAAC,CAAC;AAEN,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACzD,OAAO,CAAC,GAAG,CAAC,GAAG,GACf,CAAC,SAAS,MAAM,GACf;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;CAAE,GAC5C,CAAC,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAY9F;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAY3F"}

package/dist/theme/css-name-configurations/theme-helper-utils.js

@@ -0,0 +1,27 @@
+export function prefixVariables(obj, prefix) {
+    if (typeof obj === 'string') {
+        return `${prefix}${obj}`;
+    }
+    if (typeof obj === 'object' && obj !== null) {
+        const result = {};
+        for (const key in obj) {
+            result[key] = prefixVariables(obj[key], prefix);
+        }
+        return result;
+    }
+    return obj;
+}
+export function wrapVariables(obj, prefix) {
+    if (typeof obj === 'string') {
+        return `var(${prefix}${obj})`;
+    }
+    if (typeof obj === 'object' && obj !== null) {
+        const result = {};
+        for (const key in obj) {
+            result[key] = wrapVariables(obj[key], prefix);
+        }
+        return result;
+    }
+    return obj;
+}
+//# sourceMappingURL=theme-helper-utils.js.map

package/dist/theme/css-name-configurations/theme-helper-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-helper-utils.js","sourceRoot":"","sources":["../../../src/theme/css-name-configurations/theme-helper-utils.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,eAAe,CAAsB,GAAM,EAAE,MAAS;IACrE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,GAAG,MAAM,GAAG,GAAG,EAA4B,CAAC;IACpD,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QAC7C,MAAM,MAAM,GAAQ,EAAE,CAAC;QACvB,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;YACvB,MAAM,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IACD,OAAO,GAA6B,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,aAAa,CAAsB,GAAM,EAAE,MAAS;IACnE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,OAAO,MAAM,GAAG,GAAG,GAA4B,CAAC;IACxD,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QAC7C,MAAM,MAAM,GAAQ,EAAE,CAAC;QACvB,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;YACvB,MAAM,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IACD,OAAO,GAA4B,CAAC;AACrC,CAAC"}

package/dist/theme/default-theme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeConfigFull } from '../types/theme/theme.types';
+export declare const DefaultThreadTheme: ThemeConfigFull;
+//# sourceMappingURL=default-theme.d.ts.map

package/dist/theme/default-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/theme/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,eAAO,MAAM,kBAAkB,EAAE,eA4FhC,CAAC"}

package/dist/theme/default-theme.js

@@ -0,0 +1,94 @@
+export const DefaultThreadTheme = {
+    // Color Palette
+    primary: {
+        light: '#5a7d6a',
+        main: '#3c5c49',
+        dark: '#2a4535',
+    },
+    secondary: {
+        light: '#7a97b2',
+        main: '#546f8d',
+        dark: '#3b526a',
+    },
+    tertiary: {
+        light: '#8c7389',
+        main: '#6a546a',
+        dark: '#4a3a4a',
+    },
+    // Neutral Colors
+    white: '#ffffff',
+    black: '#121212',
+    gray: {
+        light: '#e5e7eb',
+        main: '#9ca3af',
+        dark: '#4b5563',
+    },
+    // Status Colors
+    success: {
+        light: '#86efac',
+        main: '#22c55e',
+        dark: '#15803d',
+    },
+    warning: {
+        light: '#fde68a',
+        main: '#f59e0b',
+        dark: '#b45309',
+    },
+    error: {
+        light: '#fca5a5',
+        main: '#ef4444',
+        dark: '#b91c1c',
+    },
+    info: {
+        light: '#93c5fd',
+        main: '#3b82f6',
+        dark: '#1d4ed8',
+    },
+    // Light Mode Surface Colors
+    background: '#ffffff',
+    surface: '#f9fafb',
+    elevated: '#f3f4f6',
+    structure: '#e2e8f0',
+    // Light Mode Text Colors
+    text: {
+        standard: '#1f2937',
+        secondary: '#4b5563',
+        disabled: '#9ca3af',
+        accent: '#3c5c49', // resolves to primary.main
+        inverted: '#f9fafb', // resolves to dark mode text.standard
+    },
+    // Structure
+    breakpoints: {
+        sm: '0',
+        md: '768',
+        lg: '1024',
+        xl: '1280',
+        xxl: '1536',
+    },
+    // Sizing
+    borderRadius: {
+        sm: '0.25rem',
+        md: '0.375rem',
+        lg: '0.5rem',
+    },
+    borderSize: {
+        sm: '1px',
+        md: '2px',
+        lg: '3px',
+    },
+    // Dark Mode Colors
+    darkMode: {
+        background: '#121212',
+        surface: '#1e1e1e',
+        elevated: '#2d2d2d',
+        structure: '#4b5563',
+        text: {
+            standard: '#f9fafb',
+            secondary: '#4b5563',
+            disabled: '#6b7280',
+            accent: '#3c5c49', // resolves to primary.main
+            inverted: '#1f2937', // resolves to light mode text.standard
+        },
+    },
+};
+//# sourceMappingURL=default-theme.js.map

package/dist/theme/default-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../src/theme/default-theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAoB;IAClD,gBAAgB;IAChB,OAAO,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;KACf;IACD,SAAS,EAAE;QACV,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;KACf;IACD,QAAQ,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;KACf;IACD,iBAAiB;IACjB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;KACf;IACD,gBAAgB;IAChB,OAAO,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;KACf;IACD,KAAK,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;KACf;IACD,IAAI,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;KACf;IACD,4BAA4B;IAC5B,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,yBAAyB;IACzB,IAAI,EAAE;QACL,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS,EAAE,2BAA2B;QAC9C,QAAQ,EAAE,SAAS,EAAE,sCAAsC;KAC3D;IACD,YAAY;IACZ,WAAW,EAAE;QACZ,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,GAAG,EAAE,MAAM;KACX;IACD,SAAS;IACT,YAAY,EAAE;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,QAAQ;KACZ;IACD,UAAU,EAAE;QACX,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACT;IACD,mBAAmB;IACnB,QAAQ,EAAE;QACT,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,IAAI,EAAE;YACL,QAAQ,EAAE,SAAS;YACnB,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,SAAS,EAAE,2BAA2B;YAC9C,QAAQ,EAAE,SAAS,EAAE,uCAAuC;SAC5D;KACD;CACD,CAAC"}

package/dist/theme/thread-theme.d.ts

@@ -1,4 +1,6 @@
-import { Theme, DarkModeColors } from '../types';
+import { Theme } from '../types';
+/**
+ * Access object to connect to active CSS Theme variables
+ */
 export declare const ThreadTheme: Theme;
-export declare const DarkModeVariables: DarkModeColors;
 //# sourceMappingURL=thread-theme.d.ts.map

package/dist/theme/thread-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread-theme.d.ts","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,EAAE,KA2EzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAa/B,CAAC"}
+{"version":3,"file":"thread-theme.d.ts","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAOhC;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAoE,CAAC"}

package/dist/theme/thread-theme.js

@@ -1,86 +1,7 @@
-export const ThreadTheme = {
-    // Color Palette
-    primary: {
-        light: 'var(--thread-primary-light)',
-        main: 'var(--thread-primary-main)',
-        dark: 'var(--thread-primary-dark)',
-    },
-    secondary: {
-        light: 'var(--thread-secondary-light)',
-        main: 'var(--thread-secondary-main)',
-        dark: 'var(--thread-secondary-dark)',
-    },
-    tertiary: {
-        light: 'var(--thread-tertiary-light)',
-        main: 'var(--thread-tertiary-main)',
-        dark: 'var(--thread-tertiary-dark)',
-    },
-    // Neutral Colors
-    white: 'var(--thread-white)',
-    black: 'var(--thread-black)',
-    gray: {
-        light: 'var(--thread-gray-light)',
-        main: 'var(--thread-gray-main)',
-        dark: 'var(--thread-gray-dark)',
-    },
-    // Status Colors
-    success: {
-        light: 'var(--thread-success-light)',
-        main: 'var(--thread-success-main)',
-        dark: 'var(--thread-success-dark)',
-    },
-    warning: {
-        light: 'var(--thread-warning-light)',
-        main: 'var(--thread-warning-main)',
-        dark: 'var(--thread-warning-dark)',
-    },
-    error: {
-        light: 'var(--thread-error-light)',
-        main: 'var(--thread-error-main)',
-        dark: 'var(--thread-error-dark)',
-    },
-    info: {
-        light: 'var(--thread-info-light)',
-        main: 'var(--thread-info-main)',
-        dark: 'var(--thread-info-dark)',
-    },
-    // Surface Colors
-    background: 'var(--thread-background)',
-    surface: 'var(--thread-surface)',
-    elevated: 'var(--thread-elevated)',
-    structure: 'var(--thread-structure)',
-    // Text Colors
-    text: {
-        standard: 'var(--thread-text-standard)',
-        secondary: 'var(--thread-text-secondary)',
-        disabled: 'var(--thread-text-disabled)',
-        accent: 'var(--thread-text-accent)',
-        inverted: 'var(--thread-text-inverted)',
-    },
-    // Sizing/Structure
-    borderRadius: {
-        sm: 'var(--thread-border-radius-sm)',
-        md: 'var(--thread-border-radius-md)',
-        lg: 'var(--thread-border-radius-lg)',
-    },
-    borderSize: {
-        sm: 'var(--thread-border-size-sm)',
-        md: 'var(--thread-border-size-md)',
-        lg: 'var(--thread-border-size-lg)',
-    },
-};
-export const DarkModeVariables = {
-    // Surfaces
-    background: 'var(--thread-background-dark-mode)',
-    surface: 'var(--thread-surface-dark-mode)',
-    elevated: 'var(--thread-elevated-dark-mode)',
-    structure: 'var(--thread-structure-dark-mode)',
-    text: {
-        standard: 'var(--thread-text-standard-dark-mode)',
-        secondary: 'var(--thread-text-secondary-dark-mode)',
-        disabled: 'var(--thread-text-disabled-dark-mode)',
-        accent: 'var(--thread-text-accent-dark-mode)',
-        inverted: 'var(--thread-text-inverted-dark-mode)',
-    },
-};
+import { wrapVariables } from './css-name-configurations/theme-helper-utils';
+import { ThemeBaseCssNames, THREAD_CSS_VARIABLE_PREFIX, } from './css-name-configurations/theme-css-names';
+/**
+ * Access object to connect to active CSS Theme variables
+ */
+export const ThreadTheme = wrapVariables(ThemeBaseCssNames, THREAD_CSS_VARIABLE_PREFIX);
 //# sourceMappingURL=thread-theme.js.map

package/dist/theme/thread-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"thread-theme.js","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,gBAAgB;IAChB,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,SAAS,EAAE;QACV,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,8BAA8B;QACpC,IAAI,EAAE,8BAA8B;KACpC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,6BAA6B;KACnC;IAED,iBAAiB;IACjB,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE;QACL,KAAK,EAAE,0BAA0B;QACjC,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,yBAAyB;KAC/B;IAED,gBAAgB;IAChB,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,KAAK,EAAE;QACN,KAAK,EAAE,2BAA2B;QAClC,IAAI,EAAE,0BAA0B;QAChC,IAAI,EAAE,0BAA0B;KAChC;IACD,IAAI,EAAE;QACL,KAAK,EAAE,0BAA0B;QACjC,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,yBAAyB;KAC/B;IAED,iBAAiB;IACjB,UAAU,EAAE,0BAA0B;IACtC,OAAO,EAAE,uBAAuB;IAChC,QAAQ,EAAE,wBAAwB;IAClC,SAAS,EAAE,yBAAyB;IAEpC,cAAc;IACd,IAAI,EAAE;QACL,QAAQ,EAAE,6BAA6B;QACvC,SAAS,EAAE,8BAA8B;QACzC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE,2BAA2B;QACnC,QAAQ,EAAE,6BAA6B;KACvC;IAED,mBAAmB;IACnB,YAAY,EAAE;QACb,EAAE,EAAE,gCAAgC;QACpC,EAAE,EAAE,gCAAgC;QACpC,EAAE,EAAE,gCAAgC;KACpC;IACD,UAAU,EAAE;QACX,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,8BAA8B;KAClC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAmB;IAChD,WAAW;IACX,UAAU,EAAE,oCAAoC;IAChD,OAAO,EAAE,iCAAiC;IAC1C,QAAQ,EAAE,kCAAkC;IAC5C,SAAS,EAAE,mCAAmC;IAC9C,IAAI,EAAE;QACL,QAAQ,EAAE,uCAAuC;QACjD,SAAS,EAAE,wCAAwC;QACnD,QAAQ,EAAE,uCAAuC;QACjD,MAAM,EAAE,qCAAqC;QAC7C,QAAQ,EAAE,uCAAuC;KACjD;CACD,CAAC"}
+{"version":3,"file":"thread-theme.js","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EACN,iBAAiB,EACjB,0BAA0B,GAC1B,MAAM,2CAA2C,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU,aAAa,CAAC,iBAAiB,EAAE,0BAA0B,CAAC,CAAC"}

package/dist/types/theme/index.d.ts

@@ -1,2 +1,2 @@
-export type { Theme, TextColors, TextColorOptions, UtilitySizes, ThemeConfig, DarkModeColors, UtilitySizeOptions, } from './theme.types';
+export * from './theme.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/theme/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,cAAc,EACd,kBAAkB,GAClB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/types/theme/index.js

@@ -1,2 +1,2 @@
-export {};
+export * from './theme.types';
 //# sourceMappingURL=index.js.map

package/dist/types/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/theme/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}