intergalactic 15.76.0-prerelease.0 → 15.76.1-prerelease.1

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

@@ -21,18 +21,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _useEnhancedEffect = _interopRequireDefault(require("intergalactic/utils/lib/use/useEnhancedEffect"));
 /*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDraggable_4zclw_gg_.__draggable_4zclw_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_4zclw_gg_.__draggable_4zclw_gg_::after{content:\"\";position:absolute;display: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_4zclw_gg_.__draggable_4zclw_gg_:hover::after{display:block}}.___SDraggable_4zclw_gg_.__draggable_4zclw_gg_.__hideHoverEffect_4zclw_gg_::after{display:none}.___SDraggable_4zclw_gg_._placement_top_4zclw_gg_{padding-top:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_4zclw_gg_._placement_right_4zclw_gg_{padding-right:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_4zclw_gg_._placement_right_4zclw_gg_::after{right:0}.___SDraggable_4zclw_gg_._placement_bottom_4zclw_gg_{padding-bottom:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_4zclw_gg_._placement_bottom_4zclw_gg_::after{bottom:0}.___SDraggable_4zclw_gg_._placement_left_4zclw_gg_{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_4zclw_gg_._placement_left_4zclw_gg_::after{left:0}.___SDraggable_4zclw_gg_._placement_top_4zclw_gg_::after{top:0;left:0;width:100%;height:16px}.___SDraggable_4zclw_gg_._placement_bottom_4zclw_gg_::after{left:0;width:100%;height:16px}.___SDraggable_4zclw_gg_._placement_left_4zclw_gg_::after,.___SDraggable_4zclw_gg_._placement_right_4zclw_gg_::after{top:0;width:16px;height:100%}.___SDropZone_4zclw_gg_{border:1px dashed var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-surface-rounded, 6px)}.___SDraggable_4zclw_gg_.__dropPreview_4zclw_gg_,.___SDropZone_4zclw_gg_.__dropPreview_4zclw_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_4zclw_gg_.__dark_4zclw_gg_.__dropPreview_4zclw_gg_,.___SDropZone_4zclw_gg_.__dark_4zclw_gg_.__dropPreview_4zclw_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SA11yHint_4zclw_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}" /*__inner_css_end__*/, "4zclw_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_4zclw_gg_",
-  "_placement_top": "_placement_top_4zclw_gg_",
-  "_placement_right": "_placement_right_4zclw_gg_",
-  "_placement_left": "_placement_left_4zclw_gg_",
-  "_placement_bottom": "_placement_bottom_4zclw_gg_",
-  "__SDropZone": "___SDropZone_4zclw_gg_",
-  "_dropPreview": "__dropPreview_4zclw_gg_",
-  "_dark": "__dark_4zclw_gg_",
-  "__SA11yHint": "___SA11yHint_4zclw_gg_",
-  "_draggable": "__draggable_4zclw_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_4zclw_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDraggable_k4qai_gg_.__draggable_k4qai_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_k4qai_gg_.__draggable_k4qai_gg_::after{content:\"\";position:absolute;display: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_k4qai_gg_.__draggable_k4qai_gg_:hover::after{display:block}}.___SDraggable_k4qai_gg_.__draggable_k4qai_gg_.__hideHoverEffect_k4qai_gg_::after{display:none}.___SDraggable_k4qai_gg_._placement_top_k4qai_gg_{padding-top:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_k4qai_gg_._placement_right_k4qai_gg_{padding-right:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_k4qai_gg_._placement_right_k4qai_gg_::after{right:0}.___SDraggable_k4qai_gg_._placement_bottom_k4qai_gg_{padding-bottom:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_k4qai_gg_._placement_bottom_k4qai_gg_::after{bottom:0}.___SDraggable_k4qai_gg_._placement_left_k4qai_gg_{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_k4qai_gg_._placement_left_k4qai_gg_::after{left:0}.___SDraggable_k4qai_gg_._placement_top_k4qai_gg_::after{top:0;left:0;width:100%;height:16px}.___SDraggable_k4qai_gg_._placement_bottom_k4qai_gg_::after{left:0;width:100%;height:16px}.___SDraggable_k4qai_gg_._placement_left_k4qai_gg_::after,.___SDraggable_k4qai_gg_._placement_right_k4qai_gg_::after{top:0;width:16px;height:100%}.___SDropZone_k4qai_gg_{border:1px dashed var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-surface-rounded, 6px)}.___SDraggable_k4qai_gg_.__dropPreview_k4qai_gg_,.___SDropZone_k4qai_gg_.__dropPreview_k4qai_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_k4qai_gg_.__dark_k4qai_gg_.__dropPreview_k4qai_gg_,.___SDropZone_k4qai_gg_.__dark_k4qai_gg_.__dropPreview_k4qai_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SA11yHint_k4qai_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}" /*__inner_css_end__*/, "k4qai_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_k4qai_gg_",
+  "_placement_top": "_placement_top_k4qai_gg_",
+  "_placement_right": "_placement_right_k4qai_gg_",
+  "_placement_left": "_placement_left_k4qai_gg_",
+  "_placement_bottom": "_placement_bottom_k4qai_gg_",
+  "__SDropZone": "___SDropZone_k4qai_gg_",
+  "_dropPreview": "__dropPreview_k4qai_gg_",
+  "_dark": "__dark_k4qai_gg_",
+  "__SA11yHint": "___SA11yHint_k4qai_gg_",
+  "_draggable": "__draggable_k4qai_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_k4qai_gg_"
 });
 var noop = function noop() {
   /* do nothing */

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

@@ -17,18 +17,18 @@ 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_4zclw_gg_.__draggable_4zclw_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_4zclw_gg_.__draggable_4zclw_gg_::after{content:\"\";position:absolute;display: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_4zclw_gg_.__draggable_4zclw_gg_:hover::after{display:block}}.___SDraggable_4zclw_gg_.__draggable_4zclw_gg_.__hideHoverEffect_4zclw_gg_::after{display:none}.___SDraggable_4zclw_gg_._placement_top_4zclw_gg_{padding-top:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_4zclw_gg_._placement_right_4zclw_gg_{padding-right:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_4zclw_gg_._placement_right_4zclw_gg_::after{right:0}.___SDraggable_4zclw_gg_._placement_bottom_4zclw_gg_{padding-bottom:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_4zclw_gg_._placement_bottom_4zclw_gg_::after{bottom:0}.___SDraggable_4zclw_gg_._placement_left_4zclw_gg_{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_4zclw_gg_._placement_left_4zclw_gg_::after{left:0}.___SDraggable_4zclw_gg_._placement_top_4zclw_gg_::after{top:0;left:0;width:100%;height:16px}.___SDraggable_4zclw_gg_._placement_bottom_4zclw_gg_::after{left:0;width:100%;height:16px}.___SDraggable_4zclw_gg_._placement_left_4zclw_gg_::after,.___SDraggable_4zclw_gg_._placement_right_4zclw_gg_::after{top:0;width:16px;height:100%}.___SDropZone_4zclw_gg_{border:1px dashed var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-surface-rounded, 6px)}.___SDraggable_4zclw_gg_.__dropPreview_4zclw_gg_,.___SDropZone_4zclw_gg_.__dropPreview_4zclw_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_4zclw_gg_.__dark_4zclw_gg_.__dropPreview_4zclw_gg_,.___SDropZone_4zclw_gg_.__dark_4zclw_gg_.__dropPreview_4zclw_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SA11yHint_4zclw_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}" /*__inner_css_end__*/, "4zclw_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_4zclw_gg_",
-  "_placement_top": "_placement_top_4zclw_gg_",
-  "_placement_right": "_placement_right_4zclw_gg_",
-  "_placement_left": "_placement_left_4zclw_gg_",
-  "_placement_bottom": "_placement_bottom_4zclw_gg_",
-  "__SDropZone": "___SDropZone_4zclw_gg_",
-  "_dropPreview": "__dropPreview_4zclw_gg_",
-  "_dark": "__dark_4zclw_gg_",
-  "__SA11yHint": "___SA11yHint_4zclw_gg_",
-  "_draggable": "__draggable_4zclw_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_4zclw_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDraggable_k4qai_gg_.__draggable_k4qai_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_k4qai_gg_.__draggable_k4qai_gg_::after{content:\"\";position:absolute;display: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_k4qai_gg_.__draggable_k4qai_gg_:hover::after{display:block}}.___SDraggable_k4qai_gg_.__draggable_k4qai_gg_.__hideHoverEffect_k4qai_gg_::after{display:none}.___SDraggable_k4qai_gg_._placement_top_k4qai_gg_{padding-top:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_k4qai_gg_._placement_right_k4qai_gg_{padding-right:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_k4qai_gg_._placement_right_k4qai_gg_::after{right:0}.___SDraggable_k4qai_gg_._placement_bottom_k4qai_gg_{padding-bottom:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_k4qai_gg_._placement_bottom_k4qai_gg_::after{bottom:0}.___SDraggable_k4qai_gg_._placement_left_k4qai_gg_{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_k4qai_gg_._placement_left_k4qai_gg_::after{left:0}.___SDraggable_k4qai_gg_._placement_top_k4qai_gg_::after{top:0;left:0;width:100%;height:16px}.___SDraggable_k4qai_gg_._placement_bottom_k4qai_gg_::after{left:0;width:100%;height:16px}.___SDraggable_k4qai_gg_._placement_left_k4qai_gg_::after,.___SDraggable_k4qai_gg_._placement_right_k4qai_gg_::after{top:0;width:16px;height:100%}.___SDropZone_k4qai_gg_{border:1px dashed var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-surface-rounded, 6px)}.___SDraggable_k4qai_gg_.__dropPreview_k4qai_gg_,.___SDropZone_k4qai_gg_.__dropPreview_k4qai_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_k4qai_gg_.__dark_k4qai_gg_.__dropPreview_k4qai_gg_,.___SDropZone_k4qai_gg_.__dark_k4qai_gg_.__dropPreview_k4qai_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SA11yHint_k4qai_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}" /*__inner_css_end__*/, "k4qai_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_k4qai_gg_",
+  "_placement_top": "_placement_top_k4qai_gg_",
+  "_placement_right": "_placement_right_k4qai_gg_",
+  "_placement_left": "_placement_left_k4qai_gg_",
+  "_placement_bottom": "_placement_bottom_k4qai_gg_",
+  "__SDropZone": "___SDropZone_k4qai_gg_",
+  "_dropPreview": "__dropPreview_k4qai_gg_",
+  "_dark": "__dark_k4qai_gg_",
+  "__SA11yHint": "___SA11yHint_k4qai_gg_",
+  "_draggable": "__draggable_k4qai_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_k4qai_gg_"
 });
 var noop = function noop() {
   /* do nothing */

package/dropdown/lib/cjs/Dropdown.js

@@ -28,8 +28,8 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _excluded = ["Children", "forwardRef", "modifiers", "stretch"];
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_1huhg_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;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));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1huhg_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_1huhg_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_1rj4h_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;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));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1rj4h_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_1rj4h_gg_"
 });
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
 var Dropdown = /*#__PURE__*/function (_Component) {

package/dropdown/lib/es6/Dropdown.js

@@ -21,8 +21,8 @@ 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__*/".___SDropdownPopper_1huhg_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;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));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1huhg_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_1huhg_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_1rj4h_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;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));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "1rj4h_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_1rj4h_gg_"
 });
 import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];

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

