@commercetools-uikit/flat-button 15.10.0 → 15.11.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/README.md +10 -10
- package/dist/commercetools-uikit-flat-button.cjs.dev.js +9 -6
- package/dist/commercetools-uikit-flat-button.cjs.prod.js +5 -2
- package/dist/commercetools-uikit-flat-button.esm.js +9 -6
- package/dist/declarations/src/flat-button.d.ts +1 -1
- package/dist/declarations/src/flat-button.styles.d.ts +1 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -48,16 +48,16 @@ export default Example;
|
|
|
48
48
|
|
|
49
49
|
## Properties
|
|
50
50
|
|
|
51
|
-
| Props | Type
|
|
52
|
-
| -------------- |
|
|
53
|
-
| `as` | `TStringOrComponent`
|
|
54
|
-
| `tone` | `union`<br/>Possible values:<br/>`'primary' , 'secondary' , 'inverted'` | | `'primary'` | Indicates the color scheme of the button. |
|
|
55
|
-
| `type` | `union`<br/>Possible values:<br/>`'submit' , 'reset' , 'button'`
|
|
56
|
-
| `label` | `string`
|
|
57
|
-
| `onClick` | `Function`<br/>[See signature.](#signature-onClick)
|
|
58
|
-
| `icon` | `ReactElement`
|
|
59
|
-
| `iconPosition` | `union`<br/>Possible values:<br/>`'left' , 'right'`
|
|
60
|
-
| `isDisabled` | `boolean`
|
|
51
|
+
| Props | Type | Required | Default | Description |
|
|
52
|
+
| -------------- | ------------------------------------------------------------------------------------ | :------: | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
53
|
+
| `as` | `TStringOrComponent` | | | You may pass in a string like "a" to have the button element render an anchor tag, or
you could pass in a React Component, like a `Link`.
<br />
The `<FlatButton>` additionally accepts any props or attributes specific to the given element or component. |
|
|
54
|
+
| `tone` | `union`<br/>Possible values:<br/>`'primary' , 'secondary' , 'inverted' , 'critical'` | | `'primary'` | Indicates the color scheme of the button. |
|
|
55
|
+
| `type` | `union`<br/>Possible values:<br/>`'submit' , 'reset' , 'button'` | | `'button'` | Used as the HTML `type` attribute. |
|
|
56
|
+
| `label` | `string` | ✅ | | Should describe what the button is for. |
|
|
57
|
+
| `onClick` | `Function`<br/>[See signature.](#signature-onClick) | | | Handler when the button is clicked. |
|
|
58
|
+
| `icon` | `ReactElement` | | | The icon of the button. |
|
|
59
|
+
| `iconPosition` | `union`<br/>Possible values:<br/>`'left' , 'right'` | | `'left'` | The position of the icon. |
|
|
60
|
+
| `isDisabled` | `boolean` | | `false` | Determines if the button is disabled.
<br />
Note that this influences the `tone` and `onClick` will not be triggered in this state. |
|
|
61
61
|
|
|
62
62
|
## Signatures
|
|
63
63
|
|
|
@@ -37,7 +37,7 @@ var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
|
37
37
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
38
38
|
|
|
39
39
|
var getButtonIconColor = function getButtonIconColor(props) {
|
|
40
|
-
if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';
|
|
40
|
+
if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';else if (props.tone === 'critical') return 'error';
|
|
41
41
|
return 'solid';
|
|
42
42
|
};
|
|
43
43
|
var getTextColor = function getTextColor(tone) {
|
|
@@ -54,6 +54,9 @@ var getTextColor = function getTextColor(tone) {
|
|
|
54
54
|
case 'inverted':
|
|
55
55
|
return designTokens.fontColorForTextWhenInverted;
|
|
56
56
|
|
|
57
|
+
case 'critical':
|
|
58
|
+
return isHover ? designTokens.colorError25 : designTokens.colorError;
|
|
59
|
+
|
|
57
60
|
default:
|
|
58
61
|
return 'inherit';
|
|
59
62
|
}
|
|
@@ -78,7 +81,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
78
81
|
} : {
|
|
79
82
|
name: "14vgzxd-ButtonIcon",
|
|
80
83
|
styles: "vertical-align:middle;label:ButtonIcon;",
|
|
81
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFREZXNpZ25Ub2tlbnMgPSB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/
|
|
84
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFREZXNpZ25Ub2tlbnMgPSB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCcgfCAnY3JpdGljYWwnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgICAgIH1cblxuICAgICAgICAkeyFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
|
|
82
85
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
83
86
|
};
|
|
84
87
|
|
|
@@ -102,7 +105,7 @@ var ButtonIcon = function ButtonIcon(props) {
|
|
|
102
105
|
|
|
103
106
|
ButtonIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
104
107
|
as: _pt__default["default"].any,
|
|
105
|
-
tone: _pt__default["default"].oneOf(['primary', 'secondary', 'inverted']),
|
|
108
|
+
tone: _pt__default["default"].oneOf(['primary', 'secondary', 'inverted', 'critical']),
|
|
106
109
|
type: _pt__default["default"].oneOf(['submit', 'reset', 'button']),
|
|
107
110
|
label: _pt__default["default"].string.isRequired,
|
|
108
111
|
onClick: _pt__default["default"].func,
|
|
@@ -129,7 +132,7 @@ var FlatButton = function FlatButton(props) {
|
|
|
129
132
|
label: props.label,
|
|
130
133
|
onClick: props.onClick,
|
|
131
134
|
isDisabled: props.isDisabled,
|
|
132
|
-
css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ? designSystem.designTokens.colorNeutral : getTextColor(props.tone, false, designSystem.designTokens), ";}svg *{fill:", props.isDisabled ? designSystem.designTokens.colorNeutral : getTextColor(props.tone, false, designSystem.designTokens), ";}*+span,*+svg{margin-left:", designSystem.designTokens.spacing10, ";}", !props.isDisabled ? _concatInstanceProperty__default["default"](_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, designSystem.designTokens), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, designSystem.designTokens), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/
|
|
135
|
+
css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ? designSystem.designTokens.colorNeutral : getTextColor(props.tone, false, designSystem.designTokens), ";}svg *{fill:", props.isDisabled ? designSystem.designTokens.colorNeutral : getTextColor(props.tone, false, designSystem.designTokens), ";}*+span,*+svg{margin-left:", designSystem.designTokens.spacing10, ";}", !props.isDisabled ? _concatInstanceProperty__default["default"](_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, designSystem.designTokens), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, designSystem.designTokens), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgaWNvbkNvbG9yID0gZ2V0QnV0dG9uSWNvbkNvbG9yKHByb3BzKTtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gICAgY29sb3I6IGljb25Db2xvcixcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */"),
|
|
133
136
|
buttonAttributes: buttonAttributes,
|
|
134
137
|
children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx("span", {
|
|
135
138
|
children: props.label
|
|
@@ -139,7 +142,7 @@ var FlatButton = function FlatButton(props) {
|
|
|
139
142
|
|
|
140
143
|
FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
141
144
|
as: _pt__default["default"].any,
|
|
142
|
-
tone: _pt__default["default"].oneOf(['primary', 'secondary', 'inverted']),
|
|
145
|
+
tone: _pt__default["default"].oneOf(['primary', 'secondary', 'inverted', 'critical']),
|
|
143
146
|
type: _pt__default["default"].oneOf(['submit', 'reset', 'button']),
|
|
144
147
|
label: _pt__default["default"].string.isRequired,
|
|
145
148
|
onClick: _pt__default["default"].func,
|
|
@@ -152,7 +155,7 @@ FlatButton.defaultProps = defaultProps;
|
|
|
152
155
|
var FlatButton$1 = FlatButton;
|
|
153
156
|
|
|
154
157
|
// NOTE: This string will be replaced on build time with the package version.
|
|
155
|
-
var version = "15.
|
|
158
|
+
var version = "15.11.0";
|
|
156
159
|
|
|
157
160
|
exports["default"] = FlatButton$1;
|
|
158
161
|
exports.version = version;
|
|
@@ -36,7 +36,7 @@ var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
|
36
36
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
37
37
|
|
|
38
38
|
var getButtonIconColor = function getButtonIconColor(props) {
|
|
39
|
-
if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';
|
|
39
|
+
if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';else if (props.tone === 'critical') return 'error';
|
|
40
40
|
return 'solid';
|
|
41
41
|
};
|
|
42
42
|
var getTextColor = function getTextColor(tone) {
|
|
@@ -53,6 +53,9 @@ var getTextColor = function getTextColor(tone) {
|
|
|
53
53
|
case 'inverted':
|
|
54
54
|
return designTokens.fontColorForTextWhenInverted;
|
|
55
55
|
|
|
56
|
+
case 'critical':
|
|
57
|
+
return isHover ? designTokens.colorError25 : designTokens.colorError;
|
|
58
|
+
|
|
56
59
|
default:
|
|
57
60
|
return 'inherit';
|
|
58
61
|
}
|
|
@@ -126,7 +129,7 @@ FlatButton.defaultProps = defaultProps;
|
|
|
126
129
|
var FlatButton$1 = FlatButton;
|
|
127
130
|
|
|
128
131
|
// NOTE: This string will be replaced on build time with the package version.
|
|
129
|
-
var version = "15.
|
|
132
|
+
var version = "15.11.0";
|
|
130
133
|
|
|
131
134
|
exports["default"] = FlatButton$1;
|
|
132
135
|
exports.version = version;
|
|
@@ -18,7 +18,7 @@ import AccessibleButton from '@commercetools-uikit/accessible-button';
|
|
|
18
18
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
19
19
|
|
|
20
20
|
var getButtonIconColor = function getButtonIconColor(props) {
|
|
21
|
-
if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';
|
|
21
|
+
if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';else if (props.tone === 'critical') return 'error';
|
|
22
22
|
return 'solid';
|
|
23
23
|
};
|
|
24
24
|
var getTextColor = function getTextColor(tone) {
|
|
@@ -35,6 +35,9 @@ var getTextColor = function getTextColor(tone) {
|
|
|
35
35
|
case 'inverted':
|
|
36
36
|
return designTokens.fontColorForTextWhenInverted;
|
|
37
37
|
|
|
38
|
+
case 'critical':
|
|
39
|
+
return isHover ? designTokens.colorError25 : designTokens.colorError;
|
|
40
|
+
|
|
38
41
|
default:
|
|
39
42
|
return 'inherit';
|
|
40
43
|
}
|
|
@@ -59,7 +62,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
59
62
|
} : {
|
|
60
63
|
name: "14vgzxd-ButtonIcon",
|
|
61
64
|
styles: "vertical-align:middle;label:ButtonIcon;",
|
|
62
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFREZXNpZ25Ub2tlbnMgPSB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/
|
|
65
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFREZXNpZ25Ub2tlbnMgPSB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCcgfCAnY3JpdGljYWwnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgICAgIH1cblxuICAgICAgICAkeyFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
|
|
63
66
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
64
67
|
};
|
|
65
68
|
|
|
@@ -83,7 +86,7 @@ var ButtonIcon = function ButtonIcon(props) {
|
|
|
83
86
|
|
|
84
87
|
ButtonIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
85
88
|
as: _pt.any,
|
|
86
|
-
tone: _pt.oneOf(['primary', 'secondary', 'inverted']),
|
|
89
|
+
tone: _pt.oneOf(['primary', 'secondary', 'inverted', 'critical']),
|
|
87
90
|
type: _pt.oneOf(['submit', 'reset', 'button']),
|
|
88
91
|
label: _pt.string.isRequired,
|
|
89
92
|
onClick: _pt.func,
|
|
@@ -110,7 +113,7 @@ var FlatButton = function FlatButton(props) {
|
|
|
110
113
|
label: props.label,
|
|
111
114
|
onClick: props.onClick,
|
|
112
115
|
isDisabled: props.isDisabled,
|
|
113
|
-
css: /*#__PURE__*/css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ? designTokens.colorNeutral : getTextColor(props.tone, false, designTokens), ";}svg *{fill:", props.isDisabled ? designTokens.colorNeutral : getTextColor(props.tone, false, designTokens), ";}*+span,*+svg{margin-left:", designTokens.spacing10, ";}", !props.isDisabled ? _concatInstanceProperty(_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, designTokens), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, designTokens), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/
|
|
116
|
+
css: /*#__PURE__*/css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ? designTokens.colorNeutral : getTextColor(props.tone, false, designTokens), ";}svg *{fill:", props.isDisabled ? designTokens.colorNeutral : getTextColor(props.tone, false, designTokens), ";}*+span,*+svg{margin-left:", designTokens.spacing10, ";}", !props.isDisabled ? _concatInstanceProperty(_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, designTokens), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, designTokens), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgaWNvbkNvbG9yID0gZ2V0QnV0dG9uSWNvbkNvbG9yKHByb3BzKTtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gICAgY29sb3I6IGljb25Db2xvcixcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */"),
|
|
114
117
|
buttonAttributes: buttonAttributes,
|
|
115
118
|
children: [props.icon && props.iconPosition === 'left' && jsx(ButtonIcon, _objectSpread({}, props)), jsx("span", {
|
|
116
119
|
children: props.label
|
|
@@ -120,7 +123,7 @@ var FlatButton = function FlatButton(props) {
|
|
|
120
123
|
|
|
121
124
|
FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
122
125
|
as: _pt.any,
|
|
123
|
-
tone: _pt.oneOf(['primary', 'secondary', 'inverted']),
|
|
126
|
+
tone: _pt.oneOf(['primary', 'secondary', 'inverted', 'critical']),
|
|
124
127
|
type: _pt.oneOf(['submit', 'reset', 'button']),
|
|
125
128
|
label: _pt.string.isRequired,
|
|
126
129
|
onClick: _pt.func,
|
|
@@ -133,6 +136,6 @@ FlatButton.defaultProps = defaultProps;
|
|
|
133
136
|
var FlatButton$1 = FlatButton;
|
|
134
137
|
|
|
135
138
|
// NOTE: This string will be replaced on build time with the package version.
|
|
136
|
-
var version = "15.
|
|
139
|
+
var version = "15.11.0";
|
|
137
140
|
|
|
138
141
|
export { FlatButton$1 as default, version };
|
|
@@ -3,7 +3,7 @@ import { designTokens } from '@commercetools-uikit/design-system';
|
|
|
3
3
|
export type TDesignTokens = typeof designTokens;
|
|
4
4
|
export type TFlatButtonProps<TStringOrComponent extends ElementType = 'button'> = {
|
|
5
5
|
as?: TStringOrComponent;
|
|
6
|
-
tone?: 'primary' | 'secondary' | 'inverted';
|
|
6
|
+
tone?: 'primary' | 'secondary' | 'inverted' | 'critical';
|
|
7
7
|
type?: 'submit' | 'reset' | 'button';
|
|
8
8
|
label: string;
|
|
9
9
|
onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { TFlatButtonProps, TDesignTokens } from './flat-button';
|
|
2
|
-
export declare const getButtonIconColor: (props: Pick<TFlatButtonProps, 'isDisabled' | 'tone'>) => "solid" | "primary" | "neutral60" | "surface";
|
|
2
|
+
export declare const getButtonIconColor: (props: Pick<TFlatButtonProps, 'isDisabled' | 'tone'>) => "solid" | "primary" | "neutral60" | "surface" | "error";
|
|
3
3
|
export declare const getTextColor: (tone: TFlatButtonProps['tone'], isHover: boolean | undefined, designTokens: TDesignTokens) => string;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/flat-button",
|
|
3
3
|
"description": "Flat buttons are minimal and a flat variation of primary and secondary buttons.",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.11.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-inline": "15.
|
|
27
|
-
"@commercetools-uikit/text": "15.
|
|
28
|
-
"@commercetools-uikit/utils": "15.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "15.11.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "15.11.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "15.11.0",
|
|
27
|
+
"@commercetools-uikit/text": "15.11.0",
|
|
28
|
+
"@commercetools-uikit/utils": "15.11.0",
|
|
29
29
|
"@emotion/react": "^11.4.0",
|
|
30
30
|
"@emotion/styled": "^11.3.0",
|
|
31
31
|
"lodash": "4.17.21",
|