npm - @salutejs/plasma-new-hope - Versions diffs - 0.326.0-canary.1986.15322785467.0 → 0.326.0-canary.1986.15333724841.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (153) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.disclosureIconColor}, var(${constants.disclosureIconColor}));\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n height: 1px;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n display: flex;\n align-items: center;\n gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n min-height: var(${tokens.itemHeight});\n margin: var(${tokens.itemMargin}, 0 ~~calc(0.125rem + var(${tokens.borderWidth}, 0rem~~)));\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background-color: var(${constants.itemBackground});\n border-radius: var(\n ${tokens.itemBorderRadius},\n calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))\n );\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0~~.0625rem~~',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.~~itemBorderRadius~~})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const RenderItemWrapper = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp32","IconDisclosureRight","_exp34","_ref","_ref$size","size","concat","tokens","itemDisclosureIconSize","xs","s","m","StyledIconDisclosureRight","vars","_exp35","_ref2","variant","dividerMarginTopTight","dividerMarginTop","_exp37","_ref3","dividerMarginBottomTight","dividerMarginBottom","Divider","_exp40","_ref4","itemGapTight","itemGap","~~_exp44~~","_ref5","itemPaddingTight","itemPadding","Wrapper","RenderItemWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.disclosureIconColor}, var(${constants.disclosureIconColor}));\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n height: 1px;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n display: flex;\n align-items: center;\n gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n min-height: var(${tokens.itemHeight});\n margin: var(${tokens.itemMargin}, 0);\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background-color: var(${constants.itemBackground});\n border-radius: var(\n ${tokens.itemBorderRadius},\n calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))\n );\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const RenderItemWrapper = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp32","IconDisclosureRight","_exp34","_ref","_ref$size","size","concat","tokens","itemDisclosureIconSize","xs","s","m","StyledIconDisclosureRight","vars","_exp35","_ref2","variant","dividerMarginTopTight","dividerMarginTop","_exp37","_ref3","dividerMarginBottomTight","dividerMarginBottom","Divider","_exp40","_ref4","itemGapTight","itemGap","_exp43","_ref5","itemPaddingTight","itemPadding","Wrapper","RenderItemWrapper"],"mappings":"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"}

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

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

