@audius/harmony 0.0.34 → 0.2.0

package/dist/components/select/Select/types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { IconComponent } from "../../icon";
+import { TextInputProps } from "../../input";
+import { MenuContentProps, MenuProps } from "../../internal/Menu";
+export type SelectOption<Value extends string> = {
+    value: Value;
+    /**
+     * The label to display. If not provided, uses the value.
+     */
+    label?: string;
+    icon?: IconComponent;
+    leadingElement?: JSX.Element;
+};
+type ChildrenProps<Value> = {
+    /**
+     * A callback triggered when the value is changed
+     */
+    onChange: (value: Value) => void;
+    /**
+     * The rendered options, provided to the children render prop in case
+     * they want to be incorporated as-is.
+     */
+    options: ReactNode;
+};
+export type SelectProps<Value extends string = string> = {
+    value: Value;
+    /**
+     * A callback triggered when the value is changed
+     */
+    onChange?: (value: Value) => void;
+    /**
+     * Selection options
+     * e.g. { label: 'Option A', icon: IconRadar }
+     */
+    options: SelectOption<Value>[];
+    children?: (props: ChildrenProps<Value>) => ReactNode;
+    /**
+     * Label to display above options
+     */
+    optionsLabel?: string;
+    InputProps?: Partial<TextInputProps>;
+    menuProps?: Partial<MenuProps> & Partial<MenuContentProps>;
+    clearable?: boolean;
+} & Omit<TextInputProps, 'value' | 'onChange' | 'children'>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/select/Select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,mBAAuB;AAC/C,OAAO,EAAE,cAAc,EAAE,oBAAwB;AACjD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,4BAAgC;AAEtE,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,IAAI;IAC/C,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC7B,CAAA;AAED,KAAK,aAAa,CAAC,KAAK,IAAI;IAC1B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACvD,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAEjC;;;OAGG;IACH,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,CAAA;IAE9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAA;IAErD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA"}

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

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

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

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

package/dist/components/tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAclC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,UAAW,QAAQ,qDAgElC,CAAA"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAclC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,UAAW,QAAQ,qDAiElC,CAAA"}

package/dist/components/tag/Tag.js

@@ -40,7 +40,7 @@ var Tag = function (props) {
         : null;
     var Root = multiselect && variant === 'composed' ? 'button' : 'span';
     var isDefaultMultiselect = multiselect && variant === 'default';
-    return (jsxs(Root, __assign({ css: rootCss, onClick: isDefaultMultiselect ? undefined : onClick }, other, { children: [jsx(Text, __assign({ variant: 'label', size: 'xs', color: 'staticWhite', css: { lineHeight: '8px' } }, { children: children })), Icon ? (jsx(IconButton, { icon: Icon, color: 'staticWhite', onClick: isDefaultMultiselect ? onClick : undefined, "aria-label": variant === 'composed' ? messages.add : messages.remove, height: spacing.unit2, width: spacing.unit2, css: { paddingRight: 0 } })) : null] })));
+    return (jsxs(Root, __assign({ css: rootCss, onClick: isDefaultMultiselect ? undefined : onClick }, other, { children: [jsx(Text, __assign({ variant: 'label', size: 'xs', color: 'staticWhite', css: { lineHeight: '8px' } }, { children: children })), Icon ? (jsx(IconButton, { asChild: true, icon: Icon, color: 'staticWhite', onClick: isDefaultMultiselect ? onClick : undefined, "aria-label": variant === 'composed' ? messages.add : messages.remove, height: spacing.unit2, width: spacing.unit2, css: { paddingRight: 0 } })) : null] })));
 };
 
 export { Tag };

