@commercetools-uikit/secondary-icon-button 19.20.1 → 19.22.0

package/dist/commercetools-uikit-secondary-icon-button.cjs.dev.js

@@ -10,6 +10,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _pt = require('prop-types');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -66,6 +67,7 @@ const getBaseStyles = props => {
   return [_ref, getColorStyle(props), getDisabledStyle()];
 };
 
+const _excluded = ["color", "type", "size", "isDisabled"];
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const propsToOmit = ['type'];
@@ -86,25 +88,44 @@ const sizeMapping = {
   medium: '30',
   big: '40'
 };
-const SecondaryIconButton = props => {
+const SecondaryIconButton = _ref => {
   var _context;
-  const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
+  let _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'solid' : _ref$color,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '40' : _ref$size,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](_objectSpread({
+    color,
+    type,
+    size,
+    isDisabled
+  }, props), propsToOmit))), {}, {
     'data-track-component': 'SecondaryIconButton',
     // if there is a divergence between `isDisabled` and `disabled`,
     // we fall back to `isDisabled`
-    disabled: props.isDisabled
+    disabled: isDisabled
   });
-  utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, props.size) > -1), `SecondaryIconButton '${props.size}' value for 'size' property has been deprecated in favor of '${sizeMapping[props.size]}' Please update that value when using this component`);
+  utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1), `SecondaryIconButton '${size}' value for 'size' property has been deprecated in favor of '${sizeMapping[size]}' Please update that value when using this component`);
   return jsxRuntime.jsx(AccessibleButton__default["default"], {
     as: props.as,
-    type: props.type,
+    type: type,
     buttonAttributes: buttonAttributes,
     label: props.label,
     onClick: props.onClick,
-    isDisabled: props.isDisabled,
-    css: getBaseStyles(props),
+    isDisabled: isDisabled,
+    css: getBaseStyles(_objectSpread({
+      color,
+      type,
+      size,
+      isDisabled
+    }, props)),
     children: props.icon && /*#__PURE__*/react$1.cloneElement(props.icon, {
-      size: props.size
+      size: size
     })
   });
 };
@@ -119,16 +140,10 @@ SecondaryIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _pt__default["default"].func
 } : {};
 SecondaryIconButton.displayName = 'SecondaryIconButton';
-SecondaryIconButton.defaultProps = {
-  color: 'solid',
-  type: 'button',
-  size: '40',
-  isDisabled: false
-};
 var SecondaryIconButton$1 = SecondaryIconButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.22.0";
 
 exports["default"] = SecondaryIconButton$1;
 exports.version = version;

package/dist/commercetools-uikit-secondary-icon-button.cjs.prod.js

@@ -10,6 +10,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('prop-types');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -59,6 +60,7 @@ const getBaseStyles = props => {
   return [_ref, getColorStyle(props), getDisabledStyle()];
 };
 
+const _excluded = ["color", "type", "size", "isDisabled"];
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const propsToOmit = ['type'];
@@ -79,40 +81,53 @@ const sizeMapping = {
   medium: '30',
   big: '40'
 };
-const SecondaryIconButton = props => {
+const SecondaryIconButton = _ref => {
   var _context;
-  const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
+  let _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'solid' : _ref$color,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '40' : _ref$size,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](_objectSpread({
+    color,
+    type,
+    size,
+    isDisabled
+  }, props), propsToOmit))), {}, {
     'data-track-component': 'SecondaryIconButton',
     // if there is a divergence between `isDisabled` and `disabled`,
     // we fall back to `isDisabled`
-    disabled: props.isDisabled
+    disabled: isDisabled
   });
-  utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, props.size) > -1), `SecondaryIconButton '${props.size}' value for 'size' property has been deprecated in favor of '${sizeMapping[props.size]}' Please update that value when using this component`);
+  utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1), `SecondaryIconButton '${size}' value for 'size' property has been deprecated in favor of '${sizeMapping[size]}' Please update that value when using this component`);
   return jsxRuntime.jsx(AccessibleButton__default["default"], {
     as: props.as,
-    type: props.type,
+    type: type,
     buttonAttributes: buttonAttributes,
     label: props.label,
     onClick: props.onClick,
-    isDisabled: props.isDisabled,
-    css: getBaseStyles(props),
+    isDisabled: isDisabled,
+    css: getBaseStyles(_objectSpread({
+      color,
+      type,
+      size,
+      isDisabled
+    }, props)),
     children: props.icon && /*#__PURE__*/react$1.cloneElement(props.icon, {
-      size: props.size
+      size: size
     })
   });
 };
 SecondaryIconButton.propTypes = {};
 SecondaryIconButton.displayName = 'SecondaryIconButton';
