@hi-ui/tag-input 4.0.0-beta.0 → 4.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/cjs/TagInputMock.js +15 -11
  2. package/lib/cjs/TagInputMock.js.map +1 -1
  3. package/lib/cjs/styles/index.scss.js +1 -1
  4. package/lib/esm/TagInputMock.js +15 -11
  5. package/lib/esm/TagInputMock.js.map +1 -1
  6. package/lib/esm/styles/index.scss.js +1 -1
  7. package/lib/types/TagInputMock.d.ts +8 -1
  8. package/package.json +11 -11
package/lib/cjs/TagInputMock.js CHANGED
@@ -81,6 +81,8 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
81
81
  appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
82
82
  _a$wrap = _a.wrap,
83
83
  wrap = _a$wrap === void 0 ? false : _a$wrap,
84
+ _a$expandable = _a.expandable,
85
+ expandable = _a$expandable === void 0 ? false : _a$expandable,
84
86
  suffix = _a.suffix,
85
87
  _a$tagWidth = _a.tagWidth,
86
88
  tagWidth = _a$tagWidth === void 0 ? 20 : _a$tagWidth,
@@ -89,7 +91,7 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
89
91
  _onMouseLeave = _a.onMouseLeave,
90
92
  onClear = _a.onClear,
91
93
  onExpand = _a.onExpand,
92
- rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "wrap", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear", "onExpand"]);
94
+ rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "wrap", "expandable", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear", "onExpand"]);
93
95
 
94
96
  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
95
97
  value = _useUncontrolledState[0],
@@ -167,9 +169,10 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
167
169
  }
168
170
  } else {
169
171
  tagMaxCount = 0;
170
- }
172
+ } // 保底要展示 1 个
173
+
171
174
 
172
- setTagMaxCount(tagMaxCount);
175
+ setTagMaxCount(typeAssertion.isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount);
173
176
  }, [tagsWidth, suffixWidth, getTagWidth, containerWidth, mergedTagList, suffix]);
174
177
  var onClearLatest = useLatest.useLatestCallback(onClear);
175
178
  var handleClear = React.useCallback(function (evt) {
@@ -186,14 +189,11 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
186
189
  var trySetHover = React.useCallback(function (hovered) {
187
190
  if (disabled) return;
188
191
  setHover(hovered);
189
- }, [disabled]);
190
- var handleExpand = React.useCallback(function (evt) {
191
- evt.stopPropagation();
192
- onExpand === null || onExpand === void 0 ? void 0 : onExpand();
193
- }, [onExpand]); // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
192
+ }, [disabled]); // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
194
193
 
195
194
  var showClearableIcon = clearable && showTags && !disabled;