@@ -34,22 +34,22 @@ var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _excluded = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1w8a3_gg_,.___SDropdownMenuList_1w8a3_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1w8a3_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_1w8a3_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1w8a3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1w8a3_gg_:focus{outline:0}.___SDropdownMenuItem_1w8a3_gg_.__selected_1w8a3_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){.___SDropdownMenuItem_1w8a3_gg_.__selected_1w8a3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1w8a3_gg_.__highlighted_1w8a3_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1w8a3_gg_.__disabled_1w8a3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1w8a3_gg_._size_l_1w8a3_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}.___SDropdownMenuItem_1w8a3_gg_._size_m_1w8a3_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}.___SDropdownMenuItem_1w8a3_gg_.__notInteractive_1w8a3_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1w8a3_gg_.__notInteractive_1w8a3_gg_:hover{background:0 0}}.___SDropdownMenuItem_1w8a3_gg_._variant_hint_1w8a3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1w8a3_gg_._variant_hint_1w8a3_gg_:hover{background:0 0}}.___SDropdownMenuItem_1w8a3_gg_._variant_title_1w8a3_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1w8a3_gg_._variant_title_1w8a3_gg_:hover{background:0 0}}.___SDropdownMenuItem_1w8a3_gg_.__visible_1w8a3_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1w8a3_gg_.__nesting-trigger_1w8a3_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1w8a3_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1w8a3_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1w8a3_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1w8a3_gg_,.___SDropdownMenuNesting_1w8a3_gg_._size_l_1w8a3_gg_,.___SDropdownMenuNesting_1w8a3_gg_._size_m_1w8a3_gg_{padding:0}.___SDropdownMenuNesting_1w8a3_gg_.__highlighted_1w8a3_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1w8a3_gg_._size_l_1w8a3_gg_,.___SDropdownNestingItem_1w8a3_gg_._size_m_1w8a3_gg_{padding-right:0}.___SDropdownNestingItem_1w8a3_gg_ .___SDropdownMenuItem_1w8a3_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1w8a3_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_1w8a3_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1w8a3_gg_",
-  "_highlighted": "__highlighted_1w8a3_gg_",
-  "_disabled": "__disabled_1w8a3_gg_",
-  "_size_l": "_size_l_1w8a3_gg_",
-  "_size_m": "_size_m_1w8a3_gg_",
-  "_visible": "__visible_1w8a3_gg_",
-  "_nesting-trigger": "__nesting-trigger_1w8a3_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1w8a3_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1w8a3_gg_",
-  "_selected": "__selected_1w8a3_gg_",
-  "_notInteractive": "__notInteractive_1w8a3_gg_",
-  "_variant_hint": "_variant_hint_1w8a3_gg_",
-  "_variant_title": "_variant_title_1w8a3_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1w8a3_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_vftvi_gg_,.___SDropdownMenuList_vftvi_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_vftvi_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_vftvi_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_vftvi_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_vftvi_gg_:focus{outline:0}.___SDropdownMenuItem_vftvi_gg_.__selected_vftvi_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){.___SDropdownMenuItem_vftvi_gg_.__selected_vftvi_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_vftvi_gg_.__highlighted_vftvi_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_vftvi_gg_.__disabled_vftvi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_vftvi_gg_._size_l_vftvi_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}.___SDropdownMenuItem_vftvi_gg_._size_m_vftvi_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}.___SDropdownMenuItem_vftvi_gg_.__notInteractive_vftvi_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_vftvi_gg_.__notInteractive_vftvi_gg_:hover{background:0 0}}.___SDropdownMenuItem_vftvi_gg_._variant_hint_vftvi_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_vftvi_gg_._variant_hint_vftvi_gg_:hover{background:0 0}}.___SDropdownMenuItem_vftvi_gg_._variant_title_vftvi_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_vftvi_gg_._variant_title_vftvi_gg_:hover{background:0 0}}.___SDropdownMenuItem_vftvi_gg_.__visible_vftvi_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_vftvi_gg_.__nesting-trigger_vftvi_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_vftvi_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_vftvi_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_vftvi_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_vftvi_gg_,.___SDropdownMenuNesting_vftvi_gg_._size_l_vftvi_gg_,.___SDropdownMenuNesting_vftvi_gg_._size_m_vftvi_gg_{padding:0}.___SDropdownMenuNesting_vftvi_gg_.__highlighted_vftvi_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_vftvi_gg_._size_l_vftvi_gg_,.___SDropdownNestingItem_vftvi_gg_._size_m_vftvi_gg_{padding-right:0}.___SDropdownNestingItem_vftvi_gg_ .___SDropdownMenuItem_vftvi_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "vftvi_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_vftvi_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_vftvi_gg_",
+  "_highlighted": "__highlighted_vftvi_gg_",
+  "_disabled": "__disabled_vftvi_gg_",
+  "_size_l": "_size_l_vftvi_gg_",
+  "_size_m": "_size_m_vftvi_gg_",
+  "_visible": "__visible_vftvi_gg_",
+  "_nesting-trigger": "__nesting-trigger_vftvi_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_vftvi_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_vftvi_gg_",
+  "_selected": "__selected_vftvi_gg_",
+  "_notInteractive": "__notInteractive_vftvi_gg_",
+  "_variant_hint": "_variant_hint_vftvi_gg_",
+  "_variant_title": "_variant_title_vftvi_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_vftvi_gg_"
 });
 var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DropdownMenuRoot, _Component);

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

