@salutejs/plasma-new-hope 0.93.0-canary.1224.9678231866.0 → 0.93.0-canary.1252.9677594480.0

package/es/components/Dropdown/Dropdown.js

@@ -7,7 +7,7 @@ import '@salutejs/plasma-core';
 import '@linaria/react';
 import { classes } from './Dropdown.tokens.js';
 import { DropdownInner } from './ui/DropdownInner/DropdownInner.js';
-import { childrenWithProps } from './utils/index.js';
+import { getPlacements, childrenWithProps } from './utils/index.js';
 import 'focus-visible';
 import 'styled-components';
 import '@linaria/core';
@@ -18,7 +18,6 @@ import { base as base$2 } from './variations/_size/base.js';
 import { StyledPopover, Ul, base } from './Dropdown.styles.js';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
 import { useHashMaps } from './hooks/useHashMaps.js';
-import { getPlacements } from '../../utils/getPopoverPlacement.js';
 
 var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow"];
 
@@ -155,8 +154,7 @@ var dropdownRoot = function dropdownRoot(Root) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow,
-        size: size
+        hasArrow: hasArrow
       });
     }))));
   });

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\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, StyledPopover, base } from './Dropdown.styles';\nimport { childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                items,\n                children,\n                placement = 'bottom',\n                offset = [0, 0],\n                closeOnOverlayClick = true,\n                onToggle,\n                size,\n                view,\n                itemRole = 'treeitem',\n                className,\n                listWidth,\n                listHeight,\n                listOverflow,\n                closeOnSelect = true,\n                onHover,\n                onItemSelect,\n                onItemClick,\n                trigger = 'click',\n                variant = 'normal',\n                hasArrow = true,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [path, dispatchPath] = useReducer(pathReducer, []);\n            const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n            const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n            const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n                if (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 { 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            const isCurrentListOpen = Boolean(path[0]);\n\n            const getActiveDescendant = () => {\n                const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n                return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n            };\n\n            return (\n                <Root\n                    className={cx(className, classes.dropdownRoot)}\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    items={items}\n                    {...rest}\n                >\n                    <StyledPopover\n                        isOpen={isCurrentListOpen}\n                        usePortal={false}\n                        onToggle={handleGlobalToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger={trigger}\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={childrenWithProps(children, {\n                            role: 'combobox',\n                            'aria-controls': 'tree_level_1',\n                            'aria-expanded': isCurrentListOpen,\n                            'aria-activedescendant': getActiveDescendant(),\n                            onKeyDown,\n                        })}\n                        preventOverflow={false}\n                    >\n                        <Ul\n                            listHeight={listHeight}\n                            listOverflow={listOverflow}\n                            role=\"tree\"\n                            id=\"tree_level_1\"\n                            listWidth={listWidth}\n                        >\n                            {items.map((item, index) => (\n                                <DropdownInner\n                                    key={`${index}/0`}\n                                    item={item}\n                                    currentLevel={0}\n                                    focusedPath={focusedPath}\n                                    trigger={trigger}\n                                    path={path}\n                                    dispatchPath={dispatchPath}\n                                    index={index}\n                                    itemRole={itemRole}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    handleGlobalToggle={handleGlobalToggle}\n                                    closeOnSelect={closeOnSelect}\n                                    onHover={onHover}\n                                    onItemSelect={onItemSelect}\n                                    onItemClick={onItemClick}\n                                    listWidth={listWidth}\n                                    variant={variant}\n                                    hasArrow={hasArrow}\n                                    size={size}\n                                />\n                            ))}\n                        </Ul>\n                    </StyledPopover>\n                </Root>\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","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","_extends","cx","classes","StyledPopover","isOpen","usePortal","getPlacements","isFocusTrapped","target","childrenWithProps","role","preventOverflow","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, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\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, StyledPopover, base } from './Dropdown.styles';\nimport { getPlacements, childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                items,\n                children,\n                placement = 'bottom',\n                offset = [0, 0],\n                closeOnOverlayClick = true,\n                onToggle,\n                size,\n                view,\n                itemRole = 'treeitem',\n                className,\n                listWidth,\n                listHeight,\n                listOverflow,\n                closeOnSelect = true,\n                onHover,\n                onItemSelect,\n                onItemClick,\n                trigger = 'click',\n                variant = 'normal',\n                hasArrow = true,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [path, dispatchPath] = useReducer(pathReducer, []);\n            const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n            const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n            const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n                if (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 { 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            const isCurrentListOpen = Boolean(path[0]);\n\n            const getActiveDescendant = () => {\n                const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n                return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n            };\n\n            return (\n                <Root\n                    className={cx(className, classes.dropdownRoot)}\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    items={items}\n                    {...rest}\n                >\n                    <StyledPopover\n                        isOpen={isCurrentListOpen}\n                        usePortal={false}\n                        onToggle={handleGlobalToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger={trigger}\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={childrenWithProps(children, {\n                            role: 'combobox',\n                            'aria-controls': 'tree_level_1',\n                            'aria-expanded': isCurrentListOpen,\n                            'aria-activedescendant': getActiveDescendant(),\n                            onKeyDown,\n                        })}\n                        preventOverflow={false}\n                    >\n                        <Ul\n                            listHeight={listHeight}\n                            listOverflow={listOverflow}\n                            role=\"tree\"\n                            id=\"tree_level_1\"\n                            listWidth={listWidth}\n                        >\n                            {items.map((item, index) => (\n                                <DropdownInner\n                                    key={`${index}/0`}\n                                    item={item}\n                                    currentLevel={0}\n                                    focusedPath={focusedPath}\n                                    trigger={trigger}\n                                    path={path}\n                                    dispatchPath={dispatchPath}\n                                    index={index}\n                                    itemRole={itemRole}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    handleGlobalToggle={handleGlobalToggle}\n                                    closeOnSelect={closeOnSelect}\n                                    onHover={onHover}\n                                    onItemSelect={onItemSelect}\n                                    onItemClick={onItemClick}\n                                    listWidth={listWidth}\n                                    variant={variant}\n                                    hasArrow={hasArrow}\n                                />\n                            ))}\n                        </Ul>\n                    </StyledPopover>\n                </Root>\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","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","_extends","cx","classes","StyledPopover","isOpen","usePortal","getPlacements","isFocusTrapped","target","childrenWithProps","role","preventOverflow","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CACN,UAAAC,IAAA,EAwBIC,GAAG,EACF;AAAA,IAAA,IAvBGC,KAAK,GAAAF,IAAA,CAALE,KAAK;MACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;MAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAAAE,WAAA,GAAAN,IAAA,CACpBO,MAAM;MAANA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAAA,WAAA;MAAAE,qBAAA,GAAAR,IAAA,CACfS,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAC1BE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,IAAI,GAAAX,IAAA,CAAJW,IAAI;MACJC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MAAAC,aAAA,GAAAb,IAAA,CACJc,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,aAAA;MACrBE,SAAS,GAAAf,IAAA,CAATe,SAAS;MACTC,SAAS,GAAAhB,IAAA,CAATgB,SAAS;MACTC,UAAU,GAAAjB,IAAA,CAAViB,UAAU;MACVC,YAAY,GAAAlB,IAAA,CAAZkB,YAAY;MAAAC,kBAAA,GAAAnB,IAAA,CACZoB,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,kBAAA;MACpBE,OAAO,GAAArB,IAAA,CAAPqB,OAAO;MACPC,YAAY,GAAAtB,IAAA,CAAZsB,YAAY;MACZC,WAAW,GAAAvB,IAAA,CAAXuB,WAAW;MAAAC,YAAA,GAAAxB,IAAA,CACXyB,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,YAAA;MAAAE,YAAA,GAAA1B,IAAA,CACjB2B,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,YAAA;MAAAE,aAAA,GAAA5B,IAAA,CAClB6B,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;AACZE,MAAAA,IAAI,GAAAC,wBAAA,CAAA/B,IAAA,EAAAgC,SAAA,CAAA,CAAA;AAIX,IAAA,IAAAC,WAAA,GAA6BC,UAAU,CAACC,WAAW,EAAE,EAAE,CAAC;MAAAC,YAAA,GAAAC,cAAA,CAAAJ,WAAA,EAAA,CAAA,CAAA;AAAjDK,MAAAA,IAAI,GAAAF,YAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,YAAA,CAAA,CAAA,CAAA,CAAA;AACzB,IAAA,IAAAI,YAAA,GAA2CN,UAAU,CAACO,kBAAkB,EAAE,EAAE,CAAC;MAAAC,YAAA,GAAAL,cAAA,CAAAG,YAAA,EAAA,CAAA,CAAA;AAAtEG,MAAAA,WAAW,GAAAD,YAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,mBAAmB,GAAAF,YAAA,CAAA,CAAA,CAAA,CAAA;AAEvC,IAAA,IAAAG,YAAA,GAAqCC,WAAW,CAAC5C,KAAK,CAAC;MAAA6C,aAAA,GAAAV,cAAA,CAAAQ,YAAA,EAAA,CAAA,CAAA;AAAhDG,MAAAA,OAAO,GAAAD,aAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,iBAAiB,GAAAF,aAAA,CAAA,CAAA,CAAA,CAAA;IAEjC,IAAMG,kBAA0C,GAAG,SAA7CA,kBAA0CA,CAAIC,MAAM,EAAEC,KAAK,EAAK;AAClE,MAAA,IAAID,MAAM,EAAE;AACRZ,QAAAA,YAAY,CAAC;AAAEc,UAAAA,IAAI,EAAE,oBAAA;AAAqB,SAAC,CAAC,CAAA;AAChD,OAAC,MAAM;AACHT,QAAAA,mBAAmB,CAAC;AAAES,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACtCd,QAAAA,YAAY,CAAC;AAAEc,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACnC,OAAA;AAEA,MAAA,IAAI3C,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACyC,MAAM,EAAEC,KAAK,CAAC,CAAA;AAC3B,OAAA;KACH,CAAA;IAED,IAAAE,iBAAA,GAAsBC,gBAAgB,CAAC;AACnCZ,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBN,QAAAA,IAAI,EAAJA,IAAI;AACJC,QAAAA,YAAY,EAAZA,YAAY;AACZS,QAAAA,OAAO,EAAPA,OAAO;AACPC,QAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBC,QAAAA,kBAAkB,EAAlBA,kBAAkB;AAClB9B,QAAAA,aAAa,EAAbA,aAAa;AACbE,QAAAA,YAAY,EAAZA,YAAY;AACZC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC;MAXMiC,SAAS,GAAAF,iBAAA,CAATE,SAAS,CAAA;IAajB,IAAMC,iBAAiB,GAAGC,OAAO,CAACpB,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;AAE1C,IAAA,IAAMqB,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAS;AAAA,MAAA,IAAAC,qBAAA,CAAA;MAC9B,IAAMC,mBAAmB,GAAGlB,WAAW,CAACmB,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAA;AAAA,QAAA,OAAA,EAAA,CAAAC,MAAA,CAAQF,GAAG,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAID,CAAC,CAAA,CAAA;OAAE,EAAE,EAAE,CAAC,CAACE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;MAClG,OAAOjB,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,IAAA,CAAAW,qBAAA,GAAjBX,iBAAiB,CAAEkB,GAAG,CAACN,mBAAmB,CAAC,MAAA,IAAA,IAAAD,qBAAA,KAA3CA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA6CQ,KAAK,CAACC,QAAQ,EAAE,CAAA;KACvE,CAAA;AAED,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACzE,IAAI,EAAA0E,QAAA,CAAA;MACDzD,SAAS,EAAE0D,EAAE,CAAC1D,SAAS,EAAE2D,OAAO,CAAC7E,YAAY,CAAE;AAC/CI,MAAAA,GAAG,EAAEA,GAAI;AACTW,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXT,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACT4B,IAAI,CAERwC,eAAAA,KAAA,CAAAC,aAAA,CAACI,aAAa,EAAA;AACVC,MAAAA,MAAM,EAAEnB,iBAAkB;AAC1BoB,MAAAA,SAAS,EAAE,KAAM;AACjBnE,MAAAA,QAAQ,EAAEwC,kBAAmB;AAC7B3C,MAAAA,MAAM,EAAEA,MAAO;AACfF,MAAAA,SAAS,EAAEyE,aAAa,CAACzE,SAAS,CAAE;AACpCoB,MAAAA,OAAO,EAAEA,OAAQ;AACjBhB,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCsE,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,MAAM,EAAEC,iBAAiB,CAAC9E,QAAQ,EAAE;AAChC+E,QAAAA,IAAI,EAAE,UAAU;AAChB,QAAA,eAAe,EAAE,cAAc;AAC/B,QAAA,eAAe,EAAEzB,iBAAiB;QAClC,uBAAuB,EAAEE,mBAAmB,EAAE;AAC9CH,QAAAA,SAAS,EAATA,SAAAA;AACJ,OAAC,CAAE;AACH2B,MAAAA,eAAe,EAAE,KAAA;AAAM,KAAA,eAEvBb,KAAA,CAAAC,aAAA,CAACa,EAAE,EAAA;AACCnE,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BgE,MAAAA,IAAI,EAAC,MAAM;AACXG,MAAAA,EAAE,EAAC,cAAc;AACjBrE,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,EAEpBd,KAAK,CAACoF,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;AAAA,MAAA,oBACnBlB,KAAA,CAAAC,aAAA,CAACkB,aAAa,EAAA;AACVC,QAAAA,GAAG,EAAAzB,EAAAA,CAAAA,MAAA,CAAKuB,KAAK,EAAK,IAAA,CAAA;AAClBD,QAAAA,IAAI,EAAEA,IAAK;AACXI,QAAAA,YAAY,EAAE,CAAE;AAChBhD,QAAAA,WAAW,EAAEA,WAAY;AACzBlB,QAAAA,OAAO,EAAEA,OAAQ;AACjBa,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BiD,QAAAA,KAAK,EAAEA,KAAM;AACb1E,QAAAA,QAAQ,EAAEA,QAAS;AACnBG,QAAAA,UAAU,EAAEA,UAAW;AACvBC,QAAAA,YAAY,EAAEA,YAAa;AAC3BgC,QAAAA,kBAAkB,EAAEA,kBAAmB;AACvC9B,QAAAA,aAAa,EAAEA,aAAc;AAC7BC,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,WAAW,EAAEA,WAAY;AACzBP,QAAAA,SAAS,EAAEA,SAAU;AACrBW,QAAAA,OAAO,EAAEA,OAAQ;AACjBE,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACtB,CAAC,CAAA;KACL,CACD,CACO,CACb,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM+D,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElG,YAAY;AACpBmG,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRrF,IAAAA,IAAI,EAAE;AACFsF,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDxF,IAAAA,IAAI,EAAE;AACFuF,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNzF,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

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

@@ -28,8 +28,7 @@ var DropdownInner = function DropdownInner(_ref) {
     onItemClick = _ref.onItemClick,
     listWidth = _ref.listWidth,
     variant = _ref.variant,
-    hasArrow = _ref.hasArrow,
-    size = _ref.size;
+    hasArrow = _ref.hasArrow;
   var handleToggle = function handleToggle(opened) {
     if (opened) {
       dispatchPath({
@@ -68,8 +67,7 @@ var DropdownInner = function DropdownInner(_ref) {
         ariaControls: listId,
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
-        ariaLabel: item.label,
-        size: size
+        ariaLabel: item.label
       }),
       onToggle: handleToggle,
       isFocusTrapped: false,
@@ -101,8 +99,7 @@ var DropdownInner = function DropdownInner(_ref) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow,
-        size: size
+        hasArrow: hasArrow
       });
     })));
   }
@@ -117,8 +114,7 @@ var DropdownInner = function DropdownInner(_ref) {
     onHover: onHover,
     onItemSelect: onItemSelect,
     onItemClick: onItemClick,
-    variant: variant,
-    size: size
+    variant: variant
   });
 };
 

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';\n\nimport { DropdownItem } from '..';\nimport { Ul, StyledPopover } from '../../Dropdown.styles';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    focusedPath,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    itemRole,\n    listHeight,\n    listOverflow,\n    handleGlobalToggle,\n    closeOnSelect,\n    onHover,\n    onItemSelect,\n    onItemClick,\n    listWidth,\n    variant,\n    hasArrow,\n    size,\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 listId = `tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <StyledPopover\n                isOpen={isCurrentListOpen}\n                usePortal={false}\n                placement=\"right-start\"\n                trigger={trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        focusedPath={focusedPath}\n                        currentLevel={currentLevel}\n                        itemRole={itemRole}\n                        onHover={onHover}\n                        onItemSelect={onItemSelect}\n                        onItemClick={onItemClick}\n                        variant={variant}\n                        hasArrow={hasArrow}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                        size={size}\n                    />\n                }\n                onToggle={handleToggle}\n                isFocusTrapped={false}\n                preventOverflow={false}\n            >\n                <Ul\n                    listHeight={listHeight}\n                    listOverflow={listOverflow}\n                    role=\"group\"\n                    id={listId}\n                    listWidth={listWidth}\n                    isInnerUl\n                >\n                    {item.items.map((innerItem, innerIndex) => (\n                        <DropdownInner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            focusedPath={focusedPath}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            trigger={trigger}\n                            itemRole={itemRole}\n                            listHeight={listHeight}\n                            listOverflow={listOverflow}\n                            handleGlobalToggle={handleGlobalToggle}\n                            closeOnSelect={closeOnSelect}\n                            onHover={onHover}\n                            onItemSelect={onItemSelect}\n                            onItemClick={onItemClick}\n                            listWidth={listWidth}\n                            variant={variant}\n                            hasArrow={hasArrow}\n                            size={size}\n                        />\n                    ))}\n                </Ul>\n            </StyledPopover>\n        );\n    }\n\n    return (\n        <DropdownItem\n            item={item}\n            index={index}\n            focusedPath={focusedPath}\n            currentLevel={currentLevel}\n            itemRole={itemRole}\n            handleGlobalToggle={handleGlobalToggle}\n            closeOnSelect={closeOnSelect}\n            onHover={onHover}\n            onItemSelect={onItemSelect}\n            onItemClick={onItemClick}\n            variant={variant}\n            size={size}\n        />\n    );\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","focusedPath","path","dispatchPath","index","trigger","itemRole","listHeight","listOverflow","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","listWidth","variant","hasArrow","size","handleToggle","opened","type","value","toString","level","isCurrentListOpen","listId","concat","nextLevel","items","React","createElement","StyledPopover","isOpen","usePortal","placement","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","onToggle","isFocusTrapped","preventOverflow","Ul","role","id","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';\n\nimport { DropdownItem } from '..';\nimport { Ul, StyledPopover } from '../../Dropdown.styles';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    focusedPath,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    itemRole,\n    listHeight,\n    listOverflow,\n    handleGlobalToggle,\n    closeOnSelect,\n    onHover,\n    onItemSelect,\n    onItemClick,\n    listWidth,\n    variant,\n    hasArrow,\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 listId = `tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <StyledPopover\n                isOpen={isCurrentListOpen}\n                usePortal={false}\n                placement=\"right-start\"\n                trigger={trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        focusedPath={focusedPath}\n                        currentLevel={currentLevel}\n                        itemRole={itemRole}\n                        onHover={onHover}\n                        onItemSelect={onItemSelect}\n                        onItemClick={onItemClick}\n                        variant={variant}\n                        hasArrow={hasArrow}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                onToggle={handleToggle}\n                isFocusTrapped={false}\n                preventOverflow={false}\n            >\n                <Ul\n                    listHeight={listHeight}\n                    listOverflow={listOverflow}\n                    role=\"group\"\n                    id={listId}\n                    listWidth={listWidth}\n                    isInnerUl\n                >\n                    {item.items.map((innerItem, innerIndex) => (\n                        <DropdownInner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            focusedPath={focusedPath}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            trigger={trigger}\n                            itemRole={itemRole}\n                            listHeight={listHeight}\n                            listOverflow={listOverflow}\n                            handleGlobalToggle={handleGlobalToggle}\n                            closeOnSelect={closeOnSelect}\n                            onHover={onHover}\n                            onItemSelect={onItemSelect}\n                            onItemClick={onItemClick}\n                            listWidth={listWidth}\n                            variant={variant}\n                            hasArrow={hasArrow}\n                        />\n                    ))}\n                </Ul>\n            </StyledPopover>\n        );\n    }\n\n    return (\n        <DropdownItem\n            item={item}\n            index={index}\n            focusedPath={focusedPath}\n            currentLevel={currentLevel}\n            itemRole={itemRole}\n            handleGlobalToggle={handleGlobalToggle}\n            closeOnSelect={closeOnSelect}\n            onHover={onHover}\n            onItemSelect={onItemSelect}\n            onItemClick={onItemClick}\n            variant={variant}\n        />\n    );\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","focusedPath","path","dispatchPath","index","trigger","itemRole","listHeight","listOverflow","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","listWidth","variant","hasArrow","handleToggle","opened","type","value","toString","level","isCurrentListOpen","listId","concat","nextLevel","items","React","createElement","StyledPopover","isOpen","usePortal","placement","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","onToggle","isFocusTrapped","preventOverflow","Ul","role","id","isInnerUl","map","innerItem","innerIndex","key"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,IAAA,EAmBrC;AAAA,EAAA,IAlBFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,kBAAkB,GAAAX,IAAA,CAAlBW,kBAAkB;IAClBC,aAAa,GAAAZ,IAAA,CAAbY,aAAa;IACbC,OAAO,GAAAb,IAAA,CAAPa,OAAO;IACPC,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,WAAW,GAAAf,IAAA,CAAXe,WAAW;IACXC,SAAS,GAAAhB,IAAA,CAATgB,SAAS;IACTC,OAAO,GAAAjB,IAAA,CAAPiB,OAAO;IACPC,QAAQ,GAAAlB,IAAA,CAARkB,QAAQ,CAAA;AAER,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAW;AAC5C,IAAA,IAAIA,MAAM,EAAE;AACRf,MAAAA,YAAY,CAAC;AAAEgB,QAAAA,IAAI,EAAE,kBAAkB;AAAEC,QAAAA,KAAK,EAAErB,IAAI,CAACqB,KAAK,CAACC,QAAQ,EAAE;QAAEC,KAAK,EAAEtB,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACrG,KAAC,MAAM;AACHG,MAAAA,YAAY,CAAC;AAAEgB,QAAAA,IAAI,EAAE,cAAc;QAAEG,KAAK,EAAEtB,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACnE,KAAA;GACH,CAAA;AAED,EAAA,IAAMuB,iBAAiB,GAAGrB,IAAI,CAACF,YAAY,GAAG,CAAC,CAAC,KAAKD,IAAI,CAACqB,KAAK,CAACC,QAAQ,EAAE,CAAA;AAE1E,EAAA,IAAMG,MAAM,GAAAC,aAAAA,CAAAA,MAAA,CAAiBzB,YAAY,GAAG,CAAC,CAAE,CAAA;AAC/C,EAAA,IAAM0B,SAAS,GAAG1B,YAAY,GAAG,CAAC,CAAA;AAElC,EAAA,IAAID,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAE4B,KAAK,EAAE;AACb,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AACVC,MAAAA,MAAM,EAAER,iBAAkB;AAC1BS,MAAAA,SAAS,EAAE,KAAM;AACjBC,MAAAA,SAAS,EAAC,aAAa;AACvB5B,MAAAA,OAAO,EAAEA,OAAQ;AACjB6B,MAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AACTpC,QAAAA,IAAI,EAAEA,IAAK;AACXK,QAAAA,KAAK,EAAEA,KAAM;AACbF,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,WAAW,EAAEA,WAAY;AACzBD,QAAAA,YAAY,EAAEA,YAAa;AAC3BM,QAAAA,QAAQ,EAAEA,QAAS;AACnBK,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,WAAW,EAAEA,WAAY;AACzBE,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,QAAQ,EAAEA,QAAS;AACnBoB,QAAAA,YAAY,EAAEZ,MAAO;AACrBa,QAAAA,YAAY,EAAEd,iBAAkB;AAChCe,QAAAA,SAAS,EAAEZ,SAAU;QACrBa,SAAS,EAAExC,IAAI,CAACyC,KAAAA;AAAM,OACzB,CACJ;AACDC,MAAAA,QAAQ,EAAExB,YAAa;AACvByB,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,eAAe,EAAE,KAAA;AAAM,KAAA,eAEvBf,KAAA,CAAAC,aAAA,CAACe,EAAE,EAAA;AACCrC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BqC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,EAAE,EAAEtB,MAAO;AACXV,MAAAA,SAAS,EAAEA,SAAU;MACrBiC,SAAS,EAAA,IAAA;KAERhD,EAAAA,IAAI,CAAC4B,KAAK,CAACqB,GAAG,CAAC,UAACC,SAAS,EAAEC,UAAU,EAAA;AAAA,MAAA,oBAClCtB,KAAA,CAAAC,aAAA,CAAChC,aAAa,EAAA;QACVsD,GAAG,EAAA,EAAA,CAAA1B,MAAA,CAAKyB,UAAU,OAAAzB,MAAA,CAAIzB,YAAY,CAAG;AACrCD,QAAAA,IAAI,EAAEkD,SAAU;AAChBjD,QAAAA,YAAY,EAAE0B,SAAU;AACxBzB,QAAAA,WAAW,EAAEA,WAAY;AACzBC,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,KAAK,EAAE8C,UAAW;AAClB7C,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,UAAU,EAAEA,UAAW;AACvBC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,QAAAA,aAAa,EAAEA,aAAc;AAC7BC,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,WAAW,EAAEA,WAAY;AACzBC,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACtB,CAAC,CAAA;KACL,CACD,CACO,CAAC,CAAA;AAExB,GAAA;AAEA,EAAA,oBACIY,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AACTpC,IAAAA,IAAI,EAAEA,IAAK;AACXK,IAAAA,KAAK,EAAEA,KAAM;AACbH,IAAAA,WAAW,EAAEA,WAAY;AACzBD,IAAAA,YAAY,EAAEA,YAAa;AAC3BM,IAAAA,QAAQ,EAAEA,QAAS;AACnBG,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;AACzBE,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GACpB,CAAC,CAAA;AAEV;;;;"}

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

@@ -5,6 +5,7 @@ import '@linaria/react';
 import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
 import { Wrapper, StyledContentLeft, StyledText, StyledContentRight, DisclosureIconWrapper } from './DropdownItem.styles.js';
 
+var _DisclosureIconWrappe;
 var DropdownItem = function DropdownItem(_ref) {
   var item = _ref.item,
     path = _ref.path,
@@ -23,8 +24,7 @@ var DropdownItem = function DropdownItem(_ref) {
     ariaLevel = _ref.ariaLevel,
     ariaLabel = _ref.ariaLabel,
     variant = _ref.variant,
-    hasArrow = _ref.hasArrow,
-    size = _ref.size;
+    hasArrow = _ref.hasArrow;
   var value = item.value,
     label = item.label,
     disabled = item.disabled,
@@ -32,7 +32,6 @@ var DropdownItem = function DropdownItem(_ref) {
     contentLeft = item.contentLeft,
     contentRight = item.contentRight;
   var ref = useRef(null);
-  var disclosureIconSize = size === 'xs' ? 'xs' : 's';
   var isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
@@ -78,10 +77,10 @@ var DropdownItem = function DropdownItem(_ref) {
     "aria-haspopup": ariaHasPopup,
     "aria-level": ariaLevel,
     "aria-label": ariaLabel
-  }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRight, {
-    size: disclosureIconSize,
+  }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), item.items && hasArrow && (_DisclosureIconWrappe || (_DisclosureIconWrappe = /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRight, {
+    size: "xs",
     color: "inherit"
-  })));
+  })))));
 };
 
 export { DropdownItem };

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nimport {\n    StyledContentLeft,\n    StyledContentRight,\n    StyledText,\n    Wrapper,\n    DisclosureIconWrapper,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n    item,\n    path,\n    focusedPath,\n    currentLevel,\n    index,\n    itemRole,\n    closeOnSelect,\n    handleGlobalToggle,\n    onHover,\n    onItemSelect,\n    onItemClick,\n    ariaControls,\n    ariaExpanded,\n    ariaHasPopup,\n    ariaLevel,\n    ariaLabel,\n    variant,\n    hasArrow,\n    size,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n    const isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        if (disabled || isDisabled) {\n            return;\n        }\n\n        if (onItemSelect) {\n            onItemSelect(item, event);\n        }\n\n        if (onItemClick) {\n            onItemClick(item, event);\n        }\n\n        if (handleGlobalToggle && closeOnSelect) {\n            handleGlobalToggle(false, event);\n        }\n    };\n\n    const handleHover = () => {\n        if (onHover) {\n            onHover(index);\n        }\n    };\n\n    return (\n        <Wrapper\n            className={cx(isDisabledClassName, focusedClass, activeClass)}\n            id={value.toString()}\n            role={itemRole}\n            ref={ref}\n            aria-disabled={disabled || isDisabled}\n            onClick={handleClick}\n            onMouseEnter={handleHover}\n            variant={variant}\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-haspopup={ariaHasPopup}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n        >\n            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n            <StyledText>{label}</StyledText>\n            {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n            {item.items && hasArrow && (\n                <DisclosureIconWrapper>\n                    <IconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["DropdownItem","_ref","item","path","focusedPath","currentLevel","index","itemRole","closeOnSelect","handleGlobalToggle","onHover","onItemSelect","onItemClick","ariaControls","ariaExpanded","ariaHasPopup","ariaLevel","ariaLabel","variant","hasArrow","size","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","disclosureIconSize","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","handleHover","React","createElement","Wrapper","className","cx","id","toString","role","onClick","onMouseEnter","StyledContentLeft","StyledText","StyledContentRight","items","DisclosureIconWrapper","IconDisclosureRight","color"],"mappings":"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"}
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nimport {\n    StyledContentLeft,\n    StyledContentRight,\n    StyledText,\n    Wrapper,\n    DisclosureIconWrapper,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n    item,\n    path,\n    focusedPath,\n    currentLevel,\n    index,\n    itemRole,\n    closeOnSelect,\n    handleGlobalToggle,\n    onHover,\n    onItemSelect,\n    onItemClick,\n    ariaControls,\n    ariaExpanded,\n    ariaHasPopup,\n    ariaLevel,\n    ariaLabel,\n    variant,\n    hasArrow,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        if (disabled || isDisabled) {\n            return;\n        }\n\n        if (onItemSelect) {\n            onItemSelect(item, event);\n        }\n\n        if (onItemClick) {\n            onItemClick(item, event);\n        }\n\n        if (handleGlobalToggle && closeOnSelect) {\n            handleGlobalToggle(false, event);\n        }\n    };\n\n    const handleHover = () => {\n        if (onHover) {\n            onHover(index);\n        }\n    };\n\n    return (\n        <Wrapper\n            className={cx(isDisabledClassName, focusedClass, activeClass)}\n            id={value.toString()}\n            role={itemRole}\n            ref={ref}\n            aria-disabled={disabled || isDisabled}\n            onClick={handleClick}\n            onMouseEnter={handleHover}\n            variant={variant}\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-haspopup={ariaHasPopup}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n        >\n            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n            <StyledText>{label}</StyledText>\n            {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n            {item.items && hasArrow && (\n                <DisclosureIconWrapper>\n                    <IconDisclosureRight size=\"xs\" color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["DropdownItem","_ref","item","path","focusedPath","currentLevel","index","itemRole","closeOnSelect","handleGlobalToggle","onHover","onItemSelect","onItemClick","ariaControls","ariaExpanded","ariaHasPopup","ariaLevel","ariaLabel","variant","hasArrow","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","handleHover","React","createElement","Wrapper","className","cx","id","toString","role","onClick","onMouseEnter","StyledContentLeft","StyledText","StyledContentRight","items","_DisclosureIconWrappe","DisclosureIconWrapper","IconDisclosureRight","size","color"],"mappings":"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"}

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

@@ -1,6 +1,21 @@
 import { typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { Children, isValidElement, cloneElement } from 'react';
 
+var getPlacement = function getPlacement(placement) {
+  return "".concat(placement, "-start");
+};
+var getPlacements = function getPlacements(placements) {
+  if (!placements) {
+    return;
+  }
+  var isArray = Array.isArray(placements);
+  if (!isArray) {
+    return getPlacement(placements);
+  }
+  return (placements || []).map(function (placement) {
+    return getPlacement(placement);
+  });
+};
 var getCorrectHeight = function getCorrectHeight(listHeight) {
   if (Number.isNaN(Number(listHeight))) {
     return listHeight.toString();
@@ -29,5 +44,5 @@ var getValidComponent = function getValidComponent(element, props) {
   return element;
 };
 
-export { childrenWithProps, getCorrectHeight, getValidComponent };
+export { childrenWithProps, getCorrectHeight, getPlacement, getPlacements, getValidComponent };
 //# sourceMappingURL=index.js.map

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

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

package/es/components/Range/Range.css

@@ -10,13 +10,13 @@
 
 .outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
 
-.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
+.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_io4bpie__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasChips__fa40a32e{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentLeft__fa40a32e{padding-left:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentRight__fa40a32e{padding-right:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_l13qvwoy__fa40a32e{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_llv9av6__fa40a32e{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e,.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e{margin:var(--plasma-textfield__before-text-margin);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{margin:var(--plasma-textfield__after-text-margin);}
 
-.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb{color:var(--plasma-textfield-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_llv9av6__e641acbb{color:var(--plasma-textfield__left-helper-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_s600610__e641acbb{color:var(--plasma-textfield__before-text-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_suk2zst__e641acbb{color:var(--plasma-textfield__after-text-color);}
+.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f{color:var(--plasma-textfield-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_llv9av6__71a2b28f{color:var(--plasma-textfield__left-helper-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_s600610__71a2b28f{color:var(--plasma-textfield__before-text-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_suk2zst__71a2b28f{color:var(--plasma-textfield__after-text-color);}
 
 .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
 
-.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
+.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
 
 .TextField_styles_aqmut_iq39zt5__4a8fddcd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
 .TextField_styles_aqmut_i1j28rg8__4a8fddcd{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
@@ -53,11 +53,11 @@
 
 .TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
 
-.Range_styles_9rort8_s1k2erwt__3ed127ec{--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_9rort8_s1k2erwt__3ed127ec.Range_styles_9rort8_rangeValueError__3ed127ec{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_9rort8_s1k2erwt__3ed127ec.Range_styles_9rort8_rangeValueSuccess__3ed127ec{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
-.Range_styles_9rort8_b16kyj37__3ed127ec .Range_styles_9rort8_popoverWrapper__3ed127ec{display:block;-webkit-flex:1;-ms-flex:1;flex:1;}.Range_styles_9rort8_b16kyj37__3ed127ec .Range_styles_9rort8_popoverTarget__3ed127ec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Range_styles_mc4w65_s1k2erwt__1561ffb8{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasmas-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_mc4w65_s1k2erwt__1561ffb8.Range_styles_mc4w65_rangeValueError__1561ffb8{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_mc4w65_s1k2erwt__1561ffb8.Range_styles_mc4w65_rangeValueSuccess__1561ffb8{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
 
 
-.Range_styles_9rort8_czi0aji__3ed127ec{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;}
+
+.Range_styles_mc4w65_czi0aji__1561ffb8{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;}
 
 
 

package/es/components/Range/Range.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useImperativeHandle, useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { cx } from '../../utils/index.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -52,9 +52,6 @@ var rangeRoot = function rangeRoot(Root) {
       onBlurFirstTextfield = _ref.onBlurFirstTextfield,
       onBlurSecondTextfield = _ref.onBlurSecondTextfield,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var rangeRef = useRef(null);
-    var firstTextFieldRef = useRef(null);
-    var secondTextFieldRef = useRef(null);
     var rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;
     var firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;
     var secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;
@@ -65,16 +62,6 @@ var rangeRoot = function rangeRoot(Root) {
     var handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);
     var handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);
     var handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);
-    useImperativeHandle(ref, function () {
-      return {
-        firstTextField: function firstTextField() {
-          return firstTextFieldRef;
-        },
-        secondTextField: function secondTextField() {
-          return secondTextFieldRef;
-        }
-      };
-    }, [firstTextFieldRef, secondTextFieldRef]);
     var Divider = useMemo(function () {
       if (dividerVariant === 'none') {
         return null;
@@ -85,15 +72,14 @@ var rangeRoot = function rangeRoot(Root) {
       return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/React.createElement(StyledDivider, null, dividerIcon));
     }, [dividerVariant, dividerIcon]);
     return /*#__PURE__*/React.createElement(Root, _extends({
-      ref: rangeRef,
       view: view,
       size: size,
       disabled: disabled,
-      readOnly: !disabled && readOnly
+      readOnly: !disabled && readOnly,
+      ref: ref
     }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(ContentWrapper, {
       className: cx(rangeErrorClass, rangeSuccessClass)
     }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledInput, {
-      ref: firstTextFieldRef,
       className: cx(firstValueErrorClass, firstValueSuccessClass),
       value: firstValue,
       readOnly: readOnly,
@@ -108,7 +94,6 @@ var rangeRoot = function rangeRoot(Root) {
       onFocus: onFocusFirstTextfield,
       onBlur: onBlurFirstTextfield
     }), Divider, /*#__PURE__*/React.createElement(StyledInput, {
-      ref: secondTextFieldRef,
       className: cx(secondValueErrorClass, secondValueSuccessClass),
       value: secondValue,
       readOnly: readOnly,

package/es/components/Range/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n    ContentWrapper,\n    LeftHelper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledDivider,\n    StyledInput,\n    StyledLabel,\n    base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n    forwardRef<RangeInputRefs, RangeProps>(\n        (\n            {\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                firstValue,\n                secondValue,\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n                onSearchFirstValue,\n                onSearchSecondValue,\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = useRef<HTMLDivElement>(null);\n            const firstTextFieldRef = useRef<HTMLInputElement>(null);\n            const secondTextFieldRef = useRef<HTMLInputElement>(null);\n            const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n            const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n            const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n            const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n            const firstValueSuccessClass =\n                !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n            const secondValueSuccessClass =\n                !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n            const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n            const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n            const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n            const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n            useImperativeHandle(\n                ref,\n                () => ({\n                    firstTextField: () => {\n                        return firstTextFieldRef;\n                    },\n                    secondTextField: () => {\n                        return secondTextFieldRef;\n                    },\n                }),\n                [firstTextFieldRef, secondTextFieldRef],\n            );\n\n            const Divider = useMemo(() => {\n                if (dividerVariant === 'none') {\n                    return null;\n                }\n\n                if (dividerVariant === 'dash') {\n                    return <StyledDivider>–</StyledDivider>;\n                }\n\n                return <StyledDivider>{dividerIcon}</StyledDivider>;\n            }, [dividerVariant, dividerIcon]);\n\n            return (\n                <Root\n                    ref={rangeRef}\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...rest}\n                >\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <StyledInput\n                            ref={firstTextFieldRef}\n                            className={cx(firstValueErrorClass, firstValueSuccessClass)}\n                            value={firstValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={firstPlaceholder}\n                            contentLeft={firstTextfieldContentLeft}\n                            contentRight={firstTextfieldContentRight}\n                            textBefore={firstTextfieldTextBefore}\n                            textAfter={firstTextfieldTextAfter}\n                            onChange={handleChangeFirstValue}\n                            onSearch={handleSearchFirstValue}\n                            onFocus={onFocusFirstTextfield}\n                            onBlur={onBlurFirstTextfield}\n                        />\n                        {Divider}\n                        <StyledInput\n                            ref={secondTextFieldRef}\n                            className={cx(secondValueErrorClass, secondValueSuccessClass)}\n                            value={secondValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={secondPlaceholder}\n                            contentLeft={secondTextfieldContentLeft}\n                            contentRight={secondTextfieldContentRight}\n                            textBefore={secondTextfieldTextBefore}\n                            textAfter={secondTextfieldTextAfter}\n                            onChange={handleChangeSecondValue}\n                            onSearch={handleSearchSecondValue}\n                            onFocus={onFocusSecondTextfield}\n                            onBlur={onBlurSecondTextfield}\n                        />\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </ContentWrapper>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const rangeConfig = {\n    name: 'Range',\n    tag: 'div',\n    layout: rangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","rangeErrorClass","classes","rangeError","undefined","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledLabel","ContentWrapper","className","cx","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n    ContentWrapper,\n    LeftHelper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledDivider,\n    StyledInput,\n    StyledLabel,\n    base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n    forwardRef<HTMLInputElement, RangeProps>(\n        (\n            {\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                firstValue,\n                secondValue,\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n                onSearchFirstValue,\n                onSearchSecondValue,\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n            const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n            const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n            const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n            const firstValueSuccessClass =\n                !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n            const secondValueSuccessClass =\n                !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n            const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n            const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n            const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n            const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n            const Divider = useMemo(() => {\n                if (dividerVariant === 'none') {\n                    return null;\n                }\n\n                if (dividerVariant === 'dash') {\n                    return <StyledDivider>–</StyledDivider>;\n                }\n\n                return <StyledDivider>{dividerIcon}</StyledDivider>;\n            }, [dividerVariant, dividerIcon]);\n\n            return (\n                <Root view={view} size={size} disabled={disabled} readOnly={!disabled && readOnly} ref={ref} {...rest}>\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <StyledInput\n                            className={cx(firstValueErrorClass, firstValueSuccessClass)}\n                            value={firstValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={firstPlaceholder}\n                            contentLeft={firstTextfieldContentLeft}\n                            contentRight={firstTextfieldContentRight}\n                            textBefore={firstTextfieldTextBefore}\n                            textAfter={firstTextfieldTextAfter}\n                            onChange={handleChangeFirstValue}\n                            onSearch={handleSearchFirstValue}\n                            onFocus={onFocusFirstTextfield}\n                            onBlur={onBlurFirstTextfield}\n                        />\n                        {Divider}\n                        <StyledInput\n                            className={cx(secondValueErrorClass, secondValueSuccessClass)}\n                            value={secondValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={secondPlaceholder}\n                            contentLeft={secondTextfieldContentLeft}\n                            contentRight={secondTextfieldContentRight}\n                            textBefore={secondTextfieldTextBefore}\n                            textAfter={secondTextfieldTextAfter}\n                            onChange={handleChangeSecondValue}\n                            onSearch={handleSearchSecondValue}\n                            onFocus={onFocusSecondTextfield}\n                            onBlur={onBlurSecondTextfield}\n                        />\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </ContentWrapper>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const rangeConfig = {\n    name: 'Range',\n    tag: 'div',\n    layout: rangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeErrorClass","classes","rangeError","undefined","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledLabel","ContentWrapper","className","cx","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/es/components/Range/Range.styles.js

@@ -1,4 +1,4 @@
-import './Range.styles_9rort8.css';
+import './Range.styles_mc4w65.css';
 import { styled } from '@linaria/react';
 import '@linaria/core';
 import { component, mergeConfig } from '../../engines/common.js';

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

@@ -1 +1 @@
-{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    &.${classes.rangeValueError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.rangeValueSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    .${String(popoverClasses.wrapper)} {\n        display: block;\n        flex: 1;\n    }\n\n    .${String(popoverClasses.target)} {\n        display: flex;\n        flex-direction: column;\n    }\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div``;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAXkBA,SAWlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6DhC,EAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;AAEM,IAAMC,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,UAAU,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMI,cAAc,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEtC,IAAMO,kBAAkB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
+{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    flex: 1;\n        \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    &.${classes.rangeValueError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.rangeValueSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css``;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div``;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+DhC,EAAA;AAEM,IAAMC,IAAI,GAAQ,WAAA;AAElB,IAAMC,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,UAAU,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMI,cAAc,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGnC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMM,iBAAiB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEtC,IAAMO,kBAAkB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}

package/es/components/Range/Range.styles_mc4w65.css

@@ -0,0 +1,8 @@
+.s1k2erwt{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasmas-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.s1k2erwt.range-value-error{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.s1k2erwt.range-value-success{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
+
+
+
+.czi0aji{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;}
+
+
+