@audius/harmony 0.0.25 → 0.0.29

package/dist/components/text/Text/constants.d.ts

@@ -11,6 +11,19 @@ export declare const variantTagMap: {
         m: string;
         s: string;
     };
+    title: {
+        xl: string;
+        l: string;
+        m: string;
+        s: string;
+    };
+    label: {
+        xl: string;
+        l: string;
+        m: string;
+        s: string;
+        xs: string;
+    };
 };
 export declare const variantStylesMap: {
     display: {

package/dist/components/text/Text/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/text/Text/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAazB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B5B,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/text/Text/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BzB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B5B,CAAA"}

package/dist/components/text/Text/constants.js

@@ -10,6 +10,19 @@ var variantTagMap = {
         l: 'h2',
         m: 'h3',
         s: 'h4'
+    },
+    title: {
+        xl: 'h5',
+        l: 'h5',
+        m: 'h5',
+        s: 'h5'
+    },
+    label: {
+        xl: 'p',
+        l: 'p',
+        m: 'p',
+        s: 'p',
+        xs: 'p'
     }
 };
 var variantStylesMap = {

package/dist/components/text/Text/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/text/Text/constants.ts"],"sourcesContent":["export const variantTagMap = {\n  display: {\n    xl: 'h1',\n    l: 'h1',\n    m: 'h1',\n    s: 'h1'\n  },\n  heading: {\n    xl: 'h1',\n    l: 'h2',\n    m: 'h3',\n    s: 'h4'\n  }\n}\n\nexport const variantStylesMap = {\n  display: {\n    fontSize: { s: '6xl', m: '7xl', l: '8xl', xl: '9xl' },\n    lineHeight: { s: '3xl', m: '4xl', l: '5xl', xl: '6xl' },\n    fontWeight: { default: 'bold', strong: 'heavy' }\n  },\n  heading: {\n    fontSize: { s: 'xl', m: '2xl', l: '3xl', xl: '5xl' },\n    lineHeight: { s: 'l', m: 'xl', l: 'xl', xl: '2xl' },\n    fontWeight: { default: 'bold', strong: 'heavy' }\n  },\n  title: {\n    fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n    lineHeight: { xs: 's', s: 's', m: 'm', l: 'l' },\n    fontWeight: { weak: 'demiBold', default: 'bold', strong: 'heavy' }\n  },\n  label: {\n    fontSize: { xs: '2xs', s: 'xs', m: 's', l: 'm', xl: 'xl' },\n    lineHeight: { xs: 'xs', s: 's', m: 's', l: 'm', xl: 'l' },\n    fontWeight: { default: 'bold', strong: 'heavy' },\n    css: { textTransform: 'uppercase' as const, letterSpacing: 0.5 }\n  },\n  body: {\n    fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n    lineHeight: { xs: 's', s: 'm', m: 'm', l: 'l' },\n    fontWeight: { default: 'medium', strong: 'demiBold' }\n  }\n}\n"],"names":[],"mappings":"AAAa,IAAA,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,CAAC,EAAE,IAAI;AACP,QAAA,CAAC,EAAE,IAAI;AACP,QAAA,CAAC,EAAE,IAAI;AACR,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,CAAC,EAAE,IAAI;AACP,QAAA,CAAC,EAAE,IAAI;AACP,QAAA,CAAC,EAAE,IAAI;AACR,KAAA;EACF;AAEY,IAAA,gBAAgB,GAAG;AAC9B,IAAA,OAAO,EAAE;AACP,QAAA,QAAQ,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;AACrD,QAAA,UAAU,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;QACvD,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,QAAQ,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;AACpD,QAAA,UAAU,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE;QACnD,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;AACjD,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAC9C,QAAA,UAAU,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAC/C,QAAA,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;AACnE,KAAA;AACD,IAAA,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE;QAC1D,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QACzD,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;QAChD,GAAG,EAAE,EAAE,aAAa,EAAE,WAAoB,EAAE,aAAa,EAAE,GAAG,EAAE;AACjE,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAC9C,QAAA,UAAU,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;QAC/C,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE;AACtD,KAAA;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/text/Text/constants.ts"],"sourcesContent":["export const variantTagMap = {\n  display: {\n    xl: 'h1',\n    l: 'h1',\n    m: 'h1',\n    s: 'h1'\n  },\n  heading: {\n    xl: 'h1',\n    l: 'h2',\n    m: 'h3',\n    s: 'h4'\n  },\n  title: {\n    xl: 'h5',\n    l: 'h5',\n    m: 'h5',\n    s: 'h5'\n  },\n  label: {\n    xl: 'p',\n    l: 'p',\n    m: 'p',\n    s: 'p',\n    xs: 'p'\n  }\n}\n\nexport const variantStylesMap = {\n  display: {\n    fontSize: { s: '6xl', m: '7xl', l: '8xl', xl: '9xl' },\n    lineHeight: { s: '3xl', m: '4xl', l: '5xl', xl: '6xl' },\n    fontWeight: { default: 'bold', strong: 'heavy' }\n  },\n  heading: {\n    fontSize: { s: 'xl', m: '2xl', l: '3xl', xl: '5xl' },\n    lineHeight: { s: 'l', m: 'xl', l: 'xl', xl: '2xl' },\n    fontWeight: { default: 'bold', strong: 'heavy' }\n  },\n  title: {\n    fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n    lineHeight: { xs: 's', s: 's', m: 'm', l: 'l' },\n    fontWeight: { weak: 'demiBold', default: 'bold', strong: 'heavy' }\n  },\n  label: {\n    fontSize: { xs: '2xs', s: 'xs', m: 's', l: 'm', xl: 'xl' },\n    lineHeight: { xs: 'xs', s: 's', m: 's', l: 'm', xl: 'l' },\n    fontWeight: { default: 'bold', strong: 'heavy' },\n    css: { textTransform: 'uppercase' as const, letterSpacing: 0.5 }\n  },\n  body: {\n    fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n    lineHeight: { xs: 's', s: 'm', m: 'm', l: 'l' },\n    fontWeight: { default: 'medium', strong: 'demiBold' }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/text/Text/types.d.ts

@@ -11,6 +11,7 @@ export type BaseTextProps<TextComponentType extends ElementType = 'p'> = {
     shadow?: TextShadow;
     asChild?: boolean;
     textAlign?: CSSProperties['textAlign'];
+    ellipses?: boolean;
 };
 export type TextProps<TextComponentType extends ElementType = 'p'> = BaseTextProps<TextComponentType> & Omit<ComponentProps<TextComponentType>, keyof BaseTextProps | 'ref'>;
 export type TextStrength = 'weak' | 'default' | 'strong';

package/dist/components/text/Text/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/text/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAErE,MAAM,MAAM,aAAa,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAAI;IACvE,GAAG,CAAC,EAAE,iBAAiB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAC/D,aAAa,CAAC,iBAAiB,CAAC,GAC9B,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,CAAA;AAExE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAExD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC5E,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AACnC,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/text/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAErE,MAAM,MAAM,aAAa,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAAI;IACvE,GAAG,CAAC,EAAE,iBAAiB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAC/D,aAAa,CAAC,iBAAiB,CAAC,GAC9B,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,CAAA;AAExE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAExD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC5E,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AACnC,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA"}

package/dist/components/text-link/TextLink.d.ts

@@ -1,6 +1,18 @@
-import type { TextLinkProps } from './types';
+/// <reference types="react" />
 /**
  * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.
  */
-export declare const TextLink: (props: TextLinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TextLink: (props: {
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & Omit<import("react").HTMLProps<HTMLAnchorElement>, "size" | "color" | "ref"> & {
+    asChild?: boolean | undefined;
+    variant?: "default" | "subdued" | "visible" | "inverted" | "secondary" | undefined;
+    textVariant?: import("../text/Text").TextVariant | undefined;
+    showUnderline?: boolean | undefined;
+    isActive?: boolean | undefined;
+    isExternal?: boolean | undefined;
+    applyHoverStylesToInnerSvg?: boolean | undefined;
+} & import("react").RefAttributes<"a">) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=TextLink.d.ts.map

package/dist/components/text-link/TextLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAW,aAAa,qDAoE5C,CAAA"}
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;wIA2EnB,CAAA"}

package/dist/components/text-link/TextLink.js

@@ -1,5 +1,6 @@
 import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
 import { useTheme } from '@emotion/react';
 import { Slot } from '@radix-ui/react-slot';
 import { Text } from '../text/Text/Text.js';
@@ -7,20 +8,22 @@ import { Text } from '../text/Text/Text.js';
 /**
  * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.
  */
-var TextLink = function (props) {
-    var _a = props.asChild, asChild = _a === void 0 ? false : _a, children = props.children, _b = props.variant, variant = _b === void 0 ? 'default' : _b, _c = props.isExternal, isExternal = _c === void 0 ? false : _c, onClick = props.onClick, textVariant = props.textVariant, showUnderline = props.showUnderline, applyHoverStylesToInnerSvg = props.applyHoverStylesToInnerSvg, other = __rest(props, ["asChild", "children", "variant", "isExternal", "onClick", "textVariant", "showUnderline", "applyHoverStylesToInnerSvg"]);
-    var color = useTheme().color;
+var TextLink = forwardRef(function (props, ref) {
+    var _a = props.asChild, asChild = _a === void 0 ? false : _a, children = props.children, _b = props.variant, variant = _b === void 0 ? 'default' : _b, isActive = props.isActive, _c = props.isExternal, isExternal = _c === void 0 ? false : _c, onClick = props.onClick, textVariant = props.textVariant, showUnderline = props.showUnderline, applyHoverStylesToInnerSvg = props.applyHoverStylesToInnerSvg, other = __rest(props, ["asChild", "children", "variant", "isActive", "isExternal", "onClick", "textVariant", "showUnderline", "applyHoverStylesToInnerSvg"]);
+    var _d = useTheme(), color = _d.color, spacing = _d.spacing;
     var variantColors = {
         default: color.link.default,
         subdued: color.link.subdued,
         visible: color.link.visible,
-        inverted: color.static.white
+        inverted: color.static.white,
+        secondary: color.secondary.secondary
     };
     var variantHoverColors = {
         default: color.primary.p300,
         subdued: color.primary.p300,
         visible: color.link.visible,
-        inverted: color.static.white
+        inverted: color.static.white,
+        secondary: color.secondary.secondary
     };
     var hoverStyles = __assign({ textDecoration: 'underline', color: variantHoverColors[variant] }, (applyHoverStylesToInnerSvg
         ? {
@@ -29,8 +32,8 @@ var TextLink = function (props) {
             }
         }
         : {}));
-    return (jsx(Text, __assign({ asChild: true, onClick: onClick, tag: 'a', css: __assign({ color: variantColors[variant], textDecoration: 'none', transition: 'none', ':hover': hoverStyles }, (showUnderline && hoverStyles)), variant: textVariant }, other, { children: asChild ? (jsx(Slot, { children: children })) : (jsx("a", __assign({ target: isExternal ? '_blank' : undefined, rel: isExternal ? 'noreferrer' : undefined }, { children: children }))) })));
-};
+    return (jsx(Text, __assign({ ref: ref, asChild: true, onClick: onClick, tag: 'a', css: __assign(__assign({ display: 'inline-flex', gap: spacing.s, color: variantColors[variant], textDecoration: 'none', transition: 'none', ':hover': hoverStyles }, (isActive && __assign(__assign({}, hoverStyles), { textDecoration: 'none' }))), (showUnderline && hoverStyles)), variant: textVariant }, other, { children: asChild ? (jsx(Slot, { children: children })) : (jsx("a", __assign({ target: isExternal ? '_blank' : undefined, rel: isExternal ? 'noreferrer' : undefined }, { children: children }))) })));
+});
 
 export { TextLink };
 //# sourceMappingURL=TextLink.js.map

package/dist/components/text-link/TextLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.js","sources":["../../../src/components/text-link/TextLink.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { Text } from 'components/text/Text'\n\nimport type { TextLinkProps } from './types'\n\n/**\n * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.\n */\nexport const TextLink = (props: TextLinkProps) => {\n  const {\n    asChild = false,\n    children,\n    variant = 'default',\n    isExternal = false,\n    onClick,\n    textVariant,\n    showUnderline,\n    applyHoverStylesToInnerSvg,\n    ...other\n  } = props\n\n  const { color } = useTheme()\n\n  const variantColors = {\n    default: color.link.default,\n    subdued: color.link.subdued,\n    visible: color.link.visible,\n    inverted: color.static.white\n  }\n\n  const variantHoverColors = {\n    default: color.primary.p300,\n    subdued: color.primary.p300,\n    visible: color.link.visible,\n    inverted: color.static.white\n  }\n\n  const hoverStyles = {\n    textDecoration: 'underline',\n    color: variantHoverColors[variant],\n    ...(applyHoverStylesToInnerSvg\n      ? {\n          path: {\n            fill: variantHoverColors[variant]\n          }\n        }\n      : {})\n  }\n\n  return (\n    <Text\n      asChild\n      onClick={onClick}\n      tag='a'\n      css={{\n        color: variantColors[variant],\n        textDecoration: 'none',\n        transition: 'none',\n        ':hover': hoverStyles,\n        ...(showUnderline && hoverStyles)\n      }}\n      variant={textVariant}\n      {...other}\n    >\n      {asChild ? (\n        <Slot>{children}</Slot>\n      ) : (\n        <a\n          target={isExternal ? '_blank' : undefined}\n          rel={isExternal ? 'noreferrer' : undefined}\n        >\n          {children}\n        </a>\n      )}\n    </Text>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAOA;;AAEG;AACI,IAAM,QAAQ,GAAG,UAAC,KAAoB,EAAA;IAEzC,IAAA,EAAA,GASE,KAAK,CAAA,OATQ,EAAf,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACf,QAAQ,GAQN,KAAK,CAAA,QARC,EACR,EAAA,GAOE,KAAK,CAAA,OAPY,EAAnB,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACnB,EAME,GAAA,KAAK,CANW,UAAA,EAAlB,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAClB,OAAO,GAKL,KAAK,CAAA,OALA,EACP,WAAW,GAIT,KAAK,CAJI,WAAA,EACX,aAAa,GAGX,KAAK,CAAA,aAHM,EACb,0BAA0B,GAExB,KAAK,CAFmB,0BAAA,EACvB,KAAK,GAAA,MAAA,CACN,KAAK,EAVH,CAUL,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,4BAAA,CAAA,CADS,CACD;AAED,IAAA,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;AAE5B,IAAA,IAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AAC3B,QAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AAC3B,QAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AAC3B,QAAA,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;KAC7B,CAAA;AAED,IAAA,IAAM,kBAAkB,GAAG;AACzB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AAC3B,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AAC3B,QAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AAC3B,QAAA,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;KAC7B,CAAA;AAED,IAAA,IAAM,WAAW,GAAA,QAAA,CAAA,EACf,cAAc,EAAE,WAAW,EAC3B,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAAA,GAC9B,0BAA0B;AAC5B,UAAE;AACE,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,kBAAkB,CAAC,OAAO,CAAC;AAClC,aAAA;AACF,SAAA;AACH,UAAE,EAAE,EACP,CAAA;IAED,QACEA,IAAC,IAAI,EAAA,QAAA,CAAA,EACH,OAAO,EACP,IAAA,EAAA,OAAO,EAAE,OAAO,EAChB,GAAG,EAAC,GAAG,EACP,GAAG,EAAA,QAAA,CAAA,EACD,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAC7B,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,WAAW,KACjB,aAAa,IAAI,WAAW,IAElC,OAAO,EAAE,WAAW,EAChB,EAAA,KAAK,cAER,OAAO,IACNA,IAAC,IAAI,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAQ,CAAA,KAEvBA,GACE,CAAA,GAAA,EAAA,QAAA,CAAA,EAAA,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,EACzC,GAAG,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,EAEzC,EAAA,EAAA,QAAA,EAAA,QAAQ,IACP,CACL,EAAA,CAAA,CACI,EACR;AACH;;;;"}
+{"version":3,"file":"TextLink.js","sources":["../../../src/components/text-link/TextLink.tsx"],"sourcesContent":["import { Ref, forwardRef } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { Text } from 'components/text/Text'\n\nimport type { TextLinkProps } from './types'\n\n/**\n * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.\n */\nexport const TextLink = forwardRef((props: TextLinkProps, ref: Ref<'a'>) => {\n  const {\n    asChild = false,\n    children,\n    variant = 'default',\n    isActive,\n    isExternal = false,\n    onClick,\n    textVariant,\n    showUnderline,\n    applyHoverStylesToInnerSvg,\n    ...other\n  } = props\n\n  const { color, spacing } = useTheme()\n\n  const variantColors = {\n    default: color.link.default,\n    subdued: color.link.subdued,\n    visible: color.link.visible,\n    inverted: color.static.white,\n    secondary: color.secondary.secondary\n  }\n\n  const variantHoverColors = {\n    default: color.primary.p300,\n    subdued: color.primary.p300,\n    visible: color.link.visible,\n    inverted: color.static.white,\n    secondary: color.secondary.secondary\n  }\n\n  const hoverStyles = {\n    textDecoration: 'underline',\n    color: variantHoverColors[variant],\n    ...(applyHoverStylesToInnerSvg\n      ? {\n          path: {\n            fill: variantHoverColors[variant]\n          }\n        }\n      : {})\n  }\n\n  return (\n    <Text\n      ref={ref}\n      asChild\n      onClick={onClick}\n      tag='a'\n      css={{\n        display: 'inline-flex',\n        gap: spacing.s,\n        color: variantColors[variant],\n        textDecoration: 'none',\n        transition: 'none',\n        ':hover': hoverStyles,\n        ...(isActive && { ...hoverStyles, textDecoration: 'none' }),\n        ...(showUnderline && hoverStyles)\n      }}\n      variant={textVariant}\n      {...other}\n    >\n      {asChild ? (\n        <Slot>{children}</Slot>\n      ) : (\n        <a\n          target={isExternal ? '_blank' : undefined}\n          rel={isExternal ? 'noreferrer' : undefined}\n        >\n          {children}\n        </a>\n      )}\n    </Text>\n  )\n})\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/text-link/index.d.ts

@@ -1,2 +1,3 @@
 export { TextLink } from './TextLink';
+export type { TextLinkProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/text-link/types.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLProps } from 'react';
 import type { TextProps } from "../text/Text";
-type TextLinkTextProps = Omit<TextProps, 'variant' | 'color'>;
+type TextLinkTextProps = Omit<TextProps<any>, 'variant' | 'color' | 'onClick'>;
 export type TextLinkProps = TextLinkTextProps & Omit<HTMLProps<HTMLAnchorElement>, 'size' | 'color' | 'ref'> & {
     /**
      * Change the default rendered element for the one passed as a child,
@@ -11,7 +11,7 @@ export type TextLinkProps = TextLinkTextProps & Omit<HTMLProps<HTMLAnchorElement
      * Which variant to display.
      * @default default
      */
-    variant?: 'default' | 'subdued' | 'visible' | 'inverted';
+    variant?: 'default' | 'subdued' | 'visible' | 'inverted' | 'secondary';
     /**
      * Which text variant to display.
      */
@@ -21,6 +21,10 @@ export type TextLinkProps = TextLinkTextProps & Omit<HTMLProps<HTMLAnchorElement
      * a text-link is present when next to other text.
      */
     showUnderline?: boolean;
+    /**
+     * When `true`, render link in active style (e.g. hover color)
+     */
+    isActive?: boolean;
     /**
      * Mark as true if the link destination is outside of the app. Causes the
      * link to open in a new tab.

package/dist/components/text-link/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,qBAA4B;AAErD,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,CAAA;AAE7D,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CACF,SAAS,CAAC,iBAAiB,CAAC,EAE5B,MAAM,GAAG,OAAO,GAAG,KAAK,CACzB,GAAG;IACF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IAExD;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;CACrC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,qBAA4B;AAErD,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;AAE9E,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CACF,SAAS,CAAC,iBAAiB,CAAC,EAE5B,MAAM,GAAG,OAAO,GAAG,KAAK,CACzB,GAAG;IACF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAA;IAEtE;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;CACrC,CAAA"}

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

@@ -48,4 +48,5 @@ export declare const iconSizes: {
 };
 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

@@ -1 +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;;;;;;;;CAQrB,CAAA;AAED,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAA;AACpC,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,CAAA"}
+{"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;;;;;;;;CAQrB,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.map

@@ -1 +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  xs: 14,\n  s: 16,\n  m: 20,\n  l: 24,\n  xl: 30,\n  '2xl': 32,\n  '3xl': 40\n}\n\nexport type Spacing = typeof spacing\nexport type SpacingOptions = keyof Spacing\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,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;;;;;"}
+{"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  xs: 14,\n  s: 16,\n  m: 20,\n  l: 24,\n  xl: 30,\n  '2xl': 32,\n  '3xl': 40\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,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;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAOpC,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,qDAUtD,CAAA"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,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,qDAQtD,CAAA"}

package/dist/foundations/theme/ThemeProvider.js

@@ -1,16 +1,11 @@
 import { __assign } from '../../_virtual/_tslib.js';
 import { jsx } from '@emotion/react/jsx-runtime';
-import createCache from '@emotion/cache';
-import { CacheProvider, ThemeProvider as ThemeProvider$1 } from '@emotion/react';
+import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
 import { themes } from './theme.js';
 
-var harmonyCache = createCache({
-    key: 'harmony',
-    prepend: true
-});
 var ThemeProvider = function (props) {
     var children = props.children, theme = props.theme;
-    return (jsx(CacheProvider, __assign({ value: harmonyCache }, { children: jsx(ThemeProvider$1, __assign({ theme: themes[theme] }, { children: children })) })));
+    return (jsx(ThemeProvider$1, __assign({ theme: themes[theme] }, { children: children })));
 };
 
 export { ThemeProvider };

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport createCache from '@emotion/cache'\nimport {\n  CacheProvider,\n  ThemeProvider as EmotionThemeProvider\n} from '@emotion/react'\n\nimport { themes } from './theme'\nimport type { Theme } from './types'\n\nconst harmonyCache = createCache({\n  key: 'harmony',\n  prepend: true\n})\n\ntype ThemeProviderProps = {\n  theme: Theme\n  children: ReactNode\n}\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  const { children, theme } = props\n\n  return (\n    <CacheProvider value={harmonyCache}>\n      <EmotionThemeProvider theme={themes[theme]}>\n        {children}\n      </EmotionThemeProvider>\n    </CacheProvider>\n  )\n}\n"],"names":["_jsx","EmotionThemeProvider"],"mappings":";;;;;;AAWA,IAAM,YAAY,GAAG,WAAW,CAAC;AAC/B,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,OAAO,EAAE,IAAI;AACd,CAAA,CAAC,CAAA;AAOK,IAAM,aAAa,GAAG,UAAC,KAAyB,EAAA;IAC7C,IAAA,QAAQ,GAAY,KAAK,CAAA,QAAjB,EAAE,KAAK,GAAK,KAAK,CAAA,KAAV,CAAU;IAEjC,QACEA,IAAC,aAAa,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,YAAY,EAChC,EAAA,EAAA,QAAA,EAAAA,GAAA,CAACC,eAAoB,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,gBACvC,QAAQ,EAAA,CAAA,CACY,EACT,CAAA,CAAA,EACjB;AACH;;;;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { ThemeProvider as EmotionThemeProvider } from '@emotion/react'\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  return (\n    <EmotionThemeProvider theme={themes[theme]}>\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n"],"names":["_jsx","EmotionThemeProvider"],"mappings":";;;;;AAYO,IAAM,aAAa,GAAG,UAAC,KAAyB,EAAA;IAC7C,IAAA,QAAQ,GAAY,KAAK,CAAA,QAAjB,EAAE,KAAK,GAAK,KAAK,CAAA,KAAV,CAAU;AAEjC,IAAA,QACEA,GAAA,CAACC,eAAoB,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAA,EAAA,EAAA,QAAA,EACvC,QAAQ,EAAA,CAAA,CACY,EACxB;AACH;;;;"}