@commercetools-uikit/secondary-icon-button 15.15.0 → 16.0.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.d.ts +1 -0
- package/dist/commercetools-uikit-secondary-icon-button.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-secondary-icon-button.cjs.dev.js +7 -7
- package/dist/commercetools-uikit-secondary-icon-button.cjs.prod.js +7 -7
- package/dist/commercetools-uikit-secondary-icon-button.esm.js +7 -7
- package/package.json +7 -7
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-secondary-icon-button.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -36,12 +36,12 @@ var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
|
36
36
|
|
|
37
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)."; }
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
const getDisabledStyle = () => {
|
|
40
40
|
/* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
|
|
41
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT1kiLCJmaWxlIjoic2Vjb25kYXJ5LWljb24tYnV0dG9uLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRWxlbWVudFR5cGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9ICgpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHMsICdjb2xvcic+KSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yU2Vjb25kYXJ5SWNvbkJ1dHRvbkFzUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclNlY29uZGFyeUljb25CdXR0b25Bc1ByaW1hcnlXaGVuSG92ZXJlZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZSgpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
|
|
42
42
|
};
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
const getColorStyle = props => {
|
|
45
45
|
switch (props.color) {
|
|
46
46
|
case 'solid':
|
|
47
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKCkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAocHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JTZWNvbmRhcnlJY29uQnV0dG9uQXNQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yU2Vjb25kYXJ5SWNvbkJ1dHRvbkFzUHJpbWFyeVdoZW5Ib3ZlcmVkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKCksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */");
|
|
@@ -64,17 +64,17 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
64
64
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
65
65
|
};
|
|
66
66
|
|
|
67
|
-
|
|
67
|
+
const getBaseStyles = props => {
|
|
68
68
|
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
69
69
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
70
70
|
|
|
71
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; }
|
|
72
72
|
|
|
73
73
|
function _objectSpread(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
74
|
-
|
|
74
|
+
const propsToOmit = ['type'];
|
|
75
75
|
|
|
76
|
-
|
|
77
|
-
|
|
76
|
+
const SecondaryIconButton = props => {
|
|
77
|
+
const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
78
78
|
'data-track-component': 'SecondaryIconButton',
|
|
79
79
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
80
80
|
// we fall back to `isDisabled`
|
|
@@ -115,7 +115,7 @@ SecondaryIconButton.defaultProps = {
|
|
|
115
115
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
116
116
|
|
|
117
117
|
// NOTE: This string will be replaced on build time with the package version.
|
|
118
|
-
var version = "
|
|
118
|
+
var version = "16.0.0";
|
|
119
119
|
|
|
120
120
|
exports["default"] = SecondaryIconButton$1;
|
|
121
121
|
exports.version = version;
|
|
@@ -33,12 +33,12 @@ 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
|
-
|
|
36
|
+
const getDisabledStyle = () => {
|
|
37
37
|
/* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
|
|
38
38
|
return /*#__PURE__*/react.css("&:disabled svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" );
|
|
39
39
|
};
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
const getColorStyle = props => {
|
|
42
42
|
switch (props.color) {
|
|
43
43
|
case 'solid':
|
|
44
44
|
return /*#__PURE__*/react.css("& svg{fill:", designSystem.designTokens.colorSolid, ";}&:focus,&:hover svg{fill:", designSystem.designTokens.colorPrimary, ";}" + ("" ), "" );
|
|
@@ -56,17 +56,17 @@ var _ref = {
|
|
|
56
56
|
styles: "display:inline-flex;align-items:center;justify-content:center"
|
|
57
57
|
} ;
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
const getBaseStyles = props => {
|
|
60
60
|
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
61
61
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
62
62
|
|
|
63
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; }
|
|
64
64
|
|
|
65
65
|
function _objectSpread(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
66
|
-
|
|
66
|
+
const propsToOmit = ['type'];
|
|
67
67
|
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
const SecondaryIconButton = props => {
|
|
69
|
+
const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
70
70
|
'data-track-component': 'SecondaryIconButton',
|
|
71
71
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
72
72
|
// we fall back to `isDisabled`
|
|
@@ -98,7 +98,7 @@ SecondaryIconButton.defaultProps = {
|
|
|
98
98
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
99
99
|
|
|
100
100
|
// NOTE: This string will be replaced on build time with the package version.
|
|
101
|
-
var version = "
|
|
101
|
+
var version = "16.0.0";
|
|
102
102
|
|
|
103
103
|
exports["default"] = SecondaryIconButton$1;
|
|
104
104
|
exports.version = version;
|
|
@@ -18,12 +18,12 @@ import { jsx } from '@emotion/react/jsx-runtime';
|
|
|
18
18
|
|
|
19
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)."; }
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
const getDisabledStyle = () => {
|
|
22
22
|
/* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
|
|
23
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT1kiLCJmaWxlIjoic2Vjb25kYXJ5LWljb24tYnV0dG9uLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRWxlbWVudFR5cGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wcyB9IGZyb20gJy4vc2Vjb25kYXJ5LWljb24tYnV0dG9uJztcblxuY29uc3QgZ2V0RGlzYWJsZWRTdHlsZSA9ICgpID0+IHtcbiAgLyogQnkgdXNpbmcgdGhlIGNzcyAnZGlzYWJsZWQnIHNlbGVjdG9yIGRpcmVjdGx5LCB3ZSBkb24ndCBuZWVkIGFkZGl0aW9uYWwgbG9naWMgdG8gY2hlY2sgdGhlIGlzRGlzYWJsZWQgcHJvcCAqL1xuICByZXR1cm4gY3NzYFxuICAgICY6ZGlzYWJsZWQgc3ZnIHtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICB9XG4gIGA7XG59O1xuXG5jb25zdCBnZXRDb2xvclN0eWxlID0gKHByb3BzOiBQaWNrPFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHMsICdjb2xvcic+KSA9PiB7XG4gIHN3aXRjaCAocHJvcHMuY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yU2Vjb25kYXJ5SWNvbkJ1dHRvbkFzUHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyxcbiAgICAgICAgJjpob3ZlciBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclNlY29uZGFyeUljb25CdXR0b25Bc1ByaW1hcnlXaGVuSG92ZXJlZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldEJhc2VTdHlsZXMgPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGAsXG4gICAgZ2V0Q29sb3JTdHlsZShwcm9wcyksXG4gICAgZ2V0RGlzYWJsZWRTdHlsZSgpLFxuICBdO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldEJhc2VTdHlsZXMgfTtcbiJdfQ== */");
|
|
24
24
|
};
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const getColorStyle = props => {
|
|
27
27
|
switch (props.color) {
|
|
28
28
|
case 'solid':
|
|
29
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKCkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAocHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JTZWNvbmRhcnlJY29uQnV0dG9uQXNQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yU2Vjb25kYXJ5SWNvbkJ1dHRvbkFzUHJpbWFyeVdoZW5Ib3ZlcmVkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKCksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */");
|
|
@@ -46,17 +46,17 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
46
46
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
const getBaseStyles = props => {
|
|
50
50
|
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
51
51
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
52
52
|
|
|
53
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; }
|
|
54
54
|
|
|
55
55
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
56
|
-
|
|
56
|
+
const propsToOmit = ['type'];
|
|
57
57
|
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
const SecondaryIconButton = props => {
|
|
59
|
+
const buttonAttributes = _objectSpread(_objectSpread({}, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
|
|
60
60
|
'data-track-component': 'SecondaryIconButton',
|
|
61
61
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
62
62
|
// we fall back to `isDisabled`
|
|
@@ -97,6 +97,6 @@ SecondaryIconButton.defaultProps = {
|
|
|
97
97
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
98
98
|
|
|
99
99
|
// NOTE: This string will be replaced on build time with the package version.
|
|
100
|
-
var version = "
|
|
100
|
+
var version = "16.0.0";
|
|
101
101
|
|
|
102
102
|
export { SecondaryIconButton$1 as default, version };
|
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": "
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "
|
|
25
|
-
"@commercetools-uikit/design-system": "
|
|
26
|
-
"@commercetools-uikit/spacings": "
|
|
27
|
-
"@commercetools-uikit/text": "
|
|
28
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/accessible-button": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.0.0",
|
|
26
|
+
"@commercetools-uikit/spacings": "16.0.0",
|
|
27
|
+
"@commercetools-uikit/text": "16.0.0",
|
|
28
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
29
29
|
"@emotion/react": "^11.10.5",
|
|
30
30
|
"@emotion/styled": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|
|
32
32
|
"prop-types": "15.8.1",
|
|
33
|
-
"react-intl": "^
|
|
33
|
+
"react-intl": "^6.3.2"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"react": "17.0.2"
|