@geneui/components 3.0.0-next-fa529af-03102024 → 3.0.0-next-77c6918-09102024

package/Option/index.js

@@ -2,13 +2,13 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { o as optionConfig, s as screenTypes } from '../configs-34847b77.js';
+import { o as optionConfig, s as screenTypes } from '../configs-00612ce0.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import useDeviceType from '../hooks/useDeviceType.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import Icon from '../Icon/index.js';
-import { T as Tooltip } from '../index-0c18f902.js';
+import { T as Tooltip } from '../index-c92894e2.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../hooks/useWindowSize.js';

package/Overlay/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useState, useMemo, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { e as positions } from '../configs-34847b77.js';
+import { e as positions } from '../configs-00612ce0.js';
 import { n as noop } from '../index-5f37f281.js';
 import useKeyDown from '../hooks/useKeyDown.js';
 import useClickOutside from '../hooks/useClickOutside.js';
@@ -16,10 +16,7 @@ import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../tslib.es6-f211516f.js';
 import '../Icon/index.js';
-import '../index-0c18f902.js';
-import '../hooks/useDeviceType.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
+import '../index-c92894e2.js';
 import '../GeneUIProvider/index.js';
 
 var css_248z = "[data-gene-ui-version=\"2.16.1\"] .overlay-back-drop{animation:fadeIn 1s forwards;background:rgba(var(--background-rgb),.6);height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:299}@keyframes fadeIn{to{opacity:1}}[data-gene-ui-version=\"2.16.1\"] .overlay-holder{display:flex;flex-direction:column;position:fixed;transition:width .4s,height .4s;z-index:300}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-horizontal{animation:slideInX .4s linear forwards;background:var(--background);bottom:0;top:var(--header-height,0)}@keyframes slideInX{to{transform:translateX(0)}}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-horizontal.p-left{box-shadow:.5rem 0 .6rem 0 #0000000d;transform:translateX(-120%)}html:not([dir=rtl]) .overlay-holder.t-horizontal.p-left{left:0}html[dir=rtl] .overlay-holder.t-horizontal.p-left{box-shadow:-.5rem 0 .6rem 0 #0000000d;right:0;transform:translateX(120%)}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-horizontal.p-left .overlay-close{border-radius:0 .4rem .4rem 0;box-shadow:.5rem 0 .6rem 0 #0000000d}html:not([dir=rtl]) .overlay-holder.t-horizontal.p-left .overlay-close{left:100%}html[dir=rtl] .overlay-holder.t-horizontal.p-left .overlay-close{border-radius:.4rem 0 0 .4rem;box-shadow:-.5rem 0 .6rem 0 #0000000d;right:100%}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-horizontal.p-right{box-shadow:-.5rem 0 .6rem 0 #0000000d;transform:translateX(120%)}html:not([dir=rtl]) .overlay-holder.t-horizontal.p-right{right:0}html[dir=rtl] .overlay-holder.t-horizontal.p-right{box-shadow:.5rem 0 .6rem 0 #0000000d;left:0;transform:translateX(-120%)}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-horizontal.p-right .overlay-close{border-radius:.4rem 0 0 .4rem;box-shadow:-.5rem 0 .6rem 0 #0000000d}html:not([dir=rtl]) .overlay-holder.t-horizontal.p-right .overlay-close{right:100%}html[dir=rtl] .overlay-holder.t-horizontal.p-right .overlay-close{border-radius:0 .4rem .4rem 0;box-shadow:.5rem 0 .6rem 0 #0000000d;left:100%}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-horizontal.s-half{width:50%}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-horizontal.s-wide{width:75%}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-horizontal.s-minimal{width:30rem}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-vertical{animation:slideInY .4s linear forwards;background:var(--background);height:25vh;left:0;width:100%}@keyframes slideInY{to{transform:translateY(0)}}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-vertical.s-extended{height:50vh}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-vertical.p-top{border-radius:0 0 2rem 2rem;box-shadow:0 .3rem .6rem 0 #0000000d;top:0;transform:translateY(-120%)}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-vertical.p-top .extend-reduce{box-shadow:0 .3rem .6rem 0 #0000000d;top:100%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-vertical.p-bottom{border-radius:2rem 2rem 0 0;bottom:0;box-shadow:0 -.3rem .6rem 0 #0000000d;flex-direction:column-reverse;transform:translateY(120%)}[data-gene-ui-version=\"2.16.1\"] .overlay-holder.t-vertical.p-bottom .extend-reduce{bottom:100%;box-shadow:0 -.3rem .6rem 0 #0000000d;transform:translate(-50%,50%)}[data-gene-ui-version=\"2.16.1\"] .overlay-head{flex-shrink:0;position:relative;z-index:1}[data-gene-ui-version=\"2.16.1\"] .overlay-close{align-items:center;background:var(--background);display:flex;height:6rem;justify-content:center;position:absolute;top:0;width:6rem}[data-gene-ui-version=\"2.16.1\"] .overlay-body{display:flex;flex:auto;flex-direction:column;position:relative}[data-gene-ui-version=\"2.16.1\"] .overlay-body>.scroll-holder{height:100%;left:0;position:absolute!important;top:0;width:100%}[data-gene-ui-version=\"2.16.1\"] .overlay-body>.scroll-holder>.scroll-content{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start}[data-gene-ui-version=\"2.16.1\"] .overlay-body .overlay-content{flex:auto;padding:2.1rem 1.9rem}[data-gene-ui-version=\"2.16.1\"] .overlay-body .overlay-footer{display:flex;flex-shrink:0;justify-content:flex-end}[data-gene-ui-version=\"2.16.1\"] .overlay-body .overlay-footer>*{margin:1rem}[data-gene-ui-version=\"2.16.1\"] .extend-reduce{background:var(--background);border-radius:3.6rem;color:var(--hero);cursor:pointer;font:600 1.4rem/1.8rem var(--font-family);height:3.6rem;left:50%;min-width:14rem;padding:0 2rem;position:absolute;text-align:center;transition:color .3s,background .3s}[data-gene-ui-version=\"2.16.1\"] .extend-reduce:hover{background:var(--hero);color:var(--hero-sc)}";

