npm - @audius/harmony - Versions diffs - 0.4.2 → 0.4.3 - Mend

@audius/harmony 0.4.2 → 0.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
 <p align="center">
-  <img height="288px" src="https://github.com/AudiusProject/audius-protocol/blob/main/packages/harmony/src/storybook/assets/harmonyLogoDark.png#gh-dark-mode-only">
-  <img height="288px" src="https://github.com/AudiusProject/audius-protocol/blob/main/packages/harmony/src/storybook/assets/harmonyLogo.png?raw=true#gh-light-mode-only">
+  <img height="288px" src="https://github.com/AudiusProject/apps/blob/main/packages/harmony/src/storybook/assets/harmonyLogoDark.png#gh-dark-mode-only">
+  <img height="288px" src="https://github.com/AudiusProject/apps/blob/main/packages/harmony/src/storybook/assets/harmonyLogo.png?raw=true#gh-light-mode-only">
   <p align="center">
     Harmony is design system focused on collaboration, reusability, and scalability.

package/dist/assets/icons/ArtistCoin.svg.js ADDED Viewed

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { useTheme } from '@emotion/react';
+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 _excluded = ["title", "titleId", "desc", "descId"],
+  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var SvgArtistCoin = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _theme$iconSizes, _theme$iconSizes2, _other$fill, _theme$color, _other$fillSecondary, _theme$color2;
+  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,
+    colorSecondary = _props.colorSecondary,
+    size = _props.size,
+    sizeH = _props.sizeH,
+    sizeW = _props.sizeW,
+    heightProp = _props.height,
+    widthProp = _props.width,
+    shadow = _props.shadow;
+    _props.animatedProps;
+    var 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;
+  }
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
+  if (width) {
+    other.width = isNaN(width) ? "100%" : width;
+  } // Using let here because it may be updated by webStyles
+  var fill = (_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];
+  var fillSecondary = (_other$fillSecondary = other.fillSecondary) !== null && _other$fillSecondary !== void 0 ? _other$fillSecondary : (_theme$color2 = theme.color) === null || _theme$color2 === void 0 ? void 0 : _theme$color2.icon[colorSecondary];
+  var classNameProp = other.className;
+  var className = css({
+    filter: shadow ? theme.shadows.drop : undefined,
+    minHeight: height,
+    minWidth: width
+  });
+  other.className = cx(className, classNameProp);
+  // Handle gradient fills for heading style
+  if (color === 'heading') {
+    fill = 'url(#harmony-gradient)';
+  }
+  other.role = title ? 'img' : undefined;
+  other['aria-hidden'] = title ? undefined : true;
+  props = _objectSpread(_objectSpread({}, other), {}, {
+    ref: ref,
+    fill: fill,
+    fillSecondary: fillSecondary
+  });
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "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, /*#__PURE__*/React.createElement("path", {
+    fill: props.fill,
+    fillRule: "evenodd",
+    d: "M9.2 1.8a35 35 0 0 1 5.6 0l.6.047a5 5 0 0 1 3.716 2.14l.342.491a35 35 0 0 1 2.8 4.836l.259.54a4.98 4.98 0 0 1 0 4.28l-.26.541a35 35 0 0 1-2.799 4.836l-.342.495a5 5 0 0 1-3.716 2.146l-.6.049a35 35 0 0 1-5.6 0l-.6-.049a5 5 0 0 1-3.716-2.139l-.342-.495a35 35 0 0 1-2.8-4.837l-.259-.542a4.98 4.98 0 0 1 0-4.278l.26-.542a35 35 0 0 1 2.799-4.837l.342-.495A5 5 0 0 1 8.6 1.847zm4.556 3.803a22 22 0 0 0-3.512 0l-.376.03a3.14 3.14 0 0 0-2.33 1.342l-.215.31a22 22 0 0 0-1.756 3.034l-.162.34a3.12 3.12 0 0 0 0 2.683l.162.34a22 22 0 0 0 1.756 3.033l.214.311a3.13 3.13 0 0 0 2.331 1.342l.376.03c1.169.094 2.343.094 3.512 0l.377-.03a3.14 3.14 0 0 0 2.33-1.346l.215-.31a22 22 0 0 0 1.756-3.034l.162-.34a3.12 3.12 0 0 0 0-2.683l-.162-.339a22 22 0 0 0-1.756-3.033l-.215-.308a3.13 3.13 0 0 0-2.33-1.342z",
+    clipRule: "evenodd"
+  }));
+});
+export { SvgArtistCoin as default };
+//# sourceMappingURL=ArtistCoin.svg.js.map

package/dist/assets/icons/ArtistCoin.svg.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ArtistCoin.svg.js","sources":["../../../src/assets/icons/ArtistCoin.svg"],"sourcesContent":["<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M9.2002 1.79942C11.0636 1.65019 12.9364 1.65019 14.7998 1.79942L15.4004 1.84727C16.1401 1.90625 16.8573 2.12956 17.5 2.49961C18.1427 2.86967 18.695 3.37748 19.1162 3.98692L19.458 4.47813C20.5186 6.0134 21.4551 7.63034 22.2578 9.31407L22.5166 9.8541C22.835 10.5225 23 11.2537 23 11.9938C23 12.7338 22.835 13.465 22.5166 14.1334L22.2578 14.6754C21.455 16.3591 20.5186 17.9761 19.458 19.5113L19.1162 20.0064C18.6957 20.6171 18.1438 21.1264 17.501 21.4977C16.8583 21.8689 16.1406 22.0922 15.4004 22.152L14.7998 22.2008C12.9364 22.35 11.0636 22.35 9.2002 22.2008L8.59961 22.152C7.85989 22.093 7.14269 21.8706 6.5 21.5006C5.85733 21.1306 5.30494 20.6227 4.88379 20.0133L4.54199 19.5182C3.48137 17.9829 2.54497 16.3651 1.74219 14.6813L1.4834 14.1393C1.165 13.4708 1 12.7396 1 11.9996C1.00006 11.2598 1.1651 10.5292 1.4834 9.86094L1.74219 9.31895C2.54497 7.63513 3.48137 6.01738 4.54199 4.48203L4.88379 3.98692C5.30495 3.37749 5.85731 2.86967 6.5 2.49961C7.14271 2.12956 7.85986 1.90625 8.59961 1.84727L9.2002 1.79942ZM13.7559 5.60313C12.5872 5.50955 11.4127 5.50955 10.2441 5.60313L9.86816 5.6334C9.40419 5.67038 8.95389 5.81048 8.55078 6.04258C8.14776 6.27466 7.80122 6.59302 7.53711 6.9752L7.32324 7.28575C6.6581 8.24859 6.07084 9.263 5.56738 10.3189L5.40527 10.6588C5.20553 11.078 5.10158 11.5364 5.10156 12.0006C5.10156 12.4648 5.20551 12.9231 5.40527 13.3424L5.56738 13.6822C6.07085 14.7383 6.65807 15.7526 7.32324 16.7154L7.53711 17.026C7.80125 17.4082 8.14768 17.7275 8.55078 17.9596C8.95385 18.1916 9.40426 18.3308 9.86816 18.3678L10.2441 18.3981C11.4127 18.4916 12.5872 18.4916 13.7559 18.3981L14.1328 18.3678C14.597 18.3303 15.0472 18.1904 15.4502 17.9576C15.8533 17.7248 16.1992 17.405 16.4629 17.0221L16.6777 16.7115C17.3429 15.7487 17.9301 14.7343 18.4336 13.6783L18.5957 13.3385C18.7954 12.9192 18.8984 12.4608 18.8984 11.9967C18.8984 11.5326 18.7954 11.0741 18.5957 10.6549L18.4336 10.316C17.9301 9.26005 17.3429 8.24568 16.6777 7.28282L16.4629 6.9752C16.1988 6.59307 15.8522 6.27462 15.4492 6.04258C15.0462 5.81058 14.5966 5.67039 14.1328 5.6334L13.7559 5.60313Z\"\n fill=\"#FF0000\" />\n</svg>\n "],"names":[],"mappings":"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"}

