@semcore/dropdown - npm Package Compare versions

Comparing version 4.42.0 to 4.42.1-prerelease.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [4.42.1] - 2025-01-08
+
+### Fixed
+
+- styles for use with DnD.
+
 ## [4.42.0] - 2024-12-23
@@ -7,0 +13,0 @@

lib/cjs/AbstractDropdown.js

@@ -171,2 +171,3 @@ "use strict";
         role: role,
+        isMenuItemCheckbox: role === 'menuitemcheckbox',
         'aria-checked': role === 'menuitemcheckbox' || role === 'menuitemradio' ? false : undefined
@@ -173,0 +174,0 @@ };

lib/cjs/Dropdown.js

@@ -34,18 +34,18 @@ "use strict";
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_1ql5b_gg_,.___SDropdownPopper_1ql5b_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_1ql5b_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_1ql5b_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_1ql5b_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_1ql5b_gg_:focus{outline:0}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_.__selected_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{display:inline-block;background:var(--intergalactic-bg-primary-neutral, #ffffff);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out;border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_.__selected_1ql5b_gg_::after{background-repeat:no-repeat;background-position:center center;background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_:not(._role_menuitemcheckbox_1ql5b_gg_){background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_:not(._role_menuitemcheckbox_1ql5b_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_1ql5b_gg_.__highlighted_1ql5b_gg_,.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_.__highlighted_1ql5b_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_1ql5b_gg_.__disabled_1ql5b_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownItem_1ql5b_gg_.__notInteractive_1ql5b_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_.__notInteractive_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_._variant_hint_1ql5b_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_._variant_hint_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_._variant_title_1ql5b_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_._variant_title_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_.__visible_1ql5b_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_1ql5b_gg_.__nesting-trigger_1ql5b_gg_{justify-content:space-between}.___SGroupTitle_1ql5b_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_1ql5b_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1ql5b_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_1ql5b_gg_",
-  "__SDropdownItem": "___SDropdownItem_1ql5b_gg_",
-  "_highlighted": "__highlighted_1ql5b_gg_",
-  "_selected": "__selected_1ql5b_gg_",
-  "_disabled": "__disabled_1ql5b_gg_",
-  "_visible": "__visible_1ql5b_gg_",
-  "_nesting-trigger": "__nesting-trigger_1ql5b_gg_",
-  "__SGroupTitle": "___SGroupTitle_1ql5b_gg_",
-  "__SGroupHint": "___SGroupHint_1ql5b_gg_",
-  "_role_menuitemcheckbox": "_role_menuitemcheckbox_1ql5b_gg_",
-  "_size_l": "_size_l_1ql5b_gg_",
-  "_size_m": "_size_m_1ql5b_gg_",
-  "_notInteractive": "__notInteractive_1ql5b_gg_",
-  "_variant_hint": "_variant_hint_1ql5b_gg_",
-  "_variant_title": "_variant_title_1ql5b_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_14mhs_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)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_{position:relative;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_:focus{outline:0}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_.__selected_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{display:inline-block;background:var(--intergalactic-bg-primary-neutral, #ffffff);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out;border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_.__selected_14mhs_gg_::after{background-repeat:no-repeat;background-position:center center;background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__selected_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_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){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__selected_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__highlighted_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_:not(button),.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__highlighted_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__disabled_14mhs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_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}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_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}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__notInteractive_14mhs_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__notInteractive_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_hint_14mhs_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_hint_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_title_14mhs_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_title_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__visible_14mhs_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__nesting-trigger_14mhs_gg_{justify-content:space-between}.___SDropdownPopper_14mhs_gg_ .___SGroupTitle_14mhs_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_14mhs_gg_ .___SGroupHint_14mhs_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "14mhs_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_14mhs_gg_",
+  "__SDropdownItem": "___SDropdownItem_14mhs_gg_",
+  "_isMenuItemCheckbox": "__isMenuItemCheckbox_14mhs_gg_",
+  "_selected": "__selected_14mhs_gg_",
+  "_highlighted": "__highlighted_14mhs_gg_",
+  "_disabled": "__disabled_14mhs_gg_",
+  "_size_l": "_size_l_14mhs_gg_",
+  "_size_m": "_size_m_14mhs_gg_",
+  "_notInteractive": "__notInteractive_14mhs_gg_",
+  "_variant_hint": "_variant_hint_14mhs_gg_",
+  "_variant_title": "_variant_title_14mhs_gg_",
+  "_visible": "__visible_14mhs_gg_",
+  "_nesting-trigger": "__nesting-trigger_14mhs_gg_",
+  "__SGroupTitle": "___SGroupTitle_14mhs_gg_",
+  "__SGroupHint": "___SGroupHint_14mhs_gg_"
 });
@@ -52,0 +52,0 @@ var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];