@@ -11,12 +11,12 @@ var _core = require("intergalactic/core");
  *
  * We will figure out what to do with it and remove it.
  *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_48om1_gg_:after,.___SShadowHorizontal_48om1_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_48om1_gg_._position_median_48om1_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    )}.___SShadowHorizontal_48om1_gg_._position_median_48om1_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    )}.___SShadowHorizontal_48om1_gg_._position_start_48om1_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    )}.___SShadowHorizontal_48om1_gg_._position_end_48om1_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    )}.___SShadowVertical_48om1_gg_:after,.___SShadowVertical_48om1_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_48om1_gg_._position_median_48om1_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    )}.___SShadowVertical_48om1_gg_._position_median_48om1_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    )}.___SShadowVertical_48om1_gg_._position_start_48om1_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    )}.___SShadowVertical_48om1_gg_._position_end_48om1_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    )}" /*__inner_css_end__*/, "48om1_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_48om1_gg_",
-  "_position_median": "_position_median_48om1_gg_",
-  "_position_start": "_position_start_48om1_gg_",
-  "_position_end": "_position_end_48om1_gg_",
-  "__SShadowVertical": "___SShadowVertical_48om1_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1o90k_gg_:after,.___SShadowHorizontal_1o90k_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1o90k_gg_._position_median_1o90k_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    )}.___SShadowHorizontal_1o90k_gg_._position_median_1o90k_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    )}.___SShadowHorizontal_1o90k_gg_._position_start_1o90k_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    )}.___SShadowHorizontal_1o90k_gg_._position_end_1o90k_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    )}.___SShadowVertical_1o90k_gg_:after,.___SShadowVertical_1o90k_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1o90k_gg_._position_median_1o90k_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    )}.___SShadowVertical_1o90k_gg_._position_median_1o90k_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    )}.___SShadowVertical_1o90k_gg_._position_start_1o90k_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    )}.___SShadowVertical_1o90k_gg_._position_end_1o90k_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    )}" /*__inner_css_end__*/, "1o90k_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1o90k_gg_",
+  "_position_median": "_position_median_1o90k_gg_",
+  "_position_start": "_position_start_1o90k_gg_",
+  "_position_end": "_position_end_1o90k_gg_",
+  "__SShadowVertical": "___SShadowVertical_1o90k_gg_"
 });
 var _default = scrollStyles;
 exports["default"] = _default;

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

@@ -33,22 +33,22 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
 import { hasParent } from 'intergalactic/utils/lib/hasParent';
 import scrollStyles from './styleScrollArea';
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1w8a3_gg_,.___SDropdownMenuList_1w8a3_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1w8a3_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_1w8a3_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1w8a3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1w8a3_gg_:focus{outline:0}.___SDropdownMenuItem_1w8a3_gg_.__selected_1w8a3_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){.___SDropdownMenuItem_1w8a3_gg_.__selected_1w8a3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1w8a3_gg_.__highlighted_1w8a3_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1w8a3_gg_.__disabled_1w8a3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1w8a3_gg_._size_l_1w8a3_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}.___SDropdownMenuItem_1w8a3_gg_._size_m_1w8a3_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}.___SDropdownMenuItem_1w8a3_gg_.__notInteractive_1w8a3_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1w8a3_gg_.__notInteractive_1w8a3_gg_:hover{background:0 0}}.___SDropdownMenuItem_1w8a3_gg_._variant_hint_1w8a3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1w8a3_gg_._variant_hint_1w8a3_gg_:hover{background:0 0}}.___SDropdownMenuItem_1w8a3_gg_._variant_title_1w8a3_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1w8a3_gg_._variant_title_1w8a3_gg_:hover{background:0 0}}.___SDropdownMenuItem_1w8a3_gg_.__visible_1w8a3_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1w8a3_gg_.__nesting-trigger_1w8a3_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1w8a3_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1w8a3_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1w8a3_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1w8a3_gg_,.___SDropdownMenuNesting_1w8a3_gg_._size_l_1w8a3_gg_,.___SDropdownMenuNesting_1w8a3_gg_._size_m_1w8a3_gg_{padding:0}.___SDropdownMenuNesting_1w8a3_gg_.__highlighted_1w8a3_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1w8a3_gg_._size_l_1w8a3_gg_,.___SDropdownNestingItem_1w8a3_gg_._size_m_1w8a3_gg_{padding-right:0}.___SDropdownNestingItem_1w8a3_gg_ .___SDropdownMenuItem_1w8a3_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1w8a3_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_1w8a3_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1w8a3_gg_",
-  "_highlighted": "__highlighted_1w8a3_gg_",
-  "_disabled": "__disabled_1w8a3_gg_",
-  "_size_l": "_size_l_1w8a3_gg_",
-  "_size_m": "_size_m_1w8a3_gg_",
-  "_visible": "__visible_1w8a3_gg_",
-  "_nesting-trigger": "__nesting-trigger_1w8a3_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1w8a3_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1w8a3_gg_",
-  "_selected": "__selected_1w8a3_gg_",
-  "_notInteractive": "__notInteractive_1w8a3_gg_",
-  "_variant_hint": "_variant_hint_1w8a3_gg_",
-  "_variant_title": "_variant_title_1w8a3_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1w8a3_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_vftvi_gg_,.___SDropdownMenuList_vftvi_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_vftvi_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_vftvi_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_vftvi_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_vftvi_gg_:focus{outline:0}.___SDropdownMenuItem_vftvi_gg_.__selected_vftvi_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){.___SDropdownMenuItem_vftvi_gg_.__selected_vftvi_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_vftvi_gg_.__highlighted_vftvi_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_vftvi_gg_.__disabled_vftvi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_vftvi_gg_._size_l_vftvi_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}.___SDropdownMenuItem_vftvi_gg_._size_m_vftvi_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}.___SDropdownMenuItem_vftvi_gg_.__notInteractive_vftvi_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_vftvi_gg_.__notInteractive_vftvi_gg_:hover{background:0 0}}.___SDropdownMenuItem_vftvi_gg_._variant_hint_vftvi_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_vftvi_gg_._variant_hint_vftvi_gg_:hover{background:0 0}}.___SDropdownMenuItem_vftvi_gg_._variant_title_vftvi_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_vftvi_gg_._variant_title_vftvi_gg_:hover{background:0 0}}.___SDropdownMenuItem_vftvi_gg_.__visible_vftvi_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_vftvi_gg_.__nesting-trigger_vftvi_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_vftvi_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_vftvi_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_vftvi_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_vftvi_gg_,.___SDropdownMenuNesting_vftvi_gg_._size_l_vftvi_gg_,.___SDropdownMenuNesting_vftvi_gg_._size_m_vftvi_gg_{padding:0}.___SDropdownMenuNesting_vftvi_gg_.__highlighted_vftvi_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_vftvi_gg_._size_l_vftvi_gg_,.___SDropdownNestingItem_vftvi_gg_._size_m_vftvi_gg_{padding-right:0}.___SDropdownNestingItem_vftvi_gg_ .___SDropdownMenuItem_vftvi_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "vftvi_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_vftvi_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_vftvi_gg_",
+  "_highlighted": "__highlighted_vftvi_gg_",
+  "_disabled": "__disabled_vftvi_gg_",
+  "_size_l": "_size_l_vftvi_gg_",
+  "_size_m": "_size_m_vftvi_gg_",
+  "_visible": "__visible_vftvi_gg_",
+  "_nesting-trigger": "__nesting-trigger_vftvi_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_vftvi_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_vftvi_gg_",
+  "_selected": "__selected_vftvi_gg_",
+  "_notInteractive": "__notInteractive_vftvi_gg_",
+  "_variant_hint": "_variant_hint_vftvi_gg_",
+  "_variant_title": "_variant_title_vftvi_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_vftvi_gg_"
 });
 import { setFocus } from 'intergalactic/utils/lib/focus-lock/setFocus';
 import { isFocusInside } from 'intergalactic/utils/lib/focus-lock/isFocusInside';

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

