intergalactic 15.96.1 → 15.97.0

package/divider/lib/es6/Divider.js

@@ -10,15 +10,15 @@ import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./style/divider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDivider_1m03j_gg_{display:block}.___SDivider_1m03j_gg_._use_primary_1m03j_gg_{background-color:var(--theme_1m03j, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_1m03j_gg_._use_primary_1m03j_gg_.___SDivider_1m03j_gg_._theme_default_1m03j_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_1m03j_gg_._use_primary_1m03j_gg_.___SDivider_1m03j_gg_._theme_invert_1m03j_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_1m03j_gg_._orientation_horizontal_1m03j_gg_.___SDivider_1m03j_gg_._use_secondary_1m03j_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1m03j_gg_._orientation_horizontal_1m03j_gg_.___SDivider_1m03j_gg_._use_secondary_1m03j_gg_.___SDivider_1m03j_gg_._theme_default_1m03j_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1m03j_gg_._orientation_horizontal_1m03j_gg_.___SDivider_1m03j_gg_._use_secondary_1m03j_gg_.___SDivider_1m03j_gg_._theme_invert_1m03j_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_1m03j_gg_._orientation_vertical_1m03j_gg_.___SDivider_1m03j_gg_._use_secondary_1m03j_gg_,.___SDivider_1m03j_gg_._orientation_vertical_1m03j_gg_.___SDivider_1m03j_gg_._use_secondary_1m03j_gg_.___SDivider_1m03j_gg_._theme_default_1m03j_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_1m03j_gg_._orientation_vertical_1m03j_gg_.___SDivider_1m03j_gg_._use_secondary_1m03j_gg_.___SDivider_1m03j_gg_._theme_invert_1m03j_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_1m03j_gg_._orientation_horizontal_1m03j_gg_{width:100%;height:1px}.___SDivider_1m03j_gg_._orientation_vertical_1m03j_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}" /*__inner_css_end__*/, "1m03j_gg_") /*__reshadow_css_end__*/, {
-  "__SDivider": "___SDivider_1m03j_gg_",
-  "_use_primary": "_use_primary_1m03j_gg_",
-  "--theme": "--theme_1m03j",
-  "_theme_default": "_theme_default_1m03j_gg_",
-  "_theme_invert": "_theme_invert_1m03j_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1m03j_gg_",
-  "_use_secondary": "_use_secondary_1m03j_gg_",
-  "_orientation_vertical": "_orientation_vertical_1m03j_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDivider_1qyx7_gg_{display:block}.___SDivider_1qyx7_gg_._use_primary_1qyx7_gg_{background-color:var(--theme_1qyx7, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_1qyx7_gg_._use_primary_1qyx7_gg_.___SDivider_1qyx7_gg_._theme_default_1qyx7_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_1qyx7_gg_._use_primary_1qyx7_gg_.___SDivider_1qyx7_gg_._theme_invert_1qyx7_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_1qyx7_gg_._orientation_horizontal_1qyx7_gg_.___SDivider_1qyx7_gg_._use_secondary_1qyx7_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1qyx7_gg_._orientation_horizontal_1qyx7_gg_.___SDivider_1qyx7_gg_._use_secondary_1qyx7_gg_.___SDivider_1qyx7_gg_._theme_default_1qyx7_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1qyx7_gg_._orientation_horizontal_1qyx7_gg_.___SDivider_1qyx7_gg_._use_secondary_1qyx7_gg_.___SDivider_1qyx7_gg_._theme_invert_1qyx7_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_1qyx7_gg_._orientation_vertical_1qyx7_gg_.___SDivider_1qyx7_gg_._use_secondary_1qyx7_gg_,.___SDivider_1qyx7_gg_._orientation_vertical_1qyx7_gg_.___SDivider_1qyx7_gg_._use_secondary_1qyx7_gg_.___SDivider_1qyx7_gg_._theme_default_1qyx7_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_1qyx7_gg_._orientation_vertical_1qyx7_gg_.___SDivider_1qyx7_gg_._use_secondary_1qyx7_gg_.___SDivider_1qyx7_gg_._theme_invert_1qyx7_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_1qyx7_gg_._orientation_horizontal_1qyx7_gg_{width:100%;height:1px}.___SDivider_1qyx7_gg_._orientation_vertical_1qyx7_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}" /*__inner_css_end__*/, "1qyx7_gg_") /*__reshadow_css_end__*/, {
+  "__SDivider": "___SDivider_1qyx7_gg_",
+  "_use_primary": "_use_primary_1qyx7_gg_",
+  "--theme": "--theme_1qyx7",
+  "_theme_default": "_theme_default_1qyx7_gg_",
+  "_theme_invert": "_theme_invert_1qyx7_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_1qyx7_gg_",
+  "_use_secondary": "_use_secondary_1qyx7_gg_",
+  "_orientation_vertical": "_orientation_vertical_1qyx7_gg_"
 });
 var Divider = /*#__PURE__*/function (_Component) {
   _inherits(Divider, _Component);

package/dot/lib/cjs/Dot.js

@@ -25,17 +25,17 @@ var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDot_2hgs8_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_2hgs8_gg_._size_xl_2hgs8_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_2hgs8_gg_._size_l_2hgs8_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_2hgs8_gg_._size_m_2hgs8_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_2hgs8_gg_.__up_2hgs8_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_2hgs8_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "2hgs8_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_2hgs8_gg_",
-  "_size_xl": "_size_xl_2hgs8_gg_",
-  "_size_l": "_size_l_2hgs8_gg_",
-  "_size_m": "_size_m_2hgs8_gg_",
-  "_up": "__up_2hgs8_gg_",
-  "__SA11yAlert": "___SA11yAlert_2hgs8_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDot_15wts_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_15wts_gg_._size_xl_15wts_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_15wts_gg_._size_l_15wts_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_15wts_gg_._size_m_15wts_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_15wts_gg_.__up_15wts_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_15wts_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "15wts_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_15wts_gg_",
+  "_size_xl": "_size_xl_15wts_gg_",
+  "_size_l": "_size_l_15wts_gg_",
+  "_size_m": "_size_m_15wts_gg_",
+  "_up": "__up_15wts_gg_",
+  "__SA11yAlert": "___SA11yAlert_15wts_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1eoo2{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_1eoo2{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "1eoo2_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_1eoo2",
-  "@exit": "exit_1eoo2"
+var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_dq21t{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_dq21t{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "dq21t_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_dq21t",
+  "@exit": "exit_dq21t"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Dot, _Component);

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_2hgs8_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_2hgs8_gg_._size_xl_2hgs8_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_2hgs8_gg_._size_l_2hgs8_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_2hgs8_gg_._size_m_2hgs8_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_2hgs8_gg_.__up_2hgs8_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_2hgs8_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "2hgs8_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_2hgs8_gg_",
-  "_size_xl": "_size_xl_2hgs8_gg_",
-  "_size_l": "_size_l_2hgs8_gg_",
-  "_size_m": "_size_m_2hgs8_gg_",
-  "_up": "__up_2hgs8_gg_",
-  "__SA11yAlert": "___SA11yAlert_2hgs8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_15wts_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_15wts_gg_._size_xl_15wts_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_15wts_gg_._size_l_15wts_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_15wts_gg_._size_m_15wts_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_15wts_gg_.__up_15wts_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_15wts_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "15wts_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_15wts_gg_",
+  "_size_xl": "_size_xl_15wts_gg_",
+  "_size_l": "_size_l_15wts_gg_",
+  "_size_m": "_size_m_15wts_gg_",
+  "_up": "__up_15wts_gg_",
+  "__SA11yAlert": "___SA11yAlert_15wts_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1eoo2{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_1eoo2{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "1eoo2_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_1eoo2",
-  "@exit": "exit_1eoo2"
+var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_dq21t{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_dq21t{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "dq21t_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_dq21t",
+  "@exit": "exit_dq21t"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   _inherits(Dot, _Component);

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

@@ -23,22 +23,22 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _useEnhancedEffect = _interopRequireDefault(require("intergalactic/utils/lib/use/useEnhancedEffect"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDraggable_17waj_gg_.__draggable_17waj_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_17waj_gg_.__draggable_17waj_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_17waj_gg_.__draggable_17waj_gg_:hover::before{display:block}}.___SDraggable_17waj_gg_.__draggable_17waj_gg_.__hideHoverEffect_17waj_gg_::before{display:none}.___SDraggable_17waj_gg_._placement_right_17waj_gg_::before{right:0}.___SDraggable_17waj_gg_._placement_bottom_17waj_gg_::before{bottom:0}.___SDraggable_17waj_gg_._placement_left_17waj_gg_::before{left:0}.___SDraggable_17waj_gg_._placement_top_17waj_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_17waj_gg_._placement_bottom_17waj_gg_::before{left:0;width:100%;height:16px}.___SDraggable_17waj_gg_._placement_left_17waj_gg_::before,.___SDraggable_17waj_gg_._placement_right_17waj_gg_::before{top:0;width:16px;height:100%}.___SDropZone_17waj_gg_{position:relative}.___SDraggable_17waj_gg_.__dropPreview_17waj_gg_,.___SDropZone_17waj_gg_.__dropPreview_17waj_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_17waj_gg_.__dark_17waj_gg_.__dropPreview_17waj_gg_,.___SDropZone_17waj_gg_.__dark_17waj_gg_.__dropPreview_17waj_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_17waj_gg_:focus{outline:0}.___SDraggable_17waj_gg_.__keyboardFocused_17waj_gg_:focus{box-shadow:none}.___SDraggable_17waj_gg_.__keyboardFocused_17waj_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_17waj_gg_.__keyboardDragging_17waj_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_17waj_gg_.__keyboardDragging_17waj_gg_.__hideHoverEffect_17waj_gg_::before,.___SDraggable_17waj_gg_.__keyboardDragging_17waj_gg_::before{display:block}.___SDraggable_17waj_gg_.__keyboardDragging_17waj_gg_.__reversedScaling_17waj_gg_{scale:.95}.___SDraggable_17waj_gg_.__animatedScaling_17waj_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_17waj_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_17waj_gg_{transition:none}}" /*__inner_css_end__*/, "17waj_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_17waj_gg_",
-  "_placement_top": "_placement_top_17waj_gg_",
-  "_placement_right": "_placement_right_17waj_gg_",
-  "_placement_left": "_placement_left_17waj_gg_",
-  "_placement_bottom": "_placement_bottom_17waj_gg_",
-  "__SDropZone": "___SDropZone_17waj_gg_",
-  "_dropPreview": "__dropPreview_17waj_gg_",
-  "_dark": "__dark_17waj_gg_",
-  "_keyboardFocused": "__keyboardFocused_17waj_gg_",
-  "_keyboardDragging": "__keyboardDragging_17waj_gg_",
-  "_reversedScaling": "__reversedScaling_17waj_gg_",
-  "_animatedScaling": "__animatedScaling_17waj_gg_",
-  "__SA11yHint": "___SA11yHint_17waj_gg_",
-  "_draggable": "__draggable_17waj_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_17waj_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDraggable_dru10_gg_.__draggable_dru10_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_dru10_gg_.__draggable_dru10_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_dru10_gg_.__draggable_dru10_gg_:hover::before{display:block}}.___SDraggable_dru10_gg_.__draggable_dru10_gg_.__hideHoverEffect_dru10_gg_::before{display:none}.___SDraggable_dru10_gg_._placement_right_dru10_gg_::before{right:0}.___SDraggable_dru10_gg_._placement_bottom_dru10_gg_::before{bottom:0}.___SDraggable_dru10_gg_._placement_left_dru10_gg_::before{left:0}.___SDraggable_dru10_gg_._placement_top_dru10_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_dru10_gg_._placement_bottom_dru10_gg_::before{left:0;width:100%;height:16px}.___SDraggable_dru10_gg_._placement_left_dru10_gg_::before,.___SDraggable_dru10_gg_._placement_right_dru10_gg_::before{top:0;width:16px;height:100%}.___SDropZone_dru10_gg_{position:relative}.___SDraggable_dru10_gg_.__dropPreview_dru10_gg_,.___SDropZone_dru10_gg_.__dropPreview_dru10_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_dru10_gg_.__dark_dru10_gg_.__dropPreview_dru10_gg_,.___SDropZone_dru10_gg_.__dark_dru10_gg_.__dropPreview_dru10_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_dru10_gg_:focus{outline:0}.___SDraggable_dru10_gg_.__keyboardFocused_dru10_gg_:focus{box-shadow:none}.___SDraggable_dru10_gg_.__keyboardFocused_dru10_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_dru10_gg_.__keyboardDragging_dru10_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_dru10_gg_.__keyboardDragging_dru10_gg_.__hideHoverEffect_dru10_gg_::before,.___SDraggable_dru10_gg_.__keyboardDragging_dru10_gg_::before{display:block}.___SDraggable_dru10_gg_.__keyboardDragging_dru10_gg_.__reversedScaling_dru10_gg_{scale:.95}.___SDraggable_dru10_gg_.__animatedScaling_dru10_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_dru10_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_dru10_gg_{transition:none}}" /*__inner_css_end__*/, "dru10_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_dru10_gg_",
+  "_placement_top": "_placement_top_dru10_gg_",
+  "_placement_right": "_placement_right_dru10_gg_",
+  "_placement_left": "_placement_left_dru10_gg_",
+  "_placement_bottom": "_placement_bottom_dru10_gg_",
+  "__SDropZone": "___SDropZone_dru10_gg_",
+  "_dropPreview": "__dropPreview_dru10_gg_",
+  "_dark": "__dark_dru10_gg_",
+  "_keyboardFocused": "__keyboardFocused_dru10_gg_",
+  "_keyboardDragging": "__keyboardDragging_dru10_gg_",
+  "_reversedScaling": "__reversedScaling_dru10_gg_",
+  "_animatedScaling": "__animatedScaling_dru10_gg_",
+  "__SA11yHint": "___SA11yHint_dru10_gg_",
+  "_draggable": "__draggable_dru10_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_dru10_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_17waj_gg_.__draggable_17waj_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_17waj_gg_.__draggable_17waj_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_17waj_gg_.__draggable_17waj_gg_:hover::before{display:block}}.___SDraggable_17waj_gg_.__draggable_17waj_gg_.__hideHoverEffect_17waj_gg_::before{display:none}.___SDraggable_17waj_gg_._placement_right_17waj_gg_::before{right:0}.___SDraggable_17waj_gg_._placement_bottom_17waj_gg_::before{bottom:0}.___SDraggable_17waj_gg_._placement_left_17waj_gg_::before{left:0}.___SDraggable_17waj_gg_._placement_top_17waj_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_17waj_gg_._placement_bottom_17waj_gg_::before{left:0;width:100%;height:16px}.___SDraggable_17waj_gg_._placement_left_17waj_gg_::before,.___SDraggable_17waj_gg_._placement_right_17waj_gg_::before{top:0;width:16px;height:100%}.___SDropZone_17waj_gg_{position:relative}.___SDraggable_17waj_gg_.__dropPreview_17waj_gg_,.___SDropZone_17waj_gg_.__dropPreview_17waj_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_17waj_gg_.__dark_17waj_gg_.__dropPreview_17waj_gg_,.___SDropZone_17waj_gg_.__dark_17waj_gg_.__dropPreview_17waj_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_17waj_gg_:focus{outline:0}.___SDraggable_17waj_gg_.__keyboardFocused_17waj_gg_:focus{box-shadow:none}.___SDraggable_17waj_gg_.__keyboardFocused_17waj_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_17waj_gg_.__keyboardDragging_17waj_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_17waj_gg_.__keyboardDragging_17waj_gg_.__hideHoverEffect_17waj_gg_::before,.___SDraggable_17waj_gg_.__keyboardDragging_17waj_gg_::before{display:block}.___SDraggable_17waj_gg_.__keyboardDragging_17waj_gg_.__reversedScaling_17waj_gg_{scale:.95}.___SDraggable_17waj_gg_.__animatedScaling_17waj_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_17waj_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_17waj_gg_{transition:none}}" /*__inner_css_end__*/, "17waj_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_17waj_gg_",
-  "_placement_top": "_placement_top_17waj_gg_",
-  "_placement_right": "_placement_right_17waj_gg_",
-  "_placement_left": "_placement_left_17waj_gg_",
-  "_placement_bottom": "_placement_bottom_17waj_gg_",
-  "__SDropZone": "___SDropZone_17waj_gg_",
-  "_dropPreview": "__dropPreview_17waj_gg_",
-  "_dark": "__dark_17waj_gg_",
-  "_keyboardFocused": "__keyboardFocused_17waj_gg_",
-  "_keyboardDragging": "__keyboardDragging_17waj_gg_",
-  "_reversedScaling": "__reversedScaling_17waj_gg_",
-  "_animatedScaling": "__animatedScaling_17waj_gg_",
-  "__SA11yHint": "___SA11yHint_17waj_gg_",
-  "_draggable": "__draggable_17waj_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_17waj_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDraggable_dru10_gg_.__draggable_dru10_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_dru10_gg_.__draggable_dru10_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_dru10_gg_.__draggable_dru10_gg_:hover::before{display:block}}.___SDraggable_dru10_gg_.__draggable_dru10_gg_.__hideHoverEffect_dru10_gg_::before{display:none}.___SDraggable_dru10_gg_._placement_right_dru10_gg_::before{right:0}.___SDraggable_dru10_gg_._placement_bottom_dru10_gg_::before{bottom:0}.___SDraggable_dru10_gg_._placement_left_dru10_gg_::before{left:0}.___SDraggable_dru10_gg_._placement_top_dru10_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_dru10_gg_._placement_bottom_dru10_gg_::before{left:0;width:100%;height:16px}.___SDraggable_dru10_gg_._placement_left_dru10_gg_::before,.___SDraggable_dru10_gg_._placement_right_dru10_gg_::before{top:0;width:16px;height:100%}.___SDropZone_dru10_gg_{position:relative}.___SDraggable_dru10_gg_.__dropPreview_dru10_gg_,.___SDropZone_dru10_gg_.__dropPreview_dru10_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_dru10_gg_.__dark_dru10_gg_.__dropPreview_dru10_gg_,.___SDropZone_dru10_gg_.__dark_dru10_gg_.__dropPreview_dru10_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_dru10_gg_:focus{outline:0}.___SDraggable_dru10_gg_.__keyboardFocused_dru10_gg_:focus{box-shadow:none}.___SDraggable_dru10_gg_.__keyboardFocused_dru10_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_dru10_gg_.__keyboardDragging_dru10_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_dru10_gg_.__keyboardDragging_dru10_gg_.__hideHoverEffect_dru10_gg_::before,.___SDraggable_dru10_gg_.__keyboardDragging_dru10_gg_::before{display:block}.___SDraggable_dru10_gg_.__keyboardDragging_dru10_gg_.__reversedScaling_dru10_gg_{scale:.95}.___SDraggable_dru10_gg_.__animatedScaling_dru10_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_dru10_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_dru10_gg_{transition:none}}" /*__inner_css_end__*/, "dru10_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_dru10_gg_",
+  "_placement_top": "_placement_top_dru10_gg_",
+  "_placement_right": "_placement_right_dru10_gg_",
+  "_placement_left": "_placement_left_dru10_gg_",
+  "_placement_bottom": "_placement_bottom_dru10_gg_",
+  "__SDropZone": "___SDropZone_dru10_gg_",
+  "_dropPreview": "__dropPreview_dru10_gg_",
+  "_dark": "__dark_dru10_gg_",
+  "_keyboardFocused": "__keyboardFocused_dru10_gg_",
+  "_keyboardDragging": "__keyboardDragging_dru10_gg_",
+  "_reversedScaling": "__reversedScaling_dru10_gg_",
+  "_animatedScaling": "__animatedScaling_dru10_gg_",
+  "__SA11yHint": "___SA11yHint_dru10_gg_",
+  "_draggable": "__draggable_dru10_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_dru10_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var noop = function noop() {

package/dropdown/lib/cjs/Dropdown.js

@@ -29,8 +29,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_7gs2f_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__*/, "7gs2f_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_7gs2f_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_mlje0_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__*/, "mlje0_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_mlje0_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_7gs2f_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__*/, "7gs2f_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_7gs2f_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_mlje0_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__*/, "mlje0_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_mlje0_gg_"
 });
 import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];

package/dropdown-menu/index.d.ts

@@ -21,16 +21,16 @@ export type DropdownMenuProps = DropdownProps & {
   /**
    * Index of the element selected by default
    */
-  defaultHighlightedIndex?: number;
+  defaultHighlightedIndex?: number | null;
   /**
    * Index of the selected item
    */
-  highlightedIndex?: number;
+  highlightedIndex?: number | null;
   /**
    * Callback for highlightedIndex change
    * highlightedIndex -  Index of the selected item
    */
-  onHighlightedIndexChange?: (highlightedIndex: number) => void;
+  onHighlightedIndexChange?: (highlightedIndex: number | null) => void;
   locale?: string;
 };
 

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

@@ -35,22 +35,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1i62j_gg_,.___SDropdownMenuList_1i62j_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1i62j_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_1i62j_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_1i62j_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1i62j_gg_:focus{outline:0}.___SDropdownMenuItem_1i62j_gg_.__selected_1i62j_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_1i62j_gg_.__selected_1i62j_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1i62j_gg_.__highlighted_1i62j_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_1i62j_gg_.__disabled_1i62j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1i62j_gg_._size_l_1i62j_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_1i62j_gg_._size_m_1i62j_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_1i62j_gg_.__notInteractive_1i62j_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_.__notInteractive_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_._variant_hint_1i62j_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_._variant_hint_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_._variant_title_1i62j_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_._variant_title_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_.__visible_1i62j_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1i62j_gg_.__nesting-trigger_1i62j_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1i62j_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1i62j_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1i62j_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1i62j_gg_,.___SDropdownMenuNesting_1i62j_gg_._size_l_1i62j_gg_,.___SDropdownMenuNesting_1i62j_gg_._size_m_1i62j_gg_{padding:0}.___SDropdownMenuNesting_1i62j_gg_.__highlighted_1i62j_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1i62j_gg_._size_l_1i62j_gg_,.___SDropdownNestingItem_1i62j_gg_._size_m_1i62j_gg_{padding-right:0}.___SDropdownNestingItem_1i62j_gg_ .___SDropdownMenuItem_1i62j_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1i62j_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_1i62j_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1i62j_gg_",
-  "_highlighted": "__highlighted_1i62j_gg_",
-  "_disabled": "__disabled_1i62j_gg_",
-  "_size_l": "_size_l_1i62j_gg_",
-  "_size_m": "_size_m_1i62j_gg_",
-  "_visible": "__visible_1i62j_gg_",
-  "_nesting-trigger": "__nesting-trigger_1i62j_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1i62j_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1i62j_gg_",
-  "_selected": "__selected_1i62j_gg_",
-  "_notInteractive": "__notInteractive_1i62j_gg_",
-  "_variant_hint": "_variant_hint_1i62j_gg_",
-  "_variant_title": "_variant_title_1i62j_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1i62j_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1lqs6_gg_,.___SDropdownMenuList_1lqs6_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1lqs6_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_1lqs6_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_1lqs6_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1lqs6_gg_:focus{outline:0}.___SDropdownMenuItem_1lqs6_gg_.__selected_1lqs6_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_1lqs6_gg_.__selected_1lqs6_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1lqs6_gg_.__highlighted_1lqs6_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_1lqs6_gg_.__disabled_1lqs6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1lqs6_gg_._size_l_1lqs6_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_1lqs6_gg_._size_m_1lqs6_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_1lqs6_gg_.__notInteractive_1lqs6_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1lqs6_gg_.__notInteractive_1lqs6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1lqs6_gg_._variant_hint_1lqs6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1lqs6_gg_._variant_hint_1lqs6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1lqs6_gg_._variant_title_1lqs6_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1lqs6_gg_._variant_title_1lqs6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1lqs6_gg_.__visible_1lqs6_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1lqs6_gg_.__nesting-trigger_1lqs6_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1lqs6_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1lqs6_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1lqs6_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1lqs6_gg_,.___SDropdownMenuNesting_1lqs6_gg_._size_l_1lqs6_gg_,.___SDropdownMenuNesting_1lqs6_gg_._size_m_1lqs6_gg_{padding:0}.___SDropdownMenuNesting_1lqs6_gg_.__highlighted_1lqs6_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1lqs6_gg_._size_l_1lqs6_gg_,.___SDropdownNestingItem_1lqs6_gg_._size_m_1lqs6_gg_{padding-right:0}.___SDropdownNestingItem_1lqs6_gg_ .___SDropdownMenuItem_1lqs6_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1lqs6_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_1lqs6_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_1lqs6_gg_",
+  "_highlighted": "__highlighted_1lqs6_gg_",
+  "_disabled": "__disabled_1lqs6_gg_",
+  "_size_l": "_size_l_1lqs6_gg_",
+  "_size_m": "_size_m_1lqs6_gg_",
+  "_visible": "__visible_1lqs6_gg_",
+  "_nesting-trigger": "__nesting-trigger_1lqs6_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1lqs6_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_1lqs6_gg_",
+  "_selected": "__selected_1lqs6_gg_",
+  "_notInteractive": "__notInteractive_1lqs6_gg_",
+  "_variant_hint": "_variant_hint_1lqs6_gg_",
+  "_variant_title": "_variant_title_1lqs6_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1lqs6_gg_"
 });
 var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DropdownMenuRoot, _Component);

