tenara-ui-components 0.2.9 → 0.3.0

package/dist/themes/core/design-system-types.d.ts

@@ -0,0 +1,42 @@
+type ColorCategory = 'color' | 'typography';
+type ColorName = 'coral' | 'purple' | 'blue' | 'neutral' | 'alert' | 'warning' | 'success';
+type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
+type ColorTier1 = `${ColorCategory}-${ColorName}-${ColorShade}`;
+type Tier = 'tier1' | 'tier2' | 'tier3';
+type BackgroundColor = 'white' | 'grey' | 'idigo' | 'cobalt' | 'theme';
+type ColorPropertySurface = 'background' | 'content' | 'border' | 'color' | 'interactive';
+type Intention = 'default' | 'disabled' | 'utility' | 'dataviz' | 'accent' | 'transparent' | 'brand' | 'state' | 'interactive' | 'link';
+type ColorVariant = 'strong' | 'error' | 'success' | 'warning' | 'info' | 'knockout' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'accent' | 'inverse' | 'link' | 'default';
+type State = 'default' | 'focus' | 'hover' | 'active' | 'pressed' | 'disabled' | 'background';
+type ColorTier2 = `${Tier}-${BackgroundColor}-color-${ColorPropertySurface}-${Intention}-${ColorVariant}-${State}`;
+type Component = 'link' | 'table' | 'header' | 'form' | 'focus-ring' | 'button';
+type ComponentVariant = 'secondary' | 'tertiary' | 'link' | 'knockout' | 'primary' | 'general' | 'cta' | 'outline' | 'ghost' | 'twitter' | 'linkedin' | 'facebook';
+type ComponentProperty = 'text' | 'icon' | 'border' | 'content';
+type ColorTier3 = `${Tier}-${BackgroundColor}-${Component}-${ComponentVariant}-${ComponentProperty}-${State}`;
+type TypographyProperty = 'font-family' | 'font-weight' | 'font-style' | 'line-height' | 'text-transform' | 'letter-spacing' | 'font-size';
+type TypographyValue = '1' | '1.25' | '1.5' | '2' | '2.5' | '3';
+type TypographyTier1 = `typography-${TypographyProperty}-${TypographyValue}`;
+type TypographyIntention = 'title' | 'subtitle' | 'body' | 'label' | 'meta' | 'data' | 'headline' | 'heading';
+type TypographyDesignVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'b1' | 'b2' | 'b3';
+type Breakpoint = 'desktop' | 'tablet' | 'mobile';
+type TypographyTier2 = `${Tier}-${BackgroundColor}-typography-${TypographyIntention}-${TypographyDesignVariant}-${Breakpoint}-${TypographyProperty}`;
+type TypographyTier3 = `${Tier}-${BackgroundColor}-${Component}-${ComponentVariant}-${TypographyProperty}`;
+export type DesignToken = ColorTier1 | ColorTier2 | ColorTier3 | TypographyTier1 | TypographyTier2 | TypographyTier3;
+export interface ColorToken {
+    tier: Tier;
+    category: 'color';
+    value: string;
+}
+export interface TypographyToken {
+    tier: Tier;
+    category: 'typography';
+    value: string | number;
+}
+export interface Theme {
+    colors: Record<string, ColorToken>;
+    typography: Record<string, TypographyToken>;
+}
+export type ColorTokenKey = ColorTier1 | ColorTier2 | ColorTier3;
+export type TypographyTokenKey = TypographyTier1 | TypographyTier2 | TypographyTier3;
+export type { Tier, ColorCategory, ColorName, ColorShade, BackgroundColor, ColorPropertySurface, Intention, ColorVariant, State, ColorTier1, ColorTier2, ColorTier3, TypographyProperty, TypographyValue, TypographyIntention, TypographyDesignVariant, Breakpoint, TypographyTier1, TypographyTier2, TypographyTier3, Component, ComponentVariant, ComponentProperty };
+//# sourceMappingURL=design-system-types.d.ts.map

package/dist/themes/core/design-system-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system-types.d.ts","sourceRoot":"","sources":["../../../src/themes/core/design-system-types.ts"],"names":[],"mappings":"AAOA,KAAK,aAAa,GAAG,OAAO,GAAG,YAAY,CAAC;AAC5C,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAC3F,KAAK,UAAU,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEvG,KAAK,UAAU,GAAG,GAAG,aAAa,IAAI,SAAS,IAAI,UAAU,EAAE,CAAC;AAGhE,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AACxC,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvE,KAAK,oBAAoB,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;AAC1F,KAAK,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AACxI,KAAK,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AACnL,KAAK,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAE9F,KAAK,UAAU,GAAG,GAAG,IAAI,IAAI,eAAe,UAAU,oBAAoB,IAAI,SAAS,IAAI,YAAY,IAAI,KAAK,EAAE,CAAC;AAGnH,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC;AAChF,KAAK,gBAAgB,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AACnK,KAAK,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhE,KAAK,UAAU,GAAG,GAAG,IAAI,IAAI,eAAe,IAAI,SAAS,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,KAAK,EAAE,CAAC;AAO9G,KAAK,kBAAkB,GAAG,aAAa,GAAG,aAAa,GAAG,YAAY,GAAG,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,WAAW,CAAC;AAC3I,KAAK,eAAe,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,CAAC;AAEhE,KAAK,eAAe,GAAG,cAAc,kBAAkB,IAAI,eAAe,EAAE,CAAC;AAG7E,KAAK,mBAAmB,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;AAC9G,KAAK,uBAAuB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5F,KAAK,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,KAAK,eAAe,GAAG,GAAG,IAAI,IAAI,eAAe,eAAe,mBAAmB,IAAI,uBAAuB,IAAI,UAAU,IAAI,kBAAkB,EAAE,CAAC;AAGrJ,KAAK,eAAe,GAAG,GAAG,IAAI,IAAI,eAAe,IAAI,SAAS,IAAI,gBAAgB,IAAI,kBAAkB,EAAE,CAAC;AAM3G,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,UAAU,GACV,UAAU,GACV,eAAe,GACf,eAAe,GACf,eAAe,CAAC;AAMpB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CAC7C;AAMD,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AACjE,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAAC;AAMrF,YAAY,EAEV,IAAI,EACJ,aAAa,EAGb,SAAS,EACT,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,UAAU,EAGV,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,uBAAuB,EACvB,UAAU,EACV,eAAe,EACf,eAAe,EACf,eAAe,EAGf,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EAClB,CAAC"}

