@commercetools-uikit/secondary-icon-button 19.5.0 → 19.6.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-secondary-icon-button.cjs.dev.js +29 -6
- package/dist/commercetools-uikit-secondary-icon-button.cjs.prod.js +28 -5
- package/dist/commercetools-uikit-secondary-icon-button.esm.js +27 -6
- package/dist/declarations/src/secondary-icon-button.d.ts +3 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -54,7 +54,7 @@ export default Example;
|
|
|
54
54
|
| `color` | `union`<br/>Possible values:<br/>`'solid' , 'primary' , 'info'` | | `'solid'` | Indicates the color scheme of the button. |
|
|
55
55
|
| `label` | `string` | ✅ | | Should describe what the button does, for accessibility purposes (screen-reader users) |
|
|
56
56
|
| `isDisabled` | `boolean` | | `false` | Tells when the button should present a disabled state. |
|
|
57
|
-
| `size` | `union`<br/>Possible values:<br/>`
|
|
57
|
+
| `size` | `union`<br/>Possible values:<br/>`TLegacySizes , TSizes` | | `'40'` | Indicates the size of the icon. Available sizes are '10', '20', '30', '40'. |
|
|
58
58
|
| `onClick` | `Function`<br/>[See signature.](#signature-onClick) | | | Handler when the button is clicked. |
|
|
59
59
|
|
|
60
60
|
## Signatures
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
6
5
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
7
6
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
7
|
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
@@ -12,6 +11,9 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
11
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
12
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
13
|
var _pt = require('prop-types');
|
|
14
|
+
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
15
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
15
17
|
var react$1 = require('react');
|
|
16
18
|
var omit = require('lodash/omit');
|
|
17
19
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -22,7 +24,6 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
22
24
|
|
|
23
25
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
24
26
|
|
|
25
|
-
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
26
27
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
27
28
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
28
29
|
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
@@ -31,6 +32,9 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
|
|
|
31
32
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
32
33
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
33
34
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
35
|
+
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
36
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
37
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
34
38
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
35
39
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
36
40
|
|
|
@@ -65,15 +69,34 @@ const getBaseStyles = props => {
|
|
|
65
69
|
};
|
|
66
70
|
|
|
67
71
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
68
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
72
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
69
73
|
const propsToOmit = ['type'];
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* @deprecated Use sizes from `TSizes` instead.
|
|
77
|
+
*/
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* Available sizes for the SecondaryIconButton.
|
|
81
|
+
*/
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* Mapping of legacy sizes to new sizes.
|
|
85
|
+
*/
|
|
86
|
+
const sizeMapping = {
|
|
87
|
+
small: '10',
|
|
88
|
+
medium: '30',
|
|
89
|
+
big: '40'
|
|
90
|
+
};
|
|
70
91
|
const SecondaryIconButton = props => {
|
|
92
|
+
var _context, _context2;
|
|
71
93
|
const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
72
94
|
'data-track-component': 'SecondaryIconButton',
|
|
73
95
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
74
96
|
// we fall back to `isDisabled`
|
|
75
97
|
disabled: props.isDisabled
|
|
76
98
|
});
|
|
99
|
+
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, props.size) > -1), _concatInstanceProperty__default["default"](_context2 = "SecondaryIconButton '".concat(props.size, "' value for 'size' property has been deprecated in favor of '")).call(_context2, sizeMapping[props.size], "' Please update that value when using this component"));
|
|
77
100
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
78
101
|
as: props.as,
|
|
79
102
|
type: props.type,
|
|
@@ -94,20 +117,20 @@ SecondaryIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
94
117
|
color: _pt__default["default"].oneOf(['solid', 'primary', 'info']),
|
|
95
118
|
label: _pt__default["default"].string.isRequired,
|
|
96
119
|
isDisabled: _pt__default["default"].bool,
|
|
97
|
-
size: _pt__default["default"].oneOf(['small', 'medium', 'big']),
|
|
120
|
+
size: _pt__default["default"].oneOfType([_pt__default["default"].oneOf(['small', 'medium', 'big']), _pt__default["default"].oneOf(['10', '20', '30', '40'])]),
|
|
98
121
|
onClick: _pt__default["default"].func
|
|
99
122
|
} : {};
|
|
100
123
|
SecondaryIconButton.displayName = 'SecondaryIconButton';
|
|
101
124
|
SecondaryIconButton.defaultProps = {
|
|
102
125
|
color: 'solid',
|
|
103
126
|
type: 'button',
|
|
104
|
-
size: '
|
|
127
|
+
size: '40',
|
|
105
128
|
isDisabled: false
|
|
106
129
|
};
|
|
107
130
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
108
131
|
|
|
109
132
|
// NOTE: This string will be replaced on build time with the package version.
|
|
110
|
-
var version = "19.
|
|
133
|
+
var version = "19.6.0";
|
|
111
134
|
|
|
112
135
|
exports["default"] = SecondaryIconButton$1;
|
|
113
136
|
exports.version = version;
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
6
5
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
7
6
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
7
|
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
@@ -12,6 +11,9 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
11
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
12
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
13
|
require('prop-types');
|
|
14
|
+
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
15
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
15
17
|
var react$1 = require('react');
|
|
16
18
|
var omit = require('lodash/omit');
|
|
17
19
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -22,7 +24,6 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
22
24
|
|
|
23
25
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
24
26
|
|
|
25
|
-
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
26
27
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
27
28
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
28
29
|
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
@@ -30,6 +31,9 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
30
31
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
31
32
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
32
33
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
34
|
+
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
35
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
36
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
33
37
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
34
38
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
35
39
|
|
|
@@ -58,15 +62,34 @@ const getBaseStyles = props => {
|
|
|
58
62
|
};
|
|
59
63
|
|
|
60
64
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
61
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
65
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
62
66
|
const propsToOmit = ['type'];
|
|
67
|
+
|
|
68
|
+
/**
|
|
69
|
+
* @deprecated Use sizes from `TSizes` instead.
|
|
70
|
+
*/
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Available sizes for the SecondaryIconButton.
|
|
74
|
+
*/
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Mapping of legacy sizes to new sizes.
|
|
78
|
+
*/
|
|
79
|
+
const sizeMapping = {
|
|
80
|
+
small: '10',
|
|
81
|
+
medium: '30',
|
|
82
|
+
big: '40'
|
|
83
|
+
};
|
|
63
84
|
const SecondaryIconButton = props => {
|
|
85
|
+
var _context, _context2;
|
|
64
86
|
const buttonAttributes = _objectSpread(_objectSpread({}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
65
87
|
'data-track-component': 'SecondaryIconButton',
|
|
66
88
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
67
89
|
// we fall back to `isDisabled`
|
|
68
90
|
disabled: props.isDisabled
|
|
69
91
|
});
|
|
92
|
+
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, props.size) > -1), _concatInstanceProperty__default["default"](_context2 = "SecondaryIconButton '".concat(props.size, "' value for 'size' property has been deprecated in favor of '")).call(_context2, sizeMapping[props.size], "' Please update that value when using this component"));
|
|
70
93
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
71
94
|
as: props.as,
|
|
72
95
|
type: props.type,
|
|
@@ -85,13 +108,13 @@ SecondaryIconButton.displayName = 'SecondaryIconButton';
|
|
|
85
108
|
SecondaryIconButton.defaultProps = {
|
|
86
109
|
color: 'solid',
|
|
87
110
|
type: 'button',
|
|
88
|
-
size: '
|
|
111
|
+
size: '40',
|
|
89
112
|
isDisabled: false
|
|
90
113
|
};
|
|
91
114
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
92
115
|
|
|
93
116
|
// NOTE: This string will be replaced on build time with the package version.
|
|
94
|
-
var version = "19.
|
|
117
|
+
var version = "19.6.0";
|
|
95
118
|
|
|
96
119
|
exports["default"] = SecondaryIconButton$1;
|
|
97
120
|
exports.version = version;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
2
1
|
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
3
2
|
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
4
3
|
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
@@ -8,9 +7,12 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
|
|
|
8
7
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
8
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
9
|
import _pt from 'prop-types';
|
|
10
|
+
import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
|
|
11
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
12
|
+
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
11
13
|
import { cloneElement } from 'react';
|
|
12
14
|
import omit from 'lodash/omit';
|
|
13
|
-
import { filterInvalidAttributes } from '@commercetools-uikit/utils';
|
|
15
|
+
import { filterInvalidAttributes, useWarning } from '@commercetools-uikit/utils';
|
|
14
16
|
import AccessibleButton from '@commercetools-uikit/accessible-button';
|
|
15
17
|
import { css } from '@emotion/react';
|
|
16
18
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
@@ -47,15 +49,34 @@ const getBaseStyles = props => {
|
|
|
47
49
|
};
|
|
48
50
|
|
|
49
51
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
50
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
52
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
51
53
|
const propsToOmit = ['type'];
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* @deprecated Use sizes from `TSizes` instead.
|
|
57
|
+
*/
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Available sizes for the SecondaryIconButton.
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* Mapping of legacy sizes to new sizes.
|
|
65
|
+
*/
|
|
66
|
+
const sizeMapping = {
|
|
67
|
+
small: '10',
|
|
68
|
+
medium: '30',
|
|
69
|
+
big: '40'
|
|
70
|
+
};
|
|
52
71
|
const SecondaryIconButton = props => {
|
|
72
|
+
var _context, _context2;
|
|
53
73
|
const buttonAttributes = _objectSpread(_objectSpread({}, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
|
|
54
74
|
'data-track-component': 'SecondaryIconButton',
|
|
55
75
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
56
76
|
// we fall back to `isDisabled`
|
|
57
77
|
disabled: props.isDisabled
|
|
58
78
|
});
|
|
79
|
+
useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, props.size) > -1), _concatInstanceProperty(_context2 = "SecondaryIconButton '".concat(props.size, "' value for 'size' property has been deprecated in favor of '")).call(_context2, sizeMapping[props.size], "' Please update that value when using this component"));
|
|
59
80
|
return jsx(AccessibleButton, {
|
|
60
81
|
as: props.as,
|
|
61
82
|
type: props.type,
|
|
@@ -76,19 +97,19 @@ SecondaryIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
76
97
|
color: _pt.oneOf(['solid', 'primary', 'info']),
|
|
77
98
|
label: _pt.string.isRequired,
|
|
78
99
|
isDisabled: _pt.bool,
|
|
79
|
-
size: _pt.oneOf(['small', 'medium', 'big']),
|
|
100
|
+
size: _pt.oneOfType([_pt.oneOf(['small', 'medium', 'big']), _pt.oneOf(['10', '20', '30', '40'])]),
|
|
80
101
|
onClick: _pt.func
|
|
81
102
|
} : {};
|
|
82
103
|
SecondaryIconButton.displayName = 'SecondaryIconButton';
|
|
83
104
|
SecondaryIconButton.defaultProps = {
|
|
84
105
|
color: 'solid',
|
|
85
106
|
type: 'button',
|
|
86
|
-
size: '
|
|
107
|
+
size: '40',
|
|
87
108
|
isDisabled: false
|
|
88
109
|
};
|
|
89
110
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
90
111
|
|
|
91
112
|
// NOTE: This string will be replaced on build time with the package version.
|
|
92
|
-
var version = "19.
|
|
113
|
+
var version = "19.6.0";
|
|
93
114
|
|
|
94
115
|
export { SecondaryIconButton$1 as default, version };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { type MouseEvent, type KeyboardEvent, type ElementType, type ReactElement, type ComponentPropsWithRef } from 'react';
|
|
2
|
+
type TLegacySizes = 'small' | 'medium' | 'big';
|
|
3
|
+
type TSizes = '10' | '20' | '30' | '40';
|
|
2
4
|
export type TSecondaryButtonIconProps<TStringOrComponent extends ElementType = 'button'> = {
|
|
3
5
|
as?: TStringOrComponent;
|
|
4
6
|
type?: 'submit' | 'reset' | 'button';
|
|
@@ -6,7 +8,7 @@ export type TSecondaryButtonIconProps<TStringOrComponent extends ElementType = '
|
|
|
6
8
|
color?: 'solid' | 'primary' | 'info';
|
|
7
9
|
label: string;
|
|
8
10
|
isDisabled?: boolean;
|
|
9
|
-
size?:
|
|
11
|
+
size?: TLegacySizes | TSizes;
|
|
10
12
|
onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
11
13
|
} & ComponentPropsWithRef<TStringOrComponent>;
|
|
12
14
|
declare const SecondaryIconButton: {
|
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": "19.
|
|
4
|
+
"version": "19.6.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.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/spacings": "19.
|
|
27
|
-
"@commercetools-uikit/text": "19.
|
|
28
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "19.6.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.6.0",
|
|
26
|
+
"@commercetools-uikit/spacings": "19.6.0",
|
|
27
|
+
"@commercetools-uikit/text": "19.6.0",
|
|
28
|
+
"@commercetools-uikit/utils": "19.6.0",
|
|
29
29
|
"@emotion/react": "^11.10.5",
|
|
30
30
|
"@emotion/styled": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|