package/es/components/Select/Select.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nexport const ListWrapper = styled.div<{\n listWidth?: SelectProps['listWidth'];\n}>`\n width: ${({ listWidth }) => listWidth \|\| '100%'};\n padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n border-radius: var(${tokens.borderRadius});\n box-sizing: border-box;\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow},\n inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n virtual: SelectProps['virtual'];\n listOverflow?: SelectProps['listOverflow'];\n listMaxHeight?: SelectProps['listMaxHeight'];\n ~~isInnerUl?: boolean;\n~~}>`\n max-height: ${({ virtual, listMaxHeight }) =>\n // eslint-disable-next-line no-nested-ternary\n virtual ? 'auto' : listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto'};\n overflow-y: ${({ virtual, listOverflow }) => (virtual ? 'visible' : listOverflow \|\| 'visible')};\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n margin: 0;\n padding: 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp","_ref","listWidth","ListWrapper","styled","name","class","propsAsIs","vars","_exp9","_ref2","virtual","listMaxHeight","getCorrectHeight","_exp10","_ref3","listOverflow","Ul","base"],"mappings":";;;AAI6C,IAAAA,IAAA,GAH3BA,SAG2BA,IAAAA,GAAA;AAAA,EAAA,OAMhC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5C,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGpBR,IAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlD,EAAA;AAAC,IAAAS,KAAA,GAhBgBA,SAgBhBA,KAAAA,GAAA;AAAA,EAAA,~~OAQgB~~,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;MAAEC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA;AACtB;MACAD,OAAO,GAAG,MAAM,GAAGC,aAAa,GAAGC,gBAAgB,CAACD,aAAa,CAAC,GAAG,MAAA;AAAM,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,MAAA,~~GA1BjEA~~,~~SA0BiEA~~,MAAAA,GAAA;AAAA,EAAA,OACjE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,OAAO,GAAAI,KAAA,CAAPJ,OAAO;MAAEK,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAoBL,OAAO,GAAG,SAAS,GAAGK,YAAY,IAAI,SAAU,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;~~AAT3F~~,IAAMC,EAAE,gBAAGb,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,~~cAMNC~~,KAEiE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACjEK,MAAgF,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjG,EAAA;AAEM,IAAMI,IAAI,GAAQ;;;;"}
1	+ {"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nexport const ListWrapper = styled.div<{\n listWidth?: SelectProps['listWidth'];\n}>`\n width: ${({ listWidth }) => listWidth \|\| '100%'};\n padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n border-radius: var(${tokens.borderRadius});\n box-sizing: border-box;\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow},\n inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n virtual: SelectProps['virtual'];\n listOverflow?: SelectProps['listOverflow'];\n listMaxHeight?: SelectProps['listMaxHeight'];\n}>`\n max-height: ${({ virtual, listMaxHeight }) =>\n // eslint-disable-next-line no-nested-ternary\n virtual ? 'auto' : listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto'};\n overflow-y: ${({ virtual, listOverflow }) => (virtual ? 'visible' : listOverflow \|\| 'visible')};\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n margin: 0;\n padding: 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp","_ref","listWidth","ListWrapper","styled","name","class","propsAsIs","vars","_exp9","_ref2","virtual","listMaxHeight","getCorrectHeight","_exp10","_ref3","listOverflow","Ul","base"],"mappings":";;;AAI6C,IAAAA,IAAA,GAH3BA,SAG2BA,IAAAA,GAAA;AAAA,EAAA,OAMhC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5C,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGpBR,IAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlD,EAAA;AAAC,IAAAS,KAAA,GAhBgBA,SAgBhBA,KAAAA,GAAA;AAAA,EAAA,OAOgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;MAAEC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA;AACtB;MACAD,OAAO,GAAG,MAAM,GAAGC,aAAa,GAAGC,gBAAgB,CAACD,aAAa,CAAC,GAAG,MAAA;AAAM,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,MAAA,GAzBjEA,SAyBiEA,MAAAA,GAAA;AAAA,EAAA,OACjE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,OAAO,GAAAI,KAAA,CAAPJ,OAAO;MAAEK,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAoBL,OAAO,GAAG,SAAS,GAAGK,YAAY,IAAI,SAAU,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR3F,IAAMC,EAAE,gBAAGb,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAKNC,KAEiE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACjEK,MAAgF,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjG,EAAA;AAEM,IAAMI,IAAI,GAAQ;;;;"}

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

