@audius/harmony 0.0.29 → 0.0.33

package/dist/assets/icons/{PenSquare.svg.js → CoinbasePay.svg.js}

@@ -13,7 +13,7 @@ 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 SvgPenSquare = /*#__PURE__*/forwardRef(function (props, ref) {
+var SvgCoinbasePay = /*#__PURE__*/forwardRef(function (props, ref) {
   var _theme$iconSizes, _theme$iconSizes2, _ref, _other$fill, _theme$color;
   var theme = useTheme();
   var _props = props,
@@ -35,9 +35,11 @@ var SvgPenSquare = /*#__PURE__*/forwardRef(function (props, ref) {
   }
   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 classNameProp = other.className;
-  var className = shadow ? css({
-    filter: theme.shadows.drop
-  }) : undefined;
+  var className = css({
+    filter: shadow ? theme.shadows.drop : undefined,
+    minHeight: height,
+    minWidth: width
+  });
   other.className = cx(className, classNameProp);
   props = _objectSpread(_objectSpread({}, other), {}, {
     ref: ref,
@@ -45,15 +47,15 @@ var SvgPenSquare = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
+    width: 694,
+    height: 91,
     fill: "none",
-    viewBox: "0 0 24 24"
+    viewBox: "0 0 694 91"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: props.fillColor,
-    d: "M21.614 1.648a2.208 2.208 0 0 0-3.126 0L17.3 2.832l3.864 3.864 1.188-1.188a2.208 2.208 0 0 0 0-3.126l-.738-.734Zm-11.81 8.684a2.18 2.18 0 0 0-.532.864L8.103 14.7a.952.952 0 0 0 .23.97.94.94 0 0 0 .97.23l3.505-1.169c.324-.11.62-.292.864-.532l6.604-6.608-3.868-3.868-6.604 6.607ZM6.79 3.317A3.79 3.79 0 0 0 3 7.107V17.21A3.79 3.79 0 0 0 6.789 21h10.104a3.79 3.79 0 0 0 3.79-3.789v-3.79c0-.698-.565-1.262-1.264-1.262-.698 0-1.263.564-1.263 1.263v3.789c0 .699-.564 1.263-1.263 1.263H6.79a1.262 1.262 0 0 1-1.263-1.263V7.107c0-.699.564-1.263 1.263-1.263h3.79c.698 0 1.262-.565 1.262-1.263 0-.699-.564-1.263-1.263-1.263H6.79Z"
+    d: "M154.368.604a8.996 8.996 0 0 0-8.654 5.604 9 9 0 0 0-.658 3.574 9.31 9.31 0 0 0 18.607 0 8.975 8.975 0 0 0-9.295-9.178Zm317.265 24.564c-18.608 0-32.265 14.01-32.265 32.483 0 19.463 14.631 32.383 32.5 32.383 15.1 0 26.946-8.943 29.966-21.628h-15.101c-2.181 5.554-7.5 8.708-14.614 8.708-9.312 0-16.308-5.805-17.886-15.956h47.953V55.57c0-17.886-13.036-30.403-30.553-30.403Zm-16.561 25.604c2.299-8.691 8.826-12.92 16.309-12.92 8.222 0 14.497 4.698 15.956 12.92h-32.265ZM101.364 25.168a31.878 31.878 0 0 0-32.567 32.45C68.797 76.224 82.69 90 101.297 90a31.884 31.884 0 0 0 30.474-19.891 31.877 31.877 0 0 0 2.328-12.609c0-18.356-13.892-32.332-32.735-32.332Zm.118 51.46c-10.386 0-18.004-8.105-18.004-18.977 0-10.873 7.5-19.06 17.886-19.06s18.121 8.204 18.121 19.077c0 10.872-7.617 18.926-18.003 18.926v.034Zm105.587-51.46c-9.43 0-15.587 3.859-19.211 9.295v-8.12h-14.38v62.449h14.447V54.849c0-9.547 6.09-16.258 15.1-16.258 8.39 0 13.524 5.922 13.524 14.496v35.705h14.496V52.013c-.067-15.771-8.154-26.845-23.976-26.845ZM32.388 38.59a16.51 16.51 0 0 1 15.94 11.745h15.335c-2.768-14.984-15.1-25.168-31.158-25.168a31.88 31.88 0 0 0-32.5 32.45C.005 76.224 13.898 90 32.505 90c15.705 0 28.272-10.067 31.04-25.168H48.328a16.36 16.36 0 0 1-15.822 11.846c-10.52 0-17.886-8.104-17.886-18.977 0-10.872 7.198-19.11 17.769-19.11Zm105.704.721h9.061v49.48h14.496v-62.45H138.16l-.068 12.97Zm229.044 8.39c0-13.524-8.221-22.585-25.621-22.585-16.426 0-25.604 8.39-27.416 21.141h14.379c.722-5.033 4.581-9.06 12.802-9.06 7.366 0 10.99 3.255 10.99 7.248 0 5.185-6.711 6.51-14.849 7.366-11.124 1.208-24.899 5.034-24.899 19.564 0 11.241 8.389 18.456 21.628 18.456 10.385 0 16.912-4.345 20.134-11.241.47 6.157 5.033 10.15 11.476 10.15h8.39V75.823h-7.131l.117-28.12Zm-14.262 15.704c0 8.39-7.248 14.497-16.057 14.497-5.436 0-10.067-2.299-10.067-7.131 0-6.158 7.366-7.853 14.128-8.574 6.761-.721 10.067-2.047 11.963-4.832l.033 6.04Zm60.655-11.846L402.891 50c-5.033-.721-8.691-2.416-8.691-6.41 0-4.345 4.698-6.526 11.107-6.526 7.014 0 11.477 3.02 12.45 7.986h14.01c-1.577-12.567-11.242-19.933-26.091-19.933-15.352 0-25.503 7.853-25.503 18.96 0 10.638 6.711 16.779 20.134 18.725l10.621 1.577c5.201.722 8.104 2.769 8.104 6.712 0 4.95-5.034 6.996-12.08 6.996-8.591 0-13.423-3.507-14.145-8.809h-14.245c1.326 12.198 10.873 20.772 28.255 20.772 15.839 0 26.343-7.248 26.343-19.698-.068-11.157-7.685-16.963-19.631-18.775v-.017ZM275.928 25.168a25.172 25.172 0 0 0-19.698 9.06V0h-14.497v88.792h14.262v-8.255a25.167 25.167 0 0 0 19.933 9.43c17.399 0 30.554-13.776 30.554-32.383 0-18.608-13.406-32.416-30.554-32.416Zm-2.181 51.46c-10.386 0-18.004-8.105-18.004-18.977 0-10.873 7.685-19.06 18.121-19.06 10.437 0 17.886 8.087 17.886 19.077 0 10.99-7.617 18.926-18.003 18.926v.034Zm268.322-50.302h26.997c13.422 0 21.023 7.533 21.023 18.456 0 10.923-7.533 18.64-21.023 18.64h-17.584V88.81h-9.413V26.326Zm38.473 18.02c0-6.124-3.909-9.95-11.745-9.95h-17.315v20.973h17.315c7.802 0 11.745-3.825 11.745-10.067v-.956Zm49.95 29.48h-27.97l-5.503 14.916h-9.765l23.976-62.484h10.738l24.229 62.484h-10.068l-5.637-14.916Zm-25.034-8.071h22.064l-11.007-29.48h-.184l-10.873 29.48Zm56.091-1.443-22.181-37.986h10.285l16.611 28.758h.167l16.611-28.759h10.202l-22.282 37.987V88.81h-9.413V64.312Z"
   }));
 });
 
-export { SvgPenSquare as default };
-//# sourceMappingURL=PenSquare.svg.js.map
+export { SvgCoinbasePay as default };
+//# sourceMappingURL=CoinbasePay.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoinbasePay.svg.js","sources":["../../../src/assets/icons/CoinbasePay.svg"],"sourcesContent":["<svg width=\"694\" height=\"91\" viewBox=\"0 0 694 91\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M154.368 0.604027C153.144 0.560363 151.925 0.766873 150.784 1.21091C149.644 1.65494 148.606 2.32716 147.734 3.18638C146.862 4.0456 146.175 5.07375 145.714 6.20784C145.254 7.34194 145.03 8.55811 145.056 9.78188C145.157 12.181 146.182 14.448 147.916 16.1096C149.649 17.7712 151.958 18.6988 154.359 18.6988C156.761 18.6988 159.069 17.7712 160.803 16.1096C162.536 14.448 163.561 12.181 163.663 9.78188C163.691 8.55892 163.469 7.3431 163.01 6.20905C162.552 5.07501 161.866 4.04669 160.996 3.18721C160.125 2.32773 159.088 1.65525 157.948 1.21103C156.809 0.76682 155.59 0.560257 154.368 0.604027ZM471.633 25.1678C453.025 25.1678 439.368 39.1778 439.368 57.651C439.368 77.1141 453.999 90.0336 471.868 90.0336C486.968 90.0336 498.814 81.0906 501.834 68.406H486.733C484.552 73.9597 479.233 77.1141 472.119 77.1141C462.807 77.1141 455.811 71.3087 454.233 61.1577H502.186V55.5705C502.186 37.6846 489.15 25.1678 471.633 25.1678ZM455.072 50.7718C457.371 42.0805 463.898 37.8523 471.381 37.8523C479.603 37.8523 485.878 42.5503 487.337 50.7718H455.072ZM101.364 25.1678C97.0719 25.0744 92.8048 25.8491 88.8191 27.4453C84.8335 29.0415 81.2113 31.4263 78.1699 34.4568C75.1285 37.4872 72.7306 41.1007 71.12 45.0806C69.5094 49.0605 68.7193 53.3247 68.7972 57.6174C68.7972 76.2248 82.6898 90 101.297 90C105.613 90.1258 109.91 89.3735 113.927 87.7887C117.944 86.2038 121.596 83.8195 124.664 80.7803C127.731 77.7412 130.149 74.1105 131.771 70.1087C133.393 66.1068 134.185 61.8172 134.099 57.5C134.099 39.1443 120.207 25.1678 101.364 25.1678ZM101.482 76.6275C91.0958 76.6275 83.4784 68.5235 83.4784 57.651C83.4784 46.7785 90.9784 38.5906 101.364 38.5906C111.75 38.5906 119.485 46.7953 119.485 57.6678C119.485 68.5403 111.868 76.594 101.482 76.594V76.6275ZM207.069 25.1678C197.639 25.1678 191.482 29.0268 187.858 34.4631V26.3423H173.478V88.7919H187.925V54.849C187.925 45.302 194.015 38.5906 203.025 38.5906C211.415 38.5906 216.549 44.5134 216.549 53.0872V88.7919H231.045V52.0134C230.978 36.2416 222.891 25.1678 207.069 25.1678ZM32.3878 38.5906C35.9572 38.5621 39.4398 39.6912 42.3135 41.8086C45.1872 43.9261 47.2972 46.9179 48.3274 50.3356H63.6629C60.8945 35.3523 48.5623 25.1678 32.5052 25.1678C28.2184 25.0836 23.9586 25.865 19.9808 27.4653C16.003 29.0656 12.3889 31.4519 9.35468 34.4814C6.3205 37.5109 3.92862 41.1213 2.32215 45.0966C0.715692 49.0719 -0.0723377 53.3305 0.00521563 57.6174C0.00521563 76.2248 13.8978 90 32.5052 90C48.2099 90 60.777 79.9329 63.5455 64.8322H48.3274C47.3429 68.2621 45.264 71.2761 42.4075 73.4147C39.551 75.5533 36.0735 76.6992 32.5052 76.6778C21.9851 76.6778 14.6193 68.5738 14.6193 57.7013C14.6193 46.8289 21.8173 38.5906 32.3878 38.5906ZM138.092 39.3121H147.153V88.7919H161.649V26.3423H138.16L138.092 39.3121ZM367.136 47.7013C367.136 34.1778 358.915 25.1174 341.515 25.1174C325.089 25.1174 315.911 33.5067 314.099 46.2584H328.478C329.2 41.2248 333.059 37.198 341.28 37.198C348.646 37.198 352.27 40.453 352.27 44.4463C352.27 49.6309 345.559 50.9564 337.421 51.8121C326.297 53.0201 312.522 56.8456 312.522 71.3758C312.522 82.6174 320.911 89.8322 334.15 89.8322C344.535 89.8322 351.062 85.4866 354.284 78.5906C354.754 84.7483 359.317 88.7416 365.76 88.7416H374.15V75.8221H367.019L367.136 47.7013ZM352.874 63.406C352.874 71.7953 345.626 77.9027 336.817 77.9027C331.381 77.9027 326.75 75.604 326.75 70.7718C326.75 64.6141 334.116 62.9195 340.878 62.198C347.639 61.4765 350.945 60.151 352.841 57.3658L352.874 63.406ZM413.529 51.5604L402.891 50C397.858 49.2785 394.2 47.5839 394.2 43.5906C394.2 39.245 398.898 37.0638 405.307 37.0638C412.321 37.0638 416.784 40.0839 417.757 45.0503H431.767C430.19 32.4832 420.525 25.1174 405.676 25.1174C390.324 25.1174 380.173 32.9698 380.173 44.0772C380.173 54.7148 386.884 60.8557 400.307 62.802L410.928 64.3792C416.129 65.1007 419.032 67.1476 419.032 71.0906C419.032 76.0403 413.998 78.0872 406.952 78.0872C398.361 78.0872 393.529 74.5805 392.807 69.2785H378.562C379.888 81.4765 389.435 90.0503 406.817 90.0503C422.656 90.0503 433.16 82.802 433.16 70.3523C433.092 59.1946 425.475 53.3893 413.529 51.5772V51.5604ZM275.928 25.1678C272.177 25.1145 268.462 25.9004 265.053 27.468C261.645 29.0357 258.631 31.3454 256.23 34.2282V0H241.733V88.7919H255.995V80.5369C258.384 83.5185 261.42 85.9171 264.874 87.5509C268.328 89.1847 272.108 90.0107 275.928 89.9664C293.327 89.9664 306.482 76.1913 306.482 57.5839C306.482 38.9765 293.076 25.1678 275.928 25.1678ZM273.747 76.6275C263.361 76.6275 255.743 68.5235 255.743 57.651C255.743 46.7785 263.428 38.5906 273.864 38.5906C284.301 38.5906 291.75 46.6778 291.75 57.6678C291.75 68.6577 284.133 76.594 273.747 76.594V76.6275Z\" fill=\"#FF0000\"/>\n<path d=\"M542.069 26.3255H569.066C582.488 26.3255 590.089 33.8591 590.089 44.7819C590.089 55.7047 582.556 63.4228 569.066 63.4228H551.482V88.8087H542.069V26.3255ZM580.542 44.3456C580.542 38.2215 576.633 34.396 568.797 34.396H551.482V55.3691H568.797C576.599 55.3691 580.542 51.5436 580.542 45.302V44.3456Z\" fill=\"#FF0000\"/>\n<path d=\"M630.492 73.8255H602.522L597.019 88.7416H587.254L611.23 26.2584H621.968L646.197 88.7416H636.129L630.492 73.8255ZM605.458 65.755H627.522L616.515 36.2752H616.331L605.458 65.755Z\" fill=\"#FF0000\"/>\n<path d=\"M661.549 64.3121L639.368 26.3255H649.653L666.264 55.0839H666.431L683.042 26.3255H693.244L670.962 64.3121V88.8087H661.549V64.3121Z\" fill=\"#FF0000\"/>\n</svg>\n"],"names":[],"mappings":"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"}

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

@@ -69,11 +69,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 +81,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 +99,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'
         ? smallStyles
         : size === 'large'
             ? largeStyles
@@ -127,9 +109,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,8 +118,9 @@ 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)))), (isDisabled && {
+        opacity: 0.45
+    }));
     var iconCss = size === 'small'
         ? smallIconStyles
         : size === 'large'

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, 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    }\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'\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      ...(isDisabled && {\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' && !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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"}

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