@@ -5,12 +5,12 @@ import { sstyled as _sstyled } from 'intergalactic/core';
  *
  * We will figure out what to do with it and remove it.
  *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_48om1_gg_:after,.___SShadowHorizontal_48om1_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_48om1_gg_._position_median_48om1_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    )}.___SShadowHorizontal_48om1_gg_._position_median_48om1_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    )}.___SShadowHorizontal_48om1_gg_._position_start_48om1_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    )}.___SShadowHorizontal_48om1_gg_._position_end_48om1_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    )}.___SShadowVertical_48om1_gg_:after,.___SShadowVertical_48om1_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_48om1_gg_._position_median_48om1_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    )}.___SShadowVertical_48om1_gg_._position_median_48om1_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    )}.___SShadowVertical_48om1_gg_._position_start_48om1_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    )}.___SShadowVertical_48om1_gg_._position_end_48om1_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    )}" /*__inner_css_end__*/, "48om1_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_48om1_gg_",
-  "_position_median": "_position_median_48om1_gg_",
-  "_position_start": "_position_start_48om1_gg_",
-  "_position_end": "_position_end_48om1_gg_",
-  "__SShadowVertical": "___SShadowVertical_48om1_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1o90k_gg_:after,.___SShadowHorizontal_1o90k_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1o90k_gg_._position_median_1o90k_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    )}.___SShadowHorizontal_1o90k_gg_._position_median_1o90k_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    )}.___SShadowHorizontal_1o90k_gg_._position_start_1o90k_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    )}.___SShadowHorizontal_1o90k_gg_._position_end_1o90k_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    )}.___SShadowVertical_1o90k_gg_:after,.___SShadowVertical_1o90k_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1o90k_gg_._position_median_1o90k_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    )}.___SShadowVertical_1o90k_gg_._position_median_1o90k_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    )}.___SShadowVertical_1o90k_gg_._position_start_1o90k_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    )}.___SShadowVertical_1o90k_gg_._position_end_1o90k_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    )}" /*__inner_css_end__*/, "1o90k_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1o90k_gg_",
+  "_position_median": "_position_median_1o90k_gg_",
+  "_position_start": "_position_start_1o90k_gg_",
+  "_position_end": "_position_end_1o90k_gg_",
+  "__SShadowVertical": "___SShadowVertical_1o90k_gg_"
 });
 export default scrollStyles;
 //# sourceMappingURL=styleScrollArea.js.map

package/ellipsis/lib/cjs/Ellipsis.js

@@ -1,12 +1,13 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -24,17 +25,19 @@ 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 _excluded = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"],
+  _excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "tooltipProps", "children", "advanceMode"];
 /*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_wlwkv_gg_,.___SContainer_wlwkv_gg_,.___SEllipsis_wlwkv_gg_.__middle-mod_wlwkv_gg_,.___SNoTooltipContainer_wlwkv_gg_{display:flex;overflow:hidden}.___SBeginning_wlwkv_gg_,.___SEllipsis_wlwkv_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_wlwkv_gg_.__maxLine_wlwkv_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_wlwkv);-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.___STail_wlwkv_gg_{white-space:nowrap}" /*__inner_css_end__*/, "wlwkv_gg_") /*__reshadow_css_end__*/, {
-  "__SContainer": "___SContainer_wlwkv_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_wlwkv_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_wlwkv_gg_",
-  "__SBeginning": "___SBeginning_wlwkv_gg_",
-  "__SEllipsis": "___SEllipsis_wlwkv_gg_",
-  "_middle-mod": "__middle-mod_wlwkv_gg_",
-  "_maxLine": "__maxLine_wlwkv_gg_",
-  "--maxLine": "--maxLine_wlwkv",
-  "__STail": "___STail_wlwkv_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_vt4hk_gg_,.___SContainer_vt4hk_gg_,.___SEllipsis_vt4hk_gg_.__middle-mod_vt4hk_gg_,.___SNoTooltipContainer_vt4hk_gg_{display:flex;overflow:hidden}.___SBeginning_vt4hk_gg_,.___SEllipsis_vt4hk_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_vt4hk_gg_.__maxLine_vt4hk_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_vt4hk);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_vt4hk_gg_>:has(.___SBeginning_vt4hk_gg_),.___SContainerMiddle_vt4hk_gg_>:has(.___STail_vt4hk_gg_){display:flex;width:100%}.___STail_vt4hk_gg_{white-space:nowrap}" /*__inner_css_end__*/, "vt4hk_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_vt4hk_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_vt4hk_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_vt4hk_gg_",
+  "__SBeginning": "___SBeginning_vt4hk_gg_",
+  "__SEllipsis": "___SEllipsis_vt4hk_gg_",
+  "_middle-mod": "__middle-mod_vt4hk_gg_",
+  "_maxLine": "__maxLine_vt4hk_gg_",
+  "--maxLine": "--maxLine_vt4hk",
+  "__STail": "___STail_vt4hk_gg_"
 });
 var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];
 var createMeasurerElement = function createMeasurerElement(element) {
@@ -140,7 +143,9 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
         trim = _this$asProps2.trim,
         containerRect = _this$asProps2.containerRect,
         containerRef = _this$asProps2.containerRef,
-        includeTooltipProps = _this$asProps2.includeTooltipProps;
+        includeTooltipProps = _this$asProps2.includeTooltipProps,
+        children = _this$asProps2.children,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps2, _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));
@@ -148,7 +153,7 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
       var tooltipProps = (0, _pick["default"])(this.asProps, includeTooltipProps);
       if (trim === 'middle') {
         var _ref2;
-        return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(EllipsisMiddle, _ref2.cn("EllipsisMiddle", {
+        return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(EllipsisMiddle, _ref2.cn("EllipsisMiddle", (0, _objectSpread2["default"])({
           "text": text,
           "styles": styles,
           "tooltip": tooltip,
@@ -156,7 +161,7 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
           "containerRef": containerRef,
           "tooltipProps": tooltipProps,
           "advanceMode": advanceMode
-        }), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
+        }, other)), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
       }
       if (tooltip) {
         var _ref3;
@@ -165,17 +170,17 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
           "title": !advanceMode ? text : undefined,
           "visible": visible,
           "onVisibleChange": this.handlerVisibleChange
-        }, tooltipProps), advanceMode ? forcedAdvancedMode : noAdvancedMode)), advanceMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SEllipsis, _ref3.cn("SEllipsis", {
+        }, 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,
           "maxLine": maxLine
-        }), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))));
+        }, other)), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))));
       }
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNoTooltipContainer, _ref4.cn("SNoTooltipContainer", {}), advanceMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SEllipsis, _ref4.cn("SEllipsis", {
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNoTooltipContainer, _ref4.cn("SNoTooltipContainer", {}), advanceMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SEllipsis, _ref4.cn("SEllipsis", (0, _objectSpread2["default"])({
         "render": _flexBox.Box,
         "ref": this.textRef,
         "maxLine": maxLine
-      }), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))));
+      }, other)), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))));
     }
   }]);
   return RootEllipsis;