@@ -52,7 +52,6 @@ var Inner = function Inner(_ref) {
     }, /*#__PURE__*/React.createElement(Ul, {
       role: "group",
       id: listId,
-      isInnerUl: true,
       virtual: false
     }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/React.createElement(Inner, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { isEmpty } from 'src/utils';\n\nimport { Ul, ListWrapper } from '../../Select.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n const handleToggle = (opened: boolean): void => {\n if (opened) {\n dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n } else {\n dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n }\n };\n\n const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n const treeId = safeUseId();\n const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n const nextLevel = currentLevel + 1;\n\n if (!isEmpty(item?.items)) {\n return (\n <FloatingPopover\n placement={item?.placement \|\| 'right'}\n opened={isCurrentListOpen}\n onToggle={handleToggle}\n target={\n <Item\n item={item}\n path={path}\n currentLevel={currentLevel}\n index={index}\n ariaControls={listId}\n ariaExpanded={isCurrentListOpen}\n ariaLevel={nextLevel}\n ariaLabel={item.label}\n />\n }\n isInner\n >\n <ListWrapper listWidth={listWidth}>\n <Ul role=\"group\" id={listId} ~~isInnerUl~~ virtual={false}>\n {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n <Inner\n key={`${innerIndex}/${currentLevel}`}\n item={innerItem}\n currentLevel={nextLevel}\n path={path}\n dispatchPath={dispatchPath}\n index={innerIndex}\n listWidth={listWidth}\n />\n ))}\n </Ul>\n </ListWrapper>\n </FloatingPopover>\n );\n }\n\n return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","~~isInnerUl","~~virtual","map","innerItem","innerIndex","key"],"mappings":";;;;;;;IAYaA,KAAqB,GAAG,SAAxBA,KAAqBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS,CAAA;AAC5F,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAW;AAC5C,IAAA,IAAIA,MAAM,EAAE;AACRJ,MAAAA,YAAY,CAAC;AAAEK,QAAAA,IAAI,EAAE,kBAAkB;AAAEC,QAAAA,KAAK,EAAET,IAAI,CAACS,KAAK,CAACC,QAAQ,EAAE;QAAEC,KAAK,EAAEV,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACrG,KAAC,MAAM;AACHE,MAAAA,YAAY,CAAC;AAAEK,QAAAA,IAAI,EAAE,cAAc;QAAEG,KAAK,EAAEV,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACnE,KAAA;GACH,CAAA;AAED,EAAA,IAAMW,iBAAiB,GAAGV,IAAI,CAACD,YAAY,GAAG,CAAC,CAAC,KAAKD,IAAI,CAACS,KAAK,CAACC,QAAQ,EAAE,CAAA;AAE1E,EAAA,IAAMG,MAAM,GAAGC,SAAS,EAAE,CAAA;EAC1B,IAAMC,MAAM,GAAAC,EAAAA,CAAAA,MAAA,CAAMH,MAAM,EAAAG,cAAAA,CAAAA,CAAAA,MAAA,CAAef,YAAY,GAAG,CAAC,CAAE,CAAA;AACzD,EAAA,IAAMgB,SAAS,GAAGhB,YAAY,GAAG,CAAC,CAAA;EAElC,IAAI,CAACiB,OAAO,CAAClB,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEmB,KAAK,CAAC,EAAE;AAAA,IAAA,IAAAC,WAAA,CAAA;AACvB,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;MACZC,SAAS,EAAE,CAAAxB,IAAI,KAAJA,IAAAA,IAAAA,IAAI,uBAAJA,IAAI,CAAEwB,SAAS,KAAI,OAAQ;AACtCjB,MAAAA,MAAM,EAAEK,iBAAkB;AAC1Ba,MAAAA,QAAQ,EAAEnB,YAAa;AACvBoB,MAAAA,MAAM,eACFL,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACD3B,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,YAAY,EAAEA,YAAa;AAC3BG,QAAAA,KAAK,EAAEA,KAAM;AACbwB,QAAAA,YAAY,EAAEb,MAAO;AACrBc,QAAAA,YAAY,EAAEjB,iBAAkB;AAChCkB,QAAAA,SAAS,EAAEb,SAAU;QACrBc,SAAS,EAAE/B,IAAI,CAACgC,KAAAA;AAAM,OACzB,CACJ;MACDC,OAAO,EAAA,IAAA;AAAA,KAAA,eAEPZ,KAAA,CAAAC,aAAA,CAACY,WAAW,EAAA;AAAC7B,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAC9BgB,KAAA,CAAAC,aAAA,CAACa,EAAE,EAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,EAAE,EAAEtB,MAAO;~~MAACuB~~,~~SAAS,EAAA,IAAA;AAACC,~~MAAAA,OAAO,EAAE,KAAA;AAAM,KAAA,EAAA,~~CAAAnB~~,WAAA,~~GACjDpB~~,IAAI,CAACmB,KAAK,MAAAC,IAAAA,IAAAA,WAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,~~CAAYoB~~,GAAG,CAAC,UAACC,SAAwC,EAAEC,UAAkB,EAAA;AAAA,MAAA,~~oBAC1ErB~~,KAAA,CAAAC,aAAA,CAACxB,KAAK,EAAA;~~QACF6C~~,GAAG,EAAA,EAAA,~~CAAA3B~~,MAAA,~~CAAK0B~~,UAAU,~~OAAA1B~~,MAAA,CAAIf,YAAY,CAAG;AACrCD,QAAAA,IAAI,~~EAAEyC~~,SAAU;~~AAChBxC~~,QAAAA,YAAY,EAAEgB,SAAU;AACxBf,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,KAAK,~~EAAEsC~~,UAAW;~~AAClBrC~~,QAAAA,SAAS,EAAEA,SAAAA;AAAU,OACxB,CAAC,CAAA;KACL,CACD,CACK,CACA,CAAC,CAAA;AAE1B,GAAA;AAEA,EAAA,oBAAOgB,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAAC3B,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,KAAK,EAAEA,KAAM;AAACH,IAAAA,YAAY,EAAEA,YAAa;AAAC6B,IAAAA,SAAS,EAAEb,SAAAA;AAAU,GAAE,CAAC,CAAA;AAC3G;;;;"}
1	+ {"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { isEmpty } from 'src/utils';\n\nimport { Ul, ListWrapper } from '../../Select.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n const handleToggle = (opened: boolean): void => {\n if (opened) {\n dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n } else {\n dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n }\n };\n\n const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n const treeId = safeUseId();\n const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n const nextLevel = currentLevel + 1;\n\n if (!isEmpty(item?.items)) {\n return (\n <FloatingPopover\n placement={item?.placement \|\| 'right'}\n opened={isCurrentListOpen}\n onToggle={handleToggle}\n target={\n <Item\n item={item}\n path={path}\n currentLevel={currentLevel}\n index={index}\n ariaControls={listId}\n ariaExpanded={isCurrentListOpen}\n ariaLevel={nextLevel}\n ariaLabel={item.label}\n />\n }\n isInner\n >\n <ListWrapper listWidth={listWidth}>\n <Ul role=\"group\" id={listId} virtual={false}>\n {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n <Inner\n key={`${innerIndex}/${currentLevel}`}\n item={innerItem}\n currentLevel={nextLevel}\n path={path}\n dispatchPath={dispatchPath}\n index={innerIndex}\n listWidth={listWidth}\n />\n ))}\n </Ul>\n </ListWrapper>\n </FloatingPopover>\n );\n }\n\n return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}

package/es/index.css CHANGED Viewed

@@ -397,7 +397,8 @@
 .Drawer_styles_11rwbjh_s1ewnow2__cefc9498{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
 .Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerOverlay__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_drawerOverlay__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498{from{opacity:1;}to{opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498,.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498 > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
-.Dropdown_styles_1ao2kug_un7uamp__7b2cd1d6{box-sizing:border-box;width:var(--un7uamp-0);max-height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow-y:var(--un7uamp-3);background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-dropdown-border-radius);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
+.Dropdown_styles_zheit5_ln7uamp__21de70ca{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
+.Dropdown_styles_zheit5_ujr7fmv__21de70ca{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
 .DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
@@ -409,13 +410,13 @@
 .DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
-.DropdownItem_styles_1lp7sqa_c1gkzlls__774d210c{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
+.DropdownItem_styles_1algi32_c1gkzlls__367ba473{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
-.DropdownItem_styles_1lp7sqa_d1m97l2m__774d210c{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
-.DropdownItem_styles_1lp7sqa_soib72h__774d210c{width:var(--soib72h-0);height:var(--soib72h-0);}
-.DropdownItem_styles_1lp7sqa_d6l2f0g__774d210c{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
-.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem)));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem)) );-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c:hover:not(.DropdownItem_styles_1lp7sqa_dropdownItemIsDisabled__774d210c){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsActive__774d210c{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsDisabled__774d210c{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c:focus{outline:none;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1lp7sqa_w1jav4ek__774d210c.DropdownItem_styles_1lp7sqa_dropdownItemIsFocused__774d210c:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
-.DropdownItem_styles_1lp7sqa_r1fqtjio__774d210c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.DropdownItem_styles_1algi32_d1m97l2m__367ba473{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
+.DropdownItem_styles_1algi32_soib72h__367ba473{width:var(--soib72h-0);height:var(--soib72h-0);}
+.DropdownItem_styles_1algi32_d6l2f0g__367ba473{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
+.DropdownItem_styles_1algi32_w1jav4ek__367ba473{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0);box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--surface-clear);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem)) );-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:hover:not(.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsActive__367ba473{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:focus{outline:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsFocused__367ba473:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+.DropdownItem_styles_1algi32_r1fqtjio__367ba473{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 .DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
 .DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
@@ -799,13 +800,14 @@
 .TextField_styles_xosxpq_sxqyqmu__465ddcff{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-clear-color:var(--plasma-autocomplete-textfield-clear-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-autocomplete-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-autocomplete-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-autocomplete-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-autocomplete-textfield-optional-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-divider-color:var(--plasma-autocomplete-textfield-divider-color);--plasma-textfield-divider-color-hover:var(--plasma-autocomplete-textfield-divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-autocomplete-textfield-divider-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield-placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-autocomplete-textfield-divider-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-autocomplete-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement-inner-content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);--plasma-textfield-content-slot-color:var(--plasma-autocomplete-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-autocomplete-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-autocomplete-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-autocomplete-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-autocomplete-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-autocomplete-textfield-content-right-slot-color-active);--plasma-textfield__indicator-color:var(--plasma-autocomplete-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-autocomplete-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-autocomplete-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-autocomplete-textfield-indicator-label-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-autocomplete-textfield-indicator-label-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-autocomplete-textfield-indicator-label-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-autocomplete-textfield-indicator-label-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-autocomplete-textfield-clear-indicator-label-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-autocomplete-textfield-box-shadow);--plasma-textfield__right-content-with-hint-margin:var(--plasma-autocomplete-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-autocomplete-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-autocomplete-textfield-content-right-wrapper-margin);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-autocomplete-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-autocomplete-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-autocomplete-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-autocomplete-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-autocomplete-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-autocomplete-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-autocomplete-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-autocomplete-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-autocomplete-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-autocomplete-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-autocomplete-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-autocomplete-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-autocomplete-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-autocomplete-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-autocomplete-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-autocomplete-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-autocomplete-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-autocomplete-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-autocomplete-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-autocomplete-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-autocomplete-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-autocomplete-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-autocomplete-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-autocomplete-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-autocomplete-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-autocomplete-textfield__tooltip-arrow-background);}
-.SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
+.SuggestionItem_styles_7wqokd_s1siyv9w__975be452{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.SuggestionItem_styles_7wqokd_wykobsk__975be452{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_7wqokd_wykobsk__975be452:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_7wqokd_wykobsk__975be452:focus{outline:none;}.SuggestionItem_styles_7wqokd_wykobsk__975be452::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-autocomplete-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_7wqokd_wykobsk__975be452.SuggestionItem_styles_7wqokd_suggestionItemIsFocused__975be452:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
-.Autocomplete_styles_1qe8z2l_u1ih3p9n__3919f12c{background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u1ih3p9n-0);overflow:auto;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--plasma-autocomplete-margin) 0 0 0;padding:var(--plasma-autocomplete-padding);}
-.Autocomplete_styles_1qe8z2l_i610ple__3919f12c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
-.Autocomplete_styles_1qe8z2l_s1nz87td__3919f12c{margin:0;padding:0;}
+.Autocomplete_styles_30e80h_l1ih3p9n__9cb93d96{margin:var(--plasma-autocomplete-margin) 0 0 0;padding:calc(var(--plasma-autocomplete-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-autocomplete-border-radius);box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.Autocomplete_styles_30e80h_u610ple__9cb93d96{border-radius:calc(var(--plasma-autocomplete-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));height:auto;max-height:var(--u610ple-0);overflow:auto;margin:0;padding:0;}
+.Autocomplete_styles_30e80h_i1nz87td__9cb93d96{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
+.Autocomplete_styles_30e80h_sgdxyi6__9cb93d96{margin:0;padding:0;}
 .EmptyState_styles_s585zf_bpbib9h__64fd19b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
 .EmptyState_styles_s585zf_s1g2xar0__64fd19b0{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.326.0-canary.1986.15322785467.0",
+  "version": "0.326.0-canary.1986.15333724841.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -79,7 +79,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.198.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.198.0",
     "@salutejs/plasma-themes": "0.33.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
@@ -117,7 +117,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.197.0-dev.0",
+    "@salutejs/plasma-core": "1.197.0",
     "@salutejs/react-maskinput": "3.2.6",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "eb5cb64e0c4b4d54ac8d26e5ad660d7d33d3bcba"
+  "gitHead": "f56c2b384093bbf0fa2e74f125120f499f2a0e7b"
 }

package/styled-components/cjs/components/Autocomplete/Autocomplete.js CHANGED Viewed

@@ -191,7 +191,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
       labelPlacement: labelPlacement,
       disabled: disabled,
       readOnly: readOnly
-    }, /*#__PURE__*/_react["default"].createElement(_Autocomplete.Ul, {
+    }, /*#__PURE__*/_react["default"].createElement(_Autocomplete.ListWrapper, null, /*#__PURE__*/_react["default"].createElement(_Autocomplete.Ul, {
       ref: targetRef,
       id: listId,
       role: "listbox",
@@ -215,7 +215,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
         focused: focused === index,
         renderItem: renderItem
       });
-    }), afterList), renderListEnd && /*#__PURE__*/_react["default"].createElement(_Autocomplete.InfiniteLoaderWrapper, null, renderListEnd())))));
+    }), afterList), renderListEnd && /*#__PURE__*/_react["default"].createElement(_Autocomplete.InfiniteLoaderWrapper, null, renderListEnd()))))));
   });
 };
 var autocompleteConfig = exports.autocompleteConfig = {

package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js CHANGED Viewed

@@ -4,22 +4,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.Ul = exports.StyledLeftHelper = exports.InfiniteLoaderWrapper = void 0;
+exports.base = exports.Ul = exports.StyledLeftHelper = exports.ListWrapper = exports.InfiniteLoaderWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
 var _Autocomplete = /*#__PURE__*/require("./Autocomplete.tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
-var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
+var ListWrapper = exports.ListWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-ff6pwi-0"
-})(["background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow:auto;border:var(", ") solid var(", ");margin:var(", ") 0 0 0;padding:var(", ");"], _Autocomplete.tokens.background, _Autocomplete.tokens.boxShadow, _Autocomplete.tokens.borderRadius, function (_ref) {
+})(["margin:var(", ") 0 0 0;padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:var(", "),inset 0 0 0 var(", ",0rem) var(", ",transparent);"], _Autocomplete.tokens.margin, _Autocomplete.tokens.padding, _Autocomplete.tokens.dropdownBorderWidth, _Autocomplete.tokens.borderRadius, _Autocomplete.tokens.background, _Autocomplete.tokens.boxShadow, _Autocomplete.tokens.dropdownBorderWidth, _Autocomplete.tokens.dropdownBorderColor);
+var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
+  componentId: "plasma-new-hope__sc-ff6pwi-1"
+})(["border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));height:auto;max-height:", ";overflow:auto;margin:0;padding:0;"], _Autocomplete.tokens.borderRadius, _Autocomplete.tokens.dropdownBorderWidth, function (_ref) {
   var virtual = _ref.virtual,
     listMaxHeight = _ref.listMaxHeight;
   return virtual ? 'auto' : listMaxHeight || 'auto';
-}, _Autocomplete.tokens.dropdownBorderWidth, _Autocomplete.tokens.dropdownBorderColor, _Autocomplete.tokens.margin, _Autocomplete.tokens.padding);
+});
 var InfiniteLoaderWrapper = exports.InfiniteLoaderWrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