@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef } from 'react';
 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 ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive';
 export type ButtonSize = 'small' | 'default' | 'large';
 export type ButtonProps = {
     /**

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,mCAAyB;AAEtD,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAwBnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAG1C,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA"}
+{"version":3,"file":"FilterButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAwBnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAG1C,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAA"}

package/dist/components/button/FollowButton/FollowButton.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import type { FollowButtonProps } from './types';
 /**
  * Special button for following or unfollowing a user.
  */
-export declare const FollowButton: (props: FollowButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FollowButton: (props: FollowButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=FollowButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FollowButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FollowButton/FollowButton.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAqBhD;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,iBAAiB,qDAiJpD,CAAA"}
+{"version":3,"file":"FollowButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FollowButton/FollowButton.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAqBhD;;GAEG;AACH,eAAO,MAAM,YAAY,gLAyLxB,CAAA"}

package/dist/components/button/FollowButton/FollowButton.js

@@ -1,6 +1,6 @@
 import { __rest, __assign } from '../../../_virtual/_tslib.js';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { useState, useCallback, useEffect } from 'react';
+import { forwardRef, useState, useCallback, useEffect } from 'react';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { Flex } from '../../layout/Flex/Flex.js';
@@ -9,7 +9,7 @@ import { useControlled } from '../../../hooks/useControlled.js';
 import { IconUserFollow, IconUserFollowing, IconUserUnfollow } from '../../../icons/utilityIcons.js';
 import '@emotion/css';
 
-var messages = {
+var defaultMessages = {
     follow: 'Follow',
     following: 'Following',
     unfollow: 'Unfollow'
@@ -29,18 +29,19 @@ var InputRoot = styled.input({
 /**
  * Special button for following or unfollowing a user.
  */
-var FollowButton = function (props) {
-    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, _b = props.isFollowing, isFollowing = _b === void 0 ? false : _b, onUnfollow = props.onUnfollow, onFollow = props.onFollow, _c = props.size, size = _c === void 0 ? 'default' : _c, other = __rest(props, ["variant", "isFollowing", "onUnfollow", "onFollow", "size"]);
+var FollowButton = forwardRef(function (props, ref) {
+    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, _b = props.isFollowing, isFollowing = _b === void 0 ? false : _b, onUnfollow = props.onUnfollow, onFollow = props.onFollow, _c = props.size, size = _c === void 0 ? 'default' : _c, _d = props.fullWidth, fullWidth = _d === void 0 ? true : _d, messagesProp = props.messages, other = __rest(props, ["variant", "isFollowing", "onUnfollow", "onFollow", "size", "fullWidth", "messages"]);
+    var messages = __assign(__assign({}, defaultMessages), messagesProp);
     var type = other.type;
-    var _d = useControlled({
+    var _e = useControlled({
         componentName: 'FollowButton',
         controlledProp: isFollowing,
         defaultValue: undefined,
         stateName: 'following'
-    }), value = _d[0], setValueState = _d[1];
+    }), value = _e[0], setValueState = _e[1];
     // Track hover manually to swap text and icon
-    var _e = useState(false), isHovering = _e[0], setIsHovering = _e[1];
-    var _f = useState(false), isPressing = _f[0], setIsPressing = _f[1];
+    var _f = useState(false), isHovering = _f[0], setIsHovering = _f[1];
+    var _g = useState(false), isPressing = _g[0], setIsPressing = _g[1];
     var handleMouseEnter = useCallback(function () {
         setIsHovering(true);
     }, []);
@@ -82,22 +83,49 @@ var FollowButton = function (props) {
         Icon = IconUserUnfollow;
         text = messages.unfollow;
     }
-    var _g = useTheme(), color = _g.color, cornerRadius = _g.cornerRadius;
+    var _h = useTheme(), color = _h.color, cornerRadius = _h.cornerRadius, motion = _h.motion, shadows = _h.shadows;
     var textColor = checkedValue || isHovering || isPressing
         ? color.static.white
         : color.primary.primary;
+    var borderRadius = variant === 'pill' ? cornerRadius['2xl'] : cornerRadius.s;
     var rootCss = {
         cursor: 'pointer',
         minWidth: size === 'small' ? 128 : 152,
-        width: '100%',
+        width: fullWidth ? '100%' : undefined,
         userSelect: 'none',
-        borderRadius: variant === 'pill' ? cornerRadius['2xl'] : cornerRadius.s,
-        background: isPressing
-            ? color.primary.p500
-            : checkedValue || isHovering
-                ? color.primary.primary
-                : color.static.white,
-        border: "1px solid ".concat(isPressing ? color.primary.p500 : color.primary.primary)
+        borderRadius: borderRadius,
+        backgroundColor: checkedValue
+            ? color.primary.primary
+            : color.special.white,
+        boxShadow: shadows.near,
+        border: "1px solid ".concat(color.primary.primary),
+        transition: "\n        transform ".concat(motion.hover, ",\n        border-color ").concat(motion.hover, ",\n        background-color ").concat(motion.hover, ",\n        color ").concat(motion.hover, "\n      "),
+        '::before': {
+            content: '""',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: 'rgba(0, 0, 0, 0)',
+            borderRadius: borderRadius
+        },
+        '&:hover': {
+            backgroundColor: color.primary.primary,
+            borderWidth: 0,
+            boxShadow: shadows.mid,
+            '&::before': {
+                backgroundColor: 'rgba(255, 255, 255, 0.2)'
+            }
+        },
+        '&:active': {
+            backgroundColor: color.primary.primary,
+            borderWidth: 0,
+            boxShadow: 'none',
+            '&::before': {
+                backgroundColor: 'rgba(0, 0, 0, 0.2)'
+            }
+        }
     };
     // Handles case where user mouses down, moves cursor, and mouses up
     useEffect(function () {
@@ -119,10 +147,14 @@ var FollowButton = function (props) {
     };
     var buttonProps = type === 'checkbox' ? undefined : other;
     var inputProps = type === 'checkbox' ? other : undefined;
-    return (jsxs(Flex, __assign({ as: type === 'checkbox' ? 'label' : 'button', h: size === 'small' ? 28 : 32, direction: 'row', alignItems: 'center', justifyContent: 'center', gap: 'xs', pv: 's', css: rootCss, 
+    return (jsxs(Flex
+    // @ts-ignore flex not smart enough
+    , __assign({ 
         // @ts-ignore flex not smart enough
-        onClick: handleClick }, buttonProps, rootProps, { children: [jsx(Icon, { height: 18, width: 18, css: { path: { fill: textColor } } }), jsx(Text, __assign({ variant: 'label', size: size === 'small' ? 's' : 'l', strength: 'default', css: { color: textColor } }, { children: text })), type === 'checkbox' ? (jsx(InputRoot, __assign({}, inputProps, { checked: isFollowing }))) : null] })));
-};
+        ref: ref, as: type === 'checkbox' ? 'label' : 'button', h: size === 'small' ? 28 : 32, direction: 'row', alignItems: 'center', justifyContent: 'center', gap: 'xs', pv: 's', css: rootCss, 
+        // @ts-ignore flex not smart enough
+        onClick: handleClick }, buttonProps, rootProps, { children: [jsx(Icon, { height: 18, width: 18, css: { path: { fill: textColor } } }), jsx(Text, __assign({ variant: 'label', tag: 'span', size: size === 'small' ? 's' : 'l', strength: 'default', css: { color: textColor } }, { children: text })), type === 'checkbox' ? (jsx(InputRoot, __assign({}, inputProps, { checked: isFollowing }))) : null] })));
+});
 
 export { FollowButton };
 //# sourceMappingURL=FollowButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FollowButton.js","sources":["../../../../src/components/button/FollowButton/FollowButton.tsx"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\nimport styled from '@emotion/styled'\n\nimport type { IconComponent } from 'components/icon'\nimport { Flex } from 'components/layout/Flex'\nimport { Text } from 'components/text/Text'\nimport { useControlled } from 'hooks/useControlled'\nimport { IconUserFollowing, IconUserFollow, IconUserUnfollow } from 'icons'\n\nimport type { FollowButtonProps } from './types'\n\nconst messages = {\n  follow: 'Follow',\n  following: 'Following',\n  unfollow: 'Unfollow'\n}\n\nconst InputRoot = styled.input({\n  cursor: 'inherit',\n  position: 'absolute',\n  opacity: 0,\n  width: '100%',\n  height: '100%',\n  top: 0,\n  left: 0,\n  margin: 0,\n  padding: 0,\n  zIndex: 1\n})\n\n/**\n * Special button for following or unfollowing a user.\n */\nexport const FollowButton = (props: FollowButtonProps) => {\n  const {\n    variant = 'default',\n    isFollowing = false,\n    onUnfollow,\n    onFollow,\n    size = 'default',\n    ...other\n  } = props\n  const { type } = other\n  const [value, setValueState] = useControlled({\n    componentName: 'FollowButton',\n    controlledProp: isFollowing,\n    defaultValue: undefined,\n    stateName: 'following'\n  })\n\n  // Track hover manually to swap text and icon\n  const [isHovering, setIsHovering] = useState(false)\n  const [isPressing, setIsPressing] = useState(false)\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovering(true)\n  }, [])\n\n  const handleMouseDown = useCallback(() => {\n    setIsPressing(true)\n  }, [])\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovering(false)\n  }, [])\n\n  const handleMouseUp = useCallback(() => {\n    setIsPressing(false)\n  }, [])\n\n  const handlePressIn = useCallback(() => {\n    setIsHovering(true)\n    setIsPressing(true)\n  }, [])\n\n  const handlePressOut = useCallback(() => {\n    setIsHovering(false)\n    setIsPressing(false)\n  }, [])\n\n  useEffect(() => {}, [value])\n\n  const handleClick = useCallback(() => {\n    if (value) {\n      onUnfollow?.()\n    } else {\n      onFollow?.()\n    }\n    setValueState(!value)\n  }, [value, setValueState, onUnfollow, onFollow])\n\n  const checkedValue = value\n  let Icon: IconComponent | null = IconUserFollow\n  let text = messages.follow\n  if (checkedValue && !isHovering) {\n    Icon = IconUserFollowing\n    text = messages.following\n  } else if (checkedValue && isHovering && !isPressing) {\n    Icon = IconUserUnfollow\n    text = messages.unfollow\n  }\n\n  const { color, cornerRadius } = useTheme()\n\n  const textColor =\n    checkedValue || isHovering || isPressing\n      ? color.static.white\n      : color.primary.primary\n\n  const rootCss: CSSObject = {\n    cursor: 'pointer',\n    minWidth: size === 'small' ? 128 : 152,\n    width: '100%',\n    userSelect: 'none',\n    borderRadius: variant === 'pill' ? cornerRadius['2xl'] : cornerRadius.s,\n    background: isPressing\n      ? color.primary.p500\n      : checkedValue || isHovering\n      ? color.primary.primary\n      : color.static.white,\n    border: `1px solid ${\n      isPressing ? color.primary.p500 : color.primary.primary\n    }`\n  }\n\n  // Handles case where user mouses down, moves cursor, and mouses up\n  useEffect(() => {\n    if (isPressing) {\n      document.addEventListener('mouseup', handleMouseUp)\n      return () => {\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }\n    return undefined\n  }, [isPressing, handleMouseUp])\n\n  const rootProps = {\n    onMouseEnter: handleMouseEnter,\n    onMouseLeave: handleMouseLeave,\n    onMouseDown: handleMouseDown,\n    onMouseUp: handleMouseUp,\n    onTouchStart: handlePressIn,\n    onTouchEnd: handlePressOut\n  }\n\n  const buttonProps = type === 'checkbox' ? undefined : other\n  const inputProps = type === 'checkbox' ? other : undefined\n\n  return (\n    <Flex\n      as={type === 'checkbox' ? 'label' : 'button'}\n      h={size === 'small' ? 28 : 32}\n      direction='row'\n      alignItems='center'\n      justifyContent='center'\n      gap='xs'\n      pv='s'\n      css={rootCss}\n      // @ts-ignore flex not smart enough\n      onClick={handleClick}\n      {...buttonProps}\n      {...rootProps}\n    >\n      {/* TODO: use theme icon colors (confirm w/design) */}\n      <Icon height={18} width={18} css={{ path: { fill: textColor } }} />\n      <Text\n        variant='label'\n        size={size === 'small' ? 's' : 'l'}\n        strength='default'\n        css={{ color: textColor }}\n      >\n        {text}\n      </Text>\n      {type === 'checkbox' ? (\n        <InputRoot {...inputProps} checked={isFollowing} />\n      ) : null}\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"FollowButton.js","sources":["../../../../src/components/button/FollowButton/FollowButton.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, forwardRef, Ref } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\nimport styled from '@emotion/styled'\n\nimport type { IconComponent } from 'components/icon'\nimport { Flex } from 'components/layout/Flex'\nimport { Text } from 'components/text/Text'\nimport { useControlled } from 'hooks/useControlled'\nimport { IconUserFollowing, IconUserFollow, IconUserUnfollow } from 'icons'\n\nimport type { FollowButtonProps } from './types'\n\nconst defaultMessages = {\n  follow: 'Follow',\n  following: 'Following',\n  unfollow: 'Unfollow'\n}\n\nconst InputRoot = styled.input({\n  cursor: 'inherit',\n  position: 'absolute',\n  opacity: 0,\n  width: '100%',\n  height: '100%',\n  top: 0,\n  left: 0,\n  margin: 0,\n  padding: 0,\n  zIndex: 1\n})\n\n/**\n * Special button for following or unfollowing a user.\n */\nexport const FollowButton = forwardRef(\n  (props: FollowButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const {\n      variant = 'default',\n      isFollowing = false,\n      onUnfollow,\n      onFollow,\n      size = 'default',\n      fullWidth = true,\n      messages: messagesProp,\n      ...other\n    } = props\n    const messages = { ...defaultMessages, ...messagesProp }\n    const { type } = other\n    const [value, setValueState] = useControlled({\n      componentName: 'FollowButton',\n      controlledProp: isFollowing,\n      defaultValue: undefined,\n      stateName: 'following'\n    })\n\n    // Track hover manually to swap text and icon\n    const [isHovering, setIsHovering] = useState(false)\n    const [isPressing, setIsPressing] = useState(false)\n\n    const handleMouseEnter = useCallback(() => {\n      setIsHovering(true)\n    }, [])\n\n    const handleMouseDown = useCallback(() => {\n      setIsPressing(true)\n    }, [])\n\n    const handleMouseLeave = useCallback(() => {\n      setIsHovering(false)\n    }, [])\n\n    const handleMouseUp = useCallback(() => {\n      setIsPressing(false)\n    }, [])\n\n    const handlePressIn = useCallback(() => {\n      setIsHovering(true)\n      setIsPressing(true)\n    }, [])\n\n    const handlePressOut = useCallback(() => {\n      setIsHovering(false)\n      setIsPressing(false)\n    }, [])\n\n    useEffect(() => {}, [value])\n\n    const handleClick = useCallback(() => {\n      if (value) {\n        onUnfollow?.()\n      } else {\n        onFollow?.()\n      }\n      setValueState(!value)\n    }, [value, setValueState, onUnfollow, onFollow])\n\n    const checkedValue = value\n    let Icon: IconComponent | null = IconUserFollow\n    let text = messages.follow\n    if (checkedValue && !isHovering) {\n      Icon = IconUserFollowing\n      text = messages.following\n    } else if (checkedValue && isHovering && !isPressing) {\n      Icon = IconUserUnfollow\n      text = messages.unfollow\n    }\n\n    const { color, cornerRadius, motion, shadows } = useTheme()\n\n    const textColor =\n      checkedValue || isHovering || isPressing\n        ? color.static.white\n        : color.primary.primary\n\n    const borderRadius =\n      variant === 'pill' ? cornerRadius['2xl'] : cornerRadius.s\n\n    const rootCss: CSSObject = {\n      cursor: 'pointer',\n      minWidth: size === 'small' ? 128 : 152,\n      width: fullWidth ? '100%' : undefined,\n      userSelect: 'none',\n      borderRadius,\n      backgroundColor: checkedValue\n        ? color.primary.primary\n        : color.special.white,\n      boxShadow: shadows.near,\n      border: `1px solid ${color.primary.primary}`,\n      transition: `\n        transform ${motion.hover},\n        border-color ${motion.hover},\n        background-color ${motion.hover},\n        color ${motion.hover}\n      `,\n      '::before': {\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        borderRadius\n      },\n      '&:hover': {\n        backgroundColor: color.primary.primary,\n        borderWidth: 0,\n        boxShadow: shadows.mid,\n        '&::before': {\n          backgroundColor: 'rgba(255, 255, 255, 0.2)'\n        }\n      },\n      '&:active': {\n        backgroundColor: color.primary.primary,\n        borderWidth: 0,\n        boxShadow: 'none',\n        '&::before': {\n          backgroundColor: 'rgba(0, 0, 0, 0.2)'\n        }\n      }\n    }\n\n    // Handles case where user mouses down, moves cursor, and mouses up\n    useEffect(() => {\n      if (isPressing) {\n        document.addEventListener('mouseup', handleMouseUp)\n        return () => {\n          document.removeEventListener('mouseup', handleMouseUp)\n        }\n      }\n      return undefined\n    }, [isPressing, handleMouseUp])\n\n    const rootProps = {\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onMouseDown: handleMouseDown,\n      onMouseUp: handleMouseUp,\n      onTouchStart: handlePressIn,\n      onTouchEnd: handlePressOut\n    }\n\n    const buttonProps = type === 'checkbox' ? undefined : other\n    const inputProps = type === 'checkbox' ? other : undefined\n\n    return (\n      <Flex\n        // @ts-ignore flex not smart enough\n        ref={ref}\n        as={type === 'checkbox' ? 'label' : 'button'}\n        h={size === 'small' ? 28 : 32}\n        direction='row'\n        alignItems='center'\n        justifyContent='center'\n        gap='xs'\n        pv='s'\n        css={rootCss}\n        // @ts-ignore flex not smart enough\n        onClick={handleClick}\n        {...buttonProps}\n        {...rootProps}\n      >\n        {/* TODO: use theme icon colors (confirm w/design) */}\n        <Icon height={18} width={18} css={{ path: { fill: textColor } }} />\n        <Text\n          variant='label'\n          tag='span'\n          size={size === 'small' ? 's' : 'l'}\n          strength='default'\n          css={{ color: textColor }}\n        >\n          {text}\n        </Text>\n        {type === 'checkbox' ? (\n          <InputRoot {...inputProps} checked={isFollowing} />\n        ) : null}\n      </Flex>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -27,6 +27,12 @@ export type FollowButtonProps = {
      * Callback for when an unfollow is triggered.
      */
     onUnfollow?: () => void;
+    fullWidth?: boolean;
+    messages?: {
+        follow?: string;
+        following?: string;
+        unfollow?: string;
+    };
 } & InputProps;
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FollowButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,UAAU,GACX,CAAC;IACC,IAAI,EAAE,UAAU,CAAA;CACjB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC,GAClE,CAAC;IACC,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC5B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAE1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,GAAG,UAAU,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FollowButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,UAAU,GACX,CAAC;IACC,IAAI,EAAE,UAAU,CAAA;CACjB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC,GAClE,CAAC;IACC,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC5B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAE1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IAEvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,GAAG,UAAU,CAAA"}

package/dist/components/button/IconButton/IconButton.d.ts

@@ -7,7 +7,7 @@ export type IconButtonProps = {
     ripple?: boolean;
     'aria-label': string;
     iconCss?: CSSObject;
-} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> & Pick<BaseButtonProps, 'onClick' | 'disabled' | 'className' | 'type'>;
+} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> & Pick<BaseButtonProps, 'onClick' | 'disabled' | 'className' | 'type' | 'children'>;
 /**
  * The icon component allows you to pass in an icon and
  * apply color and sizing properties.
@@ -17,5 +17,5 @@ export declare const IconButton: (props: {
     ripple?: boolean | undefined;
     'aria-label': string;
     iconCss?: CSSObject | undefined;
-} & Pick<IconProps, "color" | "size" | "shadow" | "height" | "width"> & Pick<BaseButtonProps, "disabled" | "type" | "className" | "onClick"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & Pick<IconProps, "color" | "size" | "shadow" | "height" | "width"> & Pick<BaseButtonProps, "disabled" | "type" | "className" | "children" | "onClick"> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,mBAAuB;AAG/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC,GACnE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC,CAAA;AAEtE;;;GAGG;AACH,eAAO,MAAM,UAAU;UAXf,aAAa;;kBAEL,MAAM;;iSAiErB,CAAA"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,mBAAuB;AAG/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC,GACnE,IAAI,CACF,eAAe,EACf,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,CAC3D,CAAA;AAEH;;;GAGG;AACH,eAAO,MAAM,UAAU;UAdf,aAAa;;kBAEL,MAAM;;8SAwFrB,CAAA"}

package/dist/components/button/IconButton/IconButton.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from '../../../_virtual/_tslib.js';
-import { jsx } from '@emotion/react/jsx-runtime';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useTheme } from '@emotion/react';
 import { BaseButton } from '../BaseButton/BaseButton.js';
@@ -9,15 +9,30 @@ import { BaseButton } from '../BaseButton/BaseButton.js';
  * apply color and sizing properties.
  */
 var IconButton = forwardRef(function (props, ref) {
-    var Icon = props.icon, iconColor = props.color, _a = props.size, size = _a === void 0 ? 'l' : _a, shadow = props.shadow, ripple = props.ripple, height = props.height, width = props.width, iconCss = props.iconCss, other = __rest(props, ["icon", "color", "size", "shadow", "ripple", "height", "width", "iconCss"]);
+    var Icon = props.icon, iconColor = props.color, _a = props.size, size = _a === void 0 ? 'l' : _a, shadow = props.shadow, ripple = props.ripple, height = props.height, width = props.width, iconCss = props.iconCss, children = props.children, other = __rest(props, ["icon", "color", "size", "shadow", "ripple", "height", "width", "iconCss", "children"]);
     var disabled = other.disabled;
-    var _b = useTheme(), color = _b.color, cornerRadius = _b.cornerRadius, spacing = _b.spacing;
+    var _b = useTheme(), color = _b.color, cornerRadius = _b.cornerRadius, spacing = _b.spacing, motion = _b.motion;
     var buttonCss = {
         background: 'transparent',
         border: 'none',
         borderRadius: '50%',
         padding: spacing.xs,
-        overflow: 'unset'
+        overflow: 'unset',
+        svg: {
+            transition: "\n        transform ".concat(motion.hover, ",\n        color ").concat(motion.hover, "\n        ")
+        },
+        '&:hover': {
+            transform: 'scale(1.0)',
+            svg: {
+                transform: 'scale(1.1)'
+            }
+        },
+        '&:active': {
+            transform: 'scale(1.0)',
+            svg: {
+                transform: 'scale(0.98)'
+            }
+        }
     };
     var rippleCss = {
         '&:hover': {
@@ -31,7 +46,7 @@ var IconButton = forwardRef(function (props, ref) {
             borderRadius: cornerRadius.s
         }
     };
-    return (jsx(BaseButton, __assign({ ref: ref, type: 'button' }, other, { css: [buttonCss, ripple && rippleCss] }, { children: jsx(Icon, { "aria-hidden": true, color: disabled ? 'disabled' : iconColor, size: size, shadow: shadow, height: height, width: width, css: iconCss }) })));
+    return (jsxs(BaseButton, __assign({ ref: ref, type: 'button' }, other, { css: [buttonCss, ripple && rippleCss] }, { children: [jsx(Icon, { "aria-hidden": true, color: disabled ? 'disabled' : iconColor, size: size, shadow: shadow, height: height, width: width, css: iconCss }), children] })));
 });
 
 export { IconButton };

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\n\nimport type { IconComponent, IconProps } from 'components/icon'\n\nimport { BaseButton } from '../BaseButton/BaseButton'\nimport type { BaseButtonProps } from '../BaseButton/types'\n\nexport type IconButtonProps = {\n  icon: IconComponent\n  ripple?: boolean\n  'aria-label': string\n  iconCss?: CSSObject\n} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> &\n  Pick<BaseButtonProps, 'onClick' | 'disabled' | 'className' | 'type'>\n\n/**\n * The icon component allows you to pass in an icon and\n * apply color and sizing properties.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (props: IconButtonProps, ref) => {\n    const {\n      icon: Icon,\n      color: iconColor,\n      size = 'l',\n      shadow,\n      ripple,\n      height,\n      width,\n      iconCss,\n      ...other\n    } = props\n    const { disabled } = other\n    const { color, cornerRadius, spacing } = useTheme()\n\n    const buttonCss: CSSObject = {\n      background: 'transparent',\n      border: 'none',\n      borderRadius: '50%',\n      padding: spacing.xs,\n      overflow: 'unset'\n    }\n\n    const rippleCss: CSSObject = {\n      '&:hover': {\n        backgroundColor: color.neutral.n100\n      },\n      '&:active': {\n        backgroundColor: color.neutral.n150\n      },\n      '&:focus-visible': {\n        border: `1px solid ${color.secondary.secondary}`,\n        borderRadius: cornerRadius.s\n      }\n    }\n\n    return (\n      <BaseButton\n        ref={ref}\n        type='button'\n        {...other}\n        css={[buttonCss, ripple && rippleCss]}\n      >\n        <Icon\n          aria-hidden\n          color={disabled ? 'disabled' : iconColor}\n          size={size}\n          shadow={shadow}\n          height={height}\n          width={width}\n          css={iconCss}\n        />\n      </BaseButton>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;AAiBA;;;AAGG;IACU,UAAU,GAAG,UAAU,CAClC,UAAC,KAAsB,EAAE,GAAG,EAAA;IAExB,IAAM,IAAI,GASR,KAAK,CAAA,IATG,EACH,SAAS,GAQd,KAAK,CAAA,KARS,EAChB,EAAA,GAOE,KAAK,CAPG,IAAA,EAAV,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACV,MAAM,GAMJ,KAAK,CAAA,MAND,EACN,MAAM,GAKJ,KAAK,CAAA,MALD,EACN,MAAM,GAIJ,KAAK,CAJD,MAAA,EACN,KAAK,GAGH,KAAK,CAAA,KAHF,EACL,OAAO,GAEL,KAAK,CAAA,OAFA,EACJ,KAAK,UACN,KAAK,EAVH,CAUL,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,CAAA,CADS,CACD;AACD,IAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV,CAAU;AACpB,IAAA,IAAA,EAAmC,GAAA,QAAQ,EAAE,EAA3C,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAe,CAAA;AAEnD,IAAA,IAAM,SAAS,GAAc;AAC3B,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,OAAO,CAAC,EAAE;AACnB,QAAA,QAAQ,EAAE,OAAO;KAClB,CAAA;AAED,IAAA,IAAM,SAAS,GAAc;AAC3B,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACpC,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACpC,SAAA;AACD,QAAA,iBAAiB,EAAE;AACjB,YAAA,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,SAAS,CAAC,SAAS,CAAE;YAChD,YAAY,EAAE,YAAY,CAAC,CAAC;AAC7B,SAAA;KACF,CAAA;AAED,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EAAA,EACT,KAAK,EAAA,EACT,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,SAAS,CAAC,EAAA,EAAA,EAAA,QAAA,EAErCA,GAAC,CAAA,IAAI,EAEH,EAAA,aAAA,EAAA,IAAA,EAAA,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,EACxC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,OAAO,EACZ,CAAA,EAAA,CAAA,CACS,EACd;AACH,CAAC;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\n\nimport type { IconComponent, IconProps } from 'components/icon'\n\nimport { BaseButton } from '../BaseButton/BaseButton'\nimport type { BaseButtonProps } from '../BaseButton/types'\n\nexport type IconButtonProps = {\n  icon: IconComponent\n  ripple?: boolean\n  'aria-label': string\n  iconCss?: CSSObject\n} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> &\n  Pick<\n    BaseButtonProps,\n    'onClick' | 'disabled' | 'className' | 'type' | 'children'\n  >\n\n/**\n * The icon component allows you to pass in an icon and\n * apply color and sizing properties.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (props: IconButtonProps, ref) => {\n    const {\n      icon: Icon,\n      color: iconColor,\n      size = 'l',\n      shadow,\n      ripple,\n      height,\n      width,\n      iconCss,\n      children,\n      ...other\n    } = props\n    const { disabled } = other\n    const { color, cornerRadius, spacing, motion } = useTheme()\n\n    const buttonCss: CSSObject = {\n      background: 'transparent',\n      border: 'none',\n      borderRadius: '50%',\n      padding: spacing.xs,\n      overflow: 'unset',\n      svg: {\n        transition: `\n        transform ${motion.hover},\n        color ${motion.hover}\n        `\n      },\n      '&:hover': {\n        transform: 'scale(1.0)',\n        svg: {\n          transform: 'scale(1.1)'\n        }\n      },\n      '&:active': {\n        transform: 'scale(1.0)',\n        svg: {\n          transform: 'scale(0.98)'\n        }\n      }\n    }\n\n    const rippleCss: CSSObject = {\n      '&:hover': {\n        backgroundColor: color.neutral.n100\n      },\n      '&:active': {\n        backgroundColor: color.neutral.n150\n      },\n      '&:focus-visible': {\n        border: `1px solid ${color.secondary.secondary}`,\n        borderRadius: cornerRadius.s\n      }\n    }\n\n    return (\n      <BaseButton\n        ref={ref}\n        type='button'\n        {...other}\n        css={[buttonCss, ripple && rippleCss]}\n      >\n        <Icon\n          aria-hidden\n          color={disabled ? 'disabled' : iconColor}\n          size={size}\n          shadow={shadow}\n          height={height}\n          width={width}\n          css={iconCss}\n        />\n        {children}\n      </BaseButton>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAoBA;;;AAGG;IACU,UAAU,GAAG,UAAU,CAClC,UAAC,KAAsB,EAAE,GAAG,EAAA;IAExB,IAAM,IAAI,GAUR,KAAK,CAVG,IAAA,EACH,SAAS,GASd,KAAK,CATS,KAAA,EAChB,EAQE,GAAA,KAAK,KARG,EAAV,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,GAAA,EAAA,EACV,MAAM,GAOJ,KAAK,CAAA,MAPD,EACN,MAAM,GAMJ,KAAK,OAND,EACN,MAAM,GAKJ,KAAK,CALD,MAAA,EACN,KAAK,GAIH,KAAK,CAAA,KAJF,EACL,OAAO,GAGL,KAAK,QAHA,EACP,QAAQ,GAEN,KAAK,CAFC,QAAA,EACL,KAAK,GAAA,MAAA,CACN,KAAK,EAXH,CAWL,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,CAAA,CADS,CACD;AACD,IAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV,CAAU;AACpB,IAAA,IAAA,EAA2C,GAAA,QAAQ,EAAE,EAAnD,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,MAAM,YAAe,CAAA;AAE3D,IAAA,IAAM,SAAS,GAAc;AAC3B,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,OAAO,CAAC,EAAE;AACnB,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,GAAG,EAAE;YACH,UAAU,EAAE,8BACA,MAAM,CAAC,KAAK,EAChB,mBAAA,CAAA,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,EACnB,YAAA,CAAA;AACF,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,GAAG,EAAE;AACH,gBAAA,SAAS,EAAE,YAAY;AACxB,aAAA;AACF,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,GAAG,EAAE;AACH,gBAAA,SAAS,EAAE,aAAa;AACzB,aAAA;AACF,SAAA;KACF,CAAA;AAED,IAAA,IAAM,SAAS,GAAc;AAC3B,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACpC,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACpC,SAAA;AACD,QAAA,iBAAiB,EAAE;AACjB,YAAA,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,SAAS,CAAC,SAAS,CAAE;YAChD,YAAY,EAAE,YAAY,CAAC,CAAC;AAC7B,SAAA;KACF,CAAA;AAED,IAAA,QACEA,IAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EAAA,EACT,KAAK,EAAA,EACT,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,SAAS,CAAC,EAAA,EAAA,EAAA,QAAA,EAAA,CAErCC,GAAC,CAAA,IAAI,EAEH,EAAA,aAAA,EAAA,IAAA,EAAA,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,EACxC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,OAAO,EACZ,CAAA,EACD,QAAQ,CAAA,EAAA,CAAA,CACE,EACd;AACH,CAAC;;;;"}

package/dist/components/button/SocialButton/SocialButton.d.ts

@@ -1,14 +1,10 @@
 import type { ButtonProps } from '../Button/types';
 type SocialMedia = 'tiktok' | 'instagram' | 'twitter';
-export type SocialButtonProps = Omit<ButtonProps, 'aria-label'> & {
+export type SocialButtonProps = ButtonProps & {
     /**
      * Which social media.
      */
     socialType: SocialMedia;
-    /**
-     * Aria label text. Required since these buttons just have icons
-     */
-    'aria-label': string;
 };
 export declare const SocialButton: (props: SocialButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};