@@ -198,7 +203,8 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
     containerRef = props.containerRef,
     tooltipProps = props.tooltipProps,
     children = props.children,
-    advanceMode = props.advanceMode;
+    advanceMode = props.advanceMode,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
   var resizeElement = _react["default"].useRef(null);
   var _React$useState = _react["default"].useState({
       fontSize: '14',
@@ -224,7 +230,7 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
   }, []);
   var STail = 'span';
   var SBeginning = 'span';
-  var SContainerMiddle = _flexBox.Box;
+  var SContainerMiddle = props.tag || _flexBox.Box;
   var SAdvancedModeContainerMiddle = _tooltip["default"];
   var displayedSymbols = _react["default"].useMemo(function () {
     return Math.round(blockWidth / dimension.symbolWidth);
@@ -256,9 +262,9 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
       "__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)));
   }
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainerMiddle, _ref7.cn("SContainerMiddle", {
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainerMiddle, _ref7.cn("SContainerMiddle", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
     "ref": containerRef !== null && containerRef !== void 0 ? containerRef : resizeElement
-  }), /*#__PURE__*/_react["default"].createElement(SBeginning, _ref7.cn("SBeginning", {}), text.substring(0, text.length - displayedSymbols / 2 - 1)), /*#__PURE__*/_react["default"].createElement(STail, _ref7.cn("STail", {}), text.substring(text.length - displayedSymbols / 2 - 1)));
+  })), /*#__PURE__*/_react["default"].createElement(SBeginning, _ref7.cn("SBeginning", {}), text.substring(0, text.length - displayedSymbols / 2 - 1)), /*#__PURE__*/_react["default"].createElement(STail, _ref7.cn("STail", {}), text.substring(text.length - displayedSymbols / 2 - 1)));
 };
 var Content = function Content(_ref10) {
   var _ref = arguments[0],

package/ellipsis/lib/cjs/Ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipsis.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_tooltip","_flexBox","_useResizeObserver","_useEnhancedEffect","_findComponent","_reactToText","_getOriginChildren","_pick","style","sstyled","insert","defaultTooltipProps","createMeasurerElement","element","styleElement","window","getComputedStyle","temporaryElement","document","createElement","display","padding","position","right","bottom","visibility","fontFamily","getPropertyValue","fontSize","fontWeight","innerHTML","isTextOverflowing","multiline","_element$getBoundingC","getBoundingClientRect","currentHeight","height","currentWidth","width","measuringElement","currentSize","initialSize","body","appendChild","concat","whiteSpace","removeChild","forcedAdvancedMode","noAdvancedMode","RootEllipsis","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","visible","React","createRef","setState","showTooltip","_createClass2","key","value","_this$asProps$maxLine","asProps","maxLine","textRef","current","getContentProps","ref","getPopperProps","_this$asProps","Children","includeTooltipProps","text","reactToText","getOriginChildren","tooltipProps","pick","_objectSpread2","children","render","_ref4","SEllipsis","Root","SContainer","Tooltip","SNoTooltipContainer","Box","_this$asProps2","styles","tooltip","trim","containerRect","containerRef","state","advancedContent","findComponent","Ellipsis","Content","displayName","advanceMode","isAdvanceMode","Popper","_ref2","EllipsisMiddle","cn","_ref3","undefined","handlerVisibleChange","Component","__excludeProps","EllipsisMiddleContext","createContext","props","_ref7","resizeElement","useRef","_React$useState","useState","symbolWidth","_React$useState2","_slicedToArray2","dimension","setDimension","blockWidth","useResizeObserver","useEnhancedEffect","node","dateSpan","setAttribute","rect","STail","SBeginning","SContainerMiddle","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","Math","round","interaction","contextValue","begining","substring","tail","_ref5","Provider","_ref6","_ref10","_ref","arguments[0]","_ref9","Trigger","ellipsisMiddleContext","useContext","_ref8","assignProps","createComponent","_default","exports"],"sources":["../../src/Ellipsis.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport createComponent, { Component, Intergalactic, Root, sstyled } from '@semcore/core';\nimport Tooltip, { TooltipProps } from '@semcore/tooltip';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { useResizeObserver } from './useResizeObserver';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport findComponent, { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/ellipsis.shadow.css';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport pick from '@semcore/utils/lib/pick';\n\ntype AsProps = {\n  maxLine?: number;\n  trim?: 'end' | 'middle';\n  tooltip?: boolean;\n  styles?: React.CSSProperties;\n  containerRect?: { width: number };\n\n  containerRef?: RefObject<HTMLDivElement>;\n  includeTooltipProps?: string[];\n  __excludeProps?: string[];\n};\n\ntype AsPropsMiddle = {\n  text: string;\n  tooltip?: boolean;\n  styles?: React.CSSProperties;\n  containerRect?: { width: number };\n\n  containerRef?: RefObject<HTMLDivElement>;\n  tooltipProps: TooltipProps;\n  children?: React.ReactNode;\n  advanceMode?: boolean;\n};\n\ntype EllipsisProps = BoxProps &\n  Partial<TooltipProps> & {\n    /**\n     * Rows count in multiline Ellipsis\n     * @default 1\n     */\n    maxLine?: number;\n    /**\n     * Trimming type\n     * @default end\n     */\n    trim?: 'end' | 'middle';\n    /**\n     * Show tooltip\n     * @default true\n     */\n    tooltip?: boolean;\n    /**\n     * Ref to the item that will be observed by ResizeObserver\n     */\n    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n    containerRef?: RefObject<HTMLDivElement>;\n    /**\n     * Explicit sizes of container text should be trimmed in\n     **/\n    containerRect?: { width: number };\n    /** List of props that will be passed to tooltip\n     * @default ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate']\n     */\n    includeTooltipProps?: string[];\n  };\n\nconst defaultTooltipProps = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nconst createMeasurerElement = (element: HTMLDivElement) => {\n  const styleElement = window.getComputedStyle(element, null);\n  const temporaryElement = document.createElement('temporary-block');\n  temporaryElement.style.display = 'inline-block';\n  temporaryElement.style.padding = '0';\n  temporaryElement.style.position = 'absolute';\n  temporaryElement.style.right = '150%';\n  temporaryElement.style.bottom = '150%';\n  temporaryElement.style.visibility = 'hidden';\n  temporaryElement.style.fontFamily = styleElement.getPropertyValue('font-family');\n  temporaryElement.style.fontSize = styleElement.getPropertyValue('font-size');\n  temporaryElement.style.fontWeight = styleElement.getPropertyValue('font-weight');\n\n  temporaryElement.innerHTML = element.innerHTML;\n  return temporaryElement;\n};\n\nfunction isTextOverflowing(element: HTMLDivElement, multiline: boolean): boolean {\n  if (!element) return false;\n\n  const { height: currentHeight, width: currentWidth } = element.getBoundingClientRect();\n  const measuringElement = createMeasurerElement(element);\n  let currentSize;\n  let initialSize;\n  document.body.appendChild(measuringElement);\n  if (multiline) {\n    currentSize = currentHeight;\n    measuringElement.style.width = `${currentWidth}px`;\n    initialSize = measuringElement.getBoundingClientRect().height;\n  } else {\n    currentSize = currentWidth;\n    measuringElement.style.whiteSpace = 'nowrap';\n    initialSize = measuringElement.getBoundingClientRect().width;\n  }\n  document.body.removeChild(measuringElement);\n  return currentSize < initialSize;\n}\n\nconst forcedAdvancedMode = { forcedAdvancedMode: true } as any;\nconst noAdvancedMode = {} as any;\n\nclass RootEllipsis extends Component<AsProps> {\n  static displayName = 'Ellipsis';\n  static style = style;\n  static defaultProps: AsProps = {\n    trim: 'end',\n    tooltip: true,\n    includeTooltipProps: defaultTooltipProps,\n    __excludeProps: ['title'],\n  };\n\n  state = {\n    visible: false,\n  };\n\n  textRef = React.createRef<HTMLDivElement>();\n\n  showTooltip() {\n    const { maxLine = 1 } = this.asProps;\n    return isTextOverflowing(this.textRef.current!, maxLine > 1);\n  }\n\n  handlerVisibleChange = (visible: boolean) => {\n    this.setState({ visible: visible && this.showTooltip() });\n  };\n\n  getContentProps() {\n    return {\n      ref: this.textRef,\n      maxLine: this.asProps.maxLine,\n    };\n  }\n\n  getPopperProps() {\n    const { Children, includeTooltipProps } = this.asProps;\n    const text = reactToText(getOriginChildren(Children));\n    const tooltipProps = pick(this.asProps, includeTooltipProps as any) as TooltipProps;\n    return { children: text, ...tooltipProps };\n  }\n\n  render() {\n    const SEllipsis = this.Root;\n    const SContainer = Tooltip;\n    const SNoTooltipContainer = Box;\n    const {\n      styles,\n      Children,\n      maxLine,\n      tooltip,\n      trim,\n      containerRect,\n      containerRef,\n      includeTooltipProps,\n    } = this.asProps;\n    const { visible } = this.state;\n    const advancedContent = findComponent(Children, [(Ellipsis as any).Content.displayName]);\n    const text = reactToText(advancedContent || getOriginChildren(Children));\n    const advanceMode = isAdvanceMode(Children, [\n      (Ellipsis as any).Content.displayName,\n      (Ellipsis as any).Popper.displayName,\n    ]);\n    const tooltipProps = pick(this.asProps, includeTooltipProps as any) as TooltipProps;\n    if (trim === 'middle') {\n      return sstyled(styles)(\n        <EllipsisMiddle\n          text={text}\n          styles={styles}\n          tooltip={tooltip}\n          containerRect={containerRect}\n          containerRef={containerRef}\n          tooltipProps={tooltipProps}\n          advanceMode={advanceMode}\n        >\n          <Children />\n        </EllipsisMiddle>,\n      );\n    }\n    if (tooltip) {\n      return sstyled(styles)(\n        <SContainer\n          interaction='hover'\n          title={!advanceMode ? text : undefined}\n          visible={visible}\n          onVisibleChange={this.handlerVisibleChange}\n          {...tooltipProps}\n          {...(advanceMode ? forcedAdvancedMode : noAdvancedMode)}\n        >\n          {advanceMode ? (\n            <Children />\n          ) : (\n            <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine}>\n              <Children />\n            </SEllipsis>\n          )}\n        </SContainer>,\n      );\n    }\n    return sstyled(styles)(\n      <SNoTooltipContainer>\n        {advanceMode ? (\n          <Children />\n        ) : (\n          <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine}>\n            <Children />\n          </SEllipsis>\n        )}\n      </SNoTooltipContainer>,\n    );\n  }\n}\n\nconst EllipsisMiddleContext = React.createContext<null | {\n  begining: string;\n  tail: string;\n  ref: React.RefObject<HTMLElement>;\n}>(null);\n\nconst EllipsisMiddle: React.FC<AsPropsMiddle> = (props) => {\n  const {\n    styles,\n    text,\n    tooltip,\n    containerRect,\n    containerRef,\n    tooltipProps,\n    children,\n    advanceMode,\n  } = props;\n  const resizeElement = React.useRef<HTMLDivElement>(null);\n  const [dimension, setDimension] = React.useState<{ fontSize: string; symbolWidth: number }>({\n    fontSize: '14',\n    symbolWidth: 0,\n  });\n  const blockWidth = useResizeObserver(resizeElement, containerRect).width;\n\n  useEnhancedEffect(() => {\n    const node = containerRef?.current || resizeElement?.current;\n    if (!node) return;\n\n    const dateSpan = document.createElement('temporary-block');\n    dateSpan.setAttribute('style', `fontSize: ${dimension.fontSize}px`);\n    dateSpan.innerHTML = 'a';\n    document.body.appendChild(dateSpan);\n    const rect = dateSpan.getBoundingClientRect();\n\n    setDimension({\n      fontSize: window.getComputedStyle(node, null).getPropertyValue('font-size'),\n      symbolWidth: rect.width,\n    });\n    document.body.removeChild(dateSpan);\n  }, []);\n\n  const STail = 'span';\n  const SBeginning = 'span';\n  const SContainerMiddle = Box;\n  const SAdvancedModeContainerMiddle = Tooltip;\n  const displayedSymbols = React.useMemo(\n    () => Math.round(blockWidth / dimension.symbolWidth),\n    [blockWidth, dimension.symbolWidth],\n  );\n\n  const interaction = text.length > displayedSymbols ? 'hover' : 'none';\n  const ref = containerRef ?? resizeElement;\n  const contextValue = React.useMemo(\n    () => ({\n      begining: text.substring(0, text.length - displayedSymbols / 2 - 1),\n      tail: text.substring(text.length - displayedSymbols / 2 - 1),\n      ref,\n    }),\n    [text, displayedSymbols],\n  );\n\n  if (advanceMode) {\n    return sstyled(styles)(\n      <SAdvancedModeContainerMiddle\n        interaction={interaction}\n        {...tooltipProps}\n        {...forcedAdvancedMode}\n      >\n        <EllipsisMiddleContext.Provider value={contextValue}>\n          {children}\n        </EllipsisMiddleContext.Provider>\n      </SAdvancedModeContainerMiddle>,\n    ) as any;\n  }\n  if (tooltip) {\n    return sstyled(styles)(\n      <SContainerMiddle\n        interaction={interaction}\n        title={text as any}\n        ref={ref}\n        tag={Tooltip}\n        __excludeProps={['title']}\n        {...tooltipProps}\n      >\n        <SBeginning>{text.substring(0, text.length - displayedSymbols / 2 - 1)}</SBeginning>\n        <STail>{text.substring(text.length - displayedSymbols / 2 - 1)}</STail>\n      </SContainerMiddle>,\n    ) as any;\n  }\n  return sstyled(styles)(\n    <SContainerMiddle ref={containerRef ?? resizeElement}>\n      <SBeginning>{text.substring(0, text.length - displayedSymbols / 2 - 1)}</SBeginning>\n      <STail>{text.substring(text.length - displayedSymbols / 2 - 1)}</STail>\n    </SContainerMiddle>,\n  ) as any;\n};\n\ntype EllipsisContentAsProps = {\n  styles: any;\n  Children: React.FC;\n};\n\nconst Content: React.FC<EllipsisContentAsProps> = ({ styles, Children }) => {\n  const SEllipsis = Root;\n  const ellipsisMiddleContext = React.useContext(EllipsisMiddleContext);\n  const STail = 'span';\n  const SBeginning = 'span';\n\n  if (ellipsisMiddleContext) {\n    const { begining, tail, ref } = ellipsisMiddleContext;\n    return sstyled(styles)(\n      <SEllipsis render={Tooltip.Trigger} middle-mod ref={ref}>\n        <SBeginning>{begining}</SBeginning>\n        <STail>{tail}</STail>\n      </SEllipsis>,\n    ) as any;\n  }\n\n  return sstyled(styles)(\n    <SEllipsis render={Tooltip.Trigger}>\n      <Children />\n    </SEllipsis>,\n  ) as any;\n};\n\nconst Ellipsis = createComponent(RootEllipsis, {\n  Content,\n  Popper: Tooltip.Popper,\n}) as any as Intergalactic.Component<'div', EllipsisProps> & {\n  Content: typeof Box;\n  Popper: typeof Tooltip.Popper;\n};\n\nexport default Ellipsis;\n"],"mappings":"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"}
+{"version":3,"file":"Ellipsis.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_tooltip","_flexBox","_useResizeObserver","_useEnhancedEffect","_findComponent","_reactToText","_getOriginChildren","_pick","_excluded","_excluded2","style","sstyled","insert","defaultTooltipProps","createMeasurerElement","element","styleElement","window","getComputedStyle","temporaryElement","document","createElement","display","padding","position","right","bottom","visibility","fontFamily","getPropertyValue","fontSize","fontWeight","innerHTML","isTextOverflowing","multiline","_element$getBoundingC","getBoundingClientRect","currentHeight","height","currentWidth","width","measuringElement","currentSize","initialSize","body","appendChild","concat","whiteSpace","removeChild","forcedAdvancedMode","noAdvancedMode","RootEllipsis","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","visible","React","createRef","setState","showTooltip","_createClass2","key","value","_this$asProps$maxLine","asProps","maxLine","textRef","current","getContentProps","ref","getPopperProps","_this$asProps","Children","includeTooltipProps","text","reactToText","getOriginChildren","tooltipProps","pick","_objectSpread2","children","render","_ref4","SEllipsis","Root","SContainer","Tooltip","SNoTooltipContainer","Box","_this$asProps2","styles","tooltip","trim","containerRect","containerRef","other","_objectWithoutProperties2","state","advancedContent","findComponent","Ellipsis","Content","displayName","advanceMode","isAdvanceMode","Popper","_ref2","EllipsisMiddle","cn","_ref3","undefined","handlerVisibleChange","Component","__excludeProps","EllipsisMiddleContext","createContext","props","_ref7","otherProps","resizeElement","useRef","_React$useState","useState","symbolWidth","_React$useState2","_slicedToArray2","dimension","setDimension","blockWidth","useResizeObserver","useEnhancedEffect","node","dateSpan","setAttribute","rect","STail","SBeginning","SContainerMiddle","tag","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","Math","round","interaction","contextValue","begining","substring","tail","_ref5","Provider","_ref6","_ref10","_ref","arguments[0]","_ref9","Trigger","ellipsisMiddleContext","useContext","_ref8","assignProps","createComponent","_default","exports"],"sources":["../../src/Ellipsis.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport createComponent, { Component, Intergalactic, Root, sstyled } from '@semcore/core';\nimport Tooltip, { TooltipProps } from '@semcore/tooltip';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { useResizeObserver } from './useResizeObserver';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport findComponent, { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/ellipsis.shadow.css';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport pick from '@semcore/utils/lib/pick';\n\ntype AsProps = {\n  maxLine?: number;\n  trim?: 'end' | 'middle';\n  tooltip?: boolean;\n  styles?: React.CSSProperties;\n  containerRect?: { width: number };\n\n  containerRef?: RefObject<HTMLDivElement>;\n  includeTooltipProps?: string[];\n  __excludeProps?: string[];\n};\n\ntype AsPropsMiddle = {\n  text: string;\n  tooltip?: boolean;\n  styles?: React.CSSProperties;\n  containerRect?: { width: number };\n\n  containerRef?: RefObject<HTMLDivElement>;\n  tooltipProps: TooltipProps;\n  children?: React.ReactNode;\n  advanceMode?: boolean;\n  tag?: React.ElementType;\n};\n\ntype EllipsisProps = BoxProps &\n  Partial<TooltipProps> & {\n    /**\n     * Rows count in multiline Ellipsis\n     * @default 1\n     */\n    maxLine?: number;\n    /**\n     * Trimming type\n     * @default end\n     */\n    trim?: 'end' | 'middle';\n    /**\n     * Show tooltip\n     * @default true\n     */\n    tooltip?: boolean;\n    /**\n     * Ref to the item that will be observed by ResizeObserver\n     */\n    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n    containerRef?: RefObject<HTMLDivElement>;\n    /**\n     * Explicit sizes of container text should be trimmed in\n     **/\n    containerRect?: { width: number };\n    /** List of props that will be passed to tooltip\n     * @default ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate']\n     */\n    includeTooltipProps?: string[];\n  };\n\nconst defaultTooltipProps = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nconst createMeasurerElement = (element: HTMLDivElement) => {\n  const styleElement = window.getComputedStyle(element, null);\n  const temporaryElement = document.createElement('temporary-block');\n  temporaryElement.style.display = 'inline-block';\n  temporaryElement.style.padding = '0';\n  temporaryElement.style.position = 'absolute';\n  temporaryElement.style.right = '150%';\n  temporaryElement.style.bottom = '150%';\n  temporaryElement.style.visibility = 'hidden';\n  temporaryElement.style.fontFamily = styleElement.getPropertyValue('font-family');\n  temporaryElement.style.fontSize = styleElement.getPropertyValue('font-size');\n  temporaryElement.style.fontWeight = styleElement.getPropertyValue('font-weight');\n\n  temporaryElement.innerHTML = element.innerHTML;\n  return temporaryElement;\n};\n\nfunction isTextOverflowing(element: HTMLDivElement, multiline: boolean): boolean {\n  if (!element) return false;\n\n  const { height: currentHeight, width: currentWidth } = element.getBoundingClientRect();\n  const measuringElement = createMeasurerElement(element);\n  let currentSize;\n  let initialSize;\n  document.body.appendChild(measuringElement);\n  if (multiline) {\n    currentSize = currentHeight;\n    measuringElement.style.width = `${currentWidth}px`;\n    initialSize = measuringElement.getBoundingClientRect().height;\n  } else {\n    currentSize = currentWidth;\n    measuringElement.style.whiteSpace = 'nowrap';\n    initialSize = measuringElement.getBoundingClientRect().width;\n  }\n  document.body.removeChild(measuringElement);\n  return currentSize < initialSize;\n}\n\nconst forcedAdvancedMode = { forcedAdvancedMode: true } as any;\nconst noAdvancedMode = {} as any;\n\nclass RootEllipsis extends Component<AsProps> {\n  static displayName = 'Ellipsis';\n  static style = style;\n  static defaultProps: AsProps = {\n    trim: 'end',\n    tooltip: true,\n    includeTooltipProps: defaultTooltipProps,\n    __excludeProps: ['title'],\n  };\n\n  state = {\n    visible: false,\n  };\n\n  textRef = React.createRef<HTMLDivElement>();\n\n  showTooltip() {\n    const { maxLine = 1 } = this.asProps;\n    return isTextOverflowing(this.textRef.current!, maxLine > 1);\n  }\n\n  handlerVisibleChange = (visible: boolean) => {\n    this.setState({ visible: visible && this.showTooltip() });\n  };\n\n  getContentProps() {\n    return {\n      ref: this.textRef,\n      maxLine: this.asProps.maxLine,\n    };\n  }\n\n  getPopperProps() {\n    const { Children, includeTooltipProps } = this.asProps;\n    const text = reactToText(getOriginChildren(Children));\n    const tooltipProps = pick(this.asProps, includeTooltipProps as any) as TooltipProps;\n    return { children: text, ...tooltipProps };\n  }\n\n  render() {\n    const SEllipsis = this.Root;\n    const SContainer = Tooltip;\n    const SNoTooltipContainer = Box;\n    const {\n      styles,\n      Children,\n      maxLine,\n      tooltip,\n      trim,\n      containerRect,\n      containerRef,\n      includeTooltipProps,\n      children,\n      ...other\n    } = this.asProps;\n    const { visible } = this.state;\n    const advancedContent = findComponent(Children, [(Ellipsis as any).Content.displayName]);\n    const text = reactToText(advancedContent || getOriginChildren(Children));\n    const advanceMode = isAdvanceMode(Children, [\n      (Ellipsis as any).Content.displayName,\n      (Ellipsis as any).Popper.displayName,\n    ]);\n    const tooltipProps = pick(this.asProps, includeTooltipProps as any) as TooltipProps;\n    if (trim === 'middle') {\n      return sstyled(styles)(\n        <EllipsisMiddle\n          text={text}\n          styles={styles}\n          tooltip={tooltip}\n          containerRect={containerRect}\n          containerRef={containerRef}\n          tooltipProps={tooltipProps}\n          advanceMode={advanceMode}\n          {...other}\n        >\n          <Children />\n        </EllipsisMiddle>,\n      );\n    }\n    if (tooltip) {\n      return sstyled(styles)(\n        <SContainer\n          interaction='hover'\n          title={!advanceMode ? text : undefined}\n          visible={visible}\n          onVisibleChange={this.handlerVisibleChange}\n          {...tooltipProps}\n          {...(advanceMode ? forcedAdvancedMode : noAdvancedMode)}\n        >\n          {advanceMode ? (\n            <Children />\n          ) : (\n            <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine} {...other}>\n              <Children />\n            </SEllipsis>\n          )}\n        </SContainer>,\n      );\n    }\n    return sstyled(styles)(\n      <SNoTooltipContainer>\n        {advanceMode ? (\n          <Children />\n        ) : (\n          <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine} {...other}>\n            <Children />\n          </SEllipsis>\n        )}\n      </SNoTooltipContainer>,\n    );\n  }\n}\n\nconst EllipsisMiddleContext = React.createContext<null | {\n  begining: string;\n  tail: string;\n  ref: React.RefObject<HTMLElement>;\n}>(null);\n\nconst EllipsisMiddle: React.FC<AsPropsMiddle> = (props) => {\n  const {\n    styles,\n    text,\n    tooltip,\n    containerRect,\n    containerRef,\n    tooltipProps,\n    children,\n    advanceMode,\n    ...otherProps\n  } = props;\n  const resizeElement = React.useRef<HTMLDivElement>(null);\n  const [dimension, setDimension] = React.useState<{ fontSize: string; symbolWidth: number }>({\n    fontSize: '14',\n    symbolWidth: 0,\n  });\n  const blockWidth = useResizeObserver(resizeElement, containerRect).width;\n\n  useEnhancedEffect(() => {\n    const node = containerRef?.current || resizeElement?.current;\n    if (!node) return;\n\n    const dateSpan = document.createElement('temporary-block');\n    dateSpan.setAttribute('style', `fontSize: ${dimension.fontSize}px`);\n    dateSpan.innerHTML = 'a';\n    document.body.appendChild(dateSpan);\n    const rect = dateSpan.getBoundingClientRect();\n\n    setDimension({\n      fontSize: window.getComputedStyle(node, null).getPropertyValue('font-size'),\n      symbolWidth: rect.width,\n    });\n    document.body.removeChild(dateSpan);\n  }, []);\n\n  const STail = 'span';\n  const SBeginning = 'span';\n  const SContainerMiddle = props.tag || Box;\n  const SAdvancedModeContainerMiddle = Tooltip;\n  const displayedSymbols = React.useMemo(\n    () => Math.round(blockWidth / dimension.symbolWidth),\n    [blockWidth, dimension.symbolWidth],\n  );\n\n  const interaction = text.length > displayedSymbols ? 'hover' : 'none';\n  const ref = containerRef ?? resizeElement;\n  const contextValue = React.useMemo(\n    () => ({\n      begining: text.substring(0, text.length - displayedSymbols / 2 - 1),\n      tail: text.substring(text.length - displayedSymbols / 2 - 1),\n      ref,\n    }),\n    [text, displayedSymbols],\n  );\n\n  if (advanceMode) {\n    return sstyled(styles)(\n      <SAdvancedModeContainerMiddle\n        interaction={interaction}\n        {...tooltipProps}\n        {...forcedAdvancedMode}\n      >\n        <EllipsisMiddleContext.Provider value={contextValue}>\n          {children}\n        </EllipsisMiddleContext.Provider>\n      </SAdvancedModeContainerMiddle>,\n    ) as any;\n  }\n  if (tooltip) {\n    return sstyled(styles)(\n      <SContainerMiddle\n        interaction={interaction}\n        title={text as any}\n        ref={ref}\n        tag={Tooltip}\n        __excludeProps={['title']}\n        {...tooltipProps}\n      >\n        <SBeginning>{text.substring(0, text.length - displayedSymbols / 2 - 1)}</SBeginning>\n        <STail>{text.substring(text.length - displayedSymbols / 2 - 1)}</STail>\n      </SContainerMiddle>,\n    ) as any;\n  }\n  return sstyled(styles)(\n    <SContainerMiddle {...otherProps} ref={containerRef ?? resizeElement}>\n      <SBeginning>{text.substring(0, text.length - displayedSymbols / 2 - 1)}</SBeginning>\n      <STail>{text.substring(text.length - displayedSymbols / 2 - 1)}</STail>\n    </SContainerMiddle>,\n  ) as any;\n};\n\ntype EllipsisContentAsProps = {\n  styles: any;\n  Children: React.FC;\n};\n\nconst Content: React.FC<EllipsisContentAsProps> = ({ styles, Children }) => {\n  const SEllipsis = Root;\n  const ellipsisMiddleContext = React.useContext(EllipsisMiddleContext);\n  const STail = 'span';\n  const SBeginning = 'span';\n\n  if (ellipsisMiddleContext) {\n    const { begining, tail, ref } = ellipsisMiddleContext;\n    return sstyled(styles)(\n      <SEllipsis render={Tooltip.Trigger} middle-mod ref={ref}>\n        <SBeginning>{begining}</SBeginning>\n        <STail>{tail}</STail>\n      </SEllipsis>,\n    ) as any;\n  }\n\n  return sstyled(styles)(\n    <SEllipsis render={Tooltip.Trigger}>\n      <Children />\n    </SEllipsis>,\n  ) as any;\n};\n\nconst Ellipsis = createComponent(RootEllipsis, {\n  Content,\n  Popper: Tooltip.Popper,\n}) as any as Intergalactic.Component<'div', EllipsisProps> & {\n  Content: typeof Box;\n  Popper: typeof Tooltip.Popper;\n};\n\nexport default Ellipsis;\n"],"mappings":"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"}

package/ellipsis/lib/cjs/style/ellipsis.shadow.css

@@ -24,6 +24,13 @@ SEllipsis[maxLine] {
   -webkit-box-orient: vertical;
   overflow: hidden;
   white-space: normal;
+  overflow-wrap: break-word;
+}
+
+SContainerMiddle> :has(SBeginning),
+SContainerMiddle> :has(STail) {
+  display: flex;
+  width: 100%;
 }
 
 STail {