npm - @commercetools-uikit/tag - Versions diffs - 20.2.3 → 20.3.0 - Mend

@commercetools-uikit/tag 20.2.3 → 20.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/commercetools-uikit-tag.cjs.dev.js +8 -18
package/dist/commercetools-uikit-tag.cjs.prod.js +8 -18
package/dist/commercetools-uikit-tag.esm.js +7 -18
package/package.json +9 -9

package/dist/commercetools-uikit-tag.cjs.dev.js CHANGED Viewed

@@ -21,6 +21,7 @@ var icons = require('@commercetools-uikit/icons');
 var _styled = require('@emotion/styled/base');
 var Text = require('@commercetools-uikit/text');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react$1 = require('react');
 var utils = require('@commercetools-uikit/utils');
@@ -39,6 +40,7 @@ var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 const _excluded$1 = ["isDisabled", "isDraggable"];
@@ -55,13 +57,10 @@ const getTextDetailColor = isDisabled => {
   return designSystem.designTokens.colorSolid;
 };
 const getContentWrapperStyles = props => {
-  return /*#__PURE__*/react.css("all:unset;position:relative;display:flex;align-items:center;gap:", designSystem.designTokens.spacing20, ";padding-top:", designSystem.designTokens.spacing10, ";padding-bottom:", designSystem.designTokens.spacing10, ";padding-left:", designSystem.designTokens.spacing25, ";padding-right:", !props.isDisabled && props.onRemove ? '0' : designSystem.designTokens.spacing25, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;color:", designSystem.designTokens.colorSolid, ";fill:", designSystem.designTokens.colorNeutral40, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && `
-      * {
-        color: ${designSystem.designTokens.colorNeutral60} !important;
-      }
-    `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QlkiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */");
+  return /*#__PURE__*/react.css("all:unset;position:relative;display:flex;align-items:center;gap:", designSystem.designTokens.spacing20, ";padding-top:", designSystem.designTokens.spacing10, ";padding-bottom:", designSystem.designTokens.spacing10, ";padding-left:", designSystem.designTokens.spacing25, ";padding-right:", !props.isDisabled && props.onRemove ? '0' : designSystem.designTokens.spacing25, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;color:", designSystem.designTokens.colorSolid, ";fill:", designSystem.designTokens.colorNeutral40, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && "\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QlkiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */");
 };
 const TagBody = _ref => {
+  var _props$styles;
   let _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$isDraggable = _ref.isDraggable,
@@ -74,7 +73,7 @@ const TagBody = _ref => {
     css: [getContentWrapperStyles(_objectSpread$2({
       isDisabled,
       isDraggable
-    }, props)), !isDisabled && Boolean(props.onClick) && /*#__PURE__*/react.css("&:hover{box-shadow:", designSystem.designTokens.shadow0, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TagBody;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRmEiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */"), props.styles?.body, process.env.NODE_ENV === "production" ? "" : ";label:TagBody;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RU0iLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */"],
+    }, props)), !isDisabled && Boolean(props.onClick) && /*#__PURE__*/react.css("&:hover{box-shadow:", designSystem.designTokens.shadow0, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TagBody;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRmEiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */"), (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body, process.env.NODE_ENV === "production" ? "" : ";label:TagBody;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RU0iLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */"],
     onClick: isDisabled ? undefined : props.onClick,
     children: [isDraggable && !isDisabled ? jsxRuntime.jsx(icons.DragIcon, {
       "data-testid": "drag-icon",
@@ -93,6 +92,7 @@ var TagBody$1 = TagBody;
  * Returns the required tone styles for the tag based on the props.
  */
 const getToneStyles = _ref => {
+  var _context, _context2, _context3;
   let isDisabled = _ref.isDisabled,
     type = _ref.type,
     tone = _ref.tone,
@@ -132,17 +132,7 @@ const getToneStyles = _ref => {
     borderColor = _variants$variant.borderColor,
     bgColor = _variants$variant.bgColor,
     bgColorHover = _variants$variant.bgColorHover;
-  return /*#__PURE__*/react.css(`
-    color: ${textColor};
-    background-color: ${bgColor};
-    border-color: ${borderColor};
-    ${onClick && `
-      &:hover {
-        background-color: ${bgColorHover};
-      }
-    `}
-  `, process.env.NODE_ENV === "production" ? "" : ";label:getToneStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VTIiwiZmlsZSI6InRhZy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSB2aXN1YWxWYXJpYW50VHlwZSA9IEV4Y2x1ZGU8XG4gICdkaXNhYmxlZCcgfCBUVGFnUHJvcHNbJ3R5cGUnXSB8IFRUYWdQcm9wc1sndG9uZSddLFxuICB1bmRlZmluZWRcbj47XG5cbnR5cGUgVFRvbmVTdHlsZXNQcm9wcyA9IE9taXQ8VFRhZ1Byb3BzLCAndG9uZSc+ICYge1xuICB0b25lOiBOb25OdWxsYWJsZTxUVGFnUHJvcHNbJ3RvbmUnXT47XG59O1xuXG4vKipcbiAqIFJldHVybnMgdGhlIHJlcXVpcmVkIHRvbmUgc3R5bGVzIGZvciB0aGUgdGFnIGJhc2VkIG9uIHRoZSBwcm9wcy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldFRvbmVTdHlsZXMgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0eXBlLFxuICB0b25lLFxuICBvbkNsaWNrLFxufTogVFRvbmVTdHlsZXNQcm9wcykgPT4ge1xuICBsZXQgdmFyaWFudDogdmlzdWFsVmFyaWFudFR5cGUgPSBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHR5cGUgfHwgdG9uZTtcblxuICAvLyBtYXAgZGVwcmVjYXRlZCAnbm9ybWFsJyB0eXBlIHRvICdwcmltYXJ5JyB0b25lXG4gIGlmICh2YXJpYW50ID09PSAnbm9ybWFsJykgdmFyaWFudCA9ICdwcmltYXJ5JztcblxuICBjb25zdCB2YXJpYW50czogUmVjb3JkPFxuICAgIEV4Y2x1ZGU8dmlzdWFsVmFyaWFudFR5cGUsICdub3JtYWwnPixcbiAgICB7XG4gICAgICB0ZXh0Q29sb3I6IHN0cmluZztcbiAgICAgIGJvcmRlckNvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9ySG92ZXI6IHN0cmluZztcbiAgICB9XG4gID4gPSB7XG4gICAgcHJpbWFyeToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTkwLFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1LFxuICAgICAgYmdDb2xvckhvdmVyOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTAsXG4gICAgfSxcbiAgICB3YXJuaW5nOiB7XG4gICAgICB0ZXh0Q29sb3I6IGRlc2lnblRva2Vucy5jb2xvclNvbGlkLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NSxcbiAgICAgIGJnQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc5NSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZzg1LFxuICAgIH0sXG4gICAgc3VyZmFjZToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDg1LFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4LFxuICAgIH0sXG4gICAgZGlzYWJsZWQ6IHtcbiAgICAgIHRleHRDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWwsXG4gICAgICBiZ0NvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTUsXG4gICAgICBiZ0NvbG9ySG92ZXI6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NSxcbiAgICB9LFxuICB9O1xuXG4gIGNvbnN0IHsgdGV4dENvbG9yLCBib3JkZXJDb2xvciwgYmdDb2xvciwgYmdDb2xvckhvdmVyIH0gPSB2YXJpYW50c1t2YXJpYW50XTtcblxuICByZXR1cm4gY3NzKGBcbiAgICBjb2xvcjogJHt0ZXh0Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmdDb2xvcn07XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICR7XG4gICAgICBvbkNsaWNrICYmXG4gICAgICBgXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtiZ0NvbG9ySG92ZXJ9O1xuICAgICAgfVxuICAgIGBcbiAgICB9XG4gIGApO1xufTtcbiJdfQ== */");
+  return /*#__PURE__*/react.css(_concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "\n    color: ".concat(textColor, ";\n    background-color: ")).call(_context3, bgColor, ";\n    border-color: ")).call(_context2, borderColor, ";\n\n    ")).call(_context, onClick && "\n      &:hover {\n        background-color: ".concat(bgColorHover, ";\n      }\n    "), "\n  "), process.env.NODE_ENV === "production" ? "" : ";label:getToneStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VTIiwiZmlsZSI6InRhZy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSB2aXN1YWxWYXJpYW50VHlwZSA9IEV4Y2x1ZGU8XG4gICdkaXNhYmxlZCcgfCBUVGFnUHJvcHNbJ3R5cGUnXSB8IFRUYWdQcm9wc1sndG9uZSddLFxuICB1bmRlZmluZWRcbj47XG5cbnR5cGUgVFRvbmVTdHlsZXNQcm9wcyA9IE9taXQ8VFRhZ1Byb3BzLCAndG9uZSc+ICYge1xuICB0b25lOiBOb25OdWxsYWJsZTxUVGFnUHJvcHNbJ3RvbmUnXT47XG59O1xuXG4vKipcbiAqIFJldHVybnMgdGhlIHJlcXVpcmVkIHRvbmUgc3R5bGVzIGZvciB0aGUgdGFnIGJhc2VkIG9uIHRoZSBwcm9wcy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldFRvbmVTdHlsZXMgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0eXBlLFxuICB0b25lLFxuICBvbkNsaWNrLFxufTogVFRvbmVTdHlsZXNQcm9wcykgPT4ge1xuICBsZXQgdmFyaWFudDogdmlzdWFsVmFyaWFudFR5cGUgPSBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHR5cGUgfHwgdG9uZTtcblxuICAvLyBtYXAgZGVwcmVjYXRlZCAnbm9ybWFsJyB0eXBlIHRvICdwcmltYXJ5JyB0b25lXG4gIGlmICh2YXJpYW50ID09PSAnbm9ybWFsJykgdmFyaWFudCA9ICdwcmltYXJ5JztcblxuICBjb25zdCB2YXJpYW50czogUmVjb3JkPFxuICAgIEV4Y2x1ZGU8dmlzdWFsVmFyaWFudFR5cGUsICdub3JtYWwnPixcbiAgICB7XG4gICAgICB0ZXh0Q29sb3I6IHN0cmluZztcbiAgICAgIGJvcmRlckNvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9ySG92ZXI6IHN0cmluZztcbiAgICB9XG4gID4gPSB7XG4gICAgcHJpbWFyeToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTkwLFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1LFxuICAgICAgYmdDb2xvckhvdmVyOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTAsXG4gICAgfSxcbiAgICB3YXJuaW5nOiB7XG4gICAgICB0ZXh0Q29sb3I6IGRlc2lnblRva2Vucy5jb2xvclNvbGlkLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NSxcbiAgICAgIGJnQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc5NSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZzg1LFxuICAgIH0sXG4gICAgc3VyZmFjZToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDg1LFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4LFxuICAgIH0sXG4gICAgZGlzYWJsZWQ6IHtcbiAgICAgIHRleHRDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWwsXG4gICAgICBiZ0NvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTUsXG4gICAgICBiZ0NvbG9ySG92ZXI6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NSxcbiAgICB9LFxuICB9O1xuXG4gIGNvbnN0IHsgdGV4dENvbG9yLCBib3JkZXJDb2xvciwgYmdDb2xvciwgYmdDb2xvckhvdmVyIH0gPSB2YXJpYW50c1t2YXJpYW50XTtcblxuICByZXR1cm4gY3NzKGBcbiAgICBjb2xvcjogJHt0ZXh0Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmdDb2xvcn07XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICR7XG4gICAgICBvbkNsaWNrICYmXG4gICAgICBgXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtiZ0NvbG9ySG92ZXJ9O1xuICAgICAgfVxuICAgIGBcbiAgICB9XG4gIGApO1xufTtcbiJdfQ== */");
 };
 const _excluded = ["tone", "isDisabled", "isDraggable", "horizontalConstraint"];
@@ -242,7 +232,7 @@ TagList.displayName = 'TagList';
 var TagList$1 = TagList;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "20.2.3";
+var version = "20.3.0";
 exports.Tag = Tag$1;
 exports.TagList = TagList$1;

package/dist/commercetools-uikit-tag.cjs.prod.js CHANGED Viewed

@@ -21,6 +21,7 @@ var icons = require('@commercetools-uikit/icons');
 var _styled = require('@emotion/styled/base');
 var Text = require('@commercetools-uikit/text');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react$1 = require('react');
 var utils = require('@commercetools-uikit/utils');
@@ -39,6 +40,7 @@ var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 const _excluded$1 = ["isDisabled", "isDraggable"];
@@ -52,13 +54,10 @@ const getTextDetailColor = isDisabled => {
   return designSystem.designTokens.colorSolid;
 };
 const getContentWrapperStyles = props => {
-  return /*#__PURE__*/react.css("all:unset;position:relative;display:flex;align-items:center;gap:", designSystem.designTokens.spacing20, ";padding-top:", designSystem.designTokens.spacing10, ";padding-bottom:", designSystem.designTokens.spacing10, ";padding-left:", designSystem.designTokens.spacing25, ";padding-right:", !props.isDisabled && props.onRemove ? '0' : designSystem.designTokens.spacing25, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;color:", designSystem.designTokens.colorSolid, ";fill:", designSystem.designTokens.colorNeutral40, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && `
-      * {
-        color: ${designSystem.designTokens.colorNeutral60} !important;
-      }
-    `, ";" + ("" ), "" );
+  return /*#__PURE__*/react.css("all:unset;position:relative;display:flex;align-items:center;gap:", designSystem.designTokens.spacing20, ";padding-top:", designSystem.designTokens.spacing10, ";padding-bottom:", designSystem.designTokens.spacing10, ";padding-left:", designSystem.designTokens.spacing25, ";padding-right:", !props.isDisabled && props.onRemove ? '0' : designSystem.designTokens.spacing25, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;color:", designSystem.designTokens.colorSolid, ";fill:", designSystem.designTokens.colorNeutral40, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && "\n      * {\n        color: ".concat(designSystem.designTokens.colorNeutral60, " !important;\n      }\n    "), ";" + ("" ), "" );
 };
 const TagBody = _ref => {
+  var _props$styles;
   let _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$isDraggable = _ref.isDraggable,
@@ -71,7 +70,7 @@ const TagBody = _ref => {
     css: [getContentWrapperStyles(_objectSpread$2({
       isDisabled,
       isDraggable
-    }, props)), !isDisabled && Boolean(props.onClick) && /*#__PURE__*/react.css("&:hover{box-shadow:", designSystem.designTokens.shadow0, ";}" + ("" ), "" ), props.styles?.body, "" , "" ],
+    }, props)), !isDisabled && Boolean(props.onClick) && /*#__PURE__*/react.css("&:hover{box-shadow:", designSystem.designTokens.shadow0, ";}" + ("" ), "" ), (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body, "" , "" ],
     onClick: isDisabled ? undefined : props.onClick,
     children: [isDraggable && !isDisabled ? jsxRuntime.jsx(icons.DragIcon, {
       "data-testid": "drag-icon",
@@ -90,6 +89,7 @@ var TagBody$1 = TagBody;
  * Returns the required tone styles for the tag based on the props.
  */
 const getToneStyles = _ref => {
+  var _context, _context2, _context3;
   let isDisabled = _ref.isDisabled,
     type = _ref.type,
     tone = _ref.tone,
@@ -129,17 +129,7 @@ const getToneStyles = _ref => {
     borderColor = _variants$variant.borderColor,
     bgColor = _variants$variant.bgColor,
     bgColorHover = _variants$variant.bgColorHover;
-  return /*#__PURE__*/react.css(`
-    color: ${textColor};
-    background-color: ${bgColor};
-    border-color: ${borderColor};
-    ${onClick && `
-      &:hover {
-        background-color: ${bgColorHover};
-      }
-    `}
-  `, "" , "" );
+  return /*#__PURE__*/react.css(_concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "\n    color: ".concat(textColor, ";\n    background-color: ")).call(_context3, bgColor, ";\n    border-color: ")).call(_context2, borderColor, ";\n\n    ")).call(_context, onClick && "\n      &:hover {\n        background-color: ".concat(bgColorHover, ";\n      }\n    "), "\n  "), "" , "" );
 };
 const _excluded = ["tone", "isDisabled", "isDraggable", "horizontalConstraint"];
@@ -228,7 +218,7 @@ TagList.displayName = 'TagList';
 var TagList$1 = TagList;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "20.2.3";
+var version = "20.3.0";
 exports.Tag = Tag$1;
 exports.TagList = TagList$1;

package/dist/commercetools-uikit-tag.esm.js CHANGED Viewed

@@ -17,6 +17,7 @@ import { DragIcon, CloseBoldIcon } from '@commercetools-uikit/icons';
 import _styled from '@emotion/styled/base';
 import Text from '@commercetools-uikit/text';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import { Children } from 'react';
 import { filterDataAttributes } from '@commercetools-uikit/utils';
@@ -35,13 +36,10 @@ const getTextDetailColor = isDisabled => {
   return designTokens.colorSolid;
 };
 const getContentWrapperStyles = props => {
-  return /*#__PURE__*/css("all:unset;position:relative;display:flex;align-items:center;gap:", designTokens.spacing20, ";padding-top:", designTokens.spacing10, ";padding-bottom:", designTokens.spacing10, ";padding-left:", designTokens.spacing25, ";padding-right:", !props.isDisabled && props.onRemove ? '0' : designTokens.spacing25, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;color:", designTokens.colorSolid, ";fill:", designTokens.colorNeutral40, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && `
-      * {
-        color: ${designTokens.colorNeutral60} !important;
-      }
-    `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QlkiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */");
+  return /*#__PURE__*/css("all:unset;position:relative;display:flex;align-items:center;gap:", designTokens.spacing20, ";padding-top:", designTokens.spacing10, ";padding-bottom:", designTokens.spacing10, ";padding-left:", designTokens.spacing25, ";padding-right:", !props.isDisabled && props.onRemove ? '0' : designTokens.spacing25, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;color:", designTokens.colorSolid, ";fill:", designTokens.colorNeutral40, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && "\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QlkiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */");
 };
 const TagBody = _ref => {
+  var _props$styles;
   let _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$isDraggable = _ref.isDraggable,
@@ -54,7 +52,7 @@ const TagBody = _ref => {
     css: [getContentWrapperStyles(_objectSpread$2({
       isDisabled,
       isDraggable
-    }, props)), !isDisabled && Boolean(props.onClick) && /*#__PURE__*/css("&:hover{box-shadow:", designTokens.shadow0, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TagBody;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRmEiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */"), props.styles?.body, process.env.NODE_ENV === "production" ? "" : ";label:TagBody;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RU0iLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */"],
+    }, props)), !isDisabled && Boolean(props.onClick) && /*#__PURE__*/css("&:hover{box-shadow:", designTokens.shadow0, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TagBody;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRmEiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */"), (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.body, process.env.NODE_ENV === "production" ? "" : ";label:TagBody;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RU0iLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5cbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgRHJhZ0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IEVsZW1lbnRUeXBlIHwgTGluaztcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRUZXh0RGV0YWlsQ29sb3IgPSAoaXNEaXNhYmxlZDogVFRhZ0JvZHlQcm9wc1snaXNEaXNhYmxlZCddKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFsbDogdW5zZXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgcGFkZGluZy10b3A6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgcGFkZGluZy1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7IXByb3BzLmlzRGlzYWJsZWQgJiYgcHJvcHMub25SZW1vdmVcbiAgICAgID8gJzAnXG4gICAgICA6IGRlc2lnblRva2Vucy5zcGFjaW5nMjV9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MH07XG5cbiAgICAvKiBmaXhpbmcgdGhpbmdzIGZvciBJRTExIC4uLiAqL1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgc21hbGwge1xuICAgICAgY29sb3I6ICR7Z2V0VGV4dERldGFpbENvbG9yKHByb3BzLmlzRGlzYWJsZWQpfTtcbiAgICB9XG5cbiAgICAke3Byb3BzLmlzRGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHtcbiAgaXNEaXNhYmxlZCA9IGZhbHNlLFxuICBpc0RyYWdnYWJsZSA9IGZhbHNlLFxuICAuLi5wcm9wc1xufTogVFRhZ0JvZHlQcm9wcykgPT4ge1xuICBjb25zdCB0ZXh0VG9uZSA9IGlzRGlzYWJsZWQgPyAnc2Vjb25kYXJ5JyA6ICdpbmhlcml0JztcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMoe1xuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNEcmFnZ2FibGUsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0pLFxuICAgICAgICAhaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e2lzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIHtpc0RyYWdnYWJsZSAmJiAhaXNEaXNhYmxlZCA/IChcbiAgICAgICAgPERyYWdJY29uIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUZXh0LkRldGFpbCB0b25lPXt0ZXh0VG9uZX0gYXM9XCJzcGFuXCI+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */"],
     onClick: isDisabled ? undefined : props.onClick,
     children: [isDraggable && !isDisabled ? jsx(DragIcon, {
       "data-testid": "drag-icon",
@@ -73,6 +71,7 @@ var TagBody$1 = TagBody;
  * Returns the required tone styles for the tag based on the props.
  */
 const getToneStyles = _ref => {
+  var _context, _context2, _context3;
   let isDisabled = _ref.isDisabled,
     type = _ref.type,
     tone = _ref.tone,
@@ -112,17 +111,7 @@ const getToneStyles = _ref => {
     borderColor = _variants$variant.borderColor,
     bgColor = _variants$variant.bgColor,
     bgColorHover = _variants$variant.bgColorHover;
-  return /*#__PURE__*/css(`
-    color: ${textColor};
-    background-color: ${bgColor};
-    border-color: ${borderColor};
-    ${onClick && `
-      &:hover {
-        background-color: ${bgColorHover};
-      }
-    `}
-  `, process.env.NODE_ENV === "production" ? "" : ";label:getToneStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VTIiwiZmlsZSI6InRhZy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSB2aXN1YWxWYXJpYW50VHlwZSA9IEV4Y2x1ZGU8XG4gICdkaXNhYmxlZCcgfCBUVGFnUHJvcHNbJ3R5cGUnXSB8IFRUYWdQcm9wc1sndG9uZSddLFxuICB1bmRlZmluZWRcbj47XG5cbnR5cGUgVFRvbmVTdHlsZXNQcm9wcyA9IE9taXQ8VFRhZ1Byb3BzLCAndG9uZSc+ICYge1xuICB0b25lOiBOb25OdWxsYWJsZTxUVGFnUHJvcHNbJ3RvbmUnXT47XG59O1xuXG4vKipcbiAqIFJldHVybnMgdGhlIHJlcXVpcmVkIHRvbmUgc3R5bGVzIGZvciB0aGUgdGFnIGJhc2VkIG9uIHRoZSBwcm9wcy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldFRvbmVTdHlsZXMgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0eXBlLFxuICB0b25lLFxuICBvbkNsaWNrLFxufTogVFRvbmVTdHlsZXNQcm9wcykgPT4ge1xuICBsZXQgdmFyaWFudDogdmlzdWFsVmFyaWFudFR5cGUgPSBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHR5cGUgfHwgdG9uZTtcblxuICAvLyBtYXAgZGVwcmVjYXRlZCAnbm9ybWFsJyB0eXBlIHRvICdwcmltYXJ5JyB0b25lXG4gIGlmICh2YXJpYW50ID09PSAnbm9ybWFsJykgdmFyaWFudCA9ICdwcmltYXJ5JztcblxuICBjb25zdCB2YXJpYW50czogUmVjb3JkPFxuICAgIEV4Y2x1ZGU8dmlzdWFsVmFyaWFudFR5cGUsICdub3JtYWwnPixcbiAgICB7XG4gICAgICB0ZXh0Q29sb3I6IHN0cmluZztcbiAgICAgIGJvcmRlckNvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9ySG92ZXI6IHN0cmluZztcbiAgICB9XG4gID4gPSB7XG4gICAgcHJpbWFyeToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTkwLFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1LFxuICAgICAgYmdDb2xvckhvdmVyOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTAsXG4gICAgfSxcbiAgICB3YXJuaW5nOiB7XG4gICAgICB0ZXh0Q29sb3I6IGRlc2lnblRva2Vucy5jb2xvclNvbGlkLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NSxcbiAgICAgIGJnQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc5NSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZzg1LFxuICAgIH0sXG4gICAgc3VyZmFjZToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDg1LFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4LFxuICAgIH0sXG4gICAgZGlzYWJsZWQ6IHtcbiAgICAgIHRleHRDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWwsXG4gICAgICBiZ0NvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTUsXG4gICAgICBiZ0NvbG9ySG92ZXI6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NSxcbiAgICB9LFxuICB9O1xuXG4gIGNvbnN0IHsgdGV4dENvbG9yLCBib3JkZXJDb2xvciwgYmdDb2xvciwgYmdDb2xvckhvdmVyIH0gPSB2YXJpYW50c1t2YXJpYW50XTtcblxuICByZXR1cm4gY3NzKGBcbiAgICBjb2xvcjogJHt0ZXh0Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmdDb2xvcn07XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICR7XG4gICAgICBvbkNsaWNrICYmXG4gICAgICBgXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtiZ0NvbG9ySG92ZXJ9O1xuICAgICAgfVxuICAgIGBcbiAgICB9XG4gIGApO1xufTtcbiJdfQ== */");
+  return /*#__PURE__*/css(_concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "\n    color: ".concat(textColor, ";\n    background-color: ")).call(_context3, bgColor, ";\n    border-color: ")).call(_context2, borderColor, ";\n\n    ")).call(_context, onClick && "\n      &:hover {\n        background-color: ".concat(bgColorHover, ";\n      }\n    "), "\n  "), process.env.NODE_ENV === "production" ? "" : ";label:getToneStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VTIiwiZmlsZSI6InRhZy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSB2aXN1YWxWYXJpYW50VHlwZSA9IEV4Y2x1ZGU8XG4gICdkaXNhYmxlZCcgfCBUVGFnUHJvcHNbJ3R5cGUnXSB8IFRUYWdQcm9wc1sndG9uZSddLFxuICB1bmRlZmluZWRcbj47XG5cbnR5cGUgVFRvbmVTdHlsZXNQcm9wcyA9IE9taXQ8VFRhZ1Byb3BzLCAndG9uZSc+ICYge1xuICB0b25lOiBOb25OdWxsYWJsZTxUVGFnUHJvcHNbJ3RvbmUnXT47XG59O1xuXG4vKipcbiAqIFJldHVybnMgdGhlIHJlcXVpcmVkIHRvbmUgc3R5bGVzIGZvciB0aGUgdGFnIGJhc2VkIG9uIHRoZSBwcm9wcy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldFRvbmVTdHlsZXMgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0eXBlLFxuICB0b25lLFxuICBvbkNsaWNrLFxufTogVFRvbmVTdHlsZXNQcm9wcykgPT4ge1xuICBsZXQgdmFyaWFudDogdmlzdWFsVmFyaWFudFR5cGUgPSBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHR5cGUgfHwgdG9uZTtcblxuICAvLyBtYXAgZGVwcmVjYXRlZCAnbm9ybWFsJyB0eXBlIHRvICdwcmltYXJ5JyB0b25lXG4gIGlmICh2YXJpYW50ID09PSAnbm9ybWFsJykgdmFyaWFudCA9ICdwcmltYXJ5JztcblxuICBjb25zdCB2YXJpYW50czogUmVjb3JkPFxuICAgIEV4Y2x1ZGU8dmlzdWFsVmFyaWFudFR5cGUsICdub3JtYWwnPixcbiAgICB7XG4gICAgICB0ZXh0Q29sb3I6IHN0cmluZztcbiAgICAgIGJvcmRlckNvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9ySG92ZXI6IHN0cmluZztcbiAgICB9XG4gID4gPSB7XG4gICAgcHJpbWFyeToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTkwLFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1LFxuICAgICAgYmdDb2xvckhvdmVyOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTAsXG4gICAgfSxcbiAgICB3YXJuaW5nOiB7XG4gICAgICB0ZXh0Q29sb3I6IGRlc2lnblRva2Vucy5jb2xvclNvbGlkLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NSxcbiAgICAgIGJnQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc5NSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZzg1LFxuICAgIH0sXG4gICAgc3VyZmFjZToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDg1LFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4LFxuICAgIH0sXG4gICAgZGlzYWJsZWQ6IHtcbiAgICAgIHRleHRDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWwsXG4gICAgICBiZ0NvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTUsXG4gICAgICBiZ0NvbG9ySG92ZXI6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NSxcbiAgICB9LFxuICB9O1xuXG4gIGNvbnN0IHsgdGV4dENvbG9yLCBib3JkZXJDb2xvciwgYmdDb2xvciwgYmdDb2xvckhvdmVyIH0gPSB2YXJpYW50c1t2YXJpYW50XTtcblxuICByZXR1cm4gY3NzKGBcbiAgICBjb2xvcjogJHt0ZXh0Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmdDb2xvcn07XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICR7XG4gICAgICBvbkNsaWNrICYmXG4gICAgICBgXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtiZ0NvbG9ySG92ZXJ9O1xuICAgICAgfVxuICAgIGBcbiAgICB9XG4gIGApO1xufTtcbiJdfQ== */");
 };
 const _excluded = ["tone", "isDisabled", "isDraggable", "horizontalConstraint"];
@@ -222,6 +211,6 @@ TagList.displayName = 'TagList';
 var TagList$1 = TagList;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "20.2.3";
+var version = "20.3.0";
 export { Tag$1 as Tag, TagList$1 as TagList, Tag$1 as default, version };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/tag",
   "description": "A tag is often used for items that need to be labeled or categorized.",
-  "version": "20.2.3",
+  "version": "20.3.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,19 +21,19 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "20.2.3",
-    "@commercetools-uikit/constraints": "20.2.3",
-    "@commercetools-uikit/design-system": "20.2.3",
-    "@commercetools-uikit/icons": "20.2.3",
-    "@commercetools-uikit/spacings": "20.2.3",
-    "@commercetools-uikit/text": "20.2.3",
-    "@commercetools-uikit/utils": "20.2.3",
+    "@commercetools-uikit/accessible-button": "20.3.0",
+    "@commercetools-uikit/constraints": "20.3.0",
+    "@commercetools-uikit/design-system": "20.3.0",
+    "@commercetools-uikit/icons": "20.3.0",
+    "@commercetools-uikit/spacings": "20.3.0",
+    "@commercetools-uikit/text": "20.3.0",
+    "@commercetools-uikit/utils": "20.3.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "react-intl": "^7.1.4"
   },
   "devDependencies": {
-    "react": "19.1.0",
+    "react": "19.2.0",
     "react-router-dom": "5.3.4"
   },
   "peerDependencies": {