-  componentId: "plasma-new-hope__sc-ff6pwi-1"
+  componentId: "plasma-new-hope__sc-ff6pwi-2"
 })(["display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", ");"], _Autocomplete.tokens.textFieldHeight);
 var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
-  componentId: "plasma-new-hope__sc-ff6pwi-2"
+  componentId: "plasma-new-hope__sc-ff6pwi-3"
 })(["margin:0;padding:0;"]);

package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js CHANGED Viewed

@@ -14,10 +14,10 @@ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   componentId: "plasma-new-hope__sc-1m9plqu-1"
 })(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover{cursor:pointer;background:var(", ");}:focus{outline:none;}", ";"], _Autocomplete.tokens.itemPadding, _Autocomplete.tokens.itemFontFamily, _Autocomplete.tokens.itemFontSize, _Autocomplete.tokens.itemFontStyle, _Autocomplete.tokens.itemFontWeight, _Autocomplete.tokens.itemFontLetterSpacing, _Autocomplete.tokens.itemFontLineHeight, _Autocomplete.tokens.itemBackground, _Autocomplete.tokens.itemColor, _Autocomplete.tokens.itemBorderRadius, _Autocomplete.tokens.itemBackgroundHover, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineSize: '0.0625rem',
+  outlineSize: '0',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(_Autocomplete.tokens.focusColor, ")"),
-  outlineRadius: /*#__PURE__*/"var(".concat(_Autocomplete.tokens.itemBorderRadius, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Autocomplete.tokens.borderRadius, ") - 0.125rem - var(").concat(_Autocomplete.tokens.dropdownBorderWidth, ", 0rem))"),
   hasTransition: false,
-  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Autocomplete.classes.suggestionItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Autocomplete.tokens.focusColor, ");\n            }\n        ")
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Autocomplete.classes.suggestionItemIsFocused, ":before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(").concat(_Autocomplete.tokens.focusColor, ");\n            }\n        ")
 }));

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js CHANGED Viewed

