@commercetools-uikit/secondary-icon-button 19.5.0 → 19.7.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
@@ -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/>`'small' , 'medium' , 'big'` | | `'big'` | Indicates the size of the icon. |
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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
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: 'big',
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.5.0";
133
+ var version = "19.7.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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
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: 'big',
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.5.0";
117
+ var version = "19.7.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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
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: 'big',
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.5.0";
113
+ var version = "19.7.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?: 'small' | 'medium' | 'big';
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.5.0",
4
+ "version": "19.7.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.5.0",
25
- "@commercetools-uikit/design-system": "19.5.0",
26
- "@commercetools-uikit/spacings": "19.5.0",
27
- "@commercetools-uikit/text": "19.5.0",
28
- "@commercetools-uikit/utils": "19.5.0",
24
+ "@commercetools-uikit/accessible-button": "19.7.0",
25
+ "@commercetools-uikit/design-system": "19.7.0",
26
+ "@commercetools-uikit/spacings": "19.7.0",
27
+ "@commercetools-uikit/text": "19.7.0",
28
+ "@commercetools-uikit/utils": "19.7.0",
29
29
  "@emotion/react": "^11.10.5",
30
30
  "@emotion/styled": "^11.10.5",
31
31
  "lodash": "4.17.21",