@commercetools-uikit/tag 20.4.0 → 20.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
|
|
2
|
-
<!-- This file is created by the `
|
|
2
|
+
<!-- This file is created by the `pnpm generate-readme` script. -->
|
|
3
3
|
|
|
4
4
|
# Tag
|
|
5
5
|
|
|
@@ -17,7 +17,7 @@ Main Functions and use cases are:
|
|
|
17
17
|
## Installation
|
|
18
18
|
|
|
19
19
|
```
|
|
20
|
-
|
|
20
|
+
pnpm add @commercetools-uikit/tag
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
```
|
|
@@ -27,7 +27,7 @@ npm --save install @commercetools-uikit/tag
|
|
|
27
27
|
Additionally install the peer dependencies (if not present)
|
|
28
28
|
|
|
29
29
|
```
|
|
30
|
-
|
|
30
|
+
pnpm add react react-router-dom
|
|
31
31
|
```
|
|
32
32
|
|
|
33
33
|
```
|
|
@@ -21,7 +21,6 @@ var icons = require('@commercetools-uikit/icons');
|
|
|
21
21
|
var _styled = require('@emotion/styled/base');
|
|
22
22
|
var Text = require('@commercetools-uikit/text');
|
|
23
23
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
24
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
25
24
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
26
25
|
var react$1 = require('react');
|
|
27
26
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -40,7 +39,6 @@ var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
|
40
39
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
41
40
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
42
41
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
43
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
44
42
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
45
43
|
|
|
46
44
|
const _excluded$1 = ["isDisabled", "isDraggable"];
|
|
@@ -57,10 +55,13 @@ const getTextDetailColor = isDisabled => {
|
|
|
57
55
|
return designSystem.designTokens.colorSolid;
|
|
58
56
|
};
|
|
59
57
|
const getContentWrapperStyles = props => {
|
|
60
|
-
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 &&
|
|
58
|
+
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 && `
|
|
59
|
+
* {
|
|
60
|
+
color: ${designSystem.designTokens.colorNeutral60} !important;
|
|
61
|
+
}
|
|
62
|
+
`, ";" + (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== */");
|
|
61
63
|
};
|
|
62
64
|
const TagBody = _ref => {
|
|
63
|
-
var _props$styles;
|
|
64
65
|
let _ref$isDisabled = _ref.isDisabled,
|
|
65
66
|
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
66
67
|
_ref$isDraggable = _ref.isDraggable,
|
|
@@ -73,7 +74,7 @@ const TagBody = _ref => {
|
|
|
73
74
|
css: [getContentWrapperStyles(_objectSpread$2({
|
|
74
75
|
isDisabled,
|
|
75
76
|
isDraggable
|
|
76
|
-
}, 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== */"),
|
|
77
|
+
}, 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== */"],
|
|
77
78
|
onClick: isDisabled ? undefined : props.onClick,
|
|
78
79
|
children: [isDraggable && !isDisabled ? jsxRuntime.jsx(icons.DragIcon, {
|
|
79
80
|
"data-testid": "drag-icon",
|
|
@@ -92,7 +93,6 @@ var TagBody$1 = TagBody;
|
|
|
92
93
|
* Returns the required tone styles for the tag based on the props.
|
|
93
94
|
*/
|
|
94
95
|
const getToneStyles = _ref => {
|
|
95
|
-
var _context, _context2, _context3;
|
|
96
96
|
let isDisabled = _ref.isDisabled,
|
|
97
97
|
type = _ref.type,
|
|
98
98
|
tone = _ref.tone,
|
|
@@ -132,7 +132,17 @@ const getToneStyles = _ref => {
|
|
|
132
132
|
borderColor = _variants$variant.borderColor,
|
|
133
133
|
bgColor = _variants$variant.bgColor,
|
|
134
134
|
bgColorHover = _variants$variant.bgColorHover;
|
|
135
|
-
return /*#__PURE__*/react.css(
|
|
135
|
+
return /*#__PURE__*/react.css(`
|
|
136
|
+
color: ${textColor};
|
|
137
|
+
background-color: ${bgColor};
|
|
138
|
+
border-color: ${borderColor};
|
|
139
|
+
|
|
140
|
+
${onClick && `
|
|
141
|
+
&:hover {
|
|
142
|
+
background-color: ${bgColorHover};
|
|
143
|
+
}
|
|
144
|
+
`}
|
|
145
|
+
`, process.env.NODE_ENV === "production" ? "" : ";label:getToneStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VTIiwiZmlsZSI6InRhZy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSB2aXN1YWxWYXJpYW50VHlwZSA9IEV4Y2x1ZGU8XG4gICdkaXNhYmxlZCcgfCBUVGFnUHJvcHNbJ3R5cGUnXSB8IFRUYWdQcm9wc1sndG9uZSddLFxuICB1bmRlZmluZWRcbj47XG5cbnR5cGUgVFRvbmVTdHlsZXNQcm9wcyA9IE9taXQ8VFRhZ1Byb3BzLCAndG9uZSc+ICYge1xuICB0b25lOiBOb25OdWxsYWJsZTxUVGFnUHJvcHNbJ3RvbmUnXT47XG59O1xuXG4vKipcbiAqIFJldHVybnMgdGhlIHJlcXVpcmVkIHRvbmUgc3R5bGVzIGZvciB0aGUgdGFnIGJhc2VkIG9uIHRoZSBwcm9wcy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldFRvbmVTdHlsZXMgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0eXBlLFxuICB0b25lLFxuICBvbkNsaWNrLFxufTogVFRvbmVTdHlsZXNQcm9wcykgPT4ge1xuICBsZXQgdmFyaWFudDogdmlzdWFsVmFyaWFudFR5cGUgPSBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHR5cGUgfHwgdG9uZTtcblxuICAvLyBtYXAgZGVwcmVjYXRlZCAnbm9ybWFsJyB0eXBlIHRvICdwcmltYXJ5JyB0b25lXG4gIGlmICh2YXJpYW50ID09PSAnbm9ybWFsJykgdmFyaWFudCA9ICdwcmltYXJ5JztcblxuICBjb25zdCB2YXJpYW50czogUmVjb3JkPFxuICAgIEV4Y2x1ZGU8dmlzdWFsVmFyaWFudFR5cGUsICdub3JtYWwnPixcbiAgICB7XG4gICAgICB0ZXh0Q29sb3I6IHN0cmluZztcbiAgICAgIGJvcmRlckNvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9ySG92ZXI6IHN0cmluZztcbiAgICB9XG4gID4gPSB7XG4gICAgcHJpbWFyeToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTkwLFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1LFxuICAgICAgYmdDb2xvckhvdmVyOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTAsXG4gICAgfSxcbiAgICB3YXJuaW5nOiB7XG4gICAgICB0ZXh0Q29sb3I6IGRlc2lnblRva2Vucy5jb2xvclNvbGlkLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NSxcbiAgICAgIGJnQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc5NSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZzg1LFxuICAgIH0sXG4gICAgc3VyZmFjZToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDg1LFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4LFxuICAgIH0sXG4gICAgZGlzYWJsZWQ6IHtcbiAgICAgIHRleHRDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWwsXG4gICAgICBiZ0NvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTUsXG4gICAgICBiZ0NvbG9ySG92ZXI6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NSxcbiAgICB9LFxuICB9O1xuXG4gIGNvbnN0IHsgdGV4dENvbG9yLCBib3JkZXJDb2xvciwgYmdDb2xvciwgYmdDb2xvckhvdmVyIH0gPSB2YXJpYW50c1t2YXJpYW50XTtcblxuICByZXR1cm4gY3NzKGBcbiAgICBjb2xvcjogJHt0ZXh0Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmdDb2xvcn07XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICR7XG4gICAgICBvbkNsaWNrICYmXG4gICAgICBgXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtiZ0NvbG9ySG92ZXJ9O1xuICAgICAgfVxuICAgIGBcbiAgICB9XG4gIGApO1xufTtcbiJdfQ== */");
|
|
136
146
|
};
|
|
137
147
|
|
|
138
148
|
const _excluded = ["tone", "isDisabled", "isDraggable", "horizontalConstraint"];
|
|
@@ -232,7 +242,7 @@ TagList.displayName = 'TagList';
|
|
|
232
242
|
var TagList$1 = TagList;
|
|
233
243
|
|
|
234
244
|
// NOTE: This string will be replaced on build time with the package version.
|
|
235
|
-
var version = "20.
|
|
245
|
+
var version = "20.6.0";
|
|
236
246
|
|
|
237
247
|
exports.Tag = Tag$1;
|
|
238
248
|
exports.TagList = TagList$1;
|
|
@@ -21,7 +21,6 @@ var icons = require('@commercetools-uikit/icons');
|
|
|
21
21
|
var _styled = require('@emotion/styled/base');
|
|
22
22
|
var Text = require('@commercetools-uikit/text');
|
|
23
23
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
24
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
25
24
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
26
25
|
var react$1 = require('react');
|
|
27
26
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -40,7 +39,6 @@ var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
|
40
39
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
41
40
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
42
41
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
43
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
44
42
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
45
43
|
|
|
46
44
|
const _excluded$1 = ["isDisabled", "isDraggable"];
|
|
@@ -54,10 +52,13 @@ const getTextDetailColor = isDisabled => {
|
|
|
54
52
|
return designSystem.designTokens.colorSolid;
|
|
55
53
|
};
|
|
56
54
|
const getContentWrapperStyles = props => {
|
|
57
|
-
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 &&
|
|
55
|
+
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 && `
|
|
56
|
+
* {
|
|
57
|
+
color: ${designSystem.designTokens.colorNeutral60} !important;
|
|
58
|
+
}
|
|
59
|
+
`, ";" + ("" ), "" );
|
|
58
60
|
};
|
|
59
61
|
const TagBody = _ref => {
|
|
60
|
-
var _props$styles;
|
|
61
62
|
let _ref$isDisabled = _ref.isDisabled,
|
|
62
63
|
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
63
64
|
_ref$isDraggable = _ref.isDraggable,
|
|
@@ -70,7 +71,7 @@ const TagBody = _ref => {
|
|
|
70
71
|
css: [getContentWrapperStyles(_objectSpread$2({
|
|
71
72
|
isDisabled,
|
|
72
73
|
isDraggable
|
|
73
|
-
}, props)), !isDisabled && Boolean(props.onClick) && /*#__PURE__*/react.css("&:hover{box-shadow:", designSystem.designTokens.shadow0, ";}" + ("" ), "" ),
|
|
74
|
+
}, props)), !isDisabled && Boolean(props.onClick) && /*#__PURE__*/react.css("&:hover{box-shadow:", designSystem.designTokens.shadow0, ";}" + ("" ), "" ), props.styles?.body, "" , "" ],
|
|
74
75
|
onClick: isDisabled ? undefined : props.onClick,
|
|
75
76
|
children: [isDraggable && !isDisabled ? jsxRuntime.jsx(icons.DragIcon, {
|
|
76
77
|
"data-testid": "drag-icon",
|
|
@@ -89,7 +90,6 @@ var TagBody$1 = TagBody;
|
|
|
89
90
|
* Returns the required tone styles for the tag based on the props.
|
|
90
91
|
*/
|
|
91
92
|
const getToneStyles = _ref => {
|
|
92
|
-
var _context, _context2, _context3;
|
|
93
93
|
let isDisabled = _ref.isDisabled,
|
|
94
94
|
type = _ref.type,
|
|
95
95
|
tone = _ref.tone,
|
|
@@ -129,7 +129,17 @@ const getToneStyles = _ref => {
|
|
|
129
129
|
borderColor = _variants$variant.borderColor,
|
|
130
130
|
bgColor = _variants$variant.bgColor,
|
|
131
131
|
bgColorHover = _variants$variant.bgColorHover;
|
|
132
|
-
return /*#__PURE__*/react.css(
|
|
132
|
+
return /*#__PURE__*/react.css(`
|
|
133
|
+
color: ${textColor};
|
|
134
|
+
background-color: ${bgColor};
|
|
135
|
+
border-color: ${borderColor};
|
|
136
|
+
|
|
137
|
+
${onClick && `
|
|
138
|
+
&:hover {
|
|
139
|
+
background-color: ${bgColorHover};
|
|
140
|
+
}
|
|
141
|
+
`}
|
|
142
|
+
`, "" , "" );
|
|
133
143
|
};
|
|
134
144
|
|
|
135
145
|
const _excluded = ["tone", "isDisabled", "isDraggable", "horizontalConstraint"];
|
|
@@ -218,7 +228,7 @@ TagList.displayName = 'TagList';
|
|
|
218
228
|
var TagList$1 = TagList;
|
|
219
229
|
|
|
220
230
|
// NOTE: This string will be replaced on build time with the package version.
|
|
221
|
-
var version = "20.
|
|
231
|
+
var version = "20.6.0";
|
|
222
232
|
|
|
223
233
|
exports.Tag = Tag$1;
|
|
224
234
|
exports.TagList = TagList$1;
|
|
@@ -17,7 +17,6 @@ import { DragIcon, CloseBoldIcon } from '@commercetools-uikit/icons';
|
|
|
17
17
|
import _styled from '@emotion/styled/base';
|
|
18
18
|
import Text from '@commercetools-uikit/text';
|
|
19
19
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
20
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
21
20
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
22
21
|
import { Children } from 'react';
|
|
23
22
|
import { filterDataAttributes } from '@commercetools-uikit/utils';
|
|
@@ -36,10 +35,13 @@ const getTextDetailColor = isDisabled => {
|
|
|
36
35
|
return designTokens.colorSolid;
|
|
37
36
|
};
|
|
38
37
|
const getContentWrapperStyles = props => {
|
|
39
|
-
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 &&
|
|
38
|
+
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 && `
|
|
39
|
+
* {
|
|
40
|
+
color: ${designTokens.colorNeutral60} !important;
|
|
41
|
+
}
|
|
42
|
+
`, ";" + (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== */");
|
|
40
43
|
};
|
|
41
44
|
const TagBody = _ref => {
|
|
42
|
-
var _props$styles;
|
|
43
45
|
let _ref$isDisabled = _ref.isDisabled,
|
|
44
46
|
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
45
47
|
_ref$isDraggable = _ref.isDraggable,
|
|
@@ -52,7 +54,7 @@ const TagBody = _ref => {
|
|
|
52
54
|
css: [getContentWrapperStyles(_objectSpread$2({
|
|
53
55
|
isDisabled,
|
|
54
56
|
isDraggable
|
|
55
|
-
}, 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== */"),
|
|
57
|
+
}, 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== */"],
|
|
56
58
|
onClick: isDisabled ? undefined : props.onClick,
|
|
57
59
|
children: [isDraggable && !isDisabled ? jsx(DragIcon, {
|
|
58
60
|
"data-testid": "drag-icon",
|
|
@@ -71,7 +73,6 @@ var TagBody$1 = TagBody;
|
|
|
71
73
|
* Returns the required tone styles for the tag based on the props.
|
|
72
74
|
*/
|
|
73
75
|
const getToneStyles = _ref => {
|
|
74
|
-
var _context, _context2, _context3;
|
|
75
76
|
let isDisabled = _ref.isDisabled,
|
|
76
77
|
type = _ref.type,
|
|
77
78
|
tone = _ref.tone,
|
|
@@ -111,7 +112,17 @@ const getToneStyles = _ref => {
|
|
|
111
112
|
borderColor = _variants$variant.borderColor,
|
|
112
113
|
bgColor = _variants$variant.bgColor,
|
|
113
114
|
bgColorHover = _variants$variant.bgColorHover;
|
|
114
|
-
return /*#__PURE__*/css(
|
|
115
|
+
return /*#__PURE__*/css(`
|
|
116
|
+
color: ${textColor};
|
|
117
|
+
background-color: ${bgColor};
|
|
118
|
+
border-color: ${borderColor};
|
|
119
|
+
|
|
120
|
+
${onClick && `
|
|
121
|
+
&:hover {
|
|
122
|
+
background-color: ${bgColorHover};
|
|
123
|
+
}
|
|
124
|
+
`}
|
|
125
|
+
`, process.env.NODE_ENV === "production" ? "" : ";label:getToneStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VTIiwiZmlsZSI6InRhZy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUVGFnUHJvcHMgfSBmcm9tICcuL3RhZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSB2aXN1YWxWYXJpYW50VHlwZSA9IEV4Y2x1ZGU8XG4gICdkaXNhYmxlZCcgfCBUVGFnUHJvcHNbJ3R5cGUnXSB8IFRUYWdQcm9wc1sndG9uZSddLFxuICB1bmRlZmluZWRcbj47XG5cbnR5cGUgVFRvbmVTdHlsZXNQcm9wcyA9IE9taXQ8VFRhZ1Byb3BzLCAndG9uZSc+ICYge1xuICB0b25lOiBOb25OdWxsYWJsZTxUVGFnUHJvcHNbJ3RvbmUnXT47XG59O1xuXG4vKipcbiAqIFJldHVybnMgdGhlIHJlcXVpcmVkIHRvbmUgc3R5bGVzIGZvciB0aGUgdGFnIGJhc2VkIG9uIHRoZSBwcm9wcy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldFRvbmVTdHlsZXMgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0eXBlLFxuICB0b25lLFxuICBvbkNsaWNrLFxufTogVFRvbmVTdHlsZXNQcm9wcykgPT4ge1xuICBsZXQgdmFyaWFudDogdmlzdWFsVmFyaWFudFR5cGUgPSBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHR5cGUgfHwgdG9uZTtcblxuICAvLyBtYXAgZGVwcmVjYXRlZCAnbm9ybWFsJyB0eXBlIHRvICdwcmltYXJ5JyB0b25lXG4gIGlmICh2YXJpYW50ID09PSAnbm9ybWFsJykgdmFyaWFudCA9ICdwcmltYXJ5JztcblxuICBjb25zdCB2YXJpYW50czogUmVjb3JkPFxuICAgIEV4Y2x1ZGU8dmlzdWFsVmFyaWFudFR5cGUsICdub3JtYWwnPixcbiAgICB7XG4gICAgICB0ZXh0Q29sb3I6IHN0cmluZztcbiAgICAgIGJvcmRlckNvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9yOiBzdHJpbmc7XG4gICAgICBiZ0NvbG9ySG92ZXI6IHN0cmluZztcbiAgICB9XG4gID4gPSB7XG4gICAgcHJpbWFyeToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5MjAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTkwLFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1LFxuICAgICAgYmdDb2xvckhvdmVyOiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTAsXG4gICAgfSxcbiAgICB3YXJuaW5nOiB7XG4gICAgICB0ZXh0Q29sb3I6IGRlc2lnblRva2Vucy5jb2xvclNvbGlkLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc4NSxcbiAgICAgIGJnQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc5NSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZzg1LFxuICAgIH0sXG4gICAgc3VyZmFjZToge1xuICAgICAgdGV4dENvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDAsXG4gICAgICBib3JkZXJDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDg1LFxuICAgICAgYmdDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZSxcbiAgICAgIGJnQ29sb3JIb3ZlcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk4LFxuICAgIH0sXG4gICAgZGlzYWJsZWQ6IHtcbiAgICAgIHRleHRDb2xvcjogZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwLFxuICAgICAgYm9yZGVyQ29sb3I6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWwsXG4gICAgICBiZ0NvbG9yOiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTUsXG4gICAgICBiZ0NvbG9ySG92ZXI6IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NSxcbiAgICB9LFxuICB9O1xuXG4gIGNvbnN0IHsgdGV4dENvbG9yLCBib3JkZXJDb2xvciwgYmdDb2xvciwgYmdDb2xvckhvdmVyIH0gPSB2YXJpYW50c1t2YXJpYW50XTtcblxuICByZXR1cm4gY3NzKGBcbiAgICBjb2xvcjogJHt0ZXh0Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmdDb2xvcn07XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICR7XG4gICAgICBvbkNsaWNrICYmXG4gICAgICBgXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtiZ0NvbG9ySG92ZXJ9O1xuICAgICAgfVxuICAgIGBcbiAgICB9XG4gIGApO1xufTtcbiJdfQ== */");
|
|
115
126
|
};
|
|
116
127
|
|
|
117
128
|
const _excluded = ["tone", "isDisabled", "isDraggable", "horizontalConstraint"];
|
|
@@ -211,6 +222,6 @@ TagList.displayName = 'TagList';
|
|
|
211
222
|
var TagList$1 = TagList;
|
|
212
223
|
|
|
213
224
|
// NOTE: This string will be replaced on build time with the package version.
|
|
214
|
-
var version = "20.
|
|
225
|
+
var version = "20.6.0";
|
|
215
226
|
|
|
216
227
|
export { Tag$1 as Tag, TagList$1 as TagList, Tag$1 as default, version };
|
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": "20.
|
|
4
|
+
"version": "20.6.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,7 +9,13 @@
|
|
|
9
9
|
"directory": "packages/components/tag"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"javascript",
|
|
14
|
+
"typescript",
|
|
15
|
+
"design-system",
|
|
16
|
+
"react",
|
|
17
|
+
"uikit"
|
|
18
|
+
],
|
|
13
19
|
"license": "MIT",
|
|
14
20
|
"publishConfig": {
|
|
15
21
|
"access": "public"
|
|
@@ -17,20 +23,23 @@
|
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"main": "dist/commercetools-uikit-tag.cjs.js",
|
|
19
25
|
"module": "dist/commercetools-uikit-tag.esm.js",
|
|
20
|
-
"files": [
|
|
26
|
+
"files": [
|
|
27
|
+
"dist"
|
|
28
|
+
],
|
|
21
29
|
"dependencies": {
|
|
22
30
|
"@babel/runtime": "^7.20.13",
|
|
23
31
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "20.4.0",
|
|
25
|
-
"@commercetools-uikit/constraints": "20.4.0",
|
|
26
|
-
"@commercetools-uikit/design-system": "20.4.0",
|
|
27
|
-
"@commercetools-uikit/icons": "20.4.0",
|
|
28
|
-
"@commercetools-uikit/spacings": "20.4.0",
|
|
29
|
-
"@commercetools-uikit/text": "20.4.0",
|
|
30
|
-
"@commercetools-uikit/utils": "20.4.0",
|
|
31
32
|
"@emotion/react": "^11.10.5",
|
|
32
33
|
"@emotion/styled": "^11.10.5",
|
|
33
|
-
"
|
|
34
|
+
"history": "4.10.1",
|
|
35
|
+
"react-intl": "^7.1.4",
|
|
36
|
+
"@commercetools-uikit/accessible-button": "^20.6.0",
|
|
37
|
+
"@commercetools-uikit/constraints": "^20.6.0",
|
|
38
|
+
"@commercetools-uikit/design-system": "^20.6.0",
|
|
39
|
+
"@commercetools-uikit/icons": "^20.6.0",
|
|
40
|
+
"@commercetools-uikit/spacings": "^20.6.0",
|
|
41
|
+
"@commercetools-uikit/text": "^20.6.0",
|
|
42
|
+
"@commercetools-uikit/utils": "^20.6.0"
|
|
34
43
|
},
|
|
35
44
|
"devDependencies": {
|
|
36
45
|
"react": "19.2.0",
|
|
@@ -40,4 +49,4 @@
|
|
|
40
49
|
"react": "19.x",
|
|
41
50
|
"react-router-dom": "5.x"
|
|
42
51
|
}
|
|
43
|
-
}
|
|
52
|
+
}
|