@@ -58,7 +58,6 @@ var Inner = exports.Inner = function Inner(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_Combobox.Ul, {
       role: "group",
       id: listId,
-      isInnerUl: true,
       virtual: false
     }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/_react["default"].createElement(Inner, {

package/styled-components/cjs/components/Dropdown/Dropdown.js CHANGED Viewed

@@ -176,7 +176,8 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
         onKeyDown: onKeyDown,
         onContextMenu: openByRightClick ? onContextMenu : undefined
       }),
-      zIndex: zIndex
+      zIndex: zIndex,
+      isInner: false
     }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
       className: (0, _utils.cx)(className, _Dropdown2.classes.dropdownRoot),
       ref: ref,
@@ -185,13 +186,14 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
       style: {
         display: 'inline-block'
       }
-    }, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
+    }, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.ListWrapper, {
+      listWidth: listWidth
+    }, /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
       ref: targetRef,
       id: "".concat(treeId, "_tree_level_1"),
       role: "tree",
       listOverflow: listOverflow,
-      listMaxHeight: listMaxHeight || listHeight,
-      listWidth: listWidth
+      listMaxHeight: listMaxHeight || listHeight
     }, beforeList, items.map(function (item, index) {
       return /*#__PURE__*/_react["default"].createElement(_ui.DropdownInner, {
         key: "".concat(index, "/0"),
@@ -205,7 +207,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
         listMaxHeight: listMaxHeight || listHeight,
         listWidth: listWidth
       });
-    }), afterList))));
+    }), afterList)))));
   });
 };
 var dropdownConfig = exports.dropdownConfig = {

package/styled-components/cjs/components/Dropdown/Dropdown.styles.js CHANGED Viewed

@@ -4,25 +4,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.Ul = void 0;
+exports.base = exports.Ul = exports.ListWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
 var _utils = /*#__PURE__*/require("./utils");
 var _Dropdown = /*#__PURE__*/require("./Dropdown.tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
+var ListWrapper = exports.ListWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-13ezpo5-0"
-})(["box-sizing:border-box;width:", ";max-height:", ";margin:", ";padding:var(", ") 0;overflow-y:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");border:var(", ") solid var(", ");"], function (_ref) {
+})(["width:", ";padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0) var(", ",transparent);"], function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
-}, function (_ref2) {
+}, _Dropdown.tokens.padding, _Dropdown.tokens.borderWidth, _Dropdown.tokens.borderRadius, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderWidth, _Dropdown.tokens.borderColor);
+var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
+  componentId: "plasma-new-hope__sc-13ezpo5-1"
+})(["max-height:", ";overflow-y:", ";border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));margin:0;padding:0;"], function (_ref2) {
   var listMaxHeight = _ref2.listMaxHeight;
   return listMaxHeight ? (0, _utils.getCorrectHeight)(listMaxHeight) : 'auto';
 }, function (_ref3) {
-  var isInnerUl = _ref3.isInnerUl;
-  return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0.125rem 0") : 0;
-}, _Dropdown.tokens.padding, function (_ref4) {
-  var listOverflow = _ref4.listOverflow;
+  var listOverflow = _ref3.listOverflow;
   return listOverflow || 'visible';
-}, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderRadius, _Dropdown.tokens.borderWidth, _Dropdown.tokens.borderColor);
+}, _Dropdown.tokens.borderRadius, _Dropdown.tokens.borderWidth);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js CHANGED Viewed

