@commercetools-uikit/secondary-icon-button 12.2.1 → 12.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +9 -10
  2. package/dist/commercetools-uikit-secondary-icon-button.cjs.dev.js +27 -27
  3. package/dist/commercetools-uikit-secondary-icon-button.cjs.prod.js +19 -18
  4. package/dist/commercetools-uikit-secondary-icon-button.esm.js +22 -23
  5. package/dist/declarations/src/index.d.ts +2 -2
  6. package/dist/declarations/src/secondary-icon-button.d.ts +20 -20
  7. package/dist/declarations/src/secondary-icon-button.styles.d.ts +4 -4
  8. package/dist/declarations/src/version.d.ts +2 -2
  9. package/package.json +18 -15
package/README.md CHANGED
@@ -30,7 +30,6 @@ npm --save install react
30
30
  ## Usage
31
31
 
32
32
  ```jsx
33
- import React from 'react';
34
33
  import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
35
34
  import { InformationIcon } from '@commercetools-uikit/icons';
36
35
 
@@ -47,15 +46,15 @@ export default Example;
47
46
 
48
47
  ## Properties
49
48
 
50
- | Props | Type | Required | Default | Description |
51
- | ------------ | ---------------------------------------------------------------- | :------: | ---------- | ------------------------------------------------------------------------------------------------------------------- |
52
- | `as` | `union`<br/>Possible values:<br/>`string , ComponentType` | | | a `ComponentType`. <br />&#xA;You may pass in a string like "a" to have the button render as an anchor tag instead. |
53
- | `type` | `union`<br/>Possible values:<br/>`'submit' , 'reset' , 'button'` | | `'button'` | Used as the HTML type attribute. |
54
- | `icon` | `ReactReactElement` | | | An <Icon /> component. |
55
- | `color` | `union`<br/>Possible values:<br/>`'solid' , 'primary'` | | `'solid'` | Sets the color of the icon |
56
- | `label` | `string` | ✅ | | Should describe what the button does, for accessibility purposes (screen-reader users) |
57
- | `isDisabled` | `boolean` | | `false` | Tells when the button should present a disabled state |
58
- | `onClick` | `Function`<br/>[See signature.](#signature-onClick) | | | Handler when the button is clicked.&#xA;<br />&#xA;This is required if `as` is not defined. |
49
+ | Props | Type | Required | Default | Description |
50
+ | ------------ | ---------------------------------------------------------------- | :------: | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
51
+ | `as` | `TStringOrComponent` | | | You may pass in a string like "a" to have the button element render an anchor tag, or&#xA;you could pass in a React Component, like a `Link`.&#xA;<br />&#xA;The `<SecondaryIconButton>` additionally accepts any props or attributes specific to the given element or component. |
52
+ | `type` | `union`<br/>Possible values:<br/>`'submit' , 'reset' , 'button'` | | `'button'` | Used as the HTML type attribute. |
53
+ | `icon` | `ReactElement` | | | An <Icon /> component. |
54
+ | `color` | `union`<br/>Possible values:<br/>`'solid' , 'primary'` | | `'solid'` | Indicates the color scheme of the button. |
55
+ | `label` | `string` | ✅ | | Should describe what the button does, for accessibility purposes (screen-reader users) |
56
+ | `isDisabled` | `boolean` | | `false` | Tells when the button should present a disabled state. |
57
+ | `onClick` | `Function`<br/>[See signature.](#signature-onClick) | | | Handler when the button is clicked.&#xA;<br />&#xA;Signature: (event: MouseEvent\<HTMLButtonElement) => void |
59
58
 
60
59
  ## Signatures
61
60
 
package/dist/commercetools-uikit-secondary-icon-button.cjs.dev.js CHANGED
@@ -18,6 +18,7 @@ var omit = require('lodash/omit');
18
18
  var utils = require('@commercetools-uikit/utils');
19
19
  var AccessibleButton = require('@commercetools-uikit/accessible-button');
20
20
  var designSystem = require('@commercetools-uikit/design-system');
21
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
21
22
 
22
23
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
23
24
 
@@ -33,27 +34,27 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
33
34
  var omit__default = /*#__PURE__*/_interopDefault(omit);
34
35
  var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
35
36
 
36
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
37
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
37
38
 
38
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
39
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
39
40
 
40
41
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
41
42
 
42
43
  var getDisabledStyle = function getDisabledStyle(overwrittenVars) {
43
44
  /* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
44
- return /*#__PURE__*/react.css("&:disabled svg{fill:", overwrittenVars.colorNeutral60, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDisabledStyle;"));
45
+ return /*#__PURE__*/react.css("&:disabled svg{fill:", overwrittenVars.colorNeutral60, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDisabledStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1kiLCJmaWxlIjoic2Vjb25kYXJ5LWljb24tYnV0dG9uLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVFNlY29uZGFyeUJ1dHRvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG50eXBlIFRFeHRlbmRlZFRoZW1lID0ge1xuICBba2V5OiBzdHJpbmddOiBzdHJpbmc7XG59ICYgVGhlbWU7XG5cbmNvbnN0IGdldERpc2FibGVkU3R5bGUgPSAob3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZSkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAoXG4gIHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgJ2NvbG9yJz4sXG4gIG92ZXJ3cml0dGVuVmFyczogVEV4dGVuZGVkVGhlbWVcbikgPT4ge1xuICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeTI1fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IChwcm9wczogVFNlY29uZGFyeUJ1dHRvblByb3BzLCB0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZSA9IHtcbiAgICAuLi52YXJzLFxuICAgIC4uLnRoZW1lLFxuICB9O1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzLCBvdmVyd3JpdHRlblZhcnMpLFxuICAgIGdldERpc2FibGVkU3R5bGUob3ZlcndyaXR0ZW5WYXJzKSxcbiAgXTtcbn07XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgeyBnZXRCYXNlU3R5bGVzIH07XG4iXX0= */");
45
46
  };
46
47
 
47
48
  var getColorStyle = function getColorStyle(props, overwrittenVars) {
48
49
  switch (props.color) {
49
50
  case 'solid':
50
- return /*#__PURE__*/react.css("& svg{fill:", overwrittenVars.colorSolid, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"));
51
+ return /*#__PURE__*/react.css("& svg{fill:", overwrittenVars.colorSolid, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9IChvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChcbiAgcHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvblByb3BzLCAnY29sb3InPixcbiAgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5MjV9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gKHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMsIG92ZXJ3cml0dGVuVmFycyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZShvdmVyd3JpdHRlblZhcnMpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
51
52
 
52
53
  case 'primary':
53
- return /*#__PURE__*/react.css("& svg{fill:", overwrittenVars.colorPrimary, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary25, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"));
54
+ return /*#__PURE__*/react.css("& svg{fill:", overwrittenVars.colorPrimary, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary25, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9IChvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChcbiAgcHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvblByb3BzLCAnY29sb3InPixcbiAgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5MjV9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gKHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMsIG92ZXJ3cml0dGVuVmFycyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZShvdmVyd3JpdHRlblZhcnMpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
54
55
 
55
56
  default:
56
- return /*#__PURE__*/react.css("svg{fill:", overwrittenVars.colorSolid, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"));
57
+ return /*#__PURE__*/react.css("svg{fill:", overwrittenVars.colorSolid, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9IChvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChcbiAgcHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvblByb3BzLCAnY29sb3InPixcbiAgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5MjV9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gKHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMsIG92ZXJ3cml0dGVuVmFycyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZShvdmVyd3JpdHRlblZhcnMpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
57
58
  }
58
59
  };
59
60
 
@@ -63,26 +64,23 @@ var _ref = process.env.NODE_ENV === "production" ? {
63
64
  } : {
64
65
  name: "1gb1goj-getBaseStyles",
65
66
  styles: "display:inline-flex;align-items:center;justify-content:center;label:getBaseStyles;",
67
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRPIiwiZmlsZSI6InNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxudHlwZSBURXh0ZW5kZWRUaGVtZSA9IHtcbiAgW2tleTogc3RyaW5nXTogc3RyaW5nO1xufSAmIFRoZW1lO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKG92ZXJ3cml0dGVuVmFyczogVEV4dGVuZGVkVGhlbWUpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKFxuICBwcm9wczogUGljazxUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsICdjb2xvcic+LFxuICBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lXG4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnkyNX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSAocHJvcHM6IFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IG92ZXJ3cml0dGVuVmFyczogVEV4dGVuZGVkVGhlbWUgPSB7XG4gICAgLi4udmFycyxcbiAgICAuLi50aGVtZSxcbiAgfTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcywgb3ZlcndyaXR0ZW5WYXJzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKG92ZXJ3cml0dGVuVmFycyksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */",
66
68
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
67
69
  };
68
70
 
69
71
  var getBaseStyles = function getBaseStyles(props, theme) {
70
- var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
72
+ var overwrittenVars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
71
73
 
72
74
  return [_ref, getColorStyle(props, overwrittenVars), getDisabledStyle(overwrittenVars)];
73
75
  }; // eslint-disable-next-line import/prefer-default-export
74
76
 
75
- function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
77
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
76
78
 
77
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
79
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
78
80
  var propsToOmit = ['type'];
79
81
 
80
82
  var SecondaryIconButton = function SecondaryIconButton(props) {
81
- if (!Boolean(props.as)) {
82
- process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onClick === 'function', 'SecondaryIconButton: "onClick" is required when "as" is not defined.') : void 0;
83
- }
84
-
85
- var buttonAttributes = _objectSpread$1(_objectSpread$1({}, utils.filterInvalidAttributes(omit__default['default'](props, propsToOmit))), {}, {
83
+ var buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
86
84
  'data-track-component': 'SecondaryIconButton',
87
85
  // if there is a divergence between `isDisabled` and `disabled`,
88
86
  // we fall back to `isDisabled`
@@ -90,25 +88,26 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
90
88
  });
91
89
 
92
90
  var theme = react.useTheme();
93
- return react.jsx(AccessibleButton__default['default'], {
91
+ return jsxRuntime.jsx(AccessibleButton__default["default"], {
94
92
  as: props.as,
95
93
  type: props.type,
96
94
  buttonAttributes: buttonAttributes,
97
95
  label: props.label,
98
96
  onClick: props.onClick,
99
97
  isDisabled: props.isDisabled,
100
- css: getBaseStyles(props, theme)
101
- }, props.icon);
98
+ css: getBaseStyles(props, theme),
99
+ children: props.icon
100
+ });
102
101
  };
103
102
 
104
103
  SecondaryIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
105
- as: _pt__default['default'].oneOfType([_pt__default['default'].string, _pt__default['default'].elementType]),
106
- type: _pt__default['default'].oneOf(['submit', 'reset', 'button']),
107
- icon: _pt__default['default'].element,
108
- color: _pt__default['default'].oneOf(['solid', 'primary']),
109
- label: _pt__default['default'].string.isRequired,
110
- isDisabled: _pt__default['default'].bool,
111
- onClick: _pt__default['default'].func
104
+ as: _pt__default["default"].any,
105
+ type: _pt__default["default"].oneOf(['submit', 'reset', 'button']),
106
+ icon: _pt__default["default"].element,
107
+ color: _pt__default["default"].oneOf(['solid', 'primary']),
108
+ label: _pt__default["default"].string.isRequired,
109
+ isDisabled: _pt__default["default"].bool,
110
+ onClick: _pt__default["default"].func
112
111
  } : {};
113
112
  SecondaryIconButton.displayName = 'SecondaryIconButton';
114
113
  SecondaryIconButton.defaultProps = {
@@ -116,9 +115,10 @@ SecondaryIconButton.defaultProps = {
116
115
  type: 'button',
117
116
  isDisabled: false
118
117
  };
118
+ var SecondaryIconButton$1 = SecondaryIconButton;
119
119
 
120
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
121
- var version = '12.2.1';
120
+ // NOTE: This string will be replaced on build time with the package version.
121
+ var version = "12.2.5";
122
122
 
123
- exports.default = SecondaryIconButton;
123
+ exports["default"] = SecondaryIconButton$1;
124
124
  exports.version = version;
package/dist/commercetools-uikit-secondary-icon-button.cjs.prod.js CHANGED
@@ -18,6 +18,7 @@ var omit = require('lodash/omit');
18
18
  var utils = require('@commercetools-uikit/utils');
19
19
  var AccessibleButton = require('@commercetools-uikit/accessible-button');
20
20
  var designSystem = require('@commercetools-uikit/design-system');
21
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
21
22
 
22
23
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
23
24
 
@@ -32,25 +33,25 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
32
33
  var omit__default = /*#__PURE__*/_interopDefault(omit);
33
34
  var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
34
35
 
35
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
36
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
36
37
 
37
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
38
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
38
39
 
39
40
  var getDisabledStyle = function getDisabledStyle(overwrittenVars) {
40
41
  /* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
41
- return /*#__PURE__*/react.css("&:disabled svg{fill:", overwrittenVars.colorNeutral60, ";}" + ("" ));
42
+ return /*#__PURE__*/react.css("&:disabled svg{fill:", overwrittenVars.colorNeutral60, ";}" + ("" ), "" );
42
43
  };
43
44
 
44
45
  var getColorStyle = function getColorStyle(props, overwrittenVars) {
45
46
  switch (props.color) {
46
47
  case 'solid':
47
- return /*#__PURE__*/react.css("& svg{fill:", overwrittenVars.colorSolid, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary, ";}" + ("" ));
48
+ return /*#__PURE__*/react.css("& svg{fill:", overwrittenVars.colorSolid, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary, ";}" + ("" ), "" );
48
49
 
49
50
  case 'primary':
50
- return /*#__PURE__*/react.css("& svg{fill:", overwrittenVars.colorPrimary, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary25, ";}" + ("" ));
51
+ return /*#__PURE__*/react.css("& svg{fill:", overwrittenVars.colorPrimary, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary25, ";}" + ("" ), "" );
51
52
 
52
53
  default:
53
- return /*#__PURE__*/react.css("svg{fill:", overwrittenVars.colorSolid, ";}" + ("" ));
54
+ return /*#__PURE__*/react.css("svg{fill:", overwrittenVars.colorSolid, ";}" + ("" ), "" );
54
55
  }
55
56
  };
56
57
 
@@ -60,20 +61,18 @@ var _ref = {
60
61
  } ;
61
62
 
62
63
  var getBaseStyles = function getBaseStyles(props, theme) {
63
- var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
64
+ var overwrittenVars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
64
65
 
65
66
  return [_ref, getColorStyle(props, overwrittenVars), getDisabledStyle(overwrittenVars)];
66
67
  }; // eslint-disable-next-line import/prefer-default-export
67
68
 
68
- function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
69
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
69
70
 
70
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
71
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
71
72
  var propsToOmit = ['type'];
72
73
 
73
74
  var SecondaryIconButton = function SecondaryIconButton(props) {
74
- if (!Boolean(props.as)) ;
75
-
76
- var buttonAttributes = _objectSpread$1(_objectSpread$1({}, utils.filterInvalidAttributes(omit__default['default'](props, propsToOmit))), {}, {
75
+ var buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
77
76
  'data-track-component': 'SecondaryIconButton',
78
77
  // if there is a divergence between `isDisabled` and `disabled`,
79
78
  // we fall back to `isDisabled`
@@ -81,15 +80,16 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
81
80
  });
82
81
 
83
82
  var theme = react.useTheme();
84
- return react.jsx(AccessibleButton__default['default'], {
83
+ return jsxRuntime.jsx(AccessibleButton__default["default"], {
85
84
  as: props.as,
86
85
  type: props.type,
87
86
  buttonAttributes: buttonAttributes,
88
87
  label: props.label,
89
88
  onClick: props.onClick,
90
89
  isDisabled: props.isDisabled,
91
- css: getBaseStyles(props, theme)
92
- }, props.icon);
90
+ css: getBaseStyles(props, theme),
91
+ children: props.icon
92
+ });
93
93
  };
94
94
 
95
95
  SecondaryIconButton.propTypes = {};
@@ -99,9 +99,10 @@ SecondaryIconButton.defaultProps = {
99
99
  type: 'button',
100
100
  isDisabled: false
101
101
  };
102
+ var SecondaryIconButton$1 = SecondaryIconButton;
102
103
 
103
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
104
- var version = '12.2.1';
104
+ // NOTE: This string will be replaced on build time with the package version.
105
+ var version = "12.2.5";
105
106
 
106
- exports.default = SecondaryIconButton;
107
+ exports["default"] = SecondaryIconButton$1;
107
108
  exports.version = version;
package/dist/commercetools-uikit-secondary-icon-button.esm.js CHANGED
@@ -9,33 +9,34 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import _pt from 'prop-types';
11
11
  import 'react';
12
- import { css, useTheme, jsx } from '@emotion/react';
12
+ import { css, useTheme } from '@emotion/react';
13
13
  import omit from 'lodash/omit';
14
- import { warning, filterInvalidAttributes } from '@commercetools-uikit/utils';
14
+ import { filterInvalidAttributes } from '@commercetools-uikit/utils';
15
15
  import AccessibleButton from '@commercetools-uikit/accessible-button';
16
16
  import { customProperties } from '@commercetools-uikit/design-system';
17
+ import { jsx } from '@emotion/react/jsx-runtime';
17
18
 
18
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
19
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
19
20
 
20
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
21
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
21
22
 
22
23
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
23
24
 
24
25
  var getDisabledStyle = function getDisabledStyle(overwrittenVars) {
25
26
  /* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
26
- return /*#__PURE__*/css("&:disabled svg{fill:", overwrittenVars.colorNeutral60, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDisabledStyle;"));
27
+ return /*#__PURE__*/css("&:disabled svg{fill:", overwrittenVars.colorNeutral60, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDisabledStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1kiLCJmaWxlIjoic2Vjb25kYXJ5LWljb24tYnV0dG9uLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVFNlY29uZGFyeUJ1dHRvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG50eXBlIFRFeHRlbmRlZFRoZW1lID0ge1xuICBba2V5OiBzdHJpbmddOiBzdHJpbmc7XG59ICYgVGhlbWU7XG5cbmNvbnN0IGdldERpc2FibGVkU3R5bGUgPSAob3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZSkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAoXG4gIHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgJ2NvbG9yJz4sXG4gIG92ZXJ3cml0dGVuVmFyczogVEV4dGVuZGVkVGhlbWVcbikgPT4ge1xuICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeTI1fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IChwcm9wczogVFNlY29uZGFyeUJ1dHRvblByb3BzLCB0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZSA9IHtcbiAgICAuLi52YXJzLFxuICAgIC4uLnRoZW1lLFxuICB9O1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzLCBvdmVyd3JpdHRlblZhcnMpLFxuICAgIGdldERpc2FibGVkU3R5bGUob3ZlcndyaXR0ZW5WYXJzKSxcbiAgXTtcbn07XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgeyBnZXRCYXNlU3R5bGVzIH07XG4iXX0= */");
27
28
  };
28
29
 
29
30
  var getColorStyle = function getColorStyle(props, overwrittenVars) {
30
31
  switch (props.color) {
31
32
  case 'solid':
32
- return /*#__PURE__*/css("& svg{fill:", overwrittenVars.colorSolid, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"));
33
+ return /*#__PURE__*/css("& svg{fill:", overwrittenVars.colorSolid, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9IChvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChcbiAgcHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvblByb3BzLCAnY29sb3InPixcbiAgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5MjV9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gKHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMsIG92ZXJ3cml0dGVuVmFycyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZShvdmVyd3JpdHRlblZhcnMpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
33
34
 
34
35
  case 'primary':
35
- return /*#__PURE__*/css("& svg{fill:", overwrittenVars.colorPrimary, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary25, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"));
36
+ return /*#__PURE__*/css("& svg{fill:", overwrittenVars.colorPrimary, ";}&:focus,&:hover svg{fill:", overwrittenVars.colorPrimary25, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9IChvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChcbiAgcHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvblByb3BzLCAnY29sb3InPixcbiAgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5MjV9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gKHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMsIG92ZXJ3cml0dGVuVmFycyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZShvdmVyd3JpdHRlblZhcnMpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
36
37
 
37
38
  default:
38
- return /*#__PURE__*/css("svg{fill:", overwrittenVars.colorSolid, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"));
39
+ return /*#__PURE__*/css("svg{fill:", overwrittenVars.colorSolid, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9IChvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChcbiAgcHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvblByb3BzLCAnY29sb3InPixcbiAgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5MjV9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gKHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMsIG92ZXJ3cml0dGVuVmFycyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZShvdmVyd3JpdHRlblZhcnMpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
39
40
  }
40
41
  };
41
42
 
@@ -45,26 +46,23 @@ var _ref = process.env.NODE_ENV === "production" ? {
45
46
  } : {
46
47
  name: "1gb1goj-getBaseStyles",
47
48
  styles: "display:inline-flex;align-items:center;justify-content:center;label:getBaseStyles;",
49
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRPIiwiZmlsZSI6InNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxudHlwZSBURXh0ZW5kZWRUaGVtZSA9IHtcbiAgW2tleTogc3RyaW5nXTogc3RyaW5nO1xufSAmIFRoZW1lO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKG92ZXJ3cml0dGVuVmFyczogVEV4dGVuZGVkVGhlbWUpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7b3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKFxuICBwcm9wczogUGljazxUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsICdjb2xvcic+LFxuICBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lXG4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke292ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnkyNX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSAocHJvcHM6IFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IG92ZXJ3cml0dGVuVmFyczogVEV4dGVuZGVkVGhlbWUgPSB7XG4gICAgLi4udmFycyxcbiAgICAuLi50aGVtZSxcbiAgfTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcywgb3ZlcndyaXR0ZW5WYXJzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKG92ZXJ3cml0dGVuVmFycyksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */",
48
50
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
49
51
  };
50
52
 
51
53
  var getBaseStyles = function getBaseStyles(props, theme) {
52
- var overwrittenVars = _objectSpread(_objectSpread({}, customProperties), theme);
54
+ var overwrittenVars = _objectSpread$1(_objectSpread$1({}, customProperties), theme);
53
55
 
54
56
  return [_ref, getColorStyle(props, overwrittenVars), getDisabledStyle(overwrittenVars)];
55
57
  }; // eslint-disable-next-line import/prefer-default-export
56
58
 
57
- function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
59
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
58
60
 
59
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
61
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
60
62
  var propsToOmit = ['type'];
61
63
 
62
64
  var SecondaryIconButton = function SecondaryIconButton(props) {
63
- if (!Boolean(props.as)) {
64
- process.env.NODE_ENV !== "production" ? warning(typeof props.onClick === 'function', 'SecondaryIconButton: "onClick" is required when "as" is not defined.') : void 0;
65
- }
66
-
67
- var buttonAttributes = _objectSpread$1(_objectSpread$1({}, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
65
+ var buttonAttributes = _objectSpread(_objectSpread({}, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
68
66
  'data-track-component': 'SecondaryIconButton',
69
67
  // if there is a divergence between `isDisabled` and `disabled`,
70
68
  // we fall back to `isDisabled`
@@ -79,12 +77,13 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
79
77
  label: props.label,
80
78
  onClick: props.onClick,
81
79
  isDisabled: props.isDisabled,
82
- css: getBaseStyles(props, theme)
83
- }, props.icon);
80
+ css: getBaseStyles(props, theme),
81
+ children: props.icon
82
+ });
84
83
  };
85
84
 
86
85
  SecondaryIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
87
- as: _pt.oneOfType([_pt.string, _pt.elementType]),
86
+ as: _pt.any,
88
87
  type: _pt.oneOf(['submit', 'reset', 'button']),
89
88
  icon: _pt.element,
90
89
  color: _pt.oneOf(['solid', 'primary']),
@@ -98,9 +97,9 @@ SecondaryIconButton.defaultProps = {
98
97
  type: 'button',
99
98
  isDisabled: false
100
99
  };
100
+ var SecondaryIconButton$1 = SecondaryIconButton;
101
101
 
102
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
103
- var version = '12.2.1';
102
+ // NOTE: This string will be replaced on build time with the package version.
103
+ var version = "12.2.5";
104
104
 
105
- export default SecondaryIconButton;
106
- export { version };
105
+ export { SecondaryIconButton$1 as default, version };
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { default } from './secondary-icon-button';
2
- export { default as version } from './version';
1
+ export { default } from './secondary-icon-button';
2
+ export { default as version } from './version';
package/dist/declarations/src/secondary-icon-button.d.ts CHANGED
@@ -1,20 +1,20 @@
1
- import React, { ComponentType, MouseEvent, KeyboardEvent } from 'react';
2
- export declare type TSecondaryButtonProps = {
3
- as?: string | ComponentType;
4
- type?: 'submit' | 'reset' | 'button';
5
- icon?: React.ReactElement;
6
- color?: 'solid' | 'primary';
7
- label: string;
8
- isDisabled?: boolean;
9
- onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
10
- };
11
- declare const SecondaryIconButton: {
12
- (props: TSecondaryButtonProps): JSX.Element;
13
- displayName: string;
14
- defaultProps: {
15
- color: string;
16
- type: string;
17
- isDisabled: boolean;
18
- };
19
- };
20
- export default SecondaryIconButton;
1
+ import { MouseEvent, KeyboardEvent, ElementType, ReactElement, ComponentPropsWithRef } from 'react';
2
+ export declare type TSecondaryButtonProps<TStringOrComponent extends ElementType = 'button'> = {
3
+ as?: TStringOrComponent;
4
+ type?: 'submit' | 'reset' | 'button';
5
+ icon?: ReactElement;
6
+ color?: 'solid' | 'primary';
7
+ label: string;
8
+ isDisabled?: boolean;
9
+ onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
10
+ } & ComponentPropsWithRef<TStringOrComponent>;
11
+ declare const SecondaryIconButton: {
12
+ <TStringOrComponent extends ElementType<any> = "button">(props: TSecondaryButtonProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
13
+ displayName: string;
14
+ defaultProps: {
15
+ color: string;
16
+ type: string;
17
+ isDisabled: boolean;
18
+ };
19
+ };
20
+ export default SecondaryIconButton;
package/dist/declarations/src/secondary-icon-button.styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { Theme } from '@emotion/react';
2
- import type { TSecondaryButtonProps } from './secondary-icon-button';
3
- declare const getBaseStyles: (props: TSecondaryButtonProps, theme: Theme) => import("@emotion/utils").SerializedStyles[];
4
- export { getBaseStyles };
1
+ import type { Theme } from '@emotion/react';
2
+ import type { TSecondaryButtonProps } from './secondary-icon-button';
3
+ declare const getBaseStyles: (props: TSecondaryButtonProps, theme: Theme) => import("@emotion/utils").SerializedStyles[];
4
+ export { getBaseStyles };
package/dist/declarations/src/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "12.2.1";
2
- export default _default;
1
+ declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
2
+ export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/secondary-icon-button",
3
3
  "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.",
4
- "version": "12.2.1",
4
+ "version": "12.2.5",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -9,30 +9,33 @@
9
9
  "directory": "packages/components/buttons/secondary-icon-button"
10
10
  },
11
11
  "homepage": "https://uikit.commercetools.com",
12
- "keywords": ["javascript", "design system", "react", "uikit"],
12
+ "keywords": [
13
+ "javascript",
14
+ "design system",
15
+ "react",
16
+ "uikit"
17
+ ],
13
18
  "license": "MIT",
14
- "private": false,
15
19
  "publishConfig": {
16
20
  "access": "public"
17
21
  },
18
22
  "sideEffects": false,
19
23
  "main": "dist/commercetools-uikit-secondary-icon-button.cjs.js",
20
24
  "module": "dist/commercetools-uikit-secondary-icon-button.esm.js",
21
- "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../../scripts/version.js replace"
24
- },
25
+ "files": [
26
+ "dist"
27
+ ],
25
28
  "dependencies": {
26
- "@babel/runtime": "7.14.6",
27
- "@babel/runtime-corejs3": "7.14.7",
28
- "@commercetools-uikit/accessible-button": "12.2.0",
29
- "@commercetools-uikit/design-system": "12.1.0",
30
- "@commercetools-uikit/spacings": "12.2.0",
31
- "@commercetools-uikit/text": "12.2.0",
32
- "@commercetools-uikit/utils": "12.2.0",
29
+ "@babel/runtime": "7.16.3",
30
+ "@babel/runtime-corejs3": "7.16.3",
31
+ "@commercetools-uikit/accessible-button": "12.2.5",
32
+ "@commercetools-uikit/design-system": "12.2.5",
33
+ "@commercetools-uikit/spacings": "12.2.5",
34
+ "@commercetools-uikit/text": "12.2.5",
35
+ "@commercetools-uikit/utils": "12.2.5",
33
36
  "@emotion/react": "^11.4.0",
34
37
  "@emotion/styled": "^11.3.0",
35
- "common-tags": "1.8.0",
38
+ "common-tags": "1.8.2",
36
39
  "lodash": "4.17.21",
37
40
  "prop-types": "15.7.2"
38
41
  },