@hanzogui/themes 2.0.0

package/types/generated-v5-subtle.d.ts

@@ -0,0 +1,244 @@
+export type Theme = {
+    accentBackground: string;
+    accentColor: string;
+    background0: string;
+    background02: string;
+    background04: string;
+    background06: string;
+    background08: string;
+    color1: string;
+    color2: string;
+    color3: string;
+    color4: string;
+    color5: string;
+    color6: string;
+    color7: string;
+    color8: string;
+    color9: string;
+    color10: string;
+    color11: string;
+    color12: string;
+    color0: string;
+    color02: string;
+    color04: string;
+    color06: string;
+    color08: string;
+    color: string;
+    colorHover: string;
+    colorPress: string;
+    colorFocus: string;
+    background: string;
+    backgroundHover: string;
+    backgroundPress: string;
+    backgroundFocus: string;
+    backgroundActive: string;
+    borderColor: string;
+    borderColorHover: string;
+    borderColorFocus: string;
+    borderColorPress: string;
+    placeholderColor: string;
+    colorTransparent: string;
+    black1: string;
+    black2: string;
+    black3: string;
+    black4: string;
+    black5: string;
+    black6: string;
+    black7: string;
+    black8: string;
+    black9: string;
+    black10: string;
+    black11: string;
+    black12: string;
+    white1: string;
+    white2: string;
+    white3: string;
+    white4: string;
+    white5: string;
+    white6: string;
+    white7: string;
+    white8: string;
+    white9: string;
+    white10: string;
+    white11: string;
+    white12: string;
+    white: string;
+    white0: string;
+    white02: string;
+    white04: string;
+    white06: string;
+    white08: string;
+    black: string;
+    black0: string;
+    black02: string;
+    black04: string;
+    black06: string;
+    black08: string;
+    shadow1: string;
+    shadow2: string;
+    shadow3: string;
+    shadow4: string;
+    shadow5: string;
+    shadow6: string;
+    shadow7: string;
+    shadow8: string;
+    highlight1: string;
+    highlight2: string;
+    highlight3: string;
+    highlight4: string;
+    highlight5: string;
+    highlight6: string;
+    highlight7: string;
+    highlight8: string;
+    shadowColor: string;
+    gray1: string;
+    gray2: string;
+    gray3: string;
+    gray4: string;
+    gray5: string;
+    gray6: string;
+    gray7: string;
+    gray8: string;
+    gray9: string;
+    gray10: string;
+    gray11: string;
+    gray12: string;
+    blue1: string;
+    blue2: string;
+    blue3: string;
+    blue4: string;
+    blue5: string;
+    blue6: string;
+    blue7: string;
+    blue8: string;
+    blue9: string;
+    blue10: string;
+    blue11: string;
+    blue12: string;
+    red1: string;
+    red2: string;
+    red3: string;
+    red4: string;
+    red5: string;
+    red6: string;
+    red7: string;
+    red8: string;
+    red9: string;
+    red10: string;
+    red11: string;
+    red12: string;
+    yellow1: string;
+    yellow2: string;
+    yellow3: string;
+    yellow4: string;
+    yellow5: string;
+    yellow6: string;
+    yellow7: string;
+    yellow8: string;
+    yellow9: string;
+    yellow10: string;
+    yellow11: string;
+    yellow12: string;
+    green1: string;
+    green2: string;
+    green3: string;
+    green4: string;
+    green5: string;
+    green6: string;
+    green7: string;
+    green8: string;
+    green9: string;
+    green10: string;
+    green11: string;
+    green12: string;
+    orange1: string;
+    orange2: string;
+    orange3: string;
+    orange4: string;
+    orange5: string;
+    orange6: string;
+    orange7: string;
+    orange8: string;
+    orange9: string;
+    orange10: string;
+    orange11: string;
+    orange12: string;
+    pink1: string;
+    pink2: string;
+    pink3: string;
+    pink4: string;
+    pink5: string;
+    pink6: string;
+    pink7: string;
+    pink8: string;
+    pink9: string;
+    pink10: string;
+    pink11: string;
+    pink12: string;
+    purple1: string;
+    purple2: string;
+    purple3: string;
+    purple4: string;
+    purple5: string;
+    purple6: string;
+    purple7: string;
+    purple8: string;
+    purple9: string;
+    purple10: string;
+    purple11: string;
+    purple12: string;
+    teal1: string;
+    teal2: string;
+    teal3: string;
+    teal4: string;
+    teal5: string;
+    teal6: string;
+    teal7: string;
+    teal8: string;
+    teal9: string;
+    teal10: string;
+    teal11: string;
+    teal12: string;
+    neutral1: string;
+    neutral2: string;
+    neutral3: string;
+    neutral4: string;
+    neutral5: string;
+    neutral6: string;
+    neutral7: string;
+    neutral8: string;
+    neutral9: string;
+    neutral10: string;
+    neutral11: string;
+    neutral12: string;
+    accent1: string;
+    accent2: string;
+    accent3: string;
+    accent4: string;
+    accent5: string;
+    accent6: string;
+    accent7: string;
+    accent8: string;
+    accent9: string;
+    accent10: string;
+    accent11: string;
+    accent12: string;
+    color01: string;
+    color0075: string;
+    color005: string;
+    color0025: string;
+    color002: string;
+    color001: string;
+    background01: string;
+    background0075: string;
+    background005: string;
+    background0025: string;
+    background002: string;
+    background001: string;
+    outlineColor: string;
+};
+export declare const colors: string[];
+export type ThemeNames = 'light' | 'dark' | 'light_accent' | 'dark_accent' | 'light_black' | 'light_white' | 'light_gray' | 'light_blue' | 'light_red' | 'light_yellow' | 'light_green' | 'light_orange' | 'light_pink' | 'light_purple' | 'light_teal' | 'light_neutral' | 'dark_black' | 'dark_white' | 'dark_gray' | 'dark_blue' | 'dark_red' | 'dark_yellow' | 'dark_green' | 'dark_orange' | 'dark_pink' | 'dark_purple' | 'dark_teal' | 'dark_neutral' | 'light_surface1' | 'light_white_surface1' | 'light_surface2' | 'light_white_surface2' | 'dark_surface1' | 'dark_black_surface1' | 'dark_surface2' | 'dark_black_surface2' | 'light_black_accent' | 'light_black_surface1' | 'light_black_surface2' | 'light_white_accent' | 'light_gray_accent' | 'light_gray_surface1' | 'light_gray_surface2' | 'light_blue_accent' | 'light_blue_surface1' | 'light_blue_surface2' | 'light_red_accent' | 'light_red_surface1' | 'light_red_surface2' | 'light_yellow_accent' | 'light_yellow_surface1' | 'light_yellow_surface2' | 'light_green_accent' | 'light_green_surface1' | 'light_green_surface2' | 'light_orange_accent' | 'light_orange_surface1' | 'light_orange_surface2' | 'light_pink_accent' | 'light_pink_surface1' | 'light_pink_surface2' | 'light_purple_accent' | 'light_purple_surface1' | 'light_purple_surface2' | 'light_teal_accent' | 'light_teal_surface1' | 'light_teal_surface2' | 'light_neutral_accent' | 'light_neutral_surface1' | 'light_neutral_surface2' | 'dark_black_accent' | 'dark_white_accent' | 'dark_white_surface1' | 'dark_white_surface2' | 'dark_gray_accent' | 'dark_gray_surface1' | 'dark_gray_surface2' | 'dark_blue_accent' | 'dark_blue_surface1' | 'dark_blue_surface2' | 'dark_red_accent' | 'dark_red_surface1' | 'dark_red_surface2' | 'dark_yellow_accent' | 'dark_yellow_surface1' | 'dark_yellow_surface2' | 'dark_green_accent' | 'dark_green_surface1' | 'dark_green_surface2' | 'dark_orange_accent' | 'dark_orange_surface1' | 'dark_orange_surface2' | 'dark_pink_accent' | 'dark_pink_surface1' | 'dark_pink_surface2' | 'dark_purple_accent' | 'dark_purple_surface1' | 'dark_purple_surface2' | 'dark_teal_accent' | 'dark_teal_surface1' | 'dark_teal_surface2' | 'dark_neutral_accent' | 'dark_neutral_surface1' | 'dark_neutral_surface2';
+export type Themes = Record<ThemeNames, Theme>;
+export declare const themes: Themes;
+//# sourceMappingURL=generated-v5-subtle.d.ts.map

