@hanzogui/themes 8.3.0 → 8.3.2

package/dist/cjs/v3.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.grayDark = exports.gray = exports.purpleDark = exports.purple = exports.pinkDark = exports.pink = exports.yellowDark = exports.yellow = exports.orangeDark = exports.orange = exports.redDark = exports.red = exports.greenDark = exports.green = exports.blueDark = exports.blue = exports.tokens = exports.themes = void 0;
+var generated_v3_ts_1 = require("./generated-v3.js");
+Object.defineProperty(exports, "themes", { enumerable: true, get: function () { return generated_v3_ts_1.themes; } });
+var v3_themes_ts_1 = require("./v3-themes.js");
+Object.defineProperty(exports, "tokens", { enumerable: true, get: function () { return v3_themes_ts_1.tokens; } });
+// specific colors since we have cjs here
+var legacy_1 = require("@hanzogui/colors/legacy");
+Object.defineProperty(exports, "blue", { enumerable: true, get: function () { return legacy_1.blue; } });
+Object.defineProperty(exports, "blueDark", { enumerable: true, get: function () { return legacy_1.blueDark; } });
+var legacy_2 = require("@hanzogui/colors/legacy");
+Object.defineProperty(exports, "green", { enumerable: true, get: function () { return legacy_2.green; } });
+Object.defineProperty(exports, "greenDark", { enumerable: true, get: function () { return legacy_2.greenDark; } });
+var legacy_3 = require("@hanzogui/colors/legacy");
+Object.defineProperty(exports, "red", { enumerable: true, get: function () { return legacy_3.red; } });
+Object.defineProperty(exports, "redDark", { enumerable: true, get: function () { return legacy_3.redDark; } });
+var legacy_4 = require("@hanzogui/colors/legacy");
+Object.defineProperty(exports, "orange", { enumerable: true, get: function () { return legacy_4.orange; } });
+Object.defineProperty(exports, "orangeDark", { enumerable: true, get: function () { return legacy_4.orangeDark; } });
+var legacy_5 = require("@hanzogui/colors/legacy");
+Object.defineProperty(exports, "yellow", { enumerable: true, get: function () { return legacy_5.yellow; } });
+Object.defineProperty(exports, "yellowDark", { enumerable: true, get: function () { return legacy_5.yellowDark; } });
+var legacy_6 = require("@hanzogui/colors/legacy");
+Object.defineProperty(exports, "pink", { enumerable: true, get: function () { return legacy_6.pink; } });
+Object.defineProperty(exports, "pinkDark", { enumerable: true, get: function () { return legacy_6.pinkDark; } });
+var legacy_7 = require("@hanzogui/colors/legacy");
+Object.defineProperty(exports, "purple", { enumerable: true, get: function () { return legacy_7.purple; } });
+Object.defineProperty(exports, "purpleDark", { enumerable: true, get: function () { return legacy_7.purpleDark; } });
+var legacy_8 = require("@hanzogui/colors/legacy");
+Object.defineProperty(exports, "gray", { enumerable: true, get: function () { return legacy_8.gray; } });
+Object.defineProperty(exports, "grayDark", { enumerable: true, get: function () { return legacy_8.grayDark; } });
+//# sourceMappingURL=v3.js.map

package/dist/cjs/v3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v3.js","sourceRoot":"","sources":["../../src/v3.tsx"],"names":[],"mappings":";;;AAAA,qDAA0C;AAAjC,yGAAA,MAAM,OAAA;AACf,+CAAuC;AAA9B,sGAAA,MAAM,OAAA;AAEf,yCAAyC;AACzC,kDAAwD;AAA/C,8FAAA,IAAI,OAAA;AAAE,kGAAA,QAAQ,OAAA;AACvB,kDAA0D;AAAjD,+FAAA,KAAK,OAAA;AAAE,mGAAA,SAAS,OAAA;AACzB,kDAAsD;AAA7C,6FAAA,GAAG,OAAA;AAAE,iGAAA,OAAO,OAAA;AACrB,kDAA4D;AAAnD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAC3B,kDAA4D;AAAnD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAC3B,kDAAwD;AAA/C,8FAAA,IAAI,OAAA;AAAE,kGAAA,QAAQ,OAAA;AACvB,kDAA4D;AAAnD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAC3B,kDAAwD;AAA/C,8FAAA,IAAI,OAAA;AAAE,kGAAA,QAAQ,OAAA"}