package/dist/assets/icons/CoinGatedLabel.svg.js ADDED Viewed

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { useTheme } from '@emotion/react';
+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;
+var _excluded = ["title", "titleId", "desc", "descId"],
+  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var SvgCoinGatedLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _theme$iconSizes, _theme$iconSizes2, _other$fill, _theme$color, _other$fillSecondary, _theme$color2;
+  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,
+    colorSecondary = _props.colorSecondary,
+    size = _props.size,
+    sizeH = _props.sizeH,
+    sizeW = _props.sizeW,
+    heightProp = _props.height,
+    widthProp = _props.width,
+    shadow = _props.shadow;
+    _props.animatedProps;
+    var 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;
+  }
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
+  if (width) {
+    other.width = isNaN(width) ? "100%" : width;
+  } // Using let here because it may be updated by webStyles
+  var fill = (_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];
+  var fillSecondary = (_other$fillSecondary = other.fillSecondary) !== null && _other$fillSecondary !== void 0 ? _other$fillSecondary : (_theme$color2 = theme.color) === null || _theme$color2 === void 0 ? void 0 : _theme$color2.icon[colorSecondary];
+  var classNameProp = other.className;
+  var className = css({
+    filter: shadow ? theme.shadows.drop : undefined,
+    minHeight: height,
+    minWidth: width
+  });
+  other.className = cx(className, classNameProp);
+  // Handle gradient fills for heading style
+  if (color === 'heading') {
+    fill = 'url(#harmony-gradient)';
+  }
+  other.role = title ? 'img' : undefined;
+  other['aria-hidden'] = title ? undefined : true;
+  props = _objectSpread(_objectSpread({}, other), {}, {
+    ref: ref,
+    fill: fill,
+    fillSecondary: fillSecondary
+  });
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 82,
+    height: 20,
+    fill: "none",
+    viewBox: "0 0 82 20",
+    "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: "url(#coinGradientUserSpace)",
+    fillRule: "evenodd",
+    d: "M5.467 3.2c1.242-.1 2.49-.1 3.733 0l.4.032a3.34 3.34 0 0 1 2.478 1.426l.227.327a23.4 23.4 0 0 1 1.867 3.224l.172.36a3.32 3.32 0 0 1 0 2.853l-.172.362a23.4 23.4 0 0 1-1.867 3.224l-.227.33a3.33 3.33 0 0 1-2.478 1.43l-.4.032c-1.242.1-2.491.1-3.733 0l-.4-.032a3.34 3.34 0 0 1-2.478-1.426l-.228-.33a23.4 23.4 0 0 1-1.866-3.225l-.173-.36a3.32 3.32 0 0 1 0-2.853l.173-.361A23.4 23.4 0 0 1 2.36 4.988l.228-.33a3.33 3.33 0 0 1 2.477-1.426zm3.037 2.535a15 15 0 0 0-2.341 0l-.25.02a2.1 2.1 0 0 0-1.555.895l-.143.207a15 15 0 0 0-1.17 2.022l-.108.227a2.08 2.08 0 0 0 0 1.789l.108.226q.505 1.057 1.17 2.023l.143.207a2.09 2.09 0 0 0 1.554.894l.25.02q1.172.095 2.342 0l.251-.02a2.1 2.1 0 0 0 1.554-.897l.143-.207a15 15 0 0 0 1.17-2.022l.108-.227a2.08 2.08 0 0 0 0-1.789l-.108-.226a14.6 14.6 0 0 0-1.17-2.022l-.143-.205a2.09 2.09 0 0 0-1.554-.894z",
+    clipRule: "evenodd"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fill: "url(#coinGradientUserSpace)",
+    d: "m26.701 12.032.948.648c-.66.9-1.752 1.536-3.24 1.536-2.604 0-4.476-1.86-4.476-4.476 0-2.652 1.944-4.452 4.524-4.452 1.164 0 2.424.456 3.048 1.32l-.936.72c-.408-.576-1.236-.996-2.112-.996-1.968 0-3.228 1.548-3.228 3.408 0 1.908 1.236 3.42 3.192 3.42.948 0 1.776-.396 2.28-1.128m7.719-.888c0 1.752-1.331 3.012-3.071 3.012s-3.06-1.26-3.06-3.012 1.32-2.988 3.06-2.988 3.072 1.236 3.072 2.988m-1.175 0c0-1.08-.672-2.052-1.896-2.052-1.212 0-1.896.972-1.896 2.052s.684 2.064 1.896 2.064c1.224 0 1.896-.984 1.896-2.064m3.879-2.832V14h-1.128V8.312zm.192-2.052c0 .408-.348.72-.756.72a.735.735 0 0 1-.744-.72c0-.408.336-.732.744-.732s.756.312.756.732m1.726 2.052h1.068c.024.288.047.696.047.936h.036c.276-.612 1.032-1.092 1.848-1.092 1.465 0 2.124 1.044 2.124 2.316V14H43.04v-3.156c0-.924-.253-1.74-1.297-1.74-.887 0-1.523.744-1.523 1.872V14h-1.13V9.536c0-.3-.012-.852-.048-1.224m17.328-1.92-.827.864c-.504-.552-1.332-.924-2.304-.924-1.992 0-3.24 1.548-3.24 3.408 0 1.896 1.248 3.408 3.276 3.408.792 0 1.488-.156 1.98-.42v-2.364H53.37V9.356h3.06v4.116c-.888.48-1.944.744-3.192.744-2.652 0-4.536-1.86-4.536-4.476 0-2.652 1.944-4.452 4.524-4.452 1.344 0 2.448.432 3.144 1.104m5.585 4.08v-.156c0-.84-.564-1.248-1.404-1.248-.636 0-1.236.276-1.62.66l-.6-.72c.552-.528 1.404-.852 2.328-.852 1.632 0 2.376.972 2.376 2.232v2.484c0 .384.024.852.084 1.128h-1.02a3.7 3.7 0 0 1-.096-.816h-.036c-.408.612-1.056.96-1.908.96-.9 0-2.064-.444-2.064-1.752 0-1.716 2.04-1.92 3.96-1.92m0 .816h-.276c-1.116 0-2.532.12-2.532 1.08 0 .672.6.888 1.164.888 1.056 0 1.644-.708 1.644-1.668zm5.63-2.976v.924h-1.512V12.2c0 .684.24.96.804.96.204 0 .468-.048.66-.144l.036.924a2.9 2.9 0 0 1-.96.156c-1.068 0-1.656-.6-1.656-1.776V9.236h-1.092v-.924h1.092V6.68h1.116v1.632zm1.945 2.34h3.385c-.024-.9-.552-1.608-1.596-1.608-.972 0-1.716.72-1.788 1.608m4.525.456c0 .12 0 .252-.012.384H69.53c.036.972.852 1.728 1.848 1.728.768 0 1.332-.384 1.656-.864l.792.636c-.612.792-1.44 1.164-2.448 1.164-1.728 0-3-1.2-3-2.988 0-1.776 1.272-3.012 2.94-3.012 1.68 0 2.736 1.14 2.736 2.952m6.112 1.992c-.432.684-1.248 1.056-2.052 1.056-1.752 0-2.868-1.344-2.868-3.012 0-1.68 1.152-2.988 2.856-2.988.924 0 1.632.456 2.028 1.008h.023V4.928h1.129V14H80.19v-.9zm-3.744-1.956c0 1.068.648 2.064 1.883 2.064 1.153 0 1.92-.96 1.92-2.052s-.767-2.064-1.92-2.064c-1.236 0-1.883.984-1.883 2.052"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    fill: "url(#coinGradientUserSpace)",
+    d: "M80.166 13.1c-.432.684-1.248 1.056-2.052 1.056-1.752 0-2.868-1.344-2.868-3.012 0-1.68 1.152-2.988 2.856-2.988.924 0 1.632.456 2.028 1.008h.023V4.928h1.129V14H80.19v-.9zm-3.744-1.956c0 1.068.648 2.064 1.883 2.064 1.153 0 1.92-.96 1.92-2.052s-.767-2.064-1.92-2.064c-1.236 0-1.883.984-1.883 2.052"
+  })));
+});
+export { SvgCoinGatedLabel as default };
+//# sourceMappingURL=CoinGatedLabel.svg.js.map