package/types/generated-v5.d.ts

@@ -0,0 +1,244 @@
+export type Theme = {
+    accentBackground: string;
+    accentColor: string;
+    background0: string;
+    background02: string;
+    background04: string;
+    background06: string;
+    background08: string;
+    color1: string;
+    color2: string;
+    color3: string;
+    color4: string;
+    color5: string;
+    color6: string;
+    color7: string;
+    color8: string;
+    color9: string;
+    color10: string;
+    color11: string;
+    color12: string;
+    color0: string;
+    color02: string;
+    color04: string;
+    color06: string;
+    color08: string;
+    color: string;
+    colorHover: string;
+    colorPress: string;
+    colorFocus: string;
+    background: string;
+    backgroundHover: string;
+    backgroundPress: string;
+    backgroundFocus: string;
+    backgroundActive: string;
+    borderColor: string;
+    borderColorHover: string;
+    borderColorFocus: string;
+    borderColorPress: string;
+    placeholderColor: string;
+    colorTransparent: string;
+    black1: string;
+    black2: string;
+    black3: string;
+    black4: string;
+    black5: string;
+    black6: string;
+    black7: string;
+    black8: string;
+    black9: string;
+    black10: string;
+    black11: string;
+    black12: string;
+    white1: string;
+    white2: string;
+    white3: string;
+    white4: string;
+    white5: string;
+    white6: string;
+    white7: string;
+    white8: string;
+    white9: string;
+    white10: string;
+    white11: string;
+    white12: string;
+    white: string;
+    white0: string;
+    white02: string;
+    white04: string;
+    white06: string;
+    white08: string;
+    black: string;
+    black0: string;
+    black02: string;
+    black04: string;
+    black06: string;
+    black08: string;
+    shadow1: string;
+    shadow2: string;
+    shadow3: string;
+    shadow4: string;
+    shadow5: string;
+    shadow6: string;
+    shadow7: string;
+    shadow8: string;
+    highlight1: string;
+    highlight2: string;
+    highlight3: string;
+    highlight4: string;
+    highlight5: string;
+    highlight6: string;
+    highlight7: string;
+    highlight8: string;
+    shadowColor: string;
+    gray1: string;
+    gray2: string;
+    gray3: string;
+    gray4: string;
+    gray5: string;
+    gray6: string;
+    gray7: string;
+    gray8: string;
+    gray9: string;
+    gray10: string;
+    gray11: string;
+    gray12: string;
+    blue1: string;
+    blue2: string;
+    blue3: string;
+    blue4: string;
+    blue5: string;
+    blue6: string;
+    blue7: string;
+    blue8: string;
+    blue9: string;
+    blue10: string;
+    blue11: string;
+    blue12: string;
+    red1: string;
+    red2: string;
+    red3: string;
+    red4: string;
+    red5: string;
+    red6: string;
+    red7: string;
+    red8: string;
+    red9: string;
+    red10: string;
+    red11: string;
+    red12: string;
+    yellow1: string;
+    yellow2: string;
+    yellow3: string;
+    yellow4: string;
+    yellow5: string;
+    yellow6: string;
+    yellow7: string;
+    yellow8: string;
+    yellow9: string;
+    yellow10: string;
+    yellow11: string;
+    yellow12: string;
+    green1: string;
+    green2: string;
+    green3: string;
+    green4: string;
+    green5: string;
+    green6: string;
+    green7: string;
+    green8: string;
+    green9: string;
+    green10: string;
+    green11: string;
+    green12: string;
+    orange1: string;
+    orange2: string;
+    orange3: string;
+    orange4: string;
+    orange5: string;
+    orange6: string;
+    orange7: string;
+    orange8: string;
+    orange9: string;
+    orange10: string;
+    orange11: string;
+    orange12: string;
+    pink1: string;
+    pink2: string;
+    pink3: string;
+    pink4: string;
+    pink5: string;
+    pink6: string;
+    pink7: string;
+    pink8: string;
+    pink9: string;
+    pink10: string;
+    pink11: string;
+    pink12: string;
+    purple1: string;
+    purple2: string;
+    purple3: string;
+    purple4: string;
+    purple5: string;
+    purple6: string;
+    purple7: string;
+    purple8: string;
+    purple9: string;
+    purple10: string;
+    purple11: string;
+    purple12: string;
+    teal1: string;
+    teal2: string;
+    teal3: string;
+    teal4: string;
+    teal5: string;
+    teal6: string;
+    teal7: string;
+    teal8: string;
+    teal9: string;
+    teal10: string;
+    teal11: string;
+    teal12: string;
+    neutral1: string;
+    neutral2: string;
+    neutral3: string;
+    neutral4: string;
+    neutral5: string;
+    neutral6: string;
+    neutral7: string;
+    neutral8: string;
+    neutral9: string;
+    neutral10: string;
+    neutral11: string;
+    neutral12: string;
+    accent1: string;
+    accent2: string;
+    accent3: string;
+    accent4: string;
+    accent5: string;
+    accent6: string;
+    accent7: string;
+    accent8: string;
+    accent9: string;
+    accent10: string;
+    accent11: string;
+    accent12: string;
+    color01: string;
+    color0075: string;
+    color005: string;
+    color0025: string;
+    color002: string;
+    color001: string;
+    background01: string;
+    background0075: string;
+    background005: string;
+    background0025: string;
+    background002: string;
+    background001: string;
+    outlineColor: string;
+};
+export declare const colors: string[];
+export type ThemeNames = 'light' | 'dark' | 'light_accent' | 'dark_accent' | 'light_black' | 'light_white' | 'light_gray' | 'light_blue' | 'light_red' | 'light_yellow' | 'light_green' | 'light_orange' | 'light_pink' | 'light_purple' | 'light_teal' | 'light_neutral' | 'dark_black' | 'dark_white' | 'dark_gray' | 'dark_blue' | 'dark_red' | 'dark_yellow' | 'dark_green' | 'dark_orange' | 'dark_pink' | 'dark_purple' | 'dark_teal' | 'dark_neutral' | 'light_surface1' | 'light_white_surface1' | 'light_surface2' | 'light_white_surface2' | 'dark_surface1' | 'dark_black_surface1' | 'dark_surface2' | 'dark_black_surface2' | 'light_black_accent' | 'light_black_surface1' | 'light_black_surface2' | 'light_white_accent' | 'light_gray_accent' | 'light_gray_surface1' | 'light_gray_surface2' | 'light_blue_accent' | 'light_blue_surface1' | 'light_blue_surface2' | 'light_red_accent' | 'light_red_surface1' | 'light_red_surface2' | 'light_yellow_accent' | 'light_yellow_surface1' | 'light_yellow_surface2' | 'light_green_accent' | 'light_green_surface1' | 'light_green_surface2' | 'light_orange_accent' | 'light_orange_surface1' | 'light_orange_surface2' | 'light_pink_accent' | 'light_pink_surface1' | 'light_pink_surface2' | 'light_purple_accent' | 'light_purple_surface1' | 'light_purple_surface2' | 'light_teal_accent' | 'light_teal_surface1' | 'light_teal_surface2' | 'light_neutral_accent' | 'light_neutral_surface1' | 'light_neutral_surface2' | 'dark_black_accent' | 'dark_white_accent' | 'dark_white_surface1' | 'dark_white_surface2' | 'dark_gray_accent' | 'dark_gray_surface1' | 'dark_gray_surface2' | 'dark_blue_accent' | 'dark_blue_surface1' | 'dark_blue_surface2' | 'dark_red_accent' | 'dark_red_surface1' | 'dark_red_surface2' | 'dark_yellow_accent' | 'dark_yellow_surface1' | 'dark_yellow_surface2' | 'dark_green_accent' | 'dark_green_surface1' | 'dark_green_surface2' | 'dark_orange_accent' | 'dark_orange_surface1' | 'dark_orange_surface2' | 'dark_pink_accent' | 'dark_pink_surface1' | 'dark_pink_surface2' | 'dark_purple_accent' | 'dark_purple_surface1' | 'dark_purple_surface2' | 'dark_teal_accent' | 'dark_teal_surface1' | 'dark_teal_surface2' | 'dark_neutral_accent' | 'dark_neutral_surface1' | 'dark_neutral_surface2';
+export type Themes = Record<ThemeNames, Theme>;
+export declare const themes: Themes;
+//# sourceMappingURL=generated-v5.d.ts.map

