@semcore/select 4.46.1 → 4.47.0-prerelease.0

package/lib/es6/style/input-search.shadow.css

@@ -2,6 +2,10 @@ SInputSearch[size='m'] {
   height: 32px;
 }
 
+SSearchClear {
+  padding: 0 var(--intergalactic-spacing-2x, 8px);
+}
+
 SSearchClear[hide] {
   visibility: hidden;
 }
@@ -13,4 +17,4 @@ SOutline {
   width: 100%;
   border-radius: var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px) 0 0;
   box-sizing: content-box;
-}
+}

package/lib/es6/style/select.shadow.css

@@ -91,4 +91,4 @@ SOptionCheckbox[indeterminate][size='l']:after {
 SOptionCheckbox[indeterminate][size='m']:after {
   width: 8px;
   height: 2px;
-}
+}

package/lib/es6/translations/en.json

@@ -1,6 +1,4 @@
 {
   "clearSearch": "Clear search field",
-  "selectPlaceholder": "Select option",
-  "triggerHint": "Press Tab to go to popover",
-  "optionsList": "List of options"
+  "selectPlaceholder": "Select option"
 }

package/lib/types/index.d.ts

@@ -7,10 +7,11 @@ import DropdownMenu, {
   DropdownMenuHandlers,
   DropdownMenuTriggerProps,
 } from '@semcore/dropdown-menu';
+import Dropdown from '@semcore/dropdown';
 import { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';
 import Divider from '@semcore/divider';
 import Input, { InputValueProps } from '@semcore/input';
-import { BoxProps } from '@semcore/flex-box';
+import { BoxProps, Flex } from '@semcore/flex-box';
 
 /** @deprecated */
 export interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}
@@ -84,6 +85,10 @@ export interface ISelectOption extends SelectOption, UnknownProperties {}
 /** @deprecated */
 export interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}
 export type SelectOptionProps = DropdownMenuItemProps & {
+  /**
+   * Enables selected state
+   */
+  selected?: boolean;
   /** Value of the option */
   value: string | number;
 };
@@ -136,7 +141,7 @@ type IntergalacticSelectComponent<PropsExtending = {}> = (<
 
 declare const Select: IntergalacticSelectComponent & {
   Trigger: Intergalactic.Component<
-    'div',
+    typeof Dropdown.Trigger,
     DropdownMenuTriggerProps & ButtonTriggerProps,
     {},
     [handlers: SelectHandlers]
@@ -147,6 +152,7 @@ declare const Select: IntergalacticSelectComponent & {
   Popper: typeof DropdownMenu.Popper;
   List: typeof DropdownMenu.List;
   Menu: typeof DropdownMenu.Menu;
+  Group: typeof Dropdown.Group;
   Option: Intergalactic.Component<
     'option',
     SelectOptionProps,
@@ -155,8 +161,16 @@ declare const Select: IntergalacticSelectComponent & {
   > & {
     Addon: typeof DropdownMenu.Item.Addon;
     Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;
+    Content: typeof Flex;
+    Hint: typeof Flex;
   };
+  /**
+   * @deprecated Use Select.Group
+   */
   OptionTitle: typeof DropdownMenu.ItemTitle;
+  /**
+   * @deprecated Use Select.Option.Hint or Select.Group with subTitle property
+   */
   OptionHint: typeof DropdownMenu.ItemHint;
   Divider: typeof Divider;
   InputSearch: typeof InputSearch;

package/package.json

@@ -1,26 +1,28 @@
 {
   "name": "@semcore/select",
   "description": "Semrush Select Component",
-  "version": "4.46.1",
+  "version": "4.47.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/base-trigger": "4.44.1",
-    "@semcore/checkbox": "7.36.1",
-    "@semcore/divider": "4.32.1",
-    "@semcore/dropdown-menu": "4.39.1",
-    "@semcore/popper": "5.40.1",
-    "@semcore/flex-box": "5.33.1",
-    "@semcore/icon": "4.46.0",
-    "@semcore/input": "4.34.1",
-    "@semcore/utils": "4.36.2",
+    "@semcore/base-trigger": "4.45.0-prerelease.0",
+    "@semcore/button": "5.37.2-prerelease.0",
+    "@semcore/checkbox": "7.37.0-prerelease.0",
+    "@semcore/divider": "4.33.0-prerelease.0",
+    "@semcore/dropdown-menu": "4.40.0-prerelease.0",
+    "@semcore/dropdown": "4.38.0-prerelease.0",
+    "@semcore/popper": "5.41.0-prerelease.0",
+    "@semcore/flex-box": "5.34.0-prerelease.0",
+    "@semcore/icon": "4.47.0-prerelease.0",
+    "@semcore/input": "4.35.0-prerelease.0",
+    "@semcore/utils": "4.38.0-prerelease.0",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.32.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },