@salutejs/plasma-new-hope 0.325.0-dev.0 → 0.325.1-canary.2005.15439910438.0

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useReducer, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, base } from './Dropdown.styles';\nimport { childrenWithProps, getItemByFocused, getItemId, getPlacement } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\nimport { FloatingPopover } from './FloatingPopover';\nimport { Context } from './Dropdown.context';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, Omit<DropdownProps, 'items'>>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                items,\n                children,\n                placement,\n                offset,\n                closeOnOverlayClick = true,\n                onToggle,\n                size,\n                view,\n                itemRole = 'treeitem',\n                className,\n                listMaxHeight,\n                listWidth,\n                listHeight,\n                listOverflow,\n                closeOnSelect = true,\n                onHover,\n                onItemSelect,\n                onItemClick,\n                trigger = 'click',\n                openByRightClick = false,\n                variant = 'normal',\n                hasArrow = true,\n                alwaysOpened = false,\n                portal,\n                renderItem,\n                zIndex,\n                beforeList,\n                afterList,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [path, dispatchPath] = useReducer(pathReducer, []);\n            const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n            const isCurrentListOpen = alwaysOpened || Boolean(path[0]);\n\n            const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n            const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n            const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n            const treeId = safeUseId();\n\n            // Логика работы при клике за пределами выпадающего списка\n            const targetRef = useOutsideClick<HTMLUListElement>((event) => {\n                if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {\n                    return;\n                }\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onToggle) {\n                    onToggle(false, event);\n                }\n            }, floatingPopoverRef);\n\n            const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n                if (alwaysOpened || opened) {\n                    dispatchPath({ type: 'opened_first_level' });\n                } else {\n                    dispatchFocusedPath({ type: 'reset' });\n                    dispatchPath({ type: 'reset' });\n                }\n\n                if (onToggle) {\n                    onToggle(opened, event);\n                }\n            };\n\n            const onContextMenu = useCallback(\n                (e: React.MouseEvent) => {\n                    e.preventDefault();\n\n                    if (alwaysOpened) {\n                        return;\n                    }\n\n                    handleGlobalToggle(!isCurrentListOpen, e);\n                },\n                [handleGlobalToggle, isCurrentListOpen, alwaysOpened],\n            );\n\n            const { onKeyDown } = useKeyNavigation({\n                focusedPath,\n                dispatchFocusedPath,\n                path,\n                dispatchPath,\n                pathMap,\n                focusedToValueMap,\n                handleGlobalToggle,\n                closeOnSelect,\n                onItemSelect,\n                onItemClick,\n            });\n\n            return (\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        size,\n                        variant,\n                        itemRole,\n                        handleGlobalToggle,\n                        closeOnSelect,\n                        onHover,\n                        onItemClick,\n                        onItemSelect,\n                        hasArrow,\n                        treeId,\n                        renderItem,\n                    }}\n                >\n                    <FloatingPopover\n                        ref={floatingPopoverRef}\n                        opened={isCurrentListOpen}\n                        onToggle={handleGlobalToggle}\n                        placement={getPlacement(placement)}\n                        offset={offset}\n                        portal={portal}\n                        trigger={trigger}\n                        target={childrenWithProps(children, {\n                            role: 'combobox',\n                            'aria-controls': `${treeId}_tree_level_1`,\n                            'aria-expanded': isCurrentListOpen,\n                            'aria-activedescendant': activeDescendantItemValue\n                                ? getItemId(treeId, activeDescendantItemValue.toString())\n                                : '',\n                            onKeyDown,\n                            onContextMenu: openByRightClick ? onContextMenu : undefined,\n                        })}\n                        zIndex={zIndex}\n                    >\n                        <Root\n                            className={cx(className, classes.dropdownRoot)}\n                            ref={ref}\n                            view={view}\n                            size={size}\n                            style={{ display: 'inline-block' }}\n                            {...rest}\n                        >\n                            <Ul\n                                ref={targetRef}\n                                id={`${treeId}_tree_level_1`}\n                                role=\"tree\"\n                                listOverflow={listOverflow}\n                                listMaxHeight={listMaxHeight || listHeight}\n                                listWidth={listWidth}\n                            >\n                                {beforeList}\n\n                                {items.map((item, index) => (\n                                    <DropdownInner\n                                        key={`${index}/0`}\n                                        item={item}\n                                        currentLevel={0}\n                                        trigger={trigger}\n                                        path={path}\n                                        dispatchPath={dispatchPath}\n                                        index={index}\n                                        listOverflow={listOverflow}\n                                        listMaxHeight={listMaxHeight || listHeight}\n                                        listWidth={listWidth}\n                                    />\n                                ))}\n\n                                {afterList}\n                            </Ul>\n                        </Root>\n                    </FloatingPopover>\n                </Context.Provider>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","_getItemByFocused","items","children","placement","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listMaxHeight","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$openByRightClick","openByRightClick","_ref$variant","variant","_ref$hasArrow","hasArrow","_ref$alwaysOpened","alwaysOpened","portal","renderItem","zIndex","beforeList","afterList","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","isCurrentListOpen","Boolean","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","activeDescendantItemValue","getItemByFocused","value","floatingPopoverRef","useRef","treeId","safeUseId","targetRef","useOutsideClick","event","type","handleGlobalToggle","opened","onContextMenu","useCallback","e","preventDefault","_useKeyNavigation","useKeyNavigation","onKeyDown","React","createElement","Context","Provider","FloatingPopover","getPlacement","target","childrenWithProps","role","concat","getItemId","toString","undefined","_extends","cx","classes","style","display","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useReducer, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, base, ListWrapper } from './Dropdown.styles';\nimport { childrenWithProps, getItemByFocused, getItemId, getPlacement } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\nimport { FloatingPopover } from './FloatingPopover';\nimport { Context } from './Dropdown.context';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, Omit<DropdownProps, 'items'>>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                items,\n                children,\n                placement,\n                offset,\n                closeOnOverlayClick = true,\n                onToggle,\n                size,\n                view,\n                itemRole = 'treeitem',\n                className,\n                listMaxHeight,\n                listWidth,\n                listHeight,\n                listOverflow,\n                closeOnSelect = true,\n                onHover,\n                onItemSelect,\n                onItemClick,\n                trigger = 'click',\n                openByRightClick = false,\n                variant = 'normal',\n                hasArrow = true,\n                alwaysOpened = false,\n                portal,\n                renderItem,\n                zIndex,\n                beforeList,\n                afterList,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [path, dispatchPath] = useReducer(pathReducer, []);\n            const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n            const isCurrentListOpen = alwaysOpened || Boolean(path[0]);\n\n            const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n            const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n            const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n            const treeId = safeUseId();\n\n            // Логика работы при клике за пределами выпадающего списка\n            const targetRef = useOutsideClick<HTMLUListElement>((event) => {\n                if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {\n                    return;\n                }\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onToggle) {\n                    onToggle(false, event);\n                }\n            }, floatingPopoverRef);\n\n            const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n                if (alwaysOpened || opened) {\n                    dispatchPath({ type: 'opened_first_level' });\n                } else {\n                    dispatchFocusedPath({ type: 'reset' });\n                    dispatchPath({ type: 'reset' });\n                }\n\n                if (onToggle) {\n                    onToggle(opened, event);\n                }\n            };\n\n            const onContextMenu = useCallback(\n                (e: React.MouseEvent) => {\n                    e.preventDefault();\n\n                    if (alwaysOpened) {\n                        return;\n                    }\n\n                    handleGlobalToggle(!isCurrentListOpen, e);\n                },\n                [handleGlobalToggle, isCurrentListOpen, alwaysOpened],\n            );\n\n            const { onKeyDown } = useKeyNavigation({\n                focusedPath,\n                dispatchFocusedPath,\n                path,\n                dispatchPath,\n                pathMap,\n                focusedToValueMap,\n                handleGlobalToggle,\n                closeOnSelect,\n                onItemSelect,\n                onItemClick,\n            });\n\n            return (\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        size,\n                        variant,\n                        itemRole,\n                        handleGlobalToggle,\n                        closeOnSelect,\n                        onHover,\n                        onItemClick,\n                        onItemSelect,\n                        hasArrow,\n                        treeId,\n                        renderItem,\n                    }}\n                >\n                    <FloatingPopover\n                        ref={floatingPopoverRef}\n                        opened={isCurrentListOpen}\n                        onToggle={handleGlobalToggle}\n                        placement={getPlacement(placement)}\n                        offset={offset}\n                        portal={portal}\n                        trigger={trigger}\n                        target={childrenWithProps(children, {\n                            role: 'combobox',\n                            'aria-controls': `${treeId}_tree_level_1`,\n                            'aria-expanded': isCurrentListOpen,\n                            'aria-activedescendant': activeDescendantItemValue\n                                ? getItemId(treeId, activeDescendantItemValue.toString())\n                                : '',\n                            onKeyDown,\n                            onContextMenu: openByRightClick ? onContextMenu : undefined,\n                        })}\n                        zIndex={zIndex}\n                        isInner={false}\n                    >\n                        <Root\n                            className={cx(className, classes.dropdownRoot)}\n                            ref={ref}\n                            view={view}\n                            size={size}\n                            style={{ display: 'inline-block' }}\n                            {...rest}\n                        >\n                            <ListWrapper listWidth={listWidth}>\n                                <Ul\n                                    ref={targetRef}\n                                    id={`${treeId}_tree_level_1`}\n                                    role=\"tree\"\n                                    listOverflow={listOverflow}\n                                    listMaxHeight={listMaxHeight || listHeight}\n                                >\n                                    {beforeList}\n\n                                    {items.map((item, index) => (\n                                        <DropdownInner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            trigger={trigger}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listOverflow={listOverflow}\n                                            listMaxHeight={listMaxHeight || listHeight}\n                                            listWidth={listWidth}\n                                        />\n                                    ))}\n\n                                    {afterList}\n                                </Ul>\n                            </ListWrapper>\n                        </Root>\n                    </FloatingPopover>\n                </Context.Provider>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","_getItemByFocused","items","children","placement","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listMaxHeight","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$openByRightClick","openByRightClick","_ref$variant","variant","_ref$hasArrow","hasArrow","_ref$alwaysOpened","alwaysOpened","portal","renderItem","zIndex","beforeList","afterList","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","isCurrentListOpen","Boolean","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","activeDescendantItemValue","getItemByFocused","value","floatingPopoverRef","useRef","treeId","safeUseId","targetRef","useOutsideClick","event","type","handleGlobalToggle","opened","onContextMenu","useCallback","e","preventDefault","_useKeyNavigation","useKeyNavigation","onKeyDown","React","createElement","Context","Provider","FloatingPopover","getPlacement","target","childrenWithProps","role","concat","getItemId","toString","undefined","isInner","_extends","cx","classes","style","display","ListWrapper","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import './Dropdown.styles_1ao2kug.css';
+import './Dropdown.styles_zheit5.css';
 import { styled } from '@linaria/react';
 import { getCorrectHeight } from './utils/index.js';
 import { tokens } from './Dropdown.tokens.js';
