@commercetools-uikit/primary-button 19.25.1 → 20.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/README.md +1 -1
- package/dist/commercetools-uikit-primary-button.cjs.dev.js +2 -17
- package/dist/commercetools-uikit-primary-button.cjs.prod.js +1 -3
- package/dist/commercetools-uikit-primary-button.esm.js +2 -16
- package/dist/declarations/src/export-types.d.ts +1 -0
- package/dist/declarations/src/primary-button.d.ts +4 -3
- package/package.json +9 -10
package/README.md
CHANGED
|
@@ -53,7 +53,7 @@ export default Example;
|
|
|
53
53
|
| `type` | `union`<br/>Possible values:<br/>`'button' , 'reset' , 'submit'` | | `'button'` | Used as the HTML type attribute. |
|
|
54
54
|
| `label` | `string` | ✅ | | Should describe what the button does, for accessibility purposes (screen-reader users) |
|
|
55
55
|
| `iconLeft` | `ReactElement` | | | The left icon displayed within the button. |
|
|
56
|
-
| `iconRight` | `ReactElement` | | | The right icon displayed within the
|
|
56
|
+
| `iconRight` | `ReactElement` | | | The right icon displayed within the . |
|
|
57
57
|
| `isToggleButton` | `boolean` | | `false` | If this is active, it means the button will persist in an "active" state when toggled (see `isToggled`), and back to normal state when untoggled |
|
|
58
58
|
| `isToggled` | `boolean` | | | Tells when the button should present a toggled state. It does not have any effect when `isToggleButton` is `false`. |
|
|
59
59
|
| `isDisabled` | `boolean` | | | Tells when the button should present a disabled state. |
|
|
@@ -11,7 +11,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
11
11
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
12
12
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
13
13
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
|
-
var _pt = require('prop-types');
|
|
15
14
|
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
16
15
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
17
16
|
var react$1 = require('react');
|
|
@@ -32,7 +31,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
32
31
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
33
32
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
34
33
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
35
|
-
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
36
34
|
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
37
35
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
38
36
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
@@ -147,7 +145,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
147
145
|
styles: "display:flex;align-items:center;justify-content:center"
|
|
148
146
|
} : {
|
|
149
147
|
name: "17kup4k-PositionedIcon",
|
|
150
|
-
styles: "display:flex;align-items:center;justify-content:center;label:PositionedIcon;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
148
|
+
styles: "display:flex;align-items:center;justify-content:center;label:PositionedIcon;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByaW1hcnktYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRGMiLCJmaWxlIjoicHJpbWFyeS1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgY2xvbmVFbGVtZW50LFxuICBNb3VzZUV2ZW50LFxuICBLZXlib2FyZEV2ZW50LFxuICBFbGVtZW50VHlwZSxcbiAgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGUgVEljb25Qcm9wcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuaW1wb3J0IHtcbiAgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMsXG4gIHVzZVdhcm5pbmcsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vcHJpbWFyeS1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBVc2Ugc2l6ZXMgZnJvbSBgVFNpemVzYCBpbnN0ZWFkLlxuICovXG50eXBlIFRMZWdhY3lTaXplcyA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnO1xuXG4vKipcbiAqIEF2YWlsYWJsZSBzaXplcyBmb3IgdGhlIFByaW1hcnlCdXR0b24uXG4gKi9cbnR5cGUgVFNpemVzID0gJzEwJyB8ICcyMCc7XG5cbi8qKlxuICogTWFwcGluZyBvZiBsZWdhY3kgc2l6ZXMgdG8gbmV3IHNpemVzLlxuICovXG5jb25zdCBzaXplTWFwcGluZzogUmVjb3JkPFRMZWdhY3lTaXplcywgVFNpemVzPiA9IHtcbiAgc21hbGw6ICcxMCcsXG4gIG1lZGl1bTogJzEwJyxcbiAgYmlnOiAnMjAnLFxufTtcblxuY29uc3QgUG9zaXRpb25lZEljb24gPSAoe1xuICBpY29uLFxuICBzaXplLFxuICBpc0Rpc2FibGVkLFxufToge1xuICBpY29uOiBUUHJpbWFyeUJ1dHRvblByb3BzWydpY29uUmlnaHQnXSB8IFRQcmltYXJ5QnV0dG9uUHJvcHNbJ2ljb25MZWZ0J107XG4gIHNpemU6IFRQcmltYXJ5QnV0dG9uUHJvcHNbJ3NpemUnXTtcbiAgaXNEaXNhYmxlZDogVFByaW1hcnlCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddO1xufSkgPT4ge1xuICBpZiAoIWljb24pIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjbG9uZUVsZW1lbnQoaWNvbiwge1xuICAgICAgICBjb2xvcjogaXNEaXNhYmxlZCA/ICduZXV0cmFsNjAnIDogJ3N1cmZhY2UnLFxuICAgICAgICBzaXplOiBzaXplID09PSAnYmlnJyB8fCBzaXplID09PSAnMjAnID8gJzQwJyA6ICcyMCcsXG4gICAgICB9KX1cbiAgICA8L3NwYW4+XG4gICk7XG59O1xuXG5leHBvcnQgdHlwZSBUUHJpbWFyeUJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8UHJpbWFyeUJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCB0eXBlIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnYnV0dG9uJyB8ICdyZXNldCcgfCAnc3VibWl0JztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gZG9lcywgZm9yIGFjY2Vzc2liaWxpdHkgcHVycG9zZXMgKHNjcmVlbi1yZWFkZXIgdXNlcnMpXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGxlZnQgaWNvbiBkaXNwbGF5ZWQgd2l0aGluIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uTGVmdD86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbiAgLyoqXG4gICAqIFRoZSByaWdodCBpY29uIGRpc3BsYXllZCB3aXRoaW4gdGhlIC5cbiAgICovXG4gIGljb25SaWdodD86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbiAgLyoqXG4gICAqIElmIHRoaXMgaXMgYWN0aXZlLCBpdCBtZWFucyB0aGUgYnV0dG9uIHdpbGwgcGVyc2lzdCBpbiBhbiBcImFjdGl2ZVwiIHN0YXRlIHdoZW4gdG9nZ2xlZCAoc2VlIGBpc1RvZ2dsZWRgKSwgYW5kIGJhY2sgdG8gbm9ybWFsIHN0YXRlIHdoZW4gdW50b2dnbGVkXG4gICAqL1xuICBpc1RvZ2dsZUJ1dHRvbj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUZWxscyB3aGVuIHRoZSBidXR0b24gc2hvdWxkIHByZXNlbnQgYSB0b2dnbGVkIHN0YXRlLiBJdCBkb2VzIG5vdCBoYXZlIGFueSBlZmZlY3Qgd2hlbiBgaXNUb2dnbGVCdXR0b25gIGlzIGBmYWxzZWAuXG4gICAqL1xuICBpc1RvZ2dsZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogVGVsbHMgd2hlbiB0aGUgYnV0dG9uIHNob3VsZCBwcmVzZW50IGEgZGlzYWJsZWQgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCB3aGVuIGBhc2AgaXMgYHVuZGVmaW5lZGBcbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogU2V0cyB0aGUgc2l6ZSBvZiB0aGUgYnV0dG9uLlxuICAgKiA8YnIgLz5cbiAgICogYHNtYWxsYCwgYG1lZGl1bWAsIGFuZCBgYmlnYCBhcmUgZGVwcmVjYXRlZC4gVXNlIGAxMGAsIGAyMGAsIGluc3RlYWQuXG4gICAqL1xuICBzaXplPzogVExlZ2FjeVNpemVzIHwgVFNpemVzO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAndXJnZW50JyB8ICdwcmltYXJ5JyB8ICdjcml0aWNhbCc7XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPFByaW1hcnlCdXR0b24+YDogPFByaW1hcnlCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IFByaW1hcnlCdXR0b24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oe1xuICB0eXBlID0gJ2J1dHRvbicsXG4gIHNpemUgPSAnMjAnLFxuICBpc1RvZ2dsZUJ1dHRvbiA9IGZhbHNlLFxuICB0b25lID0gJ3ByaW1hcnknLFxuICAuLi5wcm9wc1xufTogVFByaW1hcnlCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+KSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ1ByaW1hcnlCdXR0b24nLFxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKFxuICAgICAgb21pdChcbiAgICAgICAge1xuICAgICAgICAgIHR5cGUsXG4gICAgICAgICAgc2l6ZSxcbiAgICAgICAgICBpc1RvZ2dsZUJ1dHRvbixcbiAgICAgICAgICB0b25lLFxuICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICB9LFxuICAgICAgICBwcm9wc1RvT21pdFxuICAgICAgKVxuICAgICksXG4gICAgLy8gaWYgdGhlcmUgaXMgYSBkaXZlcmdlbmNlIGJldHdlZW4gYGlzRGlzYWJsZWRgIGFuZCBgZGlzYWJsZWRgLFxuICAgIC8vIHdlIGZhbGwgYmFjayB0byBgaXNEaXNhYmxlZGBcbiAgICBkaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgfTtcblxuICB1c2VXYXJuaW5nKFxuICAgICFCb29sZWFuKE9iamVjdC5rZXlzKHNpemVNYXBwaW5nKS5pbmRleE9mKHNpemUpID4gLTEpLFxuICAgIGBQcmltYXJ5QnV0dG9uICcke3NpemV9JyB2YWx1ZSBmb3IgJ3NpemUnIHByb3BlcnR5IGhhcyBiZWVuIGRlcHJlY2F0ZWQgaW4gZmF2b3Igb2YgJyR7XG4gICAgICBzaXplTWFwcGluZ1tzaXplIGFzIFRMZWdhY3lTaXplc11cbiAgICB9JyBQbGVhc2UgdXBkYXRlIHRoYXQgdmFsdWUgd2hlbiB1c2luZyB0aGlzIGNvbXBvbmVudGBcbiAgKTtcblxuICBjb25zdCBpc0FjdGl2ZSA9IEJvb2xlYW4oaXNUb2dnbGVCdXR0b24gJiYgcHJvcHMuaXNUb2dnbGVkKTtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc1RvZ2dsZUJ1dHRvbj17aXNUb2dnbGVCdXR0b259XG4gICAgICBpc1RvZ2dsZWQ9e3Byb3BzLmlzVG9nZ2xlZH1cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2dldEJ1dHRvblN0eWxlcyhwcm9wcy5pc0Rpc2FibGVkLCBpc0FjdGl2ZSwgdG9uZSwgc2l6ZSl9XG4gICAgPlxuICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc2NhbGU9XCJzXCI+XG4gICAgICAgIHtwcm9wcy5pY29uTGVmdCAmJiAoXG4gICAgICAgICAgPFBvc2l0aW9uZWRJY29uXG4gICAgICAgICAgICBpY29uPXtwcm9wcy5pY29uTGVmdH1cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICAgIHtwcm9wcy5pY29uUmlnaHQgJiYgKFxuICAgICAgICAgIDxQb3NpdGlvbmVkSWNvblxuICAgICAgICAgICAgaWNvbj17cHJvcHMuaWNvblJpZ2h0fVxuICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblByaW1hcnlCdXR0b24uZGlzcGxheU5hbWUgPSAnUHJpbWFyeUJ1dHRvbic7XG5cbmV4cG9ydCBkZWZhdWx0IFByaW1hcnlCdXR0b247XG4iXX0= */",
|
|
151
149
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
152
150
|
};
|
|
153
151
|
const PositionedIcon = _ref2 => {
|
|
@@ -215,24 +213,11 @@ const PrimaryButton = _ref3 => {
|
|
|
215
213
|
})
|
|
216
214
|
});
|
|
217
215
|
};
|
|
218
|
-
PrimaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
219
|
-
as: _pt__default["default"].any,
|
|
220
|
-
type: _pt__default["default"].oneOf(['button', 'reset', 'submit']),
|
|
221
|
-
label: _pt__default["default"].string.isRequired,
|
|
222
|
-
iconLeft: _pt__default["default"].element,
|
|
223
|
-
iconRight: _pt__default["default"].element,
|
|
224
|
-
isToggleButton: _pt__default["default"].bool,
|
|
225
|
-
isToggled: _pt__default["default"].bool,
|
|
226
|
-
isDisabled: _pt__default["default"].bool,
|
|
227
|
-
onClick: _pt__default["default"].func,
|
|
228
|
-
size: _pt__default["default"].oneOfType([_pt__default["default"].oneOf(['small', 'medium', 'big']), _pt__default["default"].oneOf(['10', '20'])]),
|
|
229
|
-
tone: _pt__default["default"].oneOf(['urgent', 'primary', 'critical'])
|
|
230
|
-
} : {};
|
|
231
216
|
PrimaryButton.displayName = 'PrimaryButton';
|
|
232
217
|
var PrimaryButton$1 = PrimaryButton;
|
|
233
218
|
|
|
234
219
|
// NOTE: This string will be replaced on build time with the package version.
|
|
235
|
-
var version = "
|
|
220
|
+
var version = "20.0.0";
|
|
236
221
|
|
|
237
222
|
exports["default"] = PrimaryButton$1;
|
|
238
223
|
exports.version = version;
|
|
@@ -11,7 +11,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
11
11
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
12
12
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
13
13
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
|
-
require('prop-types');
|
|
15
14
|
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
16
15
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
17
16
|
var react$1 = require('react');
|
|
@@ -200,12 +199,11 @@ const PrimaryButton = _ref3 => {
|
|
|
200
199
|
})
|
|
201
200
|
});
|
|
202
201
|
};
|
|
203
|
-
PrimaryButton.propTypes = {};
|
|
204
202
|
PrimaryButton.displayName = 'PrimaryButton';
|
|
205
203
|
var PrimaryButton$1 = PrimaryButton;
|
|
206
204
|
|
|
207
205
|
// NOTE: This string will be replaced on build time with the package version.
|
|
208
|
-
var version = "
|
|
206
|
+
var version = "20.0.0";
|
|
209
207
|
|
|
210
208
|
exports["default"] = PrimaryButton$1;
|
|
211
209
|
exports.version = version;
|
|
@@ -7,7 +7,6 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
|
|
|
7
7
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
8
8
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
9
9
|
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
10
|
-
import _pt from 'prop-types';
|
|
11
10
|
import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
|
|
12
11
|
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
13
12
|
import { cloneElement } from 'react';
|
|
@@ -127,7 +126,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
127
126
|
styles: "display:flex;align-items:center;justify-content:center"
|
|
128
127
|
} : {
|
|
129
128
|
name: "17kup4k-PositionedIcon",
|
|
130
|
-
styles: "display:flex;align-items:center;justify-content:center;label:PositionedIcon;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
129
|
+
styles: "display:flex;align-items:center;justify-content:center;label:PositionedIcon;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByaW1hcnktYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRGMiLCJmaWxlIjoicHJpbWFyeS1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgY2xvbmVFbGVtZW50LFxuICBNb3VzZUV2ZW50LFxuICBLZXlib2FyZEV2ZW50LFxuICBFbGVtZW50VHlwZSxcbiAgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGUgVEljb25Qcm9wcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuaW1wb3J0IHtcbiAgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMsXG4gIHVzZVdhcm5pbmcsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vcHJpbWFyeS1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBVc2Ugc2l6ZXMgZnJvbSBgVFNpemVzYCBpbnN0ZWFkLlxuICovXG50eXBlIFRMZWdhY3lTaXplcyA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnO1xuXG4vKipcbiAqIEF2YWlsYWJsZSBzaXplcyBmb3IgdGhlIFByaW1hcnlCdXR0b24uXG4gKi9cbnR5cGUgVFNpemVzID0gJzEwJyB8ICcyMCc7XG5cbi8qKlxuICogTWFwcGluZyBvZiBsZWdhY3kgc2l6ZXMgdG8gbmV3IHNpemVzLlxuICovXG5jb25zdCBzaXplTWFwcGluZzogUmVjb3JkPFRMZWdhY3lTaXplcywgVFNpemVzPiA9IHtcbiAgc21hbGw6ICcxMCcsXG4gIG1lZGl1bTogJzEwJyxcbiAgYmlnOiAnMjAnLFxufTtcblxuY29uc3QgUG9zaXRpb25lZEljb24gPSAoe1xuICBpY29uLFxuICBzaXplLFxuICBpc0Rpc2FibGVkLFxufToge1xuICBpY29uOiBUUHJpbWFyeUJ1dHRvblByb3BzWydpY29uUmlnaHQnXSB8IFRQcmltYXJ5QnV0dG9uUHJvcHNbJ2ljb25MZWZ0J107XG4gIHNpemU6IFRQcmltYXJ5QnV0dG9uUHJvcHNbJ3NpemUnXTtcbiAgaXNEaXNhYmxlZDogVFByaW1hcnlCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddO1xufSkgPT4ge1xuICBpZiAoIWljb24pIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjbG9uZUVsZW1lbnQoaWNvbiwge1xuICAgICAgICBjb2xvcjogaXNEaXNhYmxlZCA/ICduZXV0cmFsNjAnIDogJ3N1cmZhY2UnLFxuICAgICAgICBzaXplOiBzaXplID09PSAnYmlnJyB8fCBzaXplID09PSAnMjAnID8gJzQwJyA6ICcyMCcsXG4gICAgICB9KX1cbiAgICA8L3NwYW4+XG4gICk7XG59O1xuXG5leHBvcnQgdHlwZSBUUHJpbWFyeUJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8UHJpbWFyeUJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCB0eXBlIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnYnV0dG9uJyB8ICdyZXNldCcgfCAnc3VibWl0JztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gZG9lcywgZm9yIGFjY2Vzc2liaWxpdHkgcHVycG9zZXMgKHNjcmVlbi1yZWFkZXIgdXNlcnMpXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGxlZnQgaWNvbiBkaXNwbGF5ZWQgd2l0aGluIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uTGVmdD86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbiAgLyoqXG4gICAqIFRoZSByaWdodCBpY29uIGRpc3BsYXllZCB3aXRoaW4gdGhlIC5cbiAgICovXG4gIGljb25SaWdodD86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbiAgLyoqXG4gICAqIElmIHRoaXMgaXMgYWN0aXZlLCBpdCBtZWFucyB0aGUgYnV0dG9uIHdpbGwgcGVyc2lzdCBpbiBhbiBcImFjdGl2ZVwiIHN0YXRlIHdoZW4gdG9nZ2xlZCAoc2VlIGBpc1RvZ2dsZWRgKSwgYW5kIGJhY2sgdG8gbm9ybWFsIHN0YXRlIHdoZW4gdW50b2dnbGVkXG4gICAqL1xuICBpc1RvZ2dsZUJ1dHRvbj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUZWxscyB3aGVuIHRoZSBidXR0b24gc2hvdWxkIHByZXNlbnQgYSB0b2dnbGVkIHN0YXRlLiBJdCBkb2VzIG5vdCBoYXZlIGFueSBlZmZlY3Qgd2hlbiBgaXNUb2dnbGVCdXR0b25gIGlzIGBmYWxzZWAuXG4gICAqL1xuICBpc1RvZ2dsZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogVGVsbHMgd2hlbiB0aGUgYnV0dG9uIHNob3VsZCBwcmVzZW50IGEgZGlzYWJsZWQgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCB3aGVuIGBhc2AgaXMgYHVuZGVmaW5lZGBcbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogU2V0cyB0aGUgc2l6ZSBvZiB0aGUgYnV0dG9uLlxuICAgKiA8YnIgLz5cbiAgICogYHNtYWxsYCwgYG1lZGl1bWAsIGFuZCBgYmlnYCBhcmUgZGVwcmVjYXRlZC4gVXNlIGAxMGAsIGAyMGAsIGluc3RlYWQuXG4gICAqL1xuICBzaXplPzogVExlZ2FjeVNpemVzIHwgVFNpemVzO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAndXJnZW50JyB8ICdwcmltYXJ5JyB8ICdjcml0aWNhbCc7XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPFByaW1hcnlCdXR0b24+YDogPFByaW1hcnlCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IFByaW1hcnlCdXR0b24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oe1xuICB0eXBlID0gJ2J1dHRvbicsXG4gIHNpemUgPSAnMjAnLFxuICBpc1RvZ2dsZUJ1dHRvbiA9IGZhbHNlLFxuICB0b25lID0gJ3ByaW1hcnknLFxuICAuLi5wcm9wc1xufTogVFByaW1hcnlCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+KSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ1ByaW1hcnlCdXR0b24nLFxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKFxuICAgICAgb21pdChcbiAgICAgICAge1xuICAgICAgICAgIHR5cGUsXG4gICAgICAgICAgc2l6ZSxcbiAgICAgICAgICBpc1RvZ2dsZUJ1dHRvbixcbiAgICAgICAgICB0b25lLFxuICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICB9LFxuICAgICAgICBwcm9wc1RvT21pdFxuICAgICAgKVxuICAgICksXG4gICAgLy8gaWYgdGhlcmUgaXMgYSBkaXZlcmdlbmNlIGJldHdlZW4gYGlzRGlzYWJsZWRgIGFuZCBgZGlzYWJsZWRgLFxuICAgIC8vIHdlIGZhbGwgYmFjayB0byBgaXNEaXNhYmxlZGBcbiAgICBkaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgfTtcblxuICB1c2VXYXJuaW5nKFxuICAgICFCb29sZWFuKE9iamVjdC5rZXlzKHNpemVNYXBwaW5nKS5pbmRleE9mKHNpemUpID4gLTEpLFxuICAgIGBQcmltYXJ5QnV0dG9uICcke3NpemV9JyB2YWx1ZSBmb3IgJ3NpemUnIHByb3BlcnR5IGhhcyBiZWVuIGRlcHJlY2F0ZWQgaW4gZmF2b3Igb2YgJyR7XG4gICAgICBzaXplTWFwcGluZ1tzaXplIGFzIFRMZWdhY3lTaXplc11cbiAgICB9JyBQbGVhc2UgdXBkYXRlIHRoYXQgdmFsdWUgd2hlbiB1c2luZyB0aGlzIGNvbXBvbmVudGBcbiAgKTtcblxuICBjb25zdCBpc0FjdGl2ZSA9IEJvb2xlYW4oaXNUb2dnbGVCdXR0b24gJiYgcHJvcHMuaXNUb2dnbGVkKTtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc1RvZ2dsZUJ1dHRvbj17aXNUb2dnbGVCdXR0b259XG4gICAgICBpc1RvZ2dsZWQ9e3Byb3BzLmlzVG9nZ2xlZH1cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2dldEJ1dHRvblN0eWxlcyhwcm9wcy5pc0Rpc2FibGVkLCBpc0FjdGl2ZSwgdG9uZSwgc2l6ZSl9XG4gICAgPlxuICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc2NhbGU9XCJzXCI+XG4gICAgICAgIHtwcm9wcy5pY29uTGVmdCAmJiAoXG4gICAgICAgICAgPFBvc2l0aW9uZWRJY29uXG4gICAgICAgICAgICBpY29uPXtwcm9wcy5pY29uTGVmdH1cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICAgIHtwcm9wcy5pY29uUmlnaHQgJiYgKFxuICAgICAgICAgIDxQb3NpdGlvbmVkSWNvblxuICAgICAgICAgICAgaWNvbj17cHJvcHMuaWNvblJpZ2h0fVxuICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblByaW1hcnlCdXR0b24uZGlzcGxheU5hbWUgPSAnUHJpbWFyeUJ1dHRvbic7XG5cbmV4cG9ydCBkZWZhdWx0IFByaW1hcnlCdXR0b247XG4iXX0= */",
|
|
131
130
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
132
131
|
};
|
|
133
132
|
const PositionedIcon = _ref2 => {
|
|
@@ -195,23 +194,10 @@ const PrimaryButton = _ref3 => {
|
|
|
195
194
|
})
|
|
196
195
|
});
|
|
197
196
|
};
|
|
198
|
-
PrimaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
199
|
-
as: _pt.any,
|
|
200
|
-
type: _pt.oneOf(['button', 'reset', 'submit']),
|
|
201
|
-
label: _pt.string.isRequired,
|
|
202
|
-
iconLeft: _pt.element,
|
|
203
|
-
iconRight: _pt.element,
|
|
204
|
-
isToggleButton: _pt.bool,
|
|
205
|
-
isToggled: _pt.bool,
|
|
206
|
-
isDisabled: _pt.bool,
|
|
207
|
-
onClick: _pt.func,
|
|
208
|
-
size: _pt.oneOfType([_pt.oneOf(['small', 'medium', 'big']), _pt.oneOf(['10', '20'])]),
|
|
209
|
-
tone: _pt.oneOf(['urgent', 'primary', 'critical'])
|
|
210
|
-
} : {};
|
|
211
197
|
PrimaryButton.displayName = 'PrimaryButton';
|
|
212
198
|
var PrimaryButton$1 = PrimaryButton;
|
|
213
199
|
|
|
214
200
|
// NOTE: This string will be replaced on build time with the package version.
|
|
215
|
-
var version = "
|
|
201
|
+
var version = "20.0.0";
|
|
216
202
|
|
|
217
203
|
export { PrimaryButton$1 as default, version };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { MouseEvent, KeyboardEvent, ElementType, ReactElement, ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { type TIconProps } from '@commercetools-uikit/design-system';
|
|
2
3
|
/**
|
|
3
4
|
* @deprecated Use sizes from `TSizes` instead.
|
|
4
5
|
*/
|
|
@@ -26,11 +27,11 @@ export type TPrimaryButtonProps<TStringOrComponent extends ElementType = 'button
|
|
|
26
27
|
/**
|
|
27
28
|
* The left icon displayed within the button.
|
|
28
29
|
*/
|
|
29
|
-
iconLeft?: ReactElement
|
|
30
|
+
iconLeft?: ReactElement<TIconProps>;
|
|
30
31
|
/**
|
|
31
|
-
* The right icon displayed within the
|
|
32
|
+
* The right icon displayed within the .
|
|
32
33
|
*/
|
|
33
|
-
iconRight?: ReactElement
|
|
34
|
+
iconRight?: ReactElement<TIconProps>;
|
|
34
35
|
/**
|
|
35
36
|
* If this is active, it means the button will persist in an "active" state when toggled (see `isToggled`), and back to normal state when untoggled
|
|
36
37
|
*/
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/primary-button",
|
|
3
3
|
"description": "Primary buttons are used for a primary action on a page. You must also pass a label for accessibility reasons.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "20.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,21 +21,20 @@
|
|
|
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-inline": "
|
|
27
|
-
"@commercetools-uikit/text": "
|
|
28
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/accessible-button": "20.0.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "20.0.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "20.0.0",
|
|
27
|
+
"@commercetools-uikit/text": "20.0.0",
|
|
28
|
+
"@commercetools-uikit/utils": "20.0.0",
|
|
29
29
|
"@emotion/react": "^11.10.5",
|
|
30
30
|
"@emotion/styled": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|
|
32
|
-
"
|
|
33
|
-
"react-intl": "^6.3.2"
|
|
32
|
+
"react-intl": "^7.1.4"
|
|
34
33
|
},
|
|
35
34
|
"devDependencies": {
|
|
36
|
-
"react": "
|
|
35
|
+
"react": "19.0.0"
|
|
37
36
|
},
|
|
38
37
|
"peerDependencies": {
|
|
39
|
-
"react": "
|
|
38
|
+
"react": "19.x"
|
|
40
39
|
}
|
|
41
40
|
}
|