package/dist/cjs/v4-default.js

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = void 0;
+const tslib_1 = require("tslib");
+const Colors = tslib_1.__importStar(require("@hanzogui/colors/legacy"));
+const theme_builder_1 = require("@hanzogui/theme-builder");
+const brands_ts_1 = require("./brands.js");
+/**
+ * This is the default config v4 definitions.
+ *   - uses shorthands v4
+ *   - uses tokens v4 which are mostly the same as v3
+ */
+// Themes:
+const darkPalette = [
+    '#050505',
+    '#151515',
+    '#191919',
+    '#232323',
+    '#282828',
+    '#323232',
+    '#424242',
+    '#494949',
+    '#545454',
+    '#626262',
+    '#a5a5a5',
+    '#fff',
+];
+const lightPalette = [
+    '#fff',
+    '#f2f2f2',
+    'hsl(0, 0%, 93%)',
+    'hsl(0, 0%, 91%)',
+    'hsl(0, 0%, 88%)',
+    'hsl(0, 0%, 85%)',
+    'hsl(0, 0%, 82%)',
+    'hsl(0, 0%, 76%)',
+    'hsl(0, 0%, 56%)',
+    'hsl(0, 0%, 50%)',
+    'hsl(0, 0%, 42%)',
+    'hsl(0, 0%, 9%)',
+];
+const lightShadows = {
+    shadow1: 'rgba(0,0,0,0.04)',
+    shadow2: 'rgba(0,0,0,0.08)',
+    shadow3: 'rgba(0,0,0,0.16)',
+    shadow4: 'rgba(0,0,0,0.24)',
+    shadow5: 'rgba(0,0,0,0.32)',
+    shadow6: 'rgba(0,0,0,0.4)',
+};
+const darkShadows = {
+    shadow1: 'rgba(0,0,0,0.2)',
+    shadow2: 'rgba(0,0,0,0.3)',
+    shadow3: 'rgba(0,0,0,0.4)',
+    shadow4: 'rgba(0,0,0,0.5)',
+    shadow5: 'rgba(0,0,0,0.6)',
+    shadow6: 'rgba(0,0,0,0.7)',
+};
+const blackColors = {
+    black1: darkPalette[0],
+    black2: darkPalette[1],
+    black3: darkPalette[2],
+    black4: darkPalette[3],
+    black5: darkPalette[4],
+    black6: darkPalette[5],
+    black7: darkPalette[6],
+    black8: darkPalette[7],
+    black9: darkPalette[8],
+    black10: darkPalette[9],
+    black11: darkPalette[10],
+    black12: darkPalette[11],
+};
+const whiteColors = {
+    white1: lightPalette[0],
+    white2: lightPalette[1],
+    white3: lightPalette[2],
+    white4: lightPalette[3],
+    white5: lightPalette[4],
+    white6: lightPalette[5],
+    white7: lightPalette[6],
+    white8: lightPalette[7],
+    white9: lightPalette[8],
+    white10: lightPalette[9],
+    white11: lightPalette[10],
+    white12: lightPalette[11],
+};
+const generatedThemes = (0, theme_builder_1.createThemes)({
+    componentThemes: theme_builder_1.defaultComponentThemes,
+    base: {
+        palette: {
+            dark: darkPalette,
+            light: lightPalette,
+        },
+        // for values we don't want being inherited onto sub-themes
+        extra: {
+            light: {
+                ...Colors.blue,
+                ...Colors.red,
+                ...Colors.yellow,
+                ...Colors.green,
+                ...lightShadows,
+                ...blackColors,
+                ...whiteColors,
+                shadowColor: lightShadows.shadow1,
+            },
+            dark: {
+                ...Colors.blueDark,
+                ...Colors.redDark,
+                ...Colors.yellowDark,
+                ...Colors.greenDark,
+                ...darkShadows,
+                ...blackColors,
+                ...whiteColors,
+                shadowColor: darkShadows.shadow1,
+            },
+        },
+    },
+    // inverse accent theme
+    accent: {
+        palette: {
+            dark: lightPalette,
+            light: darkPalette,
+        },
+    },
+    childrenThemes: {
+        black: {
+            palette: {
+                dark: Object.values(blackColors),
+                light: Object.values(blackColors),
+            },
+        },
+        white: {
+            palette: {
+                dark: Object.values(whiteColors),
+                light: Object.values(whiteColors),
+            },
+        },
+        blue: {
+            palette: {
+                dark: Object.values(Colors.blueDark),
+                light: Object.values(Colors.blue),
+            },
+        },
+        red: {
+            palette: {
+                dark: Object.values(Colors.redDark),
+                light: Object.values(Colors.red),
+            },
+        },
+        yellow: {
+            palette: {
+                dark: Object.values(Colors.yellowDark),
+                light: Object.values(Colors.yellow),
+            },
+        },
+        green: {
+            palette: {
+                dark: Object.values(Colors.greenDark),
+                light: Object.values(Colors.green),
+            },
+        },
+        // Per-brand accent themes (white-label). Applied SPARINGLY: wrap only an
+        // accent element (`<Theme name="lux"><Button/></Theme>`), never the page —
+        // the canvas stays true-black. Ramps live in ./brands (one data row each).
+        hanzo: { palette: brands_ts_1.brandRamps.hanzo },
+        lux: { palette: brands_ts_1.brandRamps.lux },
+        zoo: { palette: brands_ts_1.brandRamps.zoo },
+        pars: { palette: brands_ts_1.brandRamps.pars },
+    },
+    grandChildrenThemes: {
+        accent: {
+            template: 'inverse',
+        },
+    },
+});
+exports.themes = generatedThemes;
+/**
+ * This is an optional production optimization: themes JS can get to 20Kb or more.
+ * Gui has ~1Kb of logic to hydrate themes from CSS, so you can remove the JS.
+ * So long as you server render your Gui CSS, this will save you bundle size:
+ */
+// export const themes: GuiThemes =
+//   process.env.GUI_ENVIRONMENT === 'client' && process.env.NODE_ENV === 'production'
+//     ? {}
+//     : (generatedThemes as any)
+//# sourceMappingURL=v4-default.js.map