package/dist/assets/icons/CoinGatedLabel.svg.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CoinGatedLabel.svg.js","sources":["../../../src/assets/icons/CoinGatedLabel.svg"],"sourcesContent":["<svg width=\"82\" height=\"20\" viewBox=\"0 0 82 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.4668 3.19961C6.70904 3.10013 7.95758 3.10013 9.19987 3.19961L9.60026 3.23151C10.0934 3.27084 10.5715 3.4197 11 3.66641C11.4285 3.91311 11.7967 4.25166 12.0775 4.65795L12.3053 4.98542C13.0124 6.00893 13.6367 7.08689 14.1719 8.20938L14.3444 8.5694C14.5566 9.01502 14.6667 9.50248 14.6667 9.99584C14.6666 10.4892 14.5567 10.9767 14.3444 11.4223L14.1719 11.7836C13.6367 12.9061 13.0124 13.9841 12.3053 15.0076L12.0775 15.3376C11.7971 15.7447 11.4292 16.0843 11.0007 16.3318C10.5722 16.5793 10.0937 16.7282 9.60026 16.768L9.19987 16.8005C7.95758 16.9 6.70904 16.9 5.4668 16.8005L5.06641 16.768C4.57326 16.7287 4.09513 16.5804 3.66667 16.3337C3.23822 16.087 2.86996 15.7484 2.58919 15.3422L2.36133 15.0121C1.65425 13.9886 1.02998 12.9101 0.494792 11.7875L0.322266 11.4262C0.109998 10.9806 0 10.4931 0 9.99974C4.01541e-05 9.50652 0.110065 9.01946 0.322266 8.57396L0.494792 8.21263C1.02998 7.09009 1.65425 6.01159 2.36133 4.98802L2.58919 4.65795C2.86996 4.25166 3.2382 3.91311 3.66667 3.66641C4.09514 3.4197 4.57324 3.27083 5.06641 3.23151L5.4668 3.19961ZM8.50391 5.73542C7.72483 5.67304 6.94181 5.67303 6.16276 5.73542L5.91211 5.7556C5.60279 5.78025 5.30259 5.87365 5.03385 6.02839C4.76517 6.18311 4.53414 6.39535 4.35807 6.65013L4.21549 6.85716C3.77207 7.49906 3.38056 8.17533 3.04492 8.8793L2.93685 9.10586C2.80369 9.38534 2.73439 9.69096 2.73437 10.0004C2.73437 10.3099 2.80368 10.6154 2.93685 10.8949L3.04492 11.1215C3.38057 11.8255 3.77205 12.5017 4.21549 13.1436L4.35807 13.3507C4.53417 13.6055 4.76512 13.8183 5.03385 13.973C5.30257 14.1277 5.60284 14.2206 5.91211 14.2452L6.16276 14.2654C6.94181 14.3278 7.72483 14.3277 8.50391 14.2654L8.75521 14.2452C9.06466 14.2202 9.36479 14.1269 9.63346 13.9717C9.90218 13.8165 10.1328 13.6033 10.3086 13.348L10.4518 13.141C10.8953 12.4991 11.2867 11.8229 11.6224 11.1189L11.7305 10.8923C11.8636 10.6128 11.9323 10.3072 11.9323 9.99779C11.9323 9.68837 11.8636 9.38273 11.7305 9.10326L11.6224 8.87735C11.2868 8.17336 10.8953 7.49712 10.4518 6.85521L10.3086 6.65013C10.1325 6.39538 9.90148 6.18308 9.63281 6.02839C9.36414 5.87372 9.06441 5.78026 8.75521 5.7556L8.50391 5.73542Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M26.7013 12.032L27.6493 12.68C26.9893 13.58 25.8973 14.216 24.4093 14.216C21.8053 14.216 19.9333 12.356 19.9333 9.74001C19.9333 7.08801 21.8773 5.28801 24.4573 5.28801C25.6213 5.28801 26.8813 5.74401 27.5053 6.60801L26.5693 7.32801C26.1613 6.75201 25.3333 6.33201 24.4573 6.33201C22.4893 6.33201 21.2293 7.88001 21.2293 9.74001C21.2293 11.648 22.4653 13.16 24.4213 13.16C25.3693 13.16 26.1973 12.764 26.7013 12.032Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M34.4208 11.144C34.4208 12.896 33.0888 14.156 31.3488 14.156C29.6088 14.156 28.2888 12.896 28.2888 11.144C28.2888 9.39201 29.6088 8.15601 31.3488 8.15601C33.0888 8.15601 34.4208 9.39201 34.4208 11.144ZM33.2448 11.144C33.2448 10.064 32.5728 9.09201 31.3488 9.09201C30.1368 9.09201 29.4528 10.064 29.4528 11.144C29.4528 12.224 30.1368 13.208 31.3488 13.208C32.5728 13.208 33.2448 12.224 33.2448 11.144Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M37.125 8.31201V14H35.997V8.31201H37.125ZM37.317 6.26001C37.317 6.66801 36.969 6.98001 36.561 6.98001C36.153 6.98001 35.817 6.65601 35.817 6.26001C35.817 5.85201 36.153 5.52801 36.561 5.52801C36.969 5.52801 37.317 5.84001 37.317 6.26001Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M39.0425 8.31201H40.1105C40.1345 8.60001 40.1585 9.00801 40.1585 9.24801H40.1945C40.4705 8.63601 41.2265 8.15601 42.0425 8.15601C43.5065 8.15601 44.1665 9.20001 44.1665 10.472V14H43.0385V10.844C43.0385 9.92001 42.7865 9.10401 41.7425 9.10401C40.8545 9.10401 40.2185 9.84801 40.2185 10.976V14H39.0905V9.53601C39.0905 9.23601 39.0785 8.68401 39.0425 8.31201Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M56.3709 6.39201L55.5429 7.25601C55.0389 6.70401 54.2109 6.33201 53.2389 6.33201C51.2469 6.33201 49.9989 7.88001 49.9989 9.74001C49.9989 11.636 51.2469 13.148 53.2749 13.148C54.0669 13.148 54.7629 12.992 55.2549 12.728V10.364H53.3709V9.35601H56.4309V13.472C55.5429 13.952 54.4869 14.216 53.2389 14.216C50.5869 14.216 48.7029 12.356 48.7029 9.74001C48.7029 7.08801 50.6469 5.28801 53.2269 5.28801C54.5709 5.28801 55.6749 5.72001 56.3709 6.39201Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M61.9547 10.472V10.316C61.9547 9.47601 61.3907 9.06801 60.5507 9.06801C59.9147 9.06801 59.3147 9.34401 58.9307 9.72801L58.3307 9.00801C58.8827 8.48001 59.7347 8.15601 60.6587 8.15601C62.2907 8.15601 63.0347 9.12801 63.0347 10.388V12.872C63.0347 13.256 63.0587 13.724 63.1187 14H62.0987C62.0387 13.748 62.0027 13.448 62.0027 13.184H61.9667C61.5587 13.796 60.9107 14.144 60.0587 14.144C59.1587 14.144 57.9947 13.7 57.9947 12.392C57.9947 10.676 60.0347 10.472 61.9547 10.472ZM61.9547 11.288H61.6787C60.5627 11.288 59.1467 11.408 59.1467 12.368C59.1467 13.04 59.7467 13.256 60.3107 13.256C61.3667 13.256 61.9547 12.548 61.9547 11.588V11.288Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M67.5854 8.31201V9.23601H66.0734V12.2C66.0734 12.884 66.3134 13.16 66.8774 13.16C67.0814 13.16 67.3454 13.112 67.5374 13.016L67.5734 13.94C67.3094 14.036 66.9614 14.096 66.6134 14.096C65.5454 14.096 64.9574 13.496 64.9574 12.32V9.23601H63.8654V8.31201H64.9574V6.68001H66.0734V8.31201H67.5854Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M69.5306 10.652H72.9146C72.8906 9.75201 72.3626 9.04401 71.3186 9.04401C70.3466 9.04401 69.6026 9.76401 69.5306 10.652ZM74.0546 11.108C74.0546 11.228 74.0546 11.36 74.0426 11.492H69.5306C69.5667 12.464 70.3826 13.22 71.3786 13.22C72.1466 13.22 72.7106 12.836 73.0346 12.356L73.8266 12.992C73.2146 13.784 72.3867 14.156 71.3786 14.156C69.6507 14.156 68.3786 12.956 68.3786 11.168C68.3786 9.39201 69.6507 8.15601 71.3186 8.15601C72.9986 8.15601 74.0546 9.29601 74.0546 11.108Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M80.1656 13.1C79.7336 13.784 78.9176 14.156 78.1136 14.156C76.3616 14.156 75.2456 12.812 75.2456 11.144C75.2456 9.46401 76.3976 8.15601 78.1016 8.15601C79.0256 8.15601 79.7336 8.61201 80.1296 9.16401H80.1535V4.92801H81.2816V14H80.1896V13.1H80.1656ZM76.4216 11.144C76.4216 12.212 77.0695 13.208 78.3055 13.208C79.4576 13.208 80.2256 12.248 80.2256 11.156C80.2256 10.064 79.4576 9.09201 78.3055 9.09201C77.0695 9.09201 76.4216 10.076 76.4216 11.144Z\" fill=\"url(#coinGradientUserSpace)\"/>\n <path d=\"M80.1656 13.1C79.7336 13.784 78.9176 14.156 78.1136 14.156C76.3616 14.156 75.2456 12.812 75.2456 11.144C75.2456 9.46401 76.3976 8.15601 78.1016 8.15601C79.0256 8.15601 79.7336 8.61201 80.1296 9.16401H80.1535V4.92801H81.2816V14H80.1896V13.1H80.1656ZM76.4216 11.144C76.4216 12.212 77.0695 13.208 78.3055 13.208C79.4576 13.208 80.2256 12.248 80.2256 11.156C80.2256 10.064 79.4576 9.09201 78.3055 9.09201C77.0695 9.09201 76.4216 10.076 76.4216 11.144Z\" fill=\"url(#coinGradientUserSpace)\"/>\n</svg>\n"],"names":[],"mappings":"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"}

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