@@ -169,8 +169,8 @@ var constants = exports.constants = {
   background: '--surface-solid-card-brightness',
   boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
   disclosureIconColor: '--text-secondary',
-  itemBackground: '--plasma-colors-transparent',
+  itemBackground: '--surface-clear',
   opacity: '0.4',
   cellTitleColor: '--text-primary',
-  cellBackgroundColor: '--plasma-colors-transparent'
+  cellBackgroundColor: '--surface-clear'
 };

package/styled-components/cjs/components/Dropdown/FloatingPopover.js CHANGED Viewed

@@ -15,6 +15,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// TODO: #2003
+var LIST_PADDING = 2;
 var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var target = _ref.target,
     children = _ref.children,
@@ -22,8 +24,7 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
     onToggle = _ref.onToggle,
     placement = _ref.placement,
     portal = _ref.portal,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
+    offset = _ref.offset,
     isInner = _ref.isInner,
     trigger = _ref.trigger,
     zIndex = _ref.zIndex;
@@ -38,8 +39,8 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
       placement: placement === 'auto' ? undefined : placement,
       open: opened,
       middleware: [placement === 'auto' && (0, _react.autoPlacement)(), (0, _react.offset)({
-        mainAxis: offset[1],
-        crossAxis: offset[0]
+        mainAxis: (offset === null || offset === void 0 ? void 0 : offset[1]) || (isInner ? 4 : 0),
+        crossAxis: (offset === null || offset === void 0 ? void 0 : offset[0]) || (isInner ? -LIST_PADDING : 0)
       }), (0, _react.flip)({
         fallbackAxisSideDirection: 'end'
       }), (0, _react.shift)()]

