@audius/harmony 0.0.25

package/dist/storybook/components/Tip.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type TipProps = {
+    title: string;
+    description: ReactNode;
+    className?: string;
+};
+export declare const Tip: (props: TipProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Tip.d.ts.map

package/dist/storybook/components/Tip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tip.d.ts","sourceRoot":"","sources":["../../../src/storybook/components/Tip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,GAAG,UAAW,QAAQ,qDAyBlC,CAAA"}

package/dist/storybook/components/TypographyPanel.d.ts

@@ -0,0 +1,15 @@
+import { TextSize, TextStrength, TextVariant } from "../../components";
+type TypographyCardProps = {
+    variant: TextVariant;
+    size: TextSize;
+    strength: TextStrength;
+};
+export declare const TypographyCard: (props: TypographyCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+type TypographyPanelProps = {
+    variant: TextVariant;
+    sizes: TextSize[];
+    strengths: TextStrength[];
+};
+export declare const TypographyPanel: (props: TypographyPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TypographyPanel.d.ts.map

package/dist/storybook/components/TypographyPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypographyPanel.d.ts","sourceRoot":"","sources":["../../../src/storybook/components/TypographyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,QAAQ,EACR,YAAY,EACZ,WAAW,EACZ,yBAAkB;AAGnB,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,WAAW,CAAA;IACpB,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,YAAY,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDA6BxD,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,SAAS,EAAE,YAAY,EAAE,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,eAAe,UAAW,oBAAoB,qDAmB1D,CAAA"}

package/dist/storybook/components/index.d.ts

@@ -0,0 +1,13 @@
+export * from './ComponentRules';
+export * from './RelatedComponents';
+export * from './RelatedFoundations';
+export * from './ColorPaletteTable';
+export * from './BackgroundColorExample';
+export * from './TypographyPanel';
+export * from './InformationBox';
+export * from './DeprecatedWarning';
+export * from './BetaWarning';
+export * from './Heading';
+export * from './Subtitle';
+export * from './Link';
+//# sourceMappingURL=index.d.ts.map

package/dist/storybook/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/storybook/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA"}

package/dist/storybook/index.d.ts

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

package/dist/storybook/index.d.ts.map

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

package/dist/storybook/theme/colors.d.ts

@@ -0,0 +1,23 @@
+export declare const primitives: {
+    primary: {
+        V050: string;
+        V100: string;
+        V200: string;
+        V300: string;
+        V400: string;
+        V500: string;
+        V600: string;
+    };
+    neutral: {
+        N050: string;
+        N100: string;
+        N200: string;
+        N300: string;
+        N400: string;
+        N500: string;
+        N600: string;
+        N700: string;
+        N800: string;
+    };
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/storybook/theme/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/storybook/theme/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAqBtB,CAAA"}

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

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

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

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

package/dist/storybook/theme/theme.d.ts

@@ -0,0 +1,6 @@
+export declare const harmonyDocsThemes: {
+    day: import("@storybook/theming/dist/create-88d00753").c;
+    dark: import("@storybook/theming/dist/create-88d00753").c;
+    matrix: import("@storybook/theming/dist/create-88d00753").c;
+};
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/storybook/theme/theme.ts"],"names":[],"mappings":"AA+DA,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAA"}

package/dist/styles/theme.d.ts

@@ -0,0 +1,3 @@
+import type { Theme, ThemeColors } from './types';
+export declare const themeColorsMap: Record<Theme, ThemeColors>;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAsJrD,CAAA"}

package/dist/styles/types.d.ts

@@ -0,0 +1,55 @@
+export type Theme = 'day' | 'dark' | 'matrix';
+export type ThemeColors = {
+    static: {
+        white: string;
+        primary: string;
+    };
+    primary: {
+        primary: string;
+        p100: string;
+        p200: string;
+        p300: string;
+        p400: string;
+        p500: string;
+    };
+    secondary: {
+        secondary: string;
+        s100: string;
+        s200: string;
+        s300: string;
+        s400: string;
+        s500: string;
+    };
+    neutral: {
+        neutral: string;
+        n25: string;
+        n50: string;
+        n100: string;
+        n150: string;
+        n200: string;
+        n300: string;
+        n400: string;
+        n500: string;
+        n600: string;
+        n700: string;
+        n800: string;
+        n900: string;
+        n950: string;
+    };
+    special: {
+        white: string;
+        background: string;
+        blue: string;
+        orange: string;
+        red: string;
+        darkRed: string;
+        green: string;
+        lightGreen: string;
+        gradient: string;
+    };
+};
+export type SpacingValue = 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
+export type BorderValue = 'default' | 'strong';
+export type BorderRadiusValue = 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl';
+export type ShadowValue = 'near' | 'mid' | 'far' | 'emphasis';
+//# sourceMappingURL=types.d.ts.map

package/dist/styles/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/styles/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,SAAS,EAAE;QACT,SAAS,EAAE,MAAM,CAAA;QACjB,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAA;QACf,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,UAAU,EAAE,MAAM,CAAA;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;QACd,GAAG,EAAE,MAAM,CAAA;QACX,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,UAAU,EAAE,MAAM,CAAA;QAClB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAChF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;AAC9C,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAA;AACrE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,CAAA"}

package/dist/types/colors.d.ts

@@ -0,0 +1,2 @@
+export type ColorValue = 'primary' | 'p100' | 'p200' | 'p300' | 'p400' | 'p500' | 'secondary' | 's100' | 's200' | 's300' | 's400' | 's500' | 'neutral' | 'n25' | 'n50' | 'n100' | 'n150' | 'n200' | 'n300' | 'n400' | 'n500' | 'n600' | 'n700' | 'n800' | 'n900' | 'n950' | 'staticWhite' | 'staticPrimary' | 'white' | 'background' | 'blue' | 'orange' | 'red' | 'darkRed' | 'green' | 'lightGreen' | 'gradient' | 'none';
+//# sourceMappingURL=colors.d.ts.map

package/dist/types/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/types/colors.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,WAAW,GACX,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,SAAS,GACT,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GAEN,aAAa,GACb,eAAe,GAEf,OAAO,GACP,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,KAAK,GACL,SAAS,GACT,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,CAAA"}

package/dist/types/styles.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties } from 'react';
+/** Type override to allow usage of custom properties in the
+ * `style' prop. We're using this instead of augmenting the csstype module
+ * because that currently breaks types for some third-party modules. Note that
+ * you will have to cast it back to CSSProperties in most cases.
+ * Usage:
+ * ```
+ * const style: CSSCustomProperties = {
+ *   width: '10px',
+ *   '--custom-prop': 'var(--custom-var-value)
+ * }
+ *
+ * return <button style={style as CSSProperties} />
+ * ```
+ */
+export type CSSCustomProperties = CSSProperties & {
+    [index: `--${string}`]: any;
+};
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/types/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,CAAC,KAAK,EAAE,KAAK,MAAM,EAAE,GAAG,GAAG,CAAA;CAC5B,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare module 'react' {
+    function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,QAAQ,OAAO,CAAC;IACrB,SAAS,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,EAC3B,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,GACjE,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CACpE;AAED,OAAO,EAAE,CAAA"}

package/dist/utils/getScrollParent.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Gets the scroll parent of an HTML element
+ * From SO: https://stackoverflow.com/a/42543908/11435157
+ * @param node
+ * @returns the scroll parent
+ */
+export declare const getScrollParent: (node: HTMLElement) => Element | undefined;
+//# sourceMappingURL=getScrollParent.d.ts.map

package/dist/utils/getScrollParent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollParent.d.ts","sourceRoot":"","sources":["../../src/utils/getScrollParent.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,SAAU,WAAW,wBAgChD,CAAA"}

package/dist/utils/getScrollParent.js

@@ -0,0 +1,39 @@
+/**
+ * Gets the scroll parent of an HTML element
+ * From SO: https://stackoverflow.com/a/42543908/11435157
+ * @param node
+ * @returns the scroll parent
+ */
+var getScrollParent = function (node) {
+    var regex = /(auto|scroll)/;
+    var parents = function (_node, ps) {
+        if (_node.parentNode === null) {
+            return ps;
+        }
+        return parents(_node.parentNode, ps.concat([_node]));
+    };
+    var style = function (_node, prop) {
+        return getComputedStyle(_node, null).getPropertyValue(prop);
+    };
+    var overflow = function (_node) {
+        return style(_node, 'overflow') +
+            style(_node, 'overflow-y') +
+            style(_node, 'overflow-x');
+    };
+    var scroll = function (_node) { return regex.test(overflow(_node)); };
+    var scrollParent = function (_node) {
+        if (!_node.parentNode)
+            return;
+        var ps = parents(_node.parentNode, []);
+        for (var i = 0; i < ps.length; i += 1) {
+            if (scroll(ps[i])) {
+                return ps[i];
+            }
+        }
+        return document.scrollingElement || document.documentElement;
+    };
+    return scrollParent(node);
+};
+
+export { getScrollParent };
+//# sourceMappingURL=getScrollParent.js.map

package/dist/utils/getScrollParent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollParent.js","sources":["../../src/utils/getScrollParent.ts"],"sourcesContent":["/**\n * Gets the scroll parent of an HTML element\n * From SO: https://stackoverflow.com/a/42543908/11435157\n * @param node\n * @returns the scroll parent\n */\nexport const getScrollParent = (node: HTMLElement) => {\n  const regex = /(auto|scroll)/\n  const parents = (_node: HTMLElement, ps: HTMLElement[]): HTMLElement[] => {\n    if (_node.parentNode === null) {\n      return ps\n    }\n    return parents(_node.parentNode as HTMLElement, ps.concat([_node]))\n  }\n\n  const style = (_node: HTMLElement, prop: string) =>\n    getComputedStyle(_node, null).getPropertyValue(prop)\n  const overflow = (_node: HTMLElement) =>\n    style(_node, 'overflow') +\n    style(_node, 'overflow-y') +\n    style(_node, 'overflow-x')\n  const scroll = (_node: HTMLElement) => regex.test(overflow(_node))\n\n  const scrollParent = (_node: HTMLElement) => {\n    if (!_node.parentNode) return\n\n    const ps = parents(_node.parentNode as HTMLElement, [])\n\n    for (let i = 0; i < ps.length; i += 1) {\n      if (scroll(ps[i])) {\n        return ps[i]\n      }\n    }\n\n    return document.scrollingElement || document.documentElement\n  }\n\n  return scrollParent(node)\n}\n"],"names":[],"mappings":"AAAA;;;;;AAKG;AACI,IAAM,eAAe,GAAG,UAAC,IAAiB,EAAA;IAC/C,IAAM,KAAK,GAAG,eAAe,CAAA;AAC7B,IAAA,IAAM,OAAO,GAAG,UAAC,KAAkB,EAAE,EAAiB,EAAA;AACpD,QAAA,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI,EAAE;AAC7B,YAAA,OAAO,EAAE,CAAA;AACV,SAAA;AACD,QAAA,OAAO,OAAO,CAAC,KAAK,CAAC,UAAyB,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AACrE,KAAC,CAAA;AAED,IAAA,IAAM,KAAK,GAAG,UAAC,KAAkB,EAAE,IAAY,EAAA;QAC7C,OAAA,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAApD,KAAoD,CAAA;IACtD,IAAM,QAAQ,GAAG,UAAC,KAAkB,EAAA;AAClC,QAAA,OAAA,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC;AACxB,YAAA,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC;AAC1B,YAAA,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;AAF1B,KAE0B,CAAA;AAC5B,IAAA,IAAM,MAAM,GAAG,UAAC,KAAkB,EAAA,EAAK,OAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA,EAAA,CAAA;IAElE,IAAM,YAAY,GAAG,UAAC,KAAkB,EAAA;QACtC,IAAI,CAAC,KAAK,CAAC,UAAU;YAAE,OAAM;QAE7B,IAAM,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,UAAyB,EAAE,EAAE,CAAC,CAAA;AAEvD,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AACrC,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AACjB,gBAAA,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;AACb,aAAA;AACF,SAAA;AAED,QAAA,OAAO,QAAQ,CAAC,gBAAgB,IAAI,QAAQ,CAAC,eAAe,CAAA;AAC9D,KAAC,CAAA;AAED,IAAA,OAAO,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B;;;;"}

package/dist/utils/styles.d.ts

@@ -0,0 +1,7 @@
+/** Converts a camelCased variable name such as `primaryDark1` to an
+ * equivalent CSS variable name (`--primary-dark-1`). Useful for passing
+ * values like color names to a component to be converted to a CSS
+ * property set via `style`
+ */
+export declare const toCSSVariableName: (name: string) => string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/utils/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,SAAU,MAAM,WAE7C,CAAA"}

package/dist/utils/styles.js

@@ -0,0 +1,13 @@
+import { kebabCase } from 'lodash';
+
+/** Converts a camelCased variable name such as `primaryDark1` to an
+ * equivalent CSS variable name (`--primary-dark-1`). Useful for passing
+ * values like color names to a component to be converted to a CSS
+ * property set via `style`
+ */
+var toCSSVariableName = function (name) {
+    return "--harmony-".concat(kebabCase(name));
+};
+
+export { toCSSVariableName };
+//# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../src/utils/styles.ts"],"sourcesContent":["import { kebabCase } from 'lodash'\n\n/** Converts a camelCased variable name such as `primaryDark1` to an\n * equivalent CSS variable name (`--primary-dark-1`). Useful for passing\n * values like color names to a component to be converted to a CSS\n * property set via `style`\n */\nexport const toCSSVariableName = (name: string) => {\n  return `--harmony-${kebabCase(name)}`\n}\n"],"names":[],"mappings":";;AAEA;;;;AAIG;AACI,IAAM,iBAAiB,GAAG,UAAC,IAAY,EAAA;AAC5C,IAAA,OAAO,oBAAa,SAAS,CAAC,IAAI,CAAC,CAAE,CAAA;AACvC;;;;"}

package/package.json

@@ -0,0 +1,113 @@
+{
+  "name": "@audius/harmony",
+  "version": "0.0.25",
+  "description": "The Audius Design System",
+  "license": "ISC",
+  "author": "Audius",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "jsnext:main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "build-storybook": "storybook build",
+    "chromatic": "chromatic",
+    "lint": "eslint src --ext=ts,tsx,mdx",
+    "lint:fix": "npm run lint -- --fix",
+    "start": "rollup -c -w",
+    "storybook": "storybook dev -p 6006",
+    "stylelint": "stylelint 'src/**/*.css'",
+    "stylelint:fix": "npm run stylelint -- --fix",
+    "test": "test-storybook",
+    "typecheck": "tsc --noEmit",
+    "verify": "concurrently \"npm:typecheck\" \"npm:lint:fix\" \"npm:stylelint:fix\""
+  },
+  "devDependencies": {
+    "@babel/preset-env": "7.22.15",
+    "@babel/preset-react": "7.22.15",
+    "@babel/preset-typescript": "7.22.15",
+    "@emotion/babel-plugin": "11.11.0",
+    "@emotion/babel-preset-css-prop": "11.11.0",
+    "@emotion/css": "11.11.2",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "@radix-ui/react-slot": "1.0.2",
+    "@react-spring/web": "9.7.2",
+    "@rollup/plugin-alias": "5.0.1",
+    "@storybook/addon-a11y": "7.4.0",
+    "@storybook/addon-actions": "7.4.2",
+    "@storybook/addon-essentials": "7.4.2",
+    "@storybook/addon-interactions": "7.5.1",
+    "@storybook/addon-knobs": "7.0.2",
+    "@storybook/addon-links": "7.4.2",
+    "@storybook/addon-themes": "7.5.0",
+    "@storybook/addons": "7.4.2",
+    "@storybook/jest": "0.2.3",
+    "@storybook/react": "7.4.2",
+    "@storybook/react-webpack5": "7.4.2",
+    "@storybook/test-runner": "0.13.0",
+    "@storybook/testing-library": "0.2.2",
+    "@svgr/rollup": "8.1.0",
+    "@svgr/webpack": "8.1.0",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.0",
+    "@types/react-lottie": "1.2.3",
+    "@types/storybook__addon-knobs": "5.2.1",
+    "@types/storybook__react": "4.0.2",
+    "babel-core": "6.26.3",
+    "babel-loader": "8.3.0",
+    "babel-runtime": "6.26.0",
+    "chromatic": "7.4.0",
+    "classnames": "2.5.1",
+    "cross-env": "5.2.1",
+    "css-loader": "6.8.1",
+    "eslint": "8.56.0",
+    "eslint-plugin-storybook": "0.6.13",
+    "file-loader": "6.2.0",
+    "lodash": "4.17.21",
+    "prettier": "2.8.8",
+    "react": "18.2.0",
+    "react-docgen-typescript-loader": "3.7.2",
+    "react-dom": "18.2.0",
+    "react-lottie": "1.2.3",
+    "react-merge-refs": "2.0.1",
+    "react-perfect-scrollbar": "1.5.8",
+    "react-spring": "8.0.27",
+    "react-use": "15.3.8",
+    "react-use-measure": "2.1.1",
+    "remark-gfm": "3.0.1",
+    "rollup": "4.3.0",
+    "rollup-plugin-json": "4.0.0",
+    "rollup-plugin-postcss": "4.0.2",
+    "rollup-plugin-typescript2": "0.36.0",
+    "storybook": "7.4.2",
+    "storybook-addon-smart-knobs": "6.0.2",
+    "storybook-dark-mode": "3.0.1",
+    "ts-patch": "3.1.1",
+    "tsconfig-paths-webpack-plugin": "3.5.2",
+    "typescript": "5.0.4",
+    "typescript-transform-paths": "3.4.6",
+    "webpack": "4.46.0"
+  },
+  "peerDependencies": {
+    "@emotion/css": "^11.11.2",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@react-spring/web": "^9.7.2",
+    "classnames": "^2.5.1",
+    "lodash": "^4.17.21",
+    "react-lottie": "^1.2.3",
+    "react-merge-refs": "^2.0.1",
+    "react-perfect-scrollbar": "^1.5.8",
+    "react-spring": "^8.0.27",
+    "react-use": "^15.3.8",
+    "react-use-measure": "^2.1.1"
+  },
+  "dependencies": {
+    "@juggle/resize-observer": "3.4.0"
+  }
+}