intergalactic 15.113.0 → 15.114.0-prerelease.0

package/dot/lib/es6/Dot.js

@@ -18,17 +18,17 @@ import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_hys05_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_hys05_gg_._size_xl_hys05_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_hys05_gg_._size_l_hys05_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_hys05_gg_._size_m_hys05_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_hys05_gg_.__up_hys05_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_hys05_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "hys05_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_hys05_gg_",
-  "_size_xl": "_size_xl_hys05_gg_",
-  "_size_l": "_size_l_hys05_gg_",
-  "_size_m": "_size_m_hys05_gg_",
-  "_up": "__up_hys05_gg_",
-  "__SA11yAlert": "___SA11yAlert_hys05_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_imju3_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_imju3_gg_._size_xl_imju3_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_imju3_gg_._size_l_imju3_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_imju3_gg_._size_m_imju3_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_imju3_gg_.__up_imju3_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_imju3_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "imju3_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_imju3_gg_",
+  "_size_xl": "_size_xl_imju3_gg_",
+  "_size_l": "_size_l_imju3_gg_",
+  "_size_m": "_size_m_imju3_gg_",
+  "_up": "__up_imju3_gg_",
+  "__SA11yAlert": "___SA11yAlert_imju3_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_g7155{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_g7155{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "g7155_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_g7155",
-  "@exit": "exit_g7155"
+var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_pjbqq{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_pjbqq{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "pjbqq_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_pjbqq",
+  "@exit": "exit_pjbqq"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   _inherits(Dot, _Component);

package/dot/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dot","description":"Semrush Dot Component","version":"5.35.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.36.0","@semcore/flex-box":"5.36.0","@semcore/portal":"3.36.0","@semcore/utils":"4.41.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dot"},"devDependencies":{"@semcore/button":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
+{"name":"intergalactic/dot","description":"Semrush Dot Component","version":"5.36.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.37.0-prerelease.0","@semcore/flex-box":"5.37.0-prerelease.0","@semcore/portal":"3.37.0-prerelease.0","@semcore/utils":"4.42.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.35.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dot"},"devDependencies":{"@semcore/button":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}

package/drag-and-drop/lib/cjs/DragAndDrop.js

@@ -26,22 +26,22 @@ var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
 /*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDraggable_qj0ea_gg_.__draggable_qj0ea_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_qj0ea_gg_.__draggable_qj0ea_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_qj0ea_gg_.__draggable_qj0ea_gg_:hover::before{display:block}}.___SDraggable_qj0ea_gg_.__draggable_qj0ea_gg_.__hideHoverEffect_qj0ea_gg_::before{display:none}.___SDraggable_qj0ea_gg_._placement_right_qj0ea_gg_::before{right:0}.___SDraggable_qj0ea_gg_._placement_bottom_qj0ea_gg_::before{bottom:0}.___SDraggable_qj0ea_gg_._placement_left_qj0ea_gg_::before{left:0}.___SDraggable_qj0ea_gg_._placement_top_qj0ea_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_qj0ea_gg_._placement_bottom_qj0ea_gg_::before{left:0;width:100%;height:16px}.___SDraggable_qj0ea_gg_._placement_left_qj0ea_gg_::before,.___SDraggable_qj0ea_gg_._placement_right_qj0ea_gg_::before{top:0;width:16px;height:100%}.___SDropZone_qj0ea_gg_{position:relative}.___SDraggable_qj0ea_gg_.__dropPreview_qj0ea_gg_,.___SDropZone_qj0ea_gg_.__dropPreview_qj0ea_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_qj0ea_gg_.__dark_qj0ea_gg_.__dropPreview_qj0ea_gg_,.___SDropZone_qj0ea_gg_.__dark_qj0ea_gg_.__dropPreview_qj0ea_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_qj0ea_gg_:focus{outline:0}.___SDraggable_qj0ea_gg_.__keyboardFocused_qj0ea_gg_:focus{box-shadow:none}.___SDraggable_qj0ea_gg_.__keyboardFocused_qj0ea_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_qj0ea_gg_.__keyboardDragging_qj0ea_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_qj0ea_gg_.__keyboardDragging_qj0ea_gg_.__hideHoverEffect_qj0ea_gg_::before,.___SDraggable_qj0ea_gg_.__keyboardDragging_qj0ea_gg_::before{display:block}.___SDraggable_qj0ea_gg_.__keyboardDragging_qj0ea_gg_.__reversedScaling_qj0ea_gg_{scale:.95}.___SDraggable_qj0ea_gg_.__animatedScaling_qj0ea_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_qj0ea_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_qj0ea_gg_{transition:none}}" /*__inner_css_end__*/, "qj0ea_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_qj0ea_gg_",
-  "_placement_top": "_placement_top_qj0ea_gg_",
-  "_placement_right": "_placement_right_qj0ea_gg_",
-  "_placement_left": "_placement_left_qj0ea_gg_",
-  "_placement_bottom": "_placement_bottom_qj0ea_gg_",
-  "__SDropZone": "___SDropZone_qj0ea_gg_",
-  "_dropPreview": "__dropPreview_qj0ea_gg_",
-  "_dark": "__dark_qj0ea_gg_",
-  "_keyboardFocused": "__keyboardFocused_qj0ea_gg_",
-  "_keyboardDragging": "__keyboardDragging_qj0ea_gg_",
-  "_reversedScaling": "__reversedScaling_qj0ea_gg_",
-  "_animatedScaling": "__animatedScaling_qj0ea_gg_",
-  "__SA11yHint": "___SA11yHint_qj0ea_gg_",
-  "_draggable": "__draggable_qj0ea_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_qj0ea_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDraggable_1uvfi_gg_.__draggable_1uvfi_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1uvfi_gg_.__draggable_1uvfi_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1uvfi_gg_.__draggable_1uvfi_gg_:hover::before{display:block}}.___SDraggable_1uvfi_gg_.__draggable_1uvfi_gg_.__hideHoverEffect_1uvfi_gg_::before{display:none}.___SDraggable_1uvfi_gg_._placement_right_1uvfi_gg_::before{right:0}.___SDraggable_1uvfi_gg_._placement_bottom_1uvfi_gg_::before{bottom:0}.___SDraggable_1uvfi_gg_._placement_left_1uvfi_gg_::before{left:0}.___SDraggable_1uvfi_gg_._placement_top_1uvfi_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1uvfi_gg_._placement_bottom_1uvfi_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1uvfi_gg_._placement_left_1uvfi_gg_::before,.___SDraggable_1uvfi_gg_._placement_right_1uvfi_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1uvfi_gg_{position:relative}.___SDraggable_1uvfi_gg_.__dropPreview_1uvfi_gg_,.___SDropZone_1uvfi_gg_.__dropPreview_1uvfi_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1uvfi_gg_.__dark_1uvfi_gg_.__dropPreview_1uvfi_gg_,.___SDropZone_1uvfi_gg_.__dark_1uvfi_gg_.__dropPreview_1uvfi_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1uvfi_gg_:focus{outline:0}.___SDraggable_1uvfi_gg_.__keyboardFocused_1uvfi_gg_:focus{box-shadow:none}.___SDraggable_1uvfi_gg_.__keyboardFocused_1uvfi_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1uvfi_gg_.__keyboardDragging_1uvfi_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1uvfi_gg_.__keyboardDragging_1uvfi_gg_.__hideHoverEffect_1uvfi_gg_::before,.___SDraggable_1uvfi_gg_.__keyboardDragging_1uvfi_gg_::before{display:block}.___SDraggable_1uvfi_gg_.__keyboardDragging_1uvfi_gg_.__reversedScaling_1uvfi_gg_{scale:.95}.___SDraggable_1uvfi_gg_.__animatedScaling_1uvfi_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1uvfi_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1uvfi_gg_{transition:none}}" /*__inner_css_end__*/, "1uvfi_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_1uvfi_gg_",
+  "_placement_top": "_placement_top_1uvfi_gg_",
+  "_placement_right": "_placement_right_1uvfi_gg_",
+  "_placement_left": "_placement_left_1uvfi_gg_",
+  "_placement_bottom": "_placement_bottom_1uvfi_gg_",
+  "__SDropZone": "___SDropZone_1uvfi_gg_",
+  "_dropPreview": "__dropPreview_1uvfi_gg_",
+  "_dark": "__dark_1uvfi_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uvfi_gg_",
+  "_keyboardDragging": "__keyboardDragging_1uvfi_gg_",
+  "_reversedScaling": "__reversedScaling_1uvfi_gg_",
+  "_animatedScaling": "__animatedScaling_1uvfi_gg_",
+  "__SA11yHint": "___SA11yHint_1uvfi_gg_",
+  "_draggable": "__draggable_1uvfi_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_1uvfi_gg_"
 });
 var noop = function noop() {
   /* do nothing */

package/drag-and-drop/lib/es6/DragAndDrop.js

@@ -17,22 +17,22 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
 /*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDraggable_qj0ea_gg_.__draggable_qj0ea_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_qj0ea_gg_.__draggable_qj0ea_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_qj0ea_gg_.__draggable_qj0ea_gg_:hover::before{display:block}}.___SDraggable_qj0ea_gg_.__draggable_qj0ea_gg_.__hideHoverEffect_qj0ea_gg_::before{display:none}.___SDraggable_qj0ea_gg_._placement_right_qj0ea_gg_::before{right:0}.___SDraggable_qj0ea_gg_._placement_bottom_qj0ea_gg_::before{bottom:0}.___SDraggable_qj0ea_gg_._placement_left_qj0ea_gg_::before{left:0}.___SDraggable_qj0ea_gg_._placement_top_qj0ea_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_qj0ea_gg_._placement_bottom_qj0ea_gg_::before{left:0;width:100%;height:16px}.___SDraggable_qj0ea_gg_._placement_left_qj0ea_gg_::before,.___SDraggable_qj0ea_gg_._placement_right_qj0ea_gg_::before{top:0;width:16px;height:100%}.___SDropZone_qj0ea_gg_{position:relative}.___SDraggable_qj0ea_gg_.__dropPreview_qj0ea_gg_,.___SDropZone_qj0ea_gg_.__dropPreview_qj0ea_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_qj0ea_gg_.__dark_qj0ea_gg_.__dropPreview_qj0ea_gg_,.___SDropZone_qj0ea_gg_.__dark_qj0ea_gg_.__dropPreview_qj0ea_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_qj0ea_gg_:focus{outline:0}.___SDraggable_qj0ea_gg_.__keyboardFocused_qj0ea_gg_:focus{box-shadow:none}.___SDraggable_qj0ea_gg_.__keyboardFocused_qj0ea_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_qj0ea_gg_.__keyboardDragging_qj0ea_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_qj0ea_gg_.__keyboardDragging_qj0ea_gg_.__hideHoverEffect_qj0ea_gg_::before,.___SDraggable_qj0ea_gg_.__keyboardDragging_qj0ea_gg_::before{display:block}.___SDraggable_qj0ea_gg_.__keyboardDragging_qj0ea_gg_.__reversedScaling_qj0ea_gg_{scale:.95}.___SDraggable_qj0ea_gg_.__animatedScaling_qj0ea_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_qj0ea_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_qj0ea_gg_{transition:none}}" /*__inner_css_end__*/, "qj0ea_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_qj0ea_gg_",
-  "_placement_top": "_placement_top_qj0ea_gg_",
-  "_placement_right": "_placement_right_qj0ea_gg_",
-  "_placement_left": "_placement_left_qj0ea_gg_",
-  "_placement_bottom": "_placement_bottom_qj0ea_gg_",
-  "__SDropZone": "___SDropZone_qj0ea_gg_",
-  "_dropPreview": "__dropPreview_qj0ea_gg_",
-  "_dark": "__dark_qj0ea_gg_",
-  "_keyboardFocused": "__keyboardFocused_qj0ea_gg_",
-  "_keyboardDragging": "__keyboardDragging_qj0ea_gg_",
-  "_reversedScaling": "__reversedScaling_qj0ea_gg_",
-  "_animatedScaling": "__animatedScaling_qj0ea_gg_",
-  "__SA11yHint": "___SA11yHint_qj0ea_gg_",
-  "_draggable": "__draggable_qj0ea_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_qj0ea_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDraggable_1uvfi_gg_.__draggable_1uvfi_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1uvfi_gg_.__draggable_1uvfi_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1uvfi_gg_.__draggable_1uvfi_gg_:hover::before{display:block}}.___SDraggable_1uvfi_gg_.__draggable_1uvfi_gg_.__hideHoverEffect_1uvfi_gg_::before{display:none}.___SDraggable_1uvfi_gg_._placement_right_1uvfi_gg_::before{right:0}.___SDraggable_1uvfi_gg_._placement_bottom_1uvfi_gg_::before{bottom:0}.___SDraggable_1uvfi_gg_._placement_left_1uvfi_gg_::before{left:0}.___SDraggable_1uvfi_gg_._placement_top_1uvfi_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1uvfi_gg_._placement_bottom_1uvfi_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1uvfi_gg_._placement_left_1uvfi_gg_::before,.___SDraggable_1uvfi_gg_._placement_right_1uvfi_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1uvfi_gg_{position:relative}.___SDraggable_1uvfi_gg_.__dropPreview_1uvfi_gg_,.___SDropZone_1uvfi_gg_.__dropPreview_1uvfi_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1uvfi_gg_.__dark_1uvfi_gg_.__dropPreview_1uvfi_gg_,.___SDropZone_1uvfi_gg_.__dark_1uvfi_gg_.__dropPreview_1uvfi_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1uvfi_gg_:focus{outline:0}.___SDraggable_1uvfi_gg_.__keyboardFocused_1uvfi_gg_:focus{box-shadow:none}.___SDraggable_1uvfi_gg_.__keyboardFocused_1uvfi_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1uvfi_gg_.__keyboardDragging_1uvfi_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1uvfi_gg_.__keyboardDragging_1uvfi_gg_.__hideHoverEffect_1uvfi_gg_::before,.___SDraggable_1uvfi_gg_.__keyboardDragging_1uvfi_gg_::before{display:block}.___SDraggable_1uvfi_gg_.__keyboardDragging_1uvfi_gg_.__reversedScaling_1uvfi_gg_{scale:.95}.___SDraggable_1uvfi_gg_.__animatedScaling_1uvfi_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1uvfi_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1uvfi_gg_{transition:none}}" /*__inner_css_end__*/, "1uvfi_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_1uvfi_gg_",
+  "_placement_top": "_placement_top_1uvfi_gg_",
+  "_placement_right": "_placement_right_1uvfi_gg_",
+  "_placement_left": "_placement_left_1uvfi_gg_",
+  "_placement_bottom": "_placement_bottom_1uvfi_gg_",
+  "__SDropZone": "___SDropZone_1uvfi_gg_",
+  "_dropPreview": "__dropPreview_1uvfi_gg_",
+  "_dark": "__dark_1uvfi_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uvfi_gg_",
+  "_keyboardDragging": "__keyboardDragging_1uvfi_gg_",
+  "_reversedScaling": "__reversedScaling_1uvfi_gg_",
+  "_animatedScaling": "__animatedScaling_1uvfi_gg_",
+  "__SA11yHint": "___SA11yHint_1uvfi_gg_",
+  "_draggable": "__draggable_1uvfi_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_1uvfi_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';

package/drag-and-drop/package.json

@@ -1 +1 @@
-{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.43.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/card":"5.42.0","@semcore/flex-box":"5.36.0","@semcore/grid":"5.35.0","@semcore/utils":"4.41.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/drag-and-drop"},"devDependencies":{"@semcore/badge":"*","@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@semcore/tab-panel":"*","@types/react":"18.0.21"}}
+{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.44.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/card":"5.43.0-prerelease.0","@semcore/flex-box":"5.37.0-prerelease.0","@semcore/grid":"5.36.0-prerelease.0","@semcore/utils":"4.42.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.35.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/drag-and-drop"},"devDependencies":{"@semcore/badge":"*","@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@semcore/tab-panel":"*","@types/react":"18.0.21"}}

package/dropdown/lib/cjs/Dropdown.js

@@ -31,21 +31,21 @@ var _DropdownItem = require("./DropdownItem");
 var _flexBox = require("intergalactic/flex-box");
 var _excluded = ["Children", "forwardRef", "modifiers", "stretch"];
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_e1uez_gg_,.___SDropdownPopper_e1uez_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_e1uez_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_e1uez_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_e1uez_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_e1uez_gg_:focus{outline:0}.___SDropdownItem_e1uez_gg_.__selected_e1uez_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_e1uez_gg_.__selected_e1uez_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_e1uez_gg_.__highlighted_e1uez_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_e1uez_gg_.__disabled_e1uez_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_e1uez_gg_._size_l_e1uez_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_e1uez_gg_._size_m_e1uez_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_e1uez_gg_.__notInteractive_e1uez_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_e1uez_gg_.__notInteractive_e1uez_gg_:hover{background:0 0}}.___SDropdownItem_e1uez_gg_._variant_hint_e1uez_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_e1uez_gg_._variant_hint_e1uez_gg_:hover{background:0 0}}.___SDropdownItem_e1uez_gg_._variant_title_e1uez_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_e1uez_gg_._variant_title_e1uez_gg_:hover{background:0 0}}.___SDropdownItem_e1uez_gg_.__visible_e1uez_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_e1uez_gg_.__nesting-trigger_e1uez_gg_{justify-content:space-between}.___SGroupTitle_e1uez_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_e1uez_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "e1uez_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_e1uez_gg_",
-  "__SDropdownItem": "___SDropdownItem_e1uez_gg_",
-  "_highlighted": "__highlighted_e1uez_gg_",
-  "_disabled": "__disabled_e1uez_gg_",
-  "_size_l": "_size_l_e1uez_gg_",
-  "_size_m": "_size_m_e1uez_gg_",
-  "_visible": "__visible_e1uez_gg_",
-  "_nesting-trigger": "__nesting-trigger_e1uez_gg_",
-  "__SGroupTitle": "___SGroupTitle_e1uez_gg_",
-  "__SGroupHint": "___SGroupHint_e1uez_gg_",
-  "_selected": "__selected_e1uez_gg_",
-  "_notInteractive": "__notInteractive_e1uez_gg_",
-  "_variant_hint": "_variant_hint_e1uez_gg_",
-  "_variant_title": "_variant_title_e1uez_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_50f29_gg_,.___SDropdownPopper_50f29_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_50f29_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_50f29_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_50f29_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_50f29_gg_:focus{outline:0}.___SDropdownItem_50f29_gg_.__selected_50f29_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_50f29_gg_.__selected_50f29_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_50f29_gg_.__highlighted_50f29_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_50f29_gg_.__disabled_50f29_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_50f29_gg_._size_l_50f29_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_50f29_gg_._size_m_50f29_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_50f29_gg_.__notInteractive_50f29_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_50f29_gg_.__notInteractive_50f29_gg_:hover{background:0 0}}.___SDropdownItem_50f29_gg_._variant_hint_50f29_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_50f29_gg_._variant_hint_50f29_gg_:hover{background:0 0}}.___SDropdownItem_50f29_gg_._variant_title_50f29_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_50f29_gg_._variant_title_50f29_gg_:hover{background:0 0}}.___SDropdownItem_50f29_gg_.__visible_50f29_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_50f29_gg_.__nesting-trigger_50f29_gg_{justify-content:space-between}.___SGroupTitle_50f29_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_50f29_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "50f29_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_50f29_gg_",
+  "__SDropdownItem": "___SDropdownItem_50f29_gg_",
+  "_highlighted": "__highlighted_50f29_gg_",
+  "_disabled": "__disabled_50f29_gg_",
+  "_size_l": "_size_l_50f29_gg_",
+  "_size_m": "_size_m_50f29_gg_",
+  "_visible": "__visible_50f29_gg_",
+  "_nesting-trigger": "__nesting-trigger_50f29_gg_",
+  "__SGroupTitle": "___SGroupTitle_50f29_gg_",
+  "__SGroupHint": "___SGroupHint_50f29_gg_",
+  "_selected": "__selected_50f29_gg_",
+  "_notInteractive": "__notInteractive_50f29_gg_",
+  "_variant_hint": "_variant_hint_50f29_gg_",
+  "_variant_title": "_variant_title_50f29_gg_"
 });
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
 var DropdownRoot = /*#__PURE__*/function (_Component) {

package/dropdown/lib/es6/Dropdown.js

@@ -23,21 +23,21 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_e1uez_gg_,.___SDropdownPopper_e1uez_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_e1uez_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_e1uez_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_e1uez_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_e1uez_gg_:focus{outline:0}.___SDropdownItem_e1uez_gg_.__selected_e1uez_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_e1uez_gg_.__selected_e1uez_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_e1uez_gg_.__highlighted_e1uez_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_e1uez_gg_.__disabled_e1uez_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_e1uez_gg_._size_l_e1uez_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_e1uez_gg_._size_m_e1uez_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_e1uez_gg_.__notInteractive_e1uez_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_e1uez_gg_.__notInteractive_e1uez_gg_:hover{background:0 0}}.___SDropdownItem_e1uez_gg_._variant_hint_e1uez_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_e1uez_gg_._variant_hint_e1uez_gg_:hover{background:0 0}}.___SDropdownItem_e1uez_gg_._variant_title_e1uez_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_e1uez_gg_._variant_title_e1uez_gg_:hover{background:0 0}}.___SDropdownItem_e1uez_gg_.__visible_e1uez_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_e1uez_gg_.__nesting-trigger_e1uez_gg_{justify-content:space-between}.___SGroupTitle_e1uez_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_e1uez_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "e1uez_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_e1uez_gg_",
-  "__SDropdownItem": "___SDropdownItem_e1uez_gg_",
-  "_highlighted": "__highlighted_e1uez_gg_",
-  "_disabled": "__disabled_e1uez_gg_",
-  "_size_l": "_size_l_e1uez_gg_",
-  "_size_m": "_size_m_e1uez_gg_",
-  "_visible": "__visible_e1uez_gg_",
-  "_nesting-trigger": "__nesting-trigger_e1uez_gg_",
-  "__SGroupTitle": "___SGroupTitle_e1uez_gg_",
-  "__SGroupHint": "___SGroupHint_e1uez_gg_",
-  "_selected": "__selected_e1uez_gg_",
-  "_notInteractive": "__notInteractive_e1uez_gg_",
-  "_variant_hint": "_variant_hint_e1uez_gg_",
-  "_variant_title": "_variant_title_e1uez_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_50f29_gg_,.___SDropdownPopper_50f29_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_50f29_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_50f29_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_50f29_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_50f29_gg_:focus{outline:0}.___SDropdownItem_50f29_gg_.__selected_50f29_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_50f29_gg_.__selected_50f29_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_50f29_gg_.__highlighted_50f29_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_50f29_gg_.__disabled_50f29_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_50f29_gg_._size_l_50f29_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_50f29_gg_._size_m_50f29_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_50f29_gg_.__notInteractive_50f29_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_50f29_gg_.__notInteractive_50f29_gg_:hover{background:0 0}}.___SDropdownItem_50f29_gg_._variant_hint_50f29_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_50f29_gg_._variant_hint_50f29_gg_:hover{background:0 0}}.___SDropdownItem_50f29_gg_._variant_title_50f29_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_50f29_gg_._variant_title_50f29_gg_:hover{background:0 0}}.___SDropdownItem_50f29_gg_.__visible_50f29_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_50f29_gg_.__nesting-trigger_50f29_gg_{justify-content:space-between}.___SGroupTitle_50f29_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_50f29_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "50f29_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_50f29_gg_",
+  "__SDropdownItem": "___SDropdownItem_50f29_gg_",
+  "_highlighted": "__highlighted_50f29_gg_",
+  "_disabled": "__disabled_50f29_gg_",
+  "_size_l": "_size_l_50f29_gg_",
+  "_size_m": "_size_m_50f29_gg_",
+  "_visible": "__visible_50f29_gg_",
+  "_nesting-trigger": "__nesting-trigger_50f29_gg_",
+  "__SGroupTitle": "___SGroupTitle_50f29_gg_",
+  "__SGroupHint": "___SGroupHint_50f29_gg_",
+  "_selected": "__selected_50f29_gg_",
+  "_notInteractive": "__notInteractive_50f29_gg_",
+  "_variant_hint": "_variant_hint_50f29_gg_",
+  "_variant_title": "_variant_title_50f29_gg_"
 });
 import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
 import { DropdownItem } from './DropdownItem';

