@audius/harmony 0.0.29 → 0.0.34

package/dist/assets/icons/fileXWMA.svg.js

@@ -5,7 +5,8 @@ import { css, cx } from '@emotion/css';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _path, _path2, _path3, _path4;
-var _excluded = ["color", "size", "sizeH", "sizeW", "height", "width", "shadow"];
+var _excluded = ["title", "titleId", "desc", "descId"],
+  _excluded2 = ["color", "size", "sizeH", "sizeW", "height", "width", "shadow"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -14,8 +15,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var SvgFileXwma = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _theme$iconSizes, _theme$iconSizes2, _ref, _other$fill, _theme$color;
+var SvgFileXwma = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _theme$iconSizes, _theme$iconSizes2, _ref2, _other$fill, _theme$color;
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
   var _props = props,
     color = _props.color,
@@ -25,7 +31,7 @@ var SvgFileXwma = /*#__PURE__*/forwardRef(function (props, ref) {
     heightProp = _props.height,
     widthProp = _props.width,
     shadow = _props.shadow,
-    other = _objectWithoutProperties(_props, _excluded);
+    other = _objectWithoutProperties(_props, _excluded2);
   var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
   if (height) {
     other.height = height;
@@ -34,7 +40,7 @@ var SvgFileXwma = /*#__PURE__*/forwardRef(function (props, ref) {
   if (width) {
     other.width = width;
   }
-  var fillColor = (_ref = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color]) !== null && _ref !== void 0 ? _ref : 'red';
+  var fillColor = (_ref2 = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color]) !== null && _ref2 !== void 0 ? _ref2 : 'red';
   var classNameProp = other.className;
   var className = css({
     filter: shadow ? theme.shadows.drop : undefined,
@@ -42,6 +48,8 @@ var SvgFileXwma = /*#__PURE__*/forwardRef(function (props, ref) {
     minWidth: width
   });
   other.className = cx(className, classNameProp);
+  other.role = title ? 'img' : undefined;
+  other['aria-hidden'] = title ? undefined : true;
   props = _objectSpread(_objectSpread({}, other), {}, {
     ref: ref,
     fillColor: fillColor
@@ -51,8 +59,14 @@ var SvgFileXwma = /*#__PURE__*/forwardRef(function (props, ref) {
     width: 40,
     height: 40,
     fill: "none",
-    viewBox: "0 0 40 40"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    viewBox: "0 0 40 40",
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "#F7F7F9",
     fillRule: "evenodd",
     d: "M32.427 36.667H7.573a1.455 1.455 0 0 1-1.462-1.45V4.783c0-.801.655-1.45 1.462-1.45h17.544l8.772 8.696v23.188c0 .801-.654 1.45-1.462 1.45Z",

package/dist/assets/icons/fileXWMA.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileXWMA.svg.js","sources":["../../../src/assets/icons/fileXWMA.svg"],"sourcesContent":["<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M32.4272 36.6666H7.57344C6.76569 36.6666 6.11145 36.0181 6.11145 35.2174V4.78259C6.11145 3.98186 6.76569 3.33331 7.57344 3.33331H25.1173L33.8892 12.029V35.2174C33.8892 36.0181 33.235 36.6666 32.4272 36.6666Z\" fill=\"#F7F7F9\"/>\n<path d=\"M33.873 12.0128H26.5794C25.7717 12.0128 25.1174 11.3642 25.1174 10.5635V3.33331L33.873 12.0128Z\" fill=\"#EAEAEA\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.33362 20L6.1114 17.5V20H33.8892V17.5L36.667 20V30.0926C36.667 30.9623 36.0184 31.6667 35.2177 31.6667H4.78289C3.98217 31.6667 3.33362 30.9623 3.33362 30.0926V20ZM10.7005 23.1127H12.0931H12.4366H13.7122L14.5451 27.3943H14.6106L15.6541 23.1127H16.9175L17.961 27.3943H18.0312L18.8548 23.1127H20.4739L18.8361 29.5H17.3948L16.3139 25.443H16.2578L15.1721 29.5H13.7309L12.1934 23.5038L10.4525 26.304L12.4132 29.5H10.6678L9.46051 27.4036H9.395L8.18772 29.5H6.53123L8.44041 26.2853L6.53591 23.1127H8.3515L9.49795 25.2652H9.56346L10.7005 23.1127ZM22.0115 25.5459V29.5H20.6358V23.1127H22.2361L23.8739 26.7205H23.9207L25.5631 23.1127H27.1448V29.5H25.755V25.5459H25.6895L24.3418 28.5361H23.434L22.0817 25.5459H22.0115ZM29.3001 28.0354L28.8836 29.5H27.3394L29.3983 23.1127H31.2888L33.3337 29.5H31.6865L31.2748 28.0354H29.3001ZM30.9987 26.917L30.3342 24.4978H30.264L29.5855 26.917H30.9987Z\" fill=\"#DF4F51\"/>\n<path opacity=\"0.5\" d=\"M6.1114 20H3.33362L6.1114 17.5V20ZM33.8892 20V17.5L36.667 20H33.8892Z\" fill=\"#F7F7F9\"/>\n</svg>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fileXWMA.svg.js","sources":["../../../src/assets/icons/fileXWMA.svg"],"sourcesContent":["<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M32.4272 36.6666H7.57344C6.76569 36.6666 6.11145 36.0181 6.11145 35.2174V4.78259C6.11145 3.98186 6.76569 3.33331 7.57344 3.33331H25.1173L33.8892 12.029V35.2174C33.8892 36.0181 33.235 36.6666 32.4272 36.6666Z\" fill=\"#F7F7F9\"/>\n<path d=\"M33.873 12.0128H26.5794C25.7717 12.0128 25.1174 11.3642 25.1174 10.5635V3.33331L33.873 12.0128Z\" fill=\"#EAEAEA\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.33362 20L6.1114 17.5V20H33.8892V17.5L36.667 20V30.0926C36.667 30.9623 36.0184 31.6667 35.2177 31.6667H4.78289C3.98217 31.6667 3.33362 30.9623 3.33362 30.0926V20ZM10.7005 23.1127H12.0931H12.4366H13.7122L14.5451 27.3943H14.6106L15.6541 23.1127H16.9175L17.961 27.3943H18.0312L18.8548 23.1127H20.4739L18.8361 29.5H17.3948L16.3139 25.443H16.2578L15.1721 29.5H13.7309L12.1934 23.5038L10.4525 26.304L12.4132 29.5H10.6678L9.46051 27.4036H9.395L8.18772 29.5H6.53123L8.44041 26.2853L6.53591 23.1127H8.3515L9.49795 25.2652H9.56346L10.7005 23.1127ZM22.0115 25.5459V29.5H20.6358V23.1127H22.2361L23.8739 26.7205H23.9207L25.5631 23.1127H27.1448V29.5H25.755V25.5459H25.6895L24.3418 28.5361H23.434L22.0817 25.5459H22.0115ZM29.3001 28.0354L28.8836 29.5H27.3394L29.3983 23.1127H31.2888L33.3337 29.5H31.6865L31.2748 28.0354H29.3001ZM30.9987 26.917L30.3342 24.4978H30.264L29.5855 26.917H30.9987Z\" fill=\"#DF4F51\"/>\n<path opacity=\"0.5\" d=\"M6.1114 20H3.33362L6.1114 17.5V20ZM33.8892 20V17.5L36.667 20H33.8892Z\" fill=\"#F7F7F9\"/>\n</svg>\n"],"names":[],"mappings":"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"}

package/dist/components/artwork/Artwork.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from 'react';
+import { BoxProps } from '../layout/Box';
+export type ArtworkProps = {
+    isLoading?: boolean;
+    borderWidth?: number;
+    'data-testid'?: string;
+    noLoading?: boolean;
+} & Pick<ComponentProps<'img'>, 'src'> & BoxProps;
+/**
+ * The artwork component displays the track cover art and appears in several
+ * locations such as track tiles, track and playlist, pages,
+ * and the sidebar. It can have interactive elements on hover.
+ * This component enhances the listening experience and helps users quickly
+ * identify their favorite tracks.
+ */
+export declare const Artwork: (props: ArtworkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Artwork.d.ts.map

package/dist/components/artwork/Artwork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Artwork.d.ts","sourceRoot":"","sources":["../../../src/components/artwork/Artwork.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAI3D,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GACpC,QAAQ,CAAA;AAEV;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,qDAuF1C,CAAA"}

package/dist/components/artwork/Artwork.js

@@ -0,0 +1,47 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useTheme } from '@emotion/react';
+import { Box } from '../layout/Box/Box.js';
+import { Flex } from '../layout/Flex/Flex.js';
+import { Skeleton } from '../skeleton/Skeleton.js';
+
+/**
+ * The artwork component displays the track cover art and appears in several
+ * locations such as track tiles, track and playlist, pages,
+ * and the sidebar. It can have interactive elements on hover.
+ * This component enhances the listening experience and helps users quickly
+ * identify their favorite tracks.
+ */
+var Artwork = function (props) {
+    var isLoadingProp = props.isLoading, src = props.src, _a = props.borderRadius, borderRadius = _a === void 0 ? 's' : _a, borderWidth = props.borderWidth, shadow = props.shadow, children = props.children, testId = props["data-testid"], other = __rest(props, ["isLoading", "src", "borderRadius", "borderWidth", "shadow", "children", 'data-testid']);
+    var _b = useState(!!src), isLoadingState = _b[0], setIsLoadingState = _b[1];
+    var isLoading = isLoadingProp !== null && isLoadingProp !== void 0 ? isLoadingProp : isLoadingState;
+    var _c = useTheme(), color = _c.color, motion = _c.motion;
+    useEffect(function () {
+        setIsLoadingState(!!src);
+    }, [src]);
+    return (jsx(Box, __assign({}, other, { children: jsxs(Box, __assign({ borderRadius: borderRadius, border: 'default', shadow: shadow, css: { borderWidth: borderWidth } }, { children: [isLoading ? (jsx(Skeleton, { borderRadius: borderRadius, h: '100%', w: '100%', css: { zIndex: 1, position: 'absolute' } })) : null, jsx(Box, { w: '100%', pt: '100%', borderRadius: borderRadius, css: {
+                        backgroundColor: !src && children ? color.neutral.n400 : color.background.surface2
+                    } }), src ? (jsx(Box, { as: 'img', borderRadius: borderRadius, h: '100%', w: '100%', onLoad: function () {
+                        setIsLoadingState(false);
+                    }, 
+                    // @ts-ignore
+                    src: src, "data-testid": testId, css: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        objectFit: 'cover',
+                        opacity: isLoading ? 0 : 1,
+                        transition: "opacity ".concat(motion.calm)
+                    } })) : null, children ? (jsx(Flex, __assign({ alignItems: 'center', justifyContent: 'center', h: '100%', w: '100%', borderRadius: borderRadius, css: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        backgroundColor: src ? color.static.black : undefined,
+                        opacity: src ? 0.4 : undefined
+                    } }, { children: children }))) : null] })) })));
+};
+
+export { Artwork };
+//# sourceMappingURL=Artwork.js.map

package/dist/components/artwork/Artwork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Artwork.js","sources":["../../../src/components/artwork/Artwork.tsx"],"sourcesContent":["import { ComponentProps, useEffect, useState } from 'react'\n\nimport { useTheme } from '@emotion/react'\n\nimport { Box, BoxProps } from '../layout/Box'\nimport { Flex } from '../layout/Flex'\nimport { Skeleton } from '../skeleton'\n\nexport type ArtworkProps = {\n  isLoading?: boolean\n  borderWidth?: number\n  'data-testid'?: string\n  noLoading?: boolean\n} & Pick<ComponentProps<'img'>, 'src'> &\n  BoxProps\n\n/**\n * The artwork component displays the track cover art and appears in several\n * locations such as track tiles, track and playlist, pages,\n * and the sidebar. It can have interactive elements on hover.\n * This component enhances the listening experience and helps users quickly\n * identify their favorite tracks.\n */\nexport const Artwork = (props: ArtworkProps) => {\n  const {\n    isLoading: isLoadingProp,\n    src,\n    borderRadius = 's',\n    borderWidth,\n    shadow,\n    children,\n    'data-testid': testId,\n    ...other\n  } = props\n  const [isLoadingState, setIsLoadingState] = useState(!!src)\n  const isLoading = isLoadingProp ?? isLoadingState\n  const { color, motion } = useTheme()\n\n  useEffect(() => {\n    setIsLoadingState(!!src)\n  }, [src])\n\n  return (\n    <Box {...other}>\n      <Box\n        borderRadius={borderRadius}\n        border='default'\n        shadow={shadow}\n        css={{ borderWidth }}\n      >\n        {isLoading ? (\n          <Skeleton\n            borderRadius={borderRadius}\n            h='100%'\n            w='100%'\n            css={{ zIndex: 1, position: 'absolute' }}\n          />\n        ) : null}\n        <Box\n          w='100%'\n          pt='100%'\n          borderRadius={borderRadius}\n          css={{\n            backgroundColor:\n              !src && children ? color.neutral.n400 : color.background.surface2\n          }}\n        />\n        {src ? (\n          <Box\n            as='img'\n            borderRadius={borderRadius}\n            h='100%'\n            w='100%'\n            onLoad={() => {\n              setIsLoadingState(false)\n            }}\n            // @ts-ignore\n            src={src}\n            data-testid={testId}\n            css={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              objectFit: 'cover',\n              opacity: isLoading ? 0 : 1,\n              transition: `opacity ${motion.calm}`\n            }}\n          />\n        ) : null}\n        {children ? (\n          <Flex\n            alignItems='center'\n            justifyContent='center'\n            h='100%'\n            w='100%'\n            borderRadius={borderRadius}\n            css={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              backgroundColor: src ? color.static.black : undefined,\n              opacity: src ? 0.4 : undefined\n            }}\n          >\n            {children}\n          </Flex>\n        ) : null}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAgBA;;;;;;AAMG;AACI,IAAM,OAAO,GAAG,UAAC,KAAmB,EAAA;IAEvC,IAAW,aAAa,GAQtB,KAAK,CAAA,SARiB,EACxB,GAAG,GAOD,KAAK,CAPJ,GAAA,EACH,KAME,KAAK,CAAA,YANW,EAAlB,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EAClB,WAAW,GAKT,KAAK,YALI,EACX,MAAM,GAIJ,KAAK,CAAA,MAJD,EACN,QAAQ,GAGN,KAAK,CAHC,QAAA,EACO,MAAM,GAEnB,KAAK,eAFc,EAClB,KAAK,UACN,KAAK,EATH,CASL,WAAA,EAAA,KAAA,EAAA,cAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA,CADS,CACD;AACH,IAAA,IAAA,EAAsC,GAAA,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAApD,cAAc,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,iBAAiB,QAAmB,CAAA;IAC3D,IAAM,SAAS,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,aAAa,GAAI,cAAc,CAAA;IAC3C,IAAA,EAAA,GAAoB,QAAQ,EAAE,EAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;AAEpC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;AAC1B,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AAET,IAAA,QACEA,GAAC,CAAA,GAAG,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,cACZC,IAAC,CAAA,GAAG,EACF,QAAA,CAAA,EAAA,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAC,SAAS,EAChB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,EAAE,WAAW,EAAA,WAAA,EAAE,iBAEnB,SAAS,IACRD,GAAC,CAAA,QAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GACxC,IACA,IAAI,EACRA,GAAA,CAAC,GAAG,EACF,EAAA,CAAC,EAAC,MAAM,EACR,EAAE,EAAC,MAAM,EACT,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE;wBACH,eAAe,EACb,CAAC,GAAG,IAAI,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ;qBACpE,EACD,CAAA,EACD,GAAG,IACFA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAC,KAAK,EACR,YAAY,EAAE,YAAY,EAC1B,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,MAAM,EAAE,YAAA;wBACN,iBAAiB,CAAC,KAAK,CAAC,CAAA;qBACzB;;AAED,oBAAA,GAAG,EAAE,GAAG,EAAA,aAAA,EACK,MAAM,EACnB,GAAG,EAAE;AACH,wBAAA,QAAQ,EAAE,UAAU;AACpB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,SAAS,EAAE,OAAO;wBAClB,OAAO,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC;AAC1B,wBAAA,UAAU,EAAE,UAAA,CAAA,MAAA,CAAW,MAAM,CAAC,IAAI,CAAE;AACrC,qBAAA,EAAA,CACD,IACA,IAAI,EACP,QAAQ,IACPA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE;AACH,wBAAA,QAAQ,EAAE,UAAU;AACpB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,eAAe,EAAE,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,SAAS;wBACrD,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS;qBAC/B,EAEA,EAAA,EAAA,QAAA,EAAA,QAAQ,EACJ,CAAA,CAAA,IACL,IAAI,CAAA,EAAA,CAAA,CACJ,EACF,CAAA,CAAA,EACP;AACH;;;;"}

package/dist/components/artwork/Artwork.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Artwork } from './Artwork';
+declare const meta: Meta<typeof Artwork>;
+export default meta;
+type Story = StoryObj<typeof Artwork>;
+export declare const Default: Story;
+export declare const LoadingExample: Story;
+//# sourceMappingURL=Artwork.stories.d.ts.map

package/dist/components/artwork/Artwork.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Artwork.stories.d.ts","sourceRoot":"","sources":["../../../src/components/artwork/Artwork.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAejD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAQ9B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAEhC,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAA"}

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

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

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

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

package/dist/components/avatar/Avatar.d.ts

@@ -1,3 +1,10 @@
-import type { AvatarProps } from './types';
+import { ArtworkProps } from '../artwork';
+type ArtworkInnerProps = Omit<ArtworkProps, 'borderWidth'>;
+export type AvatarProps = ArtworkInnerProps & {
+    variant?: 'default' | 'strong';
+    size?: 'auto' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
+    borderWidth?: 'thin' | 'default';
+};
 export declare const Avatar: (props: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,eAAO,MAAM,MAAM,UAAW,WAAW,qDAyDxC,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAA;AAElD,KAAK,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAA;AAgBD,eAAO,MAAM,MAAM,UAAW,WAAW,qDAcxC,CAAA"}

package/dist/components/avatar/Avatar.js

@@ -1,51 +1,22 @@
-import { __assign } from '../../_virtual/_tslib.js';
+import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsx } from '@emotion/react/jsx-runtime';
-import { useTheme } from '@emotion/react';
+import { Artwork } from '../artwork/Artwork.js';
 
-/*
- * The Avatar component is a visual indicator used to quickly identify a
- * user’s account.
- */
+var sizeMap = {
+    auto: undefined,
+    small: 24,
+    medium: 40,
+    large: 72,
+    xl: 80,
+    xxl: 120
+};
+var borderWidthMap = {
+    thin: 1.2,
+    default: 2
+};
 var Avatar = function (props) {
-    var src = props.src, _a = props.strokeWidth, strokeWidth = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'auto' : _b, _c = props.variant, variant = _c === void 0 ? 'default' : _c, className = props.className, children = props.children;
-    var color = useTheme().color;
-    var sizeMap = {
-        auto: '100%',
-        small: '24px',
-        medium: '40px',
-        large: '72px',
-        xl: '80px'
-    };
-    var strokeWidthMap = {
-        thin: '1.2px',
-        default: '2px'
-    };
-    var rootCss = {
-        height: sizeMap[size],
-        width: sizeMap[size],
-        overflow: 'hidden',
-        borderRadius: 'calc(infinity * 1px)',
-        border: "".concat(strokeWidthMap[strokeWidth], " solid ").concat(color.border.default),
-        boxSizing: 'border-box',
-        boxShadow: variant === 'strong'
-            ? '0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.03), 0px 1.5px 5px 0px rgba(0, 0, 0, 0.08), 0px 6px 15px 0px rgba(0, 0, 0, 0.10)'
-            : 'none',
-        backgroundColor: color.neutral.n400,
-        position: 'relative',
-        zIndex: 1
-    };
-    var imgCss = {
-        height: sizeMap[size],
-        width: sizeMap[size],
-        backgroundImage: src ? "url(".concat(src, ")") : undefined,
-        backgroundColor: src ? 'unset' : color.neutral.n400,
-        backgroundSize: 'cover',
-        zIndex: 1,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-    };
-    return (jsx("div", __assign({ css: rootCss, className: className }, { children: jsx("div", __assign({ css: imgCss }, { children: children })) })));
+    var variant = props.variant, _a = props.size, size = _a === void 0 ? 'auto' : _a, _b = props.borderWidth, borderWidth = _b === void 0 ? 'default' : _b, other = __rest(props, ["variant", "size", "borderWidth"]);
+    return (jsx(Artwork, __assign({ borderRadius: 'circle', h: sizeMap[size], w: sizeMap[size], shadow: variant === 'strong' ? 'emphasis' : 'flat', borderWidth: borderWidthMap[borderWidth], css: variant === 'strong' ? { zIndex: 1 } : undefined }, other)));
 };
 
 export { Avatar };

package/dist/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { CSSObject, useTheme } from '@emotion/react'\n\nimport type { AvatarProps } from './types'\n\n/*\n * The Avatar component is a visual indicator used to quickly identify a\n * user’s account.\n */\nexport const Avatar = (props: AvatarProps) => {\n  const {\n    src,\n    strokeWidth = 'default',\n    size = 'auto',\n    variant = 'default',\n    className,\n    children\n  } = props\n  const { color } = useTheme()\n\n  const sizeMap = {\n    auto: '100%',\n    small: '24px',\n    medium: '40px',\n    large: '72px',\n    xl: '80px'\n  }\n\n  const strokeWidthMap = {\n    thin: '1.2px',\n    default: '2px'\n  }\n\n  const rootCss: CSSObject = {\n    height: sizeMap[size],\n    width: sizeMap[size],\n    overflow: 'hidden',\n    borderRadius: 'calc(infinity * 1px)',\n    border: `${strokeWidthMap[strokeWidth]} solid ${color.border.default}`,\n    boxSizing: 'border-box',\n    boxShadow:\n      variant === 'strong'\n        ? '0px 0.5px 1.5px 0px rgba(0, 0, 0, 0.03), 0px 1.5px 5px 0px rgba(0, 0, 0, 0.08), 0px 6px 15px 0px rgba(0, 0, 0, 0.10)'\n        : 'none',\n    backgroundColor: color.neutral.n400,\n    position: 'relative',\n    zIndex: 1\n  }\n\n  const imgCss: CSSObject = {\n    height: sizeMap[size],\n    width: sizeMap[size],\n    backgroundImage: src ? `url(${src})` : undefined,\n    backgroundColor: src ? 'unset' : color.neutral.n400,\n    backgroundSize: 'cover',\n    zIndex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n\n  return (\n    <div css={rootCss} className={className}>\n      <div css={imgCss}>{children}</div>\n    </div>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;AAIA;;;AAGG;AACI,IAAM,MAAM,GAAG,UAAC,KAAkB,EAAA;AAErC,IAAA,IAAA,GAAG,GAMD,KAAK,IANJ,EACH,EAAA,GAKE,KAAK,CALgB,WAAA,EAAvB,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACvB,KAIE,KAAK,CAAA,IAJM,EAAb,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EACb,EAGE,GAAA,KAAK,QAHY,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EACnB,SAAS,GAEP,KAAK,CAFE,SAAA,EACT,QAAQ,GACN,KAAK,SADC,CACD;AACD,IAAA,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;AAE5B,IAAA,IAAM,OAAO,GAAG;AACd,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,EAAE,EAAE,MAAM;KACX,CAAA;AAED,IAAA,IAAM,cAAc,GAAG;AACrB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,OAAO,EAAE,KAAK;KACf,CAAA;AAED,IAAA,IAAM,OAAO,GAAc;AACzB,QAAA,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC;AACrB,QAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,YAAY,EAAE,sBAAsB;AACpC,QAAA,MAAM,EAAE,EAAA,CAAA,MAAA,CAAG,cAAc,CAAC,WAAW,CAAC,EAAU,SAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAE;AACtE,QAAA,SAAS,EAAE,YAAY;QACvB,SAAS,EACP,OAAO,KAAK,QAAQ;AAClB,cAAE,sHAAsH;AACxH,cAAE,MAAM;AACZ,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACnC,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;KACV,CAAA;AAED,IAAA,IAAM,MAAM,GAAc;AACxB,QAAA,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC;AACrB,QAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC;QACpB,eAAe,EAAE,GAAG,GAAG,MAAO,CAAA,MAAA,CAAA,GAAG,EAAG,GAAA,CAAA,GAAG,SAAS;AAChD,QAAA,eAAe,EAAE,GAAG,GAAG,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI;AACnD,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;KACzB,CAAA;AAED,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,gBACrCA,GAAK,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,GAAG,EAAE,MAAM,EAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAO,CAAA,CAAA,EAAA,CAAA,CAC9B,EACP;AACH;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { Artwork, ArtworkProps } from '../artwork'\n\ntype ArtworkInnerProps = Omit<ArtworkProps, 'borderWidth'>\n\nexport type AvatarProps = ArtworkInnerProps & {\n  variant?: 'default' | 'strong'\n  size?: 'auto' | 'small' | 'medium' | 'large' | 'xl' | 'xxl'\n  borderWidth?: 'thin' | 'default'\n}\n\nconst sizeMap = {\n  auto: undefined,\n  small: 24,\n  medium: 40,\n  large: 72,\n  xl: 80,\n  xxl: 120\n}\n\nconst borderWidthMap = {\n  thin: 1.2,\n  default: 2\n}\n\nexport const Avatar = (props: AvatarProps) => {\n  const { variant, size = 'auto', borderWidth = 'default', ...other } = props\n\n  return (\n    <Artwork\n      borderRadius='circle'\n      h={sizeMap[size]}\n      w={sizeMap[size]}\n      shadow={variant === 'strong' ? 'emphasis' : 'flat'}\n      borderWidth={borderWidthMap[borderWidth]}\n      css={variant === 'strong' ? { zIndex: 1 } : undefined}\n      {...other}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;AAUA,IAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,GAAG,EAAE,GAAG;CACT,CAAA;AAED,IAAM,cAAc,GAAG;AACrB,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,OAAO,EAAE,CAAC;CACX,CAAA;AAEM,IAAM,MAAM,GAAG,UAAC,KAAkB,EAAA;AAC/B,IAAA,IAAA,OAAO,GAAuD,KAAK,CAAA,OAA5D,EAAE,EAAA,GAAqD,KAAK,CAAA,IAA7C,EAAb,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EAAE,EAAsC,GAAA,KAAK,CAApB,WAAA,EAAvB,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EAAK,KAAK,GAAK,MAAA,CAAA,KAAK,EAArE,CAAA,SAAA,EAAA,MAAA,EAAA,aAAA,CAA6D,CAAF,CAAU;AAE3E,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,QAAA,CAAA,EACN,YAAY,EAAC,QAAQ,EACrB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAChB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAChB,MAAM,EAAE,OAAO,KAAK,QAAQ,GAAG,UAAU,GAAG,MAAM,EAClD,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,EACxC,GAAG,EAAE,OAAO,KAAK,QAAQ,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAA,EACjD,KAAK,CAAA,CACT,EACH;AACH;;;;"}

package/dist/components/avatar/Avatar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAStD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAa7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AACD,eAAO,MAAM,MAAM,EAAE,KAwBpB,CAAA"}
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAQtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AACD,eAAO,MAAM,MAAM,EAAE,KAqBpB,CAAA"}

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

@@ -1,3 +1,3 @@
 export { Avatar } from './Avatar';
-export * from './types';
+export type { AvatarProps } from './Avatar';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/button/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/Button.tsx"],"names":[],"mappings":";AAaA;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;sNA+PlB,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/Button.tsx"],"names":[],"mappings":";AAaA;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;sNA6NlB,CAAA"}

package/dist/components/button/Button/Button.js

@@ -13,13 +13,12 @@ import { BaseButton } from '../BaseButton/BaseButton.js';
  */
 var Button = forwardRef(function Button(props, ref) {
     var color = props.color, hexColor = props.hexColor, _a = props.variant, variant = _a === void 0 ? 'primary' : _a, _b = props.size, size = _b === void 0 ? 'default' : _b, disabled = props.disabled, baseProps = __rest(props, ["color", "hexColor", "variant", "size", "disabled"]);
-    var _isHovered = baseProps._isHovered, _isPressed = baseProps._isPressed, isLoading = baseProps.isLoading;
-    var isDisabled = disabled || isLoading;
+    var _isHovered = baseProps._isHovered, _isPressed = baseProps._isPressed;
     var _c = useTheme(), type = _c.type, themeColors = _c.color, cornerRadius = _c.cornerRadius, shadows = _c.shadows, spacing = _c.spacing, typography = _c.typography;
     // Size Styles
     var smallStyles = {
         gap: spacing.xs,
-        height: spacing.unit8,
+        height: size === 'xs' ? spacing.unit7 : spacing.unit8,
         paddingInline: spacing.m,
         fontSize: typography.size.s,
         fontWeight: typography.weight.bold,
@@ -61,7 +60,7 @@ var Button = forwardRef(function Button(props, ref) {
         height: spacing.unit6
     };
     // Variant Styles
-    var primaryStyles = __assign(__assign({ '&:hover': { color: themeColors.static.white } }, ((_isHovered || _isPressed) && { color: themeColors.static.white })), (isDisabled && {
+    var primaryStyles = __assign(__assign({ '&:hover': { color: themeColors.static.white } }, ((_isHovered || _isPressed) && { color: themeColors.static.white })), (disabled && {
         backgroundColor: themeColors.neutral.n150,
         boxShadow: 'none'
     }));
@@ -69,11 +68,7 @@ var Button = forwardRef(function Button(props, ref) {
         backgroundColor: themeColors.primary.primary,
         color: themeColors.static.white
     };
-    var secondaryStyles = __assign(__assign({ backgroundColor: 'transparent', color: themeColors.text.default, boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong), '&:hover': secondaryHoverStyles, '&:active': secondaryHoverStyles }, ((_isHovered || _isPressed) && secondaryHoverStyles)), (isDisabled && {
-        backgroundColor: themeColors.neutral.n150,
-        color: themeColors.static.white,
-        boxShadow: 'none'
-    }));
+    var secondaryStyles = __assign({ backgroundColor: 'transparent', color: themeColors.text.default, boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong), '&:hover': secondaryHoverStyles, '&:active': secondaryHoverStyles }, ((_isHovered || _isPressed) && secondaryHoverStyles));
     var tertiaryHoverStyles = {
         backgroundColor: themeColors.background.white,
         boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong, ", ").concat(shadows.mid),
@@ -85,26 +80,12 @@ var Button = forwardRef(function Button(props, ref) {
         color: themeColors.text.default,
         boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong)
     };
-    var tertiaryStyles = __assign(__assign(__assign({ backgroundColor: type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)', color: themeColors.text.default, backdropFilter: 'blur(6px)', boxShadow: "0 0 0 1px inset ".concat(themeColors.border.default, ", ").concat(shadows.near), '&:hover': tertiaryHoverStyles, '&:active': tertiaryActiveStyles }, (_isHovered && tertiaryHoverStyles)), (_isPressed && tertiaryActiveStyles)), (isDisabled && {
-        opacity: 0.45
-    }));
-    var commonHoverStyles = {
-        backgroundColor: themeColors.neutral.n25
-    };
-    var commonActiveStyles = {
-        backgroundColor: themeColors.neutral.n100
-    };
-    var commonStyles = __assign(__assign(__assign({ backgroundColor: themeColors.special.white, color: themeColors.text.default, boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong), '&:hover': commonHoverStyles, '&:active': commonActiveStyles }, (_isHovered && commonHoverStyles)), (_isPressed && commonActiveStyles)), (isDisabled && {
-        backgroundColor: themeColors.neutral.n150,
-        boxShadow: 'none'
-    }));
+    var tertiaryStyles = __assign(__assign({ backgroundColor: type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)', color: themeColors.text.default, backdropFilter: 'blur(6px)', boxShadow: "0 0 0 1px inset ".concat(themeColors.border.default, ", ").concat(shadows.near), '&:hover': tertiaryHoverStyles, '&:active': tertiaryActiveStyles }, (_isHovered && tertiaryHoverStyles)), (_isPressed && tertiaryActiveStyles));
     var destructiveHoverStyles = {
         backgroundColor: themeColors.special.red,
         color: themeColors.static.white
     };
-    var destructiveStyles = __assign(__assign({ backgroundColor: 'transparent', color: themeColors.special.red, boxShadow: "0 0 0 1px inset ".concat(themeColors.special.red), '&:hover': destructiveHoverStyles, '&:active': destructiveHoverStyles }, ((_isHovered || _isPressed) && destructiveHoverStyles)), (isDisabled && {
-        opacity: 0.45
-    }));
+    var destructiveStyles = __assign({ backgroundColor: 'transparent', color: themeColors.special.red, boxShadow: "0 0 0 1px inset ".concat(themeColors.special.red), '&:hover': destructiveHoverStyles, '&:active': destructiveHoverStyles }, ((_isHovered || _isPressed) && destructiveHoverStyles));
     var hoverStyles = {
         boxShadow: shadows.mid,
         '&::before': {
@@ -117,7 +98,7 @@ var Button = forwardRef(function Button(props, ref) {
             backgroundColor: 'rgba(0, 0, 0, 0.2)'
         }
     };
-    var buttonCss = __assign(__assign(__assign(__assign({ backgroundColor: themeColors.primary.primary, color: themeColors.static.white, boxSizing: 'border-box', border: 'none', borderRadius: cornerRadius.s, boxShadow: shadows.near }, (size === 'small'
+    var buttonCss = __assign(__assign(__assign(__assign(__assign({ backgroundColor: themeColors.primary.primary, color: themeColors.static.white, boxSizing: 'border-box', border: 'none', borderRadius: cornerRadius.s, boxShadow: shadows.near }, (size === 'small' || size === 'xs'
         ? smallStyles
         : size === 'large'
             ? largeStyles
@@ -127,9 +108,7 @@ var Button = forwardRef(function Button(props, ref) {
             ? tertiaryStyles
             : variant === 'destructive'
                 ? destructiveStyles
-                : variant === 'common'
-                    ? commonStyles
-                    : primaryStyles)), { '::before': {
+                : primaryStyles)), { '::before': {
             zIndex: -1,
             content: '""',
             position: 'absolute',
@@ -138,20 +117,21 @@ var Button = forwardRef(function Button(props, ref) {
             right: 0,
             bottom: 0,
             backgroundColor: 'rgba(0, 0, 0, 0)'
-        } }), (variant !== 'tertiary' &&
-        variant !== 'common' && __assign(__assign({ ':hover': hoverStyles, ':active': activeStyles }, (_isHovered && hoverStyles)), (_isPressed && activeStyles))));
+        } }), (variant !== 'tertiary' && __assign(__assign({ ':hover': hoverStyles, ':active': activeStyles }, (_isHovered && hoverStyles)), (_isPressed && activeStyles)))), (disabled && {
+        opacity: 0.45
+    }));
     var iconCss = size === 'small'
         ? smallIconStyles
         : size === 'large'
             ? largeIconStyles
             : defaultIconStyles;
-    var style = variant === 'primary' && !isDisabled
+    var style = variant === 'primary' && !disabled
         ? {
             backgroundColor: hexColor ||
                 (color ? "var(".concat(toCSSVariableName(color), ")") : undefined)
         }
         : {};
-    return (jsx(BaseButton, __assign({ ref: ref, disabled: isDisabled, styles: {
+    return (jsx(BaseButton, __assign({ ref: ref, disabled: disabled, styles: {
             button: buttonCss,
             icon: iconCss
         }, style: style }, baseProps)));

package/dist/components/button/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button/Button.tsx"],"sourcesContent":["import { CSSProperties, forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { toCSSVariableName } from '../../../utils/styles'\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { ButtonProps } from './types'\n\ntype CSSCustomProperties = CSSProperties & {\n  [index: `--${string}`]: any\n}\n\n/**\n * Buttons allow users to trigger an action or event with a single click.\n * For example, you can use a button for allowing the functionality of\n * submitting a form, opening a dialog, canceling an action, or performing\n * a delete operation.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(props, ref) {\n    const {\n      color,\n      hexColor,\n      variant = 'primary',\n      size = 'default',\n      disabled,\n      ...baseProps\n    } = props\n    const { _isHovered, _isPressed, isLoading } = baseProps\n    const isDisabled = disabled || isLoading\n    const {\n      type,\n      color: themeColors,\n      cornerRadius,\n      shadows,\n      spacing,\n      typography\n    } = useTheme()\n\n    // Size Styles\n    const smallStyles: CSSObject = {\n      gap: spacing.xs,\n      height: spacing.unit8,\n      paddingInline: spacing.m,\n      fontSize: typography.size.s,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.s,\n      textTransform: 'capitalize'\n    }\n    const smallIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit4,\n      height: spacing.unit4\n    }\n\n    const defaultStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit12,\n      paddingInline: spacing.xl,\n      fontSize: typography.size.l,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.l,\n      textTransform: 'capitalize'\n    }\n    const defaultIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit5,\n      height: spacing.unit5\n    }\n\n    const largeStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit16,\n      paddingInline: spacing.xl,\n      fontSize: typography.size.xl,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.m,\n      letterSpacing: '0.25px',\n      textTransform: 'uppercase'\n    }\n    const largeIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit6,\n      height: spacing.unit6\n    }\n\n    // Variant Styles\n    const primaryStyles: CSSObject = {\n      '&:hover': { color: themeColors.static.white },\n\n      ...((_isHovered || _isPressed) && { color: themeColors.static.white }),\n      ...(isDisabled && {\n        backgroundColor: themeColors.neutral.n150,\n        boxShadow: 'none'\n      })\n    }\n\n    const secondaryHoverStyles: CSSObject = {\n      backgroundColor: themeColors.primary.primary,\n      color: themeColors.static.white\n    }\n    const secondaryStyles: CSSObject = {\n      backgroundColor: 'transparent',\n      color: themeColors.text.default,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`,\n\n      '&:hover': secondaryHoverStyles,\n      '&:active': secondaryHoverStyles,\n\n      ...((_isHovered || _isPressed) && secondaryHoverStyles),\n      ...(isDisabled && {\n        backgroundColor: themeColors.neutral.n150,\n        color: themeColors.static.white,\n        boxShadow: 'none'\n      })\n    }\n\n    const tertiaryHoverStyles: CSSObject = {\n      backgroundColor: themeColors.background.white,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}, ${shadows.mid}`,\n      color: themeColors.text.default\n    }\n    const tertiaryActiveStyles: CSSObject = {\n      backgroundColor: themeColors.background.surface2,\n      backdropFilter: 'none',\n      color: themeColors.text.default,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`\n    }\n    const tertiaryStyles: CSSObject = {\n      backgroundColor:\n        type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)',\n      color: themeColors.text.default,\n      backdropFilter: 'blur(6px)',\n      boxShadow: `0 0 0 1px inset ${themeColors.border.default}, ${shadows.near}`,\n\n      '&:hover': tertiaryHoverStyles,\n      '&:active': tertiaryActiveStyles,\n\n      ...(_isHovered && tertiaryHoverStyles),\n      ...(_isPressed && tertiaryActiveStyles),\n      ...(isDisabled && {\n        opacity: 0.45\n      })\n    }\n\n    const commonHoverStyles: CSSObject = {\n      backgroundColor: themeColors.neutral.n25\n    }\n\n    const commonActiveStyles: CSSObject = {\n      backgroundColor: themeColors.neutral.n100\n    }\n\n    const commonStyles: CSSObject = {\n      backgroundColor: themeColors.special.white,\n      color: themeColors.text.default,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`,\n\n      '&:hover': commonHoverStyles,\n      '&:active': commonActiveStyles,\n\n      ...(_isHovered && commonHoverStyles),\n      ...(_isPressed && commonActiveStyles),\n      ...(isDisabled && {\n        backgroundColor: themeColors.neutral.n150,\n        boxShadow: 'none'\n      })\n    }\n\n    const destructiveHoverStyles: CSSObject = {\n      backgroundColor: themeColors.special.red,\n      color: themeColors.static.white\n    }\n    const destructiveStyles: CSSObject = {\n      backgroundColor: 'transparent',\n      color: themeColors.special.red,\n      boxShadow: `0 0 0 1px inset ${themeColors.special.red}`,\n\n      '&:hover': destructiveHoverStyles,\n      '&:active': destructiveHoverStyles,\n\n      ...((_isHovered || _isPressed) && destructiveHoverStyles),\n      ...(isDisabled && {\n        opacity: 0.45\n      })\n    }\n\n    const hoverStyles: CSSObject = {\n      boxShadow: shadows.mid,\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.2)'\n      }\n    }\n    const activeStyles: CSSObject = {\n      boxShadow: 'none',\n      '&::before': {\n        backgroundColor: 'rgba(0, 0, 0, 0.2)'\n      }\n    }\n\n    const buttonCss: CSSObject = {\n      backgroundColor: themeColors.primary.primary,\n      color: themeColors.static.white,\n      boxSizing: 'border-box',\n      border: 'none',\n      borderRadius: cornerRadius.s,\n      boxShadow: shadows.near,\n\n      ...(size === 'small'\n        ? smallStyles\n        : size === 'large'\n        ? largeStyles\n        : defaultStyles),\n\n      ...(variant === 'secondary'\n        ? secondaryStyles\n        : variant === 'tertiary'\n        ? tertiaryStyles\n        : variant === 'destructive'\n        ? destructiveStyles\n        : variant === 'common'\n        ? commonStyles\n        : primaryStyles),\n\n      '::before': {\n        zIndex: -1,\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: 'rgba(0, 0, 0, 0)'\n      },\n\n      ...(variant !== 'tertiary' &&\n        variant !== 'common' && {\n          ':hover': hoverStyles,\n          ':active': activeStyles,\n          ...(_isHovered && hoverStyles),\n          ...(_isPressed && activeStyles)\n        })\n    }\n\n    const iconCss =\n      size === 'small'\n        ? smallIconStyles\n        : size === 'large'\n        ? largeIconStyles\n        : defaultIconStyles\n\n    const style: CSSCustomProperties =\n      variant === 'primary' && !isDisabled\n        ? {\n            backgroundColor:\n              hexColor ||\n              (color ? `var(${toCSSVariableName(color)})` : undefined)\n          }\n        : {}\n\n    return (\n      <BaseButton\n        ref={ref}\n        disabled={isDisabled}\n        styles={{\n          button: buttonCss,\n          icon: iconCss\n        }}\n        style={style}\n        {...baseProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button/Button.tsx"],"sourcesContent":["import { CSSProperties, forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { toCSSVariableName } from '../../../utils/styles'\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { ButtonProps } from './types'\n\ntype CSSCustomProperties = CSSProperties & {\n  [index: `--${string}`]: any\n}\n\n/**\n * Buttons allow users to trigger an action or event with a single click.\n * For example, you can use a button for allowing the functionality of\n * submitting a form, opening a dialog, canceling an action, or performing\n * a delete operation.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(props, ref) {\n    const {\n      color,\n      hexColor,\n      variant = 'primary',\n      size = 'default',\n      disabled,\n      ...baseProps\n    } = props\n    const { _isHovered, _isPressed } = baseProps\n    const {\n      type,\n      color: themeColors,\n      cornerRadius,\n      shadows,\n      spacing,\n      typography\n    } = useTheme()\n\n    // Size Styles\n    const smallStyles: CSSObject = {\n      gap: spacing.xs,\n      height: size === 'xs' ? spacing.unit7 : spacing.unit8,\n      paddingInline: spacing.m,\n      fontSize: typography.size.s,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.s,\n      textTransform: 'capitalize'\n    }\n\n    const smallIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit4,\n      height: spacing.unit4\n    }\n\n    const defaultStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit12,\n      paddingInline: spacing.xl,\n      fontSize: typography.size.l,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.l,\n      textTransform: 'capitalize'\n    }\n    const defaultIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit5,\n      height: spacing.unit5\n    }\n\n    const largeStyles: CSSObject = {\n      gap: spacing.s,\n      height: spacing.unit16,\n      paddingInline: spacing.xl,\n      fontSize: typography.size.xl,\n      fontWeight: typography.weight.bold,\n      lineHeight: typography.lineHeight.m,\n      letterSpacing: '0.25px',\n      textTransform: 'uppercase'\n    }\n    const largeIconStyles: CSSObject = {\n      zIndex: 1,\n      width: spacing.unit6,\n      height: spacing.unit6\n    }\n\n    // Variant Styles\n    const primaryStyles: CSSObject = {\n      '&:hover': { color: themeColors.static.white },\n\n      ...((_isHovered || _isPressed) && { color: themeColors.static.white }),\n      ...(disabled && {\n        backgroundColor: themeColors.neutral.n150,\n        boxShadow: 'none'\n      })\n    }\n\n    const secondaryHoverStyles: CSSObject = {\n      backgroundColor: themeColors.primary.primary,\n      color: themeColors.static.white\n    }\n    const secondaryStyles: CSSObject = {\n      backgroundColor: 'transparent',\n      color: themeColors.text.default,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`,\n\n      '&:hover': secondaryHoverStyles,\n      '&:active': secondaryHoverStyles,\n\n      ...((_isHovered || _isPressed) && secondaryHoverStyles)\n    }\n\n    const tertiaryHoverStyles: CSSObject = {\n      backgroundColor: themeColors.background.white,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}, ${shadows.mid}`,\n      color: themeColors.text.default\n    }\n    const tertiaryActiveStyles: CSSObject = {\n      backgroundColor: themeColors.background.surface2,\n      backdropFilter: 'none',\n      color: themeColors.text.default,\n      boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`\n    }\n    const tertiaryStyles: CSSObject = {\n      backgroundColor:\n        type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)',\n      color: themeColors.text.default,\n      backdropFilter: 'blur(6px)',\n      boxShadow: `0 0 0 1px inset ${themeColors.border.default}, ${shadows.near}`,\n\n      '&:hover': tertiaryHoverStyles,\n      '&:active': tertiaryActiveStyles,\n\n      ...(_isHovered && tertiaryHoverStyles),\n      ...(_isPressed && tertiaryActiveStyles)\n    }\n\n    const destructiveHoverStyles: CSSObject = {\n      backgroundColor: themeColors.special.red,\n      color: themeColors.static.white\n    }\n    const destructiveStyles: CSSObject = {\n      backgroundColor: 'transparent',\n      color: themeColors.special.red,\n      boxShadow: `0 0 0 1px inset ${themeColors.special.red}`,\n\n      '&:hover': destructiveHoverStyles,\n      '&:active': destructiveHoverStyles,\n\n      ...((_isHovered || _isPressed) && destructiveHoverStyles)\n    }\n\n    const hoverStyles: CSSObject = {\n      boxShadow: shadows.mid,\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.2)'\n      }\n    }\n    const activeStyles: CSSObject = {\n      boxShadow: 'none',\n      '&::before': {\n        backgroundColor: 'rgba(0, 0, 0, 0.2)'\n      }\n    }\n\n    const buttonCss: CSSObject = {\n      backgroundColor: themeColors.primary.primary,\n      color: themeColors.static.white,\n      boxSizing: 'border-box',\n      border: 'none',\n      borderRadius: cornerRadius.s,\n      boxShadow: shadows.near,\n\n      ...(size === 'small' || size === 'xs'\n        ? smallStyles\n        : size === 'large'\n        ? largeStyles\n        : defaultStyles),\n\n      ...(variant === 'secondary'\n        ? secondaryStyles\n        : variant === 'tertiary'\n        ? tertiaryStyles\n        : variant === 'destructive'\n        ? destructiveStyles\n        : primaryStyles),\n\n      '::before': {\n        zIndex: -1,\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: 'rgba(0, 0, 0, 0)'\n      },\n\n      ...(variant !== 'tertiary' && {\n        ':hover': hoverStyles,\n        ':active': activeStyles,\n        ...(_isHovered && hoverStyles),\n        ...(_isPressed && activeStyles)\n      }),\n\n      ...(disabled && {\n        opacity: 0.45\n      })\n    }\n\n    const iconCss =\n      size === 'small'\n        ? smallIconStyles\n        : size === 'large'\n        ? largeIconStyles\n        : defaultIconStyles\n\n    const style: CSSCustomProperties =\n      variant === 'primary' && !disabled\n        ? {\n            backgroundColor:\n              hexColor ||\n              (color ? `var(${toCSSVariableName(color)})` : undefined)\n          }\n        : {}\n\n    return (\n      <BaseButton\n        ref={ref}\n        disabled={disabled}\n        styles={{\n          button: buttonCss,\n          icon: iconCss\n        }}\n        style={style}\n        {...baseProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;;AAaA;;;;;AAKG;AACU,IAAA,MAAM,GAAG,UAAU,CAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG,EAAA;AAEtB,IAAA,IAAA,KAAK,GAMH,KAAK,CANF,KAAA,EACL,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,KAIE,KAAK,CAAA,OAJY,EAAnB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACnB,EAGE,GAAA,KAAK,KAHS,EAAhB,IAAI,mBAAG,SAAS,GAAA,EAAA,EAChB,QAAQ,GAEN,KAAK,CAAA,QAFC,EACL,SAAS,GAAA,MAAA,CACV,KAAK,EAPH,CAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,CAOL,CADa,CACL;IACD,IAAA,UAAU,GAAiB,SAAS,CAAA,UAA1B,EAAE,UAAU,GAAK,SAAS,CAAA,UAAd,CAAc;IACtC,IAAA,EAAA,GAOF,QAAQ,EAAE,EANZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACG,WAAW,GAAA,EAAA,CAAA,KAAA,EAClB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,UAAU,GAAA,EAAA,CAAA,UACE,CAAA;;AAGd,IAAA,IAAM,WAAW,GAAc;QAC7B,GAAG,EAAE,OAAO,CAAC,EAAE;AACf,QAAA,MAAM,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK;QACrD,aAAa,EAAE,OAAO,CAAC,CAAC;AACxB,QAAA,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;AAC3B,QAAA,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;AAClC,QAAA,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;AACnC,QAAA,aAAa,EAAE,YAAY;KAC5B,CAAA;AAED,IAAA,IAAM,eAAe,GAAc;AACjC,QAAA,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,KAAK;KACtB,CAAA;AAED,IAAA,IAAM,aAAa,GAAc;QAC/B,GAAG,EAAE,OAAO,CAAC,CAAC;QACd,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,aAAa,EAAE,OAAO,CAAC,EAAE;AACzB,QAAA,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;AAC3B,QAAA,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;AAClC,QAAA,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;AACnC,QAAA,aAAa,EAAE,YAAY;KAC5B,CAAA;AACD,IAAA,IAAM,iBAAiB,GAAc;AACnC,QAAA,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,KAAK;KACtB,CAAA;AAED,IAAA,IAAM,WAAW,GAAc;QAC7B,GAAG,EAAE,OAAO,CAAC,CAAC;QACd,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,aAAa,EAAE,OAAO,CAAC,EAAE;AACzB,QAAA,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE;AAC5B,QAAA,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;AAClC,QAAA,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;AACnC,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,aAAa,EAAE,WAAW;KAC3B,CAAA;AACD,IAAA,IAAM,eAAe,GAAc;AACjC,QAAA,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,MAAM,EAAE,OAAO,CAAC,KAAK;KACtB,CAAA;;AAGD,IAAA,IAAM,aAAa,GAAA,QAAA,CAAA,QAAA,CAAA,EACjB,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,EAAA,GAE1C,CAAC,UAAU,IAAI,UAAU,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,EAClE,GAAC,QAAQ,IAAI;AACd,QAAA,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI;AACzC,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA,EACF,CAAA;AAED,IAAA,IAAM,oBAAoB,GAAc;AACtC,QAAA,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO;AAC5C,QAAA,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK;KAChC,CAAA;AACD,IAAA,IAAM,eAAe,GACnB,QAAA,CAAA,EAAA,eAAe,EAAE,aAAa,EAC9B,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,EAC/B,SAAS,EAAE,kBAAmB,CAAA,MAAA,CAAA,WAAW,CAAC,MAAM,CAAC,MAAM,CAAE,EAEzD,SAAS,EAAE,oBAAoB,EAC/B,UAAU,EAAE,oBAAoB,EAAA,GAE5B,CAAC,UAAU,IAAI,UAAU,KAAK,oBAAoB,EACvD,CAAA;AAED,IAAA,IAAM,mBAAmB,GAAc;AACrC,QAAA,eAAe,EAAE,WAAW,CAAC,UAAU,CAAC,KAAK;QAC7C,SAAS,EAAE,kBAAmB,CAAA,MAAA,CAAA,WAAW,CAAC,MAAM,CAAC,MAAM,EAAK,IAAA,CAAA,CAAA,MAAA,CAAA,OAAO,CAAC,GAAG,CAAE;AACzE,QAAA,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO;KAChC,CAAA;AACD,IAAA,IAAM,oBAAoB,GAAc;AACtC,QAAA,eAAe,EAAE,WAAW,CAAC,UAAU,CAAC,QAAQ;AAChD,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO;AAC/B,QAAA,SAAS,EAAE,kBAAmB,CAAA,MAAA,CAAA,WAAW,CAAC,MAAM,CAAC,MAAM,CAAE;KAC1D,CAAA;AACD,IAAA,IAAM,cAAc,GAAA,QAAA,CAAA,QAAA,CAAA,EAClB,eAAe,EACb,IAAI,KAAK,MAAM,GAAG,uBAAuB,GAAG,0BAA0B,EACxE,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,EAC/B,cAAc,EAAE,WAAW,EAC3B,SAAS,EAAE,kBAAA,CAAA,MAAA,CAAmB,WAAW,CAAC,MAAM,CAAC,OAAO,EAAA,IAAA,CAAA,CAAA,MAAA,CAAK,OAAO,CAAC,IAAI,CAAE,EAE3E,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,oBAAoB,EAE7B,GAAC,UAAU,IAAI,mBAAmB,EAClC,GAAC,UAAU,IAAI,oBAAoB,EACvC,CAAA;AAED,IAAA,IAAM,sBAAsB,GAAc;AACxC,QAAA,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG;AACxC,QAAA,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK;KAChC,CAAA;AACD,IAAA,IAAM,iBAAiB,GACrB,QAAA,CAAA,EAAA,eAAe,EAAE,aAAa,EAC9B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,EAC9B,SAAS,EAAE,kBAAmB,CAAA,MAAA,CAAA,WAAW,CAAC,OAAO,CAAC,GAAG,CAAE,EAEvD,SAAS,EAAE,sBAAsB,EACjC,UAAU,EAAE,sBAAsB,EAAA,GAE9B,CAAC,UAAU,IAAI,UAAU,KAAK,sBAAsB,EACzD,CAAA;AAED,IAAA,IAAM,WAAW,GAAc;QAC7B,SAAS,EAAE,OAAO,CAAC,GAAG;AACtB,QAAA,WAAW,EAAE;AACX,YAAA,eAAe,EAAE,0BAA0B;AAC5C,SAAA;KACF,CAAA;AACD,IAAA,IAAM,YAAY,GAAc;AAC9B,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,WAAW,EAAE;AACX,YAAA,eAAe,EAAE,oBAAoB;AACtC,SAAA;KACF,CAAA;IAED,IAAM,SAAS,kDACb,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,EAC5C,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAC/B,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,CAAC,CAAC,EAC5B,SAAS,EAAE,OAAO,CAAC,IAAI,KAEnB,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,IAAI;AACnC,UAAE,WAAW;UACX,IAAI,KAAK,OAAO;AAClB,cAAE,WAAW;AACb,cAAE,aAAa,KAEb,OAAO,KAAK,WAAW;AACzB,UAAE,eAAe;UACf,OAAO,KAAK,UAAU;AACxB,cAAE,cAAc;cACd,OAAO,KAAK,aAAa;AAC3B,kBAAE,iBAAiB;AACnB,kBAAE,aAAa,EAAC,EAAA,EAElB,UAAU,EAAE;YACV,MAAM,EAAE,CAAC,CAAC;AACV,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,eAAe,EAAE,kBAAkB;AACpC,SAAA,EAAA,CAAA,GAEG,OAAO,KAAK,UAAU,IACxB,QAAA,CAAA,QAAA,CAAA,EAAA,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE,YAAY,EACpB,GAAC,UAAU,IAAI,WAAW,EAC1B,GAAC,UAAU,IAAI,YAAY,EAC/B,EAEE,GAAC,QAAQ,IAAI;AACd,QAAA,OAAO,EAAE,IAAI;AACd,KAAA,EACF,CAAA;AAED,IAAA,IAAM,OAAO,GACX,IAAI,KAAK,OAAO;AACd,UAAE,eAAe;UACf,IAAI,KAAK,OAAO;AAClB,cAAE,eAAe;cACf,iBAAiB,CAAA;AAEvB,IAAA,IAAM,KAAK,GACT,OAAO,KAAK,SAAS,IAAI,CAAC,QAAQ;AAChC,UAAE;AACE,YAAA,eAAe,EACb,QAAQ;AACR,iBAAC,KAAK,GAAG,cAAO,iBAAiB,CAAC,KAAK,CAAC,EAAG,GAAA,CAAA,GAAG,SAAS,CAAC;AAC3D,SAAA;UACD,EAAE,CAAA;AAER,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE;AACN,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,IAAI,EAAE,OAAO;AACd,SAAA,EACD,KAAK,EAAE,KAAK,IACR,SAAS,CAAA,CACb,EACH;AACH,CAAC;;;;"}

package/dist/components/button/Button/types.d.ts

@@ -1,9 +1,9 @@
 import { ComponentPropsWithoutRef } from 'react';
-import type { SpecialColors } from "../../../foundations/color";
+import type { SpecialColors } from '../../../foundations/color';
 import { BaseButtonProps } from '../BaseButton/types';
 export type HTMLButtonProps = ComponentPropsWithoutRef<'button'>;
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'common';
-export type ButtonSize = 'small' | 'default' | 'large';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive';
+export type ButtonSize = 'xs' | 'small' | 'default' | 'large';
 export type ButtonProps = {
     /**
      * Override the color of the button, only valid for the `PRIMARY` variant

package/dist/components/button/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,mCAAyB;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAEhE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,aAAa,GACb,QAAQ,CAAA;AAEZ,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAA;AAEhF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAA"}

package/dist/components/button/FilterButton/FilterButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButton.tsx"],"names":[],"mappings":";AASA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE/D,eAAO,MAAM,YAAY,gLAkNxB,CAAA"}
+{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButton.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE/D,eAAO,MAAM,YAAY,gLAmNxB,CAAA"}