package/types/helpers.d.ts

@@ -0,0 +1,24 @@
+type ObjectType = Record<PropertyKey, unknown>;
+type PickByValue<OBJ_T, VALUE_T> = Pick<OBJ_T, {
+    [K in keyof OBJ_T]: OBJ_T[K] extends VALUE_T ? K : never;
+}[keyof OBJ_T]>;
+type ObjectEntries<OBJ_T> = {
+    [K in keyof OBJ_T]: [keyof PickByValue<OBJ_T, OBJ_T[K]>, OBJ_T[K]];
+}[keyof OBJ_T][];
+export declare const objectKeys: <O extends object>(obj: O) => Array<keyof O>;
+export declare function objectEntries<OBJ_T extends ObjectType>(obj: OBJ_T): ObjectEntries<OBJ_T>;
+type EntriesType = [PropertyKey, unknown][] | ReadonlyArray<readonly [PropertyKey, unknown]>;
+type DeepWritable<OBJ_T> = {
+    -readonly [P in keyof OBJ_T]: DeepWritable<OBJ_T[P]>;
+};
+type UnionToIntersection<UNION_T> = (UNION_T extends any ? (k: UNION_T) => void : never) extends (k: infer I) => void ? I : never;
+type UnionObjectFromArrayOfPairs<ARR_T extends EntriesType> = DeepWritable<ARR_T> extends (infer R)[] ? R extends [infer key, infer val] ? {
+    [prop in key & PropertyKey]: val;
+} : never : never;
+type MergeIntersectingObjects<ObjT> = {
+    [key in keyof ObjT]: ObjT[key];
+};
+type EntriesToObject<ARR_T extends EntriesType> = MergeIntersectingObjects<UnionToIntersection<UnionObjectFromArrayOfPairs<ARR_T>>>;
+export declare function objectFromEntries<ARR_T extends EntriesType>(arr: ARR_T): EntriesToObject<ARR_T>;
+export {};
+//# sourceMappingURL=helpers.d.ts.map