package/dropdown/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.40.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.36.0","@semcore/popper":"5.43.0","@semcore/utils":"4.41.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.40.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.37.0-prerelease.0","@semcore/popper":"5.43.1-prerelease.0","@semcore/utils":"4.42.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.35.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/dropdown-menu/lib/cjs/DropdownMenu.js

@@ -36,24 +36,24 @@ var _button = _interopRequireDefault(require("intergalactic/button"));
 var _typography = require("intergalactic/typography");
 var _excluded = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1ty9d_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_:after,.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_._position_median_1ty9d_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_._position_median_1ty9d_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_._position_start_1ty9d_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_._position_end_1ty9d_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_:after,.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_._position_median_1ty9d_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_._position_median_1ty9d_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_._position_start_1ty9d_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_._position_end_1ty9d_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_1ty9d_gg_.__nesting-trigger_1ty9d_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1ty9d_gg_,.___SItemContentText_1ty9d_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1ty9d_gg_:first-child,.___SItemContentText_1ty9d_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1ty9d_gg_:last-child,.___SItemContentText_1ty9d_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1ty9d_gg_,.___SDropdownMenuNesting_1ty9d_gg_._size_l_1ty9d_gg_,.___SDropdownMenuNesting_1ty9d_gg_._size_m_1ty9d_gg_{padding:0}.___SDropdownMenuNesting_1ty9d_gg_.__highlighted_1ty9d_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1ty9d_gg_._size_l_1ty9d_gg_,.___SDropdownNestingItem_1ty9d_gg_._size_m_1ty9d_gg_{padding-right:0}.___SDropdownNestingItem_1ty9d_gg_ .___SDropdownMenuItemContainer_1ty9d_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1ty9d_gg_:focus{outline:0}.___SItemHint_1ty9d_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1ty9d_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1ty9d_gg_",