lib/es6/AbstractDropdown.js

@@ -162,2 +162,3 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
         role: role,
+        isMenuItemCheckbox: role === 'menuitemcheckbox',
         'aria-checked': role === 'menuitemcheckbox' || role === 'menuitemradio' ? false : undefined
@@ -164,0 +165,0 @@ };

lib/es6/Dropdown.js

@@ -26,18 +26,18 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_1ql5b_gg_,.___SDropdownPopper_1ql5b_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_1ql5b_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_1ql5b_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_1ql5b_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_1ql5b_gg_:focus{outline:0}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_.__selected_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{display:inline-block;background:var(--intergalactic-bg-primary-neutral, #ffffff);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out;border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_.__selected_1ql5b_gg_::after{background-repeat:no-repeat;background-position:center center;background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_:not(._role_menuitemcheckbox_1ql5b_gg_){background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_:not(._role_menuitemcheckbox_1ql5b_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_1ql5b_gg_.__highlighted_1ql5b_gg_,.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_.__highlighted_1ql5b_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_1ql5b_gg_.__disabled_1ql5b_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownItem_1ql5b_gg_.__notInteractive_1ql5b_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_.__notInteractive_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_._variant_hint_1ql5b_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_._variant_hint_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_._variant_title_1ql5b_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_._variant_title_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_.__visible_1ql5b_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_1ql5b_gg_.__nesting-trigger_1ql5b_gg_{justify-content:space-between}.___SGroupTitle_1ql5b_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_1ql5b_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1ql5b_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_1ql5b_gg_",
-  "__SDropdownItem": "___SDropdownItem_1ql5b_gg_",
-  "_highlighted": "__highlighted_1ql5b_gg_",
-  "_selected": "__selected_1ql5b_gg_",
-  "_disabled": "__disabled_1ql5b_gg_",
-  "_visible": "__visible_1ql5b_gg_",
-  "_nesting-trigger": "__nesting-trigger_1ql5b_gg_",
-  "__SGroupTitle": "___SGroupTitle_1ql5b_gg_",
-  "__SGroupHint": "___SGroupHint_1ql5b_gg_",
-  "_role_menuitemcheckbox": "_role_menuitemcheckbox_1ql5b_gg_",
-  "_size_l": "_size_l_1ql5b_gg_",
-  "_size_m": "_size_m_1ql5b_gg_",
-  "_notInteractive": "__notInteractive_1ql5b_gg_",
-  "_variant_hint": "_variant_hint_1ql5b_gg_",
-  "_variant_title": "_variant_title_1ql5b_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_14mhs_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)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_{position:relative;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_:focus{outline:0}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_.__selected_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{display:inline-block;background:var(--intergalactic-bg-primary-neutral, #ffffff);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out;border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_.__selected_14mhs_gg_::after{background-repeat:no-repeat;background-position:center center;background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__selected_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_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){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__selected_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__highlighted_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_:not(button),.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__highlighted_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__disabled_14mhs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_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}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_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}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__notInteractive_14mhs_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__notInteractive_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_hint_14mhs_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_hint_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_title_14mhs_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_title_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__visible_14mhs_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__nesting-trigger_14mhs_gg_{justify-content:space-between}.___SDropdownPopper_14mhs_gg_ .___SGroupTitle_14mhs_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_14mhs_gg_ .___SGroupHint_14mhs_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "14mhs_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_14mhs_gg_",
+  "__SDropdownItem": "___SDropdownItem_14mhs_gg_",
+  "_isMenuItemCheckbox": "__isMenuItemCheckbox_14mhs_gg_",
+  "_selected": "__selected_14mhs_gg_",
+  "_highlighted": "__highlighted_14mhs_gg_",
+  "_disabled": "__disabled_14mhs_gg_",
+  "_size_l": "_size_l_14mhs_gg_",
+  "_size_m": "_size_m_14mhs_gg_",
+  "_notInteractive": "__notInteractive_14mhs_gg_",
+  "_variant_hint": "_variant_hint_14mhs_gg_",
+  "_variant_title": "_variant_title_14mhs_gg_",
+  "_visible": "__visible_14mhs_gg_",
+  "_nesting-trigger": "__nesting-trigger_14mhs_gg_",
+  "__SGroupTitle": "___SGroupTitle_14mhs_gg_",
+  "__SGroupHint": "___SGroupHint_14mhs_gg_"
 });
@@ -44,0 +44,0 @@ import { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';

package.json

 {
   "name": "@semcore/dropdown",
   "description": "Semrush Dropdown Component",
-  "version": "4.42.0",
+  "version": "4.42.1-prerelease.0",
   "main": "lib/cjs/index.js",
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

204040

1.63%

Lines of code

1854

0.76%

Worsened metrics

Number of low quality alerts

2

100%

No dependency changes