package/dist/cjs/v4-default.js.map

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

package/dist/cjs/v4-hanzogui.js

@@ -0,0 +1,270 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hanzoguiThemes = void 0;
+const tslib_1 = require("tslib");
+const Colors = tslib_1.__importStar(require("@hanzogui/colors/legacy"));
+const theme_builder_1 = require("@hanzogui/theme-builder");
+const color2k_1 = require("color2k");
+const desat = (colors, amount) => {
+    return Object.fromEntries(Object.entries(colors).map(([key, value]) => [key, (0, color2k_1.desaturate)(value, amount)]));
+};
+const colorsGreenDark = desat(Colors.greenDark, 0.2);
+const colorsGreen = desat(Colors.green, 0.2);
+// with color2k:
+/**
+ * Default themes for the hanzogui.dev site
+ * If you'd like to create your own themes, use `createThemes`
+ */
+const darkPalette = [
+    '#040404',
+    '#090909',
+    '#111',
+    '#151515',
+    '#222',
+    '#282828',
+    '#343434',
+    '#424242',
+    '#515151',
+    '#626262',
+    '#a5a5a5',
+    '#fff',
+];
+const lightPalette = [
+    '#fff',
+    '#f2f2f2',
+    'hsl(0, 0%, 93%)',
+    'hsl(0, 0%, 91%)',
+    'hsl(0, 0%, 88%)',
+    'hsl(0, 0%, 85%)',
+    'hsl(0, 0%, 82%)',
+    'hsl(0, 0%, 76%)',
+    'hsl(0, 0%, 56%)',
+    'hsl(0, 0%, 50%)',
+    'hsl(0, 0%, 42%)',
+    'hsl(0, 0%, 9%)',
+];
+const lightShadows = {
+    shadow1: 'rgba(0,0,0,0.04)',
+    shadow2: 'rgba(0,0,0,0.08)',
+    shadow3: 'rgba(0,0,0,0.16)',
+    shadow4: 'rgba(0,0,0,0.24)',
+    shadow5: 'rgba(0,0,0,0.32)',
+    shadow6: 'rgba(0,0,0,0.4)',
+    shadow7: 'rgba(0,0,0,0.5)',
+    shadow8: 'rgba(0,0,0,0.6)',
+    shadow9: 'rgba(0,0,0,0.7)',
+    shadow10: 'rgba(0,0,0,0.8)',
+};
+const darkShadows = {
+    shadow1: 'rgba(0,0,0,0.2)',
+    shadow2: 'rgba(0,0,0,0.3)',
+    shadow3: 'rgba(0,0,0,0.4)',
+    shadow4: 'rgba(0,0,0,0.5)',
+    shadow5: 'rgba(0,0,0,0.6)',
+    shadow6: 'rgba(0,0,0,0.65)',
+    shadow7: 'rgba(0,0,0,0.75)',
+    shadow8: 'rgba(0,0,0,0.8)',
+    shadow9: 'rgba(0,0,0,0.85)',
+    shadow10: 'rgba(0,0,0,0.9)',
+};
+const blackColors = {
+    black1: darkPalette[0],
+    black2: darkPalette[1],
+    black3: darkPalette[2],
+    black4: darkPalette[3],
+    black5: darkPalette[4],
+    black6: darkPalette[5],
+    black7: darkPalette[6],
+    black8: darkPalette[7],
+    black9: darkPalette[8],
+    black10: darkPalette[9],
+    black11: darkPalette[10],
+    black12: darkPalette[11],
+};
+const whiteColors = {
+    white1: lightPalette[0],
+    white2: lightPalette[1],
+    white3: lightPalette[2],
+    white4: lightPalette[3],
+    white5: lightPalette[4],
+    white6: lightPalette[5],
+    white7: lightPalette[6],
+    white8: lightPalette[7],
+    white9: lightPalette[8],
+    white10: lightPalette[9],
+    white11: lightPalette[10],
+    white12: lightPalette[11],
+};
+const themes = (0, theme_builder_1.createV4Themes)({
+    componentThemes: theme_builder_1.defaultComponentThemes,
+    base: {
+        palette: {
+            dark: darkPalette,
+            light: lightPalette,
+        },
+        // for values we don't want being inherited onto sub-themes
+        extra: {
+            light: {
+                ...Colors.blue,
+                ...Colors.gray,
+                ...colorsGreen,
+                ...Colors.orange,
+                ...Colors.pink,
+                ...Colors.purple,
+                ...Colors.red,
+                ...Colors.yellow,
+                ...lightShadows,
+                ...blackColors,
+                ...whiteColors,
+                shadowColor: lightShadows.shadow1,
+                colorBg: '#fff',
+            },
+            dark: {
+                ...Colors.blueDark,
+                ...Colors.grayDark,
+                ...colorsGreenDark,
+                ...Colors.orangeDark,
+                ...Colors.pinkDark,
+                ...Colors.purpleDark,
+                ...Colors.redDark,
+                ...Colors.yellowDark,
+                ...darkShadows,
+                ...blackColors,
+                ...whiteColors,
+                shadowColor: darkShadows.shadow1,
+                colorBg: '#000',
+            },
+        },
+    },
+    // inverse accent theme
+    accent: {
+        palette: {
+            dark: lightPalette,
+            light: darkPalette,
+        },
+    },
+    childrenThemes: {
+        black: {
+            palette: {
+                dark: Object.values(blackColors),
+                light: Object.values(blackColors),
+            },
+        },
+        white: {
+            palette: {
+                dark: Object.values(whiteColors),
+                light: Object.values(whiteColors),
+            },
+        },
+        gray: {
+            palette: {
+                dark: Object.values(Colors.grayDark),
+                light: Object.values(Colors.gray),
+            },
+        },
+        blue: {
+            palette: {
+                dark: Object.values(Colors.blueDark),
+                light: Object.values(Colors.blue),
+            },
+        },
+        orange: {
+            palette: {
+                dark: Object.values(Colors.orangeDark),
+                light: Object.values(Colors.orange),
+            },
+        },
+        red: {
+            palette: {
+                dark: Object.values(Colors.redDark),
+                light: Object.values(Colors.red),
+            },
+        },
+        yellow: {
+            palette: {
+                dark: Object.values(Colors.yellowDark),
+                light: Object.values(Colors.yellow),
+            },
+        },
+        green: {
+            palette: {
+                dark: Object.values(colorsGreenDark),
+                light: Object.values(colorsGreen),
+            },
+        },
+        purple: {
+            palette: {
+                dark: Object.values(Colors.purpleDark),
+                light: Object.values(Colors.purple),
+            },
+        },
+        pink: {
+            palette: {
+                dark: Object.values(Colors.pinkDark),
+                light: Object.values(Colors.pink),
+            },
+        },
+        tan: {
+            palette: {
+                light: [
+                    'hsla(40, 30%, 98%, 1)',
+                    'hsla(40, 24%, 94%, 1)',
+                    'hsla(38, 23%, 91%, 1)',
+                    'hsla(36, 20%, 90%, 1)',
+                    'hsla(36, 20%, 88%, 1)',
+                    'hsla(35, 20%, 85%, 1)',
+                    'hsla(35, 21%, 74%, 1)',
+                    'hsla(34, 20%, 70%, 1)',
+                    'hsla(35, 20%, 67%, 1)',
+                    'hsla(34, 19%, 47%, 1)',
+                    'hsla(35, 18%, 37%, 1)',
+                    'hsla(35, 17%, 20%, 1)',
+                ],
+                dark: [
+                    'hsla(30, 9%, 10%, 1)',
+                    'hsla(30, 10%, 12%, 1)',
+                    'hsla(31, 11%, 18%, 1)',
+                    'hsla(30, 12%, 23%, 1)',
+                    'hsla(30, 14%, 28%, 1)',
+                    'hsla(30, 16%, 33%, 1)',
+                    'hsla(30, 18%, 38%, 1)',
+                    'hsla(30, 20%, 45%, 1)',
+                    'hsla(30, 21%, 50%, 1)',
+                    'hsla(29, 22%, 58%, 1)',
+                    'hsla(34, 24%, 70%, 1)',
+                    'hsla(11, 12%, 79%, 1)',
+                ],
+            },
+        },
+    },
+    grandChildrenThemes: {
+        // inverse accent theme
+        accent: {
+            template: 'inverse',
+        },
+        alt1: {
+            template: 'alt1',
+        },
+        alt2: {
+            template: 'alt2',
+        },
+        surface1: {
+            template: 'surface1',
+        },
+        surface2: {
+            template: 'surface2',
+        },
+        surface3: {
+            template: 'surface3',
+        },
+    },
+});
+/**
+ * This is an optional production optimization: themes JS can get to 20Kb or more.
+ * Gui has <1Kb of logic to hydrate themes from CSS, so you can remove the JS.
+ * So long as you server render your Gui CSS, this will save you bundle size:
+ */
+exports.hanzoguiThemes = process.env.GUI_ENVIRONMENT === 'client' && process.env.NODE_ENV === 'production'
+    ? {}
+    : themes;
+//# sourceMappingURL=v4-hanzogui.js.map

