@audius/harmony 0.5.0 → 0.5.2

package/dist/foundations/motion/motion.js

@@ -0,0 +1,33 @@
+var motion = {
+    quick: '0.07s ease-in-out',
+    expressive: '0.18s ease-in-out',
+    hover: '0.12s cubic-bezier(0.44, 0, 0.56, 1)',
+    press: '0.12s cubic-bezier(0.44, 0, 0.56, 1)',
+    calm: '0.5s ease-in-out'
+};
+var spring = {
+    standard: {
+        tension: 310,
+        friction: 25,
+        clamp: true
+    },
+    wobble: {
+        tension: 250,
+        friction: 25
+    },
+    slowWobble: {
+        tension: 175,
+        friction: 20
+    },
+    stiff: {
+        tension: 215,
+        friction: 40
+    },
+    fast: {
+        tension: 300,
+        friction: 40
+    }
+};
+
+export { motion, spring };
+//# sourceMappingURL=motion.js.map

package/dist/foundations/motion/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sources":["../../../src/foundations/motion/motion.ts"],"sourcesContent":["export const motion = {\n  quick: '0.07s ease-in-out',\n  expressive: '0.18s ease-in-out',\n  hover: '0.12s cubic-bezier(0.44, 0, 0.56, 1)',\n  press: '0.12s cubic-bezier(0.44, 0, 0.56, 1)',\n  calm: '0.5s ease-in-out'\n}\n\nexport type Motion = typeof motion\nexport type MotionOptions = keyof Motion\n\nexport const spring = {\n  standard: {\n    tension: 310,\n    friction: 25,\n    clamp: true\n  },\n  wobble: {\n    tension: 250,\n    friction: 25\n  },\n  slowWobble: {\n    tension: 175,\n    friction: 20\n  },\n  stiff: {\n    tension: 215,\n    friction: 40\n  },\n  fast: {\n    tension: 300,\n    friction: 40\n  }\n}\n\nexport type Spring = typeof spring\nexport type SpringOptions = keyof Spring\n"],"names":[],"mappings":"AAAa,IAAA,MAAM,GAAG;AACpB,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,UAAU,EAAE,mBAAmB;AAC/B,IAAA,KAAK,EAAE,sCAAsC;AAC7C,IAAA,KAAK,EAAE,sCAAsC;AAC7C,IAAA,IAAI,EAAE,kBAAkB;EACzB;AAKY,IAAA,MAAM,GAAG;AACpB,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,IAAI;AACZ,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,QAAQ,EAAE,EAAE;AACb,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,QAAQ,EAAE,EAAE;AACb,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,QAAQ,EAAE,EAAE;AACb,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,QAAQ,EAAE,EAAE;AACb,KAAA;;;;;"}

package/dist/foundations/reset/GlobalStyles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * GlobalStyles component that applies base styles via CSS-in-JS.
+ * These styles complement the reset.css file and ensure consistent
+ * styling across the application.
+ */
+export declare const GlobalStyles: () => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GlobalStyles.d.ts.map

package/dist/foundations/reset/GlobalStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStyles.d.ts","sourceRoot":"","sources":["../../../src/foundations/reset/GlobalStyles.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,YAAY,wDAqCxB,CAAA"}

package/dist/foundations/reset/GlobalStyles.js