@@ -9,36 +9,36 @@ var _exp = function _exp() {
     return listWidth || "var(".concat(tokens.width, ")");
   };
 };
-var _exp2 = function _exp2() {
+var ListWrapper = /*#__PURE__*/styled('div')({
+  name: "ListWrapper",
+  "class": "ln7uamp",
+  propsAsIs: false,
+  vars: {
+    "ln7uamp-0": [/*#__PURE__*/_exp()]
+  }
+});
+var _exp9 = function _exp9() {
   return function (_ref2) {
     var listMaxHeight = _ref2.listMaxHeight;
     return listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto';
   };
 };
-var _exp3 = function _exp3() {
+var _exp10 = function _exp10() {
   return function (_ref3) {
-    var isInnerUl = _ref3.isInnerUl;
-    return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0.125rem 0") : 0;
-  };
-};
-var _exp5 = function _exp5() {
-  return function (_ref4) {
-    var listOverflow = _ref4.listOverflow;
+    var listOverflow = _ref3.listOverflow;
     return listOverflow || 'visible';
   };
 };
 var Ul = /*#__PURE__*/styled('ul')({
   name: "Ul",
-  "class": "un7uamp",
+  "class": "ujr7fmv",
   propsAsIs: false,
   vars: {
-    "un7uamp-0": [/*#__PURE__*/_exp()],
-    "un7uamp-1": [/*#__PURE__*/_exp2()],
-    "un7uamp-2": [/*#__PURE__*/_exp3()],
-    "un7uamp-3": [/*#__PURE__*/_exp5()]
+    "ujr7fmv-0": [/*#__PURE__*/_exp9()],
+    "ujr7fmv-1": [/*#__PURE__*/_exp10()]
   }
 });
-var base = "bjr7fmv";
+var base = "byfocd2";
 
-export { Ul, base };
+export { ListWrapper, Ul, base };
 //# sourceMappingURL=Dropdown.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens, constants } from './Dropdown.tokens';\n\nexport const Ul = styled.ul<{\n    listMaxHeight: DropdownProps['listHeight'];\n    listOverflow: DropdownProps['listOverflow'];\n    listWidth?: DropdownProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n    width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n    max-height: ${({ listMaxHeight }) => (listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto')};\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0.125rem 0` : 0)};\n    padding: var(${tokens.padding}) 0;\n    overflow-y: ${({ listOverflow }) => listOverflow || 'visible'};\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow};\n    border-radius: var(${tokens.borderRadius});\n    border: var(${tokens.borderWidth}) solid var(${tokens.borderColor});\n`;\n\nexport const base = css``;\n"],"names":["_exp","_ref","listWidth","concat","tokens","width","_exp2","_ref2","listMaxHeight","getCorrectHeight","_exp3","_ref3","isInnerUl","padding","_exp5","_ref4","listOverflow","Ul","styled","name","class","propsAsIs","vars","base"],"mappings":";;;;AAKsD,IAAAA,IAAA,GAJpCA,SAIoCA,IAAAA,GAAA;AAAA,EAAA,OASzC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAbjDA,SAaiDA,KAAAA,GAAA;AAAA,EAAA,OACjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAGC,gBAAgB,CAACD,aAAa,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GAdjFA,SAciFA,KAAAA,GAAA;AAAA,EAAA,OACrF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,eAAAT,MAAA,CAAeC,MAAM,CAACS,OAAO,0BAAuB,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAf/EA,SAe+EA,KAAAA,GAAA;AAAA,EAAA,OAE/E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAX1D,IAAMC,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOXtB,IAAsD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACjDM,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrFI,KAAmF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAE/EI,KAA+C,EAAA,CAAA;AAAA,GAAA;AAAA,CAKhE,EAAA;AAEM,IAAMS,IAAI,GAAQ;;;;"}
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens, constants } from './Dropdown.tokens';\n\nexport const ListWrapper = styled.div<{\n    listWidth?: DropdownProps['listWidth'];\n}>`\n    width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n    padding: calc(var(${tokens.padding}) + var(${tokens.borderWidth}, 0rem));\n    border-radius: var(${tokens.borderRadius});\n    box-sizing: border-box;\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow},\n        inset 0 0 0 var(${tokens.borderWidth}, 0) var(${tokens.borderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n    listMaxHeight: DropdownProps['listHeight'];\n    listOverflow: DropdownProps['listOverflow'];\n}>`\n    max-height: ${({ listMaxHeight }) => (listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto')};\n    overflow-y: ${({ listOverflow }) => listOverflow || 'visible'};\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem));\n    margin: 0;\n    padding: 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp","_ref","listWidth","concat","tokens","width","ListWrapper","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","getCorrectHeight","_exp10","_ref3","listOverflow","Ul","base"],"mappings":";;;;AAKsD,IAAAA,IAAA,GAJpCA,SAIoCA,IAAAA,GAAA;AAAA,EAAA,OAKzC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5D,IAAMC,WAAW,gBAAGC,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,cAGpBX,IAAsD,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlE,EAAA;AAAC,IAAAY,KAAA,GAhBgBA,SAgBhBA,KAAAA,GAAA;AAAA,EAAA,OAMgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAGC,gBAAgB,CAACD,aAAa,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,MAAA,GAtBjFA,SAsBiFA,MAAAA,GAAA;AAAA,EAAA,OACjF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAL1D,IAAMC,EAAE,gBAAGZ,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAINC,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACjFI,MAA+C,EAAA,CAAA;AAAA,GAAA;AAAA,CAIhE,EAAA;AAEM,IAAMI,IAAI,GAAQ;;;;"}

package/es/components/Dropdown/Dropdown.styles_zheit5.css

@@ -0,0 +1,3 @@
+.ln7uamp{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
+.ujr7fmv{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
+

package/es/components/Dropdown/Dropdown.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n    dropdownRoot: 'dropdown-root',\n    dropdownItemIsFocused: 'dropdown-item-is-focused',\n    dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n    dropdownItemIsActive: 'dropdown-item-is-active',\n    dropdownItemIsSelected: 'dropdown-item-is-selected',\n};\n\nexport const tokens = {\n    background: '--plasma-dropdown-background',\n    boxShadow: '--plasma-dropdown-box-shadow',\n    width: '--plasma-dropdown-width',\n    borderRadius: '--plasma-dropdown-border-radius',\n    padding: '--plasma-dropdown-padding',\n    disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n    disabledOpacity: '--plasma-dropdown-disabled-opacity',\n    borderColor: '--plasma-dropdown-border-color',\n    borderWidth: '--plasma-dropdown-border-width',\n    focusColor: '--plasma-dropdown-focus-color', // Old\n\n    dividerColor: '--plasma-dropdown-divider-color',\n    dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n    dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',\n    dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n    dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n    dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',\n    dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n    itemBackground: '--plasma-dropdown-item-background',\n    itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n    itemBackgroundSelected: '--plasma-dropdown-item-background-selected', // Old\n    itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover', // Old\n    itemColor: '--plasma-dropdown-item-color', // Old\n    itemColorSelected: '--plasma-dropdown-item-color-selected', // Old\n    itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover', // Old\n    itemBorderRadius: '--plasma-dropdown-item-border-radius',\n    itemWidth: '--plasma-dropdown-item-width', // Old\n    itemHeight: '--plasma-dropdown-item-height', // Old\n    itemMarginTop: '--plasma-dropdown-item-margin-top', // Old\n    itemMarginRight: '--plasma-dropdown-item-margin-right', // Old\n    itemMarginBottom: '--plasma-dropdown-item-margin-bottom', // Old\n    itemMarginLeft: '--plasma-dropdown-item-margin-left', // Old\n    itemPaddingTop: '--plasma-dropdown-item-padding-top', // Old\n    itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight', // Old\n    itemPaddingRight: '--plasma-dropdown-item-padding-right', // Old\n    itemPaddingBottom: '--plasma-dropdown-item-padding-bottom', // Old\n    itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight', // Old\n    itemPaddingLeft: '--plasma-dropdown-item-padding-left', // Old\n    itemContentLeftWidth: '--plasma-dropdown-item-content-left-width', // Old\n    itemContentLeftColor: '--plasma-dropdown-item-content-left-color', // Old\n    itemContentRightWidth: '--plasma-dropdown-item-content-right-width', // Old\n    itemContentRightColor: '--plasma-dropdown-item-content-right-color', // Old\n    itemFontFamily: '--plasma-dropdown-item-font-family',\n    itemFontSize: '--plasma-dropdown-item-font-size',\n    itemFontStyle: '--plasma-dropdown-item-font-style',\n    itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n    itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n    itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n    itemMargin: '--plasma-dropdown-item-margin',\n    itemPadding: '--plasma-dropdown-item-padding',\n    itemPaddingTight: '--plasma-dropdown-item-padding-tight',\n    itemGap: '--plasma-dropdown-item-gap',\n    itemGapTight: '--plasma-dropdown-item-gap-tight',\n    itemDisclosureIconSize: '--plasma-dropdown-item-disclosure-icon-size',\n\n    cellPadding: '--plasma-dropdown-cell-padding',\n    cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',\n    cellPaddingContent: '--plasma-dropdown-cell-padding-content',\n    cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',\n    cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',\n    cellGap: '--plasma-dropdown-cell-gap',\n    cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',\n    cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',\n\n    // TODO: Remove below tokens as soon as they are no longer needed\n    footerBackground: '--plasma-dropdown-footer-background',\n    footerWidth: '--plasma-dropdown-footer-width',\n    footerHeight: '--plasma-dropdown-footer-height',\n    footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n    footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n    footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n    footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n    footerMarginTop: '--plasma-dropdown-footer-margin-top',\n    footerMarginRight: '--plasma-dropdown-footer-margin-right',\n    footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n    footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n    footerFontFamily: '--plasma-dropdown-footer-font-family',\n    footerFontSize: '--plasma-dropdown-footer-font-size',\n    footerFontStyle: '--plasma-dropdown-footer-font-style',\n    footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n    footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n    footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n    headerBackground: '--plasma-dropdown-header-background',\n    headerWidth: '--plasma-dropdown-header-width',\n    headerHeight: '--plasma-dropdown-header-height',\n    headerPaddingTop: '--plasma-dropdown-header-padding-top',\n    headerPaddingRight: '--plasma-dropdown-header-padding-right',\n    headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n    headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n    headerMarginTop: '--plasma-dropdown-header-margin-top',\n    headerMarginRight: '--plasma-dropdown-header-margin-right',\n    headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n    headerMarginLeft: '--plasma-dropdown-header-margin-left',\n    headerFontFamily: '--plasma-dropdown-header-font-family',\n    headerFontSize: '--plasma-dropdown-header-font-size',\n    headerFontStyle: '--plasma-dropdown-header-font-style',\n    headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n    headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n    headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n    dividerWidth: '--plasma-dropdown-divider-width',\n    dividerHeight: '--plasma-dropdown-divider-height',\n\n    groupBackground: '--plasma-dropdown-group-background',\n    groupWidth: '--plasma-dropdown-group-width',\n    groupHeight: '--plasma-dropdown-group-height',\n    groupPaddingTop: '--plasma-dropdown-group-padding-top',\n    groupPaddingRight: '--plasma-dropdown-group-padding-right',\n    groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n    groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n    groupMarginTop: '--plasma-dropdown-group-margin-top',\n    groupMarginRight: '--plasma-dropdown-group-margin-right',\n    groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n    groupMarginLeft: '--plasma-dropdown-group-margin-left',\n    groupLabelColor: '--plasma-dropdown-group-label-color',\n    groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n    groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n    groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n    groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n    groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n    groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n    groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n    groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n    groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n    groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n    groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n    groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n    groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n    groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n};\n\nexport const constants = {\n    focusColor: '--surface-accent',\n    background: '--surface-solid-card-brightness',\n    boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n    disclosureIconColor: '--text-secondary',\n    itemBackground: '--plasma-colors-transparent',\n    opacity: '0.4',\n    cellTitleColor: '--text-primary',\n    cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","disabledOpacity","borderColor","borderWidth","focusColor","dividerColor","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","itemBackground","itemBackgroundHover","itemBackgroundSelected","itemBackgroundSelectedHover","itemColor","itemColorSelected","itemColorSelectedHover","itemBorderRadius","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemContentLeftWidth","itemContentLeftColor","itemContentRightWidth","itemContentRightColor","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemMargin","itemPadding","itemPaddingTight","itemGap","itemGapTight","itemDisclosureIconSize","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerWidth","dividerHeight","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft"],"mappings":"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"}
+{"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n    dropdownRoot: 'dropdown-root',\n    dropdownItemIsFocused: 'dropdown-item-is-focused',\n    dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n    dropdownItemIsActive: 'dropdown-item-is-active',\n    dropdownItemIsSelected: 'dropdown-item-is-selected',\n};\n\nexport const tokens = {\n    background: '--plasma-dropdown-background',\n    boxShadow: '--plasma-dropdown-box-shadow',\n    width: '--plasma-dropdown-width',\n    borderRadius: '--plasma-dropdown-border-radius',\n    padding: '--plasma-dropdown-padding',\n    disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n    disabledOpacity: '--plasma-dropdown-disabled-opacity',\n    borderColor: '--plasma-dropdown-border-color',\n    borderWidth: '--plasma-dropdown-border-width',\n    focusColor: '--plasma-dropdown-focus-color', // Old\n\n    dividerColor: '--plasma-dropdown-divider-color',\n    dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n    dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',\n    dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n    dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n    dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',\n    dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n    itemBackground: '--plasma-dropdown-item-background',\n    itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n    itemBackgroundSelected: '--plasma-dropdown-item-background-selected', // Old\n    itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover', // Old\n    itemColor: '--plasma-dropdown-item-color', // Old\n    itemColorSelected: '--plasma-dropdown-item-color-selected', // Old\n    itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover', // Old\n    itemBorderRadius: '--plasma-dropdown-item-border-radius',\n    itemWidth: '--plasma-dropdown-item-width', // Old\n    itemHeight: '--plasma-dropdown-item-height', // Old\n    itemMarginTop: '--plasma-dropdown-item-margin-top', // Old\n    itemMarginRight: '--plasma-dropdown-item-margin-right', // Old\n    itemMarginBottom: '--plasma-dropdown-item-margin-bottom', // Old\n    itemMarginLeft: '--plasma-dropdown-item-margin-left', // Old\n    itemPaddingTop: '--plasma-dropdown-item-padding-top', // Old\n    itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight', // Old\n    itemPaddingRight: '--plasma-dropdown-item-padding-right', // Old\n    itemPaddingBottom: '--plasma-dropdown-item-padding-bottom', // Old\n    itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight', // Old\n    itemPaddingLeft: '--plasma-dropdown-item-padding-left', // Old\n    itemContentLeftWidth: '--plasma-dropdown-item-content-left-width', // Old\n    itemContentLeftColor: '--plasma-dropdown-item-content-left-color', // Old\n    itemContentRightWidth: '--plasma-dropdown-item-content-right-width', // Old\n    itemContentRightColor: '--plasma-dropdown-item-content-right-color', // Old\n    itemFontFamily: '--plasma-dropdown-item-font-family',\n    itemFontSize: '--plasma-dropdown-item-font-size',\n    itemFontStyle: '--plasma-dropdown-item-font-style',\n    itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n    itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n    itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n    itemMargin: '--plasma-dropdown-item-margin',\n    itemPadding: '--plasma-dropdown-item-padding',\n    itemPaddingTight: '--plasma-dropdown-item-padding-tight',\n    itemGap: '--plasma-dropdown-item-gap',\n    itemGapTight: '--plasma-dropdown-item-gap-tight',\n    itemDisclosureIconSize: '--plasma-dropdown-item-disclosure-icon-size',\n\n    cellPadding: '--plasma-dropdown-cell-padding',\n    cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',\n    cellPaddingContent: '--plasma-dropdown-cell-padding-content',\n    cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',\n    cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',\n    cellGap: '--plasma-dropdown-cell-gap',\n    cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',\n    cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',\n\n    // TODO: Remove below tokens as soon as they are no longer needed\n    footerBackground: '--plasma-dropdown-footer-background',\n    footerWidth: '--plasma-dropdown-footer-width',\n    footerHeight: '--plasma-dropdown-footer-height',\n    footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n    footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n    footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n    footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n    footerMarginTop: '--plasma-dropdown-footer-margin-top',\n    footerMarginRight: '--plasma-dropdown-footer-margin-right',\n    footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n    footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n    footerFontFamily: '--plasma-dropdown-footer-font-family',\n    footerFontSize: '--plasma-dropdown-footer-font-size',\n    footerFontStyle: '--plasma-dropdown-footer-font-style',\n    footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n    footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n    footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n    headerBackground: '--plasma-dropdown-header-background',\n    headerWidth: '--plasma-dropdown-header-width',\n    headerHeight: '--plasma-dropdown-header-height',\n    headerPaddingTop: '--plasma-dropdown-header-padding-top',\n    headerPaddingRight: '--plasma-dropdown-header-padding-right',\n    headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n    headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n    headerMarginTop: '--plasma-dropdown-header-margin-top',\n    headerMarginRight: '--plasma-dropdown-header-margin-right',\n    headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n    headerMarginLeft: '--plasma-dropdown-header-margin-left',\n    headerFontFamily: '--plasma-dropdown-header-font-family',\n    headerFontSize: '--plasma-dropdown-header-font-size',\n    headerFontStyle: '--plasma-dropdown-header-font-style',\n    headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n    headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n    headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n    dividerWidth: '--plasma-dropdown-divider-width',\n    dividerHeight: '--plasma-dropdown-divider-height',\n\n    groupBackground: '--plasma-dropdown-group-background',\n    groupWidth: '--plasma-dropdown-group-width',\n    groupHeight: '--plasma-dropdown-group-height',\n    groupPaddingTop: '--plasma-dropdown-group-padding-top',\n    groupPaddingRight: '--plasma-dropdown-group-padding-right',\n    groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n    groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n    groupMarginTop: '--plasma-dropdown-group-margin-top',\n    groupMarginRight: '--plasma-dropdown-group-margin-right',\n    groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n    groupMarginLeft: '--plasma-dropdown-group-margin-left',\n    groupLabelColor: '--plasma-dropdown-group-label-color',\n    groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n    groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n    groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n    groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n    groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n    groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n    groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n    groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n    groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n    groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n    groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n    groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n    groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n    groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n};\n\nexport const constants = {\n    focusColor: '--surface-accent',\n    background: '--surface-solid-card-brightness',\n    boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n    disclosureIconColor: '--text-secondary',\n    itemBackground: '--surface-clear',\n    opacity: '0.4',\n    cellTitleColor: '--text-primary',\n    cellBackgroundColor: '--surface-clear',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","disabledOpacity","borderColor","borderWidth","focusColor","dividerColor","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","itemBackground","itemBackgroundHover","itemBackgroundSelected","itemBackgroundSelectedHover","itemColor","itemColorSelected","itemColorSelectedHover","itemBorderRadius","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemContentLeftWidth","itemContentLeftColor","itemContentRightWidth","itemContentRightColor","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemMargin","itemPadding","itemPaddingTight","itemGap","itemGapTight","itemDisclosureIconSize","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerWidth","dividerHeight","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft"],"mappings":"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"}

package/es/components/Dropdown/FloatingPopover.js

@@ -3,6 +3,8 @@ import { useFloating, autoUpdate, autoPlacement, offset, flip, shift, FloatingPo
 import React, { forwardRef } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
 
+// TODO: #2003
+var LIST_PADDING = 2;
 var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var target = _ref.target,
     children = _ref.children,
@@ -10,8 +12,7 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onToggle = _ref.onToggle,
     placement = _ref.placement,
     portal = _ref.portal,
-    _ref$offset = _ref.offset,
-    offset$1 = _ref$offset === void 0 ? [0, 0] : _ref$offset,
+    offset$1 = _ref.offset,
     isInner = _ref.isInner,
     trigger = _ref.trigger,
     zIndex = _ref.zIndex;
@@ -26,8 +27,8 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
       placement: placement === 'auto' ? undefined : placement,
       open: opened,
       middleware: [placement === 'auto' && autoPlacement(), offset({
-        mainAxis: offset$1[1],
-        crossAxis: offset$1[0]
+        mainAxis: (offset$1 === null || offset$1 === void 0 ? void 0 : offset$1[1]) || (isInner ? LIST_PADDING * 2 : 0),
+        crossAxis: (offset$1 === null || offset$1 === void 0 ? void 0 : offset$1[0]) || (isInner ? -LIST_PADDING : 0)
       }), flip({
         fallbackAxisSideDirection: 'end'
       }), shift()]

package/es/components/Dropdown/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoPlacement,\n    autoUpdate,\n} from '@floating-ui/react';\nimport React, { forwardRef, MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, offset = [0, 0], isInner, trigger, zIndex }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            whileElementsMounted(referenceEl, floatingEl, update) {\n                return autoUpdate(referenceEl, floatingEl, update, {\n                    ancestorScroll: false,\n                    ancestorResize: false,\n                    layoutShift: false,\n                });\n            },\n            placement: placement === 'auto' ? undefined : placement,\n            open: opened,\n            middleware: [\n                placement === 'auto' && autoPlacement(),\n                offsetMiddleware({ mainAxis: offset[1], crossAxis: offset[0] }),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n            ],\n        });\n        const wrappedId = safeUseId();\n\n        const handleTargetClick = (event: MouseEvent<HTMLDivElement>) => {\n            if (trigger === 'hover') {\n                return;\n            }\n\n            if (onToggle) {\n                onToggle(!opened, event);\n            }\n        };\n\n        const handleTargetMouseEnter = (event: MouseEvent<HTMLDivElement>) => {\n            if (trigger === 'click' || opened) {\n                return;\n            }\n\n            onToggle(true, event);\n        };\n\n        const handleTargetMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n            if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {\n                if (\n                    trigger === 'click' ||\n                    !opened ||\n                    (event.relatedTarget && refs.floating && refs.floating.current?.contains(event.relatedTarget))\n                ) {\n                    return;\n                }\n\n                onToggle(false, event);\n            }\n        };\n\n        const handleFloatingMouseLeave = (event: MouseEvent) => {\n            if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {\n                if (\n                    trigger === 'click' ||\n                    !opened ||\n                    (event.relatedTarget && refs.reference && refs.reference.current?.contains(event.relatedTarget))\n                ) {\n                    return;\n                }\n\n                onToggle(false, event);\n            }\n        };\n\n        return (\n            <div\n                ref={ref}\n                id={wrappedId}\n                style={{\n                    position: 'relative',\n                    display: isInner ? 'block' : 'inline-block',\n                }}\n            >\n                <div\n                    ref={refs.setReference}\n                    onClick={handleTargetClick}\n                    onMouseEnter={handleTargetMouseEnter}\n                    onMouseLeave={handleTargetMouseLeave}\n                >\n                    {target}\n                </div>\n\n                {opened && (\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div\n                            ref={refs.setFloating}\n                            onMouseLeave={handleFloatingMouseLeave}\n                            style={{\n                                ...floatingStyles,\n                                zIndex: zIndex || 1000,\n                            }}\n                        >\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","zIndex","_useFloating","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","undefined","open","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","wrappedId","safeUseId","handleTargetClick","event","handleTargetMouseEnter","handleTargetMouseLeave","relatedTarget","HTMLElement","floating","current","_refs$floating$curren","contains","handleFloatingMouseLeave","reference","_refs$reference$curre","React","createElement","id","style","position","display","setReference","onClick","onMouseEnter","onMouseLeave","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoPlacement,\n    autoUpdate,\n} from '@floating-ui/react';\nimport React, { forwardRef, MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\n// TODO: #2003\nconst LIST_PADDING = 2;\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, offset, isInner, trigger, zIndex }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            whileElementsMounted(referenceEl, floatingEl, update) {\n                return autoUpdate(referenceEl, floatingEl, update, {\n                    ancestorScroll: false,\n                    ancestorResize: false,\n                    layoutShift: false,\n                });\n            },\n            placement: placement === 'auto' ? undefined : placement,\n            open: opened,\n            middleware: [\n                placement === 'auto' && autoPlacement(),\n                offsetMiddleware({\n                    mainAxis: offset?.[1] || (isInner ? LIST_PADDING * 2 : 0),\n                    crossAxis: offset?.[0] || (isInner ? -LIST_PADDING : 0),\n                }),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n            ],\n        });\n        const wrappedId = safeUseId();\n\n        const handleTargetClick = (event: MouseEvent<HTMLDivElement>) => {\n            if (trigger === 'hover') {\n                return;\n            }\n\n            if (onToggle) {\n                onToggle(!opened, event);\n            }\n        };\n\n        const handleTargetMouseEnter = (event: MouseEvent<HTMLDivElement>) => {\n            if (trigger === 'click' || opened) {\n                return;\n            }\n\n            onToggle(true, event);\n        };\n\n        const handleTargetMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n            if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {\n                if (\n                    trigger === 'click' ||\n                    !opened ||\n                    (event.relatedTarget && refs.floating && refs.floating.current?.contains(event.relatedTarget))\n                ) {\n                    return;\n                }\n\n                onToggle(false, event);\n            }\n        };\n\n        const handleFloatingMouseLeave = (event: MouseEvent) => {\n            if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {\n                if (\n                    trigger === 'click' ||\n                    !opened ||\n                    (event.relatedTarget && refs.reference && refs.reference.current?.contains(event.relatedTarget))\n                ) {\n                    return;\n                }\n\n                onToggle(false, event);\n            }\n        };\n\n        return (\n            <div\n                ref={ref}\n                id={wrappedId}\n                style={{\n                    position: 'relative',\n                    display: isInner ? 'block' : 'inline-block',\n                }}\n            >\n                <div\n                    ref={refs.setReference}\n                    onClick={handleTargetClick}\n                    onMouseEnter={handleTargetMouseEnter}\n                    onMouseLeave={handleTargetMouseLeave}\n                >\n                    {target}\n                </div>\n\n                {opened && (\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div\n                            ref={refs.setFloating}\n                            onMouseLeave={handleFloatingMouseLeave}\n                            style={{\n                                ...floatingStyles,\n                                zIndex: zIndex || 1000,\n                            }}\n                        >\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["LIST_PADDING","FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","offset","isInner","trigger","zIndex","_useFloating","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","undefined","open","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","wrappedId","safeUseId","handleTargetClick","event","handleTargetMouseEnter","handleTargetMouseLeave","relatedTarget","HTMLElement","floating","current","_refs$floating$curren","contains","handleFloatingMouseLeave","reference","_refs$reference$curre","React","createElement","id","style","position","display","setReference","onClick","onMouseEnter","onMouseLeave","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":"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"}

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css

@@ -16,13 +16,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);}
 
-.DropdownItem_styles_1lp7sqa_c1gkzlls__774d210c{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
+.DropdownItem_styles_1algi32_c1gkzlls__367ba473{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
 
-.DropdownItem_styles_1lp7sqa_d1m97l2m__774d210c{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
-.DropdownItem_styles_1lp7sqa_soib72h__774d210c{width:var(--soib72h-0);height:var(--soib72h-0);}
-.DropdownItem_styles_1lp7sqa_d6l2f0g__774d210c{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
-.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c{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;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem)));box-sizing:content-box;padding:var(--w1jav4ek-1);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-color:var(--plasma-colors-transparent);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-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;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c:hover:not(.DropdownItem_styles_1lp7sqa_dropdownItemIsDisabled__774d210c){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsActive__774d210c{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsDisabled__774d210c{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c:focus{outline:none;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c::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_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsFocused__774d210c:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
-.DropdownItem_styles_1lp7sqa_r1fqtjio__774d210c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.DropdownItem_styles_1algi32_d1m97l2m__367ba473{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
+.DropdownItem_styles_1algi32_soib72h__367ba473{width:var(--soib72h-0);height:var(--soib72h-0);}
+.DropdownItem_styles_1algi32_d6l2f0g__367ba473{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
+.DropdownItem_styles_1algi32_w1jav4ek__367ba473{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;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0);box-sizing:content-box;padding:var(--w1jav4ek-1);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-color:var(--surface-clear);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-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;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:hover:not(.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsActive__367ba473{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:focus{outline:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473::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-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsFocused__367ba473:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+.DropdownItem_styles_1algi32_r1fqtjio__367ba473{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 
-.Dropdown_styles_1ao2kug_un7uamp__7b2cd1d6{box-sizing:border-box;width:var(--un7uamp-0);max-height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow-y:var(--un7uamp-3);background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-dropdown-border-radius);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
+.Dropdown_styles_zheit5_ln7uamp__21de70ca{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
+.Dropdown_styles_zheit5_ujr7fmv__21de70ca{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
 

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
 import { DropdownItem } from '../DropdownItem/DropdownItem.js';
-import { Ul } from '../../Dropdown.styles.js';
+import { ListWrapper, Ul } from '../../Dropdown.styles.js';
 import { FloatingPopover } from '../../FloatingPopover.js';
 import { getPlacement } from '../../utils/getPlacement.js';
 
@@ -50,13 +50,13 @@ var DropdownInner = function DropdownInner(_ref) {
         ariaLabel: item.label
       }),
       isInner: true
+    }, /*#__PURE__*/React.createElement(ListWrapper, {
+      listWidth: listWidth
     }, /*#__PURE__*/React.createElement(Ul, {
       id: listId,
       role: "group",
-      isInnerUl: true,
       listMaxHeight: listMaxHeight,
-      listOverflow: listOverflow,
-      listWidth: listWidth
+      listOverflow: listOverflow
     }, item.items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/React.createElement(DropdownInner, {
         key: "".concat(innerIndex, "/").concat(currentLevel),
@@ -70,7 +70,7 @@ var DropdownInner = function DropdownInner(_ref) {
         listOverflow: listOverflow,
         listWidth: listWidth
       });
-    })));
+    }))));
   }
   return /*#__PURE__*/React.createElement(DropdownItem, {
     item: item,

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listMaxHeight,\n    listOverflow,\n    listWidth,\n}) => {\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 (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <Ul\n                    id={listId}\n                    role=\"group\"\n                    isInnerUl\n                    listMaxHeight={listMaxHeight}\n                    listOverflow={listOverflow}\n                    listWidth={listWidth}\n                >\n                    {item.items.map((innerItem, innerIndex) => (\n                        <DropdownInner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            trigger={trigger}\n                            listMaxHeight={listMaxHeight}\n                            listOverflow={listOverflow}\n                            listWidth={listWidth}\n                        />\n                    ))}\n                </Ul>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listMaxHeight","listOverflow","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","Ul","id","role","isInnerUl","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listMaxHeight,\n    listOverflow,\n    listWidth,\n}) => {\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 (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={listMaxHeight} listOverflow={listOverflow}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listMaxHeight={listMaxHeight}\n                                listOverflow={listOverflow}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listMaxHeight","listOverflow","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","id","role","map","innerItem","innerIndex","key"],"mappings":"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"}

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

@@ -16,10 +16,10 @@
 
 .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);}
 
-.DropdownItem_styles_1lp7sqa_c1gkzlls__774d210c{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
+.DropdownItem_styles_1algi32_c1gkzlls__367ba473{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
 
-.DropdownItem_styles_1lp7sqa_d1m97l2m__774d210c{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
-.DropdownItem_styles_1lp7sqa_soib72h__774d210c{width:var(--soib72h-0);height:var(--soib72h-0);}
-.DropdownItem_styles_1lp7sqa_d6l2f0g__774d210c{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
-.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c{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;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem)));box-sizing:content-box;padding:var(--w1jav4ek-1);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-color:var(--plasma-colors-transparent);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-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;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c:hover:not(.DropdownItem_styles_1lp7sqa_dropdownItemIsDisabled__774d210c){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsActive__774d210c{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsDisabled__774d210c{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c:focus{outline:none;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c::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_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsFocused__774d210c:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
-.DropdownItem_styles_1lp7sqa_r1fqtjio__774d210c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.DropdownItem_styles_1algi32_d1m97l2m__367ba473{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
+.DropdownItem_styles_1algi32_soib72h__367ba473{width:var(--soib72h-0);height:var(--soib72h-0);}
+.DropdownItem_styles_1algi32_d6l2f0g__367ba473{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
+.DropdownItem_styles_1algi32_w1jav4ek__367ba473{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;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0);box-sizing:content-box;padding:var(--w1jav4ek-1);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-color:var(--surface-clear);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-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;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:hover:not(.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsActive__367ba473{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:focus{outline:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473::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-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsFocused__367ba473:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+.DropdownItem_styles_1algi32_r1fqtjio__367ba473{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}

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

@@ -1,4 +1,4 @@
-import './DropdownItem.styles_1lp7sqa.css';
+import './DropdownItem.styles_1algi32.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../Dropdown.tokens.js';
 import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
@@ -74,7 +74,7 @@ var _exp40 = function _exp40() {
     return "var(".concat(variant === 'tight' ? tokens.itemGapTight : tokens.itemGap, ")");
   };
 };
-var _exp44 = function _exp44() {
+var _exp43 = function _exp43() {
   return function (_ref5) {
     var variant = _ref5.variant;
     return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
@@ -86,7 +86,7 @@ var Wrapper = /*#__PURE__*/styled('li')({
   propsAsIs: false,
   vars: {
     "w1jav4ek-0": [/*#__PURE__*/_exp40()],
-    "w1jav4ek-1": [/*#__PURE__*/_exp44()]
+    "w1jav4ek-1": [/*#__PURE__*/_exp43()]
   }
 });
 var RenderItemWrapper = /*#__PURE__*/styled('div')({

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, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: 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\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor}, var(${constants.disclosureIconColor}));\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n    m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n    width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n    height: 1px;\n    margin-top: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n    margin-right: var(${tokens.dividerMarginRight});\n    margin-bottom: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n    margin-left: var(${tokens.dividerMarginLeft});\n    background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n    min-height: var(${tokens.itemHeight});\n    margin: var(${tokens.itemMargin}, 0 calc(0.125rem + var(${tokens.borderWidth}, 0rem)));\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\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-color: var(${constants.itemBackground});\n    border-radius: var(\n        ${tokens.itemBorderRadius},\n        calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))\n    );\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: ${constants.opacity};\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: `var(${tokens.itemBorderRadius})`,\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 RenderItemWrapper = styled.div`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp32","IconDisclosureRight","_exp34","_ref","_ref$size","size","concat","tokens","itemDisclosureIconSize","xs","s","m","StyledIconDisclosureRight","vars","_exp35","_ref2","variant","dividerMarginTopTight","dividerMarginTop","_exp37","_ref3","dividerMarginBottomTight","dividerMarginBottom","Divider","_exp40","_ref4","itemGapTight","itemGap","_exp44","_ref5","itemPaddingTight","itemPadding","Wrapper","RenderItemWrapper"],"mappings":"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"}
+{"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, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: 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\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor}, var(${constants.disclosureIconColor}));\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n    m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n    width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n    height: 1px;\n    margin-top: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n    margin-right: var(${tokens.dividerMarginRight});\n    margin-bottom: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n    margin-left: var(${tokens.dividerMarginLeft});\n    background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n    min-height: var(${tokens.itemHeight});\n    margin: var(${tokens.itemMargin}, 0);\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\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-color: var(${constants.itemBackground});\n    border-radius: var(\n        ${tokens.itemBorderRadius},\n        calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))\n    );\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: ${constants.opacity};\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.borderWidth}, 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 RenderItemWrapper = styled.div`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp32","IconDisclosureRight","_exp34","_ref","_ref$size","size","concat","tokens","itemDisclosureIconSize","xs","s","m","StyledIconDisclosureRight","vars","_exp35","_ref2","variant","dividerMarginTopTight","dividerMarginTop","_exp37","_ref3","dividerMarginBottomTight","dividerMarginBottom","Divider","_exp40","_ref4","itemGapTight","itemGap","_exp43","_ref5","itemPaddingTight","itemPadding","Wrapper","RenderItemWrapper"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+.c1gkzlls{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
+
+.d1m97l2m{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
+.soib72h{width:var(--soib72h-0);height:var(--soib72h-0);}
+.d6l2f0g{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
+.w1jav4ek{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;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0);box-sizing:content-box;padding:var(--w1jav4ek-1);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-color:var(--surface-clear);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-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;}.w1jav4ek:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-active{background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w1jav4ek:focus{outline:none;}.w1jav4ek::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-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.w1jav4ek.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+.r1fqtjio{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}