package/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from './themes';
+export * from './tokens';
+export * from './componentThemeDefinitions';
+export * from './palettes';
+export * from '@hanzogui/colors/legacy';
+export * from './templates';
+export * from './shadows';
+export * from '@hanzogui/theme-builder';
+//# sourceMappingURL=index.d.ts.map

package/types/opacify.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Interpolate between two colors
+ * @param color1 - First color (hex or hsl)
+ * @param color2 - Second color (hex or hsl)
+ * @param amount - 0 = color1, 1 = color2, 0.5 = middle
+ */
+export declare function interpolateColor(color1: string, color2: string, amount: number): string;
+export declare function opacify(color: string, opacity?: number): string;
+//# sourceMappingURL=opacify.d.ts.map

package/types/palettes.d.ts

@@ -0,0 +1,21 @@
+export declare const palettes: {
+    dark_blue: string[];
+    dark_gray: string[];
+    dark_green: string[];
+    dark_orange: string[];
+    dark_pink: string[];
+    dark_purple: string[];
+    dark_red: string[];
+    dark_yellow: string[];
+    light_blue: string[];
+    light_gray: string[];
+    light_green: string[];
+    light_orange: string[];
+    light_pink: string[];
+    light_purple: string[];
+    light_red: string[];
+    light_yellow: string[];
+    light: string[];
+    dark: string[];
+};
+//# sourceMappingURL=palettes.d.ts.map

package/types/shadows.d.ts

@@ -0,0 +1,15 @@
+export declare const shadows: {
+    light: {
+        shadowColor: string;
+        shadowColorHover: string;
+        shadowColorPress: string;
+        shadowColorFocus: string;
+    };
+    dark: {
+        shadowColor: string;
+        shadowColorHover: string;
+        shadowColorPress: string;
+        shadowColorFocus: string;
+    };
+};
+//# sourceMappingURL=shadows.d.ts.map