@evolve.ui/theme-system 1.0.0

package/themes/themeType.d.mts

@@ -0,0 +1,284 @@
+import { n as Brands } from "../brands-n30rolHQ.mjs";
+
+//#region src/themes/themeType.d.ts
+type TokenValue = string;
+type Px = string;
+type TypographySpec = {
+  family: TokenValue;
+  height: Px;
+  size: Px;
+  spacing: Px;
+  style: string;
+  transform?: string;
+  weight: number | TokenValue;
+};
+type Typography = {
+  body: Record<'primary' | 'secondary', TypographySpec>;
+  button: Record<'100' | '200', TypographySpec>;
+  caption: Record<'100', TypographySpec>;
+  heading: Record<'000' | '400' | '500' | '600', TypographySpec> & Record<'100' | '200' | '300', TypographySpec & {
+    mobile: TypographySpec;
+  }>;
+  label: Record<'mini' | 'strong', TypographySpec>;
+};
+type Color = {
+  background: {
+    critical: Record<'dark' | 'light', TokenValue>;
+    decorative: TokenValue;
+    disabled: TokenValue;
+    field: {
+      default: TokenValue;
+    };
+    hover: TokenValue;
+    info: Record<'dark' | 'light', TokenValue>;
+    inverse: TokenValue;
+    neutral: Record<'dark' | 'light', TokenValue>;
+    pressed: TokenValue;
+    primary: TokenValue;
+    secondary: TokenValue;
+    subdued: TokenValue;
+    success: Record<'dark' | 'light', TokenValue>;
+    tertiary: TokenValue;
+    warning: Record<'dark' | 'light', TokenValue>;
+  };
+  border: {
+    critical: TokenValue;
+    disabled: TokenValue;
+    divider: Record<'black' | 'dark' | 'default' | 'inverse' | 'light', TokenValue>;
+    focused: Record<'default' | 'inverse', TokenValue>;
+    hover: TokenValue;
+    info: TokenValue;
+    inverse: TokenValue;
+    primary: TokenValue;
+    secondary: TokenValue;
+    selected: TokenValue;
+    success: TokenValue;
+    warning: TokenValue;
+  };
+  icon: {
+    active: TokenValue;
+    alt: Record<'active' | 'default' | 'hover', TokenValue>;
+    critical: TokenValue;
+    decorative: Record<'alt' | 'default' | 'light', TokenValue>;
+    default: TokenValue;
+    disabled: TokenValue;
+    hover: TokenValue;
+    info: TokenValue;
+    inverse: TokenValue;
+    primary: {
+      alt: {
+        active: TokenValue;
+        default: TokenValue;
+        hover: TokenValue;
+      };
+      default: TokenValue;
+    };
+    success: TokenValue;
+    warning: {
+      default: TokenValue;
+      light: TokenValue;
+    };
+  };
+  keyboardFocus: TokenValue;
+  keyboardFocusInverse: TokenValue;
+  shadow: Record<'01' | '02' | '03', TokenValue>;
+  skeleton: Record<'default', TokenValue>;
+  text: {
+    alt: TokenValue;
+    critical: TokenValue;
+    disabled: TokenValue;
+    error: TokenValue;
+    inactive: TokenValue;
+    info: TokenValue;
+    inverse: TokenValue;
+    link: {
+      active: TokenValue;
+      default: TokenValue;
+      disabled: TokenValue;
+      focused: TokenValue;
+      hover: TokenValue;
+      inverse: TokenValue;
+      monochrome: TokenValue;
+      weak: TokenValue;
+    };
+    primary: TokenValue;
+    secondary: TokenValue;
+    standard: TokenValue;
+    success: TokenValue;
+    warning: Record<'default' | 'light', TokenValue>;
+    weak: TokenValue;
+  };
+  transparent00: TokenValue;
+  transparent05: TokenValue;
+  transparent20: TokenValue;
+  transparent40: TokenValue;
+};
+type StrAndValue<Keys extends string> = Record<Keys, Px> & Record<`${Keys}Value`, number>;
+type Spacing = StrAndValue<'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxl' | 'xxs' | 'xxxl' | 'xxxs'>;
+type Breakpoints = StrAndValue<'lgMax' | 'lgMin' | 'mdMax' | 'mdMin' | 'smMax' | 'smMin' | 'xlMin' | 'xsMax'>;
+type ButtonTheme = {
+  border: {
+    radius: Px;
+  };
+  favorite: Record<'default' | 'disabled' | 'hover' | 'pressed' | 'selected', {
+    color: {
+      background: TokenValue;
+      border: TokenValue;
+    };
+  }>;
+  inline: Record<'default' | 'hover' | 'inverse' | 'pressed' | 'weak', {
+    color: {
+      text: TokenValue;
+    };
+  }> & {
+    alt: Record<'default' | 'hover' | 'pressed', {
+      color: {
+        text: TokenValue;
+      };
+    }>;
+  };
+  primary: {
+    alt: {
+      color: {
+        background: TokenValue;
+        border: TokenValue;
+        text: TokenValue;
+      };
+      focused: {
+        color: {
+          background: TokenValue;
+        };
+      };
+      hover: {
+        color: {
+          background: TokenValue;
+          border: TokenValue;
+        };
+      };
+      pressed: {
+        color: {
+          background: TokenValue;
+          border: TokenValue;
+        };
+      };
+    };
+    color: {
+      background: TokenValue;
+      text: TokenValue;
+    };
+    focused: {
+      color: {
+        background: TokenValue;
+      };
+    };
+    hover: {
+      color: {
+        background: TokenValue;
+      };
+    };
+    pressed: {
+      color: {
+        background: TokenValue;
+      };
+    };
+  };
+  secondary: {
+    alt: {
+      color: {
+        background: TokenValue;
+        border: TokenValue;
+        text: TokenValue;
+      };
+      focused: {
+        color: {
+          background: TokenValue;
+          text: TokenValue;
+        };
+      };
+      hover: {
+        color: {
+          background: TokenValue;
+          border: TokenValue;
+          text: TokenValue;
+        };
+      };
+      pressed: {
+        color: {
+          background: TokenValue;
+          border: TokenValue;
+        };
+      };
+    };
+    color: {
+      background: TokenValue;
+      border: TokenValue;
+      text: TokenValue;
+    };
+    focused: {
+      color: {
+        background: TokenValue;
+      };
+    };
+    hover: {
+      color: {
+        background: TokenValue;
+        border: TokenValue;
+        text: TokenValue;
+      };
+    };
+    pressed: {
+      color: {
+        background: TokenValue;
+        border: TokenValue;
+      };
+    };
+  };
+  tertiary: {
+    color: {
+      text: TokenValue;
+    };
+    hover: {
+      color: {
+        background: TokenValue;
+      };
+    };
+    pressed: {
+      color: {
+        background: TokenValue;
+      };
+    };
+  };
+};
+type Theme = {
+  border: {
+    radius: Record<'circle' | 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'zero', string>;
+    width: Record<'lg' | 'md' | 'sm' | 'xs' | 'xxs', string>;
+  };
+  brand: Brands;
+  breakpoints: Breakpoints;
+  button: ButtonTheme;
+  checkbox: {
+    border: {
+      radius: Px;
+    };
+  };
+  color: Color;
+  core: Record<string, TokenValue>;
+  elevation: Record<'01' | '02' | '03' | '04' | '05', string>;
+  input: {
+    border: {
+      radius: string;
+    };
+  };
+  spacing: Spacing;
+  toggle: {
+    border: {
+      radius: string;
+    };
+  };
+  typography: Typography;
+};
+type CleanTheme = Theme;
+//#endregion
+export { CleanTheme, Theme, TypographySpec };
+//# sourceMappingURL=themeType.d.mts.map

package/themes/themeType.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeType.d.mts","names":[],"sources":["../../src/themes/themeType.ts"],"mappings":"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"}

package/themes/themeType.mjs

@@ -0,0 +1 @@
+export {};