package/dist/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import { MouseEvent } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport IconCloseAlt from '../../assets/icons/CloseAlt.svg'\nimport IconPlus from '../../assets/icons/Plus.svg'\nimport { IconButton } from '../button/IconButton/IconButton'\nimport { Text } from '../text'\n\nconst messages = {\n  add: 'Add Tag',\n  remove: 'Remove Tag'\n}\n\nexport type TagProps = {\n  children: string\n  className?: string\n  onClick?: (e: MouseEvent<HTMLElement>) => void\n  variant?: 'default' | 'composed'\n  multiselect?: boolean\n}\n\nexport const Tag = (props: TagProps) => {\n  const { children, variant, multiselect, onClick, ...other } = props\n  const { color, motion, cornerRadius, spacing } = useTheme()\n\n  const rootCss: CSSObject = {\n    all: 'unset',\n    cursor: multiselect && variant === 'composed' ? 'pointer' : undefined,\n    display: 'inline-flex',\n    alignItems: 'center',\n    height: 23,\n    boxSizing: 'border-box',\n    padding: '5.5px 8px',\n    // gap: spacing.xs,\n    borderRadius: cornerRadius.xs,\n    backgroundColor:\n      variant === 'composed' ? color.secondary.s300 : color.neutral.n400,\n    transition: `transform ${motion.hover}, background-color ${motion.hover}, color ${motion.hover}`,\n\n    ':hover': {\n      backgroundColor:\n        variant === 'composed' ? color.secondary.s100 : color.secondary.s300,\n      transform: 'scale(1.04)'\n    },\n    ':active': {\n      transform: 'scale(0.98)'\n    }\n  }\n\n  const Icon = multiselect\n    ? variant === 'composed'\n      ? IconPlus\n      : IconCloseAlt\n    : null\n\n  const Root = multiselect && variant === 'composed' ? 'button' : 'span'\n  const isDefaultMultiselect = multiselect && variant === 'default'\n\n  return (\n    <Root\n      css={rootCss}\n      onClick={isDefaultMultiselect ? undefined : onClick}\n      {...other}\n    >\n      <Text\n        variant='label'\n        size='xs'\n        color='staticWhite'\n        css={{ lineHeight: '8px' }}\n      >\n        {children}\n      </Text>\n      {Icon ? (\n        <IconButton\n          icon={Icon}\n          color='staticWhite'\n          onClick={isDefaultMultiselect ? onClick : undefined}\n          aria-label={variant === 'composed' ? messages.add : messages.remove}\n          height={spacing.unit2}\n          width={spacing.unit2}\n          css={{ paddingRight: 0 }}\n        />\n      ) : null}\n    </Root>\n  )\n}\n"],"names":["IconPlus","IconCloseAlt","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import { MouseEvent } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport IconCloseAlt from '../../assets/icons/CloseAlt.svg'\nimport IconPlus from '../../assets/icons/Plus.svg'\nimport { IconButton } from '../button/IconButton/IconButton'\nimport { Text } from '../text'\n\nconst messages = {\n  add: 'Add Tag',\n  remove: 'Remove Tag'\n}\n\nexport type TagProps = {\n  children: string\n  className?: string\n  onClick?: (e: MouseEvent<HTMLElement>) => void\n  variant?: 'default' | 'composed'\n  multiselect?: boolean\n}\n\nexport const Tag = (props: TagProps) => {\n  const { children, variant, multiselect, onClick, ...other } = props\n  const { color, motion, cornerRadius, spacing } = useTheme()\n\n  const rootCss: CSSObject = {\n    all: 'unset',\n    cursor: multiselect && variant === 'composed' ? 'pointer' : undefined,\n    display: 'inline-flex',\n    alignItems: 'center',\n    height: 23,\n    boxSizing: 'border-box',\n    padding: '5.5px 8px',\n    // gap: spacing.xs,\n    borderRadius: cornerRadius.xs,\n    backgroundColor:\n      variant === 'composed' ? color.secondary.s300 : color.neutral.n400,\n    transition: `transform ${motion.hover}, background-color ${motion.hover}, color ${motion.hover}`,\n\n    ':hover': {\n      backgroundColor:\n        variant === 'composed' ? color.secondary.s100 : color.secondary.s300,\n      transform: 'scale(1.04)'\n    },\n    ':active': {\n      transform: 'scale(0.98)'\n    }\n  }\n\n  const Icon = multiselect\n    ? variant === 'composed'\n      ? IconPlus\n      : IconCloseAlt\n    : null\n\n  const Root = multiselect && variant === 'composed' ? 'button' : 'span'\n  const isDefaultMultiselect = multiselect && variant === 'default'\n\n  return (\n    <Root\n      css={rootCss}\n      onClick={isDefaultMultiselect ? undefined : onClick}\n      {...other}\n    >\n      <Text\n        variant='label'\n        size='xs'\n        color='staticWhite'\n        css={{ lineHeight: '8px' }}\n      >\n        {children}\n      </Text>\n      {Icon ? (\n        <IconButton\n          asChild\n          icon={Icon}\n          color='staticWhite'\n          onClick={isDefaultMultiselect ? onClick : undefined}\n          aria-label={variant === 'composed' ? messages.add : messages.remove}\n          height={spacing.unit2}\n          width={spacing.unit2}\n          css={{ paddingRight: 0 }}\n        />\n      ) : null}\n    </Root>\n  )\n}\n"],"names":["IconPlus","IconCloseAlt","_jsxs","_jsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAwC,MAAM,OAAO,CAAA;AAWzE,eAAO,MAAM,IAAI,4WAoFhB,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAwC,MAAM,OAAO,CAAA;AAWzE,eAAO,MAAM,IAAI,4WAsGhB,CAAA"}

package/dist/components/text/Text.js

@@ -4,19 +4,20 @@ import { forwardRef, useContext } from 'react';
 import { useTheme } from '@emotion/react';
 import { Slot } from '@radix-ui/react-slot';
 import { typography } from '../../foundations/typography/typography.js';
-import { variantTagMap, variantStylesMap } from './constants.js';
+import { bodyLineHeightMap, variantTagMap, variantStylesMap } from './constants.js';
 import { TextContext } from './textContext.js';
 
 var Text = forwardRef(function (props, ref) {
     var _a, _b, _c;
-    var children = props.children, propVariant = props.variant, strengthProp = props.strength, sizeProp = props.size, color = props.color, shadow = props.shadow, tag = props.tag, asChild = props.asChild, textAlign = props.textAlign, textTransform = props.textTransform, ellipses = props.ellipses, other = __rest(props, ["children", "variant", "strength", "size", "color", "shadow", "tag", "asChild", "textAlign", "textTransform", "ellipses"]);
+    var children = props.children, variantProp = props.variant, strengthProp = props.strength, sizeProp = props.size, color = props.color, shadow = props.shadow, tag = props.tag, asChild = props.asChild, textAlign = props.textAlign, textTransform = props.textTransform, ellipses = props.ellipses, maxLines = props.maxLines, lineHeight = props.lineHeight, other = __rest(props, ["children", "variant", "strength", "size", "color", "shadow", "tag", "asChild", "textAlign", "textTransform", "ellipses", "maxLines", "lineHeight"]);
     var theme = useTheme();
     var contextVariant = useContext(TextContext).variant;
-    var variant = (_a = propVariant !== null && propVariant !== void 0 ? propVariant : contextVariant) !== null && _a !== void 0 ? _a : 'body';
-    var strength = strengthProp !== null && strengthProp !== void 0 ? strengthProp : (contextVariant ? undefined : 'default');
-    var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : (contextVariant ? undefined : 'm');
+    var variant = (_a = variantProp !== null && variantProp !== void 0 ? variantProp : contextVariant) !== null && _a !== void 0 ? _a : 'body';
+    var parentVariant = contextVariant && !variantProp;
+    var strength = strengthProp !== null && strengthProp !== void 0 ? strengthProp : (parentVariant ? undefined : 'default');
+    var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : (parentVariant ? undefined : 'm');
     var variantConfig = variant && variantStylesMap[variant];
-    var css = __assign(__assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: "'Avenir Next LT Pro', 'Helvetica Neue', Helvetica,\n    Arial, sans-serif", position: 'relative', boxSizing: 'border-box' }, (color &&
+    var css = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: "'Avenir Next LT Pro', 'Helvetica Neue', Helvetica,\n    Arial, sans-serif", position: 'relative', boxSizing: 'border-box' }, (color &&
         color === 'heading' && {
         // inline is necessary to prevent text clipping
         display: 'inline',
@@ -26,9 +27,13 @@ var Text = forwardRef(function (props, ref) {
         backgroundImage: theme.color.text.heading
     })), (color && color !== 'heading' && { color: theme.color.text[color] })), (variantConfig && __assign({ 
         // @ts-ignore
-        fontSize: typography.size[variantConfig.fontSize[size]], 
+        fontSize: typography.size[variantConfig.fontSize[size]], lineHeight: 
         // @ts-ignore
-        lineHeight: typography.lineHeight[variantConfig.lineHeight[size]], 
+        typography.lineHeight[lineHeight && variant === 'body' && size
+            ? // @ts-ignore
+                bodyLineHeightMap[size][lineHeight]
+            : // @ts-ignore
+                variantConfig.lineHeight[size]], 
         // @ts-ignore
         fontWeight: typography.weight[variantConfig.fontWeight[strength]] }, ('css' in variantConfig && variantConfig.css)))), (shadow && {
         textShadow: typography.shadow[shadow]
@@ -36,12 +41,18 @@ var Text = forwardRef(function (props, ref) {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap'
+    })), (maxLines && {
+        overflow: 'hidden',
+        display: '-webkit-box',
+        lineClamp: "".concat(maxLines),
+        '-webkit-line-clamp': "".concat(maxLines),
+        '-webkit-box-orient': 'vertical'
     }));
     // @ts-ignore
     var variantTag = variant && ((_b = variantTagMap[variant]) === null || _b === void 0 ? void 0 : _b[size]);
     var Tag = asChild ? Slot : (_c = tag !== null && tag !== void 0 ? tag : variantTag) !== null && _c !== void 0 ? _c : 'span';
     var textElement = (jsx(Tag, __assign({ ref: ref, css: css }, other, { children: children })));
-    if (contextVariant && !propVariant) {
+    if (parentVariant) {
         return textElement;
     }
     return (jsx(TextContext.Provider, __assign({ value: { variant: variant } }, { children: textElement })));

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import { ElementType, ForwardedRef, forwardRef, useContext } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { typography } from '../../foundations/typography'\n\nimport { variantStylesMap, variantTagMap } from './constants'\nimport { TextContext } from './textContext'\nimport type { TextProps } from './types'\n\nexport const Text = forwardRef(\n  <TextComponentType extends ElementType = 'p'>(\n    props: TextProps<TextComponentType>,\n    ref: ForwardedRef<TextComponentType>\n  ) => {\n    const {\n      children,\n      variant: propVariant,\n      strength: strengthProp,\n      size: sizeProp,\n      color,\n      shadow,\n      tag,\n      asChild,\n      textAlign,\n      textTransform,\n      ellipses,\n      ...other\n    } = props\n\n    const theme = useTheme()\n    const { variant: contextVariant } = useContext(TextContext)\n    const variant = propVariant ?? contextVariant ?? 'body'\n    const strength = strengthProp ?? (contextVariant ? undefined : 'default')\n    const size = sizeProp ?? (contextVariant ? undefined : 'm')\n\n    const variantConfig = variant && variantStylesMap[variant]\n    const css = {\n      fontFamily: `'Avenir Next LT Pro', 'Helvetica Neue', Helvetica,\n    Arial, sans-serif`,\n      position: 'relative',\n      boxSizing: 'border-box',\n      ...(color &&\n        color === 'heading' && {\n          // inline is necessary to prevent text clipping\n          display: 'inline',\n          color: theme.color.secondary.secondary,\n          WebkitTextFillColor: 'transparent',\n          backgroundClip: 'text',\n          backgroundImage: theme.color.text.heading\n        }),\n      ...(color && color !== 'heading' && { color: theme.color.text[color] }),\n      ...(variantConfig && {\n        // @ts-ignore\n        fontSize: typography.size[variantConfig.fontSize[size]],\n        // @ts-ignore\n        lineHeight: typography.lineHeight[variantConfig.lineHeight[size]],\n        // @ts-ignore\n        fontWeight: typography.weight[variantConfig.fontWeight[strength]],\n        ...('css' in variantConfig && variantConfig.css)\n      }),\n      ...(shadow && {\n        textShadow: typography.shadow[shadow]\n      }),\n      textAlign,\n      ...(textTransform && { textTransform }),\n      ...(ellipses && {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n      })\n    }\n\n    // @ts-ignore\n    const variantTag = variant && variantTagMap[variant]?.[size]\n\n    const Tag: ElementType = asChild ? Slot : tag ?? variantTag ?? 'span'\n\n    const textElement = (\n      <Tag ref={ref} css={css} {...other}>\n        {children}\n      </Tag>\n    )\n\n    if (contextVariant && !propVariant) {\n      return textElement\n    }\n\n    return (\n      <TextContext.Provider value={{ variant }}>\n        {textElement}\n      </TextContext.Provider>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import { ElementType, ForwardedRef, forwardRef, useContext } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { typography } from '../../foundations/typography'\n\nimport { bodyLineHeightMap, variantStylesMap, variantTagMap } from './constants'\nimport { TextContext } from './textContext'\nimport type { TextProps } from './types'\n\nexport const Text = forwardRef(\n  <TextComponentType extends ElementType = 'p'>(\n    props: TextProps<TextComponentType>,\n    ref: ForwardedRef<TextComponentType>\n  ) => {\n    const {\n      children,\n      variant: variantProp,\n      strength: strengthProp,\n      size: sizeProp,\n      color,\n      shadow,\n      tag,\n      asChild,\n      textAlign,\n      textTransform,\n      ellipses,\n      maxLines,\n      lineHeight,\n      ...other\n    } = props\n\n    const theme = useTheme()\n    const { variant: contextVariant } = useContext(TextContext)\n    const variant = variantProp ?? contextVariant ?? 'body'\n    const parentVariant = contextVariant && !variantProp\n    const strength = strengthProp ?? (parentVariant ? undefined : 'default')\n    const size = sizeProp ?? (parentVariant ? undefined : 'm')\n\n    const variantConfig = variant && variantStylesMap[variant]\n    const css = {\n      fontFamily: `'Avenir Next LT Pro', 'Helvetica Neue', Helvetica,\n    Arial, sans-serif`,\n      position: 'relative',\n      boxSizing: 'border-box',\n      ...(color &&\n        color === 'heading' && {\n          // inline is necessary to prevent text clipping\n          display: 'inline',\n          color: theme.color.secondary.secondary,\n          WebkitTextFillColor: 'transparent',\n          backgroundClip: 'text',\n          backgroundImage: theme.color.text.heading\n        }),\n      ...(color && color !== 'heading' && { color: theme.color.text[color] }),\n      ...(variantConfig && {\n        // @ts-ignore\n        fontSize: typography.size[variantConfig.fontSize[size]],\n\n        lineHeight:\n          // @ts-ignore\n          typography.lineHeight[\n            lineHeight && variant === 'body' && size\n              ? // @ts-ignore\n                bodyLineHeightMap[size][lineHeight]\n              : // @ts-ignore\n                variantConfig.lineHeight[size]\n          ],\n        // @ts-ignore\n        fontWeight: typography.weight[variantConfig.fontWeight[strength]],\n        ...('css' in variantConfig && variantConfig.css)\n      }),\n      ...(shadow && {\n        textShadow: typography.shadow[shadow]\n      }),\n      textAlign,\n      ...(textTransform && { textTransform }),\n      ...(ellipses && {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n      }),\n      ...(maxLines && {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        lineClamp: `${maxLines}`,\n        '-webkit-line-clamp': `${maxLines}`,\n        '-webkit-box-orient': 'vertical'\n      })\n    }\n\n    // @ts-ignore\n    const variantTag = variant && variantTagMap[variant]?.[size]\n\n    const Tag: ElementType = asChild ? Slot : tag ?? variantTag ?? 'span'\n\n    const textElement = (\n      <Tag ref={ref} css={css} {...other}>\n        {children}\n      </Tag>\n    )\n\n    if (parentVariant) {\n      return textElement\n    }\n\n    return (\n      <TextContext.Provider value={{ variant }}>\n        {textElement}\n      </TextContext.Provider>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}

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

@@ -124,4 +124,22 @@ export declare const variantStylesMap: {
         };
     };
 };
+export declare const bodyLineHeightMap: {
+    xs: {
+        single: string;
+        multi: string;
+    };
+    s: {
+        single: string;
+        multi: string;
+    };
+    m: {
+        single: string;
+        multi: string;
+    };
+    l: {
+        single: string;
+        multi: string;
+    };
+};
 //# sourceMappingURL=constants.d.ts.map

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

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

package/dist/components/text/constants.js

@@ -53,6 +53,12 @@ var variantStylesMap = {
         fontWeight: { default: 'medium', strong: 'demiBold' }
     }
 };
+var bodyLineHeightMap = {
+    xs: { single: 'xs', multi: 's' },
+    s: { single: 's', multi: 'l' },
+    m: { single: 's', multi: 'l' },
+    l: { single: 'm', multi: 'bl' }
+};
 
-export { variantStylesMap, variantTagMap };
+export { bodyLineHeightMap, variantStylesMap, variantTagMap };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/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: 'hl', 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: 'm', m: 'l', 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: 'xs', m: 's', l: 's', 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: 'l', l: 'l' },\n    fontWeight: { default: 'medium', strong: 'demiBold' }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/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: 'hl', 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: 'm', m: 'l', 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: 'xs', m: 's', l: 's', 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: 'l', l: 'l' },\n    fontWeight: { default: 'medium', strong: 'demiBold' }\n  }\n}\n\nexport const bodyLineHeightMap = {\n  xs: { single: 'xs', multi: 's' },\n  s: { single: 's', multi: 'l' },\n  m: { single: 's', multi: 'l' },\n  l: { single: 'm', multi: 'bl' }\n}\n"],"names":[],"mappings":"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"}

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

@@ -12,7 +12,9 @@ export type BaseTextProps<TextComponentType extends ElementType = 'p'> = {
     asChild?: boolean;
     textAlign?: CSSProperties['textAlign'];
     ellipses?: boolean;
+    maxLines?: number;
     textTransform?: CSSProperties['textTransform'];
+    lineHeight?: 'single' | 'multi';
 };
 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/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/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,kCAAkC,CAAA;AAElE,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;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C,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/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,kCAAkC,CAAA;AAElE,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;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAChC,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.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;wIA8EnB,CAAA"}
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;wIA+EnB,CAAA"}

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

@@ -34,7 +34,7 @@ var TextLink = forwardRef(function (props, ref) {
             }
         }
         : {}));