package/dist/cjs/v4-hanzogui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v4-hanzogui.js","sourceRoot":"","sources":["../../src/v4-hanzogui.ts"],"names":[],"mappings":";;;;AAAA,MAAY,MAAM,4DAA+B;AACjD,2DAAgF;AAChF,qCAAoC;AAEpC,MAAM,KAAK,GAAG,CAAC,MAA8B,EAAE,MAAc,EAAE,EAAE;IAC/D,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,IAAA,oBAAU,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAC/E,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,CAA4B,CAAA;AAC/E,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAwB,CAAA;AAEnE,gBAAgB;AAEhB;;;GAGG;AAEH,MAAM,WAAW,GAAG;IAClB,SAAS;IACT,SAAS;IACT,MAAM;IACN,SAAS;IACT,MAAM;IACN,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,MAAM;CACP,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,MAAM;IACN,SAAS;IACT,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,gBAAgB;CACjB,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,iBAAiB;CAC5B,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,EAAE,iBAAiB;CAC5B,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;IACxB,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;CACzB,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC,EAAE,CAAC;IACzB,OAAO,EAAE,YAAY,CAAC,EAAE,CAAC;CAC1B,CAAA;AAED,MAAM,MAAM,GAAG,IAAA,8BAAc,EAAC;IAC5B,eAAe,EAAE,sCAAsB;IAEvC,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,YAAY;SACpB;QAED,2DAA2D;QAC3D,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,IAAI;gBACd,GAAG,MAAM,CAAC,IAAI;gBACd,GAAG,WAAW;gBACd,GAAG,MAAM,CAAC,MAAM;gBAChB,GAAG,MAAM,CAAC,IAAI;gBACd,GAAG,MAAM,CAAC,MAAM;gBAChB,GAAG,MAAM,CAAC,GAAG;gBACb,GAAG,MAAM,CAAC,MAAM;gBAChB,GAAG,YAAY;gBACf,GAAG,WAAW;gBACd,GAAG,WAAW;gBACd,WAAW,EAAE,YAAY,CAAC,OAAO;gBACjC,OAAO,EAAE,MAAM;aAChB;YACD,IAAI,EAAE;gBACJ,GAAG,MAAM,CAAC,QAAQ;gBAClB,GAAG,MAAM,CAAC,QAAQ;gBAClB,GAAG,eAAe;gBAClB,GAAG,MAAM,CAAC,UAAU;gBACpB,GAAG,MAAM,CAAC,QAAQ;gBAClB,GAAG,MAAM,CAAC,UAAU;gBACpB,GAAG,MAAM,CAAC,OAAO;gBACjB,GAAG,MAAM,CAAC,UAAU;gBACpB,GAAG,WAAW;gBACd,GAAG,WAAW;gBACd,GAAG,WAAW;gBACd,WAAW,EAAE,WAAW,CAAC,OAAO;gBAChC,OAAO,EAAE,MAAM;aAChB;SACF;KACF;IAED,uBAAuB;IACvB,MAAM,EAAE;QACN,OAAO,EAAE;YACP,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,WAAW;SACnB;KACF;IAED,cAAc,EAAE;QACd,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;gBAChC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;aAClC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;gBAChC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;aAClC;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACpC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;aAClC;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACpC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;aAClC;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;gBACtC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;aACpC;SACF;QACD,GAAG,EAAE;YACH,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;gBACnC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;aACjC;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;gBACtC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;aACpC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC;gBACpC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;aAClC;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;gBACtC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;aACpC;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACpC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;aAClC;SACF;QACD,GAAG,EAAE;YACH,OAAO,EAAE;gBACP,KAAK,EAAE;oBACL,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;iBACxB;gBACD,IAAI,EAAE;oBACJ,sBAAsB;oBACtB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;oBACvB,uBAAuB;iBACxB;aACF;SACF;KACF;IAED,mBAAmB,EAAE;QACnB,uBAAuB;QACvB,MAAM,EAAE;YACN,QAAQ,EAAE,SAAS;SACpB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM;SACjB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM;SACjB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,UAAU;SACrB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,UAAU;SACrB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,UAAU;SACrB;KACF;CACF,CAAC,CAAA;AAIF;;;;GAIG;AACU,QAAA,cAAc,GACzB,OAAO,CAAC,GAAG,CAAC,eAAe,KAAK,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;IAC/E,CAAC,CAAE,EAAU;IACb,CAAC,CAAE,MAAc,CAAA"}

