@salutejs/plasma-new-hope 0.175.0-dev.0 → 0.175.1-canary.1497.11552145733.0

package/es/index.css

@@ -376,9 +376,8 @@
 
 .Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec,.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec > div{width:var(--s1ewnow2-0);height:var(--s1ewnow2-1);}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{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_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{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_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{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_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{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_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{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_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{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_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{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_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{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_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{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_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{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_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{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_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{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_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{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_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{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_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{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_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{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_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverWrapper__39673f55,.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverTarget__39673f55{display:block;}
-.Dropdown_styles_1tihqkp_ujr7fmv__39673f55{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--ujr7fmv-0);height:var(--ujr7fmv-1);overflow:var(--ujr7fmv-2);margin:var(--ujr7fmv-3);padding:var(--plasma-dropdown-padding);}
-.Dropdown_styles_1tihqkp_byfocd2__39673f55{display:inline-block;}
+.Dropdown_styles_1ix6io8_un7uamp__de6f45f2{box-sizing:border-box;width:var(--un7uamp-0);height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow: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);}
+
 
 .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);}
 
@@ -389,17 +388,16 @@
 
 .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_blclup_s1gkzlls__8eef3b3a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.DropdownItem_styles_blclup_sz6s14y__8eef3b3a{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.DropdownItem_styles_blclup_d1m97l2m__8eef3b3a{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
-.DropdownItem_styles_blclup_soib72h__8eef3b3a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.DropdownItem_styles_blclup_d6l2f0g__8eef3b3a{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_blclup_w1jav4ek__8eef3b3a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding-top:var(--w1jav4ek-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w1jav4ek-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a:hover:not(.DropdownItem_styles_blclup_dropdownItemIsDisabled__8eef3b3a){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsActive__8eef3b3a{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsDisabled__8eef3b3a{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a:focus{outline:none;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a::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_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsFocused__8eef3b3a:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
+.DropdownItem_styles_17va0nk_c1gkzlls__c9d95fff{--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_17va0nk_d1m97l2m__c9d95fff{line-height:0;color:var(--text-secondary);}
+.DropdownItem_styles_17va0nk_doib72h__c9d95fff{height:1px;margin-top:var(--doib72h-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--doib72h-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
+.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-dropdown-item-height);margin:0;box-sizing:content-box;padding:var(--w6l2f0g-0);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-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;position:relative;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff:hover:not(.DropdownItem_styles_17va0nk_dropdownItemIsDisabled__c9d95fff){cursor:pointer;background-color:var(--surface-transparent-secondary);}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsActive__c9d95fff{background-color:var(--surface-transparent-secondary);}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsDisabled__c9d95fff{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff:focus{outline:none;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff::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_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsFocused__c9d95fff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 
-.DropdownItem_styles_12e50g5_s1iqs5in__94ac8eef{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
-.DropdownItem_styles_12e50g5_sfg3dyd__94ac8eef{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
-.DropdownItem_styles_12e50g5_s1dea6tl__94ac8eef{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:focus{outline:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_focusVisible__94ac8eef:focus::before,.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+.DropdownItem_styles_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);}
+.DropdownItem_styles_1lyg81y_s1dea6tl__b17ea060{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:focus{outline:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060::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_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_focusVisible__b17ea060:focus::before,.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
 
 .Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
 .Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
@@ -562,16 +560,16 @@
 .ComboboxTarget_styles_xnedmz_s1yutr1r__6baf80eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-old-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 .ComboboxTarget_styles_xnedmz_slnmjcp__6baf80eb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-old-target-label-color);font-family:var(--plasma-combobox-old-target-font-family);font-size:var(--plasma-combobox-old-target-font-size);font-style:var(--plasma-combobox-old-target-font-style);font-weight:var(--plasma-combobox-old-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);letter-spacing:var(--plasma-combobox-old-target-letter-spacing);line-height:var(--plasma-combobox-old-target-line-height);}
 
-.Item_styles_1us8jz1_s17m41ki__358c9556{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
+.Item_styles_y71664_s17m41ki__7af900cf{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
 
-.Item_styles_1us8jz1_sabntqz__358c9556{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
-.Item_styles_1us8jz1_sbva27s__358c9556{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
-.Item_styles_1us8jz1_s198ssfl__358c9556{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_1us8jz1_sq42uro__358c9556{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_1us8jz1_d96nkq__358c9556{line-height:0;color:var(--text-secondary);}.Item_styles_1us8jz1_d96nkq__358c9556:hover{color:var(--text-secondary-hover);}
-.Item_styles_1us8jz1_i170raop__358c9556{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;width:var(--i170raop-0);height:var(--i170raop-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}.Item_styles_1us8jz1_i170raop__358c9556 .Item_styles_1us8jz1_comboboxItemCheckbox__358c9556{--plasma-checkbox-trigger-size:var(--i170raop-1);--plasma-checkbox-trigger-border-radius:var(--i170raop-2);}
-.Item_styles_1us8jz1_s1bsz3m1__358c9556{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_1us8jz1_wwurntn__358c9556{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wwurntn-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.Item_styles_1us8jz1_wwurntn__358c9556:hover:not(.Item_styles_1us8jz1_dropdownItemIsDisabled__358c9556){cursor:pointer;background-color:var(--surface-transparent-secondary);}.Item_styles_1us8jz1_wwurntn__358c9556.Item_styles_1us8jz1_dropdownItemIsActive__358c9556{background-color:var(--surface-transparent-secondary);}.Item_styles_1us8jz1_wwurntn__358c9556.Item_styles_1us8jz1_dropdownItemIsDisabled__358c9556{opacity:0.4;cursor:not-allowed;}.Item_styles_1us8jz1_wwurntn__358c9556:focus{outline:none;}.Item_styles_1us8jz1_wwurntn__358c9556::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-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1us8jz1_wwurntn__358c9556.Item_styles_1us8jz1_dropdownItemIsFocused__358c9556:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_y71664_sabntqz__7af900cf{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
+.Item_styles_y71664_sbva27s__7af900cf{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
+.Item_styles_y71664_s198ssfl__7af900cf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_y71664_sq42uro__7af900cf{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_y71664_d96nkq__7af900cf{line-height:0;color:var(--text-secondary);}.Item_styles_y71664_d96nkq__7af900cf:hover{color:var(--text-secondary-hover);}
+.Item_styles_y71664_i170raop__7af900cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i170raop-0);height:var(--i170raop-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
+.Item_styles_y71664_s1bsz3m1__7af900cf{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_y71664_wwurntn__7af900cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wwurntn-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.Item_styles_y71664_wwurntn__7af900cf:hover:not(.Item_styles_y71664_dropdownItemIsDisabled__7af900cf){cursor:pointer;background-color:var(--surface-transparent-secondary);}.Item_styles_y71664_wwurntn__7af900cf.Item_styles_y71664_dropdownItemIsActive__7af900cf{background-color:var(--surface-transparent-secondary);}.Item_styles_y71664_wwurntn__7af900cf.Item_styles_y71664_dropdownItemIsDisabled__7af900cf{opacity:0.4;cursor:not-allowed;}.Item_styles_y71664_wwurntn__7af900cf:focus{outline:none;}.Item_styles_y71664_wwurntn__7af900cf::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-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_y71664_wwurntn__7af900cf.Item_styles_y71664_dropdownItemIsFocused__7af900cf:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 
 
 .Target_styles_ei26tn_s1wiuml6__c22b7682{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield__placeholder-color-focus);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.175.0-dev.0",
+  "version": "0.175.1-canary.1497.11552145733.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "ef3a08e8e2d602bd8ed72ee3e341988c6522f922"
+  "gitHead": "2901a20cf85b752153450a7e410617e0521f223b"
 }

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

@@ -87,8 +87,7 @@ var Item = exports.Item = function Item(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange,
-    className: _Combobox.classes.selectItemCheckbox
+    onChange: handleChange
   })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js

@@ -41,26 +41,20 @@ var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styled
 })(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.constants.disclosureIconColor, _Combobox.constants.disclosureIconColorHover);
 var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-7"
-})(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");& .", "{--plasma-checkbox-trigger-size:", ";--plasma-checkbox-trigger-border-radius:", ";}"], function (_ref) {
+})(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref) {
   var variant = _ref.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
 }, function (_ref2) {
   var variant = _ref2.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
-}, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor, _Combobox.classes.selectItemCheckbox, function (_ref3) {
-  var variant = _ref3.variant;
-  return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerSizeTight : _Combobox.tokens.checkboxTriggerSize, ")");
-}, function (_ref4) {
-  var variant = _ref4.variant;
-  return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerBorderRadiusTight : _Combobox.tokens.checkboxTriggerBorderRadius, ")");
-});
+}, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor);
 var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-8"
 })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-9"
-})(["display:flex;align-items:center;min-height:var(", ");margin: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(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref5) {
-  var variant = _ref5.variant;
+})(["display:flex;align-items:center;min-height:var(", ");margin: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(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref3) {
+  var variant = _ref3.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
 }, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',

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

@@ -4,9 +4,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dropdownRoot = exports.dropdownConfig = void 0;
+exports.dropdownRoot = exports.dropdownConfig = exports.Context = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../utils");
+var _hooks = /*#__PURE__*/require("../../hooks");
 var _pathReducer = /*#__PURE__*/require("./reducers/pathReducer");
 var _focusedPathReducer = /*#__PURE__*/require("./reducers/focusedPathReducer");
 var _ui = /*#__PURE__*/require("./ui");
@@ -17,6 +19,7 @@ var _utils2 = /*#__PURE__*/require("./utils");
 var _Dropdown2 = /*#__PURE__*/require("./Dropdown.tokens");
 var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
 var _useHashMaps3 = /*#__PURE__*/require("./hooks/useHashMaps");
+var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
 var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "portal"];
 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; }
@@ -29,17 +32,18 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
+
 /**
  * Выпадающий список.
  */
 var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+    var _getItemByFocused;
     var items = _ref.items,
       children = _ref.children,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
+      placement = _ref.placement,
+      offset = _ref.offset,
       _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       onToggle = _ref.onToggle,
@@ -76,6 +80,25 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
       _useHashMaps2 = _slicedToArray(_useHashMaps, 2),
       pathMap = _useHashMaps2[0],
       focusedToValueMap = _useHashMaps2[1];
+    var activeDescendantItemValue = ((_getItemByFocused = (0, _utils2.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
+    var floatingPopoverRef = (0, _react.useRef)(null);
+    var treeId = (0, _plasmaCore.safeUseId)();
+
+    // Логика работы при клике за пределами выпадающего списка
+    var targetRef = (0, _hooks.useOutsideClick)(function (event) {
+      if (!isCurrentListOpen || !closeOnOverlayClick) {
+        return;
+      }
+      dispatchPath({
+        type: 'reset'
+      });
+      dispatchFocusedPath({
+        type: 'reset'
+      });
+      if (onToggle) {
+        onToggle(false, event);
+      }
+    }, floatingPopoverRef);
     var handleGlobalToggle = function handleGlobalToggle(opened, event) {
       if (opened) {
         dispatchPath({
@@ -107,66 +130,64 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
     var isCurrentListOpen = Boolean(path[0]);
-    var getActiveDescendant = function getActiveDescendant() {
-      var _focusedToValueMap$ge;
-      var focusedPathAsString = focusedPath.reduce(function (acc, n) {
-        return "".concat(acc, "/").concat(n);
-      }, '').replace(/^(\/)/, '');
-      return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
-    };
-    return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
+    return /*#__PURE__*/_react["default"].createElement(Context.Provider, {
+      value: {
+        focusedPath: focusedPath,
+        size: size,
+        variant: variant,
+        itemRole: itemRole,
+        handleGlobalToggle: handleGlobalToggle,
+        closeOnSelect: closeOnSelect,
+        onHover: onHover,
+        onItemClick: onItemClick,
+        onItemSelect: onItemSelect,
+        hasArrow: hasArrow,
+        treeId: treeId
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
+      ref: floatingPopoverRef,
       opened: isCurrentListOpen,
       onToggle: handleGlobalToggle,
+      placement: (0, _utils2.getPlacement)(placement),
       offset: offset,
-      placement: (0, _utils.getPlacements)(placement),
+      portal: portal,
       trigger: trigger,
-      closeOnOverlayClick: closeOnOverlayClick,
-      isFocusTrapped: false,
       target: (0, _utils2.childrenWithProps)(children, {
         role: 'combobox',
-        'aria-controls': 'tree_level_1',
+        'aria-controls': "".concat(treeId, "_tree_level_1"),
         'aria-expanded': isCurrentListOpen,
-        'aria-activedescendant': getActiveDescendant(),
+        'aria-activedescendant': activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue.toString()) : '',
         onKeyDown: onKeyDown
-      }),
-      preventOverflow: false,
-      usePortal: Boolean(portal),
-      frame: portal
+      })
     }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
       className: (0, _utils.cx)(className, _Dropdown2.classes.dropdownRoot),
       ref: ref,
       view: view,
-      size: size
+      size: size,
+      style: {
+        display: 'inline-block'
+      }
     }, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
+      ref: targetRef,
+      id: "".concat(treeId, "_tree_level_1"),
+      role: "tree",
       listHeight: listHeight,
       listOverflow: listOverflow,
-      role: "tree",
-      id: "tree_level_1",
       listWidth: listWidth
     }, items.map(function (item, index) {
       return /*#__PURE__*/_react["default"].createElement(_ui.DropdownInner, {
         key: "".concat(index, "/0"),
         item: item,
         currentLevel: 0,
-        focusedPath: focusedPath,
         trigger: trigger,
         path: path,
         dispatchPath: dispatchPath,
         index: index,
-        itemRole: itemRole,
         listHeight: listHeight,
         listOverflow: listOverflow,
-        handleGlobalToggle: handleGlobalToggle,
-        closeOnSelect: closeOnSelect,
-        onHover: onHover,
-        onItemSelect: onItemSelect,
-        onItemClick: onItemClick,
-        listWidth: listWidth,
-        variant: variant,
-        hasArrow: hasArrow,
-        size: size
+        listWidth: listWidth
       });
-    }))));
+    })))));
   });
 };
 var dropdownConfig = exports.dropdownConfig = {

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

@@ -4,31 +4,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.Ul = exports.StyledPopover = void 0;
+exports.base = exports.Ul = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
-var _engines = /*#__PURE__*/require("../../engines");
-var _Popover = /*#__PURE__*/require("../Popover");
 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 Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
-var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
-  componentId: "plasma-new-hope__sc-13ezpo5-0"
-})([".", ",.", "{display:block;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
 var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
-  componentId: "plasma-new-hope__sc-13ezpo5-1"
-})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Dropdown.tokens.background, _Dropdown.tokens.boxShadow, _Dropdown.tokens.borderRadius, function (_ref) {
+  componentId: "plasma-new-hope__sc-13ezpo5-0"
+})(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");"], function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
 }, function (_ref2) {
   var listHeight = _ref2.listHeight;
   return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
 }, function (_ref3) {
-  var listOverflow = _ref3.listOverflow;
+  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;
   return listOverflow || 'initial';
-}, function (_ref4) {
-  var isInnerUl = _ref4.isInnerUl;
-  return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0 0 var(").concat(_Dropdown.tokens.padding, ")") : 0;
-}, _Dropdown.tokens.padding);
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
+}, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderRadius);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.classes = void 0;
+exports.tokens = exports.constants = exports.classes = void 0;
 var classes = exports.classes = {
   dropdownRoot: 'dropdown-root',
   dropdownItemIsFocused: 'dropdown-item-is-focused',
   dropdownItemIsDisabled: 'dropdown-item-is-disabled',
   dropdownItemIsActive: 'dropdown-item-is-active',
-  dropdownItemIsSelected: 'dropdownItemIsSelected'
+  dropdownItemIsSelected: 'dropdown-item-is-selected'
 };
 var tokens = exports.tokens = {
   background: '--plasma-dropdown-background',
@@ -20,6 +20,8 @@ var tokens = exports.tokens = {
   disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
   disabledOpacity: '--plasma-dropdown-disabled-opacity',
   focusColor: '--plasma-dropdown-focus-color',
+  // Old
+
   dividerColor: '--plasma-dropdown-divider-color',
   dividerMarginTop: '--plasma-dropdown-divider-margin-top',
   dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',
@@ -34,6 +36,7 @@ var tokens = exports.tokens = {
   itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
   // Old
   itemColor: '--plasma-dropdown-item-color',
+  // Old
   itemColorSelected: '--plasma-dropdown-item-color-selected',
   // Old
   itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
@@ -52,11 +55,17 @@ var tokens = exports.tokens = {
   itemMarginLeft: '--plasma-dropdown-item-margin-left',
   // Old
   itemPaddingTop: '--plasma-dropdown-item-padding-top',
+  // Old
   itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight',
+  // Old
   itemPaddingRight: '--plasma-dropdown-item-padding-right',
+  // Old
   itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
+  // Old
   itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight',
+  // Old
   itemPaddingLeft: '--plasma-dropdown-item-padding-left',
+  // Old
   itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
   // Old
   itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
@@ -71,6 +80,20 @@ var tokens = exports.tokens = {
   itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
   itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
   itemFontLineHeight: '--plasma-dropdown-item-font-weight',
+  itemPadding: '--plasma-dropdown-item-padding',
+  itemPaddingTight: '--plasma-dropdown-item-padding-tight',
+  cellPadding: '--plasma-dropdown-cell-padding',
+  cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',
+  cellPaddingContent: '--plasma-dropdown-cell-padding-content',
+  cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',
+  cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',
+  cellGap: '--plasma-dropdown-cell-gap',
+  cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',
+  cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',
+  cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',
+  cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',
+  cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',
+  cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',
   // TODO: Remove below tokens as soon as they are no longer needed
   footerBackground: '--plasma-dropdown-footer-background',
   footerWidth: '--plasma-dropdown-footer-width',
@@ -134,4 +157,15 @@ var tokens = exports.tokens = {
   groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
   groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
   groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left'
+};
+var constants = exports.constants = {
+  focusColor: '--surface-accent',
+  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',
+  itemBackgroundHover: '--surface-transparent-secondary',
+  opacity: '0.4',
+  cellTitleColor: '--text-primary',
+  cellBackgroundColor: '--plasma-colors-transparent'
 };