@commercetools-uikit/tag 15.14.3 → 15.15.1

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.
Files changed (11) hide show
  1. package/README.md +26 -1
  2. package/dist/commercetools-uikit-tag.cjs.d.ts +1 -0
  3. package/dist/commercetools-uikit-tag.cjs.d.ts.map +1 -0
  4. package/dist/commercetools-uikit-tag.cjs.dev.js +71 -21
  5. package/dist/commercetools-uikit-tag.cjs.prod.js +55 -21
  6. package/dist/commercetools-uikit-tag.esm.js +69 -22
  7. package/dist/declarations/src/export-types.d.ts +1 -0
  8. package/dist/declarations/src/index.d.ts +2 -0
  9. package/dist/declarations/src/tag-list/index.d.ts +1 -0
  10. package/dist/declarations/src/tag-list/tag-list.d.ts +10 -0
  11. package/package.json +8 -7
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
+ ```
package/dist/commercetools-uikit-tag.cjs.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from "./declarations/src/index";
2
2
  export { default } from "./declarations/src/index";
3
+ //# sourceMappingURL=commercetools-uikit-tag.cjs.d.ts.map
package/dist/commercetools-uikit-tag.cjs.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"commercetools-uikit-tag.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
package/dist/commercetools-uikit-tag.cjs.dev.js CHANGED
@@ -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,42 +42,43 @@ 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
- var defaultProps$1 = {
47
+ const defaultProps$1 = {
45
48
  type: 'normal',
46
49
  isDisabled: false,
47
50
  isDraggable: false
48
51
  };
49
52
 
50
- var Body = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
53
+ const Body = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
51
54
  target: "e1imv23z0"
52
55
  } : {
53
56
  target: "e1imv23z0",
54
57
  label: "Body"
55
58
  })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjhCIiwiZmlsZSI6InRhZy1ib2R5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgdHlwZSB7IFRUYWdQcm9wcyB9IGZyb20gJy4vdGFnJztcblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBEcmFnSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IHR5cGVvZiBMaW5rO1xuICB0eXBlPzogVFRhZ1Byb3BzWyd0eXBlJ107XG4gIG9uQ2xpY2s/OiBUVGFnUHJvcHNbJ29uQ2xpY2snXTtcbiAgb25SZW1vdmU/OiBUVGFnUHJvcHNbJ29uUmVtb3ZlJ107XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc0RyYWdnYWJsZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHN0eWxlcz86IFRUYWdQcm9wc1snc3R5bGVzJ107XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhZ1Byb3BzLCAndHlwZScgfCAnaXNEaXNhYmxlZCcgfCAnaXNEcmFnZ2FibGUnPiA9IHtcbiAgdHlwZTogJ25vcm1hbCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICBpc0RyYWdnYWJsZTogZmFsc2UsXG59O1xuXG50eXBlIFRCb2R5ID0gUGljazxUVGFnQm9keVByb3BzLCAndG8nIHwgJ2FzJz47XG5jb25zdCBCb2R5ID0gc3R5bGVkLmRpdjxUQm9keT5gYDtcblxuY29uc3QgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMgPSAodHlwZTogVFRhZ0JvZHlQcm9wc1sndHlwZSddKSA9PiB7XG4gIHJldHVybiB0eXBlID09PSAnd2FybmluZydcbiAgICA/IFtdXG4gICAgOiBbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZH07XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgXTtcbn07XG5cbmNvbnN0IGdldFRleHREZXRhaWxDb2xvciA9IChpc0Rpc2FibGVkOiBUVGFnQm9keVByb3BzWydpc0Rpc2FibGVkJ10pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnV2hlbkRpc2FibGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcywgaXNOZXdUaGVtZTogYm9vbGVhbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXMyfTtcbiAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFnfTtcbiAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgbWluLXdpZHRoOiAwO1xuICAgIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgaHlwaGVuczogYXV0bztcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZ1xuICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWd9O1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWd9O1xuICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ0RyYWdJY29ufTtcblxuICAgIC8qIGZpeGluZyB0aGluZ3MgZm9yIElFMTEgLi4uICovXG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBzbWFsbCB7XG4gICAgICBjb2xvcjogJHtnZXRUZXh0RGV0YWlsQ29sb3IocHJvcHMuaXNEaXNhYmxlZCl9O1xuICAgIH1cblxuICAgICR7cHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgIGlzTmV3VGhlbWUgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHByb3BzOiBUVGFnQm9keVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUsIGlzTmV3VGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHRleHRUb25lID0gcHJvcHMuaXNEaXNhYmxlZCA/ICdzZWNvbmRhcnknIDogJ2luaGVyaXQnO1xuICBjb25zdCBUZXh0Q29tcG9uZW50ID0gdGhlbWVkVmFsdWUoVGV4dC5EZXRhaWwsIFRleHQuQm9keSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVxuICAgICAgdG89e3Byb3BzLnRvfVxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgY3NzPXtbXG4gICAgICAgIGdldENvbnRlbnRXcmFwcGVyU3R5bGVzKHByb3BzLCBpc05ld1RoZW1lKSxcbiAgICAgICAgQm9vbGVhbihwcm9wcy5vblJlbW92ZSkgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6ICR7IShwcm9wcy5pc0Rpc2FibGVkICYmIGlzTmV3VGhlbWUpICYmICcwJ307XG4gICAgICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgICAgICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIGAsXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGdldENsaWNrYWJsZUNvbnRlbnRXcmFwcGVyU3R5bGVzKHByb3BzLnR5cGUpLFxuICAgICAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yVGFnV2hlbkhvdmVyZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJHshaXNOZXdUaGVtZSAmJlxuICAgICAgICAgICAgYFxuICAgICAgICAgICAgICAmOmhvdmVyOjphZnRlciB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHJpZ2h0OiAtMXB4O1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7XG4gICAgICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yVGFnV2hlbkZvY3VzZWRcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLmlzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICB7cHJvcHMuaXNEcmFnZ2FibGUgJiYgIXByb3BzLmlzRGlzYWJsZWQgPyAoXG4gICAgICAgICAgPERyYWdJY29uXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyYWctaWNvblwiXG4gICAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZWRWYWx1ZSgnc29saWQnLCB1bmRlZmluZWQpfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8VGV4dENvbXBvbmVudCB0b25lPXt0ZXh0VG9uZX0+e3Byb3BzLmNoaWxkcmVufTwvVGV4dENvbXBvbmVudD5cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgIDwvQm9keT5cbiAgKTtcbn07XG5cblRhZ0JvZHkuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */");
56
59
 
57
- var getClickableContentWrapperStyles = function getClickableContentWrapperStyles(type) {
60
+ const getClickableContentWrapperStyles = type => {
58
61
  return type === 'warning' ? [] : [/*#__PURE__*/react.css("&:hover{border-color:", designSystem.designTokens.borderColorForTagWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getClickableContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ1ciLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgVFRhZ1Byb3BzIH0gZnJvbSAnLi90YWcnO1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IERyYWdJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcblxuZXhwb3J0IHR5cGUgVFRhZ0JvZHlQcm9wcyA9IHtcbiAgdG8/OiBUVGFnUHJvcHNbJ3RvJ107XG4gIGFzPzogdHlwZW9mIExpbms7XG4gIHR5cGU/OiBUVGFnUHJvcHNbJ3R5cGUnXTtcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFnUHJvcHMsICd0eXBlJyB8ICdpc0Rpc2FibGVkJyB8ICdpc0RyYWdnYWJsZSc+ID0ge1xuICB0eXBlOiAnbm9ybWFsJyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG4gIGlzRHJhZ2dhYmxlOiBmYWxzZSxcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRDbGlja2FibGVDb250ZW50V3JhcHBlclN0eWxlcyA9ICh0eXBlOiBUVGFnQm9keVByb3BzWyd0eXBlJ10pID0+IHtcbiAgcmV0dXJuIHR5cGUgPT09ICd3YXJuaW5nJ1xuICAgID8gW11cbiAgICA6IFtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ1doZW5Gb2N1c2VkfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xufTtcblxuY29uc3QgZ2V0VGV4dERldGFpbENvbG9yID0gKGlzRGlzYWJsZWQ6IFRUYWdCb2R5UHJvcHNbJ2lzRGlzYWJsZWQnXSkgPT4ge1xuICBpZiAoaXNEaXNhYmxlZCkgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdXaGVuRGlzYWJsZWQ7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbn07XG5cbmNvbnN0IGdldENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUVGFnQm9keVByb3BzLCBpc05ld1RoZW1lOiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czJ9O1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWd9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ307XG4gICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnRHJhZ0ljb259O1xuXG4gICAgLyogZml4aW5nIHRoaW5ncyBmb3IgSUUxMSAuLi4gKi9cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIHNtYWxsIHtcbiAgICAgIGNvbG9yOiAke2dldFRleHREZXRhaWxDb2xvcihwcm9wcy5pc0Rpc2FibGVkKX07XG4gICAgfVxuXG4gICAgJHtwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgaXNOZXdUaGVtZSAmJlxuICAgIGBcbiAgICAgICoge1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgYH1cbiAgYDtcbn07XG5cbmNvbnN0IFRhZ0JvZHkgPSAocHJvcHM6IFRUYWdCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSwgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdGV4dFRvbmUgPSBwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiAnaW5oZXJpdCc7XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZWRWYWx1ZShUZXh0LkRldGFpbCwgVGV4dC5Cb2R5KTtcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMsIGlzTmV3VGhlbWUpLFxuICAgICAgICBCb29sZWFuKHByb3BzLm9uUmVtb3ZlKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogJHshKHByb3BzLmlzRGlzYWJsZWQgJiYgaXNOZXdUaGVtZSkgJiYgJzAnfTtcbiAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgICAgYCxcbiAgICAgICAgIXByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgICAgICBCb29sZWFuKHByb3BzLm9uQ2xpY2spICYmXG4gICAgICAgICAgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMudHlwZSksXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JUYWdXaGVuSG92ZXJlZH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAkeyFpc05ld1RoZW1lICYmXG4gICAgICAgICAgICBgXG4gICAgICAgICAgICAgICY6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IC0xcHg7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgICAgICAgICAgIHByb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmdcbiAgICAgICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgLFxuICAgICAgICBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICBdfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2xpY2t9XG4gICAgPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtwcm9wcy5pc0RyYWdnYWJsZSAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0ljb25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCJcbiAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgY29sb3I9e3RoZW1lZFZhbHVlKCdzb2xpZCcsIHVuZGVmaW5lZCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3RleHRUb25lfT57cHJvcHMuY2hpbGRyZW59PC9UZXh0Q29tcG9uZW50PlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5UYWdCb2R5LmRpc3BsYXlOYW1lID0gJ1RhZ0JvZHknO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdCb2R5O1xuIl19 */")];
59
62
  };
60
63
 
61
- var getTextDetailColor = function getTextDetailColor(isDisabled) {
64
+ const getTextDetailColor = isDisabled => {
62
65
  if (isDisabled) return designSystem.designTokens.fontColorForTagWhenDisabled;
63
66
  return designSystem.designTokens.colorSolid;
64
67
  };
65
68
 
66
- var getContentWrapperStyles = function getContentWrapperStyles(props, isNewTheme) {
69
+ const getContentWrapperStyles = (props, isNewTheme) => {
67
70
  return /*#__PURE__*/react.css("position:relative;display:flex;box-sizing:border-box;align-items:center;border-radius:", designSystem.designTokens.borderRadius2, ";padding:", designSystem.designTokens.paddingForTag, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;border-style:solid;border-width:1px;border-color:", props.type === 'warning' ? designSystem.designTokens.colorWarning : designSystem.designTokens.borderColorForTag, ";color:", designSystem.designTokens.fontColorForTag, ";fill:", designSystem.designTokens.fontColorForTagDragIcon, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && isNewTheme && "\n * {\n color: ".concat(designSystem.designTokens.colorNeutral60, " !important;\n }\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFkiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgVFRhZ1Byb3BzIH0gZnJvbSAnLi90YWcnO1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IERyYWdJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcblxuZXhwb3J0IHR5cGUgVFRhZ0JvZHlQcm9wcyA9IHtcbiAgdG8/OiBUVGFnUHJvcHNbJ3RvJ107XG4gIGFzPzogdHlwZW9mIExpbms7XG4gIHR5cGU/OiBUVGFnUHJvcHNbJ3R5cGUnXTtcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFnUHJvcHMsICd0eXBlJyB8ICdpc0Rpc2FibGVkJyB8ICdpc0RyYWdnYWJsZSc+ID0ge1xuICB0eXBlOiAnbm9ybWFsJyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG4gIGlzRHJhZ2dhYmxlOiBmYWxzZSxcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRDbGlja2FibGVDb250ZW50V3JhcHBlclN0eWxlcyA9ICh0eXBlOiBUVGFnQm9keVByb3BzWyd0eXBlJ10pID0+IHtcbiAgcmV0dXJuIHR5cGUgPT09ICd3YXJuaW5nJ1xuICAgID8gW11cbiAgICA6IFtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ1doZW5Gb2N1c2VkfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xufTtcblxuY29uc3QgZ2V0VGV4dERldGFpbENvbG9yID0gKGlzRGlzYWJsZWQ6IFRUYWdCb2R5UHJvcHNbJ2lzRGlzYWJsZWQnXSkgPT4ge1xuICBpZiAoaXNEaXNhYmxlZCkgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdXaGVuRGlzYWJsZWQ7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbn07XG5cbmNvbnN0IGdldENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUVGFnQm9keVByb3BzLCBpc05ld1RoZW1lOiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czJ9O1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWd9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ307XG4gICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnRHJhZ0ljb259O1xuXG4gICAgLyogZml4aW5nIHRoaW5ncyBmb3IgSUUxMSAuLi4gKi9cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIHNtYWxsIHtcbiAgICAgIGNvbG9yOiAke2dldFRleHREZXRhaWxDb2xvcihwcm9wcy5pc0Rpc2FibGVkKX07XG4gICAgfVxuXG4gICAgJHtwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgaXNOZXdUaGVtZSAmJlxuICAgIGBcbiAgICAgICoge1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgYH1cbiAgYDtcbn07XG5cbmNvbnN0IFRhZ0JvZHkgPSAocHJvcHM6IFRUYWdCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSwgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdGV4dFRvbmUgPSBwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiAnaW5oZXJpdCc7XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZWRWYWx1ZShUZXh0LkRldGFpbCwgVGV4dC5Cb2R5KTtcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMsIGlzTmV3VGhlbWUpLFxuICAgICAgICBCb29sZWFuKHByb3BzLm9uUmVtb3ZlKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogJHshKHByb3BzLmlzRGlzYWJsZWQgJiYgaXNOZXdUaGVtZSkgJiYgJzAnfTtcbiAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgICAgYCxcbiAgICAgICAgIXByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgICAgICBCb29sZWFuKHByb3BzLm9uQ2xpY2spICYmXG4gICAgICAgICAgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMudHlwZSksXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JUYWdXaGVuSG92ZXJlZH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAkeyFpc05ld1RoZW1lICYmXG4gICAgICAgICAgICBgXG4gICAgICAgICAgICAgICY6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IC0xcHg7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgICAgICAgICAgIHByb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmdcbiAgICAgICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgLFxuICAgICAgICBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICBdfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2xpY2t9XG4gICAgPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtwcm9wcy5pc0RyYWdnYWJsZSAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0ljb25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCJcbiAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgY29sb3I9e3RoZW1lZFZhbHVlKCdzb2xpZCcsIHVuZGVmaW5lZCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3RleHRUb25lfT57cHJvcHMuY2hpbGRyZW59PC9UZXh0Q29tcG9uZW50PlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5UYWdCb2R5LmRpc3BsYXlOYW1lID0gJ1RhZ0JvZHknO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdCb2R5O1xuIl19 */");
68
71
  };
69
72
 
70
- var TagBody = function TagBody(props) {
73
+ const TagBody = props => {
71
74
  var _props$styles;
72
75
 
73
- var _useTheme = designSystem.useTheme(),
74
- themedValue = _useTheme.themedValue,
75
- isNewTheme = _useTheme.isNewTheme;
76
+ const _useTheme = designSystem.useTheme(),
77
+ themedValue = _useTheme.themedValue,
78
+ isNewTheme = _useTheme.isNewTheme;
76
79
 
77
- var textTone = props.isDisabled ? 'secondary' : 'inherit';
78
- var TextComponent = themedValue(Text__default["default"].Detail, Text__default["default"].Body);
80
+ const textTone = props.isDisabled ? 'secondary' : 'inherit';
81
+ const TextComponent = themedValue(Text__default["default"].Detail, Text__default["default"].Body);
79
82
  return jsxRuntime.jsx(Body, {
80
83
  to: props.to,
81
84
  as: props.as,
@@ -106,21 +109,21 @@ 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; }
112
- var defaultProps = {
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; }
115
+ const defaultProps = {
113
116
  type: 'normal',
114
117
  isDisabled: false,
115
118
  isDraggable: false,
116
119
  horizontalConstraint: 'scale'
117
120
  };
118
121
 
119
- var Tag = function Tag(props) {
120
- var _useTheme = designSystem.useTheme(),
121
- isNewTheme = _useTheme.isNewTheme;
122
+ const Tag = props => {
123
+ const _useTheme = designSystem.useTheme(),
124
+ isNewTheme = _useTheme.isNewTheme;
122
125
 
123
- var linkProps = props.to && !props.isDisabled ? {
126
+ const linkProps = props.to && !props.isDisabled ? {
124
127
  as: reactRouterDom.Link,
125
128
  to: props.to
126
129
  } : {};
@@ -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,55 @@ 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
+ const 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
+ const 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
+ const 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, tag => jsxRuntime.jsx(TagListItem, {
203
+ children: tag
204
+ }))
205
+ }));
206
+ };
207
+
208
+ TagList.propTypes = process.env.NODE_ENV !== "production" ? {
209
+ children: _pt__default["default"].node.isRequired,
210
+ className: _pt__default["default"].string
211
+ } : {};
212
+ TagList.displayName = 'TagList';
213
+ var TagList$1 = TagList;
214
+
167
215
  // NOTE: This string will be replaced on build time with the package version.
168
- var version = "15.14.3";
216
+ var version = "15.15.1";
169
217
 
218
+ exports.Tag = Tag$1;
219
+ exports.TagList = TagList$1;
170
220
  exports["default"] = Tag$1;
171
221
  exports.version = version;
package/dist/commercetools-uikit-tag.cjs.prod.js CHANGED
@@ -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,39 +41,40 @@ 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
- var defaultProps$1 = {
46
+ const defaultProps$1 = {
44
47
  type: 'normal',
45
48
  isDisabled: false,
46
49
  isDraggable: false
47
50
  };
48
51
 
49
- var Body = /*#__PURE__*/_styled__default["default"]("div", {
52
+ const Body = /*#__PURE__*/_styled__default["default"]("div", {
50
53
  target: "e1imv23z0"
51
54
  } )("" );
52
55
 
53
- var getClickableContentWrapperStyles = function getClickableContentWrapperStyles(type) {
56
+ const getClickableContentWrapperStyles = type => {
54
57
  return type === 'warning' ? [] : [/*#__PURE__*/react.css("&:hover{border-color:", designSystem.designTokens.borderColorForTagWhenFocused, ";}" + ("" ), "" )];
55
58
  };
56
59
 
57
- var getTextDetailColor = function getTextDetailColor(isDisabled) {
60
+ const getTextDetailColor = isDisabled => {
58
61
  if (isDisabled) return designSystem.designTokens.fontColorForTagWhenDisabled;
59
62
  return designSystem.designTokens.colorSolid;
60
63
  };
61
64
 
62
- var getContentWrapperStyles = function getContentWrapperStyles(props, isNewTheme) {
65
+ const getContentWrapperStyles = (props, isNewTheme) => {
63
66
  return /*#__PURE__*/react.css("position:relative;display:flex;box-sizing:border-box;align-items:center;border-radius:", designSystem.designTokens.borderRadius2, ";padding:", designSystem.designTokens.paddingForTag, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;border-style:solid;border-width:1px;border-color:", props.type === 'warning' ? designSystem.designTokens.colorWarning : designSystem.designTokens.borderColorForTag, ";color:", designSystem.designTokens.fontColorForTag, ";fill:", designSystem.designTokens.fontColorForTagDragIcon, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && isNewTheme && "\n * {\n color: ".concat(designSystem.designTokens.colorNeutral60, " !important;\n }\n "), ";" + ("" ), "" );
64
67
  };
65
68
 
66
- var TagBody = function TagBody(props) {
69
+ const TagBody = props => {
67
70
  var _props$styles;
68
71
 
69
- var _useTheme = designSystem.useTheme(),
70
- themedValue = _useTheme.themedValue,
71
- isNewTheme = _useTheme.isNewTheme;
72
+ const _useTheme = designSystem.useTheme(),
73
+ themedValue = _useTheme.themedValue,
74
+ isNewTheme = _useTheme.isNewTheme;
72
75
 
73
- var textTone = props.isDisabled ? 'secondary' : 'inherit';
74
- var TextComponent = themedValue(Text__default["default"].Detail, Text__default["default"].Body);
76
+ const textTone = props.isDisabled ? 'secondary' : 'inherit';
77
+ const TextComponent = themedValue(Text__default["default"].Detail, Text__default["default"].Body);
75
78
  return jsxRuntime.jsx(Body, {
76
79
  to: props.to,
77
80
  as: props.as,
@@ -97,21 +100,21 @@ 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; }
103
- var defaultProps = {
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; }
106
+ const defaultProps = {
104
107
  type: 'normal',
105
108
  isDisabled: false,
106
109
  isDraggable: false,
107
110
  horizontalConstraint: 'scale'
108
111
  };
109
112
 
110
- var Tag = function Tag(props) {
111
- var _useTheme = designSystem.useTheme(),
112
- isNewTheme = _useTheme.isNewTheme;
113
+ const Tag = props => {
114
+ const _useTheme = designSystem.useTheme(),
115
+ isNewTheme = _useTheme.isNewTheme;
113
116
 
114
- var linkProps = props.to && !props.isDisabled ? {
117
+ const linkProps = props.to && !props.isDisabled ? {
115
118
  as: reactRouterDom.Link,
116
119
  to: props.to
117
120
  } : {};
@@ -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,39 @@ 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
+ const 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
+ const TagListItem = /*#__PURE__*/_styled__default["default"]("div", {
163
+ target: "e1t0l8770"
164
+ } )("margin:", designSystem.designTokens.marginForTagList, ";" + ("" ));
165
+
166
+ const 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, tag => jsxRuntime.jsx(TagListItem, {
171
+ children: tag
172
+ }))
173
+ }));
174
+ };
175
+
176
+ TagList.propTypes = {};
177
+ TagList.displayName = 'TagList';
178
+ var TagList$1 = TagList;
179
+
148
180
  // NOTE: This string will be replaced on build time with the package version.
149
- var version = "15.14.3";
181
+ var version = "15.15.1";
150
182
 
183
+ exports.Tag = Tag$1;
184
+ exports.TagList = TagList$1;
151
185
  exports["default"] = Tag$1;
152
186
  exports.version = version;
package/dist/commercetools-uikit-tag.esm.js CHANGED
@@ -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,42 +19,44 @@ 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
- var defaultProps$1 = {
25
+ const defaultProps$1 = {
24
26
  type: 'normal',
25
27
  isDisabled: false,
26
28
  isDraggable: false
27
29
  };
28
30
 
29
- var Body = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
31
+ const Body = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
30
32
  target: "e1imv23z0"
31
33
  } : {
32
34
  target: "e1imv23z0",
33
35
  label: "Body"
34
36
  })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjhCIiwiZmlsZSI6InRhZy1ib2R5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgdHlwZSB7IFRUYWdQcm9wcyB9IGZyb20gJy4vdGFnJztcblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBEcmFnSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IHR5cGVvZiBMaW5rO1xuICB0eXBlPzogVFRhZ1Byb3BzWyd0eXBlJ107XG4gIG9uQ2xpY2s/OiBUVGFnUHJvcHNbJ29uQ2xpY2snXTtcbiAgb25SZW1vdmU/OiBUVGFnUHJvcHNbJ29uUmVtb3ZlJ107XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc0RyYWdnYWJsZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHN0eWxlcz86IFRUYWdQcm9wc1snc3R5bGVzJ107XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhZ1Byb3BzLCAndHlwZScgfCAnaXNEaXNhYmxlZCcgfCAnaXNEcmFnZ2FibGUnPiA9IHtcbiAgdHlwZTogJ25vcm1hbCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICBpc0RyYWdnYWJsZTogZmFsc2UsXG59O1xuXG50eXBlIFRCb2R5ID0gUGljazxUVGFnQm9keVByb3BzLCAndG8nIHwgJ2FzJz47XG5jb25zdCBCb2R5ID0gc3R5bGVkLmRpdjxUQm9keT5gYDtcblxuY29uc3QgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMgPSAodHlwZTogVFRhZ0JvZHlQcm9wc1sndHlwZSddKSA9PiB7XG4gIHJldHVybiB0eXBlID09PSAnd2FybmluZydcbiAgICA/IFtdXG4gICAgOiBbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZH07XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgXTtcbn07XG5cbmNvbnN0IGdldFRleHREZXRhaWxDb2xvciA9IChpc0Rpc2FibGVkOiBUVGFnQm9keVByb3BzWydpc0Rpc2FibGVkJ10pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnV2hlbkRpc2FibGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcywgaXNOZXdUaGVtZTogYm9vbGVhbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXMyfTtcbiAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFnfTtcbiAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgbWluLXdpZHRoOiAwO1xuICAgIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgaHlwaGVuczogYXV0bztcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZ1xuICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWd9O1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWd9O1xuICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ0RyYWdJY29ufTtcblxuICAgIC8qIGZpeGluZyB0aGluZ3MgZm9yIElFMTEgLi4uICovXG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBzbWFsbCB7XG4gICAgICBjb2xvcjogJHtnZXRUZXh0RGV0YWlsQ29sb3IocHJvcHMuaXNEaXNhYmxlZCl9O1xuICAgIH1cblxuICAgICR7cHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgIGlzTmV3VGhlbWUgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHByb3BzOiBUVGFnQm9keVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUsIGlzTmV3VGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHRleHRUb25lID0gcHJvcHMuaXNEaXNhYmxlZCA/ICdzZWNvbmRhcnknIDogJ2luaGVyaXQnO1xuICBjb25zdCBUZXh0Q29tcG9uZW50ID0gdGhlbWVkVmFsdWUoVGV4dC5EZXRhaWwsIFRleHQuQm9keSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVxuICAgICAgdG89e3Byb3BzLnRvfVxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgY3NzPXtbXG4gICAgICAgIGdldENvbnRlbnRXcmFwcGVyU3R5bGVzKHByb3BzLCBpc05ld1RoZW1lKSxcbiAgICAgICAgQm9vbGVhbihwcm9wcy5vblJlbW92ZSkgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6ICR7IShwcm9wcy5pc0Rpc2FibGVkICYmIGlzTmV3VGhlbWUpICYmICcwJ307XG4gICAgICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgICAgICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIGAsXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGdldENsaWNrYWJsZUNvbnRlbnRXcmFwcGVyU3R5bGVzKHByb3BzLnR5cGUpLFxuICAgICAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yVGFnV2hlbkhvdmVyZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJHshaXNOZXdUaGVtZSAmJlxuICAgICAgICAgICAgYFxuICAgICAgICAgICAgICAmOmhvdmVyOjphZnRlciB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHJpZ2h0OiAtMXB4O1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7XG4gICAgICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yVGFnV2hlbkZvY3VzZWRcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLmlzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICB7cHJvcHMuaXNEcmFnZ2FibGUgJiYgIXByb3BzLmlzRGlzYWJsZWQgPyAoXG4gICAgICAgICAgPERyYWdJY29uXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyYWctaWNvblwiXG4gICAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZWRWYWx1ZSgnc29saWQnLCB1bmRlZmluZWQpfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8VGV4dENvbXBvbmVudCB0b25lPXt0ZXh0VG9uZX0+e3Byb3BzLmNoaWxkcmVufTwvVGV4dENvbXBvbmVudD5cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgIDwvQm9keT5cbiAgKTtcbn07XG5cblRhZ0JvZHkuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */");
35
37
 
36
- var getClickableContentWrapperStyles = function getClickableContentWrapperStyles(type) {
38
+ const getClickableContentWrapperStyles = type => {
37
39
  return type === 'warning' ? [] : [/*#__PURE__*/css("&:hover{border-color:", designTokens.borderColorForTagWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getClickableContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ1ciLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgVFRhZ1Byb3BzIH0gZnJvbSAnLi90YWcnO1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IERyYWdJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcblxuZXhwb3J0IHR5cGUgVFRhZ0JvZHlQcm9wcyA9IHtcbiAgdG8/OiBUVGFnUHJvcHNbJ3RvJ107XG4gIGFzPzogdHlwZW9mIExpbms7XG4gIHR5cGU/OiBUVGFnUHJvcHNbJ3R5cGUnXTtcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFnUHJvcHMsICd0eXBlJyB8ICdpc0Rpc2FibGVkJyB8ICdpc0RyYWdnYWJsZSc+ID0ge1xuICB0eXBlOiAnbm9ybWFsJyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG4gIGlzRHJhZ2dhYmxlOiBmYWxzZSxcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRDbGlja2FibGVDb250ZW50V3JhcHBlclN0eWxlcyA9ICh0eXBlOiBUVGFnQm9keVByb3BzWyd0eXBlJ10pID0+IHtcbiAgcmV0dXJuIHR5cGUgPT09ICd3YXJuaW5nJ1xuICAgID8gW11cbiAgICA6IFtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ1doZW5Gb2N1c2VkfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xufTtcblxuY29uc3QgZ2V0VGV4dERldGFpbENvbG9yID0gKGlzRGlzYWJsZWQ6IFRUYWdCb2R5UHJvcHNbJ2lzRGlzYWJsZWQnXSkgPT4ge1xuICBpZiAoaXNEaXNhYmxlZCkgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdXaGVuRGlzYWJsZWQ7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbn07XG5cbmNvbnN0IGdldENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUVGFnQm9keVByb3BzLCBpc05ld1RoZW1lOiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czJ9O1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWd9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ307XG4gICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnRHJhZ0ljb259O1xuXG4gICAgLyogZml4aW5nIHRoaW5ncyBmb3IgSUUxMSAuLi4gKi9cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIHNtYWxsIHtcbiAgICAgIGNvbG9yOiAke2dldFRleHREZXRhaWxDb2xvcihwcm9wcy5pc0Rpc2FibGVkKX07XG4gICAgfVxuXG4gICAgJHtwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgaXNOZXdUaGVtZSAmJlxuICAgIGBcbiAgICAgICoge1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgYH1cbiAgYDtcbn07XG5cbmNvbnN0IFRhZ0JvZHkgPSAocHJvcHM6IFRUYWdCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSwgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdGV4dFRvbmUgPSBwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiAnaW5oZXJpdCc7XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZWRWYWx1ZShUZXh0LkRldGFpbCwgVGV4dC5Cb2R5KTtcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMsIGlzTmV3VGhlbWUpLFxuICAgICAgICBCb29sZWFuKHByb3BzLm9uUmVtb3ZlKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogJHshKHByb3BzLmlzRGlzYWJsZWQgJiYgaXNOZXdUaGVtZSkgJiYgJzAnfTtcbiAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgICAgYCxcbiAgICAgICAgIXByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgICAgICBCb29sZWFuKHByb3BzLm9uQ2xpY2spICYmXG4gICAgICAgICAgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMudHlwZSksXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JUYWdXaGVuSG92ZXJlZH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAkeyFpc05ld1RoZW1lICYmXG4gICAgICAgICAgICBgXG4gICAgICAgICAgICAgICY6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IC0xcHg7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgICAgICAgICAgIHByb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmdcbiAgICAgICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgLFxuICAgICAgICBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICBdfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2xpY2t9XG4gICAgPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtwcm9wcy5pc0RyYWdnYWJsZSAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0ljb25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCJcbiAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgY29sb3I9e3RoZW1lZFZhbHVlKCdzb2xpZCcsIHVuZGVmaW5lZCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3RleHRUb25lfT57cHJvcHMuY2hpbGRyZW59PC9UZXh0Q29tcG9uZW50PlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5UYWdCb2R5LmRpc3BsYXlOYW1lID0gJ1RhZ0JvZHknO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdCb2R5O1xuIl19 */")];
38
40
  };
39
41
 
40
- var getTextDetailColor = function getTextDetailColor(isDisabled) {
42
+ const getTextDetailColor = isDisabled => {
41
43
  if (isDisabled) return designTokens.fontColorForTagWhenDisabled;
42
44
  return designTokens.colorSolid;
43
45
  };
44
46
 
45
- var getContentWrapperStyles = function getContentWrapperStyles(props, isNewTheme) {
47
+ const getContentWrapperStyles = (props, isNewTheme) => {
46
48
  return /*#__PURE__*/css("position:relative;display:flex;box-sizing:border-box;align-items:center;border-radius:", designTokens.borderRadius2, ";padding:", designTokens.paddingForTag, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;border-style:solid;border-width:1px;border-color:", props.type === 'warning' ? designTokens.colorWarning : designTokens.borderColorForTag, ";color:", designTokens.fontColorForTag, ";fill:", designTokens.fontColorForTagDragIcon, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && isNewTheme && "\n * {\n color: ".concat(designTokens.colorNeutral60, " !important;\n }\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFkiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgVFRhZ1Byb3BzIH0gZnJvbSAnLi90YWcnO1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IERyYWdJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcblxuZXhwb3J0IHR5cGUgVFRhZ0JvZHlQcm9wcyA9IHtcbiAgdG8/OiBUVGFnUHJvcHNbJ3RvJ107XG4gIGFzPzogdHlwZW9mIExpbms7XG4gIHR5cGU/OiBUVGFnUHJvcHNbJ3R5cGUnXTtcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFnUHJvcHMsICd0eXBlJyB8ICdpc0Rpc2FibGVkJyB8ICdpc0RyYWdnYWJsZSc+ID0ge1xuICB0eXBlOiAnbm9ybWFsJyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG4gIGlzRHJhZ2dhYmxlOiBmYWxzZSxcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRDbGlja2FibGVDb250ZW50V3JhcHBlclN0eWxlcyA9ICh0eXBlOiBUVGFnQm9keVByb3BzWyd0eXBlJ10pID0+IHtcbiAgcmV0dXJuIHR5cGUgPT09ICd3YXJuaW5nJ1xuICAgID8gW11cbiAgICA6IFtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ1doZW5Gb2N1c2VkfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xufTtcblxuY29uc3QgZ2V0VGV4dERldGFpbENvbG9yID0gKGlzRGlzYWJsZWQ6IFRUYWdCb2R5UHJvcHNbJ2lzRGlzYWJsZWQnXSkgPT4ge1xuICBpZiAoaXNEaXNhYmxlZCkgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdXaGVuRGlzYWJsZWQ7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbn07XG5cbmNvbnN0IGdldENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUVGFnQm9keVByb3BzLCBpc05ld1RoZW1lOiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czJ9O1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWd9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ307XG4gICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnRHJhZ0ljb259O1xuXG4gICAgLyogZml4aW5nIHRoaW5ncyBmb3IgSUUxMSAuLi4gKi9cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIHNtYWxsIHtcbiAgICAgIGNvbG9yOiAke2dldFRleHREZXRhaWxDb2xvcihwcm9wcy5pc0Rpc2FibGVkKX07XG4gICAgfVxuXG4gICAgJHtwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgaXNOZXdUaGVtZSAmJlxuICAgIGBcbiAgICAgICoge1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgYH1cbiAgYDtcbn07XG5cbmNvbnN0IFRhZ0JvZHkgPSAocHJvcHM6IFRUYWdCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSwgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdGV4dFRvbmUgPSBwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiAnaW5oZXJpdCc7XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZWRWYWx1ZShUZXh0LkRldGFpbCwgVGV4dC5Cb2R5KTtcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMsIGlzTmV3VGhlbWUpLFxuICAgICAgICBCb29sZWFuKHByb3BzLm9uUmVtb3ZlKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogJHshKHByb3BzLmlzRGlzYWJsZWQgJiYgaXNOZXdUaGVtZSkgJiYgJzAnfTtcbiAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgICAgYCxcbiAgICAgICAgIXByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgICAgICBCb29sZWFuKHByb3BzLm9uQ2xpY2spICYmXG4gICAgICAgICAgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMudHlwZSksXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JUYWdXaGVuSG92ZXJlZH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAkeyFpc05ld1RoZW1lICYmXG4gICAgICAgICAgICBgXG4gICAgICAgICAgICAgICY6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IC0xcHg7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgICAgICAgICAgIHByb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmdcbiAgICAgICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgLFxuICAgICAgICBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICBdfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2xpY2t9XG4gICAgPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtwcm9wcy5pc0RyYWdnYWJsZSAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0ljb25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCJcbiAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgY29sb3I9e3RoZW1lZFZhbHVlKCdzb2xpZCcsIHVuZGVmaW5lZCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3RleHRUb25lfT57cHJvcHMuY2hpbGRyZW59PC9UZXh0Q29tcG9uZW50PlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5UYWdCb2R5LmRpc3BsYXlOYW1lID0gJ1RhZ0JvZHknO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdCb2R5O1xuIl19 */");
47
49
  };
48
50
 
49
- var TagBody = function TagBody(props) {
51
+ const TagBody = props => {
50
52
  var _props$styles;
51
53
 
52
- var _useTheme = useTheme(),
53
- themedValue = _useTheme.themedValue,
54
- isNewTheme = _useTheme.isNewTheme;
54
+ const _useTheme = useTheme(),
55
+ themedValue = _useTheme.themedValue,
56
+ isNewTheme = _useTheme.isNewTheme;
55
57
 
56
- var textTone = props.isDisabled ? 'secondary' : 'inherit';
57
- var TextComponent = themedValue(Text.Detail, Text.Body);
58
+ const textTone = props.isDisabled ? 'secondary' : 'inherit';
59
+ const TextComponent = themedValue(Text.Detail, Text.Body);
58
60
  return jsx(Body, {
59
61
  to: props.to,
60
62
  as: props.as,
@@ -85,21 +87,21 @@ 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; }
91
- var defaultProps = {
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; }
93
+ const defaultProps = {
92
94
  type: 'normal',
93
95
  isDisabled: false,
94
96
  isDraggable: false,
95
97
  horizontalConstraint: 'scale'
96
98
  };
97
99
 
98
- var Tag = function Tag(props) {
99
- var _useTheme = useTheme(),
100
- isNewTheme = _useTheme.isNewTheme;
100
+ const Tag = props => {
101
+ const _useTheme = useTheme(),
102
+ isNewTheme = _useTheme.isNewTheme;
101
103
 
102
- var linkProps = props.to && !props.isDisabled ? {
104
+ const linkProps = props.to && !props.isDisabled ? {
103
105
  as: Link,
104
106
  to: props.to
105
107
  } : {};
@@ -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,52 @@ 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
+ const 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
+ const 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
+ const TagList = props => {
177
+ return jsx(TagListContainer, _objectSpread(_objectSpread({
178
+ className: props.className
179
+ }, filterDataAttributes(props)), {}, {
180
+ children: _mapInstanceProperty(Children).call(Children, props.children, tag => jsx(TagListItem, {
181
+ children: tag
182
+ }))
183
+ }));
184
+ };
185
+
186
+ TagList.propTypes = process.env.NODE_ENV !== "production" ? {
187
+ children: _pt.node.isRequired,
188
+ className: _pt.string
189
+ } : {};
190
+ TagList.displayName = 'TagList';
191
+ var TagList$1 = TagList;
192
+
146
193
  // NOTE: This string will be replaced on build time with the package version.
147
- var version = "15.14.3";
194
+ var version = "15.15.1";
148
195
 
149
- export { Tag$1 as default, version };
196
+ export { Tag$1 as Tag, TagList$1 as TagList, Tag$1 as default, version };
package/dist/declarations/src/export-types.d.ts CHANGED
@@ -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';
package/dist/declarations/src/index.d.ts CHANGED
@@ -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';
package/dist/declarations/src/tag-list/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from './tag-list';
package/dist/declarations/src/tag-list/tag-list.d.ts ADDED
@@ -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.1",
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.1",
25
+ "@commercetools-uikit/constraints": "15.15.1",
26
+ "@commercetools-uikit/design-system": "15.15.1",
27
+ "@commercetools-uikit/icons": "15.15.1",
28
+ "@commercetools-uikit/spacings": "15.15.1",
29
+ "@commercetools-uikit/text": "15.15.1",
30
+ "@commercetools-uikit/utils": "15.15.1",
30
31
  "@emotion/react": "^11.10.5",
31
32
  "@emotion/styled": "^11.10.5",
32
33
  "prop-types": "15.8.1",