-    return (jsx(Text, __assign({ ref: ref, asChild: true, onClick: onClick, css: __assign(__assign({ display: 'inline-flex', gap: spacing.s, color: variantColors[variant], textDecoration: 'none', transition: "color ".concat(motion.hover), pointerEvents: disabled ? 'none' : undefined, ':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 }))) })));
+    return (jsx(Text, __assign({ ref: ref, asChild: true, onClick: onClick, css: __assign(__assign({ display: 'inline-flex', gap: spacing.s, color: variantColors[variant], textDecoration: 'none', transition: "color ".concat(motion.hover), cursor: 'pointer', pointerEvents: disabled ? 'none' : undefined, ':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 };

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

@@ -1 +1 @@
-{"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 '../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    disabled,\n    ...other\n  } = props\n\n  const { color, spacing, motion } = 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    active: color.primary.primary\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    active: color.primary.primary\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      css={{\n        display: 'inline-flex',\n        gap: spacing.s,\n        color: variantColors[variant],\n        textDecoration: 'none',\n        transition: `color ${motion.hover}`,\n        pointerEvents: disabled ? 'none' : undefined,\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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"}
+{"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 '../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    disabled,\n    ...other\n  } = props\n\n  const { color, spacing, motion } = 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    active: color.primary.primary\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    active: color.primary.primary\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      css={{\n        display: 'inline-flex',\n        gap: spacing.s,\n        color: variantColors[variant],\n        textDecoration: 'none',\n        transition: `color ${motion.hover}`,\n        cursor: 'pointer',\n        pointerEvents: disabled ? 'none' : undefined,\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/foundations/color/color.d.ts

@@ -10,6 +10,8 @@ export declare const colorTheme: {
             staticWhite: string;
             warning: string;
             danger: string;
+            premium: string;
+            special: string;
         };
         icon: {
             heading: string;
@@ -21,6 +23,8 @@ export declare const colorTheme: {
             staticWhite: string;
             warning: string;
             danger: string;
+            premium: string;
+            special: string;
         };
         link: {
             default: string;
@@ -38,6 +42,7 @@ export declare const colorTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;
@@ -93,6 +98,8 @@ export declare const colorTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };
@@ -107,6 +114,8 @@ export declare const colorTheme: {
             staticWhite: string;
             warning: string;
             danger: string;
+            premium: string;
+            special: string;
         };
         icon: {
             heading: string;
@@ -118,6 +127,8 @@ export declare const colorTheme: {
             staticWhite: string;
             warning: string;
             danger: string;
+            premium: string;
+            special: string;
         };
         link: {
             default: string;
@@ -135,6 +146,7 @@ export declare const colorTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;
@@ -190,6 +202,8 @@ export declare const colorTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };
@@ -204,6 +218,112 @@ export declare const colorTheme: {
             staticWhite: string;
             warning: string;
             danger: string;
+            premium: string;
+            special: string;
+        };
+        icon: {
+            heading: string;
+            default: string;
+            subdued: string;
+            disabled: string;
+            active: string;
+            accent: string;
+            staticWhite: string;
+            warning: string;
+            danger: string;
+            premium: string;
+            special: string;
+        };
+        link: {
+            default: string;
+            subdued: string;
+            visible: string;
+            inverted: string;
+        };
+        background: {
+            default: string;
+            white: string;
+            surface1: string;
+            surface2: string;
+            accent: string;
+        };
+        border: {
+            default: string;
+            strong: string;
+            accent: string;
+        };
+        focus: {
+            default: string;
+        };
+        status: {
+            error: string;
+            warning: string;
+            success: string;
+        };
+        static: {
+            white: string;
+            black: 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;
+            trendingBlue: string;
+            aiGreen: string;
+            gradient: string;
+        };
+    };
+    debug: {
+        text: {
+            heading: string;
+            default: string;
+            subdued: string;
+            disabled: string;
+            active: string;
+            accent: string;
+            staticWhite: string;
+            warning: string;
+            danger: string;
+            premium: string;
+            special: string;
         };
         icon: {
             heading: string;
@@ -215,6 +335,8 @@ export declare const colorTheme: {
             staticWhite: string;
             warning: string;
             danger: string;
+            premium: string;
+            special: string;
         };
         link: {
             default: string;
@@ -232,6 +354,7 @@ export declare const colorTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;
@@ -287,6 +410,8 @@ export declare const colorTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}

package/dist/foundations/color/color.js

@@ -5,7 +5,8 @@ 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)
+    matrix: __assign(__assign({}, primitiveTheme.matrix), semanticTheme.matrix),
+    debug: __assign(__assign({}, primitiveTheme.debug), semanticTheme.debug)
 };
 
 export { colorTheme };

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

@@ -1 +1 @@
-{"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;;;;;"}
+{"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  debug: {\n    ...primitiveTheme.debug,\n    ...semanticTheme.debug\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;IACD,KAAK,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACA,cAAc,CAAC,KAAK,GACpB,aAAa,CAAC,KAAK,CACvB;;;;;"}