-  "_nesting-trigger": "__nesting-trigger_1ty9d_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1ty9d_gg_",
-  "_size_l": "_size_l_1ty9d_gg_",
-  "_size_m": "_size_m_1ty9d_gg_",
-  "_highlighted": "__highlighted_1ty9d_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1ty9d_gg_",
-  "__SItemContent": "___SItemContent_1ty9d_gg_",
-  "__SItemHint": "___SItemHint_1ty9d_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1ty9d_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1ty9d_gg_",
-  "_position_median": "_position_median_1ty9d_gg_",
-  "_position_start": "_position_start_1ty9d_gg_",
-  "_position_end": "_position_end_1ty9d_gg_",
-  "__SShadowVertical": "___SShadowVertical_1ty9d_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1ty9d_gg_",
-  "__SItemContentText": "___SItemContentText_1ty9d_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_4zb58_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_:after,.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_._position_median_4zb58_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_._position_median_4zb58_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_._position_start_4zb58_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_._position_end_4zb58_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_:after,.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_._position_median_4zb58_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_._position_median_4zb58_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_._position_start_4zb58_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_._position_end_4zb58_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_4zb58_gg_.__nesting-trigger_4zb58_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_4zb58_gg_,.___SItemContentText_4zb58_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_4zb58_gg_:first-child,.___SItemContentText_4zb58_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_4zb58_gg_:last-child,.___SItemContentText_4zb58_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_4zb58_gg_,.___SDropdownMenuNesting_4zb58_gg_._size_l_4zb58_gg_,.___SDropdownMenuNesting_4zb58_gg_._size_m_4zb58_gg_{padding:0}.___SDropdownMenuNesting_4zb58_gg_.__highlighted_4zb58_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_4zb58_gg_._size_l_4zb58_gg_,.___SDropdownNestingItem_4zb58_gg_._size_m_4zb58_gg_{padding-right:0}.___SDropdownNestingItem_4zb58_gg_ .___SDropdownMenuItemContainer_4zb58_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_4zb58_gg_:focus{outline:0}.___SItemHint_4zb58_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "4zb58_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_4zb58_gg_",
+  "_nesting-trigger": "__nesting-trigger_4zb58_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_4zb58_gg_",
+  "_size_l": "_size_l_4zb58_gg_",
+  "_size_m": "_size_m_4zb58_gg_",
+  "_highlighted": "__highlighted_4zb58_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_4zb58_gg_",
+  "__SItemContent": "___SItemContent_4zb58_gg_",
+  "__SItemHint": "___SItemHint_4zb58_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_4zb58_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_4zb58_gg_",
+  "_position_median": "_position_median_4zb58_gg_",
+  "_position_start": "_position_start_4zb58_gg_",
+  "_position_end": "_position_end_4zb58_gg_",
+  "__SShadowVertical": "___SShadowVertical_4zb58_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_4zb58_gg_",
+  "__SItemContentText": "___SItemContentText_4zb58_gg_"
 });
 var ListBoxContextProvider = function ListBoxContextProvider(_ref22) {
   var children = _ref22.children;

package/dropdown-menu/lib/es6/DropdownMenu.js

@@ -35,24 +35,24 @@ import ScrollAreaComponent, { hideScrollBarsFromScreenReadersContext } from 'int
 import { useUID } from 'intergalactic/utils/lib/uniqueID';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1ty9d_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_:after,.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_._position_median_1ty9d_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_._position_median_1ty9d_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_._position_start_1ty9d_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowHorizontal_1ty9d_gg_._position_end_1ty9d_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_:after,.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_._position_median_1ty9d_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_._position_median_1ty9d_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_._position_start_1ty9d_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1ty9d_gg_ .___SShadowVertical_1ty9d_gg_._position_end_1ty9d_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_1ty9d_gg_.__nesting-trigger_1ty9d_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1ty9d_gg_,.___SItemContentText_1ty9d_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1ty9d_gg_:first-child,.___SItemContentText_1ty9d_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1ty9d_gg_:last-child,.___SItemContentText_1ty9d_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1ty9d_gg_,.___SDropdownMenuNesting_1ty9d_gg_._size_l_1ty9d_gg_,.___SDropdownMenuNesting_1ty9d_gg_._size_m_1ty9d_gg_{padding:0}.___SDropdownMenuNesting_1ty9d_gg_.__highlighted_1ty9d_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1ty9d_gg_._size_l_1ty9d_gg_,.___SDropdownNestingItem_1ty9d_gg_._size_m_1ty9d_gg_{padding-right:0}.___SDropdownNestingItem_1ty9d_gg_ .___SDropdownMenuItemContainer_1ty9d_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1ty9d_gg_:focus{outline:0}.___SItemHint_1ty9d_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1ty9d_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1ty9d_gg_",
-  "_nesting-trigger": "__nesting-trigger_1ty9d_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1ty9d_gg_",
-  "_size_l": "_size_l_1ty9d_gg_",
-  "_size_m": "_size_m_1ty9d_gg_",
-  "_highlighted": "__highlighted_1ty9d_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1ty9d_gg_",
-  "__SItemContent": "___SItemContent_1ty9d_gg_",
-  "__SItemHint": "___SItemHint_1ty9d_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1ty9d_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1ty9d_gg_",
-  "_position_median": "_position_median_1ty9d_gg_",
-  "_position_start": "_position_start_1ty9d_gg_",
-  "_position_end": "_position_end_1ty9d_gg_",
-  "__SShadowVertical": "___SShadowVertical_1ty9d_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1ty9d_gg_",
-  "__SItemContentText": "___SItemContentText_1ty9d_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_4zb58_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_:after,.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_._position_median_4zb58_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_._position_median_4zb58_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_._position_start_4zb58_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowHorizontal_4zb58_gg_._position_end_4zb58_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_:after,.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_._position_median_4zb58_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_._position_median_4zb58_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_._position_start_4zb58_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_4zb58_gg_ .___SShadowVertical_4zb58_gg_._position_end_4zb58_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_4zb58_gg_.__nesting-trigger_4zb58_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_4zb58_gg_,.___SItemContentText_4zb58_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_4zb58_gg_:first-child,.___SItemContentText_4zb58_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_4zb58_gg_:last-child,.___SItemContentText_4zb58_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_4zb58_gg_,.___SDropdownMenuNesting_4zb58_gg_._size_l_4zb58_gg_,.___SDropdownMenuNesting_4zb58_gg_._size_m_4zb58_gg_{padding:0}.___SDropdownMenuNesting_4zb58_gg_.__highlighted_4zb58_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_4zb58_gg_._size_l_4zb58_gg_,.___SDropdownNestingItem_4zb58_gg_._size_m_4zb58_gg_{padding-right:0}.___SDropdownNestingItem_4zb58_gg_ .___SDropdownMenuItemContainer_4zb58_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_4zb58_gg_:focus{outline:0}.___SItemHint_4zb58_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "4zb58_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_4zb58_gg_",
+  "_nesting-trigger": "__nesting-trigger_4zb58_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_4zb58_gg_",
+  "_size_l": "_size_l_4zb58_gg_",
+  "_size_m": "_size_m_4zb58_gg_",
+  "_highlighted": "__highlighted_4zb58_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_4zb58_gg_",
+  "__SItemContent": "___SItemContent_4zb58_gg_",
+  "__SItemHint": "___SItemHint_4zb58_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_4zb58_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_4zb58_gg_",
+  "_position_median": "_position_median_4zb58_gg_",
+  "_position_start": "_position_start_4zb58_gg_",
+  "_position_end": "_position_end_4zb58_gg_",
+  "__SShadowVertical": "___SShadowVertical_4zb58_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_4zb58_gg_",
+  "__SItemContentText": "___SItemContentText_4zb58_gg_"
 });
 import { useFocusSource } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';

