@salutejs/plasma-new-hope 0.78.0-canary.1201.8968491632.0 → 0.78.0-canary.1203.8970261959.0

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -1,87 +1,107 @@
-import React, { useRef, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useCallback, useMemo } from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
 import { classes } from '../../Dropdown.tokens.js';
 import { cx } from '../../../../utils/index.js';
-import '@linaria/react';
-import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
-import { Wrapper, StyledContentLeft, StyledText, StyledContentRight, DisclosureIconWrapper } from './DropdownItem.styles.js';
+import { getValidComponent } from '../../utils/index.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { StyledContentLeft, StyledText, StyledContentRight, base } from './DropdownItem.styles.js';
 
-var _DisclosureIconWrappe;
-var DropdownItem = function DropdownItem(_ref) {
-  var item = _ref.item,
-    path = _ref.path,
-    focusedPath = _ref.focusedPath,
-    currentLevel = _ref.currentLevel,
-    index = _ref.index,
-    itemRole = _ref.itemRole,
-    closeOnSelect = _ref.closeOnSelect,
-    handleGlobalToggle = _ref.handleGlobalToggle,
-    onHover = _ref.onHover,
-    onItemSelect = _ref.onItemSelect,
-    onItemClick = _ref.onItemClick,
-    ariaControls = _ref.ariaControls,
-    ariaExpanded = _ref.ariaExpanded,
-    ariaHasPopup = _ref.ariaHasPopup,
-    ariaLevel = _ref.ariaLevel,
-    ariaLabel = _ref.ariaLabel,
-    variant = _ref.variant,
-    hasArrow = _ref.hasArrow;
-  var value = item.value,
-    label = item.label,
-    disabled = item.disabled,
-    isDisabled = item.isDisabled,
-    contentLeft = item.contentLeft,
-    contentRight = item.contentRight;
-  var ref = useRef(null);
-  var isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;
-  var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
-  var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
-  useEffect(function () {
-    if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
-      ref.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
-        inline: 'center'
-      });
-    }
-  }, [focusedClass]);
-  var handleClick = function handleClick(event) {
-    if (disabled || isDisabled) {
-      return;
-    }
-    if (onItemSelect) {
-      onItemSelect(item, event);
-    }
-    if (onItemClick) {
-      onItemClick(item, event);
-    }
-    if (handleGlobalToggle && closeOnSelect) {
-      handleGlobalToggle(false, event);
-    }
-  };
-  var handleHover = function handleHover() {
-    if (onHover) {
-      onHover(index);
+var _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "role", "view", "size", "disabled", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
+/**
+ * Элемент выпадающего списка
+ */
+var dropdownItemRoot = function dropdownItemRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
+    var id = _ref.id,
+      className = _ref.className,
+      children = _ref.children,
+      text = _ref.text,
+      isSelected = _ref.isSelected,
+      name = _ref.name,
+      checked = _ref.checked,
+      value = _ref.value,
+      role = _ref.role,
+      view = _ref.view,
+      size = _ref.size,
+      disabled = _ref.disabled,
+      ContentLeftComponent = _ref.contentLeft,
+      ContentRightComponent = _ref.contentRight,
+      onSelect = _ref.onSelect,
+      onClick = _ref.onClick,
+      onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var uniqId = safeUseId();
+    var innerId = id || uniqId;
+    var withDropdownItemIsSelected = checked || isSelected ? classes.dropdownItemIsSelected : undefined;
+    var withDropdownItemIsDisabled = disabled ? classes.dropdownItemIsDisabled : undefined;
+    var handleOnClick = useCallback(function (event) {
+      if (disabled) {
+        return;
+      }
+      onClick === null || onClick === void 0 || onClick(event);
+      if (onSelect && !ContentLeftComponent) {
+        onSelect(value, text);
+      }
+    }, [onSelect, disabled]);
+    var handleOnChange = useCallback(function (event) {
+      if (disabled) {
+        return;
+      }
+      onChange === null || onChange === void 0 || onChange(event);
+      if (onSelect && ContentLeftComponent) {
+        onSelect(value, text);
+      }
+    }, [onSelect, disabled]);
+    var contentProps = _objectSpread2({
+      name: name,
+      value: value,
+      checked: checked || isSelected,
+      disabled: disabled,
+      tabIndex: 0
+    }, !disabled && {
+      onChange: handleOnChange
+    });
+    var ContentLeft = useMemo(function () {
+      return getValidComponent(ContentLeftComponent, contentProps);
+    }, [ContentRightComponent, contentProps]);
+    var ContentRight = useMemo(function () {
+      return getValidComponent(ContentRightComponent, contentProps);
+    }, [ContentRightComponent, contentProps]);
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      className: cx(withDropdownItemIsSelected, withDropdownItemIsDisabled, className),
+      view: view,
+      size: size,
+      id: innerId,
+      isSelected: isSelected,
+      role: role,
+      ref: outerRootRef,
+      tabIndex: 0,
+      "aria-disabled": disabled,
+      onClick: handleOnClick,
+      "data-value": value
+    }, rest), text ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/React.createElement(StyledText, null, text), /*#__PURE__*/React.createElement(StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
+  });
+};
+var dropdownItemConfig = {
+  name: 'DropdownItem',
+  tag: 'div',
+  layout: dropdownItemRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
     }