@@ -7,6 +7,7 @@ export type ArtworkProps = {
     noLoading?: boolean;
     onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
     hex?: boolean;
+    borderColor?: string;
 } & Pick<ComponentProps<'img'>, 'src' | 'onError'> & BoxProps;
 /**
  * The artwork component displays entity content and appears in several

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Artwork.d.ts","sourceRoot":"","sources":["../../../src/components/artwork/Artwork.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAA;AAKnE,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAA;AAM7C,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;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAA;IACxE,GAAG,CAAC,EAAE,OAAO,CAAA;~~CACd~~,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,GAChD,QAAQ,CAAA;AAEV;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,~~qDA8J1C~~,CAAA"}
1	+ {"version":3,"file":"Artwork.d.ts","sourceRoot":"","sources":["../../../src/components/artwork/Artwork.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAA;AAKnE,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAA;AAM7C,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;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAA;IACxE,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,GAChD,QAAQ,CAAA;AAEV;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,qDAkK1C,CAAA"}

package/dist/components/artwork/Artwork.js CHANGED Viewed

@@ -16,7 +16,7 @@ var HEXAGON_BORDER_INSET_SCALE = 0.99;
  * 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"], onError = props.onError, _b = props.hex, hex = _b === void 0 ? false : _b, other = __rest(props, ["isLoading", "src", "borderRadius", "borderWidth", "shadow", "children", 'data-testid', "onError", "hex"]);
+    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"], onError = props.onError, _b = props.hex, hex = _b === void 0 ? false : _b, borderColor = props.borderColor, other = __rest(props, ["isLoading", "src", "borderRadius", "borderWidth", "shadow", "children", 'data-testid', "onError", "hex", "borderColor"]);
     var imgRef = useRef(null);
     var _c = useState(true), isLoadingState = _c[0], setIsLoadingState = _c[1];
     var isLoading = isLoadingProp !== null && isLoadingProp !== void 0 ? isLoadingProp : isLoadingState;
@@ -68,7 +68,10 @@ var Artwork = function (props) {
                         top: 0,
                         left: 0,
                         pointerEvents: 'none'
-                    } }, { children: jsx("g", __assign({ transform: "translate(".concat((1 - HEXAGON_BORDER_INSET_SCALE) / 2, ", ").concat((1 - HEXAGON_BORDER_INSET_SCALE) / 2, ") scale(").concat(HEXAGON_BORDER_INSET_SCALE, ")") }, { children: jsx("path", { d: 'M0.966 0.378C0.93 0.301 0.887 0.228 0.839 0.158L0.824 0.136C0.805 0.108 0.779 0.085 0.75 0.068C0.721 0.051 0.688 0.041 0.655 0.039L0.627 0.036C0.543 0.03 0.457 0.03 0.373 0.036L0.346 0.039C0.312 0.041 0.279 0.051 0.25 0.068C0.221 0.085 0.196 0.108 0.177 0.136L0.161 0.158C0.113 0.228 0.07 0.302 0.034 0.378L0.022 0.403C0.008 0.433 0 0.466 0 0.5C0 0.534 0.008 0.567 0.022 0.597L0.034 0.622C0.07 0.698 0.113 0.772 0.161 0.842L0.177 0.864C0.196 0.892 0.221 0.915 0.25 0.932C0.279 0.949 0.312 0.959 0.346 0.961L0.373 0.964C0.457 0.97 0.543 0.97 0.627 0.964L0.655 0.961C0.688 0.959 0.721 0.949 0.75 0.932C0.779 0.915 0.805 0.892 0.824 0.864L0.839 0.842C0.887 0.772 0.93 0.698 0.966 0.622L0.978 0.597C0.992 0.567 1 0.534 1 0.5C1 0.466 0.992 0.433 0.978 0.403L0.966 0.378Z', fill: 'none', opacity: 0.3, stroke: color.neutral.n950, strokeWidth: '0.005' }) })) }))] })));
+                    } }, { children: jsx("g", __assign({ transform: "translate(".concat((1 - HEXAGON_BORDER_INSET_SCALE) / 2, ", ").concat((1 - HEXAGON_BORDER_INSET_SCALE) / 2, ") scale(").concat(HEXAGON_BORDER_INSET_SCALE, ")") }, { children: jsx("path", { d: 'M0.966 0.378C0.93 0.301 0.887 0.228 0.839 0.158L0.824 0.136C0.805 0.108 0.779 0.085 0.75 0.068C0.721 0.051 0.688 0.041 0.655 0.039L0.627 0.036C0.543 0.03 0.457 0.03 0.373 0.036L0.346 0.039C0.312 0.041 0.279 0.051 0.25 0.068C0.221 0.085 0.196 0.108 0.177 0.136L0.161 0.158C0.113 0.228 0.07 0.302 0.034 0.378L0.022 0.403C0.008 0.433 0 0.466 0 0.5C0 0.534 0.008 0.567 0.022 0.597L0.034 0.622C0.07 0.698 0.113 0.772 0.161 0.842L0.177 0.864C0.196 0.892 0.221 0.915 0.25 0.932C0.279 0.949 0.312 0.959 0.346 0.961L0.373 0.964C0.457 0.97 0.543 0.97 0.627 0.964L0.655 0.961C0.688 0.959 0.721 0.949 0.75 0.932C0.779 0.915 0.805 0.892 0.824 0.864L0.839 0.842C0.887 0.772 0.93 0.698 0.966 0.622L0.978 0.597C0.992 0.567 1 0.534 1 0.5C1 0.466 0.992 0.433 0.978 0.403L0.966 0.378Z',
+                            // NOTE - KJ: Adding this to avoid fills being applies to this
+                            // Occurs in the upload flow when selecting coin gating audience option
+                            css: { fill: 'none !important' }, fill: 'none', opacity: borderColor ? 1 : 0.3, stroke: borderColor || color.neutral.n950, strokeWidth: borderColor ? '0.02' : '0.005' }) })) }))] })));
     }
     // For regular artwork
     return (jsx(Box, __assign({}, other, { children: jsx(Box, __assign({ borderRadius: borderRadius, border: 'default', shadow: shadow, css: { borderWidth: borderWidth } }, { children: renderArtworkElements(false) })) })));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Artwork.js","sources":["../../../src/components/artwork/Artwork.tsx"],"sourcesContent":["import { ComponentProps, useEffect, useRef, useState } from 'react'\n\nimport { useTheme } from '@emotion/react'\n\nimport { roundedHexClipPath } from '../../icons/SVGDefs'\nimport { Box, BoxProps } from '../layout/Box'\nimport { Flex } from '../layout/Flex'\nimport { Skeleton } from '../skeleton'\n\nconst HEXAGON_BORDER_INSET_SCALE = 0.99\n\nexport type ArtworkProps = {\n isLoading?: boolean\n borderWidth?: number\n 'data-testid'?: string\n noLoading?: boolean\n onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void\n hex?: boolean\n} & Pick<ComponentProps<'img'>, 'src' \| 'onError'> &\n BoxProps\n\n/*\n The artwork component displays entity content 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 onError,\n hex = false,\n ...other\n } = props\n const imgRef = useRef<HTMLImageElement \| null>(null)\n const [isLoadingState, setIsLoadingState] = useState(true)\n const isLoading = isLoadingProp ?? isLoadingState\n const { color, motion } = useTheme()\n\n useEffect(() => {\n setIsLoadingState(true)\n }, [src])\n\n useEffect(() => {\n if (imgRef.current?.complete) {\n setIsLoadingState(false)\n }\n }, [src])\n\n // Helper function to render the common artwork elements\n const renderArtworkElements = (useHexClip: boolean) => (\n <>\n {isLoading ? (\n <Skeleton\n borderRadius={useHexClip ? borderRadius : borderRadius}\n h='100%'\n w='100%'\n css={{\n zIndex: 2,\n position: 'absolute',\n opacity: isLoading ? 1 : 0,\n transition: `opacity ${motion.calm}`,\n clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n }}\n />\n ) : null}\n <Box\n w='100%'\n pt='100%'\n borderRadius={useHexClip ? borderRadius : borderRadius}\n css={{\n backgroundColor:\n !src && children ? color.neutral.n400 : color.background.surface2,\n clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n }}\n />\n {src ? (\n <Box\n as='img'\n ref={imgRef}\n borderRadius={useHexClip ? borderRadius : borderRadius}\n h='100%'\n w='100%'\n onLoad={() => {\n setIsLoadingState(false)\n }}\n onError={(event) => {\n setIsLoadingState(false)\n onError?.(event)\n }}\n // @ts-ignore\n src={src}\n data-testid={testId}\n draggable={false}\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 clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n }}\n />\n ) : null}\n {children ? (\n <Flex\n h='100%'\n w='100%'\n alignItems='center'\n justifyContent='center'\n css={{\n position: 'absolute',\n top: 0,\n left: 0,\n clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n }}\n >\n {children}\n </Flex>\n ) : null}\n </>\n )\n\n // For hexagonal artwork, wrap with border and SVG overlay\n if (hex) {\n return (\n <Box {...other} css={{ position: 'relative' }}>\n <Box\n borderRadius={borderRadius}\n border='default'\n shadow={shadow}\n css={{ borderWidth }}\n >\n {renderArtworkElements(true)}\n </Box>\n {/ Hexagonal border overlay */}\n <svg\n width='100%'\n height='100%'\n viewBox='0 0 1 1'\n css={{\n position: 'absolute',\n top: 0,\n left: 0,\n pointerEvents: 'none'\n }}\n >\n <g\n transform={`translate(${(1 - HEXAGON_BORDER_INSET_SCALE) / 2}, ${\n (1 - HEXAGON_BORDER_INSET_SCALE) / 2\n }) scale(${HEXAGON_BORDER_INSET_SCALE})`}\n >\n <path\n d='M0.966 0.378C0.93 0.301 0.887 0.228 0.839 0.158L0.824 0.136C0.805 0.108 0.779 0.085 0.75 0.068C0.721 0.051 0.688 0.041 0.655 0.039L0.627 0.036C0.543 0.03 0.457 0.03 0.373 0.036L0.346 0.039C0.312 0.041 0.279 0.051 0.25 0.068C0.221 0.085 0.196 0.108 0.177 0.136L0.161 0.158C0.113 0.228 0.07 0.302 0.034 0.378L0.022 0.403C0.008 0.433 0 0.466 0 0.5C0 0.534 0.008 0.567 0.022 0.597L0.034 0.622C0.07 0.698 0.113 0.772 0.161 0.842L0.177 0.864C0.196 0.892 0.221 0.915 0.25 0.932C0.279 0.949 0.312 0.959 0.346 0.961L0.373 0.964C0.457 0.97 0.543 0.97 0.627 0.964L0.655 0.961C0.688 0.959 0.721 0.949 0.75 0.932C0.779 0.915 0.805 0.892 0.824 0.864L0.839 0.842C0.887 0.772 0.93 0.698 0.966 0.622L0.978 0.597C0.992 0.567 1 0.534 1 0.5C1 0.466 0.992 0.433 0.978 0.403L0.966 0.378Z'\n fill='none'\n opacity={0.3}\n stroke={color.neutral.n950}\n strokeWidth='0.005'\n />\n </g>\n </svg>\n </Box>\n )\n }\n\n // For regular artwork\n return (\n <Box {...other}>\n <Box\n borderRadius={borderRadius}\n border='default'\n shadow={shadow}\n css={{ borderWidth }}\n >\n {renderArtworkElements(false)}\n </Box>\n </Box>\n )\n}\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"Artwork.js","sources":["../../../src/components/artwork/Artwork.tsx"],"sourcesContent":["import { ComponentProps, useEffect, useRef, useState } from 'react'\n\nimport { useTheme } from '@emotion/react'\n\nimport { roundedHexClipPath } from '../../icons/SVGDefs'\nimport { Box, BoxProps } from '../layout/Box'\nimport { Flex } from '../layout/Flex'\nimport { Skeleton } from '../skeleton'\n\nconst HEXAGON_BORDER_INSET_SCALE = 0.99\n\nexport type ArtworkProps = {\n isLoading?: boolean\n borderWidth?: number\n 'data-testid'?: string\n noLoading?: boolean\n onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void\n hex?: boolean\n borderColor?: string\n} & Pick<ComponentProps<'img'>, 'src' \| 'onError'> &\n BoxProps\n\n/*\n The artwork component displays entity content 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 onError,\n hex = false,\n borderColor,\n ...other\n } = props\n const imgRef = useRef<HTMLImageElement \| null>(null)\n const [isLoadingState, setIsLoadingState] = useState(true)\n const isLoading = isLoadingProp ?? isLoadingState\n const { color, motion } = useTheme()\n\n useEffect(() => {\n setIsLoadingState(true)\n }, [src])\n\n useEffect(() => {\n if (imgRef.current?.complete) {\n setIsLoadingState(false)\n }\n }, [src])\n\n // Helper function to render the common artwork elements\n const renderArtworkElements = (useHexClip: boolean) => (\n <>\n {isLoading ? (\n <Skeleton\n borderRadius={useHexClip ? borderRadius : borderRadius}\n h='100%'\n w='100%'\n css={{\n zIndex: 2,\n position: 'absolute',\n opacity: isLoading ? 1 : 0,\n transition: `opacity ${motion.calm}`,\n clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n }}\n />\n ) : null}\n <Box\n w='100%'\n pt='100%'\n borderRadius={useHexClip ? borderRadius : borderRadius}\n css={{\n backgroundColor:\n !src && children ? color.neutral.n400 : color.background.surface2,\n clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n }}\n />\n {src ? (\n <Box\n as='img'\n ref={imgRef}\n borderRadius={useHexClip ? borderRadius : borderRadius}\n h='100%'\n w='100%'\n onLoad={() => {\n setIsLoadingState(false)\n }}\n onError={(event) => {\n setIsLoadingState(false)\n onError?.(event)\n }}\n // @ts-ignore\n src={src}\n data-testid={testId}\n draggable={false}\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 clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n }}\n />\n ) : null}\n {children ? (\n <Flex\n h='100%'\n w='100%'\n alignItems='center'\n justifyContent='center'\n css={{\n position: 'absolute',\n top: 0,\n left: 0,\n clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n }}\n >\n {children}\n </Flex>\n ) : null}\n </>\n )\n\n // For hexagonal artwork, wrap with border and SVG overlay\n if (hex) {\n return (\n <Box {...other} css={{ position: 'relative' }}>\n <Box\n borderRadius={borderRadius}\n border='default'\n shadow={shadow}\n css={{ borderWidth }}\n >\n {renderArtworkElements(true)}\n </Box>\n {/ Hexagonal border overlay */}\n <svg\n width='100%'\n height='100%'\n viewBox='0 0 1 1'\n css={{\n position: 'absolute',\n top: 0,\n left: 0,\n pointerEvents: 'none'\n }}\n >\n <g\n transform={`translate(${(1 - HEXAGON_BORDER_INSET_SCALE) / 2}, ${\n (1 - HEXAGON_BORDER_INSET_SCALE) / 2\n }) scale(${HEXAGON_BORDER_INSET_SCALE})`}\n >\n <path\n d='M0.966 0.378C0.93 0.301 0.887 0.228 0.839 0.158L0.824 0.136C0.805 0.108 0.779 0.085 0.75 0.068C0.721 0.051 0.688 0.041 0.655 0.039L0.627 0.036C0.543 0.03 0.457 0.03 0.373 0.036L0.346 0.039C0.312 0.041 0.279 0.051 0.25 0.068C0.221 0.085 0.196 0.108 0.177 0.136L0.161 0.158C0.113 0.228 0.07 0.302 0.034 0.378L0.022 0.403C0.008 0.433 0 0.466 0 0.5C0 0.534 0.008 0.567 0.022 0.597L0.034 0.622C0.07 0.698 0.113 0.772 0.161 0.842L0.177 0.864C0.196 0.892 0.221 0.915 0.25 0.932C0.279 0.949 0.312 0.959 0.346 0.961L0.373 0.964C0.457 0.97 0.543 0.97 0.627 0.964L0.655 0.961C0.688 0.959 0.721 0.949 0.75 0.932C0.779 0.915 0.805 0.892 0.824 0.864L0.839 0.842C0.887 0.772 0.93 0.698 0.966 0.622L0.978 0.597C0.992 0.567 1 0.534 1 0.5C1 0.466 0.992 0.433 0.978 0.403L0.966 0.378Z'\n // NOTE - KJ: Adding this to avoid fills being applies to this\n // Occurs in the upload flow when selecting coin gating audience option\n css={{ fill: 'none !important' }}\n fill='none'\n opacity={borderColor ? 1 : 0.3}\n stroke={borderColor \|\| color.neutral.n950}\n strokeWidth={borderColor ? '0.02' : '0.005'}\n />\n </g>\n </svg>\n </Box>\n )\n }\n\n // For regular artwork\n return (\n <Box {...other}>\n <Box\n borderRadius={borderRadius}\n border='default'\n shadow={shadow}\n css={{ borderWidth }}\n >\n {renderArtworkElements(false)}\n </Box>\n </Box>\n )\n}\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/button/BaseButton/BaseButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/BaseButton/BaseButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAA;AASpD;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;~~sJAsHtB~~,CAAA"}
