@commercetools-uikit/tag 15.15.0 → 16.0.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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-tag.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -44,41 +44,41 @@ var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
|
44
44
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
45
45
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
const defaultProps$1 = {
|
|
48
48
|
type: 'normal',
|
|
49
49
|
isDisabled: false,
|
|
50
50
|
isDraggable: false
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
const Body = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
54
54
|
target: "e1imv23z0"
|
|
55
55
|
} : {
|
|
56
56
|
target: "e1imv23z0",
|
|
57
57
|
label: "Body"
|
|
58
58
|
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjhCIiwiZmlsZSI6InRhZy1ib2R5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgdHlwZSB7IFRUYWdQcm9wcyB9IGZyb20gJy4vdGFnJztcblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBEcmFnSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IHR5cGVvZiBMaW5rO1xuICB0eXBlPzogVFRhZ1Byb3BzWyd0eXBlJ107XG4gIG9uQ2xpY2s/OiBUVGFnUHJvcHNbJ29uQ2xpY2snXTtcbiAgb25SZW1vdmU/OiBUVGFnUHJvcHNbJ29uUmVtb3ZlJ107XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc0RyYWdnYWJsZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHN0eWxlcz86IFRUYWdQcm9wc1snc3R5bGVzJ107XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhZ1Byb3BzLCAndHlwZScgfCAnaXNEaXNhYmxlZCcgfCAnaXNEcmFnZ2FibGUnPiA9IHtcbiAgdHlwZTogJ25vcm1hbCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICBpc0RyYWdnYWJsZTogZmFsc2UsXG59O1xuXG50eXBlIFRCb2R5ID0gUGljazxUVGFnQm9keVByb3BzLCAndG8nIHwgJ2FzJz47XG5jb25zdCBCb2R5ID0gc3R5bGVkLmRpdjxUQm9keT5gYDtcblxuY29uc3QgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMgPSAodHlwZTogVFRhZ0JvZHlQcm9wc1sndHlwZSddKSA9PiB7XG4gIHJldHVybiB0eXBlID09PSAnd2FybmluZydcbiAgICA/IFtdXG4gICAgOiBbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZH07XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgXTtcbn07XG5cbmNvbnN0IGdldFRleHREZXRhaWxDb2xvciA9IChpc0Rpc2FibGVkOiBUVGFnQm9keVByb3BzWydpc0Rpc2FibGVkJ10pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnV2hlbkRpc2FibGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcywgaXNOZXdUaGVtZTogYm9vbGVhbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXMyfTtcbiAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFnfTtcbiAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgbWluLXdpZHRoOiAwO1xuICAgIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgaHlwaGVuczogYXV0bztcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZ1xuICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWd9O1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWd9O1xuICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ0RyYWdJY29ufTtcblxuICAgIC8qIGZpeGluZyB0aGluZ3MgZm9yIElFMTEgLi4uICovXG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBzbWFsbCB7XG4gICAgICBjb2xvcjogJHtnZXRUZXh0RGV0YWlsQ29sb3IocHJvcHMuaXNEaXNhYmxlZCl9O1xuICAgIH1cblxuICAgICR7cHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgIGlzTmV3VGhlbWUgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHByb3BzOiBUVGFnQm9keVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUsIGlzTmV3VGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHRleHRUb25lID0gcHJvcHMuaXNEaXNhYmxlZCA/ICdzZWNvbmRhcnknIDogJ2luaGVyaXQnO1xuICBjb25zdCBUZXh0Q29tcG9uZW50ID0gdGhlbWVkVmFsdWUoVGV4dC5EZXRhaWwsIFRleHQuQm9keSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVxuICAgICAgdG89e3Byb3BzLnRvfVxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgY3NzPXtbXG4gICAgICAgIGdldENvbnRlbnRXcmFwcGVyU3R5bGVzKHByb3BzLCBpc05ld1RoZW1lKSxcbiAgICAgICAgQm9vbGVhbihwcm9wcy5vblJlbW92ZSkgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6ICR7IShwcm9wcy5pc0Rpc2FibGVkICYmIGlzTmV3VGhlbWUpICYmICcwJ307XG4gICAgICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgICAgICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIGAsXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGdldENsaWNrYWJsZUNvbnRlbnRXcmFwcGVyU3R5bGVzKHByb3BzLnR5cGUpLFxuICAgICAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yVGFnV2hlbkhvdmVyZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJHshaXNOZXdUaGVtZSAmJlxuICAgICAgICAgICAgYFxuICAgICAgICAgICAgICAmOmhvdmVyOjphZnRlciB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHJpZ2h0OiAtMXB4O1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7XG4gICAgICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yVGFnV2hlbkZvY3VzZWRcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLmlzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICB7cHJvcHMuaXNEcmFnZ2FibGUgJiYgIXByb3BzLmlzRGlzYWJsZWQgPyAoXG4gICAgICAgICAgPERyYWdJY29uXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyYWctaWNvblwiXG4gICAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZWRWYWx1ZSgnc29saWQnLCB1bmRlZmluZWQpfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8VGV4dENvbXBvbmVudCB0b25lPXt0ZXh0VG9uZX0+e3Byb3BzLmNoaWxkcmVufTwvVGV4dENvbXBvbmVudD5cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgIDwvQm9keT5cbiAgKTtcbn07XG5cblRhZ0JvZHkuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */");
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
const getClickableContentWrapperStyles = type => {
|
|
61
61
|
return type === 'warning' ? [] : [/*#__PURE__*/react.css("&:hover{border-color:", designSystem.designTokens.borderColorForTagWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getClickableContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ1ciLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgVFRhZ1Byb3BzIH0gZnJvbSAnLi90YWcnO1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IERyYWdJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcblxuZXhwb3J0IHR5cGUgVFRhZ0JvZHlQcm9wcyA9IHtcbiAgdG8/OiBUVGFnUHJvcHNbJ3RvJ107XG4gIGFzPzogdHlwZW9mIExpbms7XG4gIHR5cGU/OiBUVGFnUHJvcHNbJ3R5cGUnXTtcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFnUHJvcHMsICd0eXBlJyB8ICdpc0Rpc2FibGVkJyB8ICdpc0RyYWdnYWJsZSc+ID0ge1xuICB0eXBlOiAnbm9ybWFsJyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG4gIGlzRHJhZ2dhYmxlOiBmYWxzZSxcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRDbGlja2FibGVDb250ZW50V3JhcHBlclN0eWxlcyA9ICh0eXBlOiBUVGFnQm9keVByb3BzWyd0eXBlJ10pID0+IHtcbiAgcmV0dXJuIHR5cGUgPT09ICd3YXJuaW5nJ1xuICAgID8gW11cbiAgICA6IFtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ1doZW5Gb2N1c2VkfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xufTtcblxuY29uc3QgZ2V0VGV4dERldGFpbENvbG9yID0gKGlzRGlzYWJsZWQ6IFRUYWdCb2R5UHJvcHNbJ2lzRGlzYWJsZWQnXSkgPT4ge1xuICBpZiAoaXNEaXNhYmxlZCkgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdXaGVuRGlzYWJsZWQ7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbn07XG5cbmNvbnN0IGdldENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUVGFnQm9keVByb3BzLCBpc05ld1RoZW1lOiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czJ9O1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWd9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ307XG4gICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnRHJhZ0ljb259O1xuXG4gICAgLyogZml4aW5nIHRoaW5ncyBmb3IgSUUxMSAuLi4gKi9cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIHNtYWxsIHtcbiAgICAgIGNvbG9yOiAke2dldFRleHREZXRhaWxDb2xvcihwcm9wcy5pc0Rpc2FibGVkKX07XG4gICAgfVxuXG4gICAgJHtwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgaXNOZXdUaGVtZSAmJlxuICAgIGBcbiAgICAgICoge1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgYH1cbiAgYDtcbn07XG5cbmNvbnN0IFRhZ0JvZHkgPSAocHJvcHM6IFRUYWdCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSwgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdGV4dFRvbmUgPSBwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiAnaW5oZXJpdCc7XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZWRWYWx1ZShUZXh0LkRldGFpbCwgVGV4dC5Cb2R5KTtcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMsIGlzTmV3VGhlbWUpLFxuICAgICAgICBCb29sZWFuKHByb3BzLm9uUmVtb3ZlKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogJHshKHByb3BzLmlzRGlzYWJsZWQgJiYgaXNOZXdUaGVtZSkgJiYgJzAnfTtcbiAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgICAgYCxcbiAgICAgICAgIXByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgICAgICBCb29sZWFuKHByb3BzLm9uQ2xpY2spICYmXG4gICAgICAgICAgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMudHlwZSksXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JUYWdXaGVuSG92ZXJlZH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAkeyFpc05ld1RoZW1lICYmXG4gICAgICAgICAgICBgXG4gICAgICAgICAgICAgICY6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IC0xcHg7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgICAgICAgICAgIHByb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmdcbiAgICAgICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgLFxuICAgICAgICBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICBdfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2xpY2t9XG4gICAgPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtwcm9wcy5pc0RyYWdnYWJsZSAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0ljb25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCJcbiAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgY29sb3I9e3RoZW1lZFZhbHVlKCdzb2xpZCcsIHVuZGVmaW5lZCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3RleHRUb25lfT57cHJvcHMuY2hpbGRyZW59PC9UZXh0Q29tcG9uZW50PlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5UYWdCb2R5LmRpc3BsYXlOYW1lID0gJ1RhZ0JvZHknO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdCb2R5O1xuIl19 */")];
|
|
62
62
|
};
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
const getTextDetailColor = isDisabled => {
|
|
65
65
|
if (isDisabled) return designSystem.designTokens.fontColorForTagWhenDisabled;
|
|
66
66
|
return designSystem.designTokens.colorSolid;
|
|
67
67
|
};
|
|
68
68
|
|
|
69
|
-
|
|
69
|
+
const getContentWrapperStyles = (props, isNewTheme) => {
|
|
70
70
|
return /*#__PURE__*/react.css("position:relative;display:flex;box-sizing:border-box;align-items:center;border-radius:", designSystem.designTokens.borderRadius2, ";padding:", designSystem.designTokens.paddingForTag, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;border-style:solid;border-width:1px;border-color:", props.type === 'warning' ? designSystem.designTokens.colorWarning : designSystem.designTokens.borderColorForTag, ";color:", designSystem.designTokens.fontColorForTag, ";fill:", designSystem.designTokens.fontColorForTagDragIcon, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && isNewTheme && "\n * {\n color: ".concat(designSystem.designTokens.colorNeutral60, " !important;\n }\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFkiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgVFRhZ1Byb3BzIH0gZnJvbSAnLi90YWcnO1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IERyYWdJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcblxuZXhwb3J0IHR5cGUgVFRhZ0JvZHlQcm9wcyA9IHtcbiAgdG8/OiBUVGFnUHJvcHNbJ3RvJ107XG4gIGFzPzogdHlwZW9mIExpbms7XG4gIHR5cGU/OiBUVGFnUHJvcHNbJ3R5cGUnXTtcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFnUHJvcHMsICd0eXBlJyB8ICdpc0Rpc2FibGVkJyB8ICdpc0RyYWdnYWJsZSc+ID0ge1xuICB0eXBlOiAnbm9ybWFsJyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG4gIGlzRHJhZ2dhYmxlOiBmYWxzZSxcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRDbGlja2FibGVDb250ZW50V3JhcHBlclN0eWxlcyA9ICh0eXBlOiBUVGFnQm9keVByb3BzWyd0eXBlJ10pID0+IHtcbiAgcmV0dXJuIHR5cGUgPT09ICd3YXJuaW5nJ1xuICAgID8gW11cbiAgICA6IFtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ1doZW5Gb2N1c2VkfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xufTtcblxuY29uc3QgZ2V0VGV4dERldGFpbENvbG9yID0gKGlzRGlzYWJsZWQ6IFRUYWdCb2R5UHJvcHNbJ2lzRGlzYWJsZWQnXSkgPT4ge1xuICBpZiAoaXNEaXNhYmxlZCkgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdXaGVuRGlzYWJsZWQ7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbn07XG5cbmNvbnN0IGdldENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUVGFnQm9keVByb3BzLCBpc05ld1RoZW1lOiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czJ9O1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWd9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ307XG4gICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnRHJhZ0ljb259O1xuXG4gICAgLyogZml4aW5nIHRoaW5ncyBmb3IgSUUxMSAuLi4gKi9cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIHNtYWxsIHtcbiAgICAgIGNvbG9yOiAke2dldFRleHREZXRhaWxDb2xvcihwcm9wcy5pc0Rpc2FibGVkKX07XG4gICAgfVxuXG4gICAgJHtwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgaXNOZXdUaGVtZSAmJlxuICAgIGBcbiAgICAgICoge1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgYH1cbiAgYDtcbn07XG5cbmNvbnN0IFRhZ0JvZHkgPSAocHJvcHM6IFRUYWdCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSwgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdGV4dFRvbmUgPSBwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiAnaW5oZXJpdCc7XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZWRWYWx1ZShUZXh0LkRldGFpbCwgVGV4dC5Cb2R5KTtcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMsIGlzTmV3VGhlbWUpLFxuICAgICAgICBCb29sZWFuKHByb3BzLm9uUmVtb3ZlKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogJHshKHByb3BzLmlzRGlzYWJsZWQgJiYgaXNOZXdUaGVtZSkgJiYgJzAnfTtcbiAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgICAgYCxcbiAgICAgICAgIXByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgICAgICBCb29sZWFuKHByb3BzLm9uQ2xpY2spICYmXG4gICAgICAgICAgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMudHlwZSksXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JUYWdXaGVuSG92ZXJlZH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAkeyFpc05ld1RoZW1lICYmXG4gICAgICAgICAgICBgXG4gICAgICAgICAgICAgICY6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IC0xcHg7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgICAgICAgICAgIHByb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmdcbiAgICAgICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgLFxuICAgICAgICBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICBdfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2xpY2t9XG4gICAgPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtwcm9wcy5pc0RyYWdnYWJsZSAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0ljb25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCJcbiAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgY29sb3I9e3RoZW1lZFZhbHVlKCdzb2xpZCcsIHVuZGVmaW5lZCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3RleHRUb25lfT57cHJvcHMuY2hpbGRyZW59PC9UZXh0Q29tcG9uZW50PlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5UYWdCb2R5LmRpc3BsYXlOYW1lID0gJ1RhZ0JvZHknO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdCb2R5O1xuIl19 */");
|
|
71
71
|
};
|
|
72
72
|
|
|
73
|
-
|
|
73
|
+
const TagBody = props => {
|
|
74
74
|
var _props$styles;
|
|
75
75
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
76
|
+
const _useTheme = designSystem.useTheme(),
|
|
77
|
+
themedValue = _useTheme.themedValue,
|
|
78
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
79
79
|
|
|
80
|
-
|
|
81
|
-
|
|
80
|
+
const textTone = props.isDisabled ? 'secondary' : 'inherit';
|
|
81
|
+
const TextComponent = themedValue(Text__default["default"].Detail, Text__default["default"].Body);
|
|
82
82
|
return jsxRuntime.jsx(Body, {
|
|
83
83
|
to: props.to,
|
|
84
84
|
as: props.as,
|
|
@@ -112,18 +112,18 @@ var TagBody$1 = TagBody;
|
|
|
112
112
|
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
113
113
|
|
|
114
114
|
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
115
|
-
|
|
115
|
+
const defaultProps = {
|
|
116
116
|
type: 'normal',
|
|
117
117
|
isDisabled: false,
|
|
118
118
|
isDraggable: false,
|
|
119
119
|
horizontalConstraint: 'scale'
|
|
120
120
|
};
|
|
121
121
|
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
122
|
+
const Tag = props => {
|
|
123
|
+
const _useTheme = designSystem.useTheme(),
|
|
124
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
125
125
|
|
|
126
|
-
|
|
126
|
+
const linkProps = props.to && !props.isDisabled ? {
|
|
127
127
|
as: reactRouterDom.Link,
|
|
128
128
|
to: props.to
|
|
129
129
|
} : {};
|
|
@@ -173,7 +173,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
173
173
|
|
|
174
174
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
175
175
|
|
|
176
|
-
|
|
176
|
+
const TagListContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
177
177
|
target: "e1t0l8771"
|
|
178
178
|
} : {
|
|
179
179
|
target: "e1t0l8771",
|
|
@@ -188,22 +188,20 @@ var TagListContainer = /*#__PURE__*/_styled__default["default"]("div", process.e
|
|
|
188
188
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
189
189
|
});
|
|
190
190
|
|
|
191
|
-
|
|
191
|
+
const TagListItem = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
192
192
|
target: "e1t0l8770"
|
|
193
193
|
} : {
|
|
194
194
|
target: "e1t0l8770",
|
|
195
195
|
label: "TagListItem"
|
|
196
196
|
})("margin:", designSystem.designTokens.marginForTagList, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjhCIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */"));
|
|
197
197
|
|
|
198
|
-
|
|
198
|
+
const TagList = props => {
|
|
199
199
|
return jsxRuntime.jsx(TagListContainer, _objectSpread(_objectSpread({
|
|
200
200
|
className: props.className
|
|
201
201
|
}, utils.filterDataAttributes(props)), {}, {
|
|
202
|
-
children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children,
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
});
|
|
206
|
-
})
|
|
202
|
+
children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, tag => jsxRuntime.jsx(TagListItem, {
|
|
203
|
+
children: tag
|
|
204
|
+
}))
|
|
207
205
|
}));
|
|
208
206
|
};
|
|
209
207
|
|
|
@@ -215,7 +213,7 @@ TagList.displayName = 'TagList';
|
|
|
215
213
|
var TagList$1 = TagList;
|
|
216
214
|
|
|
217
215
|
// NOTE: This string will be replaced on build time with the package version.
|
|
218
|
-
var version = "
|
|
216
|
+
var version = "16.0.0";
|
|
219
217
|
|
|
220
218
|
exports.Tag = Tag$1;
|
|
221
219
|
exports.TagList = TagList$1;
|
|
@@ -43,38 +43,38 @@ var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
|
43
43
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
44
44
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
45
45
|
|
|
46
|
-
|
|
46
|
+
const defaultProps$1 = {
|
|
47
47
|
type: 'normal',
|
|
48
48
|
isDisabled: false,
|
|
49
49
|
isDraggable: false
|
|
50
50
|
};
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
const Body = /*#__PURE__*/_styled__default["default"]("div", {
|
|
53
53
|
target: "e1imv23z0"
|
|
54
54
|
} )("" );
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
const getClickableContentWrapperStyles = type => {
|
|
57
57
|
return type === 'warning' ? [] : [/*#__PURE__*/react.css("&:hover{border-color:", designSystem.designTokens.borderColorForTagWhenFocused, ";}" + ("" ), "" )];
|
|
58
58
|
};
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
const getTextDetailColor = isDisabled => {
|
|
61
61
|
if (isDisabled) return designSystem.designTokens.fontColorForTagWhenDisabled;
|
|
62
62
|
return designSystem.designTokens.colorSolid;
|
|
63
63
|
};
|
|
64
64
|
|
|
65
|
-
|
|
65
|
+
const getContentWrapperStyles = (props, isNewTheme) => {
|
|
66
66
|
return /*#__PURE__*/react.css("position:relative;display:flex;box-sizing:border-box;align-items:center;border-radius:", designSystem.designTokens.borderRadius2, ";padding:", designSystem.designTokens.paddingForTag, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;border-style:solid;border-width:1px;border-color:", props.type === 'warning' ? designSystem.designTokens.colorWarning : designSystem.designTokens.borderColorForTag, ";color:", designSystem.designTokens.fontColorForTag, ";fill:", designSystem.designTokens.fontColorForTagDragIcon, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && isNewTheme && "\n * {\n color: ".concat(designSystem.designTokens.colorNeutral60, " !important;\n }\n "), ";" + ("" ), "" );
|
|
67
67
|
};
|
|
68
68
|
|
|
69
|
-
|
|
69
|
+
const TagBody = props => {
|
|
70
70
|
var _props$styles;
|
|
71
71
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
const _useTheme = designSystem.useTheme(),
|
|
73
|
+
themedValue = _useTheme.themedValue,
|
|
74
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
75
75
|
|
|
76
|
-
|
|
77
|
-
|
|
76
|
+
const textTone = props.isDisabled ? 'secondary' : 'inherit';
|
|
77
|
+
const TextComponent = themedValue(Text__default["default"].Detail, Text__default["default"].Body);
|
|
78
78
|
return jsxRuntime.jsx(Body, {
|
|
79
79
|
to: props.to,
|
|
80
80
|
as: props.as,
|
|
@@ -103,18 +103,18 @@ var TagBody$1 = TagBody;
|
|
|
103
103
|
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
104
104
|
|
|
105
105
|
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
106
|
-
|
|
106
|
+
const defaultProps = {
|
|
107
107
|
type: 'normal',
|
|
108
108
|
isDisabled: false,
|
|
109
109
|
isDraggable: false,
|
|
110
110
|
horizontalConstraint: 'scale'
|
|
111
111
|
};
|
|
112
112
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
113
|
+
const Tag = props => {
|
|
114
|
+
const _useTheme = designSystem.useTheme(),
|
|
115
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
116
116
|
|
|
117
|
-
|
|
117
|
+
const linkProps = props.to && !props.isDisabled ? {
|
|
118
118
|
as: reactRouterDom.Link,
|
|
119
119
|
to: props.to
|
|
120
120
|
} : {};
|
|
@@ -152,26 +152,24 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
|
|
|
152
152
|
|
|
153
153
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
154
154
|
|
|
155
|
-
|
|
155
|
+
const TagListContainer = /*#__PURE__*/_styled__default["default"]("div", {
|
|
156
156
|
target: "e1t0l8771"
|
|
157
157
|
} )({
|
|
158
158
|
name: "798ujy",
|
|
159
159
|
styles: "width:100%;display:flex;flex-wrap:wrap"
|
|
160
160
|
} );
|
|
161
161
|
|
|
162
|
-
|
|
162
|
+
const TagListItem = /*#__PURE__*/_styled__default["default"]("div", {
|
|
163
163
|
target: "e1t0l8770"
|
|
164
164
|
} )("margin:", designSystem.designTokens.marginForTagList, ";" + ("" ));
|
|
165
165
|
|
|
166
|
-
|
|
166
|
+
const TagList = props => {
|
|
167
167
|
return jsxRuntime.jsx(TagListContainer, _objectSpread(_objectSpread({
|
|
168
168
|
className: props.className
|
|
169
169
|
}, utils.filterDataAttributes(props)), {}, {
|
|
170
|
-
children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children,
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
});
|
|
174
|
-
})
|
|
170
|
+
children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, tag => jsxRuntime.jsx(TagListItem, {
|
|
171
|
+
children: tag
|
|
172
|
+
}))
|
|
175
173
|
}));
|
|
176
174
|
};
|
|
177
175
|
|
|
@@ -180,7 +178,7 @@ TagList.displayName = 'TagList';
|
|
|
180
178
|
var TagList$1 = TagList;
|
|
181
179
|
|
|
182
180
|
// NOTE: This string will be replaced on build time with the package version.
|
|
183
|
-
var version = "
|
|
181
|
+
var version = "16.0.0";
|
|
184
182
|
|
|
185
183
|
exports.Tag = Tag$1;
|
|
186
184
|
exports.TagList = TagList$1;
|
|
@@ -22,41 +22,41 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
|
22
22
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
23
23
|
import { filterDataAttributes } from '@commercetools-uikit/utils';
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
const defaultProps$1 = {
|
|
26
26
|
type: 'normal',
|
|
27
27
|
isDisabled: false,
|
|
28
28
|
isDraggable: false
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
const Body = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
32
32
|
target: "e1imv23z0"
|
|
33
33
|
} : {
|
|
34
34
|
target: "e1imv23z0",
|
|
35
35
|
label: "Body"
|
|
36
36
|
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjhCIiwiZmlsZSI6InRhZy1ib2R5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgdHlwZSB7IFRUYWdQcm9wcyB9IGZyb20gJy4vdGFnJztcblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBEcmFnSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5cbmV4cG9ydCB0eXBlIFRUYWdCb2R5UHJvcHMgPSB7XG4gIHRvPzogVFRhZ1Byb3BzWyd0byddO1xuICBhcz86IHR5cGVvZiBMaW5rO1xuICB0eXBlPzogVFRhZ1Byb3BzWyd0eXBlJ107XG4gIG9uQ2xpY2s/OiBUVGFnUHJvcHNbJ29uQ2xpY2snXTtcbiAgb25SZW1vdmU/OiBUVGFnUHJvcHNbJ29uUmVtb3ZlJ107XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc0RyYWdnYWJsZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHN0eWxlcz86IFRUYWdQcm9wc1snc3R5bGVzJ107XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhZ1Byb3BzLCAndHlwZScgfCAnaXNEaXNhYmxlZCcgfCAnaXNEcmFnZ2FibGUnPiA9IHtcbiAgdHlwZTogJ25vcm1hbCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICBpc0RyYWdnYWJsZTogZmFsc2UsXG59O1xuXG50eXBlIFRCb2R5ID0gUGljazxUVGFnQm9keVByb3BzLCAndG8nIHwgJ2FzJz47XG5jb25zdCBCb2R5ID0gc3R5bGVkLmRpdjxUQm9keT5gYDtcblxuY29uc3QgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMgPSAodHlwZTogVFRhZ0JvZHlQcm9wc1sndHlwZSddKSA9PiB7XG4gIHJldHVybiB0eXBlID09PSAnd2FybmluZydcbiAgICA/IFtdXG4gICAgOiBbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZH07XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgXTtcbn07XG5cbmNvbnN0IGdldFRleHREZXRhaWxDb2xvciA9IChpc0Rpc2FibGVkOiBUVGFnQm9keVByb3BzWydpc0Rpc2FibGVkJ10pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnV2hlbkRpc2FibGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG59O1xuXG5jb25zdCBnZXRDb250ZW50V3JhcHBlclN0eWxlcyA9IChwcm9wczogVFRhZ0JvZHlQcm9wcywgaXNOZXdUaGVtZTogYm9vbGVhbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXMyfTtcbiAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFnfTtcbiAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgbWluLXdpZHRoOiAwO1xuICAgIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgaHlwaGVuczogYXV0bztcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZ1xuICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWd9O1xuICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWd9O1xuICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ0RyYWdJY29ufTtcblxuICAgIC8qIGZpeGluZyB0aGluZ3MgZm9yIElFMTEgLi4uICovXG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBzbWFsbCB7XG4gICAgICBjb2xvcjogJHtnZXRUZXh0RGV0YWlsQ29sb3IocHJvcHMuaXNEaXNhYmxlZCl9O1xuICAgIH1cblxuICAgICR7cHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgIGlzTmV3VGhlbWUgJiZcbiAgICBgXG4gICAgICAqIHtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIGB9XG4gIGA7XG59O1xuXG5jb25zdCBUYWdCb2R5ID0gKHByb3BzOiBUVGFnQm9keVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUsIGlzTmV3VGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHRleHRUb25lID0gcHJvcHMuaXNEaXNhYmxlZCA/ICdzZWNvbmRhcnknIDogJ2luaGVyaXQnO1xuICBjb25zdCBUZXh0Q29tcG9uZW50ID0gdGhlbWVkVmFsdWUoVGV4dC5EZXRhaWwsIFRleHQuQm9keSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVxuICAgICAgdG89e3Byb3BzLnRvfVxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgY3NzPXtbXG4gICAgICAgIGdldENvbnRlbnRXcmFwcGVyU3R5bGVzKHByb3BzLCBpc05ld1RoZW1lKSxcbiAgICAgICAgQm9vbGVhbihwcm9wcy5vblJlbW92ZSkgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6ICR7IShwcm9wcy5pc0Rpc2FibGVkICYmIGlzTmV3VGhlbWUpICYmICcwJ307XG4gICAgICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgICAgICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIGAsXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGdldENsaWNrYWJsZUNvbnRlbnRXcmFwcGVyU3R5bGVzKHByb3BzLnR5cGUpLFxuICAgICAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgICAgIEJvb2xlYW4ocHJvcHMub25DbGljaykgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yVGFnV2hlbkhvdmVyZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJHshaXNOZXdUaGVtZSAmJlxuICAgICAgICAgICAgYFxuICAgICAgICAgICAgICAmOmhvdmVyOjphZnRlciB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHJpZ2h0OiAtMXB4O1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7XG4gICAgICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSAnd2FybmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICAgICAgICAgICAgICAgIDogZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yVGFnV2hlbkZvY3VzZWRcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgYCxcbiAgICAgICAgcHJvcHMuc3R5bGVzPy5ib2R5LFxuICAgICAgXX1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLmlzRGlzYWJsZWQgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNsaWNrfVxuICAgID5cbiAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICB7cHJvcHMuaXNEcmFnZ2FibGUgJiYgIXByb3BzLmlzRGlzYWJsZWQgPyAoXG4gICAgICAgICAgPERyYWdJY29uXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyYWctaWNvblwiXG4gICAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZWRWYWx1ZSgnc29saWQnLCB1bmRlZmluZWQpfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8VGV4dENvbXBvbmVudCB0b25lPXt0ZXh0VG9uZX0+e3Byb3BzLmNoaWxkcmVufTwvVGV4dENvbXBvbmVudD5cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgIDwvQm9keT5cbiAgKTtcbn07XG5cblRhZ0JvZHkuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuVGFnQm9keS5kaXNwbGF5TmFtZSA9ICdUYWdCb2R5JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnQm9keTtcbiJdfQ== */");
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
const getClickableContentWrapperStyles = type => {
|
|
39
39
|
return type === 'warning' ? [] : [/*#__PURE__*/css("&:hover{border-color:", designTokens.borderColorForTagWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getClickableContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ1ciLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgVFRhZ1Byb3BzIH0gZnJvbSAnLi90YWcnO1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IERyYWdJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcblxuZXhwb3J0IHR5cGUgVFRhZ0JvZHlQcm9wcyA9IHtcbiAgdG8/OiBUVGFnUHJvcHNbJ3RvJ107XG4gIGFzPzogdHlwZW9mIExpbms7XG4gIHR5cGU/OiBUVGFnUHJvcHNbJ3R5cGUnXTtcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFnUHJvcHMsICd0eXBlJyB8ICdpc0Rpc2FibGVkJyB8ICdpc0RyYWdnYWJsZSc+ID0ge1xuICB0eXBlOiAnbm9ybWFsJyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG4gIGlzRHJhZ2dhYmxlOiBmYWxzZSxcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRDbGlja2FibGVDb250ZW50V3JhcHBlclN0eWxlcyA9ICh0eXBlOiBUVGFnQm9keVByb3BzWyd0eXBlJ10pID0+IHtcbiAgcmV0dXJuIHR5cGUgPT09ICd3YXJuaW5nJ1xuICAgID8gW11cbiAgICA6IFtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ1doZW5Gb2N1c2VkfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xufTtcblxuY29uc3QgZ2V0VGV4dERldGFpbENvbG9yID0gKGlzRGlzYWJsZWQ6IFRUYWdCb2R5UHJvcHNbJ2lzRGlzYWJsZWQnXSkgPT4ge1xuICBpZiAoaXNEaXNhYmxlZCkgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdXaGVuRGlzYWJsZWQ7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbn07XG5cbmNvbnN0IGdldENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUVGFnQm9keVByb3BzLCBpc05ld1RoZW1lOiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czJ9O1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWd9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ307XG4gICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnRHJhZ0ljb259O1xuXG4gICAgLyogZml4aW5nIHRoaW5ncyBmb3IgSUUxMSAuLi4gKi9cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIHNtYWxsIHtcbiAgICAgIGNvbG9yOiAke2dldFRleHREZXRhaWxDb2xvcihwcm9wcy5pc0Rpc2FibGVkKX07XG4gICAgfVxuXG4gICAgJHtwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgaXNOZXdUaGVtZSAmJlxuICAgIGBcbiAgICAgICoge1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgYH1cbiAgYDtcbn07XG5cbmNvbnN0IFRhZ0JvZHkgPSAocHJvcHM6IFRUYWdCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSwgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdGV4dFRvbmUgPSBwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiAnaW5oZXJpdCc7XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZWRWYWx1ZShUZXh0LkRldGFpbCwgVGV4dC5Cb2R5KTtcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMsIGlzTmV3VGhlbWUpLFxuICAgICAgICBCb29sZWFuKHByb3BzLm9uUmVtb3ZlKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogJHshKHByb3BzLmlzRGlzYWJsZWQgJiYgaXNOZXdUaGVtZSkgJiYgJzAnfTtcbiAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgICAgYCxcbiAgICAgICAgIXByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgICAgICBCb29sZWFuKHByb3BzLm9uQ2xpY2spICYmXG4gICAgICAgICAgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMudHlwZSksXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JUYWdXaGVuSG92ZXJlZH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAkeyFpc05ld1RoZW1lICYmXG4gICAgICAgICAgICBgXG4gICAgICAgICAgICAgICY6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IC0xcHg7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgICAgICAgICAgIHByb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmdcbiAgICAgICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgLFxuICAgICAgICBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICBdfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2xpY2t9XG4gICAgPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtwcm9wcy5pc0RyYWdnYWJsZSAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0ljb25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCJcbiAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgY29sb3I9e3RoZW1lZFZhbHVlKCdzb2xpZCcsIHVuZGVmaW5lZCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3RleHRUb25lfT57cHJvcHMuY2hpbGRyZW59PC9UZXh0Q29tcG9uZW50PlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5UYWdCb2R5LmRpc3BsYXlOYW1lID0gJ1RhZ0JvZHknO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdCb2R5O1xuIl19 */")];
|
|
40
40
|
};
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
const getTextDetailColor = isDisabled => {
|
|
43
43
|
if (isDisabled) return designTokens.fontColorForTagWhenDisabled;
|
|
44
44
|
return designTokens.colorSolid;
|
|
45
45
|
};
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
const getContentWrapperStyles = (props, isNewTheme) => {
|
|
48
48
|
return /*#__PURE__*/css("position:relative;display:flex;box-sizing:border-box;align-items:center;border-radius:", designTokens.borderRadius2, ";padding:", designTokens.paddingForTag, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;border-style:solid;border-width:1px;border-color:", props.type === 'warning' ? designTokens.colorWarning : designTokens.borderColorForTag, ";color:", designTokens.fontColorForTag, ";fill:", designTokens.fontColorForTagDragIcon, ";width:100%;small{color:", getTextDetailColor(props.isDisabled), ";}", props.isDisabled && isNewTheme && "\n * {\n color: ".concat(designTokens.colorNeutral60, " !important;\n }\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getContentWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1ib2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFkiLCJmaWxlIjoidGFnLWJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgVFRhZ1Byb3BzIH0gZnJvbSAnLi90YWcnO1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IERyYWdJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcblxuZXhwb3J0IHR5cGUgVFRhZ0JvZHlQcm9wcyA9IHtcbiAgdG8/OiBUVGFnUHJvcHNbJ3RvJ107XG4gIGFzPzogdHlwZW9mIExpbms7XG4gIHR5cGU/OiBUVGFnUHJvcHNbJ3R5cGUnXTtcbiAgb25DbGljaz86IFRUYWdQcm9wc1snb25DbGljayddO1xuICBvblJlbW92ZT86IFRUYWdQcm9wc1snb25SZW1vdmUnXTtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzRHJhZ2dhYmxlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc3R5bGVzPzogVFRhZ1Byb3BzWydzdHlsZXMnXTtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFnUHJvcHMsICd0eXBlJyB8ICdpc0Rpc2FibGVkJyB8ICdpc0RyYWdnYWJsZSc+ID0ge1xuICB0eXBlOiAnbm9ybWFsJyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG4gIGlzRHJhZ2dhYmxlOiBmYWxzZSxcbn07XG5cbnR5cGUgVEJvZHkgPSBQaWNrPFRUYWdCb2R5UHJvcHMsICd0bycgfCAnYXMnPjtcbmNvbnN0IEJvZHkgPSBzdHlsZWQuZGl2PFRCb2R5PmBgO1xuXG5jb25zdCBnZXRDbGlja2FibGVDb250ZW50V3JhcHBlclN0eWxlcyA9ICh0eXBlOiBUVGFnQm9keVByb3BzWyd0eXBlJ10pID0+IHtcbiAgcmV0dXJuIHR5cGUgPT09ICd3YXJuaW5nJ1xuICAgID8gW11cbiAgICA6IFtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ1doZW5Gb2N1c2VkfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xufTtcblxuY29uc3QgZ2V0VGV4dERldGFpbENvbG9yID0gKGlzRGlzYWJsZWQ6IFRUYWdCb2R5UHJvcHNbJ2lzRGlzYWJsZWQnXSkgPT4ge1xuICBpZiAoaXNEaXNhYmxlZCkgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JUYWdXaGVuRGlzYWJsZWQ7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbn07XG5cbmNvbnN0IGdldENvbnRlbnRXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUVGFnQm9keVByb3BzLCBpc05ld1RoZW1lOiBib29sZWFuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czJ9O1xuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWd9O1xuICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICBoeXBoZW5zOiBhdXRvO1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nXG4gICAgICA6IGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvclRhZ307XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclRhZ307XG4gICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVGFnRHJhZ0ljb259O1xuXG4gICAgLyogZml4aW5nIHRoaW5ncyBmb3IgSUUxMSAuLi4gKi9cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIHNtYWxsIHtcbiAgICAgIGNvbG9yOiAke2dldFRleHREZXRhaWxDb2xvcihwcm9wcy5pc0Rpc2FibGVkKX07XG4gICAgfVxuXG4gICAgJHtwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgaXNOZXdUaGVtZSAmJlxuICAgIGBcbiAgICAgICoge1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgYH1cbiAgYDtcbn07XG5cbmNvbnN0IFRhZ0JvZHkgPSAocHJvcHM6IFRUYWdCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSwgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdGV4dFRvbmUgPSBwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiAnaW5oZXJpdCc7XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZWRWYWx1ZShUZXh0LkRldGFpbCwgVGV4dC5Cb2R5KTtcblxuICByZXR1cm4gKFxuICAgIDxCb2R5XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgZ2V0Q29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMsIGlzTmV3VGhlbWUpLFxuICAgICAgICBCb29sZWFuKHByb3BzLm9uUmVtb3ZlKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogJHshKHByb3BzLmlzRGlzYWJsZWQgJiYgaXNOZXdUaGVtZSkgJiYgJzAnfTtcbiAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgICAgYCxcbiAgICAgICAgIXByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgICAgICBCb29sZWFuKHByb3BzLm9uQ2xpY2spICYmXG4gICAgICAgICAgZ2V0Q2xpY2thYmxlQ29udGVudFdyYXBwZXJTdHlsZXMocHJvcHMudHlwZSksXG4gICAgICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICAgICAgQm9vbGVhbihwcm9wcy5vbkNsaWNrKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JUYWdXaGVuSG92ZXJlZH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAkeyFpc05ld1RoZW1lICYmXG4gICAgICAgICAgICBgXG4gICAgICAgICAgICAgICY6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IC0xcHg7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgICAgICAgICAgIHByb3BzLnR5cGUgPT09ICd3YXJuaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmdcbiAgICAgICAgICAgICAgICAgICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JUYWdXaGVuRm9jdXNlZFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgd2lkdGg6IDFweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICBgLFxuICAgICAgICBwcm9wcy5zdHlsZXM/LmJvZHksXG4gICAgICBdfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2xpY2t9XG4gICAgPlxuICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT1cInNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtwcm9wcy5pc0RyYWdnYWJsZSAmJiAhcHJvcHMuaXNEaXNhYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0ljb25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJhZy1pY29uXCJcbiAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgY29sb3I9e3RoZW1lZFZhbHVlKCdzb2xpZCcsIHVuZGVmaW5lZCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3RleHRUb25lfT57cHJvcHMuY2hpbGRyZW59PC9UZXh0Q29tcG9uZW50PlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9Cb2R5PlxuICApO1xufTtcblxuVGFnQm9keS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5UYWdCb2R5LmRpc3BsYXlOYW1lID0gJ1RhZ0JvZHknO1xuXG5leHBvcnQgZGVmYXVsdCBUYWdCb2R5O1xuIl19 */");
|
|
49
49
|
};
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
const TagBody = props => {
|
|
52
52
|
var _props$styles;
|
|
53
53
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
const _useTheme = useTheme(),
|
|
55
|
+
themedValue = _useTheme.themedValue,
|
|
56
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
57
57
|
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
const textTone = props.isDisabled ? 'secondary' : 'inherit';
|
|
59
|
+
const TextComponent = themedValue(Text.Detail, Text.Body);
|
|
60
60
|
return jsx(Body, {
|
|
61
61
|
to: props.to,
|
|
62
62
|
as: props.as,
|
|
@@ -90,18 +90,18 @@ var TagBody$1 = TagBody;
|
|
|
90
90
|
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
91
91
|
|
|
92
92
|
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
93
|
-
|
|
93
|
+
const defaultProps = {
|
|
94
94
|
type: 'normal',
|
|
95
95
|
isDisabled: false,
|
|
96
96
|
isDraggable: false,
|
|
97
97
|
horizontalConstraint: 'scale'
|
|
98
98
|
};
|
|
99
99
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
100
|
+
const Tag = props => {
|
|
101
|
+
const _useTheme = useTheme(),
|
|
102
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
103
103
|
|
|
104
|
-
|
|
104
|
+
const linkProps = props.to && !props.isDisabled ? {
|
|
105
105
|
as: Link,
|
|
106
106
|
to: props.to
|
|
107
107
|
} : {};
|
|
@@ -151,7 +151,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
151
151
|
|
|
152
152
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
153
153
|
|
|
154
|
-
|
|
154
|
+
const TagListContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
155
155
|
target: "e1t0l8771"
|
|
156
156
|
} : {
|
|
157
157
|
target: "e1t0l8771",
|
|
@@ -166,22 +166,20 @@ var TagListContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
|
|
|
166
166
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
167
167
|
});
|
|
168
168
|
|
|
169
|
-
|
|
169
|
+
const TagListItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
170
170
|
target: "e1t0l8770"
|
|
171
171
|
} : {
|
|
172
172
|
target: "e1t0l8770",
|
|
173
173
|
label: "TagListItem"
|
|
174
174
|
})("margin:", designTokens.marginForTagList, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjhCIiwiZmlsZSI6InRhZy1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgUmVhY3ROb2RlLCBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCB0eXBlIFRUYWdMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKlxuICAgKiBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgKiA8YnIvPlxuICAgKiBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgW2Bjc3NgIHByb3AgZnJvbSBlbW90aW9uXShodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlKS5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFRhZ0xpc3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgVGFnTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7ZGVzaWduVG9rZW5zLm1hcmdpbkZvclRhZ0xpc3R9O1xuYDtcblxuY29uc3QgVGFnTGlzdCA9IChwcm9wczogVFRhZ0xpc3RQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWdMaXN0Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge0NoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKHRhZykgPT4gKFxuICAgICAgICA8VGFnTGlzdEl0ZW0+e3RhZ308L1RhZ0xpc3RJdGVtPlxuICAgICAgKSl9XG4gICAgPC9UYWdMaXN0Q29udGFpbmVyPlxuICApO1xufTtcblxuVGFnTGlzdC5kaXNwbGF5TmFtZSA9ICdUYWdMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVGFnTGlzdDtcbiJdfQ== */"));
|
|
175
175
|
|
|
176
|
-
|
|
176
|
+
const TagList = props => {
|
|
177
177
|
return jsx(TagListContainer, _objectSpread(_objectSpread({
|
|
178
178
|
className: props.className
|
|
179
179
|
}, filterDataAttributes(props)), {}, {
|
|
180
|
-
children: _mapInstanceProperty(Children).call(Children, props.children,
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
});
|
|
184
|
-
})
|
|
180
|
+
children: _mapInstanceProperty(Children).call(Children, props.children, tag => jsx(TagListItem, {
|
|
181
|
+
children: tag
|
|
182
|
+
}))
|
|
185
183
|
}));
|
|
186
184
|
};
|
|
187
185
|
|
|
@@ -193,6 +191,6 @@ TagList.displayName = 'TagList';
|
|
|
193
191
|
var TagList$1 = TagList;
|
|
194
192
|
|
|
195
193
|
// NOTE: This string will be replaced on build time with the package version.
|
|
196
|
-
var version = "
|
|
194
|
+
var version = "16.0.0";
|
|
197
195
|
|
|
198
196
|
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": "
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,17 +21,17 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "
|
|
25
|
-
"@commercetools-uikit/constraints": "
|
|
26
|
-
"@commercetools-uikit/design-system": "
|
|
27
|
-
"@commercetools-uikit/icons": "
|
|
28
|
-
"@commercetools-uikit/spacings": "
|
|
29
|
-
"@commercetools-uikit/text": "
|
|
30
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/accessible-button": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/constraints": "16.0.0",
|
|
26
|
+
"@commercetools-uikit/design-system": "16.0.0",
|
|
27
|
+
"@commercetools-uikit/icons": "16.0.0",
|
|
28
|
+
"@commercetools-uikit/spacings": "16.0.0",
|
|
29
|
+
"@commercetools-uikit/text": "16.0.0",
|
|
30
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
31
31
|
"@emotion/react": "^11.10.5",
|
|
32
32
|
"@emotion/styled": "^11.10.5",
|
|
33
33
|
"prop-types": "15.8.1",
|
|
34
|
-
"react-intl": "^
|
|
34
|
+
"react-intl": "^6.3.2"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"react": "17.0.2",
|