-  };
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    className: cx(isDisabledClassName, focusedClass, activeClass),
-    id: value.toString(),
-    role: itemRole,
-    ref: ref,
-    "aria-disabled": disabled || isDisabled,
-    onClick: handleClick,
-    onMouseEnter: handleHover,
-    variant: variant,
-    "aria-controls": ariaControls,
-    "aria-expanded": ariaExpanded,
-    "aria-haspopup": ariaHasPopup,
-    "aria-level": ariaLevel,
-    "aria-label": ariaLabel
-  }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), item.items && hasArrow && (_DisclosureIconWrappe || (_DisclosureIconWrappe = /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRight, {
-    size: "xs",
-    color: "inherit"
-  })))));
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
 };
 
-export { DropdownItem };
+export { dropdownItemConfig, dropdownItemRoot };
 //# sourceMappingURL=DropdownItem.js.map

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nimport {\n    StyledContentLeft,\n    StyledContentRight,\n    StyledText,\n    Wrapper,\n    DisclosureIconWrapper,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n    item,\n    path,\n    focusedPath,\n    currentLevel,\n    index,\n    itemRole,\n    closeOnSelect,\n    handleGlobalToggle,\n    onHover,\n    onItemSelect,\n    onItemClick,\n    ariaControls,\n    ariaExpanded,\n    ariaHasPopup,\n    ariaLevel,\n    ariaLabel,\n    variant,\n    hasArrow,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        if (disabled || isDisabled) {\n            return;\n        }\n\n        if (onItemSelect) {\n            onItemSelect(item, event);\n        }\n\n        if (onItemClick) {\n            onItemClick(item, event);\n        }\n\n        if (handleGlobalToggle && closeOnSelect) {\n            handleGlobalToggle(false, event);\n        }\n    };\n\n    const handleHover = () => {\n        if (onHover) {\n            onHover(index);\n        }\n    };\n\n    return (\n        <Wrapper\n            className={cx(isDisabledClassName, focusedClass, activeClass)}\n            id={value.toString()}\n            role={itemRole}\n            ref={ref}\n            aria-disabled={disabled || isDisabled}\n            onClick={handleClick}\n            onMouseEnter={handleHover}\n            variant={variant}\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-haspopup={ariaHasPopup}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n        >\n            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n            <StyledText>{label}</StyledText>\n            {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n            {item.items && hasArrow && (\n                <DisclosureIconWrapper>\n                    <IconDisclosureRight size=\"xs\" color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["DropdownItem","_ref","item","path","focusedPath","currentLevel","index","itemRole","closeOnSelect","handleGlobalToggle","onHover","onItemSelect","onItemClick","ariaControls","ariaExpanded","ariaHasPopup","ariaLevel","ariaLabel","variant","hasArrow","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","handleHover","React","createElement","Wrapper","className","cx","id","toString","role","onClick","onMouseEnter","StyledContentLeft","StyledText","StyledContentRight","items","_DisclosureIconWrappe","DisclosureIconWrapper","IconDisclosureRight","size","color"],"mappings":"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"}
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../engines';\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { getValidComponent } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledContentLeft, StyledContentRight, StyledText, base } from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\n/**\n * Элемент выпадающего списка\n */\nexport const dropdownItemRoot = (Root: RootProps<HTMLDivElement, DropdownItemProps>) =>\n    forwardRef<HTMLDivElement, DropdownItemProps>(\n        (\n            {\n                id,\n                className,\n                children,\n                text,\n                isSelected,\n                name,\n                checked,\n                value,\n                role,\n                view,\n                size,\n                disabled,\n                contentLeft: ContentLeftComponent,\n                contentRight: ContentRightComponent,\n                onSelect,\n                onClick,\n                onChange,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const withDropdownItemIsSelected = checked || isSelected ? classes.dropdownItemIsSelected : undefined;\n            const withDropdownItemIsDisabled = disabled ? classes.dropdownItemIsDisabled : undefined;\n\n            const handleOnClick = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (disabled) {\n                        return;\n                    }\n\n                    onClick?.(event);\n\n                    if (onSelect && !ContentLeftComponent) {\n                        onSelect(value, text);\n                    }\n                },\n                [onSelect, disabled],\n            );\n\n            const handleOnChange = useCallback(\n                (event: React.MouseEvent<HTMLInputElement>) => {\n                    if (disabled) {\n                        return;\n                    }\n\n                    onChange?.(event);\n\n                    if (onSelect && ContentLeftComponent) {\n                        onSelect(value, text);\n                    }\n                },\n                [onSelect, disabled],\n            );\n\n            const contentProps = {\n                name,\n                value,\n                checked: checked || isSelected,\n                disabled,\n                tabIndex: 0,\n                ...(!disabled && { onChange: handleOnChange }),\n            };\n\n            const ContentLeft = useMemo(() => getValidComponent(ContentLeftComponent, contentProps), [\n                ContentRightComponent,\n                contentProps,\n            ]);\n\n            const ContentRight = useMemo(() => getValidComponent(ContentRightComponent, contentProps), [\n                ContentRightComponent,\n                contentProps,\n            ]);\n\n            return (\n                <Root\n                    className={cx(withDropdownItemIsSelected, withDropdownItemIsDisabled, className)}\n                    view={view}\n                    size={size}\n                    id={innerId}\n                    isSelected={isSelected}\n                    role={role}\n                    ref={outerRootRef}\n                    tabIndex={0}\n                    aria-disabled={disabled}\n                    onClick={handleOnClick}\n                    data-value={value}\n                    {...rest}\n                >\n                    {text ? (\n                        <>\n                            <StyledContentLeft>{ContentLeftComponent && ContentLeft}</StyledContentLeft>\n                            <StyledText>{text}</StyledText>\n                            <StyledContentRight>{ContentRightComponent && ContentRight}</StyledContentRight>\n                        </>\n                    ) : (\n                        children\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const dropdownItemConfig = {\n    name: 'DropdownItem',\n    tag: 'div',\n    layout: dropdownItemRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["dropdownItemRoot","Root","forwardRef","_ref","outerRootRef","id","className","children","text","isSelected","name","checked","value","role","view","size","disabled","ContentLeftComponent","contentLeft","ContentRightComponent","contentRight","onSelect","onClick","onChange","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","innerId","withDropdownItemIsSelected","classes","dropdownItemIsSelected","undefined","withDropdownItemIsDisabled","dropdownItemIsDisabled","handleOnClick","useCallback","event","handleOnChange","contentProps","_objectSpread","tabIndex","ContentLeft","useMemo","getValidComponent","ContentRight","React","createElement","_extends","cx","ref","Fragment","StyledContentLeft","StyledText","StyledContentRight","dropdownItemConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js

@@ -1,6 +1,6 @@
-import './DropdownItem.styles_1o4szyu.css';
+import './DropdownItem.styles_1juhjtq.css';
 import { styled } from '@linaria/react';
-import { tokens } from '../../Dropdown.tokens.js';
+import 'focus-visible';
 
 var StyledContentLeft = /*#__PURE__*/styled('div')({
   name: "StyledContentLeft",
@@ -12,37 +12,12 @@ var StyledContentRight = /*#__PURE__*/styled('div')({
   "class": "sz6s14y",
   propsAsIs: false
 });
-var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
-  name: "DisclosureIconWrapper",
-  "class": "d1m97l2m",
-  propsAsIs: false
-});
 var StyledText = /*#__PURE__*/styled('div')({
   name: "StyledText",
-  "class": "soib72h",
+  "class": "s1m97l2m",
   propsAsIs: false
 });
-var _exp3 = function _exp3() {
-  return function (_ref) {
-    var variant = _ref.variant;
-    return "var(".concat(variant === 'tight' ? tokens.itemPaddingTopTight : tokens.itemPaddingTop, ")");
-  };
-};
-var _exp5 = function _exp5() {
-  return function (_ref2) {
-    var variant = _ref2.variant;
-    return "var(".concat(variant === 'tight' ? tokens.itemPaddingBottomTight : tokens.itemPaddingBottom, ")");
-  };
-};
-var Wrapper = /*#__PURE__*/styled('li')({
-  name: "Wrapper",
-  "class": "w6l2f0g",
-  propsAsIs: false,
-  vars: {
-    "w6l2f0g-0": [/*#__PURE__*/_exp3()],
-    "w6l2f0g-1": [/*#__PURE__*/_exp5()]
-  }
-});
+var base = "boib72h";
 
-export { DisclosureIconWrapper, StyledContentLeft, StyledContentRight, StyledText, Wrapper };
+export { StyledContentLeft, StyledContentRight, StyledText, base };
 //# sourceMappingURL=DropdownItem.styles.js.map

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    margin: 0;\n    box-sizing: content-box;\n    padding-top: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTopTight : tokens.itemPaddingTop})`};\n    padding-right: var(${tokens.itemPaddingRight});\n    padding-bottom: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.itemPaddingBottomTight : tokens.itemPaddingBottom})`};\n    padding-left: var(${tokens.itemPaddingLeft});\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n    background: var(${tokens.itemBackground});\n    color: var(${tokens.itemColor});\n    border-radius: var(${tokens.itemBorderRadius});\n    user-select: none;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${tokens.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${tokens.focusColor});\n            }\n        `,\n    })};\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","DisclosureIconWrapper","StyledText","_exp3","_ref","variant","tokens","itemPaddingTopTight","itemPaddingTop","_exp5","_ref2","itemPaddingBottomTight","itemPaddingBottom","Wrapper","vars"],"mappings":";;;AAMO,IAAMA,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGvC,EAAA;AAEM,IAAME,qBAAqB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG1C,EAAA;AAEM,IAAMG,UAAU,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAAC,IAAAI,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAOiB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,IAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CAAqBA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACC,mBAAmB,GAAGD,MAAM,CAACE,cAAe,EAAA,GAAA,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7BpGA,SA6BoGA,KAAAA,GAAA;AAAA,EAAA,OAEhG,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACVA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACK,sBAAsB,GAAGL,MAAM,CAACM,iBAAkB,EAAA,GAAA,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AARzF,IAAMC,OAAO,gBAAGjB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAKVX,KAAmG,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEhGM,KAC0E,EAAA,CAAA;AAAA,GAAA;AAAA,CA4C/F;;;;"}
+{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentLeftWidth});\n    color: var(${tokens.itemContentLeftColor});\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentRightWidth});\n    color: var(${tokens.itemContentRightColor});\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${tokens.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n    })};\n\n    width: 100%;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n\n    background: var(${tokens.itemBackground});\n    color: var(${tokens.itemColor});\n    border-radius: var(${tokens.itemBorderRadius});\n\n    width: var(${tokens.itemWidth});\n    height: var(${tokens.itemHeight});\n\n    padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom})\n        var(${tokens.itemPaddingLeft});\n\n    margin: var(${tokens.itemMarginTop}) var(${tokens.itemMarginRight}) var(${tokens.itemMarginBottom})\n        var(${tokens.itemMarginLeft});\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${String(classes.dropdownItemIsSelected)} {\n        color: var(${tokens.itemColorSelected});\n        background: var(${tokens.itemBackgroundSelected});\n\n        &:hover:not(.${classes.dropdownItemIsDisabled}) {\n            background: var(${tokens.itemBackgroundSelectedHover});\n        }\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n\nexport const base = css`\n    ${baseContent};\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","StyledText","base"],"mappings":";;;AAMO,IAAMA,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMvC,EAAA;AAEM,IAAME,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AA+DM,IAAMG,IAAI,GAEhB;;;;"}

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css