package/dist/cjs/v4-tokens.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokens = exports.radius = exports.zIndex = exports.space = exports.spacesNegative = exports.spaces = exports.size = void 0;
+const utils_ts_1 = require("./utils.js");
+// the same as v3 for now, but duplicated to avoid accidental changes to both
+// --- tokens ---
+// should roughly map to button/input etc height at each level
+// fonts should match that height/lineHeight at each stop
+// so these are really non-linear on purpose
+// why?
+//   - at sizes <1, used for fine grained things (borders, smallest paddingY)
+//     - so smallest padY should be roughly 1-4px so it can join with lineHeight
+//   - at sizes >=1, have to consider "pressability" (jumps up)
+//   - after that it should go upwards somewhat naturally
+//   - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster
+//  but also one more wrinkle...
+//  space is used in conjunction with size
+//  i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)
+exports.size = {
+    $0: 0,
+    '$0.25': 2,
+    '$0.5': 4,
+    '$0.75': 8,
+    $1: 20,
+    '$1.5': 24,
+    $2: 28,
+    '$2.5': 32,
+    $3: 36,
+    '$3.5': 40,
+    $4: 44,
+    $true: 44,
+    '$4.5': 48,
+    $5: 52,
+    $6: 64,
+    $7: 74,
+    $8: 84,
+    $9: 94,
+    $10: 104,
+    $11: 124,
+    $12: 144,
+    $13: 164,
+    $14: 184,
+    $15: 204,
+    $16: 224,
+    $17: 224,
+    $18: 244,
+    $19: 264,
+    $20: 284,
+};
+exports.spaces = Object.entries(exports.size).map(([k, v]) => {
+    return [k, (0, utils_ts_1.sizeToSpace)(v)];
+});
+exports.spacesNegative = exports.spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]);
+exports.space = {
+    ...Object.fromEntries(exports.spaces),
+    ...Object.fromEntries(exports.spacesNegative),
+};
+exports.zIndex = {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500,
+};
+exports.radius = {
+    0: 0,
+    1: 3,
+    2: 5,
+    3: 7,
+    4: 9,
+    true: 9,
+    5: 10,
+    6: 16,
+    7: 19,
+    8: 22,
+    9: 26,
+    10: 34,
+    11: 42,
+    12: 50,
+};
+exports.tokens = {
+    radius: exports.radius,
+    zIndex: exports.zIndex,
+    space: exports.space,
+    size: exports.size,
+};
+//# sourceMappingURL=v4-tokens.js.map