package/dropdown-menu/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport Dropdown, {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n} from '@semcore/dropdown';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { ScrollAreaProps } from '@semcore/scroll-area';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n    UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  highlightedIndex?: number;\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n  };\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n  Nesting: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    Addon: typeof Box;\n  };\n};\n\nexport default DropdownMenu;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport Dropdown, {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n} from '@semcore/dropdown';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { ScrollAreaProps } from '@semcore/scroll-area';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number | null;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number | null;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number | null) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n    UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  highlightedIndex?: number;\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n  };\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n  Nesting: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    Addon: typeof Box;\n  };\n};\n\nexport default DropdownMenu;\n"],"mappings":""}

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

@@ -11,12 +11,12 @@ var _index = require("intergalactic/utils/lib/core/index");
  *
  * We will figure out what to do with it and remove it.
  *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_hjjf0_gg_:after,.___SShadowHorizontal_hjjf0_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_hjjf0_gg_._position_median_hjjf0_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_hjjf0_gg_._position_median_hjjf0_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_hjjf0_gg_._position_start_hjjf0_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_hjjf0_gg_._position_end_hjjf0_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_hjjf0_gg_:after,.___SShadowVertical_hjjf0_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_hjjf0_gg_._position_median_hjjf0_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_hjjf0_gg_._position_median_hjjf0_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_hjjf0_gg_._position_start_hjjf0_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_hjjf0_gg_._position_end_hjjf0_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__*/, "hjjf0_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_hjjf0_gg_",