package/dropdown-menu/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown-menu","description":"Semrush DropdownMenu Component","version":"4.42.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/dropdown":"4.40.0","@semcore/flex-box":"5.36.0","@semcore/scroll-area":"5.40.0","@semcore/utils":"4.41.0","@semcore/icon":"4.50.0","@semcore/typography":"5.45.0","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown-menu"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"4.26.1","@semcore/icon":"4.26.0","@semcore/button":"workspace:*"}}
+{"name":"intergalactic/dropdown-menu","description":"Semrush DropdownMenu Component","version":"4.42.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/dropdown":"4.40.1-prerelease.0","@semcore/flex-box":"5.37.0-prerelease.0","@semcore/scroll-area":"5.41.0-prerelease.0","@semcore/utils":"4.42.0-prerelease.0","@semcore/icon":"4.51.0-prerelease.0","@semcore/typography":"5.46.0-prerelease.0","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.35.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown-menu"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"4.26.1","@semcore/icon":"4.26.0","@semcore/button":"workspace:*"}}

package/ellipsis/lib/cjs/Ellipsis.js

@@ -26,26 +26,27 @@ var _findComponent = _interopRequireWildcard(require("intergalactic/utils/lib/fi
 var _reactToText = _interopRequireDefault(require("intergalactic/utils/lib/reactToText"));
 var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib/getOriginChildren"));
 var _pick = _interopRequireDefault(require("intergalactic/utils/lib/pick"));
+var _ref11 = require("intergalactic/utils/lib/ref");
 var _excluded = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"],
-  _excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "tooltipProps", "children", "advanceMode"];
+  _excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "textRef", "tooltipProps", "children", "advanceMode"];
 /*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_193p5_gg_,.___SContainer_193p5_gg_,.___SEllipsis_193p5_gg_.__middle-mod_193p5_gg_,.___SNoTooltipContainer_193p5_gg_{display:flex;overflow:hidden}.___SBeginning_193p5_gg_,.___SEllipsis_193p5_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_193p5_gg_.__maxLine_193p5_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_193p5);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_193p5_gg_>:has(.___SBeginning_193p5_gg_),.___SContainerMiddle_193p5_gg_>:has(.___STail_193p5_gg_){display:flex;width:100%}.___STail_193p5_gg_{white-space:nowrap}" /*__inner_css_end__*/, "193p5_gg_") /*__reshadow_css_end__*/, {
-  "__SContainer": "___SContainer_193p5_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_193p5_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_193p5_gg_",
-  "__SBeginning": "___SBeginning_193p5_gg_",
-  "__SEllipsis": "___SEllipsis_193p5_gg_",
-  "_middle-mod": "__middle-mod_193p5_gg_",
-  "_maxLine": "__maxLine_193p5_gg_",
-  "--maxLine": "--maxLine_193p5",
-  "__STail": "___STail_193p5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_r037u_gg_,.___SContainer_r037u_gg_,.___SEllipsis_r037u_gg_.__middle-mod_r037u_gg_,.___SNoTooltipContainer_r037u_gg_{display:flex;overflow:hidden}.___SBeginning_r037u_gg_,.___SEllipsis_r037u_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_r037u_gg_.__maxLine_r037u_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_r037u);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_r037u_gg_>:has(.___SBeginning_r037u_gg_),.___SContainerMiddle_r037u_gg_>:has(.___STail_r037u_gg_){display:flex;width:100%}.___STail_r037u_gg_{white-space:nowrap}" /*__inner_css_end__*/, "r037u_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_r037u_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_r037u_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_r037u_gg_",
+  "__SBeginning": "___SBeginning_r037u_gg_",
+  "__SEllipsis": "___SEllipsis_r037u_gg_",
+  "_middle-mod": "__middle-mod_r037u_gg_",
+  "_maxLine": "__maxLine_r037u_gg_",
+  "--maxLine": "--maxLine_r037u",
+  "__STail": "___STail_r037u_gg_"
 });
 var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate', 'cursorAnchoring'];