196
- var cls = classname.cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", readOnly && 'readonly', invalid && 'invalid', disabled && prefixCls + "--disabled", wrap && prefixCls + "--wrap");
195
+ var maxTagWidth = containerWidth - suffixWidth;
196
+ var cls = classname.cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", readOnly && 'readonly', invalid && 'invalid', disabled && prefixCls + "--disabled", wrap && prefixCls + "--wrap", expandable && prefixCls + "--expandable");
197
197
  return /*#__PURE__*/React__default['default'].createElement(ResizeDetector__default['default'], {
198
198
  skipOnMount: false,
199
199
  onResize: function onResize(w) {
@@ -218,6 +218,7 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
218
218
  }, mergedTagList.map(function (option, index) {
219
219
  return /*#__PURE__*/React__default['default'].createElement(MockTag, {
220
220
  hidden: wrap ? false : index > tagMaxCount,
221
+ maxWidth: maxTagWidth,
221
222
  key: option.id,
222
223
  prefixCls: prefixCls,
223
224
  disabled: disabled,
@@ -246,7 +247,7 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
246
247
  className: prefixCls + "__suffix"
247
248
  }, showTagCount ? /*#__PURE__*/React__default['default'].createElement("span", {
248
249
  className: classname.cx(prefixCls + "__tag--total"),
249
- onClick: handleExpand
250
+ onClick: onExpand
250
251
  }, "" + (tagCount > 99 ? '99+' : tagCount)) : null, showClearableIcon && hover ? /*#__PURE__*/React__default['default'].createElement("span", {
251
252
  className: prefixCls + "__clear",
252
253
  role: "button",
@@ -276,6 +277,7 @@ function MockTag(_ref) {
276
277
  onTagResize = _ref.onTagResize,
277
278
  tryChangeValue = _ref.tryChangeValue,
278
279
  displayRender = _ref.displayRender,
280
+ maxWidth = _ref.maxWidth,
279
281
  _ref$hidden = _ref.hidden,
280
282
  hidden = _ref$hidden === void 0 ? false : _ref$hidden;
281
283
  var title = typeAssertion.isFunction(displayRender) ? displayRender(option) : true;
@@ -296,7 +298,9 @@ function MockTag(_ref) {
296
298
  }
297
299
  }, /*#__PURE__*/React__default['default'].createElement("span", {
298
300
  className: prefixCls + "__tag",
299
- style: hidden ? hiddenStyle : undefined,
301
+ style: hidden ? hiddenStyle : {
302
+ maxWidth: maxWidth
303
+ },
300
304
  key: option.id
301
305
  }, /*#__PURE__*/React__default['default'].createElement("span", {
302
306
  className: prefixCls + "__tag-content"
package/lib/cjs/TagInputMock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TagInputMock.js","sources":["../../src/TagInputMock.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInputMock","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","disabled","clearable","focused","invalid","readOnly","size","appearance","wrap","suffix","tagWidth","displayRender","onMouseOver","onMouseLeave","onClear","onExpand","rest","useUncontrolledState","tryChangeValue","tagList","useMemo","map","id","find","item","title","tagCount","length","useState","containerWidth","setContainerWidth","mergedTagList","slice","Math","min","showTags","showTagCount","tagsWidth","setTagsWidth","getTagWidth","useCallback","index","suffixWidth","setSuffixWidth","tagMaxCount","setTagMaxCount","useLayoutEffect","isArrayNonEmpty","len","lastIndex","totalWidth","i","currentTagWidth","undefined","onClearLatest","useLatestCallback","handleClear","evt","stopPropagation","hover","setHover","trySetHover","hovered","handleExpand","showClearableIcon","cls","cx","React","ResizeDetector","skipOnMount","onResize","w","option","MockTag","hidden","key","onTagResize","prev","onClick","tabIndex","CloseCircleFilled","__DEV__","displayName","hiddenStyle","position","opacity","width","height","overflow","display","isFunction","closeable","style","nextValue","filter","CloseOutlined"],"mappings":"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"}
1
+ {"version":3,"file":"TagInputMock.js","sources":["../../src/TagInputMock.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInputMock","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","disabled","clearable","focused","invalid","readOnly","size","appearance","wrap","expandable","suffix","tagWidth","displayRender","onMouseOver","onMouseLeave","onClear","onExpand","rest","useUncontrolledState","tryChangeValue","tagList","useMemo","map","id","find","item","title","tagCount","length","useState","containerWidth","setContainerWidth","mergedTagList","slice","Math","min","showTags","showTagCount","tagsWidth","setTagsWidth","getTagWidth","useCallback","index","suffixWidth","setSuffixWidth","tagMaxCount","setTagMaxCount","useLayoutEffect","isArrayNonEmpty","len","lastIndex","totalWidth","i","currentTagWidth","undefined","onClearLatest","useLatestCallback","handleClear","evt","stopPropagation","hover","setHover","trySetHover","hovered","showClearableIcon","maxTagWidth","cls","cx","React","ResizeDetector","skipOnMount","onResize","w","option","MockTag","hidden","maxWidth","key","onTagResize","prev","onClick","tabIndex","CloseCircleFilled","__DEV__","displayName","hiddenStyle","position","opacity","width","height","overflow","display","isFunction","closeable","style","nextValue","filter","CloseOutlined"],"mappings":"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"}
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__container.disabled .hi-v4-tag-input__tag {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px;\n position: relative; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"white\");\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 3px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n max-height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 4px 10px 4px 0;\n position: sticky;\n top: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input-mock {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n cursor: text;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n position: relative;\n overflow: hidden;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\n transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n width: 100%;\n height: auto;\n z-index: auto;\n font-size: inherit;\n line-height: inherit;\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border: 1px solid transparent;\n border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled):hover {\n z-index: calc(1 + 1);\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled).focused {\n z-index: calc(1 + 1);\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__value {\n height: auto; }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__tags {\n white-space: normal; }\n.hi-v4-tag-input-mock__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem);\n padding-left: 8px;\n padding-left: var(--hi-v4-spacing-4, 8px);\n text-align: center; }\n.hi-v4-tag-input-mock__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n text-align: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\n transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-tag-input-mock__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input-mock__tags {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden; }\n.hi-v4-tag-input-mock__tag--total {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n margin-right: 6px;\n margin-right: var(--hi-v4-spacing-3, 6px);\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tag-input-mock__suffix, .hi-v4-tag-input-mock__placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock__tag, .hi-v4-tag-input-mock__placeholder {\n margin-top: 2px;\n margin-top: var(--hi-v4-spacing-1, 2px);\n margin-bottom: 2px;\n margin-bottom: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-tag-input-mock__tag {\n max-width: 100%;\n margin-right: 4px;\n margin-right: var(--hi-v4-spacing-2, 4px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n vertical-align: middle;\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n line-height: inherit; }\n.hi-v4-tag-input-mock__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input-mock__tag-closed {\n margin-left: 4px;\n margin-left: var(--hi-v4-spacing-2, 4px);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock--size-sm {\n height: 24px;\n height: var(--hi-v4-height-xs, 24px);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 0 calc(12px - 1px);\n padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__tag,\n .hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__placeholder {\n margin-top: 1px;\n margin-bottom: 1px; }\n.hi-v4-tag-input-mock--size-md {\n height: 32px;\n height: var(--hi-v4-height-normal, 32px);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 2px calc(12px - 1px);\n padding: 2px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-lg {\n height: 40px;\n height: var(--hi-v4-height-xl, 40px);\n font-size: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem);\n line-height: 1.5rem;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 5px calc(12px - 1px);\n padding: 5px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--appearance-line {\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px #bde2ff;\n box-shadow: 0 0 0 2px #bde2ff;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n box-shadow: 0 0 0 2px #ffd1c9;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-tag-input-mock--appearance-unset {\n width: auto;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n border-color: transparent; }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px #bde2ff;\n box-shadow: 0 0 0 2px #bde2ff;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n box-shadow: 0 0 0 2px #ffd1c9;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-tag-input-mock--appearance-filled {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px #bde2ff;\n box-shadow: 0 0 0 2px #bde2ff;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n box-shadow: 0 0 0 2px #ffd1c9;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-unset.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n";
15
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__container.disabled .hi-v4-tag-input__tag {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input__placeholder {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px;\n position: relative; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-radius: 4px;\n line-height: 22px;\n cursor: inherit; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"white\");\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 3px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n max-height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 4px 10px 4px 0;\n position: sticky;\n top: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input-mock {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n cursor: text;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n position: relative;\n overflow: hidden;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n width: 100%;\n height: auto;\n z-index: auto;\n font-size: inherit;\n line-height: inherit;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled):hover {\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled).focused {\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__value {\n height: auto; }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__tags {\n white-space: normal; }\n.hi-v4-tag-input-mock__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: var(--hi-v4-color-static-black, #000);\n font-size: var(--hi-v4-text-size-lg, 1rem);\n padding: 0;\n text-align: center; }\n.hi-v4-tag-input-mock__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n color: var(--hi-v4-color-gray-500, #929aa6);\n text-align: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-tag-input-mock__clear:hover {\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input-mock__tags {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden; }\n.hi-v4-tag-input-mock__tag--total {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: inherit;\n margin-left: var(--hi-v4-spacing-4, 8px);\n margin-right: var(--hi-v4-spacing-3, 6px);\n padding: 0 var(--hi-v4-spacing-4, 8px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock__suffix, .hi-v4-tag-input-mock__placeholder {\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock__tag, .hi-v4-tag-input-mock__placeholder {\n margin-top: var(--hi-v4-spacing-1, 2px);\n margin-bottom: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-tag-input-mock__tag {\n max-width: 100%;\n margin-right: var(--hi-v4-spacing-2, 4px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n vertical-align: middle;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n color: var(--hi-v4-color-gray-700, #1f2733);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n line-height: inherit; }\n.hi-v4-tag-input-mock__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input-mock__tag-closed {\n margin-left: var(--hi-v4-spacing-2, 4px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-tag-input-mock__tag-closed:hover {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed:hover {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input-mock--size-sm {\n height: var(--hi-v4-height-sm, 24px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__tag,\n .hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__placeholder {\n margin-top: 1px;\n margin-bottom: 1px; }\n.hi-v4-tag-input-mock--size-md {\n height: var(--hi-v4-height-normal, 32px);\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 2px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-lg {\n height: var(--hi-v4-height-lg, 40px);\n font-size: var(--hi-v4-text-size-lg, 1rem);\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 5px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--appearance-line {\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled):hover {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-unset {\n width: auto;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n border-color: transparent; }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-filled {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-unset.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n";
16
16
 
17
17
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
18
18
 
package/lib/esm/TagInputMock.js CHANGED
@@ -54,6 +54,8 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
54
54
  appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
55
55
  _a$wrap = _a.wrap,
56
56
  wrap = _a$wrap === void 0 ? false : _a$wrap,
57
+ _a$expandable = _a.expandable,
58
+ expandable = _a$expandable === void 0 ? false : _a$expandable,
57
59
  suffix = _a.suffix,
58
60
  _a$tagWidth = _a.tagWidth,
59
61
  tagWidth = _a$tagWidth === void 0 ? 20 : _a$tagWidth,
@@ -62,7 +64,7 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
62
64
  _onMouseLeave = _a.onMouseLeave,
63
65
  onClear = _a.onClear,
64
66
  onExpand = _a.onExpand,
65
- rest = __rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "wrap", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear", "onExpand"]);
67
+ rest = __rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "wrap", "expandable", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear", "onExpand"]);
66
68
 
67
69
  var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),
68
70
  value = _useUncontrolledState[0],
@@ -140,9 +142,10 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
140
142
  }
141
143
  } else {
142
144
  tagMaxCount = 0;
143
- }
145
+ } // 保底要展示 1 个
146
+
144
147
 
145
- setTagMaxCount(tagMaxCount);
148
+ setTagMaxCount(isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount);
146
149
  }, [tagsWidth, suffixWidth, getTagWidth, containerWidth, mergedTagList, suffix]);
147
150
  var onClearLatest = useLatestCallback(onClear);
148
151
  var handleClear = useCallback(function (evt) {
@@ -159,14 +162,11 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
159
162
  var trySetHover = useCallback(function (hovered) {
160
163
  if (disabled) return;
161
164
  setHover(hovered);
162
- }, [disabled]);
163
- var handleExpand = useCallback(function (evt) {
164
- evt.stopPropagation();
165
- onExpand === null || onExpand === void 0 ? void 0 : onExpand();
166
- }, [onExpand]); // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
165
+ }, [disabled]); // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
167
166
 
168
167
  var showClearableIcon = clearable && showTags && !disabled;
169
- var cls = cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", readOnly && 'readonly', invalid && 'invalid', disabled && prefixCls + "--disabled", wrap && prefixCls + "--wrap");
168
+ var maxTagWidth = containerWidth - suffixWidth;
169
+ var cls = cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", readOnly && 'readonly', invalid && 'invalid', disabled && prefixCls + "--disabled", wrap && prefixCls + "--wrap", expandable && prefixCls + "--expandable");
170
170
  return /*#__PURE__*/React.createElement(ResizeDetector, {
171
171
  skipOnMount: false,
172
172
  onResize: function onResize(w) {
@@ -191,6 +191,7 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
191
191
  }, mergedTagList.map(function (option, index) {
192
192
  return /*#__PURE__*/React.createElement(MockTag, {
193
193
  hidden: wrap ? false : index > tagMaxCount,
194
+ maxWidth: maxTagWidth,
194
195
  key: option.id,
195
196
  prefixCls: prefixCls,
196
197
  disabled: disabled,
@@ -219,7 +220,7 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
219
220
  className: prefixCls + "__suffix"
220
221
  }, showTagCount ? /*#__PURE__*/React.createElement("span", {
221
222
  className: cx(prefixCls + "__tag--total"),
222
- onClick: handleExpand
223
+ onClick: onExpand
223
224
  }, "" + (tagCount > 99 ? '99+' : tagCount)) : null, showClearableIcon && hover ? /*#__PURE__*/React.createElement("span", {
224
225
  className: prefixCls + "__clear",
225
226
  role: "button",
@@ -249,6 +250,7 @@ function MockTag(_ref) {
249
250
  onTagResize = _ref.onTagResize,
250
251
  tryChangeValue = _ref.tryChangeValue,
251
252
  displayRender = _ref.displayRender,
253
+ maxWidth = _ref.maxWidth,
252
254
  _ref$hidden = _ref.hidden,
253
255
  hidden = _ref$hidden === void 0 ? false : _ref$hidden;
254
256
  var title = isFunction(displayRender) ? displayRender(option) : true;
@@ -269,7 +271,9 @@ function MockTag(_ref) {
269
271
  }
270
272
  }, /*#__PURE__*/React.createElement("span", {
271
273
  className: prefixCls + "__tag",
272
- style: hidden ? hiddenStyle : undefined,
274
+ style: hidden ? hiddenStyle : {
275
+ maxWidth: maxWidth
276
+ },
273
277
  key: option.id
274
278
  }, /*#__PURE__*/React.createElement("span", {
275
279
  className: prefixCls + "__tag-content"
package/lib/esm/TagInputMock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TagInputMock.js","sources":["../../src/TagInputMock.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInputMock","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","disabled","clearable","focused","invalid","readOnly","size","appearance","wrap","suffix","tagWidth","displayRender","onMouseOver","onMouseLeave","onClear","onExpand","rest","useUncontrolledState","tryChangeValue","tagList","useMemo","map","id","find","item","title","tagCount","length","useState","containerWidth","setContainerWidth","mergedTagList","slice","Math","min","showTags","showTagCount","tagsWidth","setTagsWidth","getTagWidth","useCallback","index","suffixWidth","setSuffixWidth","tagMaxCount","setTagMaxCount","useLayoutEffect","isArrayNonEmpty","len","lastIndex","totalWidth","i","currentTagWidth","undefined","onClearLatest","useLatestCallback","handleClear","evt","stopPropagation","hover","setHover","trySetHover","hovered","handleExpand","showClearableIcon","cls","cx","React","ResizeDetector","skipOnMount","onResize","w","option","MockTag","hidden","key","onTagResize","prev","onClick","tabIndex","CloseCircleFilled","__DEV__","displayName","hiddenStyle","position","opacity","width","height","overflow","display","isFunction","closeable","style","nextValue","filter","CloseOutlined"],"mappings":"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"}
1
+ {"version":3,"file":"TagInputMock.js","sources":["../../src/TagInputMock.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInputMock","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","disabled","clearable","focused","invalid","readOnly","size","appearance","wrap","expandable","suffix","tagWidth","displayRender","onMouseOver","onMouseLeave","onClear","onExpand","rest","useUncontrolledState","tryChangeValue","tagList","useMemo","map","id","find","item","title","tagCount","length","useState","containerWidth","setContainerWidth","mergedTagList","slice","Math","min","showTags","showTagCount","tagsWidth","setTagsWidth","getTagWidth","useCallback","index","suffixWidth","setSuffixWidth","tagMaxCount","setTagMaxCount","useLayoutEffect","isArrayNonEmpty","len","lastIndex","totalWidth","i","currentTagWidth","undefined","onClearLatest","useLatestCallback","handleClear","evt","stopPropagation","hover","setHover","trySetHover","hovered","showClearableIcon","maxTagWidth","cls","cx","React","ResizeDetector","skipOnMount","onResize","w","option","MockTag","hidden","maxWidth","key","onTagResize","prev","onClick","tabIndex","CloseCircleFilled","__DEV__","displayName","hiddenStyle","position","opacity","width","height","overflow","display","isFunction","closeable","style","nextValue","filter","CloseOutlined"],"mappings":"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"}
package/lib/esm/styles/index.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__container.disabled .hi-v4-tag-input__tag {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px;\n position: relative; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"white\");\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 3px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n max-height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 4px 10px 4px 0;\n position: sticky;\n top: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input-mock {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n cursor: text;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n position: relative;\n overflow: hidden;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\n transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n width: 100%;\n height: auto;\n z-index: auto;\n font-size: inherit;\n line-height: inherit;\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border: 1px solid transparent;\n border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled):hover {\n z-index: calc(1 + 1);\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled).focused {\n z-index: calc(1 + 1);\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__value {\n height: auto; }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__tags {\n white-space: normal; }\n.hi-v4-tag-input-mock__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem);\n padding-left: 8px;\n padding-left: var(--hi-v4-spacing-4, 8px);\n text-align: center; }\n.hi-v4-tag-input-mock__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n text-align: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\n transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-tag-input-mock__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input-mock__tags {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden; }\n.hi-v4-tag-input-mock__tag--total {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n margin-right: 6px;\n margin-right: var(--hi-v4-spacing-3, 6px);\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tag-input-mock__suffix, .hi-v4-tag-input-mock__placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock__tag, .hi-v4-tag-input-mock__placeholder {\n margin-top: 2px;\n margin-top: var(--hi-v4-spacing-1, 2px);\n margin-bottom: 2px;\n margin-bottom: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-tag-input-mock__tag {\n max-width: 100%;\n margin-right: 4px;\n margin-right: var(--hi-v4-spacing-2, 4px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n vertical-align: middle;\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n line-height: inherit; }\n.hi-v4-tag-input-mock__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input-mock__tag-closed {\n margin-left: 4px;\n margin-left: var(--hi-v4-spacing-2, 4px);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock--size-sm {\n height: 24px;\n height: var(--hi-v4-height-xs, 24px);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 0 calc(12px - 1px);\n padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__tag,\n .hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__placeholder {\n margin-top: 1px;\n margin-bottom: 1px; }\n.hi-v4-tag-input-mock--size-md {\n height: 32px;\n height: var(--hi-v4-height-normal, 32px);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 2px calc(12px - 1px);\n padding: 2px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-lg {\n height: 40px;\n height: var(--hi-v4-height-xl, 40px);\n font-size: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem);\n line-height: 1.5rem;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 5px calc(12px - 1px);\n padding: 5px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--appearance-line {\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px #bde2ff;\n box-shadow: 0 0 0 2px #bde2ff;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n box-shadow: 0 0 0 2px #ffd1c9;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-tag-input-mock--appearance-unset {\n width: auto;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n border-color: transparent; }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px #bde2ff;\n box-shadow: 0 0 0 2px #bde2ff;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n box-shadow: 0 0 0 2px #ffd1c9;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-tag-input-mock--appearance-filled {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px #bde2ff;\n box-shadow: 0 0 0 2px #bde2ff;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: #ff5959;\n border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n box-shadow: 0 0 0 2px #ffd1c9;\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-unset.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n";
10
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__container.disabled .hi-v4-tag-input__tag {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input__placeholder {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px;\n position: relative; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-radius: 4px;\n line-height: 22px;\n cursor: inherit; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"white\");\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 3px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n max-height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 4px 10px 4px 0;\n position: sticky;\n top: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input-mock {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n cursor: text;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n position: relative;\n overflow: hidden;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n width: 100%;\n height: auto;\n z-index: auto;\n font-size: inherit;\n line-height: inherit;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled):hover {\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled).focused {\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__value {\n height: auto; }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__tags {\n white-space: normal; }\n.hi-v4-tag-input-mock__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: var(--hi-v4-color-static-black, #000);\n font-size: var(--hi-v4-text-size-lg, 1rem);\n padding: 0;\n text-align: center; }\n.hi-v4-tag-input-mock__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n color: var(--hi-v4-color-gray-500, #929aa6);\n text-align: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-tag-input-mock__clear:hover {\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input-mock__tags {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden; }\n.hi-v4-tag-input-mock__tag--total {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: inherit;\n margin-left: var(--hi-v4-spacing-4, 8px);\n margin-right: var(--hi-v4-spacing-3, 6px);\n padding: 0 var(--hi-v4-spacing-4, 8px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock__suffix, .hi-v4-tag-input-mock__placeholder {\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock__tag, .hi-v4-tag-input-mock__placeholder {\n margin-top: var(--hi-v4-spacing-1, 2px);\n margin-bottom: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-tag-input-mock__tag {\n max-width: 100%;\n margin-right: var(--hi-v4-spacing-2, 4px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n vertical-align: middle;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n color: var(--hi-v4-color-gray-700, #1f2733);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n line-height: inherit; }\n.hi-v4-tag-input-mock__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input-mock__tag-closed {\n margin-left: var(--hi-v4-spacing-2, 4px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-tag-input-mock__tag-closed:hover {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed:hover {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input-mock--size-sm {\n height: var(--hi-v4-height-sm, 24px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__tag,\n .hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__placeholder {\n margin-top: 1px;\n margin-bottom: 1px; }\n.hi-v4-tag-input-mock--size-md {\n height: var(--hi-v4-height-normal, 32px);\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 2px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-lg {\n height: var(--hi-v4-height-lg, 40px);\n font-size: var(--hi-v4-text-size-lg, 1rem);\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 5px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--appearance-line {\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled):hover {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-unset {\n width: auto;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n border-color: transparent; }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-filled {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-unset.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n";
11
11
 
12
12
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
13
13
 
package/lib/types/TagInputMock.d.ts CHANGED
@@ -70,5 +70,12 @@ export interface TagInputMockProps extends Omit<HiBaseHTMLFieldProps<'div'>, 'de
70
70
  * 是否开启换行全展示
71
71
  */
72
72
  wrap?: boolean;
73
- onExpand?: () => void;
73
+ /**
74
+ * 开启展开
75
+ */
76
+ expandable?: boolean;
77
+ /**
78
+ * 展开时回调
79
+ */
80
+ onExpand?: (evt: React.MouseEvent) => void;
74
81
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/tag-input",
3
- "version": "4.0.0-beta.0",
3
+ "version": "4.0.0-beta.3",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -44,15 +44,15 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@hi-ui/classname": "^4.0.0-beta.0",
47
- "@hi-ui/core": "^4.0.0-beta.0",
48
- "@hi-ui/core-css": "^4.0.0-beta.0",
47
+ "@hi-ui/core": "^4.0.0-beta.2",
48
+ "@hi-ui/core-css": "^4.0.0-beta.2",
49
49
  "@hi-ui/env": "^4.0.0-beta.0",
50
- "@hi-ui/icons": "^4.0.0-beta.0",
51
- "@hi-ui/type-assertion": "^4.0.0-beta.0",
52
- "@hi-ui/use-latest": "^4.0.0-beta.0",
53
- "@hi-ui/use-merge-refs": "^4.0.0-beta.0",
54
- "@hi-ui/use-outside-click": "^4.0.0-beta.0",
55
- "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.0",
50
+ "@hi-ui/icons": "^4.0.0-beta.2",
51
+ "@hi-ui/type-assertion": "^4.0.0-beta.1",
52
+ "@hi-ui/use-latest": "^4.0.0-beta.1",
53
+ "@hi-ui/use-merge-refs": "^4.0.0-beta.1",
54
+ "@hi-ui/use-outside-click": "^4.0.0-beta.1",
55
+ "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.1",
56
56
  "react-resize-detector": "^6.7.6"
57
57
  },
58
58
  "peerDependencies": {
@@ -60,9 +60,9 @@
60
60
  "react-dom": ">=16.8.6"
61
61
  },
62
62
  "devDependencies": {
63
- "@hi-ui/hi-build": "^4.0.0-beta.0",
63
+ "@hi-ui/hi-build": "^4.0.0-beta.1",
64
64
  "react": "^17.0.1",
65
65
  "react-dom": "^17.0.1"
66
66
  },
67
- "gitHead": "be106782f3ff72208ec6d4a2ec8acfe2a41fa1fe"
67
+ "gitHead": "34009f66090d5e0003a9453c9f0f743e74438815"
68
68
  }