@@ -0,0 +1,16 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Global, css } from '@emotion/react';
+
+/**
+ * GlobalStyles component that applies base styles via CSS-in-JS.
+ * These styles complement the reset.css file and ensure consistent
+ * styling across the application.
+ */
+var GlobalStyles = function () {
+    return (jsx(Global, { styles: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        /* Global link styles - prevents default browser underlines */\n        /* Note: TextLink components handle their own styling via CSS-in-JS */\n        a {\n          color: inherit;\n          text-decoration: none;\n          background-color: transparent;\n          outline: none;\n          cursor: pointer;\n          transition: color 0.15s ease-in-out;\n        }\n\n        a:hover,\n        a:focus {\n          text-decoration: none;\n          outline: none;\n        }\n\n        a:active {\n          outline: none;\n        }\n\n        /* Remove default link styles for buttons styled as links */\n        button {\n          background: none;\n          border: none;\n          padding: 0;\n          font: inherit;\n          cursor: pointer;\n          outline: inherit;\n        }\n      "], ["\n        /* Global link styles - prevents default browser underlines */\n        /* Note: TextLink components handle their own styling via CSS-in-JS */\n        a {\n          color: inherit;\n          text-decoration: none;\n          background-color: transparent;\n          outline: none;\n          cursor: pointer;\n          transition: color 0.15s ease-in-out;\n        }\n\n        a:hover,\n        a:focus {\n          text-decoration: none;\n          outline: none;\n        }\n\n        a:active {\n          outline: none;\n        }\n\n        /* Remove default link styles for buttons styled as links */\n        button {\n          background: none;\n          border: none;\n          padding: 0;\n          font: inherit;\n          cursor: pointer;\n          outline: inherit;\n        }\n      "]))) }));
+};
+var templateObject_1;
+
+export { GlobalStyles };
+//# sourceMappingURL=GlobalStyles.js.map

package/dist/foundations/reset/GlobalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStyles.js","sources":["../../../src/foundations/reset/GlobalStyles.tsx"],"sourcesContent":["import { Global, css } from '@emotion/react'\n\n/**\n * GlobalStyles component that applies base styles via CSS-in-JS.\n * These styles complement the reset.css file and ensure consistent\n * styling across the application.\n */\nexport const GlobalStyles = () => {\n  return (\n    <Global\n      styles={css`\n        /* Global link styles - prevents default browser underlines */\n        /* Note: TextLink components handle their own styling via CSS-in-JS */\n        a {\n          color: inherit;\n          text-decoration: none;\n          background-color: transparent;\n          outline: none;\n          cursor: pointer;\n          transition: color 0.15s ease-in-out;\n        }\n\n        a:hover,\n        a:focus {\n          text-decoration: none;\n          outline: none;\n        }\n\n        a:active {\n          outline: none;\n        }\n\n        /* Remove default link styles for buttons styled as links */\n        button {\n          background: none;\n          border: none;\n          padding: 0;\n          font: inherit;\n          cursor: pointer;\n          outline: inherit;\n        }\n      `}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;AAEA;;;;AAIG;AACU,IAAA,YAAY,GAAG,YAAA;IAC1B,QACEA,GAAC,CAAA,MAAM,EACL,EAAA,MAAM,EAAE,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,qzBAAA,CAAA,EAAA,CAAA,qzBA+BV,CACD,CAAA,CAAA,CAAA,EAAA,CAAA,EACH;AACH,EAAC;;;;;"}

package/dist/foundations/shadows/index.d.ts

@@ -0,0 +1,2 @@
+export * from './shadows';
+//# sourceMappingURL=index.d.ts.map

package/dist/foundations/shadows/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundations/shadows/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/foundations/shadows/shadows.d.ts

@@ -0,0 +1,14 @@
+export type ShadowOptions = 'near' | 'mid' | 'midInverted' | 'far' | 'emphasis' | 'special' | 'drop' | 'flat' | 'inset';
+export declare const shadows: {
+    near: string;
+    mid: string;
+    midInverted: string;
+    far: string;
+    emphasis: string;
+    special: string;
+    flat: undefined;
+    drop: string;
+    inset: string;
+};
+export type Shadows = typeof shadows;
+//# sourceMappingURL=shadows.d.ts.map

package/dist/foundations/shadows/shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../src/foundations/shadows/shadows.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,KAAK,GACL,aAAa,GACb,KAAK,GACL,UAAU,GACV,SAAS,GACT,MAAM,GACN,MAAM,GACN,OAAO,CAAA;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;CAYnB,CAAA;AAED,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAA"}

package/dist/foundations/shadows/shadows.js

@@ -0,0 +1,14 @@
+var shadows = {
+    near: '0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 0px 6px 0px rgba(0, 0, 0, 0.02)',
+    mid: '0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04)',
+    midInverted: '0px -4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04)',
+    far: '0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04)',
+    emphasis: '0px 1.34018px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 15px 0px rgba(0, 0, 0, 0.1)',
+    special: '0px 1px 20px -3px #565776',
+    flat: undefined,
+    drop: 'drop-shadow(0px 1.34018px 8px rgba(0, 0, 0, 0.2)) drop-shadow(0px 6px 15px rgba(0, 0, 0, 0.1))',
+    inset: '0px 0px 8px 0px rgba(0, 0, 0, 0.10) inset'
+};
+
+export { shadows };
+//# sourceMappingURL=shadows.js.map

package/dist/foundations/shadows/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sources":["../../../src/foundations/shadows/shadows.ts"],"sourcesContent":["export type ShadowOptions =\n  | 'near'\n  | 'mid'\n  | 'midInverted'\n  | 'far'\n  | 'emphasis'\n  | 'special'\n  | 'drop'\n  | 'flat'\n  | 'inset'\n\nexport const shadows = {\n  near: '0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 0px 6px 0px rgba(0, 0, 0, 0.02)',\n  mid: '0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04)',\n  midInverted:\n    '0px -4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04)',\n  far: '0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04)',\n  emphasis:\n    '0px 1.34018px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 15px 0px rgba(0, 0, 0, 0.1)',\n  special: '0px 1px 20px -3px #565776',\n  flat: undefined,\n  drop: 'drop-shadow(0px 1.34018px 8px rgba(0, 0, 0, 0.2)) drop-shadow(0px 6px 15px rgba(0, 0, 0, 0.1))',\n  inset: '0px 0px 8px 0px rgba(0, 0, 0, 0.10) inset'\n}\n\nexport type Shadows = typeof shadows\n"],"names":[],"mappings":"AAWa,IAAA,OAAO,GAAG;AACrB,IAAA,IAAI,EAAE,0EAA0E;AAChF,IAAA,GAAG,EAAE,0EAA0E;AAC/E,IAAA,WAAW,EACT,2EAA2E;AAC7E,IAAA,GAAG,EAAE,2EAA2E;AAChF,IAAA,QAAQ,EACN,+EAA+E;AACjF,IAAA,OAAO,EAAE,2BAA2B;AACpC,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,gGAAgG;AACtG,IAAA,KAAK,EAAE,2CAA2C;;;;;"}

package/dist/foundations/spacing/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spacing';
+//# sourceMappingURL=index.d.ts.map

package/dist/foundations/spacing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundations/spacing/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/foundations/spacing/spacing.d.ts

@@ -0,0 +1,56 @@
+export declare const spacing: {
+    unit: number;
+    unitHalf: number;
+    negativeUnit: number;
+    unit1: number;
+    unit2: number;
+    unit3: number;
+    unit4: number;
+    unit5: number;
+    unit6: number;
+    unit7: number;
+    unit8: number;
+    unit9: number;
+    unit10: number;
+    unit11: number;
+    unit12: number;
+    unit13: number;
+    unit14: number;
+    unit15: number;
+    unit16: number;
+    unit17: number;
+    unit18: number;
+    unit19: number;
+    unit20: number;
+    unit21: number;
+    unit22: number;
+    unit23: number;
+    unit24: number;
+    '2xs': number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    '2xl': number;
+    '3xl': number;
+    '4xl': number;
+    '5xl': number;
+};
+export declare const iconSizes: {
+    '4xs': number;
+    '3xs': number;
+    '2xs': number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    '2xl': number;
+    '3xl': number;
+    '4xl': number;
+};
+export type Spacing = typeof spacing;
+export type SpacingOptions = keyof Spacing;
+export type IconSize = keyof typeof iconSizes;
+//# sourceMappingURL=spacing.d.ts.map

package/dist/foundations/spacing/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/foundations/spacing/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;CAYrB,CAAA;AAED,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAA;AACpC,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,CAAA;AAC1C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAA"}

package/dist/foundations/spacing/spacing.js

@@ -0,0 +1,58 @@
+var spacing = {
+    /* --- Base Unit Variables --- */
+    unit: 4,
+    unitHalf: 2,
+    negativeUnit: -4,
+    /* --- 4*n Unit Variables --- */
+    unit1: 4,
+    unit2: 8,
+    unit3: 12,
+    unit4: 16,
+    unit5: 20,
+    unit6: 24,
+    unit7: 28,
+    unit8: 32,
+    unit9: 36,
+    unit10: 40,
+    unit11: 44,
+    unit12: 48,
+    unit13: 52,
+    unit14: 56,
+    unit15: 60,
+    unit16: 64,
+    unit17: 68,
+    unit18: 72,
+    unit19: 76,
+    unit20: 80,
+    unit21: 84,
+    unit22: 88,
+    unit23: 92,
+    unit24: 96,
+    /* --- Spacing Variables --- */
+    '2xs': 2,
+    xs: 4,
+    s: 8,
+    m: 12,
+    l: 16,
+    xl: 24,
+    '2xl': 32,
+    '3xl': 48,
+    '4xl': 64,
+    '5xl': 128
+};
+var iconSizes = {
+    '4xs': 8,
+    '3xs': 10,
+    '2xs': 12,
+    xs: 14,
+    s: 16,
+    m: 20,
+    l: 24,
+    xl: 30,
+    '2xl': 32,
+    '3xl': 40,
+    '4xl': 48
+};
+
+export { iconSizes, spacing };
+//# sourceMappingURL=spacing.js.map

package/dist/foundations/spacing/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sources":["../../../src/foundations/spacing/spacing.ts"],"sourcesContent":["export const spacing = {\n  /* --- Base Unit Variables --- */\n  unit: 4,\n  unitHalf: 2,\n  negativeUnit: -4,\n\n  /* --- 4*n Unit Variables --- */\n  unit1: 4,\n  unit2: 8,\n  unit3: 12,\n  unit4: 16,\n  unit5: 20,\n  unit6: 24,\n  unit7: 28,\n  unit8: 32,\n  unit9: 36,\n  unit10: 40,\n  unit11: 44,\n  unit12: 48,\n  unit13: 52,\n  unit14: 56,\n  unit15: 60,\n  unit16: 64,\n  unit17: 68,\n  unit18: 72,\n  unit19: 76,\n  unit20: 80,\n  unit21: 84,\n  unit22: 88,\n  unit23: 92,\n  unit24: 96,\n\n  /* --- Spacing Variables --- */\n  '2xs': 2,\n  xs: 4,\n  s: 8,\n  m: 12,\n  l: 16,\n  xl: 24,\n  '2xl': 32,\n  '3xl': 48,\n  '4xl': 64,\n  '5xl': 128\n}\n\nexport const iconSizes = {\n  '4xs': 8,\n  '3xs': 10,\n  '2xs': 12,\n  xs: 14,\n  s: 16,\n  m: 20,\n  l: 24,\n  xl: 30,\n  '2xl': 32,\n  '3xl': 40,\n  '4xl': 48\n}\n\nexport type Spacing = typeof spacing\nexport type SpacingOptions = keyof Spacing\nexport type IconSize = keyof typeof iconSizes\n"],"names":[],"mappings":"AAAa,IAAA,OAAO,GAAG;;AAErB,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,QAAQ,EAAE,CAAC;IACX,YAAY,EAAE,CAAC,CAAC;;AAGhB,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,MAAM,EAAE,EAAE;;AAGV,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,GAAG;EACX;AAEY,IAAA,SAAS,GAAG;AACvB,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,CAAC,EAAE,EAAE;AACL,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;;;;;"}

package/dist/foundations/theme/ThemeProvider.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import type { Theme } from './types';
+type ThemeProviderProps = {
+    theme: Theme;
+    children: ReactNode;
+};
+export declare const ThemeProvider: (props: ThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/foundations/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,qDAgBtD,CAAA"}

package/dist/foundations/theme/ThemeProvider.js

@@ -0,0 +1,20 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useEffect } from 'react';
+import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
+import { SVGDefs } from '../../icons/SVGDefs.js';
+import { GlobalStyles } from '../reset/GlobalStyles.js';
+import { themes } from './theme.js';
+
+var ThemeProvider = function (props) {
+    var children = props.children, theme = props.theme;
+    useEffect(function () {
+        if (typeof document !== 'undefined') {
+            document.documentElement.setAttribute('data-theme', theme);
+        }
+    }, [theme]);
+    return (jsxs(ThemeProvider$1, __assign({ theme: themes[theme] }, { children: [jsx(GlobalStyles, {}), jsx(SVGDefs, {}), children] })));
+};
+
+export { ThemeProvider };
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/foundations/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from 'react'\n\nimport { ThemeProvider as EmotionThemeProvider } from '@emotion/react'\n\nimport { SVGDefs } from '../../icons/SVGDefs'\nimport { GlobalStyles } from '../reset/GlobalStyles'\n\nimport { themes } from './theme'\nimport type { Theme } from './types'\n\ntype ThemeProviderProps = {\n  theme: Theme\n  children: ReactNode\n}\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  const { children, theme } = props\n\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.setAttribute('data-theme', theme)\n    }\n  }, [theme])\n\n  return (\n    <EmotionThemeProvider theme={themes[theme]}>\n      <GlobalStyles />\n      <SVGDefs />\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n"],"names":["_jsxs","EmotionThemeProvider","_jsx"],"mappings":";;;;;;;;AAeO,IAAM,aAAa,GAAG,UAAC,KAAyB,EAAA;IAC7C,IAAA,QAAQ,GAAY,KAAK,CAAA,QAAjB,EAAE,KAAK,GAAK,KAAK,CAAA,KAAV,CAAU;AAEjC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AAC3D,SAAA;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,QACEA,KAACC,eAAoB,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAA,EAAA,EAAA,QAAA,EAAA,CACxCC,IAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAC,CAAA,OAAO,KAAG,EACV,QAAQ,CACY,EAAA,CAAA,CAAA,EACxB;AACH;;;;"}

package/dist/foundations/theme/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ThemeProvider';
+export * from './theme';
+export { useTheme } from '@emotion/react';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/foundations/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,cAAc,SAAS,CAAA"}

package/dist/foundations/theme/theme.d.ts

@@ -0,0 +1,27 @@
+import type { ColorTheme } from '../color';
+import { CornerRadius } from '../corner-radius';
+import { Motion, Spring } from '../motion';
+import { Shadows } from '../shadows';
+import { Spacing, iconSizes } from '../spacing';
+import type { Typography } from '../typography';
+import type { Theme } from './types';
+export type HarmonyTheme = {
+    type: Theme;
+    color: ColorTheme[keyof ColorTheme];
+    shadows: Shadows;
+    typography: Typography;
+    cornerRadius: CornerRadius;
+    spacing: Spacing;
+    motion: Motion;
+    spring: Spring;
+    iconSizes: typeof iconSizes;
+};
+export declare const dayTheme: HarmonyTheme;
+export declare const darkTheme: HarmonyTheme;
+export declare const matrixTheme: HarmonyTheme;
+export declare const themes: {
+    day: HarmonyTheme;
+    dark: HarmonyTheme;
+    matrix: HarmonyTheme;
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/foundations/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAgB,MAAM,kBAAkB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAU,MAAM,EAAU,MAAM,WAAW,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAW,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAW,SAAS,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAYpC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,UAAU,CAAC,MAAM,UAAU,CAAC,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,UAAU,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,OAAO,SAAS,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,YAItB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,YAIvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,YAIzB,CAAA;AAED,eAAO,MAAM,MAAM;;;;CAIlB,CAAA"}

package/dist/foundations/theme/theme.js

@@ -0,0 +1,29 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import '../color/semantic.js';
+import { colorTheme } from '../color/color.js';
+import { cornerRadius } from '../corner-radius/cornerRadius.js';
+import { motion, spring } from '../motion/motion.js';
+import { shadows } from '../shadows/shadows.js';
+import { spacing, iconSizes } from '../spacing/spacing.js';
+import { typography } from '../typography/typography.js';
+
+var commonFoundations = {
+    shadows: shadows,
+    typography: typography,
+    cornerRadius: cornerRadius,
+    spacing: spacing,
+    motion: motion,
+    spring: spring,
+    iconSizes: iconSizes
+};
+var dayTheme = __assign({ type: 'day', color: colorTheme.day }, commonFoundations);
+var darkTheme = __assign({ type: 'dark', color: colorTheme.dark }, commonFoundations);
+var matrixTheme = __assign({ type: 'matrix', color: colorTheme.matrix }, commonFoundations);
+var themes = {
+    day: dayTheme,
+    dark: darkTheme,
+    matrix: matrixTheme
+};
+
+export { darkTheme, dayTheme, matrixTheme, themes };
+//# sourceMappingURL=theme.js.map

package/dist/foundations/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sources":["../../../src/foundations/theme/theme.ts"],"sourcesContent":["import type { ColorTheme } from '../color'\nimport { colorTheme } from '../color'\nimport { CornerRadius, cornerRadius } from '../corner-radius'\nimport { Motion, motion, Spring, spring } from '../motion'\nimport { Shadows, shadows } from '../shadows'\nimport { Spacing, spacing, iconSizes } from '../spacing'\nimport { typography } from '../typography'\nimport type { Typography } from '../typography'\n\nimport type { Theme } from './types'\n\nconst commonFoundations = {\n  shadows,\n  typography,\n  cornerRadius,\n  spacing,\n  motion,\n  spring,\n  iconSizes\n}\n\nexport type HarmonyTheme = {\n  type: Theme\n  color: ColorTheme[keyof ColorTheme]\n  shadows: Shadows\n  typography: Typography\n  cornerRadius: CornerRadius\n  spacing: Spacing\n  motion: Motion\n  spring: Spring\n  iconSizes: typeof iconSizes\n}\n\nexport const dayTheme: HarmonyTheme = {\n  type: 'day',\n  color: colorTheme.day,\n  ...commonFoundations\n}\n\nexport const darkTheme: HarmonyTheme = {\n  type: 'dark',\n  color: colorTheme.dark,\n  ...commonFoundations\n}\n\nexport const matrixTheme: HarmonyTheme = {\n  type: 'matrix',\n  color: colorTheme.matrix,\n  ...commonFoundations\n}\n\nexport const themes = {\n  day: dayTheme,\n  dark: darkTheme,\n  matrix: matrixTheme\n}\n"],"names":[],"mappings":";;;;;;;;;AAWA,IAAM,iBAAiB,GAAG;AACxB,IAAA,OAAO,EAAA,OAAA;AACP,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,YAAY,EAAA,YAAA;AACZ,IAAA,OAAO,EAAA,OAAA;AACP,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,SAAS,EAAA,SAAA;CACV,CAAA;AAcY,IAAA,QAAQ,GACnB,QAAA,CAAA,EAAA,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,UAAU,CAAC,GAAG,EAClB,EAAA,iBAAiB,EACrB;AAEY,IAAA,SAAS,GACpB,QAAA,CAAA,EAAA,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,UAAU,CAAC,IAAI,EACnB,EAAA,iBAAiB,EACrB;AAEY,IAAA,WAAW,GACtB,QAAA,CAAA,EAAA,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAU,CAAC,MAAM,EACrB,EAAA,iBAAiB,EACrB;AAEY,IAAA,MAAM,GAAG;AACpB,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,WAAW;;;;;"}

package/dist/foundations/theme/types.d.ts

@@ -0,0 +1,7 @@
+import { Interpolation } from '@emotion/react';
+import { HarmonyTheme } from './theme';
+export type Theme = 'day' | 'dark' | 'matrix';
+export type WithCSS<T> = T & {
+    css?: Interpolation<HarmonyTheme>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/foundations/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7C,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,CAAA"}

package/dist/foundations/typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/foundations/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundations/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/foundations/typography/typography.d.ts

@@ -0,0 +1,48 @@
+export declare const typography: {
+    font: string;
+    weight: {
+        ultraLight: number;
+        thin: number;
+        light: number;
+        regular: number;
+        medium: number;
+        demiBold: number;
+        bold: number;
+        heavy: number;
+    };
+    size: {
+        '2xs': number;
+        xs: number;
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        '2xl': number;
+        '3xl': number;
+        '4xl': number;
+        '5xl': number;
+        '6xl': number;
+        '7xl': number;
+        '8xl': number;
+        '9xl': number;
+    };
+    lineHeight: {
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        bl: string;
+        xl: string;
+        hl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    shadow: {
+        emphasis: string;
+    };
+};
+export type Typography = typeof typography;
+//# sourceMappingURL=typography.d.ts.map

package/dist/foundations/typography/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/foundations/typography/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}

package/dist/foundations/typography/typography.js

@@ -0,0 +1,51 @@
+var typography = {
+    font: "'Avenir Next LT Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif",
+    weight: {
+        ultraLight: 100,
+        thin: 200,
+        light: 300,
+        regular: 400,
+        medium: 500,
+        demiBold: 600,
+        bold: 700,
+        heavy: 900
+    },
+    size: {
+        '2xs': 10,
+        xs: 12,
+        s: 14,
+        m: 16,
+        l: 18,
+        xl: 20,
+        '2xl': 24,
+        '3xl': 28,
+        '4xl': 32,
+        '5xl': 36,
+        '6xl': 42,
+        '7xl': 56,
+        '8xl': 72,
+        '9xl': 96
+    },
+    lineHeight: {
+        xs: '12px',
+        s: '16px',
+        m: '20px',
+        l: '24px',
+        // body multi-line one-off
+        bl: '28px',
+        xl: '32px',
+        // heading large one-off
+        hl: '36px',
+        '2xl': '48px',
+        '3xl': '52px',
+        '4xl': '72px',
+        '5xl': '96px',
+        '6xl': '120px'
+    },
+    shadow: {
+        emphasis: '0px 1.34px 8px rgba(0, 0, 0, 0.20), 0px 6px 15px rgba(0, 0, 0, 0.10)'
+    }
+};
+
+export { typography };
+//# sourceMappingURL=typography.js.map

package/dist/foundations/typography/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../../src/foundations/typography/typography.ts"],"sourcesContent":["export const typography = {\n  font: \"'Avenir Next LT Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif\",\n  weight: {\n    ultraLight: 100,\n    thin: 200,\n    light: 300,\n    regular: 400,\n    medium: 500,\n    demiBold: 600,\n    bold: 700,\n    heavy: 900\n  },\n  size: {\n    '2xs': 10,\n    xs: 12,\n    s: 14,\n    m: 16,\n    l: 18,\n    xl: 20,\n    '2xl': 24,\n    '3xl': 28,\n    '4xl': 32,\n    '5xl': 36,\n    '6xl': 42,\n    '7xl': 56,\n    '8xl': 72,\n    '9xl': 96\n  },\n  lineHeight: {\n    xs: '12px',\n    s: '16px',\n    m: '20px',\n    l: '24px',\n    // body multi-line one-off\n    bl: '28px',\n    xl: '32px',\n    // heading large one-off\n    hl: '36px',\n    '2xl': '48px',\n    '3xl': '52px',\n    '4xl': '72px',\n    '5xl': '96px',\n    '6xl': '120px'\n  },\n  shadow: {\n    emphasis:\n      '0px 1.34px 8px rgba(0, 0, 0, 0.20), 0px 6px 15px rgba(0, 0, 0, 0.10)'\n  }\n}\n\nexport type Typography = typeof typography\n"],"names":[],"mappings":"AAAa,IAAA,UAAU,GAAG;AACxB,IAAA,IAAI,EAAE,sEAAsE;AAC5E,IAAA,MAAM,EAAE;AACN,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,KAAK,EAAE,GAAG;AACX,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,CAAC,EAAE,EAAE;AACL,QAAA,CAAC,EAAE,EAAE;AACL,QAAA,CAAC,EAAE,EAAE;AACL,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,KAAK,EAAE,EAAE;AACV,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,CAAC,EAAE,MAAM;;AAET,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;;AAEV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EACN,sEAAsE;AACzE,KAAA;;;;;"}