@audius/harmony 0.4.3 → 0.5.0

package/dist/foundations/breakpoints/breakpoints.js

@@ -1,138 +0,0 @@
-/**
- * Audius Breakpoint System
- *
- * Standard breakpoints for responsive design. These values align with common
- * device sizes and are used throughout the application for consistent
- * responsive behavior.
- */
-var breakpoints = {
-    // Maximum width values for each breakpoint
-    values: {
-        /**
-         * Extra small devices (portrait phones)
-         */
-        xs: 480,
-        /**
-         * Small devices (landscape phones)
-         */
-        sm: 768,
-        /**
-         * Medium devices (tablets)
-         */
-        md: 1024,
-        /**
-         * Large devices (desktops)
-         */
-        lg: 1280,
-        /**
-         * Extra large devices (large desktops)
-         */
-        xl: 1440
-    },
-    /**
-     * Media query strings for max-width (smaller than breakpoint)
-     */
-    down: {
-        /**
-         * @example (max-width: 480px)
-         * Smaller than xs breakpoint (mobile phones)
-         */
-        xs: "(max-width: 480px)",
-        /**
-         * @example (max-width: 768px)
-         * Smaller than sm breakpoint (includes mobile phones and small tablets)
-         */
-        sm: "(max-width: 768px)",
-        /**
-         * @example (max-width: 1024px)
-         * Smaller than md breakpoint (includes mobile phones, tablets, and small laptops)
-         */
-        md: "(max-width: 1024px)",
-        /**
-         * @example (max-width: 1280px)
-         * Smaller than lg breakpoint (includes all except large desktops)
-         */
-        lg: "(max-width: 1280px)",
-        /**
-         * @example (max-width: 1440px)
-         * Smaller than xl breakpoint
-         */
-        xl: "(max-width: 1440px)"
-    },
-    /**
-     * Media query strings for min-width (larger than breakpoint)
-     */
-    up: {
-        /**
-         * @example (min-width: 481px)
-         * Larger than xs breakpoint (tablets and above)
-         */
-        xs: "(min-width: 481px)",
-        /**
-         * @example (min-width: 769px)
-         * Larger than sm breakpoint (desktops and above)
-         */
-        sm: "(min-width: 769px)",
-        /**
-         * @example (min-width: 1025px)
-         * Larger than md breakpoint (larger desktops)
-         */
-        md: "(min-width: 1025px)",
-        /**
-         * @example (min-width: 1281px)
-         * Larger than lg breakpoint (large desktops)
-         */
-        lg: "(min-width: 1281px)",
-        /**
-         * @example (min-width: 1441px)
-         * Larger than xl breakpoint (extra large desktops)
-         */
-        xl: "(min-width: 1441px)"
-    },
-    /**
-     * Media query strings for ranges between breakpoints
-     */
-    between: {
-        /**
-         * @example (min-width: 481px) and (max-width: 768px)
-         * Between xs and sm breakpoints (small tablets)
-         */
-        xs_sm: "(min-width: 481px) and (max-width: 768px)",
-        /**
-         * @example (min-width: 769px) and (max-width: 1024px)
-         * Between sm and md breakpoints (tablets)
-         */
-        sm_md: "(min-width: 769px) and (max-width: 1024px)",
-        /**
-         * @example (min-width: 1025px) and (max-width: 1280px)
-         * Between md and lg breakpoints (small desktops)
-         */
-        md_lg: "(min-width: 1025px) and (max-width: 1280px)",
-        /**
-         * @example (min-width: 1281px) and (max-width: 1440px)
-         * Between lg and xl breakpoints (medium desktops)
-         */
-        lg_xl: "(min-width: 1281px) and (max-width: 1440px)"
-    },
-    /**
-     * Helper function to create a custom media query
-     * @param minWidth minimum width in pixels
-     * @param maxWidth maximum width in pixels
-     * @returns media query string
-     */
-    createCustomQuery: function (minWidth, maxWidth) {
-        if (minWidth && maxWidth) {
-            return "(min-width: ".concat(minWidth, "px) and (max-width: ").concat(maxWidth, "px)");
-        }
-        if (minWidth) {
-            return "(min-width: ".concat(minWidth, "px)");
-        }
-        if (maxWidth) {
-            return "(max-width: ".concat(maxWidth, "px)");
-        }
-        return '';
-    }
-};
-
-export { breakpoints };
-//# sourceMappingURL=breakpoints.js.map