-var createMeasurerElement = function createMeasurerElement(element) {
+var createMeasurerElement = function createMeasurerElement(element, text) {
   var styleElement = window.getComputedStyle(element, null);
   var temporaryElement = document.createElement('temporary-block');
-  temporaryElement.style.display = 'inline-block';
-  temporaryElement.style.padding = '0';
+  temporaryElement.style.display = styleElement.getPropertyValue('display');
+  temporaryElement.style.padding = styleElement.getPropertyValue('padding');
   temporaryElement.style.position = 'absolute';
   temporaryElement.style.right = '0%';
   temporaryElement.style.bottom = '0%';
@@ -58,15 +59,15 @@ var createMeasurerElement = function createMeasurerElement(element) {
   temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap');
   temporaryElement.style.fontFeatureSettings = styleElement.getPropertyValue('font-feature-settings');
   temporaryElement.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric');
-  temporaryElement.innerHTML = element.innerHTML;
+  temporaryElement.innerHTML = text !== null && text !== void 0 ? text : element.innerHTML;
   return temporaryElement;
 };
-function isTextOverflowing(element, multiline) {
+function isTextOverflowing(element, multiline, text) {
   if (!element) return false;
   var _element$getBoundingC = element.getBoundingClientRect(),
     currentHeight = _element$getBoundingC.height,
     currentWidth = _element$getBoundingC.width;
-  var measuringElement = createMeasurerElement(element);
+  var measuringElement = createMeasurerElement(element, text);
   var isOverflowing = false;
   document.body.appendChild(measuringElement);
   if (multiline) {
@@ -78,7 +79,7 @@ function isTextOverflowing(element, multiline) {
     }
   } else {
     measuringElement.style.whiteSpace = 'nowrap';
-    isOverflowing = currentWidth < measuringElement.scrollWidth;
+    isOverflowing = Math.ceil(currentWidth) < measuringElement.scrollWidth;
   }
   document.body.removeChild(measuringElement);
   return isOverflowing;
@@ -111,9 +112,12 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(RootEllipsis, [{
     key: "showTooltip",
     value: function showTooltip() {
-      var _this$asProps$maxLine = this.asProps.maxLine,
-        maxLine = _this$asProps$maxLine === void 0 ? 1 : _this$asProps$maxLine;
-      return isTextOverflowing(this.textRef.current, maxLine > 1);
+      var _this$asProps = this.asProps,
+        _this$asProps$maxLine = _this$asProps.maxLine,
+        maxLine = _this$asProps$maxLine === void 0 ? 1 : _this$asProps$maxLine,
+        Children = _this$asProps.Children;
+      var text = (0, _reactToText["default"])((0, _getOriginChildren["default"])(Children));
+      return isTextOverflowing(this.textRef.current, maxLine > 1, text);
     }
   }, {
     key: "getContentProps",
@@ -126,9 +130,9 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        includeTooltipProps = _this$asProps.includeTooltipProps;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        includeTooltipProps = _this$asProps2.includeTooltipProps;
       var text = (0, _reactToText["default"])((0, _getOriginChildren["default"])(Children));
       var tooltipProps = (0, _pick["default"])(this.asProps, includeTooltipProps);
       return (0, _objectSpread2["default"])({
@@ -142,22 +146,24 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
       var SEllipsis = this.Root;
       var SContainer = _tooltip["default"];
       var SNoTooltipContainer = _flexBox.Box;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        Children = _this$asProps2.Children,
-        maxLine = _this$asProps2.maxLine,
-        tooltip = _this$asProps2.tooltip,
-        trim = _this$asProps2.trim,
-        containerRect = _this$asProps2.containerRect,
-        containerRef = _this$asProps2.containerRef,
-        includeTooltipProps = _this$asProps2.includeTooltipProps,
-        children = _this$asProps2.children,
-        other = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        Children = _this$asProps3.Children,
+        maxLine = _this$asProps3.maxLine,
+        tooltip = _this$asProps3.tooltip,
+        trim = _this$asProps3.trim,
+        containerRect = _this$asProps3.containerRect,
+        containerRef = _this$asProps3.containerRef,
+        includeTooltipProps = _this$asProps3.includeTooltipProps,
+        children = _this$asProps3.children,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps3, _excluded);
       var visible = this.state.visible;
       var advancedContent = (0, _findComponent["default"])(Children, [Ellipsis.Content.displayName]);
       var text = (0, _reactToText["default"])(advancedContent || (0, _getOriginChildren["default"])(Children));
       var advanceMode = (0, _findComponent.isAdvanceMode)(Children, [Ellipsis.Content.displayName, Ellipsis.Popper.displayName]);
       var tooltipProps = (0, _pick["default"])(this.asProps, includeTooltipProps);
+      tooltipProps.visible = visible;
+      tooltipProps.onVisibleChange = this.handlerVisibleChange;
       if (trim === 'middle') {
         var _ref2;
         return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(EllipsisMiddle, _ref2.cn("EllipsisMiddle", (0, _objectSpread2["default"])({
@@ -166,6 +172,7 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
           "tooltip": tooltip,
           "containerRect": containerRect,
           "containerRef": containerRef,
+          "textRef": this.textRef,
           "tooltipProps": tooltipProps,
           "advanceMode": advanceMode
         }, other)), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
@@ -174,9 +181,7 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
         var _ref3;
         return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref3.cn("SContainer", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
           "interaction": 'hover',
-          "title": !advanceMode ? text : undefined,
-          "visible": visible,
-          "onVisibleChange": this.handlerVisibleChange
+          "title": !advanceMode ? text : undefined
         }, tooltipProps), advanceMode ? forcedAdvancedMode : noAdvancedMode)), advanceMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SEllipsis, _ref3.cn("SEllipsis", (0, _objectSpread2["default"])({
           "render": _flexBox.Box,
           "ref": this.textRef,
@@ -208,6 +213,7 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
     tooltip = props.tooltip,
     containerRect = props.containerRect,
     containerRef = props.containerRef,
+    textRef = props.textRef,
     tooltipProps = props.tooltipProps,
     children = props.children,
     advanceMode = props.advanceMode,
@@ -264,7 +270,7 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
     return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainerMiddle, _ref6.cn("SContainerMiddle", (0, _objectSpread2["default"])({
       "interaction": interaction,
       "title": text,
-      "ref": ref,
+      "ref": (0, _ref11.forkRef)(ref, textRef),
       "tag": _tooltip["default"],
       "__excludeProps": ['title']
     }, tooltipProps)), /*#__PURE__*/_react["default"].createElement(SBeginning, _ref6.cn("SBeginning", {}), text.substring(0, text.length - displayedSymbols / 2 - 1)), /*#__PURE__*/_react["default"].createElement(STail, _ref6.cn("STail", {}), text.substring(text.length - displayedSymbols / 2 - 1)));