package/Overspread/index.js

@@ -2,13 +2,13 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { n as noop } from '../index-5f37f281.js';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import useClickOutside from '../hooks/useClickOutside.js';
 import Icon from '../Icon/index.js';
 import Portal from '../Portal/index.js';
 import Popover from '../Popover/index.js';
 import Menu from '../Menu/index.js';
-import { D as Dropdown } from '../index-24537904.js';
+import { D as Dropdown } from '../index-79ed03c9.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
@@ -24,8 +24,8 @@ import '../hooks/useForceUpdate.js';
 import '../Scrollbar/index.js';
 import '../guid-8ddf77b3.js';
 import '../Option/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
-import '../index-0c18f902.js';
+import '../useEllipsisDetection-c1c9ad94.js';
+import '../index-c92894e2.js';
 import '../tslib.es6-f211516f.js';
 import '../objectWithoutPropertiesLoose-e1596bdb.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';
@@ -35,7 +35,7 @@ import '../hooks/useClick.js';
 import '../hooks/useKeyDown.js';
 import '../BusyLoader/index.js';
 import '../Empty/index.js';
-import '../index-5a08e021.js';
+import '../index-3e0ca61d.js';
 import '../debounce-4419bc2f.js';
 import '../ExtendedInput/index.js';
 import '../SuggestionList/index.js';

package/Pagination/index.js

@@ -4,7 +4,7 @@ import { c as classnames } from '../index-031ff73c.js';
 import { a as conflictPropsLog, k as keyboardHandler } from '../index-5f37f281.js';
 import Button from '../Button/index.js';
 import Divider from '../Divider/index.js';
-import { T as Tooltip } from '../index-0c18f902.js';
+import { T as Tooltip } from '../index-c92894e2.js';
 import TextInput from '../ValidatableTextInput/index.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../dateValidation-67caec66.js';
@@ -13,14 +13,14 @@ import 'react-dom';
 import '../tslib.es6-f211516f.js';
 import '../Icon/index.js';
 import '../_rollupPluginBabelHelpers-a83240e1.js';
-import '../hooks/useDeviceType.js';
-import '../configs-34847b77.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
 import '../GeneUIProvider/index.js';
 import '../hooks/useMount.js';
+import '../configs-00612ce0.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useDebounce.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';

package/Pill/index.js

