@commercetools-uikit/secondary-icon-button 20.4.0 → 20.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
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
|
|
2
|
-
<!-- This file is created by the `
|
|
2
|
+
<!-- This file is created by the `pnpm generate-readme` script. -->
|
|
3
3
|
|
|
4
4
|
# SecondaryIconButton
|
|
5
5
|
|
|
@@ -10,7 +10,7 @@ Secondary Icon Buttons are "icon-only" buttons and a restricted version of the \
|
|
|
10
10
|
## Installation
|
|
11
11
|
|
|
12
12
|
```
|
|
13
|
-
|
|
13
|
+
pnpm add @commercetools-uikit/secondary-icon-button
|
|
14
14
|
```
|
|
15
15
|
|
|
16
16
|
```
|
|
@@ -20,7 +20,7 @@ npm --save install @commercetools-uikit/secondary-icon-button
|
|
|
20
20
|
Additionally install the peer dependencies (if not present)
|
|
21
21
|
|
|
22
22
|
```
|
|
23
|
-
|
|
23
|
+
pnpm add react
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
```
|
|
@@ -13,7 +13,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
13
13
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
14
|
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
15
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');
|
|
17
16
|
var react$1 = require('react');
|
|
18
17
|
var omit = require('lodash/omit');
|
|
19
18
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -33,7 +32,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
33
32
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
34
33
|
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
35
34
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
36
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
37
35
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
38
36
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
39
37
|
|
|
@@ -68,7 +66,7 @@ const getBaseStyles = props => {
|
|
|
68
66
|
|
|
69
67
|
const _excluded = ["color", "type", "size", "isDisabled"];
|
|
70
68
|
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; }
|
|
71
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
69
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
72
70
|
const propsToOmit = ['type'];
|
|
73
71
|
|
|
74
72
|
/**
|
|
@@ -88,7 +86,7 @@ const sizeMapping = {
|
|
|
88
86
|
big: '40'
|
|
89
87
|
};
|
|
90
88
|
const SecondaryIconButton = _ref => {
|
|
91
|
-
var _context
|
|
89
|
+
var _context;
|
|
92
90
|
let _ref$color = _ref.color,
|
|
93
91
|
color = _ref$color === void 0 ? 'solid' : _ref$color,
|
|
94
92
|
_ref$type = _ref.type,
|
|
@@ -109,7 +107,7 @@ const SecondaryIconButton = _ref => {
|
|
|
109
107
|
// we fall back to `isDisabled`
|
|
110
108
|
disabled: isDisabled
|
|
111
109
|
});
|
|
112
|
-
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1),
|
|
110
|
+
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1), `SecondaryIconButton '${size}' value for 'size' property has been deprecated in favor of '${sizeMapping[size]}' Please update that value when using this component`);
|
|
113
111
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
114
112
|
as: props.as,
|
|
115
113
|
type: type,
|
|
@@ -132,7 +130,7 @@ SecondaryIconButton.displayName = 'SecondaryIconButton';
|
|
|
132
130
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
133
131
|
|
|
134
132
|
// NOTE: This string will be replaced on build time with the package version.
|
|
135
|
-
var version = "20.
|
|
133
|
+
var version = "20.6.0";
|
|
136
134
|
|
|
137
135
|
exports["default"] = SecondaryIconButton$1;
|
|
138
136
|
exports.version = version;
|
|
@@ -13,7 +13,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
13
13
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
14
|
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
15
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');
|
|
17
16
|
var react$1 = require('react');
|
|
18
17
|
var omit = require('lodash/omit');
|
|
19
18
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -33,7 +32,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
33
32
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
34
33
|
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
35
34
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
36
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
37
35
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
38
36
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
39
37
|
|
|
@@ -63,7 +61,7 @@ const getBaseStyles = props => {
|
|
|
63
61
|
|
|
64
62
|
const _excluded = ["color", "type", "size", "isDisabled"];
|
|
65
63
|
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; }
|
|
66
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
64
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
67
65
|
const propsToOmit = ['type'];
|
|
68
66
|
|
|
69
67
|
/**
|
|
@@ -83,7 +81,7 @@ const sizeMapping = {
|
|
|
83
81
|
big: '40'
|
|
84
82
|
};
|
|
85
83
|
const SecondaryIconButton = _ref => {
|
|
86
|
-
var _context
|
|
84
|
+
var _context;
|
|
87
85
|
let _ref$color = _ref.color,
|
|
88
86
|
color = _ref$color === void 0 ? 'solid' : _ref$color,
|
|
89
87
|
_ref$type = _ref.type,
|
|
@@ -104,7 +102,7 @@ const SecondaryIconButton = _ref => {
|
|
|
104
102
|
// we fall back to `isDisabled`
|
|
105
103
|
disabled: isDisabled
|
|
106
104
|
});
|
|
107
|
-
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1),
|
|
105
|
+
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1), `SecondaryIconButton '${size}' value for 'size' property has been deprecated in favor of '${sizeMapping[size]}' Please update that value when using this component`);
|
|
108
106
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
109
107
|
as: props.as,
|
|
110
108
|
type: type,
|
|
@@ -127,7 +125,7 @@ SecondaryIconButton.displayName = 'SecondaryIconButton';
|
|
|
127
125
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
128
126
|
|
|
129
127
|
// NOTE: This string will be replaced on build time with the package version.
|
|
130
|
-
var version = "20.
|
|
128
|
+
var version = "20.6.0";
|
|
131
129
|
|
|
132
130
|
exports["default"] = SecondaryIconButton$1;
|
|
133
131
|
exports.version = version;
|
|
@@ -9,7 +9,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
9
9
|
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
10
10
|
import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
|
|
11
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';
|
|
13
12
|
import { cloneElement } from 'react';
|
|
14
13
|
import omit from 'lodash/omit';
|
|
15
14
|
import { filterInvalidAttributes, useWarning } from '@commercetools-uikit/utils';
|
|
@@ -49,7 +48,7 @@ const getBaseStyles = props => {
|
|
|
49
48
|
|
|
50
49
|
const _excluded = ["color", "type", "size", "isDisabled"];
|
|
51
50
|
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; }
|
|
52
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
51
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
53
52
|
const propsToOmit = ['type'];
|
|
54
53
|
|
|
55
54
|
/**
|
|
@@ -69,7 +68,7 @@ const sizeMapping = {
|
|
|
69
68
|
big: '40'
|
|
70
69
|
};
|
|
71
70
|
const SecondaryIconButton = _ref => {
|
|
72
|
-
var _context
|
|
71
|
+
var _context;
|
|
73
72
|
let _ref$color = _ref.color,
|
|
74
73
|
color = _ref$color === void 0 ? 'solid' : _ref$color,
|
|
75
74
|
_ref$type = _ref.type,
|
|
@@ -90,7 +89,7 @@ const SecondaryIconButton = _ref => {
|
|
|
90
89
|
// we fall back to `isDisabled`
|
|
91
90
|
disabled: isDisabled
|
|
92
91
|
});
|
|
93
|
-
useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, size) > -1),
|
|
92
|
+
useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, size) > -1), `SecondaryIconButton '${size}' value for 'size' property has been deprecated in favor of '${sizeMapping[size]}' Please update that value when using this component`);
|
|
94
93
|
return jsx(AccessibleButton, {
|
|
95
94
|
as: props.as,
|
|
96
95
|
type: type,
|
|
@@ -113,6 +112,6 @@ SecondaryIconButton.displayName = 'SecondaryIconButton';
|
|
|
113
112
|
var SecondaryIconButton$1 = SecondaryIconButton;
|
|
114
113
|
|
|
115
114
|
// NOTE: This string will be replaced on build time with the package version.
|
|
116
|
-
var version = "20.
|
|
115
|
+
var version = "20.6.0";
|
|
117
116
|
|
|
118
117
|
export { SecondaryIconButton$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/secondary-icon-button",
|
|
3
3
|
"description": "Secondary Icon Buttons are \"icon-only\" buttons and a restricted version of the `<IconButton>`. They trigger an action when clicked (`onClick` prop). You must also pass a label for accessibility reasons.",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.6.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,7 +9,13 @@
|
|
|
9
9
|
"directory": "packages/components/buttons/secondary-icon-button"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"javascript",
|
|
14
|
+
"typescript",
|
|
15
|
+
"design-system",
|
|
16
|
+
"react",
|
|
17
|
+
"uikit"
|
|
18
|
+
],
|
|
13
19
|
"license": "MIT",
|
|
14
20
|
"publishConfig": {
|
|
15
21
|
"access": "public"
|
|
@@ -17,24 +23,27 @@
|
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"main": "dist/commercetools-uikit-secondary-icon-button.cjs.js",
|
|
19
25
|
"module": "dist/commercetools-uikit-secondary-icon-button.esm.js",
|
|
20
|
-
"files": [
|
|
26
|
+
"files": [
|
|
27
|
+
"dist"
|
|
28
|
+
],
|
|
21
29
|
"dependencies": {
|
|
22
30
|
"@babel/runtime": "^7.20.13",
|
|
23
31
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "20.4.0",
|
|
25
|
-
"@commercetools-uikit/design-system": "20.4.0",
|
|
26
|
-
"@commercetools-uikit/spacings": "20.4.0",
|
|
27
|
-
"@commercetools-uikit/text": "20.4.0",
|
|
28
|
-
"@commercetools-uikit/utils": "20.4.0",
|
|
29
32
|
"@emotion/react": "^11.10.5",
|
|
30
33
|
"@emotion/styled": "^11.10.5",
|
|
31
|
-
"lodash": "4.
|
|
32
|
-
"react-intl": "^7.1.4"
|
|
34
|
+
"lodash": "4.18.1",
|
|
35
|
+
"react-intl": "^7.1.4",
|
|
36
|
+
"@commercetools-uikit/accessible-button": "^20.6.0",
|
|
37
|
+
"@commercetools-uikit/design-system": "^20.6.0",
|
|
38
|
+
"@commercetools-uikit/spacings": "^20.6.0",
|
|
39
|
+
"@commercetools-uikit/text": "^20.6.0",
|
|
40
|
+
"@commercetools-uikit/utils": "^20.6.0"
|
|
33
41
|
},
|
|
34
42
|
"devDependencies": {
|
|
35
|
-
"react": "19.2.0"
|
|
43
|
+
"react": "19.2.0",
|
|
44
|
+
"@commercetools-uikit/icons": "^20.6.0"
|
|
36
45
|
},
|
|
37
46
|
"peerDependencies": {
|
|
38
47
|
"react": "19.x"
|
|
39
48
|
}
|
|
40
|
-
}
|
|
49
|
+
}
|