-SecondaryIconButton.defaultProps = {
-  color: 'solid',
-  type: 'button',
-  size: '40',
-  isDisabled: false
-};
 var SecondaryIconButton$1 = SecondaryIconButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.22.0";
 
 exports["default"] = SecondaryIconButton$1;
 exports.version = version;

package/dist/commercetools-uikit-secondary-icon-button.esm.js

@@ -6,6 +6,7 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _pt from 'prop-types';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -47,6 +48,7 @@ const getBaseStyles = props => {
   return [_ref, getColorStyle(props), getDisabledStyle()];
 };
 
+const _excluded = ["color", "type", "size", "isDisabled"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, 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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const propsToOmit = ['type'];
@@ -67,25 +69,44 @@ const sizeMapping = {
   medium: '30',
   big: '40'
 };
-const SecondaryIconButton = props => {
+const SecondaryIconButton = _ref => {
   var _context;
-  const buttonAttributes = _objectSpread(_objectSpread({}, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
+  let _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'solid' : _ref$color,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '40' : _ref$size,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const buttonAttributes = _objectSpread(_objectSpread({}, filterInvalidAttributes(omit(_objectSpread({
+    color,
+    type,
+    size,
+    isDisabled
+  }, props), propsToOmit))), {}, {
     'data-track-component': 'SecondaryIconButton',
     // if there is a divergence between `isDisabled` and `disabled`,
     // we fall back to `isDisabled`
-    disabled: props.isDisabled
+    disabled: isDisabled
   });
-  useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, props.size) > -1), `SecondaryIconButton '${props.size}' value for 'size' property has been deprecated in favor of '${sizeMapping[props.size]}' Please update that value when using this component`);
+  useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, size) > -1), `SecondaryIconButton '${size}' value for 'size' property has been deprecated in favor of '${sizeMapping[size]}' Please update that value when using this component`);
   return jsx(AccessibleButton, {
     as: props.as,
-    type: props.type,
+    type: type,
     buttonAttributes: buttonAttributes,
     label: props.label,
     onClick: props.onClick,
-    isDisabled: props.isDisabled,
-    css: getBaseStyles(props),
+    isDisabled: isDisabled,
+    css: getBaseStyles(_objectSpread({
+      color,
+      type,
+      size,
+      isDisabled
+    }, props)),
     children: props.icon && /*#__PURE__*/cloneElement(props.icon, {
-      size: props.size
+      size: size
     })
   });
 };
@@ -100,15 +121,9 @@ SecondaryIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _pt.func
 } : {};
 SecondaryIconButton.displayName = 'SecondaryIconButton';
-SecondaryIconButton.defaultProps = {
-  color: 'solid',
-  type: 'button',
-  size: '40',
-  isDisabled: false
-};
 var SecondaryIconButton$1 = SecondaryIconButton;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.22.0";
 
 export { SecondaryIconButton$1 as default, version };

package/dist/declarations/src/secondary-icon-button.d.ts

@@ -49,13 +49,7 @@ export type TSecondaryButtonIconProps<TStringOrComponent extends ElementType = '
  * passed to `<SecondaryIconButton>`: <SecondaryIconButton as={Link} to="/foo" label="Foo" />.
  */ ComponentPropsWithRef<TStringOrComponent>;
 declare const SecondaryIconButton: {
-    <TStringOrComponent extends ElementType = "button">(props: TSecondaryButtonIconProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
+    <TStringOrComponent extends ElementType = "button">({ color, type, size, isDisabled, ...props }: TSecondaryButtonIconProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
-    defaultProps: {
-        color: string;
-        type: string;
-        size: string;
-        isDisabled: boolean;
-    };
 };
 export default SecondaryIconButton;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/secondary-icon-button",
   "description": "Secondary Icon Buttons are \"icon-only\" buttons and a restricted version of the `<IconButton>`. They trigger an action when clicked (`onClick` prop). You must also pass a label for accessibility reasons.",
-  "version": "19.20.1",
+  "version": "19.22.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,11 +21,11 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "19.20.1",
-    "@commercetools-uikit/design-system": "19.20.1",
-    "@commercetools-uikit/spacings": "19.20.1",
-    "@commercetools-uikit/text": "19.20.1",
-    "@commercetools-uikit/utils": "19.20.1",
+    "@commercetools-uikit/accessible-button": "19.22.0",
+    "@commercetools-uikit/design-system": "19.22.0",
+    "@commercetools-uikit/spacings": "19.22.0",
+    "@commercetools-uikit/text": "19.22.0",
+    "@commercetools-uikit/utils": "19.22.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",