-  "_position_median": "_position_median_hjjf0_gg_",
-  "_position_start": "_position_start_hjjf0_gg_",
-  "_position_end": "_position_end_hjjf0_gg_",
-  "__SShadowVertical": "___SShadowVertical_hjjf0_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1dp4w_gg_:after,.___SShadowHorizontal_1dp4w_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1dp4w_gg_._position_median_1dp4w_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_1dp4w_gg_._position_median_1dp4w_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_1dp4w_gg_._position_start_1dp4w_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_1dp4w_gg_._position_end_1dp4w_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_1dp4w_gg_:after,.___SShadowVertical_1dp4w_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1dp4w_gg_._position_median_1dp4w_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_1dp4w_gg_._position_median_1dp4w_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_1dp4w_gg_._position_start_1dp4w_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_1dp4w_gg_._position_end_1dp4w_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__*/, "1dp4w_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1dp4w_gg_",
+  "_position_median": "_position_median_1dp4w_gg_",
+  "_position_start": "_position_start_1dp4w_gg_",
+  "_position_end": "_position_end_1dp4w_gg_",
+  "__SShadowVertical": "___SShadowVertical_1dp4w_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_1i62j_gg_,.___SDropdownMenuList_1i62j_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1i62j_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_1i62j_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_1i62j_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1i62j_gg_:focus{outline:0}.___SDropdownMenuItem_1i62j_gg_.__selected_1i62j_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_1i62j_gg_.__selected_1i62j_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1i62j_gg_.__highlighted_1i62j_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_1i62j_gg_.__disabled_1i62j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1i62j_gg_._size_l_1i62j_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_1i62j_gg_._size_m_1i62j_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_1i62j_gg_.__notInteractive_1i62j_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_.__notInteractive_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_._variant_hint_1i62j_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_._variant_hint_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_._variant_title_1i62j_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1i62j_gg_._variant_title_1i62j_gg_:hover{background:0 0}}.___SDropdownMenuItem_1i62j_gg_.__visible_1i62j_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1i62j_gg_.__nesting-trigger_1i62j_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1i62j_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1i62j_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1i62j_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1i62j_gg_,.___SDropdownMenuNesting_1i62j_gg_._size_l_1i62j_gg_,.___SDropdownMenuNesting_1i62j_gg_._size_m_1i62j_gg_{padding:0}.___SDropdownMenuNesting_1i62j_gg_.__highlighted_1i62j_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1i62j_gg_._size_l_1i62j_gg_,.___SDropdownNestingItem_1i62j_gg_._size_m_1i62j_gg_{padding-right:0}.___SDropdownNestingItem_1i62j_gg_ .___SDropdownMenuItem_1i62j_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1i62j_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_1i62j_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1i62j_gg_",
-  "_highlighted": "__highlighted_1i62j_gg_",
-  "_disabled": "__disabled_1i62j_gg_",
-  "_size_l": "_size_l_1i62j_gg_",
-  "_size_m": "_size_m_1i62j_gg_",
-  "_visible": "__visible_1i62j_gg_",
-  "_nesting-trigger": "__nesting-trigger_1i62j_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1i62j_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1i62j_gg_",
-  "_selected": "__selected_1i62j_gg_",
-  "_notInteractive": "__notInteractive_1i62j_gg_",
-  "_variant_hint": "_variant_hint_1i62j_gg_",
-  "_variant_title": "_variant_title_1i62j_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1i62j_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1lqs6_gg_,.___SDropdownMenuList_1lqs6_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1lqs6_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_1lqs6_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_1lqs6_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1lqs6_gg_:focus{outline:0}.___SDropdownMenuItem_1lqs6_gg_.__selected_1lqs6_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_1lqs6_gg_.__selected_1lqs6_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1lqs6_gg_.__highlighted_1lqs6_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_1lqs6_gg_.__disabled_1lqs6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1lqs6_gg_._size_l_1lqs6_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_1lqs6_gg_._size_m_1lqs6_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_1lqs6_gg_.__notInteractive_1lqs6_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1lqs6_gg_.__notInteractive_1lqs6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1lqs6_gg_._variant_hint_1lqs6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1lqs6_gg_._variant_hint_1lqs6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1lqs6_gg_._variant_title_1lqs6_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1lqs6_gg_._variant_title_1lqs6_gg_:hover{background:0 0}}.___SDropdownMenuItem_1lqs6_gg_.__visible_1lqs6_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_1lqs6_gg_.__nesting-trigger_1lqs6_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1lqs6_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1lqs6_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1lqs6_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1lqs6_gg_,.___SDropdownMenuNesting_1lqs6_gg_._size_l_1lqs6_gg_,.___SDropdownMenuNesting_1lqs6_gg_._size_m_1lqs6_gg_{padding:0}.___SDropdownMenuNesting_1lqs6_gg_.__highlighted_1lqs6_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1lqs6_gg_._size_l_1lqs6_gg_,.___SDropdownNestingItem_1lqs6_gg_._size_m_1lqs6_gg_{padding-right:0}.___SDropdownNestingItem_1lqs6_gg_ .___SDropdownMenuItem_1lqs6_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "1lqs6_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_1lqs6_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_1lqs6_gg_",
+  "_highlighted": "__highlighted_1lqs6_gg_",
+  "_disabled": "__disabled_1lqs6_gg_",
+  "_size_l": "_size_l_1lqs6_gg_",
+  "_size_m": "_size_m_1lqs6_gg_",
+  "_visible": "__visible_1lqs6_gg_",
+  "_nesting-trigger": "__nesting-trigger_1lqs6_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1lqs6_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_1lqs6_gg_",
+  "_selected": "__selected_1lqs6_gg_",
+  "_notInteractive": "__notInteractive_1lqs6_gg_",
+  "_variant_hint": "_variant_hint_1lqs6_gg_",
+  "_variant_title": "_variant_title_1lqs6_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1lqs6_gg_"
 });
 import { setFocus } from 'intergalactic/utils/lib/focus-lock/setFocus';
 import { isFocusInside } from 'intergalactic/utils/lib/focus-lock/isFocusInside';

