@hanzogui/themes 8.3.0 → 8.3.2

package/dist/esm/themes.js

@@ -0,0 +1,2 @@
+export { themes } from './generated-new.js';
+//# sourceMappingURL=themes.js.map

package/dist/esm/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/themes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/esm/tokens.js

@@ -0,0 +1,148 @@
+import { blue, blueDark, gray, grayDark, green, greenDark, orange, orangeDark, pink, pinkDark, purple, purpleDark, red, redDark, yellow, yellowDark, } from '@hanzogui/colors/legacy';
+import { createTokens } from '@hanzogui/web';
+// 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,
+};
+const spaces = Object.entries(size).map(([k, v]) => {
+    return [k, sizeToSpace(v)];
+});
+// a bit odd but keeping backward compat for values >8 while fixing below
+function sizeToSpace(v) {
+    if (v === 0)
+        return 0;
+    if (v === 2)
+        return 0.5;
+    if (v === 4)
+        return 1;
+    if (v === 8)
+        return 1.5;
+    if (v <= 16)
+        return Math.round(v * 0.333);
+    return Math.floor(v * 0.7 - 12);
+}
+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 colorTokens = {
+    light: {
+        blue: blue,
+        gray: gray,
+        green: green,
+        orange: orange,
+        pink: pink,
+        purple: purple,
+        red: red,
+        yellow: yellow,
+    },
+    dark: {
+        blue: blueDark,
+        gray: grayDark,
+        green: greenDark,
+        orange: orangeDark,
+        pink: pinkDark,
+        purple: purpleDark,
+        red: redDark,
+        yellow: yellowDark,
+    },
+};
+export const darkColors = {
+    ...colorTokens.dark.blue,
+    ...colorTokens.dark.gray,
+    ...colorTokens.dark.green,
+    ...colorTokens.dark.orange,
+    ...colorTokens.dark.pink,
+    ...colorTokens.dark.purple,
+    ...colorTokens.dark.red,
+    ...colorTokens.dark.yellow,
+};
+export const lightColors = {
+    ...colorTokens.light.blue,
+    ...colorTokens.light.gray,
+    ...colorTokens.light.green,
+    ...colorTokens.light.orange,
+    ...colorTokens.light.pink,
+    ...colorTokens.light.purple,
+    ...colorTokens.light.red,
+    ...colorTokens.light.yellow,
+};
+export const color = {
+    ...postfixObjKeys(lightColors, 'Light'),
+    ...postfixObjKeys(darkColors, 'Dark'),
+};
+function postfixObjKeys(obj, postfix) {
+    return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v]));
+}
+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 = createTokens({
+    color,
+    radius,
+    zIndex,
+    space,
+    size,
+});
+//# sourceMappingURL=tokens.js.map

package/dist/esm/tokens.js.map

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

package/dist/esm/utils.js

@@ -0,0 +1,24 @@
+export function postfixObjKeys(obj, postfix) {
+    return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v]));
+}
+// a bit odd but keeping backward compat for values >8 while fixing below
+export function sizeToSpace(v) {
+    if (v === 0)
+        return 0;
+    if (v === 2)
+        return 0.5;
+    if (v === 4)
+        return 1;
+    if (v === 8)
+        return 1.5;
+    if (v <= 16)
+        return Math.round(v * 0.333);
+    return Math.floor(v * 0.7 - 12);
+}
+export function objectFromEntries(arr) {
+    return Object.fromEntries(arr);
+}
+export function objectKeys(obj) {
+    return Object.keys(obj);
+}
+//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAC5B,GAAM,EACN,OAAU;IAIV,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CACpD,CAAA;AACV,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,WAAW,CAAC,CAAS;IACnC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IACrB,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAA;IACvB,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IACrB,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAA;IACvB,IAAI,CAAC,IAAI,EAAE;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAA;IACzC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,GAAU;IAEV,OAAO,MAAM,CAAC,WAAW,CAAC,GAAG,CAA2B,CAAA;AAC1D,CAAC;AAyBD,MAAM,UAAU,UAAU,CAAmB,GAAM;IACjD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAmB,CAAA;AAC3C,CAAC"}