@@ -0,0 +1,67 @@
+import React__default, { useState, useRef, useEffect, cloneElement } from 'react';
+import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
+import { c as classnames } from '../index-031ff73c.js';
+import { T as Tooltip } from '../index-c92894e2.js';
+import 'prop-types';
+import '../dateValidation-67caec66.js';
+import 'react-dom';
+import '../configs-00612ce0.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../tslib.es6-f211516f.js';
+import '../GeneUIProvider/index.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../hooks/useDebounce.js';
+
+var _excluded = ["size", "color"];
+var SvgDot = function SvgDot(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "currentColor" : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z",
+    fill: color
+  }));
+};
+
+var css_248z = "[data-gene-ui-version=\"2.16.1\"] .pill{align-items:center;display:inline-flex;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.16.1\"] .pill_icon_after{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_only){gap:var(--guit-ref-spacing-xsmall);padding-bottom:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-2xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_before,.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_only{padding:var(--guit-ref-spacing-2xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_only){gap:var(--guit-ref-spacing-2xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_before,.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_only{padding:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_only),[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_only){font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge{gap:var(--guit-ref-spacing-3xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge:not(.pill_icon_only){font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge:not(.pill_icon_before,.pill_size_small_nudge.pill_icon_after,.pill_size_small_nudge.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-3xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_only{padding:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_medium,[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_small{border-radius:var(--guit-ref-radius-3xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_small_nudge{border-radius:var(--guit-ref-radius-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_informative{background-color:var(--guit-sem-color-background-informative)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_neutral{background-color:var(--guit-sem-color-background-neutral-3)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_error{background-color:var(--guit-sem-color-background-error-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_success{background-color:var(--guit-sem-color-background-success-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_warning{background-color:var(--guit-sem-color-background-warning-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_inverse{background-color:var(--guit-sem-color-background-inverse);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .pill_color_informative{color:var(--guit-sem-color-foreground-informative)}[data-gene-ui-version=\"2.16.1\"] .pill_color_neutral{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .pill_color_error{color:var(--guit-sem-color-foreground-error)}[data-gene-ui-version=\"2.16.1\"] .pill_color_success{color:var(--guit-sem-color-foreground-success)}[data-gene-ui-version=\"2.16.1\"] .pill_color_warning{color:var(--guit-sem-color-foreground-warning)}[data-gene-ui-version=\"2.16.1\"] .pill_color_purple{color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.1\"] .pill_color_lagoon{color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.1\"] .pill_color_magenta{color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.1\"] .pill_color_slate{color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.1\"] .pill:not(.pill_fill).pill_color_inverse{color:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .pill__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}[data-gene-ui-version=\"2.16.1\"] .pill__icon{flex:0 0 auto}";
+styleInject(css_248z);
+
+const iconSizes = {
+    smallNudge: 16,
+    small: 20,
+    medium: 20
+};
+/**
+ * A Pill component used to display concise information or categorize content. Often used for labels or status indicators, Pill components are visually distinct and can convey different meanings through text and color coding.
+ */
+const Pill = ({ color = 'informative', size = 'medium', text, iconAlignment = 'before', isFill, withDot = true, Icon, className }) => {
+    const [isWithDot, setIsWithDot] = useState(withDot);
+    const textRef = useRef(null);
+    const isTruncated = useEllipsisDetection(textRef, [text]);
+    useEffect(() => {
+        setIsWithDot(!Icon && withDot);
+    }, [Icon, withDot]);
+    const iconMock = Icon ? (cloneElement(Icon, {
+        size: iconSizes[size],
+        className: 'pill__icon'
+    })) : isWithDot ? (React__default.createElement(SvgDot, { size: iconSizes[size], className: "pill__icon" })) : ('');
+    return (React__default.createElement("div", { className: classnames(`pill pill_size_${size} pill_color_${color}`, className, {
+            [`pill_icon_${isWithDot ? 'before' : iconAlignment}`]: text && iconMock,
+            pill_icon_only: !text,
+            pill_fill: isFill
+        }) },
+        iconMock,
+        text && (React__default.createElement(Tooltip, { text: text, isVisible: isTruncated },
+            React__default.createElement("span", { ref: textRef, className: "pill__text" }, text)))));
+};
+
+export { Pill as default };

package/Popover/index.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { n as noop, s as stopEvent } from '../index-5f37f281.js';
 import useDeviceType from '../hooks/useDeviceType.js';
 import useUpdatableRef from '../hooks/useUpdatableRef.js';
