@commercetools-uikit/secondary-icon-button 15.2.4 → 15.3.0
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.
- package/dist/commercetools-uikit-secondary-icon-button.cjs.dev.js +12 -19
- package/dist/commercetools-uikit-secondary-icon-button.cjs.prod.js +11 -18
- package/dist/commercetools-uikit-secondary-icon-button.esm.js +13 -20
- package/dist/declarations/src/secondary-icon-button.styles.d.ts +1 -2
- package/package.json +6 -6
|
@@ -13,10 +13,10 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
|
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _pt = require('prop-types');
|
|
15
15
|
require('react');
|
|
16
|
-
var react = require('@emotion/react');
|
|
17
16
|
var omit = require('lodash/omit');
|
|
18
17
|
var utils = require('@commercetools-uikit/utils');
|
|
19
18
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
19
|
+
var react = require('@emotion/react');
|
|
20
20
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
21
21
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
22
22
|
|
|
@@ -34,27 +34,23 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
|
34
34
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
35
35
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
36
36
|
|
|
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); 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; }
|
|
38
|
-
|
|
39
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
40
|
-
|
|
41
37
|
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)."; }
|
|
42
38
|
|
|
43
|
-
var getDisabledStyle = function getDisabledStyle(
|
|
39
|
+
var getDisabledStyle = function getDisabledStyle() {
|
|
44
40
|
/* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
|
|
45
|
-
return /*#__PURE__*/react.css("&:disabled svg{fill:",
|
|
41
|
+
return /*#__PURE__*/react.css("&:disabled svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDisabledStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoic2Vjb25kYXJ5LWljb24tYnV0dG9uLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbmNvbnN0IGdldERpc2FibGVkU3R5bGUgPSAoKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChwcm9wczogUGljazxUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsICdjb2xvcic+KSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjV9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gKHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMpLFxuICAgIGdldERpc2FibGVkU3R5bGUoKSxcbiAgXTtcbn07XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgeyBnZXRCYXNlU3R5bGVzIH07XG4iXX0= */");
|
|
46
42
|
};
|
|
47
43
|
|
|
48
|
-
var getColorStyle = function getColorStyle(props
|
|
44
|
+
var getColorStyle = function getColorStyle(props) {
|
|
49
45
|
switch (props.color) {
|
|
50
46
|
case 'solid':
|
|
51
|
-
return /*#__PURE__*/react.css("& svg{fill:",
|
|
47
|
+
return /*#__PURE__*/react.css("& svg{fill:", designSystem.designTokens.colorSolid, ";}&:focus,&:hover svg{fill:", designSystem.designTokens.colorPrimary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9ICgpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSAocHJvcHM6IFRTZWNvbmRhcnlCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZSgpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
|
|
52
48
|
|
|
53
49
|
case 'primary':
|
|
54
|
-
return /*#__PURE__*/react.css("& svg{fill:",
|
|
50
|
+
return /*#__PURE__*/react.css("& svg{fill:", designSystem.designTokens.colorPrimary, ";}&:focus,&:hover svg{fill:", designSystem.designTokens.colorPrimary25, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9ICgpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSAocHJvcHM6IFRTZWNvbmRhcnlCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZSgpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
|
|
55
51
|
|
|
56
52
|
default:
|
|
57
|
-
return /*#__PURE__*/react.css("svg{fill:",
|
|
53
|
+
return /*#__PURE__*/react.css("svg{fill:", designSystem.designTokens.colorSolid, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9ICgpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSAocHJvcHM6IFRTZWNvbmRhcnlCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZSgpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
|
|
58
54
|
}
|
|
59
55
|
};
|
|
60
56
|
|
|
@@ -64,14 +60,12 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
64
60
|
} : {
|
|
65
61
|
name: "1gb1goj-getBaseStyles",
|
|
66
62
|
styles: "display:inline-flex;align-items:center;justify-content:center;label:getBaseStyles;",
|
|
67
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
63
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENPIiwiZmlsZSI6InNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVFNlY29uZGFyeUJ1dHRvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKCkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAocHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvblByb3BzLCAnY29sb3InPikgPT4ge1xuICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTI1fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IChwcm9wczogVFNlY29uZGFyeUJ1dHRvblByb3BzKSA9PiB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKCksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */",
|
|
68
64
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
69
65
|
};
|
|
70
66
|
|
|
71
|
-
var getBaseStyles = function getBaseStyles(props
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
return [_ref, getColorStyle(props, overwrittenVars), getDisabledStyle(overwrittenVars)];
|
|
67
|
+
var getBaseStyles = function getBaseStyles(props) {
|
|
68
|
+
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
75
69
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
76
70
|
|
|
77
71
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
@@ -87,7 +81,6 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
|
|
|
87
81
|
disabled: props.isDisabled
|
|
88
82
|
});
|
|
89
83
|
|
|
90
|
-
var theme = react.useTheme();
|
|
91
84
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
92
85
|
as: props.as,
|
|
93
86
|
type: props.type,
|
|
@@ -95,7 +88,7 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
|
|
|
95
88
|
label: props.label,
|
|
96
89
|
onClick: props.onClick,
|
|
97
90
|
isDisabled: props.isDisabled,
|
|
98
|
-
css: getBaseStyles(props
|
|
91
|
+
css: getBaseStyles(props),
|
|
99
92
|
children: props.icon
|
|
100
93
|
});
|
|
101
94
|
};
|
|
@@ -118,7 +111,7 @@ SecondaryIconButton.defaultProps = {
|
|
|
118
111
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
119
112
|
|
|
120
113
|
// NOTE: This string will be replaced on build time with the package version.
|
|
121
|
-
var version = "15.
|
|
114
|
+
var version = "15.3.0";
|
|
122
115
|
|
|
123
116
|
exports["default"] = SecondaryIconButton$1;
|
|
124
117
|
exports.version = version;
|
|
@@ -13,10 +13,10 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
|
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
require('prop-types');
|
|
15
15
|
require('react');
|
|
16
|
-
var react = require('@emotion/react');
|
|
17
16
|
var omit = require('lodash/omit');
|
|
18
17
|
var utils = require('@commercetools-uikit/utils');
|
|
19
18
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
19
|
+
var react = require('@emotion/react');
|
|
20
20
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
21
21
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
22
22
|
|
|
@@ -33,25 +33,21 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
33
33
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
34
34
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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
|
-
var getDisabledStyle = function getDisabledStyle(overwrittenVars) {
|
|
36
|
+
var getDisabledStyle = function getDisabledStyle() {
|
|
41
37
|
/* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
|
|
42
|
-
return /*#__PURE__*/react.css("&:disabled svg{fill:",
|
|
38
|
+
return /*#__PURE__*/react.css("&:disabled svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" );
|
|
43
39
|
};
|
|
44
40
|
|
|
45
|
-
var getColorStyle = function getColorStyle(props
|
|
41
|
+
var getColorStyle = function getColorStyle(props) {
|
|
46
42
|
switch (props.color) {
|
|
47
43
|
case 'solid':
|
|
48
|
-
return /*#__PURE__*/react.css("& svg{fill:",
|
|
44
|
+
return /*#__PURE__*/react.css("& svg{fill:", designSystem.designTokens.colorSolid, ";}&:focus,&:hover svg{fill:", designSystem.designTokens.colorPrimary, ";}" + ("" ), "" );
|
|
49
45
|
|
|
50
46
|
case 'primary':
|
|
51
|
-
return /*#__PURE__*/react.css("& svg{fill:",
|
|
47
|
+
return /*#__PURE__*/react.css("& svg{fill:", designSystem.designTokens.colorPrimary, ";}&:focus,&:hover svg{fill:", designSystem.designTokens.colorPrimary25, ";}" + ("" ), "" );
|
|
52
48
|
|
|
53
49
|
default:
|
|
54
|
-
return /*#__PURE__*/react.css("svg{fill:",
|
|
50
|
+
return /*#__PURE__*/react.css("svg{fill:", designSystem.designTokens.colorSolid, ";}" + ("" ), "" );
|
|
55
51
|
}
|
|
56
52
|
};
|
|
57
53
|
|
|
@@ -60,10 +56,8 @@ var _ref = {
|
|
|
60
56
|
styles: "display:inline-flex;align-items:center;justify-content:center"
|
|
61
57
|
} ;
|
|
62
58
|
|
|
63
|
-
var getBaseStyles = function getBaseStyles(props
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
return [_ref, getColorStyle(props, overwrittenVars), getDisabledStyle(overwrittenVars)];
|
|
59
|
+
var getBaseStyles = function getBaseStyles(props) {
|
|
60
|
+
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
67
61
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
68
62
|
|
|
69
63
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
@@ -79,7 +73,6 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
|
|
|
79
73
|
disabled: props.isDisabled
|
|
80
74
|
});
|
|
81
75
|
|
|
82
|
-
var theme = react.useTheme();
|
|
83
76
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
84
77
|
as: props.as,
|
|
85
78
|
type: props.type,
|
|
@@ -87,7 +80,7 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
|
|
|
87
80
|
label: props.label,
|
|
88
81
|
onClick: props.onClick,
|
|
89
82
|
isDisabled: props.isDisabled,
|
|
90
|
-
css: getBaseStyles(props
|
|
83
|
+
css: getBaseStyles(props),
|
|
91
84
|
children: props.icon
|
|
92
85
|
});
|
|
93
86
|
};
|
|
@@ -102,7 +95,7 @@ SecondaryIconButton.defaultProps = {
|
|
|
102
95
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
103
96
|
|
|
104
97
|
// NOTE: This string will be replaced on build time with the package version.
|
|
105
|
-
var version = "15.
|
|
98
|
+
var version = "15.3.0";
|
|
106
99
|
|
|
107
100
|
exports["default"] = SecondaryIconButton$1;
|
|
108
101
|
exports.version = version;
|
|
@@ -9,34 +9,30 @@ 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 } from '@emotion/react';
|
|
13
12
|
import omit from 'lodash/omit';
|
|
14
13
|
import { filterInvalidAttributes } from '@commercetools-uikit/utils';
|
|
15
14
|
import AccessibleButton from '@commercetools-uikit/accessible-button';
|
|
16
|
-
import {
|
|
15
|
+
import { css } from '@emotion/react';
|
|
16
|
+
import { designTokens } from '@commercetools-uikit/design-system';
|
|
17
17
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
18
18
|
|
|
19
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
|
-
|
|
21
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
|
-
|
|
23
19
|
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)."; }
|
|
24
20
|
|
|
25
|
-
var getDisabledStyle = function getDisabledStyle(
|
|
21
|
+
var getDisabledStyle = function getDisabledStyle() {
|
|
26
22
|
/* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
|
|
27
|
-
return /*#__PURE__*/css("&:disabled svg{fill:",
|
|
23
|
+
return /*#__PURE__*/css("&:disabled svg{fill:", designTokens.colorNeutral60, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDisabledStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoic2Vjb25kYXJ5LWljb24tYnV0dG9uLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbmNvbnN0IGdldERpc2FibGVkU3R5bGUgPSAoKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChwcm9wczogUGljazxUU2Vjb25kYXJ5QnV0dG9uUHJvcHMsICdjb2xvcic+KSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjV9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gKHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMpLFxuICAgIGdldERpc2FibGVkU3R5bGUoKSxcbiAgXTtcbn07XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgeyBnZXRCYXNlU3R5bGVzIH07XG4iXX0= */");
|
|
28
24
|
};
|
|
29
25
|
|
|
30
|
-
var getColorStyle = function getColorStyle(props
|
|
26
|
+
var getColorStyle = function getColorStyle(props) {
|
|
31
27
|
switch (props.color) {
|
|
32
28
|
case 'solid':
|
|
33
|
-
return /*#__PURE__*/css("& svg{fill:",
|
|
29
|
+
return /*#__PURE__*/css("& svg{fill:", designTokens.colorSolid, ";}&:focus,&:hover svg{fill:", designTokens.colorPrimary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9ICgpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSAocHJvcHM6IFRTZWNvbmRhcnlCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZSgpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
|
|
34
30
|
|
|
35
31
|
case 'primary':
|
|
36
|
-
return /*#__PURE__*/css("& svg{fill:",
|
|
32
|
+
return /*#__PURE__*/css("& svg{fill:", designTokens.colorPrimary, ";}&:focus,&:hover svg{fill:", designTokens.colorPrimary25, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9ICgpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSAocHJvcHM6IFRTZWNvbmRhcnlCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZSgpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
|
|
37
33
|
|
|
38
34
|
default:
|
|
39
|
-
return /*#__PURE__*/css("svg{fill:",
|
|
35
|
+
return /*#__PURE__*/css("svg{fill:", designTokens.colorSolid, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9ICgpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnkyNX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSAocHJvcHM6IFRTZWNvbmRhcnlCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZSgpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
|
|
40
36
|
}
|
|
41
37
|
};
|
|
42
38
|
|
|
@@ -46,14 +42,12 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
46
42
|
} : {
|
|
47
43
|
name: "1gb1goj-getBaseStyles",
|
|
48
44
|
styles: "display:inline-flex;align-items:center;justify-content:center;label:getBaseStyles;",
|
|
49
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
45
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENPIiwiZmlsZSI6InNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVFNlY29uZGFyeUJ1dHRvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKCkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAocHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvblByb3BzLCAnY29sb3InPikgPT4ge1xuICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTI1fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IChwcm9wczogVFNlY29uZGFyeUJ1dHRvblByb3BzKSA9PiB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKCksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */",
|
|
50
46
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
51
47
|
};
|
|
52
48
|
|
|
53
|
-
var getBaseStyles = function getBaseStyles(props
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
return [_ref, getColorStyle(props, overwrittenVars), getDisabledStyle(overwrittenVars)];
|
|
49
|
+
var getBaseStyles = function getBaseStyles(props) {
|
|
50
|
+
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
57
51
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
58
52
|
|
|
59
53
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -69,7 +63,6 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
|
|
|
69
63
|
disabled: props.isDisabled
|
|
70
64
|
});
|
|
71
65
|
|
|
72
|
-
var theme = useTheme();
|
|
73
66
|
return jsx(AccessibleButton, {
|
|
74
67
|
as: props.as,
|
|
75
68
|
type: props.type,
|
|
@@ -77,7 +70,7 @@ var SecondaryIconButton = function SecondaryIconButton(props) {
|
|
|
77
70
|
label: props.label,
|
|
78
71
|
onClick: props.onClick,
|
|
79
72
|
isDisabled: props.isDisabled,
|
|
80
|
-
css: getBaseStyles(props
|
|
73
|
+
css: getBaseStyles(props),
|
|
81
74
|
children: props.icon
|
|
82
75
|
});
|
|
83
76
|
};
|
|
@@ -100,6 +93,6 @@ SecondaryIconButton.defaultProps = {
|
|
|
100
93
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
101
94
|
|
|
102
95
|
// NOTE: This string will be replaced on build time with the package version.
|
|
103
|
-
var version = "15.
|
|
96
|
+
var version = "15.3.0";
|
|
104
97
|
|
|
105
98
|
export { SecondaryIconButton$1 as default, version };
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { Theme } from '@emotion/react';
|
|
2
1
|
import type { TSecondaryButtonProps } from './secondary-icon-button';
|
|
3
|
-
declare const getBaseStyles: (props: TSecondaryButtonProps
|
|
2
|
+
declare const getBaseStyles: (props: TSecondaryButtonProps) => import("@emotion/utils").SerializedStyles[];
|
|
4
3
|
export { getBaseStyles };
|
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": "15.
|
|
4
|
+
"version": "15.3.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.19.0",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.19.1",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "15.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/spacings": "15.
|
|
27
|
-
"@commercetools-uikit/text": "15.
|
|
28
|
-
"@commercetools-uikit/utils": "15.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "15.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "15.3.0",
|
|
26
|
+
"@commercetools-uikit/spacings": "15.3.0",
|
|
27
|
+
"@commercetools-uikit/text": "15.3.0",
|
|
28
|
+
"@commercetools-uikit/utils": "15.3.0",
|
|
29
29
|
"@emotion/react": "^11.4.0",
|
|
30
30
|
"@emotion/styled": "^11.3.0",
|
|
31
31
|
"lodash": "4.17.21",
|