package/dropdown-menu/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport Dropdown, {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n} from '@semcore/dropdown';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { ScrollAreaProps } from '@semcore/scroll-area';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n    UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  highlightedIndex?: number;\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n  };\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n  Nesting: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    Addon: typeof Box;\n  };\n};\n\nexport default DropdownMenu;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport Dropdown, {\n  DropdownContext,\n  DropdownProps,\n  DropdownHandlers,\n  DropdownTriggerProps,\n} from '@semcore/dropdown';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { ScrollAreaProps } from '@semcore/scroll-area';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IDropdownMenuProps extends DropdownMenuProps, UnknownProperties {}\nexport type DropdownMenuProps = DropdownProps & {\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n  /**\n   * Index of the element selected by default\n   */\n  defaultHighlightedIndex?: number | null;\n  /**\n   * Index of the selected item\n   */\n  highlightedIndex?: number | null;\n  /**\n   * Callback for highlightedIndex change\n   * highlightedIndex -  Index of the selected item\n   */\n  onHighlightedIndexChange?: (highlightedIndex: number | null) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuListProps extends DropdownMenuListProps, UnknownProperties {}\nexport type DropdownMenuListProps = BoxProps &\n  ScrollAreaProps & {\n    /**\n     * Size of the menu\n     * @default m\n     */\n    size?: DropdownMenuSize;\n  };\n\n/** @deprecated */\nexport interface IDropdownMenuMenuProps extends DropdownMenuMenuProps, UnknownProperties {}\nexport type DropdownMenuMenuProps = DropdownMenuListProps & {};\n\n/** @deprecated */\nexport interface IDropdownMenuItemProps extends DropdownMenuItemProps, UnknownProperties {}\nexport type DropdownMenuItemProps = FlexProps & {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /**\n   * Disables item\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   */\n  highlighted?: boolean;\n  /**\n   * Disables hover state\n   * @deprecated use `disabled` instead\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemHintProps extends DropdownMenuItemHintProps, UnknownProperties {}\nexport type DropdownMenuItemHintProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuItemTitleProps\n  extends DropdownMenuItemTitleProps,\n    UnknownProperties {}\nexport type DropdownMenuItemTitleProps = FlexProps & {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuContext extends DropdownMenuContext, UnknownProperties {}\nexport type DropdownMenuContext = DropdownContext & {\n  highlightedIndex?: number;\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownMenuHandlers extends DropdownMenuHandlers, UnknownProperties {}\nexport type DropdownMenuHandlers = DropdownHandlers & {\n  highlightedIndex: (index: number) => void;\n};\n\nexport type DropdownMenuTriggerProps = DropdownTriggerProps;\n\ndeclare const DropdownMenu: Intergalactic.Component<\n  'div',\n  DropdownMenuProps,\n  DropdownMenuContext,\n  [handlers: DropdownMenuHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: Intergalactic.Component<'div', DropdownMenuProps>;\n  List: Intergalactic.Component<\n    'div',\n    DropdownMenuListProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Menu: Intergalactic.Component<\n    'div',\n    DropdownMenuMenuProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  >;\n  Item: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Addon: typeof Box;\n  };\n  ItemTitle: Intergalactic.Component<'div', DropdownMenuItemTitleProps>;\n  ItemHint: Intergalactic.Component<'div', DropdownMenuItemHintProps>;\n  Nesting: Intergalactic.Component<\n    'div',\n    DropdownMenuItemProps,\n    DropdownMenuContext,\n    [handlers: DropdownMenuHandlers]\n  > & {\n    Trigger: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    Item: Intergalactic.Component<'div', DropdownMenuItemProps>;\n    Addon: typeof Box;\n  };\n};\n\nexport default DropdownMenu;\n"],"mappings":""}

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

@@ -5,12 +5,12 @@ import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
  *
  * We will figure out what to do with it and remove it.
  *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_hjjf0_gg_:after,.___SShadowHorizontal_hjjf0_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_hjjf0_gg_._position_median_hjjf0_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_hjjf0_gg_._position_median_hjjf0_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_hjjf0_gg_._position_start_hjjf0_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_hjjf0_gg_._position_end_hjjf0_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_hjjf0_gg_:after,.___SShadowVertical_hjjf0_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_hjjf0_gg_._position_median_hjjf0_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_hjjf0_gg_._position_median_hjjf0_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_hjjf0_gg_._position_start_hjjf0_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_hjjf0_gg_._position_end_hjjf0_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__*/, "hjjf0_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_hjjf0_gg_",
-  "_position_median": "_position_median_hjjf0_gg_",
-  "_position_start": "_position_start_hjjf0_gg_",
-  "_position_end": "_position_end_hjjf0_gg_",
-  "__SShadowVertical": "___SShadowVertical_hjjf0_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1dp4w_gg_:after,.___SShadowHorizontal_1dp4w_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1dp4w_gg_._position_median_1dp4w_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_1dp4w_gg_._position_median_1dp4w_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_1dp4w_gg_._position_start_1dp4w_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_1dp4w_gg_._position_end_1dp4w_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_1dp4w_gg_:after,.___SShadowVertical_1dp4w_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1dp4w_gg_._position_median_1dp4w_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_1dp4w_gg_._position_median_1dp4w_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_1dp4w_gg_._position_start_1dp4w_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_1dp4w_gg_._position_end_1dp4w_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__*/, "1dp4w_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1dp4w_gg_",
+  "_position_median": "_position_median_1dp4w_gg_",
+  "_position_start": "_position_start_1dp4w_gg_",
+  "_position_end": "_position_end_1dp4w_gg_",
+  "__SShadowVertical": "___SShadowVertical_1dp4w_gg_"
 });
 export default scrollStyles;
 //# sourceMappingURL=styleScrollArea.js.map

