@coinswap-app/uikit 1.0.8 → 1.0.10

package/dist/index.cjs.js

@@ -497,7 +497,7 @@ var getButtonVariantProp$3 = function getButtonVariantProp(prop) {
 };
 var StyledButton$2 = styledComponents.styled.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
-    return !['$fullWidth', '$isLoading', '$white'].includes(prop);
+    return !['$fullWidth', '$isLoading', '$white', 'variant', 'isActive'].includes(prop);
   }
 })(_templateObject$29 || (_templateObject$29 = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: ", ";\n  border: ", ";\n  border-radius: 10px;\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 600;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  padding: ", ";\n  transition: background-color 0.2s;\n  opacity: ", ";\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:focus:not(:active) {\n    box-shadow: 0 0 0 1px ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    box-shadow: ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n"])), getButtonVariantProp$3("background"), getButtonVariantProp$3("border"), function (_ref4) {
   var $white = _ref4.$white;
@@ -522,7 +522,7 @@ var StyledButton$2 = styledComponents.styled.button.withConfig({
 }, getButtonVariantProp$3("backgroundActive"), getButtonVariantProp$3("boxShadowActive"), getDisabledStyles$3, removePointerEvents$3, styledSystem.space);
 
 var _excluded$12 = ["startIcon", "style", "endIcon", "children", "external", "$isLoading", "disabled", "$white", "$fullWidth", "fullWidth", "isLoading", "white"];
-var Button$1 = /*#__PURE__*/React.forwardRef(function (_ref) {
+var Button$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var startIcon = _ref.startIcon,
     style = _ref.style,
     endIcon = _ref.endIcon,
@@ -543,7 +543,9 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (_ref) {
   var $white = $whiteProp || whiteProp;
   var $fullWidth = $fullWidthProp || fullWidthProp;
   var isDisabled = $isLoading || disabled;
-  return /*#__PURE__*/jsxRuntime.jsxs(StyledButton$2, _objectSpread2(_objectSpread2(_objectSpread2({}, internalProps), props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(StyledButton$2, _objectSpread2(_objectSpread2(_objectSpread2({
+    ref: ref
+  }, internalProps), props), {}, {
     $isLoading: $isLoading,
     disabled: isDisabled,
     style: style,
@@ -8933,7 +8935,7 @@ var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/jsxRuntime.jsx(StyledLink$1, _objectSpread2(_objectSpread2({
     ref: ref,
     as: "a",
-    bold: true,
+    $bold: true,
     color: color
   }, internalProps), props));
 });
@@ -9458,7 +9460,11 @@ var Breadcrumbs = function Breadcrumbs(_ref4) {
 };
 
 var _templateObject$1S;
-var StyledButtonMenu = styledComponents.styled.div(_templateObject$1S || (_templateObject$1S = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border-radius: 16px;\n  display: inline-flex;\n  @media (max-width: 500px) {\n    width: 100%;\n    justify-content: space-around;\n  }\n"])));
+var StyledButtonMenu = styledComponents.styled.div.withConfig({
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'variant';
+  }
+})(_templateObject$1S || (_templateObject$1S = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border-radius: 16px;\n  display: inline-flex;\n  @media (max-width: 500px) {\n    width: 100%;\n    justify-content: space-around;\n  }\n"])));
 
 var ButtonMenu = function ButtonMenu(_ref) {
   var _ref$activeIndex = _ref.activeIndex,
@@ -9625,8 +9631,11 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
     hide = _ref.hide,
     props = _objectWithoutProperties(_ref, _excluded$l);
   // Remove isActive from props to prevent it from being passed to DOM
-  props.isActive;
-    var buttonProps = _objectWithoutProperties(props, _excluded2$1);
+  var _isActive$props = _objectSpread2({
+      isActive: isActive
+    }, props);
+    _isActive$props.isActive;
+    var buttonProps = _objectWithoutProperties(_isActive$props, _excluded2$1);
   if (!isActive) {
     return /*#__PURE__*/jsxRuntime.jsx(InactiveButton$1, _objectSpread2(_objectSpread2({
       forwardedAs: as,

package/dist/index.esm.js

@@ -475,7 +475,7 @@ var getButtonVariantProp$3 = function getButtonVariantProp(prop) {
 };
 var StyledButton$2 = styled.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
-    return !['$fullWidth', '$isLoading', '$white'].includes(prop);
+    return !['$fullWidth', '$isLoading', '$white', 'variant', 'isActive'].includes(prop);
   }
 })(_templateObject$29 || (_templateObject$29 = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: ", ";\n  border: ", ";\n  border-radius: 10px;\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 600;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  padding: ", ";\n  transition: background-color 0.2s;\n  opacity: ", ";\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:focus:not(:active) {\n    box-shadow: 0 0 0 1px ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    box-shadow: ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n"])), getButtonVariantProp$3("background"), getButtonVariantProp$3("border"), function (_ref4) {
   var $white = _ref4.$white;
@@ -500,7 +500,7 @@ var StyledButton$2 = styled.button.withConfig({
 }, getButtonVariantProp$3("backgroundActive"), getButtonVariantProp$3("boxShadowActive"), getDisabledStyles$3, removePointerEvents$3, space);
 
 var _excluded$12 = ["startIcon", "style", "endIcon", "children", "external", "$isLoading", "disabled", "$white", "$fullWidth", "fullWidth", "isLoading", "white"];
-var Button$1 = /*#__PURE__*/React__default.forwardRef(function (_ref) {
+var Button$1 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var startIcon = _ref.startIcon,
     style = _ref.style,
     endIcon = _ref.endIcon,
@@ -521,7 +521,9 @@ var Button$1 = /*#__PURE__*/React__default.forwardRef(function (_ref) {
   var $white = $whiteProp || whiteProp;
   var $fullWidth = $fullWidthProp || fullWidthProp;
   var isDisabled = $isLoading || disabled;
-  return /*#__PURE__*/jsxs(StyledButton$2, _objectSpread2(_objectSpread2(_objectSpread2({}, internalProps), props), {}, {
+  return /*#__PURE__*/jsxs(StyledButton$2, _objectSpread2(_objectSpread2(_objectSpread2({
+    ref: ref
+  }, internalProps), props), {}, {
     $isLoading: $isLoading,
     disabled: isDisabled,
     style: style,
@@ -8911,7 +8913,7 @@ var Link = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/jsx(StyledLink$1, _objectSpread2(_objectSpread2({
     ref: ref,
     as: "a",
-    bold: true,
+    $bold: true,
     color: color
   }, internalProps), props));
 });
@@ -9436,7 +9438,11 @@ var Breadcrumbs = function Breadcrumbs(_ref4) {
 };
 
 var _templateObject$1S;
-var StyledButtonMenu = styled.div(_templateObject$1S || (_templateObject$1S = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border-radius: 16px;\n  display: inline-flex;\n  @media (max-width: 500px) {\n    width: 100%;\n    justify-content: space-around;\n  }\n"])));
+var StyledButtonMenu = styled.div.withConfig({
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'variant';
+  }
+})(_templateObject$1S || (_templateObject$1S = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border-radius: 16px;\n  display: inline-flex;\n  @media (max-width: 500px) {\n    width: 100%;\n    justify-content: space-around;\n  }\n"])));
 
 var ButtonMenu = function ButtonMenu(_ref) {
   var _ref$activeIndex = _ref.activeIndex,
@@ -9603,8 +9609,11 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
     hide = _ref.hide,
     props = _objectWithoutProperties(_ref, _excluded$l);
   // Remove isActive from props to prevent it from being passed to DOM
-  props.isActive;
-    var buttonProps = _objectWithoutProperties(props, _excluded2$1);
+  var _isActive$props = _objectSpread2({
+      isActive: isActive
+    }, props);
+    _isActive$props.isActive;
+    var buttonProps = _objectWithoutProperties(_isActive$props, _excluded2$1);
   if (!isActive) {
     return /*#__PURE__*/jsx(InactiveButton$1, _objectSpread2(_objectSpread2({
       forwardedAs: as,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinswap-app/uikit",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Set of UI components for CoinSwap projects",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",