-import { g as popoverConfig, s as screenTypes } from '../configs-34847b77.js';
+import { g as popoverConfig, s as screenTypes } from '../configs-00612ce0.js';
 import { GeneUIDesignSystemContext } from '../GeneUIProvider/index.js';
 import Portal from '../Portal/index.js';
 import CustomScrollbar from '../Scrollbar/index.js';

package/PopoverV2/index.js

@@ -1,13 +1,13 @@
 import '../_rollupPluginBabelHelpers-a83240e1.js';
 import 'react';
-export { P as default } from '../index-5a08e021.js';
+export { P as default } from '../index-3e0ca61d.js';
 import '../index-122432cd.js';
 import '../index-031ff73c.js';
 import 'prop-types';
 import '../index-5f37f281.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useClickOutside.js';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';

package/Products/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { s as screenTypes } from '../configs-34847b77.js';
+import { s as screenTypes } from '../configs-00612ce0.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import useDeviceType from '../hooks/useDeviceType.js';

package/Profile/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { s as screenTypes } from '../configs-34847b77.js';
+import { s as screenTypes } from '../configs-00612ce0.js';
 import { c as childrenOf, n as noop } from '../index-5f37f281.js';
 import useToggle from '../hooks/useToggle.js';
 import useDeviceType from '../hooks/useDeviceType.js';
@@ -11,7 +11,7 @@ import Empty from '../Empty/index.js';
 import Icon from '../Icon/index.js';
 import Popover from '../Popover/index.js';
 import Avatar from '../Avatar/index.js';
-import { T as Tooltip } from '../index-0c18f902.js';
+import { T as Tooltip } from '../index-c92894e2.js';
 import Menu from '../Menu/index.js';
 import Search from '../Search/index.js';
 import Divider from '../Divider/index.js';
@@ -31,7 +31,7 @@ import '../Scrollbar/index.js';
 import '../guid-8ddf77b3.js';
 import '../ArrowLeft-b88e2ba8.js';
 import '../Option/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../ExtendedInput/index.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';