package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js CHANGED Viewed

@@ -56,13 +56,13 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
         ariaLabel: item.label
       }),
       isInner: true
+    }, /*#__PURE__*/_react["default"].createElement(_Dropdown.ListWrapper, {
+      listWidth: listWidth
     }, /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
       id: listId,
       role: "group",
-      isInnerUl: true,
       listMaxHeight: listMaxHeight,
-      listOverflow: listOverflow,
-      listWidth: listWidth
+      listOverflow: listOverflow
     }, item.items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/_react["default"].createElement(DropdownInner, {
         key: "".concat(innerIndex, "/").concat(currentLevel),
@@ -76,7 +76,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
         listOverflow: listOverflow,
         listWidth: listWidth
       });
-    })));
+    }))));
   }
   return /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, {
     item: item,

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js CHANGED Viewed

@@ -51,19 +51,19 @@ var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.wi
 }, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-5"
-})(["display:flex;align-items:center;gap:", ";min-height:var(", ");margin:var(", ",0 calc(0.125rem + var(", ",0rem)));box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var( ", ",calc(var(", ") - 0.125rem - var(", ",0rem)) );user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref5) {
+})(["display:flex;align-items:center;gap:", ";min-height:var(", ");margin:var(", ",0);box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var( ", ",calc(var(", ") - 0.125rem - var(", ",0rem)) );user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref5) {
   var variant = _ref5.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemGapTight : _Dropdown.tokens.itemGap, ")");
-}, _Dropdown.tokens.itemHeight, _Dropdown.tokens.itemMargin, _Dropdown.tokens.borderWidth, function (_ref6) {
+}, _Dropdown.tokens.itemHeight, _Dropdown.tokens.itemMargin, function (_ref6) {
   var variant = _ref6.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTight : _Dropdown.tokens.itemPadding, ")");
 }, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.itemBorderRadius, _Dropdown.tokens.borderRadius, _Dropdown.tokens.borderWidth, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineSize: '0.0625rem',
+  outlineSize: '0',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.constants.focusColor, ")"),
-  outlineRadius: /*#__PURE__*/"var(".concat(_Dropdown.tokens.itemBorderRadius, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Dropdown.tokens.borderRadius, ") - 0.125rem - var(").concat(_Dropdown.tokens.borderWidth, ", 0rem))"),
   hasTransition: false,
-  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.constants.focusColor, ");\n            }\n        ")
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(").concat(_Dropdown.constants.focusColor, ");\n            }\n        ")
 }));
 var RenderItemWrapper = exports.RenderItemWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-6"

package/styled-components/cjs/components/Select/ui/Inner/Inner.js CHANGED Viewed

@@ -58,7 +58,6 @@ var Inner = exports.Inner = function Inner(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
       role: "group",
       id: listId,
-      isInnerUl: true,
       virtual: false
     }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/_react["default"].createElement(Inner, {