@commercetools-uikit/tag 15.14.3 → 15.15.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
@@ -37,7 +37,7 @@ npm --save install react react-router-dom
37
37
  ## Usage
38
38
 
39
39
  ```jsx
40
- import Tag from '@commercetools-uikit/tag';
40
+ import { Tag } from '@commercetools-uikit/tag';
41
41
 
42
42
  const Example = () => (
43
43
  <Tag
@@ -82,3 +82,28 @@ export default Example;
82
82
  ```ts
83
83
  (event: MouseEvent<HTMLElement>) => void
84
84
  ```
85
+
86
+ # TagList
87
+
88
+ ## Description
89
+
90
+ A `TagList` component is used as wrapper for the list of tags. It has predefined spacings and flex display so that tags are grouped next to each other.
91
+
92
+ ## Usage
93
+
94
+ The `<TagList>` component accepts `<Tag>` element as `children` props.
95
+ Here's an example of how to use them:
96
+
97
+ ```jsx
98
+ import { Tag, TagList } from '@commercetools-uikit/tag';
99
+
100
+ const Example = () => (
101
+ <TagList>
102
+ {['apple', 'orange'].map((tag, index) => (
103
+ <Tag key={index}>{tag}</Tag>
104
+ ))}
105
+ </TagList>
106
+ );
107
+
108
+ export default Example;
109
+ ```
@@ -12,7 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _pt = require('prop-types');
15
- require('react');
15
+ var react$1 = require('react');
16
16
  var react = require('@emotion/react');
17
17
  var reactRouterDom = require('react-router-dom');
18
18
  var designSystem = require('@commercetools-uikit/design-system');
@@ -23,6 +23,8 @@ var _styled = require('@emotion/styled/base');
23
23
  var Text = require('@commercetools-uikit/text');
24
24
  var Spacings = require('@commercetools-uikit/spacings');
25
25
  var jsxRuntime = require('@emotion/react/jsx-runtime');
26
+ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
27
+ var utils = require('@commercetools-uikit/utils');
26
28
 
27
29
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
28
30
 
@@ -40,6 +42,7 @@ var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
40
42
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
41
43
  var Text__default = /*#__PURE__*/_interopDefault(Text);
42
44
  var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
45
+ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
43
46
 
44
47
  var defaultProps$1 = {
45
48
  type: 'normal',
@@ -106,9 +109,9 @@ TagBody.defaultProps = defaultProps$1;
106
109
  TagBody.displayName = 'TagBody';
107
110
  var TagBody$1 = TagBody;
108
111
 
109
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
112
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
110
113
 
111
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
114
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
112
115
  var defaultProps = {
113
116
  type: 'normal',
114
117
  isDisabled: false,
@@ -128,7 +131,7 @@ var Tag = function Tag(props) {
128
131
  max: props.horizontalConstraint,
129
132
  children: jsxRuntime.jsxs("div", {
130
133
  css: /*#__PURE__*/react.css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", props.type === 'warning' ? designSystem.designTokens.backgroundColorForTagWarning : designSystem.designTokens.backgroundColorForTag, ";", props.onClick && "&:hover {\n background-color: ".concat(props.type === 'warning' ? designSystem.designTokens.backgroundColorForTagWarning : designSystem.designTokens.backgroundColorForTagWhenHovered, ";\n }"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Tag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZnQiIsImZpbGUiOiJ0YWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgTG9jYXRpb25EZXNjcmlwdG9yIH0gZnJvbSAnaGlzdG9yeSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIE1vdXNlRXZlbnQsIEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IGRlc2lnblRva2VucywgdXNlVGhlbWUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBDbG9zZUJvbGRJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFRhZ0JvZHkgZnJvbSAnLi90YWctYm9keSc7XG5cbmV4cG9ydCB0eXBlIFRUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyBjb2xvciBzY2hlbWUgb2YgdGhlIHRhZy5cbiAgICovXG4gIHR5cGU/OiAnbm9ybWFsJyB8ICd3YXJuaW5nJztcbiAgLyoqXG4gICAqIFN0eWxlcyBvYmplY3QgdGhhdCBpcyBzcHJlYWQgaW50byB0aGUgdGFnIGJvZHkuXG4gICAqL1xuICBzdHlsZXM/OiBSZWNvcmQ8c3RyaW5nLCBTZXJpYWxpemVkU3R5bGVzPjtcbiAgLyoqXG4gICAqIExpbmsgb2YgdGhlIHRhZyB3aGVuIG5vdCBkaXNhYmxlZFxuICAgKi9cbiAgdG8/OiBzdHJpbmcgfCBMb2NhdGlvbkRlc2NyaXB0b3I7XG4gIC8qKlxuICAgKiBEaXNhYmxlIHRoZSB0YWcgZWxlbWVudCBhbG9uZyB3aXRoIHRoZSBvcHRpb24gdG8gcmVtb3ZlIGl0LlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBZGRzIHRoZSBkcmFnZ2FibGUgaWNvbiBvbiB0aGUgbGVmdCBzaWRlLlxuICAgKi9cbiAgaXNEcmFnZ2FibGU/OiBib29sZWFuO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25SZW1vdmU/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gdGFnIGVsZW1lbnQgaXMgY2xpY2tlZC4gVGhpcyBpcyBub3QgY2FsbGVkIHdoZW4gcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgMVxuICAgIHwgMlxuICAgIHwgM1xuICAgIHwgNFxuICAgIHwgNVxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcbiAgLyoqXG4gICAqIENvbnRlbnQgcmVuZGVyZWQgd2l0aGluIHRoZSB0YWdcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRUYWdQcm9wcyxcbiAgJ3R5cGUnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzRHJhZ2dhYmxlJyB8ICdob3Jpem9udGFsQ29uc3RyYWludCdcbj4gPSB7XG4gIHR5cGU6ICdub3JtYWwnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgaXNEcmFnZ2FibGU6IGZhbHNlLFxuICBob3Jpem9udGFsQ29uc3RyYWludDogJ3NjYWxlJyxcbn07XG5cbmNvbnN0IFRhZyA9IChwcm9wczogVFRhZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgbGlua1Byb3BzID1cbiAgICBwcm9wcy50byAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IHsgYXM6IExpbmssIHRvOiBwcm9wcy50byB9IDoge307XG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGEge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgIH1cbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgbWluLXdpZHRoOiAwO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclRhZ1dhcm5pbmdcbiAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclRhZ307XG5cbiAgICAgICAgICAke3Byb3BzLm9uQ2xpY2sgJiZcbiAgICAgICAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke1xuICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JUYWdXYXJuaW5nXG4gICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVGFnV2hlbkhvdmVyZWRcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgfWB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxUYWdCb2R5XG4gICAgICAgICAgey4uLmxpbmtQcm9wc31cbiAgICAgICAgICBzdHlsZXM9e3Byb3BzLnN0eWxlc31cbiAgICAgICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgaXNEcmFnZ2FibGU9e3Byb3BzLmlzRHJhZ2dhYmxlfVxuICAgICAgICA+XG4gICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICA8L1RhZ0JvZHk+XG5cbiAgICAgICAge0Jvb2xlYW4ocHJvcHMub25SZW1vdmUpICYmICEoaXNOZXdUaGVtZSAmJiBwcm9wcy5pc0Rpc2FibGVkKSAmJiAoXG4gICAgICAgICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgICAgICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgICAgICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhZ1JlbW92ZUljb259O1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVGFnfVxuICAgICAgICAgICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVGFnfSAwO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBpbmhlcml0O1xuICAgICAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvclRhZ307XG4gICAgICAgICAgICAgICAgOm5vdCg6ZGlzYWJsZWQpJjpob3ZlcixcbiAgICAgICAgICAgICAgICA6bm90KDpkaXNhYmxlZCkmOmZvY3VzIHtcbiAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yVGFnV2hlbkhvdmVyZWR9O1xuXG4gICAgICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdSZW1vdmVJY29uV2hlbkhvdmVyZWR9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdSZW1vdmVJY29ufTtcbiAgICAgICAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ1doZW5EaXNhYmxlZH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBgLFxuICAgICAgICAgICAgXX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5UYWcuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuVGFnLmRpc3BsYXlOYW1lID0gJ1RhZyc7XG5cbmV4cG9ydCBkZWZhdWx0IFRhZztcbiJdfQ== */"),
131
- children: [jsxRuntime.jsx(TagBody$1, _objectSpread(_objectSpread({}, linkProps), {}, {
134
+ children: [jsxRuntime.jsx(TagBody$1, _objectSpread$1(_objectSpread$1({}, linkProps), {}, {
132
135
  styles: props.styles,
133
136
  type: props.type,
134
137
  onClick: props.onClick,
@@ -164,8 +167,57 @@ Tag.defaultProps = defaultProps;
164
167
  Tag.displayName = 'Tag';
165
168
  var Tag$1 = Tag;
166
169
 
170
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
171
+
172
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
173
+
174
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
175
+
176
+ var TagListContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
177
+ target: "e1t0l8771"
178
+ } : {
179
+ target: "e1t0l8771",
180
+ label: "TagListContainer"
181
+ })(process.env.NODE_ENV === "production" ? {
182
+ name: "798ujy",
183
+ styles: "width:100%;display:flex;flex-wrap:wrap"
184
+ } : {
185
+ name: "798ujy",
186
+ styles: "width:100%;display:flex;flex-wrap:wrap",
187
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm1DIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */",
188
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
189
+ });
190
+
191
+ var TagListItem = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
192
+ target: "e1t0l8770"
193
+ } : {
194
+ target: "e1t0l8770",
195
+ label: "TagListItem"
196
+ })("margin:", designSystem.designTokens.marginForTagList, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjhCIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */"));
197
+
198
+ var TagList = function TagList(props) {
199
+ return jsxRuntime.jsx(TagListContainer, _objectSpread(_objectSpread({
200
+ className: props.className
201
+ }, utils.filterDataAttributes(props)), {}, {
202
+ children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, function (tag) {
203
+ return jsxRuntime.jsx(TagListItem, {
204
+ children: tag
205
+ });
206
+ })
207
+ }));
208
+ };
209
+
210
+ TagList.propTypes = process.env.NODE_ENV !== "production" ? {
211
+ children: _pt__default["default"].node.isRequired,
212
+ className: _pt__default["default"].string
213
+ } : {};
214
+ TagList.displayName = 'TagList';
215
+ var TagList$1 = TagList;
216
+
167
217
  // NOTE: This string will be replaced on build time with the package version.
168
- var version = "15.14.3";
218
+ var version = "15.15.0";
169
219
 
220
+ exports.Tag = Tag$1;
221
+ exports.TagList = TagList$1;
170
222
  exports["default"] = Tag$1;
171
223
  exports.version = version;
@@ -12,7 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  require('prop-types');
15
- require('react');
15
+ var react$1 = require('react');
16
16
  var react = require('@emotion/react');
17
17
  var reactRouterDom = require('react-router-dom');
18
18
  var designSystem = require('@commercetools-uikit/design-system');
@@ -23,6 +23,8 @@ var _styled = require('@emotion/styled/base');
23
23
  var Text = require('@commercetools-uikit/text');
24
24
  var Spacings = require('@commercetools-uikit/spacings');
25
25
  var jsxRuntime = require('@emotion/react/jsx-runtime');
26
+ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
27
+ var utils = require('@commercetools-uikit/utils');
26
28
 
27
29
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
28
30
 
@@ -39,6 +41,7 @@ var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
39
41
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
40
42
  var Text__default = /*#__PURE__*/_interopDefault(Text);
41
43
  var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
44
+ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
42
45
 
43
46
  var defaultProps$1 = {
44
47
  type: 'normal',
@@ -97,9 +100,9 @@ TagBody.defaultProps = defaultProps$1;
97
100
  TagBody.displayName = 'TagBody';
98
101
  var TagBody$1 = TagBody;
99
102
 
100
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
103
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
101
104
 
102
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
105
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
103
106
  var defaultProps = {
104
107
  type: 'normal',
105
108
  isDisabled: false,
@@ -119,7 +122,7 @@ var Tag = function Tag(props) {
119
122
  max: props.horizontalConstraint,
120
123
  children: jsxRuntime.jsxs("div", {
121
124
  css: /*#__PURE__*/react.css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", props.type === 'warning' ? designSystem.designTokens.backgroundColorForTagWarning : designSystem.designTokens.backgroundColorForTag, ";", props.onClick && "&:hover {\n background-color: ".concat(props.type === 'warning' ? designSystem.designTokens.backgroundColorForTagWarning : designSystem.designTokens.backgroundColorForTagWhenHovered, ";\n }"), ";" + ("" ), "" ),
122
- children: [jsxRuntime.jsx(TagBody$1, _objectSpread(_objectSpread({}, linkProps), {}, {
125
+ children: [jsxRuntime.jsx(TagBody$1, _objectSpread$1(_objectSpread$1({}, linkProps), {}, {
123
126
  styles: props.styles,
124
127
  type: props.type,
125
128
  onClick: props.onClick,
@@ -145,8 +148,41 @@ Tag.defaultProps = defaultProps;
145
148
  Tag.displayName = 'Tag';
146
149
  var Tag$1 = Tag;
147
150
 
151
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
152
+
153
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
154
+
155
+ var TagListContainer = /*#__PURE__*/_styled__default["default"]("div", {
156
+ target: "e1t0l8771"
157
+ } )({
158
+ name: "798ujy",
159
+ styles: "width:100%;display:flex;flex-wrap:wrap"
160
+ } );
161
+
162
+ var TagListItem = /*#__PURE__*/_styled__default["default"]("div", {
163
+ target: "e1t0l8770"
164
+ } )("margin:", designSystem.designTokens.marginForTagList, ";" + ("" ));
165
+
166
+ var TagList = function TagList(props) {
167
+ return jsxRuntime.jsx(TagListContainer, _objectSpread(_objectSpread({
168
+ className: props.className
169
+ }, utils.filterDataAttributes(props)), {}, {
170
+ children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, function (tag) {
171
+ return jsxRuntime.jsx(TagListItem, {
172
+ children: tag
173
+ });
174
+ })
175
+ }));
176
+ };
177
+
178
+ TagList.propTypes = {};
179
+ TagList.displayName = 'TagList';
180
+ var TagList$1 = TagList;
181
+
148
182
  // NOTE: This string will be replaced on build time with the package version.
149
- var version = "15.14.3";
183
+ var version = "15.15.0";
150
184
 
185
+ exports.Tag = Tag$1;
186
+ exports.TagList = TagList$1;
151
187
  exports["default"] = Tag$1;
152
188
  exports.version = version;
@@ -8,7 +8,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
8
8
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import _pt from 'prop-types';
11
- import 'react';
11
+ import { Children } from 'react';
12
12
  import { css } from '@emotion/react';
13
13
  import { Link } from 'react-router-dom';
14
14
  import { useTheme, designTokens } from '@commercetools-uikit/design-system';
@@ -19,6 +19,8 @@ import _styled from '@emotion/styled/base';
19
19
  import Text from '@commercetools-uikit/text';
20
20
  import Spacings from '@commercetools-uikit/spacings';
21
21
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
22
+ import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
23
+ import { filterDataAttributes } from '@commercetools-uikit/utils';
22
24
 
23
25
  var defaultProps$1 = {
24
26
  type: 'normal',
@@ -85,9 +87,9 @@ TagBody.defaultProps = defaultProps$1;
85
87
  TagBody.displayName = 'TagBody';
86
88
  var TagBody$1 = TagBody;
87
89
 
88
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
90
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
89
91
 
90
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
92
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
91
93
  var defaultProps = {
92
94
  type: 'normal',
93
95
  isDisabled: false,
@@ -107,7 +109,7 @@ var Tag = function Tag(props) {
107
109
  max: props.horizontalConstraint,
108
110
  children: jsxs("div", {
109
111
  css: /*#__PURE__*/css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", props.type === 'warning' ? designTokens.backgroundColorForTagWarning : designTokens.backgroundColorForTag, ";", props.onClick && "&:hover {\n background-color: ".concat(props.type === 'warning' ? designTokens.backgroundColorForTagWarning : designTokens.backgroundColorForTagWhenHovered, ";\n }"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Tag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZnQiIsImZpbGUiOiJ0YWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgTG9jYXRpb25EZXNjcmlwdG9yIH0gZnJvbSAnaGlzdG9yeSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIE1vdXNlRXZlbnQsIEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IGRlc2lnblRva2VucywgdXNlVGhlbWUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBDbG9zZUJvbGRJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFRhZ0JvZHkgZnJvbSAnLi90YWctYm9keSc7XG5cbmV4cG9ydCB0eXBlIFRUYWdQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyBjb2xvciBzY2hlbWUgb2YgdGhlIHRhZy5cbiAgICovXG4gIHR5cGU/OiAnbm9ybWFsJyB8ICd3YXJuaW5nJztcbiAgLyoqXG4gICAqIFN0eWxlcyBvYmplY3QgdGhhdCBpcyBzcHJlYWQgaW50byB0aGUgdGFnIGJvZHkuXG4gICAqL1xuICBzdHlsZXM/OiBSZWNvcmQ8c3RyaW5nLCBTZXJpYWxpemVkU3R5bGVzPjtcbiAgLyoqXG4gICAqIExpbmsgb2YgdGhlIHRhZyB3aGVuIG5vdCBkaXNhYmxlZFxuICAgKi9cbiAgdG8/OiBzdHJpbmcgfCBMb2NhdGlvbkRlc2NyaXB0b3I7XG4gIC8qKlxuICAgKiBEaXNhYmxlIHRoZSB0YWcgZWxlbWVudCBhbG9uZyB3aXRoIHRoZSBvcHRpb24gdG8gcmVtb3ZlIGl0LlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBZGRzIHRoZSBkcmFnZ2FibGUgaWNvbiBvbiB0aGUgbGVmdCBzaWRlLlxuICAgKi9cbiAgaXNEcmFnZ2FibGU/OiBib29sZWFuO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25SZW1vdmU/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gdGFnIGVsZW1lbnQgaXMgY2xpY2tlZC4gVGhpcyBpcyBub3QgY2FsbGVkIHdoZW4gcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgMVxuICAgIHwgMlxuICAgIHwgM1xuICAgIHwgNFxuICAgIHwgNVxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcbiAgLyoqXG4gICAqIENvbnRlbnQgcmVuZGVyZWQgd2l0aGluIHRoZSB0YWdcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRUYWdQcm9wcyxcbiAgJ3R5cGUnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzRHJhZ2dhYmxlJyB8ICdob3Jpem9udGFsQ29uc3RyYWludCdcbj4gPSB7XG4gIHR5cGU6ICdub3JtYWwnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgaXNEcmFnZ2FibGU6IGZhbHNlLFxuICBob3Jpem9udGFsQ29uc3RyYWludDogJ3NjYWxlJyxcbn07XG5cbmNvbnN0IFRhZyA9IChwcm9wczogVFRhZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgbGlua1Byb3BzID1cbiAgICBwcm9wcy50byAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IHsgYXM6IExpbmssIHRvOiBwcm9wcy50byB9IDoge307XG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGEge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgIH1cbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgbWluLXdpZHRoOiAwO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclRhZ1dhcm5pbmdcbiAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclRhZ307XG5cbiAgICAgICAgICAke3Byb3BzLm9uQ2xpY2sgJiZcbiAgICAgICAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke1xuICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JUYWdXYXJuaW5nXG4gICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVGFnV2hlbkhvdmVyZWRcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgfWB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxUYWdCb2R5XG4gICAgICAgICAgey4uLmxpbmtQcm9wc31cbiAgICAgICAgICBzdHlsZXM9e3Byb3BzLnN0eWxlc31cbiAgICAgICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgaXNEcmFnZ2FibGU9e3Byb3BzLmlzRHJhZ2dhYmxlfVxuICAgICAgICA+XG4gICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICA8L1RhZ0JvZHk+XG5cbiAgICAgICAge0Jvb2xlYW4ocHJvcHMub25SZW1vdmUpICYmICEoaXNOZXdUaGVtZSAmJiBwcm9wcy5pc0Rpc2FibGVkKSAmJiAoXG4gICAgICAgICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgICAgICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgICAgICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhZ1JlbW92ZUljb259O1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVGFnfVxuICAgICAgICAgICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVGFnfSAwO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBpbmhlcml0O1xuICAgICAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvclRhZ307XG4gICAgICAgICAgICAgICAgOm5vdCg6ZGlzYWJsZWQpJjpob3ZlcixcbiAgICAgICAgICAgICAgICA6bm90KDpkaXNhYmxlZCkmOmZvY3VzIHtcbiAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yVGFnV2hlbkhvdmVyZWR9O1xuXG4gICAgICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdSZW1vdmVJY29uV2hlbkhvdmVyZWR9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdSZW1vdmVJY29ufTtcbiAgICAgICAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ1doZW5EaXNhYmxlZH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBgLFxuICAgICAgICAgICAgXX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5UYWcuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuVGFnLmRpc3BsYXlOYW1lID0gJ1RhZyc7XG5cbmV4cG9ydCBkZWZhdWx0IFRhZztcbiJdfQ== */"),
110
- children: [jsx(TagBody$1, _objectSpread(_objectSpread({}, linkProps), {}, {
112
+ children: [jsx(TagBody$1, _objectSpread$1(_objectSpread$1({}, linkProps), {}, {
111
113
  styles: props.styles,
112
114
  type: props.type,
113
115
  onClick: props.onClick,
@@ -143,7 +145,54 @@ Tag.defaultProps = defaultProps;
143
145
  Tag.displayName = 'Tag';
144
146
  var Tag$1 = Tag;
145
147
 
148
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
149
+
150
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
151
+
152
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
153
+
154
+ var TagListContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
155
+ target: "e1t0l8771"
156
+ } : {
157
+ target: "e1t0l8771",
158
+ label: "TagListContainer"
159
+ })(process.env.NODE_ENV === "production" ? {
160
+ name: "798ujy",
161
+ styles: "width:100%;display:flex;flex-wrap:wrap"
162
+ } : {
163
+ name: "798ujy",
164
+ styles: "width:100%;display:flex;flex-wrap:wrap",
165
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm1DIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */",
166
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
167
+ });
168
+
169
+ var TagListItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
170
+ target: "e1t0l8770"
171
+ } : {
172
+ target: "e1t0l8770",
173
+ label: "TagListItem"
174
+ })("margin:", designTokens.marginForTagList, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjhCIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */"));
175
+
176
+ var TagList = function TagList(props) {
177
+ return jsx(TagListContainer, _objectSpread(_objectSpread({
178
+ className: props.className
179
+ }, filterDataAttributes(props)), {}, {
180
+ children: _mapInstanceProperty(Children).call(Children, props.children, function (tag) {
181
+ return jsx(TagListItem, {
182
+ children: tag
183
+ });
184
+ })
185
+ }));
186
+ };
187
+
188
+ TagList.propTypes = process.env.NODE_ENV !== "production" ? {
189
+ children: _pt.node.isRequired,
190
+ className: _pt.string
191
+ } : {};
192
+ TagList.displayName = 'TagList';
193
+ var TagList$1 = TagList;
194
+
146
195
  // NOTE: This string will be replaced on build time with the package version.
147
- var version = "15.14.3";
196
+ var version = "15.15.0";
148
197
 
149
- export { Tag$1 as default, version };
198
+ export { Tag$1 as Tag, TagList$1 as TagList, Tag$1 as default, version };
@@ -1,2 +1,3 @@
1
1
  export type { TTagProps } from './tag';
2
2
  export type { TTagBodyProps } from './tag-body';
3
+ export type { TTagListProps } from './tag-list/tag-list';
@@ -1,3 +1,5 @@
1
1
  export { default } from './tag';
2
+ export { default as Tag } from './tag';
3
+ export { default as TagList } from './tag-list';
2
4
  export { default as version } from './version';
3
5
  export * from './export-types';
@@ -0,0 +1 @@
1
+ export { default } from './tag-list';
@@ -0,0 +1,10 @@
1
+ import { type ReactNode } from 'react';
2
+ export type TTagListProps = {
3
+ children: ReactNode;
4
+ className?: string;
5
+ };
6
+ declare const TagList: {
7
+ (props: TTagListProps): import("@emotion/react/jsx-runtime").JSX.Element;
8
+ displayName: string;
9
+ };
10
+ export default TagList;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/tag",
3
3
  "description": "A tag is often used for items that need to be labeled or categorized.",
4
- "version": "15.14.3",
4
+ "version": "15.15.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,12 +21,13 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "15.14.3",
25
- "@commercetools-uikit/constraints": "15.14.3",
26
- "@commercetools-uikit/design-system": "15.14.3",
27
- "@commercetools-uikit/icons": "15.14.3",
28
- "@commercetools-uikit/spacings": "15.14.3",
29
- "@commercetools-uikit/text": "15.14.3",
24
+ "@commercetools-uikit/accessible-button": "15.15.0",
25
+ "@commercetools-uikit/constraints": "15.15.0",
26
+ "@commercetools-uikit/design-system": "15.15.0",
27
+ "@commercetools-uikit/icons": "15.15.0",
28
+ "@commercetools-uikit/spacings": "15.15.0",
29
+ "@commercetools-uikit/text": "15.15.0",
30
+ "@commercetools-uikit/utils": "15.15.0",
30
31
  "@emotion/react": "^11.10.5",
31
32
  "@emotion/styled": "^11.10.5",
32
33
  "prop-types": "15.8.1",