package/dist/cjs/v4-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v4-tokens.js","sourceRoot":"","sources":["../../src/v4-tokens.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAExC,6EAA6E;AAE7E,iBAAiB;AAEjB,8DAA8D;AAC9D,yDAAyD;AACzD,4CAA4C;AAC5C,OAAO;AACP,6EAA6E;AAC7E,gFAAgF;AAChF,+DAA+D;AAC/D,yDAAyD;AACzD,kFAAkF;AAClF,gCAAgC;AAChC,0CAA0C;AAC1C,6FAA6F;AAChF,QAAA,IAAI,GAAG;IAClB,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;CACT,CAAA;AAQY,QAAA,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;IACxD,OAAO,CAAC,CAAC,EAAE,IAAA,sBAAW,EAAC,CAAC,CAAC,CAAU,CAAA;AACrC,CAAC,CAAC,CAAA;AAEW,QAAA,cAAc,GAAG,QAAA,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;AAMxE,QAAA,KAAK,GAEd;IACF,GAAG,MAAM,CAAC,WAAW,CAAC,QAAA,MAAM,CAAC;IAC7B,GAAG,MAAM,CAAC,WAAW,CAAC,QAAA,cAAc,CAAC;CAC/B,CAAA;AAEK,QAAA,MAAM,GAAG;IACpB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACP,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,MAAM,EAAN,QAAA,MAAM;IACN,MAAM,EAAN,QAAA,MAAM;IACN,KAAK,EAAL,QAAA,KAAK;IACL,IAAI,EAAJ,QAAA,IAAI;CACI,CAAA"}