package/dist/themes/core/dynamic-types.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Dynamic Token Interfaces for Theme System
+ *
+ * This module defines dynamic interfaces that use mapped types to generate
+ * all possible token combinations from the design system types. These interfaces
+ * extend the existing theme system while maintaining full backward compatibility.
+ */
+import type { Tier, ColorPropertySurface, Intention, ColorVariant, State, TypographyIntention, TypographyDesignVariant, Breakpoint, TypographyProperty, Component, ComponentVariant, ComponentProperty, ColorTokenKey, TypographyTokenKey } from './design-system-types';
+import type { ThemeConfig } from './types';
+/**
+ * Dynamic color token interface that maps all possible color token combinations
+ * to string values. Uses mapped types to generate tokens from design system types.
+ *
+ * Supports tokens in the format:
+ * - tier1-theme-color-{surface}-{intention}-{variant}-{state}
+ * - tier3-theme-{component}-{variant}-{property}-{state}
+ */
+export type DynamicColorTokens = {
+    [K in ColorTokenKey]?: string;
+};
+/**
+ * Dynamic typography token interface that maps all possible typography token
+ * combinations to string or number values. Uses mapped types for type safety.
+ *
+ * Supports tokens in the format:
+ * - tier1-theme-typography-{intention}-{variant}-{breakpoint}-{property}
+ * - tier3-theme-{component}-{variant}-{property}
+ */
+export type DynamicTypographyTokens = {
+    [K in TypographyTokenKey]?: string | number;
+};
+/**
+ * Dynamic component token interface that supports flexible component-specific
+ * token definitions. Extends the existing ThemeComponents interface while
+ * allowing arbitrary component names and property combinations.
+ */
+export interface DynamicComponentTokens {
+    [component: string]: {
+        [property: string]: string | number;
+    };
+}
+/**
+ * Helper type for color token parameters
+ */
+export interface ColorTokenParams {
+    tier: Tier;
+    surface: ColorPropertySurface;
+    intention: Intention;
+    variant: ColorVariant;
+    state?: State;
+}
+/**
+ * Helper type for typography token parameters
+ */
+export interface TypographyTokenParams {
+    tier: Tier;
+    intention: TypographyIntention;
+    variant: TypographyDesignVariant;
+    breakpoint: Breakpoint;
+    property: TypographyProperty;
+}
+/**
+ * Helper type for component token parameters
+ */
+export interface ComponentTokenParams {
+    tier: Tier;
+    component: Component;
+    variant: ComponentVariant;
+    property: ComponentProperty;
+    state?: State;
+}
+/**
+ * Type guard to check if a theme config is a dynamic theme config
+ */
+export declare function isDynamicThemeConfig(config: any): config is import('./types').DynamicThemeConfig;
+/**
+ * Type guard to check if a theme config is a legacy theme config
+ */
+export declare function isLegacyThemeConfig(config: any): config is ThemeConfig;
+//# sourceMappingURL=dynamic-types.d.ts.map

package/dist/themes/core/dynamic-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-types.d.ts","sourceRoot":"","sources":["../../../src/themes/core/dynamic-types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,IAAI,EACJ,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,mBAAmB,EACnB,uBAAuB,EACvB,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EACV,WAAW,EACZ,MAAM,SAAS,CAAC;AAUjB;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG;KAE9B,CAAC,IAAI,aAAa,CAAC,CAAC,EAAE,MAAM;CAC9B,CAAC;AAMF;;;;;;;GAOG;AACH,MAAM,MAAM,uBAAuB,GAAG;KAEnC,CAAC,IAAI,kBAAkB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;CAC5C,CAAC;AAMF;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IAErC,CAAC,SAAS,EAAE,MAAM,GAAG;QACnB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KACrC,CAAC;CACH;AAaD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,mBAAmB,CAAC;IAC/B,OAAO,EAAE,uBAAuB,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,kBAAkB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAMD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,OAAO,SAAS,EAAE,kBAAkB,CAQhG;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,WAAW,CAStE"}