From 4955cacbcf3b6d020ffdf441a9d78ab6c249328c Mon Sep 17 00:00:00 2001
From: Ani Sarkisyan <anias_2003@mail.ru>
Date: Thu, 27 Jun 2024 20:26:02 +0300
Subject: [PATCH 1/2] fix: remove unnecessary select styles

---
 packages/kaspersky-components/src/select/selectCss.ts | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/kaspersky-components/src/select/selectCss.ts b/packages/kaspersky-components/src/select/selectCss.ts
index 823251b..7f18448 100644
--- a/packages/kaspersky-components/src/select/selectCss.ts
+++ b/packages/kaspersky-components/src/select/selectCss.ts
@@ -37,10 +37,6 @@ export const selectCss = css`
     }
   }
 
-  &.ant-select-show-search:not(.ant-select-multiple) .ant-select-clear {
-    display: none;
-  }
-
   &.ant-select-single {
     .ant-select-selector {
       padding: 6px 36px 6px 12px;

From 044cc22c5c51468f829815773122f22efbcfe880 Mon Sep 17 00:00:00 2001
From: Ani Sarkisyan <nsrksn@mail.ru>
Date: Mon, 1 Jul 2024 20:36:19 +0300
Subject: [PATCH 2/2] feat: add story for showSearch and allowClear props

---
 .../src/select/Select.stories.tsx             | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/packages/kaspersky-components/src/select/Select.stories.tsx b/packages/kaspersky-components/src/select/Select.stories.tsx
index cead4cf..ebdf0ee 100644
--- a/packages/kaspersky-components/src/select/Select.stories.tsx
+++ b/packages/kaspersky-components/src/select/Select.stories.tsx
@@ -9,7 +9,7 @@ import { sbHideControls } from '@helpers/storybookHelpers'
 import { withMeta } from '@helpers/hocs/MetaComponent/withMeta'
 import Docs from './SelectDocs'
 import { Toggle } from '@src/toggle'
-import { Label } from '@src/label'
+import { Field } from '@src/field'
 import { Link } from '@src/link'
 import { P, Text } from '@src/typography'
 import { Tag } from '@src/tag'
@@ -201,6 +201,25 @@ export const WithHeader: Story = {
   }
 }
 
+export const WithShowSearchAndAllowClear: Story = {
+  render: (args: SelectProps) => {
+    return (
+      <div style={{ width: '550px' }}>
+        <P>No mode</P>
+        <Field control={<Select {...args} />} />
+        <P>Tags mode</P>
+        <Field control={<Select {...args} mode="tags" />} />
+        <P>Multiple mode</P>
+        <Field control={<Select {...args} mode="multiple" />} />
+      </div>
+    )
+  },
+  args: {
+    allowClear: true,
+    showSearch: true
+  }
+}
+
 export const CustomDropdown: Story = {
   render: (args: SelectProps) => {
     const [checked, setChecked] = React.useState(false)
@@ -231,20 +250,16 @@ export const Tags: Story = {
     return (
       <div style={{ width: '550px' }}>
         <P>Tags mode</P>
-        <Label htmlFor={args.id}>
-          <Select
-            {...args}
-          />
-        </Label>
+        <Field control={<Select {...args} />} />
         <P>Tags mode with allowNonUniqueValues</P>
-        <Label htmlFor={args.id + '1'}>
+        <Field control={
           <Select
             id={args.id + '1'}
             {...args}
             allowNonUniqueValues={true}
             defaultValue={['MyTag', 'MyTag']}
           />
-        </Label>
+        } />
       </div>
     )
   },