package/dist/cjs/v4.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultThemes = exports.hanzoguiThemes = exports.createThemes = exports.tokens = void 0;
+var v4_tokens_ts_1 = require("./v4-tokens.js");
+Object.defineProperty(exports, "tokens", { enumerable: true, get: function () { return v4_tokens_ts_1.tokens; } });
+var theme_builder_1 = require("@hanzogui/theme-builder");
+Object.defineProperty(exports, "createThemes", { enumerable: true, get: function () { return theme_builder_1.createThemes; } });
+var generated_v4_hanzogui_ts_1 = require("./generated-v4-hanzogui.js");
+Object.defineProperty(exports, "hanzoguiThemes", { enumerable: true, get: function () { return generated_v4_hanzogui_ts_1.themes; } });
+var generated_v4_ts_1 = require("./generated-v4.js");
+Object.defineProperty(exports, "defaultThemes", { enumerable: true, get: function () { return generated_v4_ts_1.themes; } });
+//# sourceMappingURL=v4.js.map

package/dist/cjs/v4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v4.js","sourceRoot":"","sources":["../../src/v4.tsx"],"names":[],"mappings":";;;AAAA,+CAAuC;AAA9B,sGAAA,MAAM,OAAA;AACf,yDAAsD;AAA7C,6GAAA,YAAY,OAAA;AACrB,uEAAqE;AAA5D,0HAAA,MAAM,OAAkB;AACjC,qDAA2D;AAAlD,gHAAA,MAAM,OAAiB"}

