@semcore/dropdown-menu 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.1.1] - 2022-10-04
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/dropdown` [3.1.0 ~> 3.1.1], `@semcore/utils` [3.37.1 ~> 3.37.2]).
+
 ## [3.1.0] - 2022-09-07
 
 ### Added

package/lib/cjs/DropdownMenu.js

@@ -63,23 +63,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDropdownMenuList_1tre5_gg_{max-height:240px;margin:4px 0;padding:0;position:relative;min-height:26px;min-width:32px}.___SDropdownMenuItem_1tre5_gg_{display:flex;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}.___SDropdownMenuItem_1tre5_gg_:hover{background-color:#f4f5f9}.___SDropdownMenuItem_1tre5_gg_:focus{outline:none}.___SDropdownMenuItem_1tre5_gg_.__highlighted_1tre5_gg_{z-index:1;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2) inset}.___SDropdownMenuItem_1tre5_gg_.__selected_1tre5_gg_{background-color:rgba(196,229,254,.7)}.___SDropdownMenuItem_1tre5_gg_.__selected_1tre5_gg_:hover{background-color:#c4e5fe}.___SDropdownMenuItem_1tre5_gg_.__disabled_1tre5_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SDropdownMenuItem_1tre5_gg_._size_l_1tre5_gg_{font-size:16px;line-height:1.5;padding:8px 12px;min-height:40px}.___SDropdownMenuItem_1tre5_gg_._size_m_1tre5_gg_{font-size:14px;line-height:1.42;padding:6px 8px;min-height:32px}.___SDropdownMenuItem_1tre5_gg_.__notInteractive_1tre5_gg_{cursor:default}.___SDropdownMenuItem_1tre5_gg_.__notInteractive_1tre5_gg_:hover{background:none}.___SDropdownMenuItem_1tre5_gg_._variant_hint_1tre5_gg_{color:#6c6e79;cursor:default}.___SDropdownMenuItem_1tre5_gg_._variant_hint_1tre5_gg_:hover{background:none}.___SDropdownMenuItem_1tre5_gg_._variant_title_1tre5_gg_{font-weight:700;cursor:default}.___SDropdownMenuItem_1tre5_gg_._variant_title_1tre5_gg_:hover{background:none}.___SDropdownMenuItemAddon_1tre5_gg_{display:inline-flex;margin-left:8px;margin-right:8px}.___SDropdownMenuItemAddon_1tre5_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1tre5_gg_:last-child{margin-right:0}.___SPopper_1tre5_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
+".___SDropdownMenuList_1rlfp_gg_{max-height:240px;margin:4px 0;padding:0;position:relative;min-height:26px;min-width:32px}.___SDropdownMenuItem_1rlfp_gg_{display:flex;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}.___SDropdownMenuItem_1rlfp_gg_:hover{background-color:#f4f5f9}.___SDropdownMenuItem_1rlfp_gg_:focus{outline:none}.___SDropdownMenuItem_1rlfp_gg_.__highlighted_1rlfp_gg_{z-index:1;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2) inset}.___SDropdownMenuItem_1rlfp_gg_.__selected_1rlfp_gg_{background-color:rgba(196,229,254,.7)}.___SDropdownMenuItem_1rlfp_gg_.__selected_1rlfp_gg_:hover{background-color:#c4e5fe}.___SDropdownMenuItem_1rlfp_gg_.__disabled_1rlfp_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SDropdownMenuItem_1rlfp_gg_._size_l_1rlfp_gg_{font-size:16px;line-height:1.5;padding:8px 12px;min-height:40px}.___SDropdownMenuItem_1rlfp_gg_._size_m_1rlfp_gg_{font-size:14px;line-height:1.42;padding:6px 8px;min-height:32px}.___SDropdownMenuItem_1rlfp_gg_.__notInteractive_1rlfp_gg_{cursor:default}.___SDropdownMenuItem_1rlfp_gg_.__notInteractive_1rlfp_gg_:hover{background:none}.___SDropdownMenuItem_1rlfp_gg_._variant_hint_1rlfp_gg_{color:#6c6e79;cursor:default}.___SDropdownMenuItem_1rlfp_gg_._variant_hint_1rlfp_gg_:hover{background:none}.___SDropdownMenuItem_1rlfp_gg_._variant_title_1rlfp_gg_{font-weight:700;cursor:default}.___SDropdownMenuItem_1rlfp_gg_._variant_title_1rlfp_gg_:hover{background:none}.___SDropdownMenuItemAddon_1rlfp_gg_{display:inline-flex;margin-left:8px;margin-right:8px}.___SDropdownMenuItemAddon_1rlfp_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1rlfp_gg_:last-child{margin-right:0}.___SPopper_1rlfp_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
 /*__inner_css_end__*/
-, "1tre5_gg_")
+, "1rlfp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDropdownMenuList": "___SDropdownMenuList_1tre5_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1tre5_gg_",
-  "_highlighted": "__highlighted_1tre5_gg_",
-  "_selected": "__selected_1tre5_gg_",
-  "_disabled": "__disabled_1tre5_gg_",
-  "_size_l": "_size_l_1tre5_gg_",
-  "_size_m": "_size_m_1tre5_gg_",
-  "_notInteractive": "__notInteractive_1tre5_gg_",
-  "_variant_hint": "_variant_hint_1tre5_gg_",
-  "_variant_title": "_variant_title_1tre5_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1tre5_gg_",
-  "__SPopper": "___SPopper_1tre5_gg_"
+  "__SDropdownMenuList": "___SDropdownMenuList_1rlfp_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_1rlfp_gg_",
+  "_highlighted": "__highlighted_1rlfp_gg_",
+  "_selected": "__selected_1rlfp_gg_",
+  "_disabled": "__disabled_1rlfp_gg_",
+  "_size_l": "_size_l_1rlfp_gg_",
+  "_size_m": "_size_m_1rlfp_gg_",
+  "_notInteractive": "__notInteractive_1rlfp_gg_",
+  "_variant_hint": "_variant_hint_1rlfp_gg_",
+  "_variant_title": "_variant_title_1rlfp_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1rlfp_gg_",
+  "__SPopper": "___SPopper_1rlfp_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport Dropdown, { IDropdownContext, IDropdownProps, IDropdownHandlers } from '@semcore/dropdown';\nimport { Box, IBoxProps, IFlexProps } from '@semcore/flex-box';\nimport { IScrollAreaProps } from '@semcore/scroll-area';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\nexport interface IDropdownMenuProps extends IDropdownProps {\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}\n\nexport interface IDropdownMenuListProps extends IBoxProps, IScrollAreaProps {\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n}\n\nexport interface IDropdownMenuMenuProps extends IDropdownMenuListProps {}\n\nexport interface IDropdownMenuItemProps extends IFlexProps {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /**\n   * Disables the component\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   */\n  highlighted?: boolean;\n  /**\n   * Makes the element non-interactive\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n}\n\nexport interface IDropdownMenuItemHintProps extends IFlexProps {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n}\n\nexport interface IDropdownMenuItemTitleProps extends IFlexProps {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n}\n\nexport interface IDropdownMenuContext extends IDropdownContext {\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n}\n\nexport interface IDropdownMenuHandlers extends IDropdownHandlers {\n  highlightedIndex: (index: number) => void;\n}\n\ndeclare const DropdownMenu: (<T>(\n  props: CProps<IDropdownMenuProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,\n) => ReturnEl) & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: typeof Dropdown.Popper;\n  List: <T>(\n    props: CProps<IDropdownMenuListProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,\n  ) => ReturnEl;\n  Menu: <T>(\n    props: CProps<IDropdownMenuMenuProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,\n  ) => ReturnEl;\n  Item: (<T>(\n    props: CProps<IDropdownMenuItemProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,\n  ) => ReturnEl) & {\n    Addon: typeof Box;\n  };\n  ItemTitle: <T>(props: IDropdownMenuItemTitleProps & T) => ReturnEl;\n  ItemHint: <T>(props: IDropdownMenuItemHintProps & T) => ReturnEl;\n};\n\nexport default DropdownMenu;\n"],"mappings":""}

package/lib/es6/DropdownMenu.js

@@ -39,23 +39,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SDropdownMenuList_1tre5_gg_{max-height:240px;margin:4px 0;padding:0;position:relative;min-height:26px;min-width:32px}.___SDropdownMenuItem_1tre5_gg_{display:flex;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}.___SDropdownMenuItem_1tre5_gg_:hover{background-color:#f4f5f9}.___SDropdownMenuItem_1tre5_gg_:focus{outline:none}.___SDropdownMenuItem_1tre5_gg_.__highlighted_1tre5_gg_{z-index:1;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2) inset}.___SDropdownMenuItem_1tre5_gg_.__selected_1tre5_gg_{background-color:rgba(196,229,254,.7)}.___SDropdownMenuItem_1tre5_gg_.__selected_1tre5_gg_:hover{background-color:#c4e5fe}.___SDropdownMenuItem_1tre5_gg_.__disabled_1tre5_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SDropdownMenuItem_1tre5_gg_._size_l_1tre5_gg_{font-size:16px;line-height:1.5;padding:8px 12px;min-height:40px}.___SDropdownMenuItem_1tre5_gg_._size_m_1tre5_gg_{font-size:14px;line-height:1.42;padding:6px 8px;min-height:32px}.___SDropdownMenuItem_1tre5_gg_.__notInteractive_1tre5_gg_{cursor:default}.___SDropdownMenuItem_1tre5_gg_.__notInteractive_1tre5_gg_:hover{background:none}.___SDropdownMenuItem_1tre5_gg_._variant_hint_1tre5_gg_{color:#6c6e79;cursor:default}.___SDropdownMenuItem_1tre5_gg_._variant_hint_1tre5_gg_:hover{background:none}.___SDropdownMenuItem_1tre5_gg_._variant_title_1tre5_gg_{font-weight:700;cursor:default}.___SDropdownMenuItem_1tre5_gg_._variant_title_1tre5_gg_:hover{background:none}.___SDropdownMenuItemAddon_1tre5_gg_{display:inline-flex;margin-left:8px;margin-right:8px}.___SDropdownMenuItemAddon_1tre5_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1tre5_gg_:last-child{margin-right:0}.___SPopper_1tre5_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
+".___SDropdownMenuList_1rlfp_gg_{max-height:240px;margin:4px 0;padding:0;position:relative;min-height:26px;min-width:32px}.___SDropdownMenuItem_1rlfp_gg_{display:flex;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}.___SDropdownMenuItem_1rlfp_gg_:hover{background-color:#f4f5f9}.___SDropdownMenuItem_1rlfp_gg_:focus{outline:none}.___SDropdownMenuItem_1rlfp_gg_.__highlighted_1rlfp_gg_{z-index:1;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2) inset}.___SDropdownMenuItem_1rlfp_gg_.__selected_1rlfp_gg_{background-color:rgba(196,229,254,.7)}.___SDropdownMenuItem_1rlfp_gg_.__selected_1rlfp_gg_:hover{background-color:#c4e5fe}.___SDropdownMenuItem_1rlfp_gg_.__disabled_1rlfp_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SDropdownMenuItem_1rlfp_gg_._size_l_1rlfp_gg_{font-size:16px;line-height:1.5;padding:8px 12px;min-height:40px}.___SDropdownMenuItem_1rlfp_gg_._size_m_1rlfp_gg_{font-size:14px;line-height:1.42;padding:6px 8px;min-height:32px}.___SDropdownMenuItem_1rlfp_gg_.__notInteractive_1rlfp_gg_{cursor:default}.___SDropdownMenuItem_1rlfp_gg_.__notInteractive_1rlfp_gg_:hover{background:none}.___SDropdownMenuItem_1rlfp_gg_._variant_hint_1rlfp_gg_{color:#6c6e79;cursor:default}.___SDropdownMenuItem_1rlfp_gg_._variant_hint_1rlfp_gg_:hover{background:none}.___SDropdownMenuItem_1rlfp_gg_._variant_title_1rlfp_gg_{font-weight:700;cursor:default}.___SDropdownMenuItem_1rlfp_gg_._variant_title_1rlfp_gg_:hover{background:none}.___SDropdownMenuItemAddon_1rlfp_gg_{display:inline-flex;margin-left:8px;margin-right:8px}.___SDropdownMenuItemAddon_1rlfp_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1rlfp_gg_:last-child{margin-right:0}.___SPopper_1rlfp_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
 /*__inner_css_end__*/
-, "1tre5_gg_")
+, "1rlfp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDropdownMenuList": "___SDropdownMenuList_1tre5_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1tre5_gg_",
-  "_highlighted": "__highlighted_1tre5_gg_",
-  "_selected": "__selected_1tre5_gg_",
-  "_disabled": "__disabled_1tre5_gg_",
-  "_size_l": "_size_l_1tre5_gg_",
-  "_size_m": "_size_m_1tre5_gg_",
-  "_notInteractive": "__notInteractive_1tre5_gg_",
-  "_variant_hint": "_variant_hint_1tre5_gg_",
-  "_variant_title": "_variant_title_1tre5_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1tre5_gg_",
-  "__SPopper": "___SPopper_1tre5_gg_"
+  "__SDropdownMenuList": "___SDropdownMenuList_1rlfp_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_1rlfp_gg_",
+  "_highlighted": "__highlighted_1rlfp_gg_",
+  "_selected": "__selected_1rlfp_gg_",
+  "_disabled": "__disabled_1rlfp_gg_",
+  "_size_l": "_size_l_1rlfp_gg_",
+  "_size_m": "_size_m_1rlfp_gg_",
+  "_notInteractive": "__notInteractive_1rlfp_gg_",
+  "_variant_hint": "_variant_hint_1rlfp_gg_",
+  "_variant_title": "_variant_title_1rlfp_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1rlfp_gg_",
+  "__SPopper": "___SPopper_1rlfp_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport Dropdown, { IDropdownContext, IDropdownProps, IDropdownHandlers } from '@semcore/dropdown';\nimport { Box, IBoxProps, IFlexProps } from '@semcore/flex-box';\nimport { IScrollAreaProps } from '@semcore/scroll-area';\n\nexport type DropdownMenuSize = 'm' | 'l';\n\nexport interface IDropdownMenuProps extends IDropdownProps {\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}\n\nexport interface IDropdownMenuListProps extends IBoxProps, IScrollAreaProps {\n  /**\n   * Size of the menu\n   * @default m\n   */\n  size?: DropdownMenuSize;\n}\n\nexport interface IDropdownMenuMenuProps extends IDropdownMenuListProps {}\n\nexport interface IDropdownMenuItemProps extends IFlexProps {\n  /**\n   * Enables selected state\n   */\n  selected?: boolean;\n  /**\n   * Disables the component\n   */\n  disabled?: boolean;\n  /**\n   * Adds focus styles around\n   */\n  highlighted?: boolean;\n  /**\n   * Makes the element non-interactive\n   */\n  notInteractive?: boolean;\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n}\n\nexport interface IDropdownMenuItemHintProps extends IFlexProps {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n}\n\nexport interface IDropdownMenuItemTitleProps extends IFlexProps {\n  /**\n   * Size of the component\n   * @default m\n   */\n  size?: DropdownMenuSize;\n}\n\nexport interface IDropdownMenuContext extends IDropdownContext {\n  getListProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getItemHintProps: PropGetterFn;\n  getItemTitleProps: PropGetterFn;\n}\n\nexport interface IDropdownMenuHandlers extends IDropdownHandlers {\n  highlightedIndex: (index: number) => void;\n}\n\ndeclare const DropdownMenu: (<T>(\n  props: CProps<IDropdownMenuProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,\n) => ReturnEl) & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: typeof Dropdown.Popper;\n  List: <T>(\n    props: CProps<IDropdownMenuListProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,\n  ) => ReturnEl;\n  Menu: <T>(\n    props: CProps<IDropdownMenuMenuProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,\n  ) => ReturnEl;\n  Item: (<T>(\n    props: CProps<IDropdownMenuItemProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,\n  ) => ReturnEl) & {\n    Addon: typeof Box;\n  };\n  ItemTitle: <T>(props: IDropdownMenuItemTitleProps & T) => ReturnEl;\n  ItemHint: <T>(props: IDropdownMenuItemHintProps & T) => ReturnEl;\n};\n\nexport default DropdownMenu;\n"],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown-menu",
   "description": "Semrush DropdownMenu Component",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build --source=js",
+    "build": "pnpm semcore-builder --source=js",
     "test": "jest"
   },
   "dependencies": {
@@ -32,6 +32,7 @@
     "directory": "semcore/dropdown-menu"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@guidepup/playwright": "0.6.1",
     "@playwright/test": "1.25.1",
     "@semcore/jest-preset-ui": "1.0.0"

package/lib/cjs/index.d.ts

@@ -1,110 +0,0 @@
-import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
-import Dropdown, { IDropdownContext, IDropdownProps, IDropdownHandlers } from '@semcore/dropdown';
-import { Box, IBoxProps, IFlexProps } from '@semcore/flex-box';
-import { IScrollAreaProps } from '@semcore/scroll-area';
-
-export type DropdownMenuSize = 'm' | 'l';
-
-export interface IDropdownMenuProps extends IDropdownProps {
-  /**
-   * Size of the menu
-   * @default m
-   */
-  size?: DropdownMenuSize;
-  /**
-   * Index of the element selected by default
-   */
-  defaultHighlightedIndex?: number;
-  /**
-   * Index of the selected item
-   */
-  highlightedIndex?: number;
-  /**
-   * Callback for highlightedIndex change
-   * highlightedIndex -  Index of the selected item
-   */
-  onHighlightedIndexChange?: (highlightedIndex: number) => void;
-}
-
-export interface IDropdownMenuListProps extends IBoxProps, IScrollAreaProps {
-  /**
-   * Size of the menu
-   * @default m
-   */
-  size?: DropdownMenuSize;
-}
-
-export interface IDropdownMenuMenuProps extends IDropdownMenuListProps {}
-
-export interface IDropdownMenuItemProps extends IFlexProps {
-  /**
-   * Enables selected state
-   */
-  selected?: boolean;
-  /**
-   * Disables the component
-   */
-  disabled?: boolean;
-  /**
-   * Adds focus styles around
-   */
-  highlighted?: boolean;
-  /**
-   * Makes the element non-interactive
-   */
-  notInteractive?: boolean;
-  /**
-   * Size of the component
-   * @default m
-   */
-  size?: DropdownMenuSize;
-}
-
-export interface IDropdownMenuItemHintProps extends IFlexProps {
-  /**
-   * Size of the component
-   * @default m
-   */
-  size?: DropdownMenuSize;
-}
-
-export interface IDropdownMenuItemTitleProps extends IFlexProps {
-  /**
-   * Size of the component
-   * @default m
-   */
-  size?: DropdownMenuSize;
-}
-
-export interface IDropdownMenuContext extends IDropdownContext {
-  getListProps: PropGetterFn;
-  getItemProps: PropGetterFn;
-  getItemHintProps: PropGetterFn;
-  getItemTitleProps: PropGetterFn;
-}
-
-export interface IDropdownMenuHandlers extends IDropdownHandlers {
-  highlightedIndex: (index: number) => void;
-}
-
-declare const DropdownMenu: (<T>(
-  props: CProps<IDropdownMenuProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,
-) => ReturnEl) & {
-  Trigger: typeof Dropdown.Trigger;
-  Popper: typeof Dropdown.Popper;
-  List: <T>(
-    props: CProps<IDropdownMenuListProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,
-  ) => ReturnEl;
-  Menu: <T>(
-    props: CProps<IDropdownMenuMenuProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,
-  ) => ReturnEl;
-  Item: (<T>(
-    props: CProps<IDropdownMenuItemProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,
-  ) => ReturnEl) & {
-    Addon: typeof Box;
-  };
-  ItemTitle: <T>(props: IDropdownMenuItemTitleProps & T) => ReturnEl;
-  ItemHint: <T>(props: IDropdownMenuItemHintProps & T) => ReturnEl;
-};
-
-export default DropdownMenu;

package/lib/es6/index.d.ts

@@ -1,110 +0,0 @@
-import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
-import Dropdown, { IDropdownContext, IDropdownProps, IDropdownHandlers } from '@semcore/dropdown';
-import { Box, IBoxProps, IFlexProps } from '@semcore/flex-box';
-import { IScrollAreaProps } from '@semcore/scroll-area';
-
-export type DropdownMenuSize = 'm' | 'l';
-
-export interface IDropdownMenuProps extends IDropdownProps {
-  /**
-   * Size of the menu
-   * @default m
-   */
-  size?: DropdownMenuSize;
-  /**
-   * Index of the element selected by default
-   */
-  defaultHighlightedIndex?: number;
-  /**
-   * Index of the selected item
-   */
-  highlightedIndex?: number;
-  /**
-   * Callback for highlightedIndex change
-   * highlightedIndex -  Index of the selected item
-   */
-  onHighlightedIndexChange?: (highlightedIndex: number) => void;
-}
-
-export interface IDropdownMenuListProps extends IBoxProps, IScrollAreaProps {
-  /**
-   * Size of the menu
-   * @default m
-   */
-  size?: DropdownMenuSize;
-}
-
-export interface IDropdownMenuMenuProps extends IDropdownMenuListProps {}
-
-export interface IDropdownMenuItemProps extends IFlexProps {
-  /**
-   * Enables selected state
-   */
-  selected?: boolean;
-  /**
-   * Disables the component
-   */
-  disabled?: boolean;
-  /**
-   * Adds focus styles around
-   */
-  highlighted?: boolean;
-  /**
-   * Makes the element non-interactive
-   */
-  notInteractive?: boolean;
-  /**
-   * Size of the component
-   * @default m
-   */
-  size?: DropdownMenuSize;
-}
-
-export interface IDropdownMenuItemHintProps extends IFlexProps {
-  /**
-   * Size of the component
-   * @default m
-   */
-  size?: DropdownMenuSize;
-}
-
-export interface IDropdownMenuItemTitleProps extends IFlexProps {
-  /**
-   * Size of the component
-   * @default m
-   */
-  size?: DropdownMenuSize;
-}
-
-export interface IDropdownMenuContext extends IDropdownContext {
-  getListProps: PropGetterFn;
-  getItemProps: PropGetterFn;
-  getItemHintProps: PropGetterFn;
-  getItemTitleProps: PropGetterFn;
-}
-
-export interface IDropdownMenuHandlers extends IDropdownHandlers {
-  highlightedIndex: (index: number) => void;
-}
-
-declare const DropdownMenu: (<T>(
-  props: CProps<IDropdownMenuProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,
-) => ReturnEl) & {
-  Trigger: typeof Dropdown.Trigger;
-  Popper: typeof Dropdown.Popper;
-  List: <T>(
-    props: CProps<IDropdownMenuListProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,
-  ) => ReturnEl;
-  Menu: <T>(
-    props: CProps<IDropdownMenuMenuProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,
-  ) => ReturnEl;
-  Item: (<T>(
-    props: CProps<IDropdownMenuItemProps & T, IDropdownMenuContext, IDropdownMenuHandlers>,
-  ) => ReturnEl) & {
-    Addon: typeof Box;
-  };
-  ItemTitle: <T>(props: IDropdownMenuItemTitleProps & T) => ReturnEl;
-  ItemHint: <T>(props: IDropdownMenuItemHintProps & T) => ReturnEl;
-};
-
-export default DropdownMenu;