1	+ {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/BaseButton/BaseButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAA;AASpD;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;sJAuHtB,CAAA"}

package/dist/components/button/BaseButton/BaseButton.js CHANGED Viewed

@@ -25,7 +25,7 @@ var BaseButton = forwardRef(function BaseButton(props, ref) {
         return undefined;
     };
     var ButtonComponent = asChild ? Slot : 'button';
-    var buttonComponentCss = __assign(__assign(__assign(__assign(__assign({ fontFamily: typography.font, alignItems: 'center', boxSizing: 'border-box', cursor: 'pointer', display: 'inline-flex', flexShrink: 0, justifyContent: 'center', overflow: 'hidden', position: 'relative', textAlign: 'center', userSelect: 'none', whiteSpace: 'nowrap', textOverflow: 'ellipsis', minWidth: minWidth && !isTextHidden ? "".concat(minWidth, "px") : 0, paddingInline: 0, transition: "\n        transform ".concat(motion.hover, ",\n        border-color ").concat(motion.hover, ",\n        background-color ").concat(motion.hover, ",\n        color ").concat(motion.hover, "\n      ") }, (fullWidth && {
+    var buttonComponentCss = __assign(__assign(__assign(__assign(__assign({ fontFamily: typography.font, alignItems: 'center', boxSizing: 'border-box', cursor: 'pointer', display: 'inline-flex', flexShrink: 0, justifyContent: 'center', overflow: 'hidden', position: 'relative', textAlign: 'center', userSelect: 'none', whiteSpace: 'nowrap', textOverflow: 'ellipsis', minWidth: minWidth && !isTextHidden ? "".concat(minWidth, "px") : 0, paddingInline: 0, transition: "\n        transform ".concat(motion.hover, ",\n        border-color ").concat(motion.hover, ",\n        background ").concat(motion.hover, ",\n        background-color ").concat(motion.hover, ",\n        color ").concat(motion.hover, "\n      ") }, (fullWidth && {
         width: '100%',
         flexShrink: 1
     })), { ':focus': {

package/dist/components/button/BaseButton/BaseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseButton.js","sources":["../../../../src/components/button/BaseButton/BaseButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport LoadingSpinner from '~harmony/components/loading-spinner/LoadingSpinner'\n\nimport { useMediaQueryListener } from '../../../hooks/useMediaQueryListener'\n\nimport type { BaseButtonProps } from './types'\n\n/*\n Base component for Harmony buttons. Not intended to be used directly. Use\n * `Button` or `PlainButton`.\n */\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(\n function BaseButton(props, ref) {\n const {\n iconLeft: LeftIconComponent,\n iconRight: RightIconComponent,\n isStaticIcon,\n disabled,\n isLoading,\n widthToHideText,\n minWidth,\n fullWidth,\n styles,\n children,\n slotted,\n 'aria-label': ariaLabelProp,\n asChild,\n _isHovered,\n _isPressed,\n ...other\n } = props\n const { motion, typography } = useTheme()\n const { isMatch: isTextHidden } = useMediaQueryListener(\n `(max-width: ${widthToHideText}px)`\n )\n\n const getAriaLabel = () => {\n // always default to manual aria-label prop if provided\n if (ariaLabelProp) return ariaLabelProp\n // We use the children prop as the aria-label if the text becomes hidden\n // and no aria-label was provided to keep the button accessible.\n if (isTextHidden && typeof children === 'string') return children\n return undefined\n }\n\n const ButtonComponent = asChild ? Slot : 'button'\n\n const buttonComponentCss: CSSObject = {\n fontFamily: typography.font,\n alignItems: 'center',\n boxSizing: 'border-box',\n cursor: 'pointer',\n display: 'inline-flex',\n flexShrink: 0,\n justifyContent: 'center',\n overflow: 'hidden',\n position: 'relative',\n textAlign: 'center',\n userSelect: 'none',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n minWidth: minWidth && !isTextHidden ? `${minWidth}px` : 0,\n paddingInline: 0,\n transition: `\n transform ${motion.hover},\n border-color ${motion.hover},\n background-color ${motion.hover},\n color ${motion.hover}\n `,\n\n ...(fullWidth && {\n width: '100%',\n flexShrink: 1\n }),\n\n ':focus': {\n outline: 'none !important'\n },\n ':hover': {\n transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)'\n },\n ':active': {\n transform: fullWidth ? 'scale(1.00)' : 'scale(0.98)'\n },\n\n ...((disabled \|\| isLoading \|\| _isHovered \|\| _isPressed) && {\n pointerEvents: 'none'\n }),\n ...(_isHovered && {\n transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)'\n }),\n ...(_isPressed && {\n transform: fullWidth ? 'scale(1.00)' : 'scale(0.98)'\n })\n }\n\n const iconCss = !isStaticIcon && {\n '& path': {\n fill: 'currentcolor'\n }\n }\n\n return (\n <ButtonComponent\n css={[buttonComponentCss, styles?.button]}\n disabled={disabled \|\| isLoading}\n ref={ref}\n type={asChild ? undefined : 'button'}\n aria-label={getAriaLabel()}\n {...other}\n >\n {isLoading ? (\n <LoadingSpinner css={styles?.icon} />\n ) : LeftIconComponent ? (\n <LeftIconComponent css={[iconCss, styles?.icon]} />\n ) : null}\n {!isTextHidden ? (\n slotted ? (\n children\n ) : (\n <Slottable>{children}</Slottable>\n )\n ) : null}\n {RightIconComponent ? (\n <RightIconComponent css={[iconCss, styles?.icon]} />\n ) : null}\n </ButtonComponent>\n )\n }\n)\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAWA;;;AAGG;AACU,IAAA,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CAAC,KAAK,EAAE,GAAG,EAAA;AAE1B,IAAA,IAAU,iBAAiB,GAgBzB,KAAK,CAhBoB,QAAA,EAChB,kBAAkB,GAe3B,KAAK,CAfsB,SAAA,EAC7B,YAAY,GAcV,KAAK,aAdK,EACZ,QAAQ,GAaN,KAAK,CAAA,QAbC,EACR,SAAS,GAYP,KAAK,CAAA,SAZE,EACT,eAAe,GAWb,KAAK,CAAA,eAXQ,EACf,QAAQ,GAUN,KAAK,CAAA,QAVC,EACR,SAAS,GASP,KAAK,CATE,SAAA,EACT,MAAM,GAQJ,KAAK,CARD,MAAA,EACN,QAAQ,GAON,KAAK,CAPC,QAAA,EACR,OAAO,GAML,KAAK,CANA,OAAA,EACO,aAAa,GAKzB,KAAK,cALoB,EAC3B,OAAO,GAIL,KAAK,QAJA,EACP,UAAU,GAGR,KAAK,CAAA,UAHG,EACV,UAAU,GAER,KAAK,CAAA,UAFG,EACP,KAAK,GAAA,MAAA,CACN,KAAK,EAjBH,CAAA,UAAA,EAAA,WAAA,EAAA,cAAA,EAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,CAiBL,CADS,CACD;IACH,IAAA,EAAA,GAAyB,QAAQ,EAAE,EAAjC,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAe,CAAA;IACjC,IAAS,YAAY,GAAK,qBAAqB,CACrD,sBAAe,eAAe,EAAA,KAAA,CAAK,CACpC,CAAA,OAF4B,CAE5B;AAED,IAAA,IAAM,YAAY,GAAG,YAAA;;AAEnB,QAAA,IAAI,aAAa;AAAE,YAAA,OAAO,aAAa,CAAA;;;AAGvC,QAAA,IAAI,YAAY,IAAI,OAAO,QAAQ,KAAK,QAAQ;AAAE,YAAA,OAAO,QAAQ,CAAA;AACjE,QAAA,OAAO,SAAS,CAAA;AAClB,KAAC,CAAA;IAED,IAAM,eAAe,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ,CAAA;IAEjD,IAAM,kBAAkB,kDACtB,UAAU,EAAE,UAAU,CAAC,IAAI,EAC3B,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,CAAC,EACb,cAAc,EAAE,QAAQ,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,UAAU,EACxB,QAAQ,EAAE,QAAQ,IAAI,CAAC,YAAY,GAAG,~~UAAG~~,QAAQ,~~EAAA~~,IAAA,~~CAAI~~,GAAG,CAAC,EACzD,aAAa,EAAE,CAAC,EAChB,UAAU,EAAE,sBACE,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,EAAA,0BAAA,CAAA,CAAA,MAAA,CACT,MAAM,CAAC,KAAK,~~EAAA~~,~~8BAAA~~,CAAA,CAAA,MAAA,~~CACR~~,MAAM,CAAC,KAAK,~~8BACvB~~,MAAM,CAAC,KAAK,EACrB,UAAA,CAAA,EAAA,GAEG,SAAS,IAAI;AACf,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,UAAU,EAAE,CAAC;KACd,EAAC,EAAA,EAEF,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,iBAAiB;AAC3B,SAAA,EACD,QAAQ,EAAE;YACR,SAAS,EAAE,SAAS,GAAG,aAAa,GAAG,aAAa;AACrD,SAAA,EACD,SAAS,EAAE;YACT,SAAS,EAAE,SAAS,GAAG,aAAa,GAAG,aAAa;SACrD,EAEE,CAAA,GAAC,CAAC,QAAQ,IAAI,SAAS,IAAI,UAAU,IAAI,UAAU,KAAK;AACzD,QAAA,aAAa,EAAE,MAAM;KACtB,EAAC,GACE,UAAU,IAAI;QAChB,SAAS,EAAE,SAAS,GAAG,aAAa,GAAG,aAAa;KACrD,EAAC,GACE,UAAU,IAAI;QAChB,SAAS,EAAE,SAAS,GAAG,aAAa,GAAG,aAAa;AACrD,KAAA,EACF,CAAA;AAED,IAAA,IAAM,OAAO,GAAG,CAAC,YAAY,IAAI;AAC/B,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,cAAc;AACrB,SAAA;KACF,CAAA;AAED,IAAA,QACEA,IAAA,CAAC,eAAe,EAAA,QAAA,CAAA,EACd,GAAG,EAAE,CAAC,kBAAkB,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,MAAM,CAAC,EACzC,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,EACxB,YAAA,EAAA,YAAY,EAAE,EAAA,EACtB,KAAK,EAER,EAAA,QAAA,EAAA,CAAA,SAAS,IACRC,GAAA,CAAC,cAAc,EAAA,EAAC,GAAG,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAA,CAAI,IACnC,iBAAiB,IACnBA,GAAA,CAAC,iBAAiB,EAAC,EAAA,GAAG,EAAE,CAAC,OAAO,EAAE,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,IAAI,CAAC,EAAI,CAAA,IACjD,IAAI,EACP,CAAC,YAAY,IACZ,OAAO,IACL,QAAQ,KAERA,IAAC,SAAS,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAa,CAClC,IACC,IAAI,EACP,kBAAkB,IACjBA,GAAA,CAAC,kBAAkB,EAAA,EAAC,GAAG,EAAE,CAAC,OAAO,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,IAAI,CAAC,EAAI,CAAA,IAClD,IAAI,CAAA,EAAA,CAAA,CACQ,EACnB;AACH,CAAC;;;;"}
1	+ {"version":3,"file":"BaseButton.js","sources":["../../../../src/components/button/BaseButton/BaseButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport LoadingSpinner from '~harmony/components/loading-spinner/LoadingSpinner'\n\nimport { useMediaQueryListener } from '../../../hooks/useMediaQueryListener'\n\nimport type { BaseButtonProps } from './types'\n\n/*\n Base component for Harmony buttons. Not intended to be used directly. Use\n * `Button` or `PlainButton`.\n */\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(\n function BaseButton(props, ref) {\n const {\n iconLeft: LeftIconComponent,\n iconRight: RightIconComponent,\n isStaticIcon,\n disabled,\n isLoading,\n widthToHideText,\n minWidth,\n fullWidth,\n styles,\n children,\n slotted,\n 'aria-label': ariaLabelProp,\n asChild,\n _isHovered,\n _isPressed,\n ...other\n } = props\n const { motion, typography } = useTheme()\n const { isMatch: isTextHidden } = useMediaQueryListener(\n `(max-width: ${widthToHideText}px)`\n )\n\n const getAriaLabel = () => {\n // always default to manual aria-label prop if provided\n if (ariaLabelProp) return ariaLabelProp\n // We use the children prop as the aria-label if the text becomes hidden\n // and no aria-label was provided to keep the button accessible.\n if (isTextHidden && typeof children === 'string') return children\n return undefined\n }\n\n const ButtonComponent = asChild ? Slot : 'button'\n\n const buttonComponentCss: CSSObject = {\n fontFamily: typography.font,\n alignItems: 'center',\n boxSizing: 'border-box',\n cursor: 'pointer',\n display: 'inline-flex',\n flexShrink: 0,\n justifyContent: 'center',\n overflow: 'hidden',\n position: 'relative',\n textAlign: 'center',\n userSelect: 'none',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n minWidth: minWidth && !isTextHidden ? `${minWidth}px` : 0,\n paddingInline: 0,\n transition: `\n transform ${motion.hover},\n border-color ${motion.hover},\n background ${motion.hover},\n background-color ${motion.hover},\n color ${motion.hover}\n `,\n\n ...(fullWidth && {\n width: '100%',\n flexShrink: 1\n }),\n\n ':focus': {\n outline: 'none !important'\n },\n ':hover': {\n transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)'\n },\n ':active': {\n transform: fullWidth ? 'scale(1.00)' : 'scale(0.98)'\n },\n\n ...((disabled \|\| isLoading \|\| _isHovered \|\| _isPressed) && {\n pointerEvents: 'none'\n }),\n ...(_isHovered && {\n transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)'\n }),\n ...(_isPressed && {\n transform: fullWidth ? 'scale(1.00)' : 'scale(0.98)'\n })\n }\n\n const iconCss = !isStaticIcon && {\n '& path': {\n fill: 'currentcolor'\n }\n }\n\n return (\n <ButtonComponent\n css={[buttonComponentCss, styles?.button]}\n disabled={disabled \|\| isLoading}\n ref={ref}\n type={asChild ? undefined : 'button'}\n aria-label={getAriaLabel()}\n {...other}\n >\n {isLoading ? (\n <LoadingSpinner css={styles?.icon} />\n ) : LeftIconComponent ? (\n <LeftIconComponent css={[iconCss, styles?.icon]} />\n ) : null}\n {!isTextHidden ? (\n slotted ? (\n children\n ) : (\n <Slottable>{children}</Slottable>\n )\n ) : null}\n {RightIconComponent ? (\n <RightIconComponent css={[iconCss, styles?.icon]} />\n ) : null}\n </ButtonComponent>\n )\n }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/button/Button/Button.d.ts CHANGED Viewed

@@ -6,8 +6,9 @@
  * a delete operation.
  */
 export declare const Button: (props: {
-    color?: "special" | "aiGreen" | "background" | "blue" | "darkRed" | "glassOverlay" | "gradientStop1" | "gradientStop2" | "gradient" | "green" | "lightGreen" | "orange" | "red" | "trendingBlue" | "white" | "default" | undefined;
+    color?: "special" | "aiGreen" | "background" | "blue" | "darkRed" | "glassOverlay" | "gradientStop1" | "gradientStop2" | "gradient" | "coinGradient" | "coinGradientColor1" | "coinGradientColor2" | "coinGradientColor3" | "green" | "lightGreen" | "orange" | "red" | "trendingBlue" | "white" | "default" | undefined;
     hexColor?: `#${string}` | undefined;
+    hoverColor?: "special" | "aiGreen" | "background" | "blue" | "darkRed" | "glassOverlay" | "gradientStop1" | "gradientStop2" | "gradient" | "coinGradient" | "coinGradientColor1" | "coinGradientColor2" | "coinGradientColor3" | "green" | "lightGreen" | "orange" | "red" | "trendingBlue" | "white" | "default" | undefined;
     variant?: import("./types").ButtonVariant | undefined;
     size?: import("./types").ButtonSize | undefined;
 } & Omit<import("../BaseButton/types").BaseButtonProps, "styles"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

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

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

@@ -2,7 +2,6 @@ import { __rest, __assign } from '../../../_virtual/_tslib.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useTheme } from '@emotion/react';
-import { toCSSVariableName } from '../../../utils/styles.js';
 import { BaseButton } from '../BaseButton/BaseButton.js';
 /**
@@ -12,7 +11,7 @@ import { BaseButton } from '../BaseButton/BaseButton.js';
  * a delete operation.
  */
 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 color = props.color, hexColor = props.hexColor, hoverColor = props.hoverColor, _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", "hoverColor", "variant", "size", "disabled"]);
     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;
     var isSmallOrXs = size === 'small' || size === 'xs';
@@ -62,44 +61,43 @@ var Button = forwardRef(function Button(props, ref) {
     };
     // Variant Styles
     var primaryStyles = __assign(__assign({ '&:hover': { color: themeColors.static.white } }, ((_isHovered || _isPressed) && { color: themeColors.static.white })), (disabled && {
-        backgroundColor: themeColors.neutral.n150,
+        background: themeColors.neutral.n150,
         boxShadow: 'none'
     }));
     var secondaryHoverStyles = {
-        backgroundColor: themeColors.primary.primary,
+        background: themeColors.primary.primary,
         color: themeColors.static.white
     };
-    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 secondaryStyles = __assign({ background: '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,
+        background: themeColors.background.white,
         boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong, ", ").concat(shadows.mid),
         color: themeColors.text.default
     };
     var tertiaryActiveStyles = {
-        backgroundColor: themeColors.background.surface2,
+        background: themeColors.background.surface2,
         backdropFilter: 'none',
         color: themeColors.text.default,
         boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong)
     };
-    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 tertiaryStyles = __assign(__assign({ background: 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,
+        background: themeColors.special.red,
         color: themeColors.static.white
     };
-    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': {
-            backgroundColor: 'rgba(255, 255, 255, 0.2)'
-        }
-    };
+    var destructiveStyles = __assign({ background: 'transparent', color: themeColors.special.red, boxShadow: "0 0 0 1px inset ".concat(themeColors.special.red), '&:hover': destructiveHoverStyles, '&:active': destructiveHoverStyles }, ((_isHovered || _isPressed) && destructiveHoverStyles));
+    var hoverStyles = __assign({ boxShadow: shadows.mid, '&::before': {
+            background: 'rgba(255, 255, 255, 0.2)'
+        } }, (hoverColor && {
+        background: themeColors.special[hoverColor]
+    }));
     var activeStyles = {
         boxShadow: 'none',
         '&::before': {
-            backgroundColor: 'rgba(0, 0, 0, 0.2)'
+            background: 'rgba(0, 0, 0, 0.2)'
         }
     };
-    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 }, (isSmallOrXs
+    var buttonCss = __assign(__assign(__assign(__assign(__assign({ background: themeColors.primary.primary, color: themeColors.static.white, boxSizing: 'border-box', border: 'none', borderRadius: cornerRadius.s, boxShadow: shadows.near }, (isSmallOrXs
         ? smallStyles
         : size === 'large'
             ? largeStyles
@@ -117,7 +115,7 @@ var Button = forwardRef(function Button(props, ref) {
             left: 0,
             right: 0,
             bottom: 0,
-            backgroundColor: 'rgba(0, 0, 0, 0)'
+            background: 'rgba(0, 0, 0, 0)'
         } }), (variant !== 'tertiary' && __assign(__assign({ ':hover': hoverStyles, ':active': activeStyles }, (_isHovered && hoverStyles)), (_isPressed && activeStyles)))), (disabled && {
         opacity: 0.45
     }));
@@ -128,8 +126,7 @@ var Button = forwardRef(function Button(props, ref) {
             : defaultIconStyles;
     var style = variant === 'primary' && !disabled
         ? {
-            backgroundColor: hexColor ||
-                (color ? "var(".concat(toCSSVariableName(color), ")") : undefined)
+            background: hexColor || (color ? themeColors.special[color] : undefined)
         }
         : {};
     return (jsx(BaseButton, __assign({ ref: ref, disabled: disabled, styles: {