package/dist/cjs/v5-subtle.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokens = exports.v5Templates = exports.v5SubtlePaletteAdjustments = exports.subtleChildrenThemes = exports.themes = exports.createThemes = void 0;
+const tslib_1 = require("tslib");
+var theme_builder_1 = require("@hanzogui/theme-builder");
+Object.defineProperty(exports, "createThemes", { enumerable: true, get: function () { return theme_builder_1.createThemes; } });
+var generated_v5_subtle_ts_1 = require("./generated-v5-subtle.js");
+Object.defineProperty(exports, "themes", { enumerable: true, get: function () { return generated_v5_subtle_ts_1.themes; } });
+var subtleChildrenThemes_ts_1 = require("./subtleChildrenThemes.js");
+Object.defineProperty(exports, "subtleChildrenThemes", { enumerable: true, get: function () { return subtleChildrenThemes_ts_1.subtleChildrenThemes; } });
+Object.defineProperty(exports, "v5SubtlePaletteAdjustments", { enumerable: true, get: function () { return subtleChildrenThemes_ts_1.v5SubtlePaletteAdjustments; } });
+var v5_templates_ts_1 = require("./v5-templates.js");
+Object.defineProperty(exports, "v5Templates", { enumerable: true, get: function () { return v5_templates_ts_1.v5Templates; } });
+tslib_1.__exportStar(require("./v5-themes-subtle.js"), exports);
+var v5_tokens_ts_1 = require("./v5-tokens.js");
+Object.defineProperty(exports, "tokens", { enumerable: true, get: function () { return v5_tokens_ts_1.tokens; } });
+//# sourceMappingURL=v5-subtle.js.map

package/dist/cjs/v5-subtle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v5-subtle.js","sourceRoot":"","sources":["../../src/v5-subtle.tsx"],"names":[],"mappings":";;;;AAAA,yDAAsD;AAA7C,6GAAA,YAAY,OAAA;AACrB,mEAAiD;AAAxC,gHAAA,MAAM,OAAA;AAMf,qEAGkC;AAFhC,+HAAA,oBAAoB,OAAA;AACpB,qIAAA,0BAA0B,OAAA;AAE5B,qDAA+C;AAAtC,8GAAA,WAAW,OAAA;AACpB,gEAAqC;AACrC,+CAAuC;AAA9B,sGAAA,MAAM,OAAA"}