package/Radio/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { forwardRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { a as checkboxRadioSwitcherConfig } from '../configs-34847b77.js';
+import { c as checkboxRadioSwitcherConfig } from '../configs-00612ce0.js';
 import { i as interceptValue } from '../index-5f37f281.js';
 import '../checkboxRadioSwitcher-5b69d7bd.js';
 import { g as guid } from '../guid-8ddf77b3.js';

package/RadioGroup/index.js

@@ -7,7 +7,7 @@ import Radio from '../Radio/index.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import '../checkboxRadioSwitcher-5b69d7bd.js';
 import '../style-inject.es-746bb8ed.js';
 import '../guid-8ddf77b3.js';

package/Range/index.js

@@ -7,7 +7,7 @@ import useWidth from '../hooks/useWidth.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import useToggle from '../hooks/useToggle.js';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../index-45eafea6.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';

package/Scrollbar/index.js

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
 import { c as commonjsGlobal } from '../_commonjsHelpers-24198af3.js';
-import { j as customScrollbarConfig } from '../configs-34847b77.js';
+import { j as customScrollbarConfig } from '../configs-00612ce0.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
 var lib = {};

package/Search/index.js

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import ExtendedInput from '../ExtendedInput/index.js';
 import '../index-031ff73c.js';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import '../index-5f37f281.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
@@ -11,7 +11,7 @@ import 'react-dom';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../SuggestionList/index.js';
@@ -20,7 +20,7 @@ import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';
 import '../Scrollbar/index.js';
 import '../callAfterDelay-7272faca.js';
-import '../index-0c18f902.js';
+import '../index-c92894e2.js';
 import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
 

package/SearchWithDropdown/index.js

@@ -4,17 +4,17 @@ import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
 import { n as noop } from '../index-5f37f281.js';
 import Search from '../Search/index.js';
-import { D as Dropdown } from '../index-24537904.js';
+import { D as Dropdown } from '../index-79ed03c9.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../ExtendedInput/index.js';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
@@ -22,7 +22,7 @@ import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';
 import '../Scrollbar/index.js';
 import '../callAfterDelay-7272faca.js';
-import '../index-0c18f902.js';
+import '../index-c92894e2.js';
 import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
 import '../objectWithoutPropertiesLoose-e1596bdb.js';
@@ -34,7 +34,7 @@ import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
 import '../BusyLoader/index.js';
 import '../Empty/index.js';
-import '../index-5a08e021.js';
+import '../index-3e0ca61d.js';
 import '../index-122432cd.js';
 import '../debounce-4419bc2f.js';
 import '../Checkbox/index.js';

package/Section/index.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { t as titleConfig } from '../configs-34847b77.js';
+import { t as titleConfig } from '../configs-00612ce0.js';
 import Title from '../Title/index.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../_rollupPluginBabelHelpers-a83240e1.js';

package/Slider/index.js

@@ -6,7 +6,7 @@ import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-693
 import useWidth from '../hooks/useWidth.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import Icon from '../Icon/index.js';
 import NumberInput from '../ValidatableNumberInput/index.js';
 import '../_commonjsHelpers-24198af3.js';
@@ -19,14 +19,14 @@ import '../index-5f37f281.js';
 import '../hooks/useMount.js';
 import '../ExtendedInput/index.js';
 import '../hooks/useDeviceType.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';
 import '../Scrollbar/index.js';
 import '../callAfterDelay-7272faca.js';
-import '../index-0c18f902.js';
+import '../index-c92894e2.js';
 import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
 

package/Status/index.js

@@ -3,16 +3,10 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
 import Icon from '../Icon/index.js';
-import { T as Tooltip } from '../index-0c18f902.js';
+import { T as Tooltip } from '../index-c92894e2.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../tslib.es6-f211516f.js';
 import 'react-dom';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import '../hooks/useDeviceType.js';
-import '../configs-34847b77.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
 import '../GeneUIProvider/index.js';
 
 var css_248z = "[data-gene-ui-version=\"2.16.1\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.16.1\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"2.16.1\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.16.1\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.16.1\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.16.1\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.16.1\"] .status-holder{align-items:center;display:flex;font:600 1.4rem/2.4rem var(--font-family)}[data-gene-ui-version=\"2.16.1\"] .status-holder p{height:2.4rem;overflow:hidden}[data-gene-ui-version=\"2.16.1\"] .status-holder span{display:block;overflow:hidden}[data-gene-ui-version=\"2.16.1\"] .status-holder>*+*{margin:0 0 0 .7rem}html[dir=rtl] .status-holder>*+*{margin:0 .7rem 0 0}[data-gene-ui-version=\"2.16.1\"] .status-holder .status-icon{align-items:center;color:var(--hero);display:flex;height:3rem;justify-content:center;position:relative;transition:color .3s,opacity .3s;width:3rem}[data-gene-ui-version=\"2.16.1\"] .status-holder .status-icon:after,[data-gene-ui-version=\"2.16.1\"] .status-holder .status-icon:before{border-radius:100%;content:\"\";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s,background .3s,border-color .3s;width:100%}[data-gene-ui-version=\"2.16.1\"] .status-holder .status-icon:before{background:var(--hero)}[data-gene-ui-version=\"2.16.1\"] .status-holder .status-icon:after{border:1px solid var(--hero)}[data-gene-ui-version=\"2.16.1\"] .status-holder .status-icon .icon{position:relative;z-index:2}[data-gene-ui-version=\"2.16.1\"] .status-holder:hover .hover-text+span,[data-gene-ui-version=\"2.16.1\"] .status-holder:not(:hover) .hover-text{height:0}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .status-holder.clickable:hover .status-icon:before{opacity:.05}[data-gene-ui-version=\"2.16.1\"] .status-holder.clickable:hover .status-icon:after{opacity:.66}}";

package/Steps/index.js

@@ -1,9 +1,9 @@
 import React__default, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { l as stepsConfig } from '../configs-34847b77.js';
+import { l as stepsConfig } from '../configs-00612ce0.js';
 import Icon from '../Icon/index.js';
-import { T as Tooltip } from '../index-0c18f902.js';
+import { T as Tooltip } from '../index-c92894e2.js';
 import '../dateValidation-67caec66.js';
 import { d as debounce } from '../debounce-4419bc2f.js';
 import 'react-dom';
@@ -12,12 +12,12 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import { c as childrenOf } from '../index-5f37f281.js';
 import '../tslib.es6-f211516f.js';
-import '../hooks/useDeviceType.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
 import '../GeneUIProvider/index.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../index-122432cd.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useDebounce.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
 import '../Portal/index.js';

package/SuggestionList/index.js

@@ -2,7 +2,7 @@ import React__default, { useMemo, useState, useRef, useCallback, useEffect } fro
 import { c as classnames } from '../index-031ff73c.js';
 import { s as stopEvent } from '../index-5f37f281.js';
 import useKeyDown from '../hooks/useKeyDown.js';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import useClickOutside from '../hooks/useClickOutside.js';
 import { k as keyDownKeys } from '../config-1053d64d.js';
 import CustomScrollbar from '../Scrollbar/index.js';

package/Switcher/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { forwardRef, useRef, useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { a as checkboxRadioSwitcherConfig } from '../configs-34847b77.js';
+import { c as checkboxRadioSwitcherConfig } from '../configs-00612ce0.js';
 import { n as noop, i as interceptValue } from '../index-5f37f281.js';
 import useKeyDown from '../hooks/useKeyDown.js';
 import '../checkboxRadioSwitcher-5b69d7bd.js';

package/Table/index.js

@@ -1,14 +1,14 @@
 import '../_rollupPluginBabelHelpers-a83240e1.js';
 import 'react';
-export { T as default } from '../index-59637c99.js';
+export { T as default } from '../index-abbcc5bb.js';
 import 'prop-types';
-import '../index-24537904.js';
-import '../CellMeasurerCache-0b14f9d9.js';
+import '../index-79ed03c9.js';
+import '../CellMeasurerCache-f5f86ede.js';
 import '../index-031ff73c.js';
 import '../index-5f37f281.js';
 import '../hooks/useMount.js';
 import '../hooks/useUpdate.js';
-import '../configs-34847b77.js';
+import '../configs-00612ce0.js';
 import '../hooks/useThrottle.js';
 import '../Empty/index.js';
 import '../Scrollbar/index.js';
@@ -18,34 +18,34 @@ import '../debounce-4419bc2f.js';
 import '../hooks/useMutationObserver.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
-import '../index-0c18f902.js';
+import '../index-c92894e2.js';
 import '../tslib.es6-f211516f.js';
 import 'react-dom';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import '../hooks/useDeviceType.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
 import '../GeneUIProvider/index.js';
 import '../Button/index.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import '../SkeletonLoader/index.js';
 import '../Copy/index.js';
 import '../callAfterDelay-7272faca.js';
 import '../hooks/useHover.js';
 import '../Popover/index.js';
 import '../index-122432cd.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useDebounce.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
 import '../Portal/index.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';
 import '../Menu/index.js';
 import '../Option/index.js';
-import '../index-5a08e021.js';
+import '../index-3e0ca61d.js';
 import '../redux-e591c1b8.js';
 import '../objectWithoutPropertiesLoose-e1596bdb.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';

package/TableCompositions/index.js

@@ -8,27 +8,27 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import Paper from '../Paper/index.js';
 import { L as Logger, n as noop } from '../index-5f37f281.js';
 import Pagination from '../Pagination/index.js';
-import { D as Dropdown } from '../index-24537904.js';
-import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-59637c99.js';
-import '../configs-34847b77.js';
+import { D as Dropdown } from '../index-79ed03c9.js';
+import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-abbcc5bb.js';
+import '../configs-00612ce0.js';
 import useThrottle from '../hooks/useThrottle.js';
 import Button from '../Button/index.js';
 import Divider from '../Divider/index.js';
-import { T as Tooltip } from '../index-0c18f902.js';
+import { T as Tooltip } from '../index-c92894e2.js';
 import { c as commonjsGlobal } from '../_commonjsHelpers-24198af3.js';
-import { P as PopoverV2 } from '../index-5a08e021.js';
+import { P as PopoverV2 } from '../index-3e0ca61d.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import Icon from '../Icon/index.js';
 import Option from '../Option/index.js';
 import '../tslib.es6-f211516f.js';
-import '../hooks/useDeviceType.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
 import '../GeneUIProvider/index.js';
 import '../Search/index.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useDebounce.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';
@@ -52,7 +52,7 @@ import '../guid-8ddf77b3.js';
 import '../index-b3a30cb9.js';
 import '../Tag/index.js';
 import '../ValidatableTextInput/index.js';
-import '../CellMeasurerCache-0b14f9d9.js';
+import '../CellMeasurerCache-f5f86ede.js';
 import '../hooks/useUpdate.js';
 import '../hooks/useMutationObserver.js';
 import '../SkeletonLoader/index.js';

package/Tag/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { d as tagConfig } from '../configs-34847b77.js';
+import { d as tagConfig } from '../configs-00612ce0.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
 var css_248z = "[data-gene-ui-version=\"2.16.1\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.16.1\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"2.16.1\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.16.1\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.16.1\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.16.1\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.16.1\"] .tag-c{--color:var(--hero);align-items:center;background:var(--background);color:var(--color);display:flex;flex-direction:row-reverse;flex-shrink:0;font:600 1.4rem/1.8rem var(--font-family);height:var(--size);justify-content:center;max-width:100%;padding:0 1rem;position:relative;text-align:center;transition:color .3s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.16.1\"] .tag-c.s-small{--size:2.4rem;font-size:1.2rem}html:not([dir=rtl]) .tag-c.s-small .icon{margin-left:1px}html[dir=rtl] .tag-c.s-small .icon{margin-right:1px}[data-gene-ui-version=\"2.16.1\"] .tag-c.s-medium{--size:2.6rem}html:not([dir=rtl]) .tag-c.s-medium .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-medium .icon{margin-right:.5rem}[data-gene-ui-version=\"2.16.1\"] .tag-c.s-big{--size:3rem}html:not([dir=rtl]) .tag-c.s-big .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-big .icon{margin-right:.5rem}[data-gene-ui-version=\"2.16.1\"] .tag-c.f-compact{min-width:var(--size)}[data-gene-ui-version=\"2.16.1\"] .tag-c.f-compact.s-small{padding:0 .4rem}[data-gene-ui-version=\"2.16.1\"] .tag-c.f-compact.s-medium{padding:0 .5rem}[data-gene-ui-version=\"2.16.1\"] .tag-c.f-compact.s-big{padding:0 .7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-small .icon{margin-right:-.9rem}html[dir=rtl] .tag-c:not(.f-compact).s-small .icon{margin-left:-.9rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-medium .icon{margin-right:-.7rem}html[dir=rtl] .tag-c:not(.f-compact).s-medium .icon{margin-left:-.7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-big .icon{margin-right:-.2rem}html[dir=rtl] .tag-c:not(.f-compact).s-big .icon{margin-left:-.2rem}[data-gene-ui-version=\"2.16.1\"] .tag-c.cr-full-radius{border-radius:1.4rem}[data-gene-ui-version=\"2.16.1\"] .tag-c.cr-smooth-radius{border-radius:.6rem}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-simple{--color:var(--background-sc)}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-simple .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-simple .tag-backdrop:after{content:none}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-minimal .tag-backdrop{--color:var(--background-sc)}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-minimal .tag-backdrop:before{opacity:.03}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-minimal .tag-backdrop:after{opacity:.07}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-outline .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-colored .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-clean{--color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-clean:hover{--color:var(--hero)}}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-clean .tag-backdrop:after,[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-clean .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-light .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.1\"] .tag-c:not(.active).a-light .tag-backdrop:after{border:0}[data-gene-ui-version=\"2.16.1\"] .tag-c.active{color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .tag-c:hover .tag-backdrop{opacity:.6}}[data-gene-ui-version=\"2.16.1\"] .tag-c .icon,[data-gene-ui-version=\"2.16.1\"] .tag-c .tag-cc{position:relative;transition:opacity .3s;z-index:1}[data-gene-ui-version=\"2.16.1\"] .tag-c .icon{cursor:pointer;opacity:.5}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .tag-c .icon:hover{opacity:1}[data-gene-ui-version=\"2.16.1\"] .tag-c .icon:hover~.tag-cp{opacity:.6}}[data-gene-ui-version=\"2.16.1\"] .tag-backdrop{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%}[data-gene-ui-version=\"2.16.1\"] .tag-backdrop:after,[data-gene-ui-version=\"2.16.1\"] .tag-backdrop:before{border-radius:inherit;content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.16.1\"] .tag-backdrop:before{background:var(--color);transition:background .3s,opacity .3s}[data-gene-ui-version=\"2.16.1\"] .tag-backdrop:after{border:1px solid var(--color);transition:border-color .3s,opacity .3s}";