@semcore/dropdown-menu 4.48.0 → 4.48.1

package/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./DropdownMenu.mjs";
+import { default as default2 } from "./DropdownMenu.mjs";
 export {
-  o as default
+  default2 as default
 };

package/lib/esm/style/dropdown-menu.shadow.css

@@ -0,0 +1,146 @@
+SDropdownMenuList {
+  max-height: 240px;
+  padding: var(--intergalactic-spacing-1x, 4px) 0;
+  position: relative;
+  min-height: 26px;
+  min-width: 32px;
+  box-sizing: content-box;
+  z-index: 0;
+  color: var(--intergalactic-text-primary, #191b23);
+
+  SShadowHorizontal {
+    &:before,
+    &:after {
+      width: 16px;
+      height: 100%;
+      border-radius: var(--intergalactic-control-rounded, 6px);
+    }
+  }
+
+  SShadowHorizontal[position='median'] {
+    &:before {
+      background: var(
+        --intergalactic-scroll-area-dropdown-menu-left,
+        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+      );
+    }
+
+    &:after {
+      background: var(
+        --intergalactic-scroll-area-dropdown-menu-right,
+        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+      );
+    }
+  }
+
+  SShadowHorizontal[position='start'] {
+    &:before {
+      background: var(
+        --intergalactic-scroll-area-dropdown-menu-left,
+        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+      );
+    }
+  }
+
+  SShadowHorizontal[position='end'] {
+    &:after {
+      background: var(
+        --intergalactic-scroll-area-dropdown-menu-right,
+        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+      );
+    }
+  }
+
+  SShadowVertical {
+    &:before,
+    &:after {
+      width: 100%;
+      height: 16px;
+      border-radius: var(--intergalactic-control-rounded, 6px);
+    }
+  }
+
+  SShadowVertical[position='median'] {
+    &:before {
+      background: var(
+        --intergalactic-scroll-area-dropdown-menu-top,
+        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+      );
+    }
+
+    &:after {
+      background: var(
+        --intergalactic-scroll-area-dropdown-menu-bottom,
+        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+      );
+    }
+  }
+
+  SShadowVertical[position='start'] {
+    &:before {
+      background: var(
+        --intergalactic-scroll-area-dropdown-menu-top,
+        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+      );
+    }
+  }
+
+  SShadowVertical[position='end'] {
+    &:after {
+      background: var(
+        --intergalactic-scroll-area-dropdown-menu-bottom,
+        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)
+      );
+    }
+  }
+}
+
+SDropdownMenuItemContainer[nesting-trigger] {
+  justify-content: space-between;
+}
+
+SDropdownMenuItemAddon, SItemContentText {
+  display: inline-flex;
+  margin-left: var(--intergalactic-spacing-1x, 4px);
+  margin-right: var(--intergalactic-spacing-1x, 4px);
+
+  &:first-child {
+    margin-left: 0;
+  }
+
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+SDropdownMenuNesting,
+SDropdownMenuNesting[size='l'],
+SDropdownMenuNesting[size='m'] {
+  padding: 0;
+}
+
+SDropdownMenuNesting[highlighted] {
+  z-index: 1;
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset;
+}
+
+SDropdownNestingItem[size='l'],
+SDropdownNestingItem[size='m'] {
+  padding-right: 0;
+}
+
+SDropdownNestingItem SDropdownMenuItemContainer {
+  width: auto;
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-left: 0;
+  min-height: auto;
+}
+
+SItemContent:focus {
+  outline: none;
+}
+
+SItemHint {
+  color: var(--intergalactic-text-secondary, #6c6e79);
+}

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,7 +1,8 @@
-const e = "Drücken Sie Tab, um zum Popover zu gehen", t = {
-  triggerHint: e
+const triggerHint = "Drücken Sie Tab, um zum Popover zu gehen";
+const de = {
+  triggerHint
 };
 export {
-  t as default,
-  e as triggerHint
+  de as default,
+  triggerHint
 };

package/lib/esm/translations/en.json.mjs

@@ -1,4 +1,4 @@
-const e = {};
+const en = {};
 export {
-  e as default
+  en as default
 };

package/lib/esm/translations/es.json.mjs

@@ -1,7 +1,8 @@
-const r = "Presiona Tab para ir a Popover", t = {
-  triggerHint: r
+const triggerHint = "Presiona Tab para ir a Popover";
+const es = {
+  triggerHint
 };
 export {
-  t as default,
-  r as triggerHint
+  es as default,
+  triggerHint
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,7 +1,8 @@
-const r = "Appuyez sur la touche Tab pour accéder au popover", t = {
-  triggerHint: r
+const triggerHint = "Appuyez sur la touche Tab pour accéder au popover";
+const fr = {
+  triggerHint
 };
 export {
-  t as default,
-  r as triggerHint
+  fr as default,
+  triggerHint
 };

package/lib/esm/translations/it.json.mjs

@@ -1,7 +1,8 @@
-const r = "Premi Tab per andare a Popover", t = {
-  triggerHint: r
+const triggerHint = "Premi Tab per andare a Popover";
+const it = {
+  triggerHint
 };
 export {
-  t as default,
-  r as triggerHint
+  it as default,
+  triggerHint
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,7 +1,8 @@
-const t = "Tabキーを押してポップオーバーに移動", r = {
-  triggerHint: t
+const triggerHint = "Tabキーを押してポップオーバーに移動";
+const ja = {
+  triggerHint
 };
 export {
-  r as default,
-  t as triggerHint
+  ja as default,
+  triggerHint
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,7 +1,8 @@
-const t = "팝업창으로 이동하려면 Tab 키를 누르세요", r = {
-  triggerHint: t
+const triggerHint = "팝업창으로 이동하려면 Tab 키를 누르세요";
+const ko = {
+  triggerHint
 };
 export {
-  r as default,
-  t as triggerHint
+  ko as default,
+  triggerHint
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,7 +1,8 @@
-const t = "Druk op Tab om naar de popover te gaan", r = {
-  triggerHint: t
+const triggerHint = "Druk op Tab om naar de popover te gaan";
+const nl = {
+  triggerHint
 };
 export {
-  r as default,
-  t as triggerHint
+  nl as default,
+  triggerHint
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,7 +1,8 @@
-const t = "Naciśnij Tab, aby przejść do okienka popover", e = {
-  triggerHint: t
+const triggerHint = "Naciśnij Tab, aby przejść do okienka popover";
+const pl = {
+  triggerHint
 };
 export {
-  e as default,
-  t as triggerHint
+  pl as default,
+  triggerHint
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,7 +1,8 @@
-const r = "Pressione Tab para acessar o pop-over", t = {
-  triggerHint: r
+const triggerHint = "Pressione Tab para acessar o pop-over";
+const pt = {
+  triggerHint
 };
 export {
-  t as default,
-  r as triggerHint
+  pt as default,
+  triggerHint
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,7 +1,8 @@
-const t = "Tryck på Tab för att gå till popover", r = {
-  triggerHint: t
+const triggerHint = "Tryck på Tab för att gå till popover";
+const sv = {
+  triggerHint
 };
 export {
-  r as default,
-  t as triggerHint
+  sv as default,
+  triggerHint
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,7 +1,8 @@
-const t = "Popover'a gitmek için Tab tuşuna basın", i = {
-  triggerHint: t
+const triggerHint = "Popover'a gitmek için Tab tuşuna basın";
+const tr = {
+  triggerHint
 };
 export {
-  i as default,
-  t as triggerHint
+  tr as default,
+  triggerHint
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,7 +1,8 @@
-const t = "Nhấn Tab để chuyển đến cửa sổ bật lên", n = {
-  triggerHint: t
+const triggerHint = "Nhấn Tab để chuyển đến cửa sổ bật lên";
+const vi = {
+  triggerHint
 };
 export {
-  n as default,
-  t as triggerHint
+  vi as default,
+  triggerHint
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,7 +1,8 @@
-const t = "按 T​​ab 转到弹出框", r = {
-  triggerHint: t
+const triggerHint = "按 T​​ab 转到弹出框";
+const zh = {
+  triggerHint
 };
 export {
-  r as default,
-  t as triggerHint
+  zh as default,
+  triggerHint
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown-menu",
   "description": "Semrush DropdownMenu Component",
-  "version": "4.48.0",
+  "version": "4.48.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,14 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "5.43.1",
-    "@semcore/dropdown": "4.43.2",
-    "@semcore/flex-box": "5.41.2",
-    "@semcore/scroll-area": "5.45.2",
-    "@semcore/utils": "4.48.2",
-    "@semcore/icon": "4.61.0",
-    "@semcore/typography": "5.53.0",
-    "@semcore/popper": "5.46.2",
+    "@semcore/button": "5.43.2",
+    "@semcore/dropdown": "4.43.3",
+    "@semcore/flex-box": "5.41.3",
+    "@semcore/scroll-area": "5.45.3",
+    "@semcore/utils": "4.48.4",
+    "@semcore/icon": "4.62.0",
+    "@semcore/typography": "5.53.1",
+    "@semcore/popper": "5.46.3",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
@@ -39,8 +39,8 @@
     "@types/classnames": "2.2.6",
     "@semcore/testing-utils": "1.0.0",
     "@semcore/base-trigger": "4.26.1",
-    "@semcore/button": "5.43.1",
-    "@semcore/icon": "4.61.0"
+    "@semcore/button": "5.43.2",
+    "@semcore/icon": "4.62.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"