@@ -0,0 +1,4 @@
+.s1gkzlls{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
+.sz6s14y{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
+.s1m97l2m{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.boib72h{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.boib72h:focus{outline:none;}.boib72h::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.boib72h.focus-visible:focus::before,.boib72h[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.boib72h:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.boib72h.dropdown-item-is-selected{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.boib72h.dropdown-item-is-selected:hover:not(.dropdown-item-is-disabled){background:var(--plasma-dropdown-item-background-selected-hover);}.boib72h.dropdown-item-is-disabled{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}

package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js

@@ -1,5 +1,5 @@
 import './base_x642ct.css';
-var base = "b13l5751";
+var base = "b1kixv7i";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Dropdown/ui/DropdownItem/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js

@@ -1,5 +1,5 @@
 import './base_x642ct.css';
-var base = "brhph3v";
+var base = "bmznara";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Dropdown/ui/DropdownItem/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Dropdown/utils/index.js

@@ -1,5 +1,5 @@
 import { typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { Children, isValidElement, cloneElement } from 'react';
+import React, { isValidElement, cloneElement } from 'react';
 
 var getPlacement = function getPlacement(placement) {
   return "".concat(placement, "-start");
@@ -16,20 +16,6 @@ var getPlacements = function getPlacements(placements) {
     return getPlacement(placement);
   });
 };
-var getCorrectHeight = function getCorrectHeight(listHeight) {
-  if (Number.isNaN(Number(listHeight))) {
-    return listHeight.toString();
-  }
-  return "".concat(listHeight, "rem");
-};
-var childrenWithProps = function childrenWithProps(children, additionalProps) {
-  return Children.map(children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child)) {
-      return /*#__PURE__*/React.cloneElement(child, additionalProps);
-    }
-    return child;
-  });
-};
 var isReactObject = function isReactObject(element) {
   return _typeof(element) === 'object' || typeof element === 'function';
 };
@@ -44,5 +30,5 @@ var getValidComponent = function getValidComponent(element, props) {
   return element;
 };
 
-export { childrenWithProps, getCorrectHeight, getPlacement, getPlacements, getValidComponent };
+export { getPlacement, getPlacements, getValidComponent };
 //# sourceMappingURL=index.js.map

package/es/components/Dropdown/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { Children, HTMLAttributes, ElementType, cloneElement, isValidElement } from 'react';\n\nimport type { PopoverPlacementBasic } from '../../Popover';\nimport type { DropdownPlacement, DropdownPlacementBasic, DropdownProps } from '../Dropdown.types';\n\nexport const getPlacement = (placement: DropdownPlacement) => {\n    return `${placement}-start` as PopoverPlacementBasic;\n};\n\nexport const getPlacements = (placements?: DropdownPlacement | DropdownPlacementBasic[]) => {\n    if (!placements) {\n        return;\n    }\n    const isArray = Array.isArray(placements);\n\n    if (!isArray) {\n        return getPlacement(placements as DropdownPlacement);\n    }\n    return ((placements || []) as DropdownPlacementBasic[]).map((placement) => getPlacement(placement));\n};\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n    if (Number.isNaN(Number(listHeight))) {\n        return listHeight.toString();\n    }\n    return `${listHeight}rem`;\n};\n\nexport const childrenWithProps = (children: ReactNode, additionalProps: HTMLAttributes<HTMLLIElement>) =>\n    Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n            return React.cloneElement(child, additionalProps);\n        }\n        return child;\n    });\n\nconst isReactObject = (element: any): element is ElementType => {\n    return typeof element === 'object' || typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType | ReactNode, props: object) => {\n    if (isValidElement(element)) {\n        return cloneElement(element, props);\n    }\n\n    if (isReactObject(element)) {\n        const Component = element;\n\n        return <Component {...props} />;\n    }\n\n    return element;\n};\n"],"names":["getPlacement","placement","concat","getPlacements","placements","isArray","Array","map","getCorrectHeight","listHeight","Number","isNaN","toString","childrenWithProps","children","additionalProps","Children","child","React","isValidElement","cloneElement","isReactObject","element","_typeof","getValidComponent","props","Component","createElement"],"mappings":";;;IAMaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,SAA4B,EAAK;EAC1D,OAAAC,EAAAA,CAAAA,MAAA,CAAUD,SAAS,EAAA,QAAA,CAAA,CAAA;AACvB,EAAC;IAEYE,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,UAAyD,EAAK;EACxF,IAAI,CAACA,UAAU,EAAE;AACb,IAAA,OAAA;AACJ,GAAA;AACA,EAAA,IAAMC,OAAO,GAAGC,KAAK,CAACD,OAAO,CAACD,UAAU,CAAC,CAAA;EAEzC,IAAI,CAACC,OAAO,EAAE;IACV,OAAOL,YAAY,CAACI,UAA+B,CAAC,CAAA;AACxD,GAAA;EACA,OAAO,CAAEA,UAAU,IAAI,EAAE,EAA+BG,GAAG,CAAC,UAACN,SAAS,EAAA;IAAA,OAAKD,YAAY,CAACC,SAAS,CAAC,CAAA;GAAC,CAAA,CAAA;AACvG,EAAC;IAEYO,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAV,EAAAA,CAAAA,MAAA,CAAUO,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB,EAAC;AAEM,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAmB,EAAEC,eAA8C,EAAA;EAAA,OACjGC,QAAQ,CAACT,GAAG,CAACO,QAAQ,EAAE,UAACG,KAAK,EAAK;AAC9B,IAAA,kBAAIC,KAAK,CAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AAC7B,MAAA,oBAAOC,KAAK,CAACE,YAAY,CAACH,KAAK,EAAEF,eAAe,CAAC,CAAA;AACrD,KAAA;AACA,IAAA,OAAOE,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AAAA,EAAA;AAEN,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,OAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIN,cAAc,CAACG,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOF,YAAY,CAACE,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMI,SAAS,GAAGJ,OAAO,CAAA;AAEzB,IAAA,oBAAOJ,KAAA,CAAAS,aAAA,CAACD,SAAS,EAAKD,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport type { PopoverPlacementBasic } from '../../Popover';\nimport type { DropdownPlacement, DropdownPlacementBasic } from '../Dropdown.types';\n\nexport const getPlacement = (placement: DropdownPlacement) => {\n    return `${placement}-start` as PopoverPlacementBasic;\n};\n\nexport const getPlacements = (placements?: DropdownPlacement | DropdownPlacementBasic[]) => {\n    if (!placements) {\n        return;\n    }\n    const isArray = Array.isArray(placements);\n\n    if (!isArray) {\n        return getPlacement(placements as DropdownPlacement);\n    }\n    return ((placements || []) as DropdownPlacementBasic[]).map((placement) => getPlacement(placement));\n};\n\nconst isReactObject = (element: any): element is ElementType => {\n    return typeof element === 'object' || typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType | ReactNode, props: object) => {\n    if (isValidElement(element)) {\n        return cloneElement(element, props);\n    }\n\n    if (isReactObject(element)) {\n        const Component = element;\n\n        return <Component {...props} />;\n    }\n\n    return element;\n};\n"],"names":["getPlacement","placement","concat","getPlacements","placements","isArray","Array","map","isReactObject","element","_typeof","getValidComponent","props","isValidElement","cloneElement","Component","React","createElement"],"mappings":";;;IAKaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,SAA4B,EAAK;EAC1D,OAAAC,EAAAA,CAAAA,MAAA,CAAUD,SAAS,EAAA,QAAA,CAAA,CAAA;AACvB,EAAC;IAEYE,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,UAAyD,EAAK;EACxF,IAAI,CAACA,UAAU,EAAE;AACb,IAAA,OAAA;AACJ,GAAA;AACA,EAAA,IAAMC,OAAO,GAAGC,KAAK,CAACD,OAAO,CAACD,UAAU,CAAC,CAAA;EAEzC,IAAI,CAACC,OAAO,EAAE;IACV,OAAOL,YAAY,CAACI,UAA+B,CAAC,CAAA;AACxD,GAAA;EACA,OAAO,CAAEA,UAAU,IAAI,EAAE,EAA+BG,GAAG,CAAC,UAACN,SAAS,EAAA;IAAA,OAAKD,YAAY,CAACC,SAAS,CAAC,CAAA;GAAC,CAAA,CAAA;AACvG,EAAC;AAED,IAAMO,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,OAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIC,cAAc,CAACJ,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOK,YAAY,CAACL,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMM,SAAS,GAAGN,OAAO,CAAA;AAEzB,IAAA,oBAAOO,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAKH,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;"}

