@hanzogui/themes 8.3.0 → 8.3.2

package/dist/esm/v4-default.js

@@ -0,0 +1,181 @@
+import * as Colors from '@hanzogui/colors/legacy';
+import { createThemes, defaultComponentThemes } from '@hanzogui/theme-builder';
+import { brandRamps } from './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 = createThemes({
+    componentThemes: 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: brandRamps.hanzo },
+        lux: { palette: brandRamps.lux },
+        zoo: { palette: brandRamps.zoo },
+        pars: { palette: brandRamps.pars },
+    },
+    grandChildrenThemes: {
+        accent: {
+            template: 'inverse',
+        },
+    },
+});
+export const 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/esm/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/esm/v4-hanzogui.js

@@ -0,0 +1,266 @@
+import * as Colors from '@hanzogui/colors/legacy';
+import { createV4Themes, defaultComponentThemes } from '@hanzogui/theme-builder';
+import { desaturate } from 'color2k';
+const desat = (colors, amount) => {
+    return Object.fromEntries(Object.entries(colors).map(([key, value]) => [key, 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 = createV4Themes({
+    componentThemes: 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:
+ */
+export const hanzoguiThemes = process.env.GUI_ENVIRONMENT === 'client' && process.env.NODE_ENV === 'production'
+    ? {}
+    : themes;
+//# sourceMappingURL=v4-hanzogui.js.map

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

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

package/dist/esm/v4-tokens.js

@@ -0,0 +1,85 @@
+import { sizeToSpace } from './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)
+export const 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,
+};
+export const spaces = Object.entries(size).map(([k, v]) => {
+    return [k, sizeToSpace(v)];
+});
+export const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]);
+export const space = {
+    ...Object.fromEntries(spaces),
+    ...Object.fromEntries(spacesNegative),
+};
+export const zIndex = {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500,
+};
+export const 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,
+};
+export const tokens = {
+    radius,
+    zIndex,
+    space,
+    size,
+};
+//# sourceMappingURL=v4-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"v4-tokens.js","sourceRoot":"","sources":["../../src/v4-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;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;AAC7F,MAAM,CAAC,MAAM,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;AAQD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;IACxD,OAAO,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAU,CAAA;AACrC,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,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;AAMrF,MAAM,CAAC,MAAM,KAAK,GAEd;IACF,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;IAC7B,GAAG,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC;CAC/B,CAAA;AAER,MAAM,CAAC,MAAM,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;AAED,MAAM,CAAC,MAAM,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;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,MAAM;IACN,KAAK;IACL,IAAI;CACI,CAAA"}

package/dist/esm/v4.js

@@ -0,0 +1,5 @@
+export { tokens } from './v4-tokens.js';
+export { createThemes } from '@hanzogui/theme-builder';
+export { themes as hanzoguiThemes } from './generated-v4-hanzogui.js';
+export { themes as defaultThemes } from './generated-v4.js';
+//# sourceMappingURL=v4.js.map

package/dist/esm/v4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v4.js","sourceRoot":"","sources":["../../src/v4.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/esm/v5-subtle.js

@@ -0,0 +1,7 @@
+export { createThemes } from '@hanzogui/theme-builder';
+export { themes } from './generated-v5-subtle.js';
+export { subtleChildrenThemes, v5SubtlePaletteAdjustments, } from './subtleChildrenThemes.js';
+export { v5Templates } from './v5-templates.js';
+export * from './v5-themes-subtle.js';
+export { tokens } from './v5-tokens.js';
+//# sourceMappingURL=v5-subtle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"v5-subtle.js","sourceRoot":"","sources":["../../src/v5-subtle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAMjD,OAAO,EACL,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,cAAc,uBAAuB,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/esm/v5-templates.js

@@ -0,0 +1,100 @@
+import { PALETTE_BACKGROUND_OFFSET } from '@hanzogui/theme-builder';
+const objectFromEntries = (entries) => {
+    return Object.fromEntries(entries);
+};
+const objectKeys = (obj) => {
+    return Object.keys(obj);
+};
+const getTemplates = () => {
+    const lightTemplates = getBaseTemplates('light');
+    const darkTemplates = getBaseTemplates('dark');
+    const templates = {
+        ...objectFromEntries(objectKeys(lightTemplates).map((name) => [`light_${name}`, lightTemplates[name]])),
+        ...objectFromEntries(objectKeys(darkTemplates).map((name) => [`dark_${name}`, darkTemplates[name]])),
+    };
+    return templates;
+};
+const getBaseTemplates = (scheme) => {
+    const isLight = scheme === 'light';
+    // our palettes have PALETTE_BACKGROUND_OFFSET things padding each end until you get to bg/color:
+    // [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
+    const lighten = isLight ? -1 : 1;
+    const darken = -lighten;
+    // base
+    const background = PALETTE_BACKGROUND_OFFSET;
+    const borderColor = background + 2;
+    const color = -background;
+    // helper for surface themes - they need their own hover/press/focus calculations
+    // because those need to be relative to their elevated background, not base
+    const makeSurface = (offset, colorOffset = 0) => {
+        const clr = color - colorOffset;
+        const bg = background + offset;
+        const brdr = borderColor + offset;
+        return {
+            color: clr,
+            colorHover: clr + (isLight ? 0 : lighten),
+            colorPress: clr,
+            colorFocus: clr + darken,
+            background: bg,
+            // hover lightens always
+            backgroundHover: bg + lighten,
+            // press darkens always
+            backgroundPress: bg + darken,
+            // focus: lightens in dark mode, darkens in light
+            backgroundFocus: bg + offset,
+            backgroundActive: bg,
+            borderColor: brdr,
+            borderColorHover: brdr + lighten,
+            borderColorFocus: brdr,
+            borderColorPress: brdr + darken,
+        };
+    };
+    // templates use the palette and specify index
+    // negative goes backwards from end so -1 is the last item
+    const base = {
+        accentBackground: 0,
+        accentColor: -0,
+        background0: 1,
+        background02: 2,
+        background04: 3,
+        background06: 4,
+        background08: 5,
+        color1: background,
+        color2: background + 1,
+        color3: background + 2,
+        color4: background + 3,
+        color5: background + 4,
+        color6: background + 5,
+        color7: background + 6,
+        color8: background + 7,
+        color9: background + 8,
+        color10: background + 9,
+        color11: background + 10,
+        color12: background + 11,
+        color0: -1,
+        color02: -2,
+        color04: -3,
+        color06: -4,
+        color08: -5,
+        // v5 = we make this actually 1 up (surface1 technically from before)
+        // this way "generics" are automatically differentiated from base bg
+        ...makeSurface(1),
+        placeholderColor: color - 3,
+        colorTransparent: -1,
+    };
+    const surface1 = makeSurface(2, 1);
+    const surface2 = makeSurface(3, 1);
+    const surface3 = makeSurface(5, 1);
+    const accent = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+        return [key, -index];
+    }));
+    return {
+        base,
+        surface1,
+        surface2,
+        surface3,
+        accent,
+    };
+};
+export const v5Templates = getTemplates();
+//# sourceMappingURL=v5-templates.js.map