@salutejs/plasma-new-hope 0.325.0 → 0.326.0-canary.1986.15322785467.0

package/es/components/Select/ui/Inner/Inner.css

@@ -1,4 +1,5 @@
-.Select_styles_11cghkj_upxbau6__b4c1dc3b{background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);max-height:var(--upxbau6-1);overflow-y:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
+.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 
 
 .base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
@@ -40,14 +41,14 @@
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Item_styles_ir8fmi_s1vls8ri__4fe90ecb{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellContent__4fe90ecb,.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellTextbox__4fe90ecb{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellTextboxTitle__4fe90ecb{position:relative;}.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellTextboxTitle__4fe90ecb:before{content:' ';visibility:hidden;}.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellTextboxTitle__4fe90ecb span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.Item_styles_1qpfn0s_s1vls8ri__6e0dc038{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellContent__6e0dc038,.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextbox__6e0dc038{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038{position:relative;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038:before{content:' ';visibility:hidden;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 
-.Item_styles_ir8fmi_s17z4dei__4fe90ecb{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
-.Item_styles_ir8fmi_s1nd9idj__4fe90ecb{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_ir8fmi_snb2nsj__4fe90ecb{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
-.Item_styles_ir8fmi_s581hb1__4fe90ecb{width:var(--s581hb1-0);height:var(--s581hb1-0);}
-.Item_styles_ir8fmi_dcgpql7__4fe90ecb{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_ir8fmi_dcgpql7__4fe90ecb:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
-.Item_styles_ir8fmi_izzpzvq__4fe90ecb{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_ir8fmi_stxu93x__4fe90ecb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_ir8fmi_w1hgpj20__4fe90ecb{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;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb:hover:not(.Item_styles_ir8fmi_dropdownItemIsDisabled__4fe90ecb){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb.Item_styles_ir8fmi_dropdownItemIsActive__4fe90ecb{background-color:var(--plasma-select-item-background-hover);}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb.Item_styles_ir8fmi_dropdownItemIsDisabled__4fe90ecb{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb:focus{outline:none;}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb::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:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb.Item_styles_ir8fmi_dropdownItemIsFocused__4fe90ecb:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_1qpfn0s_s17z4dei__6e0dc038{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.Item_styles_1qpfn0s_s1nd9idj__6e0dc038{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_1qpfn0s_snb2nsj__6e0dc038{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
+.Item_styles_1qpfn0s_s581hb1__6e0dc038{width:var(--s581hb1-0);height:var(--s581hb1-0);}
+.Item_styles_1qpfn0s_dcgpql7__6e0dc038{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_1qpfn0s_dcgpql7__6e0dc038:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_1qpfn0s_izzpzvq__6e0dc038{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_1qpfn0s_stxu93x__6e0dc038{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_1qpfn0s_w1hgpj20__6e0dc038{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:hover:not(.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsActive__6e0dc038{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:focus{outline:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsFocused__6e0dc038:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
 

package/es/components/Select/ui/Inner/Inner.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { Ul } from '../../Select.styles.js';
+import { ListWrapper, Ul } from '../../Select.styles.js';
 import { FloatingPopover } from '../../FloatingPopover.js';
 import { Item } from './ui/Item/Item.js';
 import { isEmpty } from '../../../../utils/isEmpty.js';
@@ -36,7 +36,6 @@ var Inner = function Inner(_ref) {
       placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right',
       opened: isCurrentListOpen,
       onToggle: handleToggle,
-      offset: 2,
       target: /*#__PURE__*/React.createElement(Item, {
         item: item,
         path: path,
@@ -46,12 +45,14 @@ var Inner = function Inner(_ref) {
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
         ariaLabel: item.label
-      })
+      }),
+      isInner: true
+    }, /*#__PURE__*/React.createElement(ListWrapper, {
+      listWidth: listWidth
     }, /*#__PURE__*/React.createElement(Ul, {
       role: "group",
       id: listId,
       isInnerUl: true,
-      listWidth: listWidth,
       virtual: false
     }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/React.createElement(Inner, {
@@ -63,7 +64,7 @@ var Inner = function Inner(_ref) {
         index: innerIndex,
         listWidth: listWidth
       });
-    })));
+    }))));
   }
   return /*#__PURE__*/React.createElement(Item, {
     item: item,

package/es/components/Select/ui/Inner/Inner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { isEmpty } from 'src/utils';\n\nimport { Ul } from '../../Select.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <FloatingPopover\n                placement={item?.placement || 'right'}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                offset={2}\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n            >\n                <Ul role=\"group\" id={listId} isInnerUl listWidth={listWidth} virtual={false}>\n                    {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n                        <Inner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            listWidth={listWidth}\n                        />\n                    ))}\n                </Ul>\n            </FloatingPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","FloatingPopover","placement","onToggle","offset","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","Ul","role","id","isInnerUl","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { isEmpty } from 'src/utils';\n\nimport { Ul, ListWrapper } from '../../Select.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <FloatingPopover\n                placement={item?.placement || 'right'}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul role=\"group\" id={listId} isInnerUl virtual={false}>\n                        {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n                            <Inner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","isInnerUl","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}

package/es/components/Select/ui/Inner/ui/Item/Item.styles.js

@@ -1,9 +1,9 @@
-import './Item.styles_ir8fmi.css';
+import './Item.styles_1qpfn0s.css';
 import { styled } from '@linaria/react';
 import { tokens, constants } from '../../../../Select.tokens.js';
+import { component, mergeConfig } from '../../../../../../engines/common.js';
 import { IconDisclosureRightCentered } from '../../../../../_Icon/Icons/IconDisclosureRightCentered.js';
 import { IconDone } from '../../../../../_Icon/Icons/IconDone.js';
-import { component, mergeConfig } from '../../../../../../engines/common.js';
 import { checkboxConfig } from '../../../../../Checkbox/Checkbox.js';
 import { cellConfig } from '../../../../../Cell/Cell.js';
 import { indicatorConfig } from '../../../../../Indicator/Indicator.js';
@@ -118,7 +118,7 @@ var StyledText = /*#__PURE__*/styled('div')({
   "class": "stxu93x",
   propsAsIs: false
 });
-var _exp66 = function _exp66() {
+var _exp65 = function _exp65() {
   return function (_ref5) {
     var variant = _ref5.variant;
     return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
@@ -129,7 +129,7 @@ var Wrapper = /*#__PURE__*/styled('li')({
   "class": "w1hgpj20",
   propsAsIs: false,
   vars: {
-    "w1hgpj20-0": [/*#__PURE__*/_exp66()]
+    "w1hgpj20-0": [/*#__PURE__*/_exp65()]
   }
 });
 var StyledCheckboxWrapper = /*#__PURE__*/styled('span')({

package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport type { SelectProps } from 'src/components/Select';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div<{ disabled?: boolean }>`\n    ${cellTokens.cellTitleColor}: ${({ disabled }) =>\n    disabled ? `var(${tokens.itemDisabledColor})` : `var(${constants.cellTitleColor})`};\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n\n    // TODO: #1548\n    & div.cell-content, & div.cell-textbox {\n        flex: 1;\n    }\n    & div.cell-textbox-title {\n        position: relative;\n    }\n    & div.cell-textbox-title:before {\n        content: '&nbsp;';\n        visibility: hidden;\n    }\n    & div.cell-textbox-title span {\n        position: absolute;\n        left: 0;\n        right: 0;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    margin: var(${tokens.disclosureIconMargin});\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n\n    &:hover {\n        color: var(${tokens.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    margin: var(${tokens.itemIconMargin});\n    line-height: 0;\n    color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0 calc(0.125rem + var(${tokens.dropdownBorderWidth}, 0rem));\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background-color: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    user-select: none;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: var(${tokens.itemDisabledOpacity});\n        color: var(${tokens.itemDisabledColor});\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(${constants.focusColor})`,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","_exp2","_ref","disabled","concat","tokens","itemDisabledColor","constants","cellTitleColor","StyledWrapper","styled","name","class","propsAsIs","vars","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref2","_ref2$size","size","disclosureIconSize","xs","s","StyledArrow","_exp53","IconDone","_exp55","_ref3","_ref3$size","StyledIconDone","DisclosureIconWrapper","_exp60","_ref4","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp66","_ref5","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":";;;;;;;;;AAWA,IAAMA,oBAAoB,gBAAGC,WAAW,CAACC,cAAc,CAAC,CAAA;AACxD,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,oBAAoB,CAAC,CAAA;AAEhD,IAAMK,gBAAgB,gBAAGJ,WAAW,CAACK,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGH,SAAS,CAACC,gBAAgB,CAAC,CAAA;AAExC,IAAMG,qBAAqB,gBAAGP,WAAW,CAACQ,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGN,SAAS,CAACI,qBAAqB,CAAC,CAAA;AAAC,IAAAG,KAAA,GAjBjCA,SAiBiCA,KAAAA,GAAA;AAAA,EAAA,OAGf,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OACnCA,QAAQ,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,iBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaG,SAAS,CAACC,cAAc,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAF/E,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACCb,KACkD,EAAA,CAAA;AAAA,GAAA;AAAA,CAmCrF,EAAA;AAAC,IAAAc,MAAA,GAxDgBA,SAwDhBA,MAAAA,GAAA;AAAA,EAAA,OAE+BlB,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMmB,UAAU,gBAAGN,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAQ,EAAA;AAAC,IAAAI,MAAA,GA1DvBA,SA0DuBA,MAAAA,GAAA;AAAA,EAAA,OAEJxB,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMyB,cAAc,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQnC,EAAA;AAAC,IAAAM,MAAA,GApEgBA,SAoEhBA,MAAAA,GAAA;AAAA,EAAA,OAEoCnB,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMoB,eAAe,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGpC,EAAA;AAMC,IAAAQ,MAAA,GA/EgBA,SA+EhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,2BAA2B,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAjF3CA,SAiF2CA,MAAAA,GAAA;AAAA,EAAA,OAE/C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,UAAA,GAAAD,KAAA,CAAGE,IAAI;AAAJA,MAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,IAAA,GAAAA,UAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAArB,MAAA,CAAkBC,MAAM,CAACsB,kBAAkB,EAAA,IAAA,CAAA,CAAAvB,MAAA,CAAK;AAAAwB,MAAAA,EAAA,EAAA,MAAA;AAAAC,MAAAA,CAAA,EAAA,QAAA;KAAQH,CAAAA,IAAI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AAFjF,IAAMI,WAAW,gBAAGpB,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEnBS,MAA0E,EAAA,CAAA;AAAA,GAAA;AAAA,CACvF,EAAA;AAAC,IAAAQ,MAAA,GApFgBA,SAoFhBA,MAAAA,GAAA;AAAA,EAAA,OAEmCC,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAtF3BA,SAsF2BA,MAAAA,GAAA;AAAA,EAAA,OAE/B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,UAAA,GAAAD,KAAA,CAAGR,IAAI;AAAJA,MAAAA,IAAI,GAAAS,UAAA,KAAG,KAAA,CAAA,GAAA,IAAA,GAAAA,UAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAA/B,MAAA,CAAkBC,MAAM,CAACsB,kBAAkB,EAAA,IAAA,CAAA,CAAAvB,MAAA,CAAK;AAAAwB,MAAAA,EAAA,EAAA,MAAA;AAAAC,MAAAA,CAAA,EAAA,QAAA;KAAQH,CAAAA,IAAI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AAFjF,IAAMU,cAAc,gBAAG1B,MAAM,CAAAqB,MAAA,EAAA,CAAA,CAAA;AAAApB,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEtBmB,MAA0E,EAAA,CAAA;AAAA,GAAA;AAAA,CACvF,EAAA;AAEM,IAAMI,qBAAqB,gBAAG3B,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ1C,EAAA;AAAC,IAAAyB,MAAA,GAnGgBA,SAmGhBA,MAAAA,GAAA;AAAA,EAAA,OAQY,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CAAqBA,OAAO,KAAK,OAAO,GAAGnC,MAAM,CAACoC,iBAAiB,GAAGpC,MAAM,CAACqC,YAAY,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AANtG,IAAMC,WAAW,gBAAGjC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMnBwB,MAA+F,EAAA,CAAA;AAAA,GAAA;AAAA,CAI5G,EAAA;AAEM,IAAMM,UAAU,gBAAGlC,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,IAAAgC,MAAA,GApHgBA,SAoHhBA,MAAAA,GAAA;AAAA,EAAA,OAQa,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CAAqBA,OAAO,KAAK,OAAO,GAAGnC,MAAM,CAAC0C,gBAAgB,GAAG1C,MAAM,CAAC2C,WAAW,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AANrG,IAAMC,OAAO,gBAAGvC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAMd+B,MAA6F,EAAA,CAAA;AAAA,GAAA;AAAA,CA6C3G,EAAA;AAEM,IAAMK,qBAAqB,gBAAGxC,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO;;;;"}
+{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport type { SelectProps } from 'src/components/Select';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div<{ disabled?: boolean }>`\n    ${cellTokens.cellTitleColor}: ${({ disabled }) =>\n    disabled ? `var(${tokens.itemDisabledColor})` : `var(${constants.cellTitleColor})`};\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n\n    // TODO: #1548\n    & div.cell-content, & div.cell-textbox {\n        flex: 1;\n    }\n    & div.cell-textbox-title {\n        position: relative;\n    }\n    & div.cell-textbox-title:before {\n        content: '&nbsp;';\n        visibility: hidden;\n    }\n    & div.cell-textbox-title span {\n        position: absolute;\n        left: 0;\n        right: 0;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    margin: var(${tokens.disclosureIconMargin});\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n\n    &:hover {\n        color: var(${tokens.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    margin: var(${tokens.itemIconMargin});\n    line-height: 0;\n    color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background-color: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    user-select: none;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: var(${tokens.itemDisabledOpacity});\n        color: var(${tokens.itemDisabledColor});\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","_exp2","_ref","disabled","concat","tokens","itemDisabledColor","constants","cellTitleColor","StyledWrapper","styled","name","class","propsAsIs","vars","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref2","_ref2$size","size","disclosureIconSize","xs","s","StyledArrow","_exp53","IconDone","_exp55","_ref3","_ref3$size","StyledIconDone","DisclosureIconWrapper","_exp60","_ref4","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp65","_ref5","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}

package/es/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css

@@ -0,0 +1,11 @@
+.s1vls8ri{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s1vls8ri div.cell-content,.s1vls8ri div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s1vls8ri div.cell-textbox-title{position:relative;}.s1vls8ri div.cell-textbox-title:before{content:' ';visibility:hidden;}.s1vls8ri div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.s17z4dei{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.s1nd9idj{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.snb2nsj{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
+.s581hb1{width:var(--s581hb1-0);height:var(--s581hb1-0);}
+.dcgpql7{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dcgpql7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.izzpzvq{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
+.stxu93x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.w1hgpj20{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1hgpj20:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-disabled{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.w1hgpj20:focus{outline:none;}.w1hgpj20::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.w1hgpj20.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+

package/es/components/Select/ui/SelectAll/SelectAll.css

@@ -0,0 +1,54 @@
+.base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
+
+.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{cursor:not-allowed;}
+
+.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af.base_x86p0b_focusVisible__fe3a51af:focus::before,.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af{border-color:transparent;position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.25rem;left:-0.25rem;right:-0.25rem;bottom:-0.25rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
+
+.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9:focus{outline:0 none;}
+.Checkbox_styles_1dv1w6k_sft3zxv__36f48cb9{padding:var(--plasma-checkbox-trigger-padding);}
+.Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9{width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:var(--plasma-checkbox-trigger-border-width) solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{width:100%;}
+.Checkbox_styles_1dv1w6k_s1my1ay__36f48cb9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
+
+.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
+
+.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
+
+.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
+
+.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
+.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
+.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
+.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
+.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+
+.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
+
+.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
+
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
+
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
+
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Item_styles_1qpfn0s_s1vls8ri__6e0dc038{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellContent__6e0dc038,.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextbox__6e0dc038{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038{position:relative;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038:before{content:' ';visibility:hidden;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.Item_styles_1qpfn0s_s17z4dei__6e0dc038{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.Item_styles_1qpfn0s_s1nd9idj__6e0dc038{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_1qpfn0s_snb2nsj__6e0dc038{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
+.Item_styles_1qpfn0s_s581hb1__6e0dc038{width:var(--s581hb1-0);height:var(--s581hb1-0);}
+.Item_styles_1qpfn0s_dcgpql7__6e0dc038{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_1qpfn0s_dcgpql7__6e0dc038:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_1qpfn0s_izzpzvq__6e0dc038{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_1qpfn0s_stxu93x__6e0dc038{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_1qpfn0s_w1hgpj20__6e0dc038{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:hover:not(.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsActive__6e0dc038{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:focus{outline:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsFocused__6e0dc038:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.SelectAll_styles_ql2mqj_w1r0n22v__b71a8639{position:var(--w1r0n22v-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w1r0n22v-1);border-top-left-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+.SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
+.SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}

package/es/components/Select/ui/SelectAll/SelectAll.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Wrapper as Wrapper$1, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledWrapper, StyledCell } from '../Inner/ui/Item/Item.styles.js';
+import { Wrapper, DividerWrapper, Divider } from './SelectAll.styles.js';
+
+var SelectAll = function SelectAll(_ref) {
+  var variant = _ref.variant,
+    selectAllOptions = _ref.selectAllOptions;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    variant: variant,
+    onClick: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.onClick,
+    sticky: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.sticky
+  }, /*#__PURE__*/React.createElement(Wrapper$1, {
+    variant: variant
+  }, /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
+    onClick: function onClick(e) {
+      return e.preventDefault();
+    }
+  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+    checked: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.checked,
+    indeterminate: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.indeterminate,
+    appearance: "default"
+  }))), /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell
+  // TODO: #1548
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  , {
+    title: /*#__PURE__*/React.createElement("span", null, (selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.label) || 'Выбрать всё')
+  }))), /*#__PURE__*/React.createElement(DividerWrapper, null, /*#__PURE__*/React.createElement(Divider, {
+    variant: variant
+  })));
+};
+
+export { SelectAll };
+//# sourceMappingURL=SelectAll.js.map

package/es/components/Select/ui/SelectAll/SelectAll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAll.js","sources":["../../../../../src/components/Select/ui/SelectAll/SelectAll.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport {\n    IconWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledCheckboxWrapper,\n    StyledWrapper,\n    Wrapper as ItemWrapper,\n} from '../Inner/ui/Item/Item.styles';\nimport type { SelectAllProps, SelectProps } from '../../Select.types';\n\nimport { Divider, Wrapper, DividerWrapper } from './SelectAll.styles';\n\nexport const SelectAll: FC<{\n    variant: SelectProps['variant'];\n    selectAllOptions: SelectAllProps;\n}> = ({ variant, selectAllOptions }) => (\n    <Wrapper variant={variant} onClick={selectAllOptions?.onClick} sticky={selectAllOptions?.sticky}>\n        <ItemWrapper variant={variant}>\n            <IconWrapper variant={variant}>\n                <StyledCheckboxWrapper onClick={(e) => e.preventDefault()}>\n                    <StyledCheckbox\n                        checked={selectAllOptions?.checked}\n                        indeterminate={selectAllOptions?.indeterminate}\n                        appearance=\"default\"\n                    />\n                </StyledCheckboxWrapper>\n            </IconWrapper>\n\n            <StyledWrapper>\n                <StyledCell\n                    // TODO: #1548\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    title={<span>{selectAllOptions?.label || 'Выбрать всё'}</span>}\n                />\n            </StyledWrapper>\n        </ItemWrapper>\n\n        <DividerWrapper>\n            <Divider variant={variant} />\n        </DividerWrapper>\n    </Wrapper>\n);\n"],"names":["SelectAll","_ref","variant","selectAllOptions","React","createElement","Wrapper","onClick","sticky","ItemWrapper","IconWrapper","StyledCheckboxWrapper","e","preventDefault","StyledCheckbox","checked","indeterminate","appearance","StyledWrapper","StyledCell","title","label","DividerWrapper","Divider"],"mappings":";;;;IAcaA,SAGX,GAAG,SAHQA,SAGXA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB,CAAA;AAAA,EAAA,oBAC7BC,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AAACJ,IAAAA,OAAO,EAAEA,OAAQ;AAACK,IAAAA,OAAO,EAAEJ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEI,OAAQ;AAACC,IAAAA,MAAM,EAAEL,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAEK,MAAAA;AAAO,GAAA,eAC5FJ,KAAA,CAAAC,aAAA,CAACI,SAAW,EAAA;AAACP,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BE,KAAA,CAAAC,aAAA,CAACK,WAAW,EAAA;AAACR,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BE,KAAA,CAAAC,aAAA,CAACM,qBAAqB,EAAA;IAACJ,OAAO,EAAE,SAAAA,OAAAA,CAACK,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAACC,cAAc,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,eACtDT,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AACXC,IAAAA,OAAO,EAAEZ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEY,OAAQ;AACnCC,IAAAA,aAAa,EAAEb,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEa,aAAc;AAC/CC,IAAAA,UAAU,EAAC,SAAA;AAAS,GACvB,CACkB,CACd,CAAC,eAEdb,KAAA,CAAAC,aAAA,CAACa,aAAa,EAAA,IAAA,eACVd,KAAA,CAAAC,aAAA,CAACc,UAAAA;AACG;AACA;AACA;AAAA,IAAA;AACAC,IAAAA,KAAK,eAAEhB,KAAA,CAAAC,aAAA,eAAO,CAAAF,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEkB,KAAK,KAAI,aAAoB,CAAA;AAAE,GAClE,CACU,CACN,CAAC,eAEdjB,KAAA,CAAAC,aAAA,CAACiB,cAAc,EACXlB,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAA;AAACrB,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CAChB,CACX,CAAC,CAAA;AAAA;;;;"}

package/es/components/Select/ui/SelectAll/SelectAll.styles.js

@@ -0,0 +1,47 @@
+import './SelectAll.styles_ql2mqj.css';
+import { styled } from '@linaria/react';
+import { tokens } from '../../Select.tokens.js';
+
+var _exp = function _exp() {
+  return function (_ref) {
+    var sticky = _ref.sticky;
+    return sticky ? 'sticky' : 'static';
+  };
+};
+var _exp3 = function _exp3() {
+  return function (_ref2) {
+    var variant = _ref2.variant;
+    return "var(".concat(variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom, ")");
+  };
+};
+var Wrapper = /*#__PURE__*/styled('div')({
+  name: "Wrapper",
+  "class": "w1r0n22v",
+  propsAsIs: false,
+  vars: {
+    "w1r0n22v-0": [/*#__PURE__*/_exp()],
+    "w1r0n22v-1": [/*#__PURE__*/_exp3()]
+  }
+});
+var DividerWrapper = /*#__PURE__*/styled('div')({
+  name: "DividerWrapper",
+  "class": "d19w91z6",
+  propsAsIs: false
+});
+var _exp9 = function _exp9() {
+  return function (_ref3) {
+    var variant = _ref3.variant;
+    return "var(".concat(variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop, ")");
+  };
+};
+var Divider = /*#__PURE__*/styled('div')({
+  name: "Divider",
+  "class": "d1nbef5q",
+  propsAsIs: false,
+  vars: {
+    "d1nbef5q-0": [/*#__PURE__*/_exp9()]
+  }
+});
+
+export { Divider, DividerWrapper, Wrapper };
+//# sourceMappingURL=SelectAll.styles.js.map

package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAll.styles.js","sources":["../../../../../src/components/Select/ui/SelectAll/SelectAll.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { SelectProps } from '../../Select.types';\nimport { tokens, constants } from '../../Select.tokens';\n\nexport const Wrapper = styled.div<{ variant: SelectProps['variant']; sticky?: boolean }>`\n    position: ${({ sticky }) => (sticky ? 'sticky' : 'static')};\n    z-index: 10;\n    top: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(${constants.background});\n    margin-bottom: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n    border-top-left-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    border-top-right-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n`;\n\nexport const DividerWrapper = styled.div`\n    background: var(${constants.background});\n`;\n\nexport const Divider = styled.div<{ variant: SelectProps['variant'] }>`\n    height: 0.0625rem;\n    margin-top: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n    margin-right: var(${tokens.dividerMarginRight});\n    margin-left: var(${tokens.dividerMarginLeft});\n    background: var(${tokens.dividerColor});\n`;\n"],"names":["_exp","_ref","sticky","_exp3","_ref2","variant","tokens","dividerMarginBottomTight","dividerMarginBottom","Wrapper","styled","name","class","propsAsIs","vars","DividerWrapper","_exp9","_ref3","dividerMarginTopTight","dividerMarginTop","Divider"],"mappings":";;;AAGwD,IAAAA,IAAA,GAFtCA,SAEsCA,IAAAA,GAAA;AAAA,EAAA,OAGxC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,QAAQ,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAL5CA,SAK4CA,KAAAA,GAAA;AAAA,EAAA,OAMzC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACTA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACC,wBAAwB,GAAGD,MAAM,CAACE,mBAAmB,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACbd,IAA8C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAMzCG,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMY,cAAc,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEnC,EAAA;AAAC,IAAAG,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAIgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGZ,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACNA,OAAO,KAAK,OAAO,GAAGC,MAAM,CAACY,qBAAqB,GAAGZ,MAAM,CAACa,gBAAgB,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AAHvF,IAAMC,OAAO,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEXE,KAC4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAI7F;;;;"}

package/es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css

@@ -0,0 +1,3 @@
+.w1r0n22v{position:var(--w1r0n22v-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w1r0n22v-1);border-top-left-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+.d19w91z6{background:var(--surface-solid-card);}
+.d1nbef5q{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}

package/es/components/Select/ui/VirtualList/VirtualList.css

@@ -37,14 +37,14 @@
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Item_styles_ir8fmi_s1vls8ri__4fe90ecb{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellContent__4fe90ecb,.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellTextbox__4fe90ecb{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellTextboxTitle__4fe90ecb{position:relative;}.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellTextboxTitle__4fe90ecb:before{content:' ';visibility:hidden;}.Item_styles_ir8fmi_s1vls8ri__4fe90ecb div.Item_styles_ir8fmi_cellTextboxTitle__4fe90ecb span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-
-.Item_styles_ir8fmi_s17z4dei__4fe90ecb{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
-.Item_styles_ir8fmi_s1nd9idj__4fe90ecb{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_ir8fmi_snb2nsj__4fe90ecb{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
-.Item_styles_ir8fmi_s581hb1__4fe90ecb{width:var(--s581hb1-0);height:var(--s581hb1-0);}
-.Item_styles_ir8fmi_dcgpql7__4fe90ecb{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_ir8fmi_dcgpql7__4fe90ecb:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
-.Item_styles_ir8fmi_izzpzvq__4fe90ecb{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_ir8fmi_stxu93x__4fe90ecb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_ir8fmi_w1hgpj20__4fe90ecb{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;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb:hover:not(.Item_styles_ir8fmi_dropdownItemIsDisabled__4fe90ecb){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb.Item_styles_ir8fmi_dropdownItemIsActive__4fe90ecb{background-color:var(--plasma-select-item-background-hover);}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb.Item_styles_ir8fmi_dropdownItemIsDisabled__4fe90ecb{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb:focus{outline:none;}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb::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:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_ir8fmi_w1hgpj20__4fe90ecb.Item_styles_ir8fmi_dropdownItemIsFocused__4fe90ecb:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_1qpfn0s_s1vls8ri__6e0dc038{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellContent__6e0dc038,.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextbox__6e0dc038{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038{position:relative;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038:before{content:' ';visibility:hidden;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.Item_styles_1qpfn0s_s17z4dei__6e0dc038{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.Item_styles_1qpfn0s_s1nd9idj__6e0dc038{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_1qpfn0s_snb2nsj__6e0dc038{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
+.Item_styles_1qpfn0s_s581hb1__6e0dc038{width:var(--s581hb1-0);height:var(--s581hb1-0);}
+.Item_styles_1qpfn0s_dcgpql7__6e0dc038{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_1qpfn0s_dcgpql7__6e0dc038:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_1qpfn0s_izzpzvq__6e0dc038{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_1qpfn0s_stxu93x__6e0dc038{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_1qpfn0s_w1hgpj20__6e0dc038{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:hover:not(.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsActive__6e0dc038{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:focus{outline:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsFocused__6e0dc038:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}