@commercetools-uikit/secondary-icon-button 16.0.0 → 16.1.1
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.
|
@@ -35,25 +35,20 @@ var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
|
35
35
|
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
|
-
|
|
39
38
|
const getDisabledStyle = () => {
|
|
40
39
|
/* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
|
|
41
40
|
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
41
|
};
|
|
43
|
-
|
|
44
42
|
const getColorStyle = props => {
|
|
45
43
|
switch (props.color) {
|
|
46
44
|
case 'solid':
|
|
47
45
|
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 */");
|
|
48
|
-
|
|
49
46
|
case 'primary':
|
|
50
47
|
return /*#__PURE__*/react.css("& svg{fill:", designSystem.designTokens.fontColorForSecondaryIconButtonAsPrimary, ";}&:focus,&:hover svg{fill:", designSystem.designTokens.fontColorForSecondaryIconButtonAsPrimaryWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKCkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAocHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JTZWNvbmRhcnlJY29uQnV0dG9uQXNQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yU2Vjb25kYXJ5SWNvbkJ1dHRvbkFzUHJpbWFyeVdoZW5Ib3ZlcmVkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKCksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */");
|
|
51
|
-
|
|
52
48
|
default:
|
|
53
49
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKCkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAocHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JTZWNvbmRhcnlJY29uQnV0dG9uQXNQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yU2Vjb25kYXJ5SWNvbkJ1dHRvbkFzUHJpbWFyeVdoZW5Ib3ZlcmVkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKCksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */");
|
|
54
50
|
}
|
|
55
51
|
};
|
|
56
|
-
|
|
57
52
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
58
53
|
name: "pl708y",
|
|
59
54
|
styles: "display:inline-flex;align-items:center;justify-content:center"
|
|
@@ -63,16 +58,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
63
58
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURPIiwiZmlsZSI6InNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEVsZW1lbnRUeXBlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbmNvbnN0IGdldERpc2FibGVkU3R5bGUgPSAoKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChwcm9wczogUGljazxUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzLCAnY29sb3InPikgPT4ge1xuICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclNlY29uZGFyeUljb25CdXR0b25Bc1ByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JTZWNvbmRhcnlJY29uQnV0dG9uQXNQcmltYXJ5V2hlbkhvdmVyZWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMpLFxuICAgIGdldERpc2FibGVkU3R5bGUoKSxcbiAgXTtcbn07XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgeyBnZXRCYXNlU3R5bGVzIH07XG4iXX0= */",
|
|
64
59
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
65
60
|
};
|
|
66
|
-
|
|
67
61
|
const getBaseStyles = props => {
|
|
68
62
|
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
69
|
-
};
|
|
63
|
+
};
|
|
70
64
|
|
|
71
65
|
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
|
-
|
|
73
66
|
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
67
|
const propsToOmit = ['type'];
|
|
75
|
-
|
|
76
68
|
const SecondaryIconButton = props => {
|
|
77
69
|
const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
78
70
|
'data-track-component': 'SecondaryIconButton',
|
|
@@ -80,7 +72,6 @@ const SecondaryIconButton = props => {
|
|
|
80
72
|
// we fall back to `isDisabled`
|
|
81
73
|
disabled: props.isDisabled
|
|
82
74
|
});
|
|
83
|
-
|
|
84
75
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
85
76
|
as: props.as,
|
|
86
77
|
type: props.type,
|
|
@@ -94,7 +85,6 @@ const SecondaryIconButton = props => {
|
|
|
94
85
|
})
|
|
95
86
|
});
|
|
96
87
|
};
|
|
97
|
-
|
|
98
88
|
SecondaryIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
99
89
|
as: _pt__default["default"].any,
|
|
100
90
|
type: _pt__default["default"].oneOf(['submit', 'reset', 'button']),
|
|
@@ -115,7 +105,7 @@ SecondaryIconButton.defaultProps = {
|
|
|
115
105
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
116
106
|
|
|
117
107
|
// NOTE: This string will be replaced on build time with the package version.
|
|
118
|
-
var version = "16.
|
|
108
|
+
var version = "16.1.1";
|
|
119
109
|
|
|
120
110
|
exports["default"] = SecondaryIconButton$1;
|
|
121
111
|
exports.version = version;
|
|
@@ -37,34 +37,27 @@ 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
|
-
|
|
41
40
|
const getColorStyle = props => {
|
|
42
41
|
switch (props.color) {
|
|
43
42
|
case 'solid':
|
|
44
43
|
return /*#__PURE__*/react.css("& svg{fill:", designSystem.designTokens.colorSolid, ";}&:focus,&:hover svg{fill:", designSystem.designTokens.colorPrimary, ";}" + ("" ), "" );
|
|
45
|
-
|
|
46
44
|
case 'primary':
|
|
47
45
|
return /*#__PURE__*/react.css("& svg{fill:", designSystem.designTokens.fontColorForSecondaryIconButtonAsPrimary, ";}&:focus,&:hover svg{fill:", designSystem.designTokens.fontColorForSecondaryIconButtonAsPrimaryWhenHovered, ";}" + ("" ), "" );
|
|
48
|
-
|
|
49
46
|
default:
|
|
50
47
|
return /*#__PURE__*/react.css("svg{fill:", designSystem.designTokens.colorSolid, ";}" + ("" ), "" );
|
|
51
48
|
}
|
|
52
49
|
};
|
|
53
|
-
|
|
54
50
|
var _ref = {
|
|
55
51
|
name: "pl708y",
|
|
56
52
|
styles: "display:inline-flex;align-items:center;justify-content:center"
|
|
57
53
|
} ;
|
|
58
|
-
|
|
59
54
|
const getBaseStyles = props => {
|
|
60
55
|
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
61
|
-
};
|
|
56
|
+
};
|
|
62
57
|
|
|
63
58
|
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
|
-
|
|
65
59
|
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
60
|
const propsToOmit = ['type'];
|
|
67
|
-
|
|
68
61
|
const SecondaryIconButton = props => {
|
|
69
62
|
const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
70
63
|
'data-track-component': 'SecondaryIconButton',
|
|
@@ -72,7 +65,6 @@ const SecondaryIconButton = props => {
|
|
|
72
65
|
// we fall back to `isDisabled`
|
|
73
66
|
disabled: props.isDisabled
|
|
74
67
|
});
|
|
75
|
-
|
|
76
68
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
77
69
|
as: props.as,
|
|
78
70
|
type: props.type,
|
|
@@ -86,7 +78,6 @@ const SecondaryIconButton = props => {
|
|
|
86
78
|
})
|
|
87
79
|
});
|
|
88
80
|
};
|
|
89
|
-
|
|
90
81
|
SecondaryIconButton.propTypes = {};
|
|
91
82
|
SecondaryIconButton.displayName = 'SecondaryIconButton';
|
|
92
83
|
SecondaryIconButton.defaultProps = {
|
|
@@ -98,7 +89,7 @@ SecondaryIconButton.defaultProps = {
|
|
|
98
89
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
99
90
|
|
|
100
91
|
// NOTE: This string will be replaced on build time with the package version.
|
|
101
|
-
var version = "16.
|
|
92
|
+
var version = "16.1.1";
|
|
102
93
|
|
|
103
94
|
exports["default"] = SecondaryIconButton$1;
|
|
104
95
|
exports.version = version;
|
|
@@ -17,25 +17,20 @@ import { designTokens } from '@commercetools-uikit/design-system';
|
|
|
17
17
|
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
|
-
|
|
21
20
|
const getDisabledStyle = () => {
|
|
22
21
|
/* By using the css 'disabled' selector directly, we don't need additional logic to check the isDisabled prop */
|
|
23
22
|
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
23
|
};
|
|
25
|
-
|
|
26
24
|
const getColorStyle = props => {
|
|
27
25
|
switch (props.color) {
|
|
28
26
|
case 'solid':
|
|
29
27
|
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 */");
|
|
30
|
-
|
|
31
28
|
case 'primary':
|
|
32
29
|
return /*#__PURE__*/css("& svg{fill:", designTokens.fontColorForSecondaryIconButtonAsPrimary, ";}&:focus,&:hover svg{fill:", designTokens.fontColorForSecondaryIconButtonAsPrimaryWhenHovered, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getColorStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKCkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAocHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JTZWNvbmRhcnlJY29uQnV0dG9uQXNQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yU2Vjb25kYXJ5SWNvbkJ1dHRvbkFzUHJpbWFyeVdoZW5Ib3ZlcmVkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKCksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */");
|
|
33
|
-
|
|
34
30
|
default:
|
|
35
31
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNnQiIsImZpbGUiOiJzZWNvbmRhcnktaWNvbi1idXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzIH0gZnJvbSAnLi9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuXG5jb25zdCBnZXREaXNhYmxlZFN0eWxlID0gKCkgPT4ge1xuICAvKiBCeSB1c2luZyB0aGUgY3NzICdkaXNhYmxlZCcgc2VsZWN0b3IgZGlyZWN0bHksIHdlIGRvbid0IG5lZWQgYWRkaXRpb25hbCBsb2dpYyB0byBjaGVjayB0aGUgaXNEaXNhYmxlZCBwcm9wICovXG4gIHJldHVybiBjc3NgXG4gICAgJjpkaXNhYmxlZCBzdmcge1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgYDtcbn07XG5cbmNvbnN0IGdldENvbG9yU3R5bGUgPSAocHJvcHM6IFBpY2s8VFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wcywgJ2NvbG9yJz4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JTZWNvbmRhcnlJY29uQnV0dG9uQXNQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yU2Vjb25kYXJ5SWNvbkJ1dHRvbkFzUHJpbWFyeVdoZW5Ib3ZlcmVkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0QmFzZVN0eWxlcyA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYCxcbiAgICBnZXRDb2xvclN0eWxlKHByb3BzKSxcbiAgICBnZXREaXNhYmxlZFN0eWxlKCksXG4gIF07XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0QmFzZVN0eWxlcyB9O1xuIl19 */");
|
|
36
32
|
}
|
|
37
33
|
};
|
|
38
|
-
|
|
39
34
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
40
35
|
name: "pl708y",
|
|
41
36
|
styles: "display:inline-flex;align-items:center;justify-content:center"
|
|
@@ -45,16 +40,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
45
40
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURPIiwiZmlsZSI6InNlY29uZGFyeS1pY29uLWJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEVsZW1lbnRUeXBlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHMgfSBmcm9tICcuL3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5cbmNvbnN0IGdldERpc2FibGVkU3R5bGUgPSAoKSA9PiB7XG4gIC8qIEJ5IHVzaW5nIHRoZSBjc3MgJ2Rpc2FibGVkJyBzZWxlY3RvciBkaXJlY3RseSwgd2UgZG9uJ3QgbmVlZCBhZGRpdGlvbmFsIGxvZ2ljIHRvIGNoZWNrIHRoZSBpc0Rpc2FibGVkIHByb3AgKi9cbiAgcmV0dXJuIGNzc2BcbiAgICAmOmRpc2FibGVkIHN2ZyB7XG4gICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MH07XG4gICAgfVxuICBgO1xufTtcblxuY29uc3QgZ2V0Q29sb3JTdHlsZSA9IChwcm9wczogUGljazxUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzLCAnY29sb3InPikgPT4ge1xuICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclNlY29uZGFyeUljb25CdXR0b25Bc1ByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6aG92ZXIgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JTZWNvbmRhcnlJY29uQnV0dG9uQXNQcmltYXJ5V2hlbkhvdmVyZWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICB9XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRCYXNlU3R5bGVzID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBgLFxuICAgIGdldENvbG9yU3R5bGUocHJvcHMpLFxuICAgIGdldERpc2FibGVkU3R5bGUoKSxcbiAgXTtcbn07XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgeyBnZXRCYXNlU3R5bGVzIH07XG4iXX0= */",
|
|
46
41
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
47
42
|
};
|
|
48
|
-
|
|
49
43
|
const getBaseStyles = props => {
|
|
50
44
|
return [_ref, getColorStyle(props), getDisabledStyle()];
|
|
51
|
-
};
|
|
45
|
+
};
|
|
52
46
|
|
|
53
47
|
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
|
-
|
|
55
48
|
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
49
|
const propsToOmit = ['type'];
|
|
57
|
-
|
|
58
50
|
const SecondaryIconButton = props => {
|
|
59
51
|
const buttonAttributes = _objectSpread(_objectSpread({}, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
|
|
60
52
|
'data-track-component': 'SecondaryIconButton',
|
|
@@ -62,7 +54,6 @@ const SecondaryIconButton = props => {
|
|
|
62
54
|
// we fall back to `isDisabled`
|
|
63
55
|
disabled: props.isDisabled
|
|
64
56
|
});
|
|
65
|
-
|
|
66
57
|
return jsx(AccessibleButton, {
|
|
67
58
|
as: props.as,
|
|
68
59
|
type: props.type,
|
|
@@ -76,7 +67,6 @@ const SecondaryIconButton = props => {
|
|
|
76
67
|
})
|
|
77
68
|
});
|
|
78
69
|
};
|
|
79
|
-
|
|
80
70
|
SecondaryIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
81
71
|
as: _pt.any,
|
|
82
72
|
type: _pt.oneOf(['submit', 'reset', 'button']),
|
|
@@ -97,6 +87,6 @@ SecondaryIconButton.defaultProps = {
|
|
|
97
87
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
98
88
|
|
|
99
89
|
// NOTE: This string will be replaced on build time with the package version.
|
|
100
|
-
var version = "16.
|
|
90
|
+
var version = "16.1.1";
|
|
101
91
|
|
|
102
92
|
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": "16.
|
|
4
|
+
"version": "16.1.1",
|
|
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.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "16.
|
|
25
|
-
"@commercetools-uikit/design-system": "16.
|
|
26
|
-
"@commercetools-uikit/spacings": "16.
|
|
27
|
-
"@commercetools-uikit/text": "16.
|
|
28
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "16.1.1",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.1.1",
|
|
26
|
+
"@commercetools-uikit/spacings": "16.1.1",
|
|
27
|
+
"@commercetools-uikit/text": "16.1.1",
|
|
28
|
+
"@commercetools-uikit/utils": "16.1.1",
|
|
29
29
|
"@emotion/react": "^11.10.5",
|
|
30
30
|
"@emotion/styled": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|