package/dropdown-menu/lib/types/index.d.ts

@@ -21,16 +21,16 @@ export type DropdownMenuProps = DropdownProps & {
   /**
    * Index of the element selected by default
    */
-  defaultHighlightedIndex?: number;
+  defaultHighlightedIndex?: number | null;
   /**
    * Index of the selected item
    */
-  highlightedIndex?: number;
+  highlightedIndex?: number | null;
   /**
    * Callback for highlightedIndex change
    * highlightedIndex -  Index of the selected item
    */
-  onHighlightedIndexChange?: (highlightedIndex: number) => void;
+  onHighlightedIndexChange?: (highlightedIndex: number | null) => void;
   locale?: string;
 };
 

package/ellipsis/lib/cjs/Ellipsis.js

@@ -29,16 +29,16 @@ 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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_1alhi_gg_,.___SContainer_1alhi_gg_,.___SEllipsis_1alhi_gg_.__middle-mod_1alhi_gg_,.___SNoTooltipContainer_1alhi_gg_{display:flex;overflow:hidden}.___SBeginning_1alhi_gg_,.___SEllipsis_1alhi_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_1alhi_gg_.__maxLine_1alhi_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_1alhi);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_1alhi_gg_>:has(.___SBeginning_1alhi_gg_),.___SContainerMiddle_1alhi_gg_>:has(.___STail_1alhi_gg_){display:flex;width:100%}.___STail_1alhi_gg_{white-space:nowrap}" /*__inner_css_end__*/, "1alhi_gg_") /*__reshadow_css_end__*/, {
-  "__SContainer": "___SContainer_1alhi_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_1alhi_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_1alhi_gg_",
-  "__SBeginning": "___SBeginning_1alhi_gg_",
-  "__SEllipsis": "___SEllipsis_1alhi_gg_",
-  "_middle-mod": "__middle-mod_1alhi_gg_",
-  "_maxLine": "__maxLine_1alhi_gg_",
-  "--maxLine": "--maxLine_1alhi",
-  "__STail": "___STail_1alhi_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_br5ye_gg_,.___SContainer_br5ye_gg_,.___SEllipsis_br5ye_gg_.__middle-mod_br5ye_gg_,.___SNoTooltipContainer_br5ye_gg_{display:flex;overflow:hidden}.___SBeginning_br5ye_gg_,.___SEllipsis_br5ye_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_br5ye_gg_.__maxLine_br5ye_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_br5ye);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_br5ye_gg_>:has(.___SBeginning_br5ye_gg_),.___SContainerMiddle_br5ye_gg_>:has(.___STail_br5ye_gg_){display:flex;width:100%}.___STail_br5ye_gg_{white-space:nowrap}" /*__inner_css_end__*/, "br5ye_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_br5ye_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_br5ye_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_br5ye_gg_",
+  "__SBeginning": "___SBeginning_br5ye_gg_",
+  "__SEllipsis": "___SEllipsis_br5ye_gg_",
+  "_middle-mod": "__middle-mod_br5ye_gg_",
+  "_maxLine": "__maxLine_br5ye_gg_",
+  "--maxLine": "--maxLine_br5ye",
+  "__STail": "___STail_br5ye_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) {
@@ -53,6 +53,8 @@ var createMeasurerElement = function createMeasurerElement(element) {
   temporaryElement.style.fontFamily = styleElement.getPropertyValue('font-family');
   temporaryElement.style.fontSize = styleElement.getPropertyValue('font-size');
   temporaryElement.style.fontWeight = styleElement.getPropertyValue('font-weight');
+  temporaryElement.style.fontFeatureSettings = styleElement.getPropertyValue('font-feature-settings');
+  temporaryElement.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric');
   temporaryElement.innerHTML = element.innerHTML;
   return temporaryElement;
 };