package/es/components/Pagination/Pagination.css

@@ -65,9 +65,8 @@
 .Select_styles_1q3i6gw_svro45w__08f2a797{display:block;}.Select_styles_1q3i6gw_svro45w__08f2a797 .Select_styles_1q3i6gw_popoverRoot__08f2a797,.Select_styles_1q3i6gw_svro45w__08f2a797 .Select_styles_1q3i6gw_popoverTarget__08f2a797{width:var(--svro45w-0);}
 .Select_styles_1q3i6gw_sgpldc9__08f2a797{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:1;position:absolute;inset:-0.125rem;z-index:1;cursor:var(--sgpldc9-0);font-size:1rem;}.Select_styles_1q3i6gw_sgpldc9__08f2a797:hover:not(:disabled) + .Select_styles_1q3i6gw_popoverWrapper__08f2a797 .Select_styles_1q3i6gw_selectTarget__08f2a797{background:var(--plasma-select-target-background-color-hover);}.Select_styles_1q3i6gw_sgpldc9__08f2a797:focus-visible{border-radius:var(--plasma-select-border-radius);box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}
 
-.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverWrapper__39673f55,.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverTarget__39673f55{display:block;}
-.Dropdown_styles_1tihqkp_ujr7fmv__39673f55{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--ujr7fmv-0);height:var(--ujr7fmv-1);overflow:var(--ujr7fmv-2);margin:var(--ujr7fmv-3);padding:var(--plasma-dropdown-padding);}
-.Dropdown_styles_1tihqkp_byfocd2__39673f55{display:inline-block;}
+.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
+.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
 
 .DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
 
