feat(select): changed size L (72 → 64), added size XL (72)

BREAKING CHANGE: size L changed to size XL
core-ds · Mar 2, 2021 · af5dc6a · af5dc6a
1 parent f5fda56
commit af5dc6a
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 9 deletions.
diff --git a/packages/select/src/Component.stories.mdx b/packages/select/src/Component.stories.mdx
@@ -107,7 +107,7 @@ export const POSITION_OPTIONS = [
 <Story name='Select'>
     <Select
         block={boolean('block', false)}
-        size={selectKnob('size', ['s', 'm', 'l'], 's')}
+        size={selectKnob('size', ['s', 'm', 'l', 'xl'], 's')}
         disabled={boolean('disabled', false)}
         error={text('error', '')}
         hint={text('hint', '')}

diff --git a/packages/select/src/components/optgroup/index.module.css b/packages/select/src/components/optgroup/index.module.css
@@ -27,7 +27,8 @@
     min-height: 48px;
 }
 
-.l {
+.l,
+.xl {
     min-height: 56px;
 
     padding-left: var(--select-optgroup-l-left-padding);

diff --git a/packages/select/src/components/option/index.module.css b/packages/select/src/components/option/index.module.css
@@ -46,8 +46,15 @@
 }
 
 .l {
+    min-height: 64px;
+}
+
+.xl {
     min-height: 72px;
+}
 
+.l,
+.xl {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 

diff --git a/packages/select/src/components/options-list/index.module.css b/packages/select/src/components/options-list/index.module.css
@@ -13,6 +13,7 @@
     color: var(--select-options-list-empty-placeholder-color);
 }
 
-.l .emptyPlaceholder {
+.l .emptyPlaceholder,
+.xl .emptyPlaceholder {
     padding: var(--gap-xl) var(--gap-m);
 }
diff --git a/packages/select/src/components/virtual-options-list/index.module.css b/packages/select/src/components/virtual-options-list/index.module.css
@@ -49,6 +49,7 @@
     color: var(--select-options-list-empty-placeholder-color);
 }
 
-.l .emptyPlaceholder {
+.l .emptyPlaceholder,
+.xl .emptyPlaceholder {
     padding: var(--gap-xl) var(--gap-m);
 }
diff --git a/packages/select/src/typings.ts b/packages/select/src/typings.ts
@@ -103,7 +103,7 @@ export type BaseSelectProps = {
     /**
      * Размер компонента
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
 
     /**
      * Растягивает компонент на ширину контейнера
@@ -272,7 +272,7 @@ export type FieldProps = {
     /**
      * Размер компонента
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
 
     /**
      * Выбранный пункт
@@ -373,7 +373,7 @@ export type OptionsListProps = {
     /**
      * Размер компонента
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
 
     /**
      * Компонент пункта меню
@@ -425,7 +425,7 @@ export type OptgroupProps = {
     /**
      * Размер компонента
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
 
     /**
      * Заголовок группы
@@ -447,7 +447,7 @@ export type OptionProps = {
     /**
      * Размер компонента
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
 
     /**
      * Контент пункта меню