package/dist/foundations/breakpoints/breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.js","sources":["../../../src/foundations/breakpoints/breakpoints.ts"],"sourcesContent":["/**\n * Audius Breakpoint System\n *\n * Standard breakpoints for responsive design. These values align with common\n * device sizes and are used throughout the application for consistent\n * responsive behavior.\n */\n\nexport const breakpoints = {\n  // Maximum width values for each breakpoint\n  values: {\n    /**\n     * Extra small devices (portrait phones)\n     */\n    xs: 480,\n    /**\n     * Small devices (landscape phones)\n     */\n    sm: 768,\n    /**\n     * Medium devices (tablets)\n     */\n    md: 1024,\n    /**\n     * Large devices (desktops)\n     */\n    lg: 1280,\n    /**\n     * Extra large devices (large desktops)\n     */\n    xl: 1440\n  },\n\n  /**\n   * Media query strings for max-width (smaller than breakpoint)\n   */\n  down: {\n    /**\n     * @example (max-width: 480px)\n     * Smaller than xs breakpoint (mobile phones)\n     */\n    xs: `(max-width: 480px)`,\n    /**\n     * @example (max-width: 768px)\n     * Smaller than sm breakpoint (includes mobile phones and small tablets)\n     */\n    sm: `(max-width: 768px)`,\n    /**\n     * @example (max-width: 1024px)\n     * Smaller than md breakpoint (includes mobile phones, tablets, and small laptops)\n     */\n    md: `(max-width: 1024px)`,\n    /**\n     * @example (max-width: 1280px)\n     * Smaller than lg breakpoint (includes all except large desktops)\n     */\n    lg: `(max-width: 1280px)`,\n    /**\n     * @example (max-width: 1440px)\n     * Smaller than xl breakpoint\n     */\n    xl: `(max-width: 1440px)`\n  },\n\n  /**\n   * Media query strings for min-width (larger than breakpoint)\n   */\n  up: {\n    /**\n     * @example (min-width: 481px)\n     * Larger than xs breakpoint (tablets and above)\n     */\n    xs: `(min-width: 481px)`,\n    /**\n     * @example (min-width: 769px)\n     * Larger than sm breakpoint (desktops and above)\n     */\n    sm: `(min-width: 769px)`,\n    /**\n     * @example (min-width: 1025px)\n     * Larger than md breakpoint (larger desktops)\n     */\n    md: `(min-width: 1025px)`,\n    /**\n     * @example (min-width: 1281px)\n     * Larger than lg breakpoint (large desktops)\n     */\n    lg: `(min-width: 1281px)`,\n    /**\n     * @example (min-width: 1441px)\n     * Larger than xl breakpoint (extra large desktops)\n     */\n    xl: `(min-width: 1441px)`\n  },\n\n  /**\n   * Media query strings for ranges between breakpoints\n   */\n  between: {\n    /**\n     * @example (min-width: 481px) and (max-width: 768px)\n     * Between xs and sm breakpoints (small tablets)\n     */\n    xs_sm: `(min-width: 481px) and (max-width: 768px)`,\n    /**\n     * @example (min-width: 769px) and (max-width: 1024px)\n     * Between sm and md breakpoints (tablets)\n     */\n    sm_md: `(min-width: 769px) and (max-width: 1024px)`,\n    /**\n     * @example (min-width: 1025px) and (max-width: 1280px)\n     * Between md and lg breakpoints (small desktops)\n     */\n    md_lg: `(min-width: 1025px) and (max-width: 1280px)`,\n    /**\n     * @example (min-width: 1281px) and (max-width: 1440px)\n     * Between lg and xl breakpoints (medium desktops)\n     */\n    lg_xl: `(min-width: 1281px) and (max-width: 1440px)`\n  },\n\n  /**\n   * Helper function to create a custom media query\n   * @param minWidth minimum width in pixels\n   * @param maxWidth maximum width in pixels\n   * @returns media query string\n   */\n  createCustomQuery: (minWidth?: number, maxWidth?: number): string => {\n    if (minWidth && maxWidth) {\n      return `(min-width: ${minWidth}px) and (max-width: ${maxWidth}px)`\n    }\n    if (minWidth) {\n      return `(min-width: ${minWidth}px)`\n    }\n    if (maxWidth) {\n      return `(max-width: ${maxWidth}px)`\n    }\n    return ''\n  }\n}\n"],"names":[],"mappings":"AAAA;;;;;;AAMG;AAEU,IAAA,WAAW,GAAG;;AAEzB,IAAA,MAAM,EAAE;AACN;;AAEG;AACH,QAAA,EAAE,EAAE,GAAG;AACP;;AAEG;AACH,QAAA,EAAE,EAAE,GAAG;AACP;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACR;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACR;;AAEG;AACH,QAAA,EAAE,EAAE,IAAI;AACT,KAAA;AAED;;AAEG;AACH,IAAA,IAAI,EAAE;AACJ;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AAC1B,KAAA;AAED;;AAEG;AACH,IAAA,EAAE,EAAE;AACF;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,oBAAoB;AACxB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AACzB;;;AAGG;AACH,QAAA,EAAE,EAAE,qBAAqB;AAC1B,KAAA;AAED;;AAEG;AACH,IAAA,OAAO,EAAE;AACP;;;AAGG;AACH,QAAA,KAAK,EAAE,2CAA2C;AAClD;;;AAGG;AACH,QAAA,KAAK,EAAE,4CAA4C;AACnD;;;AAGG;AACH,QAAA,KAAK,EAAE,6CAA6C;AACpD;;;AAGG;AACH,QAAA,KAAK,EAAE,6CAA6C;AACrD,KAAA;AAED;;;;;AAKG;AACH,IAAA,iBAAiB,EAAE,UAAC,QAAiB,EAAE,QAAiB,EAAA;QACtD,IAAI,QAAQ,IAAI,QAAQ,EAAE;AACxB,YAAA,OAAO,cAAe,CAAA,MAAA,CAAA,QAAQ,EAAuB,sBAAA,CAAA,CAAA,MAAA,CAAA,QAAQ,QAAK,CAAA;AACnE,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;YACZ,OAAO,cAAA,CAAA,MAAA,CAAe,QAAQ,EAAA,KAAA,CAAK,CAAA;AACpC,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;YACZ,OAAO,cAAA,CAAA,MAAA,CAAe,QAAQ,EAAA,KAAA,CAAK,CAAA;AACpC,SAAA;AACD,QAAA,OAAO,EAAE,CAAA;KACV;;;;;"}

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

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

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

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

package/dist/foundations/color/color.d.ts

@@ -1,397 +0,0 @@
-export declare const colorTheme: {
-    day: {
-        text: {
-            default: string;
-            subdued: string;
-            disabled: string;
-            link: string;
-            accent: string;
-            inverse: string;
-            heading: string;
-            active: string;
-            white: string;
-            staticWhite: string;
-            warning: string;
-            danger: string;
-            premium: string;
-            special: string;
-            artistCoin: string;
-        };
-        icon: {
-            default: string;
-            subdued: string;
-            disabled: string;
-            link: string;
-            accent: string;
-            inverse: string;
-            heading: string;
-            active: string;
-            white: string;
-            staticWhite: string;
-            warning: string;
-            danger: string;
-            premium: string;
-            special: string;
-            artistCoin: string;
-        };
-        link: {
-            default: string;
-            subdued: string;
-            visible: string;
-            inverted: string;
-        };
-        background: {
-            default: string;
-            surface1: string;
-            surface2: string;
-            white: string;
-            primary: string;
-            gradient: string;
-            artistCoin: string;
-            accent: string;
-        };
-        border: {
-            default: string;
-            strong: string;
-            negative: string;
-            accent: string;
-        };
-        focus: {
-            default: string;
-        };
-        status: {
-            error: string;
-            warning: string;
-            success: string;
-            danger: string;
-        };
-        static: {
-            primary: string;
-            secondary: string;
-            white: string;
-            staticWhite: string;
-            black: string;
-        };
-        primary: {
-            p100: string;
-            p200: string;
-            p300: string;
-            p400: string;
-            p500: string;
-            default: string;
-            primary: string;
-        };
-        secondary: {
-            s100: string;
-            s200: string;
-            s300: string;
-            s400: string;
-            s500: string;
-            default: string;
-            secondary: string;
-        };
-        neutral: {
-            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;
-            default: string;
-            neutral: string;
-        };
-        special: {
-            aiGreen: string;
-            background: string;
-            blue: string;
-            darkRed: string;
-            glassOverlay: string;
-            gradientStop1: string;
-            gradientStop2: string;
-            gradient: string;
-            coinGradient: string;
-            coinGradientColor1: string;
-            coinGradientColor2: string;
-            coinGradientColor3: string;
-            green: string;
-            lightGreen: string;
-            orange: string;
-            red: string;
-            trendingBlue: string;
-            white: string;
-            default: string;
-            special: string;
-        };
-    };
-    dark: {
-        text: {
-            default: string;
-            subdued: string;
-            disabled: string;
-            link: string;
-            accent: string;
-            inverse: string;
-            heading: string;
-            active: string;
-            white: string;
-            staticWhite: string;
-            warning: string;
-            danger: string;
-            premium: string;
-            special: string;
-            artistCoin: string;
-        };
-        icon: {
-            default: string;
-            subdued: string;
-            disabled: string;
-            link: string;
-            accent: string;
-            inverse: string;
-            heading: string;
-            active: string;
-            white: string;
-            staticWhite: string;
-            warning: string;
-            danger: string;
-            premium: string;
-            special: string;
-            artistCoin: string;
-        };
-        link: {
-            default: string;
-            subdued: string;
-            visible: string;
-            inverted: string;
-        };
-        background: {
-            default: string;
-            surface1: string;
-            surface2: string;
-            white: string;
-            primary: string;
-            gradient: string;
-            artistCoin: string;
-            accent: string;
-        };
-        border: {
-            default: string;
-            strong: string;
-            negative: string;
-            accent: string;
-        };
-        focus: {
-            default: string;
-        };
-        status: {
-            error: string;
-            warning: string;
-            success: string;
-            danger: string;
-        };
-        static: {
-            primary: string;
-            secondary: string;
-            white: string;
-            staticWhite: string;
-            black: string;
-        };
-        primary: {
-            p100: string;
-            p200: string;
-            p300: string;
-            p400: string;
-            p500: string;
-            default: string;
-            primary: string;
-        };
-        secondary: {
-            s100: string;
-            s200: string;
-            s300: string;
-            s400: string;
-            s500: string;
-            default: string;
-            secondary: string;
-        };
-        neutral: {
-            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;
-            default: string;
-            neutral: string;
-        };
-        special: {
-            aiGreen: string;
-            background: string;
-            blue: string;
-            darkRed: string;
-            glassOverlay: string;
-            gradientStop1: string;
-            gradientStop2: string;
-            gradient: string;
-            coinGradient: string;
-            coinGradientColor1: string;
-            coinGradientColor2: string;
-            coinGradientColor3: string;
-            green: string;
-            lightGreen: string;
-            orange: string;
-            red: string;
-            trendingBlue: string;
-            white: string;
-            default: string;
-            special: string;
-        };
-    };
-    matrix: {
-        text: {
-            default: string;
-            subdued: string;
-            disabled: string;
-            link: string;
-            accent: string;
-            inverse: string;
-            heading: string;
-            active: string;
-            white: string;
-            staticWhite: string;
-            warning: string;
-            danger: string;
-            premium: string;
-            special: string;
-            artistCoin: string;
-        };
-        icon: {
-            default: string;
-            subdued: string;
-            disabled: string;
-            link: string;
-            accent: string;
-            inverse: string;
-            heading: string;
-            active: string;
-            white: string;
-            staticWhite: string;
-            warning: string;
-            danger: string;
-            premium: string;
-            special: string;
-            artistCoin: string;
-        };
-        link: {
-            default: string;
-            subdued: string;
-            visible: string;
-            inverted: string;
-        };
-        background: {
-            default: string;
-            surface1: string;
-            surface2: string;
-            white: string;
-            primary: string;
-            gradient: string;
-            artistCoin: string;
-            accent: string;
-        };
-        border: {
-            default: string;
-            strong: string;
-            negative: string;
-            accent: string;
-        };
-        focus: {
-            default: string;
-        };
-        status: {
-            error: string;
-            warning: string;
-            success: string;
-            danger: string;
-        };
-        static: {
-            primary: string;
-            secondary: string;
-            white: string;
-            staticWhite: string;
-            black: string;
-        };
-        primary: {
-            p100: string;
-            p200: string;
-            p300: string;
-            p400: string;
-            p500: string;
-            default: string;
-            primary: string;
-        };
-        secondary: {
-            s100: string;
-            s200: string;
-            s300: string;
-            s400: string;
-            s500: string;
-            default: string;
-            secondary: string;
-        };
-        neutral: {
-            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;
-            default: string;
-            neutral: string;
-        };
-        special: {
-            aiGreen: string;
-            background: string;
-            blue: string;
-            darkRed: string;
-            glassOverlay: string;
-            gradientStop1: string;
-            gradientStop2: string;
-            gradient: string;
-            coinGradient: string;
-            coinGradientColor1: string;
-            coinGradientColor2: string;
-            coinGradientColor3: string;
-            green: string;
-            lightGreen: string;
-            orange: string;
-            red: string;
-            trendingBlue: string;
-            white: string;
-            default: string;
-            special: string;
-        };
-    };
-};
-export type ColorTheme = typeof colorTheme;
-//# sourceMappingURL=color.d.ts.map

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

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

package/dist/foundations/color/color.js

@@ -1,12 +0,0 @@
-import { __assign } from '../../_virtual/_tslib.js';
-import { primitiveTheme } from './primitive.js';
-import { semanticTheme } from './semantic.js';
-
-var colorTheme = {
-    day: __assign(__assign({}, primitiveTheme.day), semanticTheme.day),
-    dark: __assign(__assign({}, primitiveTheme.dark), semanticTheme.dark),
-    matrix: __assign(__assign({}, primitiveTheme.matrix), semanticTheme.matrix)
-};
-
-export { colorTheme };
-//# sourceMappingURL=color.js.map

package/dist/foundations/color/color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.js","sources":["../../../src/foundations/color/color.ts"],"sourcesContent":["import { primitiveTheme } from './primitive'\nimport { semanticTheme } from './semantic'\n\nexport const colorTheme = {\n  day: {\n    ...primitiveTheme.day,\n    ...semanticTheme.day\n  },\n  dark: {\n    ...primitiveTheme.dark,\n    ...semanticTheme.dark\n  },\n  matrix: {\n    ...primitiveTheme.matrix,\n    ...semanticTheme.matrix\n  }\n}\n\nexport type ColorTheme = typeof colorTheme\n"],"names":[],"mappings":";;;;AAGa,IAAA,UAAU,GAAG;IACxB,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,cAAc,CAAC,GAAG,GAClB,aAAa,CAAC,GAAG,CACrB;IACD,IAAI,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACC,cAAc,CAAC,IAAI,GACnB,aAAa,CAAC,IAAI,CACtB;IACD,MAAM,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACD,cAAc,CAAC,MAAM,GACrB,aAAa,CAAC,MAAM,CACxB;;;;;"}

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

@@ -1,4 +0,0 @@
-export * from './primitive';
-export * from './semantic';
-export * from './color';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}