@@ -78,16 +77,10 @@
 
 .DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
 
-.DropdownItem_styles_1o4szyu_s1gkzlls__6703745b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.DropdownItem_styles_1o4szyu_sz6s14y__6703745b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.DropdownItem_styles_1o4szyu_d1m97l2m__6703745b{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
-.DropdownItem_styles_1o4szyu_soib72h__6703745b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding-top:var(--w6l2f0g-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w6l2f0g-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:hover:not(.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsActive__6703745b{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:focus{outline:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsFocused__6703745b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
-
-.DropdownItem_styles_12e50g5_s1iqs5in__94ac8eef{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
-.DropdownItem_styles_12e50g5_sfg3dyd__94ac8eef{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
-.DropdownItem_styles_12e50g5_s1dea6tl__94ac8eef{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:focus{outline:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_focusVisible__94ac8eef:focus::before,.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+.DropdownItem_styles_1juhjtq_s1gkzlls__cab27d09{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
+.DropdownItem_styles_1juhjtq_sz6s14y__cab27d09{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
+.DropdownItem_styles_1juhjtq_s1m97l2m__cab27d09{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.DropdownItem_styles_1juhjtq_boib72h__cab27d09{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:focus{outline:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_focusVisible__cab27d09:focus::before,.DropdownItem_styles_1juhjtq_boib72h__cab27d09[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
 
 .SelectDivider_styles_673hj6_m116nlyk__b8f8cb38{--plasma-dropdown-divider-color:var(--plasma-select-divider-color);--plasma-dropdown-divider-width:var(--plasma-select-divider-width);--plasma-dropdown-divider-height:var(--plasma-select-divider-height);--plasma-dropdown-divider-margin-top:var(--plasma-select-divider-margin-top);--plasma-dropdown-divider-margin-right:var(--plasma-select-divider-margin-right);--plasma-dropdown-divider-margin-bottom:var(--plasma-select-divider-margin-bottom);--plasma-dropdown-divider-margin-left:var(--plasma-select-divider-margin-left);}
 
@@ -97,7 +90,7 @@
 
 .SelectHeader_styles_24gqog_m1tqc9mt__2df5b6b6{--plasma-dropdown-header-background:var(--plasma-select-header-background);--plasma-dropdown-header-width:var(--plasma-select-header-width);--plasma-dropdown-header-height:var(--plasma-select-header-height);--plasma-dropdown-header-padding-top:var(--plasma-select-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-select-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-select-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-select-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-select-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-select-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-select-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-select-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-select-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-select-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-select-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-select-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-select-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-select-header-font-weight);}
 
-.SelectItem_styles_vk39mp_bhy25de__bb65e3c1{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);--plasma-dropdown-item-background:var(--plasma-select-item-background);--plasma-dropdown-item-color:var(--plasma-select-item-color);--plasma-dropdown-item-background-hover:var(--plasma-select-item-background-hover);--plasma-dropdown-item-background-selected:var(--plasma-select-item-background-selected);--plasma-dropdown-item-color-selected:var(--plasma-select-item-color-selected);--plasma-dropdown-item-background-selected-hover:var(--plasma-select-item-background-selected-hover);--plasma-dropdown-item-color-selected-hover:var(--plasma-select-item-color-selected-hover);--plasma-dropdown-item-content-left-color:var(--plasma-select-item-content-left-color);--plasma-dropdown-item-content-right-color:var(--plasma-select-item-content-right-color);--plasma-dropdown-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-dropdown-focus-color:var(--plasma-select-focus-color);--plasma-dropdown-item-width:var(--plasma-select-item-width);--plasma-dropdown-item-height:var(--plasma-select-item-height);--plasma-dropdown-item-border-radius:var(--plasma-select-item-border-radius);--plasma-dropdown-item-padding-top:var(--plasma-select-item-padding-top);--plasma-dropdown-item-padding-right:var(--plasma-select-item-padding-right);--plasma-dropdown-item-padding-bottom:var(--plasma-select-item-padding-bottom);--plasma-dropdown-item-padding-left:var(--plasma-select-item-padding-left);--plasma-dropdown-item-margin-top:var(--plasma-select-item-margin-top);--plasma-dropdown-item-margin-right:var(--plasma-select-item-margin-right);--plasma-dropdown-item-margin-bottom:var(--plasma-select-item-margin-bottom);--plasma-dropdown-item-margin-left:var(--plasma-select-item-margin-left);--plasma-dropdown-item-font-family:var(--plasma-select-item-font-family);--plasma-dropdown-item-font-size:var(--plasma-select-item-font-size);--plasma-dropdown-item-font-style:var(--plasma-select-item-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-select-item-letter-spacing);--plasma-dropdown-item-line-height:var(--plasma-select-item-line-height);--plasma-dropdown-item-font-weight:var(--plasma-select-item-font-weight);--plasma-dropdown-item-content-left-width:var(--plasma-select-item-content-left-width);--plasma-dropdown-item-content-right-width:var(--plasma-select-item-content-right-width);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1:focus{outline:none;}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_focusVisible__bb65e3c1:focus::before,.SelectItem_styles_vk39mp_bhy25de__bb65e3c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1:hover:not(.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsSelected__bb65e3c1{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsSelected__bb65e3c1:hover:not(.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1){background:var(--plasma-dropdown-item-background-selected-hover);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+.SelectItem_styles_6h17aw_bhy25de__70ccf5d6{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);--plasma-dropdown-item-background:var(--plasma-select-item-background);--plasma-dropdown-item-color:var(--plasma-select-item-color);--plasma-dropdown-item-background-hover:var(--plasma-select-item-background-hover);--plasma-dropdown-item-background-selected:var(--plasma-select-item-background-selected);--plasma-dropdown-item-color-selected:var(--plasma-select-item-color-selected);--plasma-dropdown-item-background-selected-hover:var(--plasma-select-item-background-selected-hover);--plasma-dropdown-item-color-selected-hover:var(--plasma-select-item-color-selected-hover);--plasma-dropdown-item-content-left-color:var(--plasma-select-item-content-left-color);--plasma-dropdown-item-content-right-color:var(--plasma-select-item-content-right-color);--plasma-dropdown-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-dropdown-focus-color:var(--plasma-select-focus-color);--plasma-dropdown-item-width:var(--plasma-select-item-width);--plasma-dropdown-item-height:var(--plasma-select-item-height);--plasma-dropdown-item-border-radius:var(--plasma-select-item-border-radius);--plasma-dropdown-item-padding-top:var(--plasma-select-item-padding-top);--plasma-dropdown-item-padding-right:var(--plasma-select-item-padding-right);--plasma-dropdown-item-padding-bottom:var(--plasma-select-item-padding-bottom);--plasma-dropdown-item-padding-left:var(--plasma-select-item-padding-left);--plasma-dropdown-item-margin-top:var(--plasma-select-item-margin-top);--plasma-dropdown-item-margin-right:var(--plasma-select-item-margin-right);--plasma-dropdown-item-margin-bottom:var(--plasma-select-item-margin-bottom);--plasma-dropdown-item-margin-left:var(--plasma-select-item-margin-left);--plasma-dropdown-item-font-family:var(--plasma-select-item-font-family);--plasma-dropdown-item-font-size:var(--plasma-select-item-font-size);--plasma-dropdown-item-font-style:var(--plasma-select-item-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-select-item-letter-spacing);--plasma-dropdown-item-line-height:var(--plasma-select-item-line-height);--plasma-dropdown-item-font-weight:var(--plasma-select-item-font-weight);--plasma-dropdown-item-content-left-width:var(--plasma-select-item-content-left-width);--plasma-dropdown-item-content-right-width:var(--plasma-select-item-content-right-width);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6:focus{outline:none;}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6.SelectItem_styles_6h17aw_focusVisible__70ccf5d6:focus::before,.SelectItem_styles_6h17aw_bhy25de__70ccf5d6[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6:hover:not(.SelectItem_styles_6h17aw_dropdownItemIsDisabled__70ccf5d6){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6.SelectItem_styles_6h17aw_dropdownItemIsSelected__70ccf5d6{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6.SelectItem_styles_6h17aw_dropdownItemIsSelected__70ccf5d6:hover:not(.SelectItem_styles_6h17aw_dropdownItemIsDisabled__70ccf5d6){background:var(--plasma-dropdown-item-background-selected-hover);}.SelectItem_styles_6h17aw_bhy25de__70ccf5d6.SelectItem_styles_6h17aw_dropdownItemIsDisabled__70ccf5d6{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}