@alfalab/core-components-picker-button 10.3.15 → 10.3.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/Component.d.ts +1 -1
  2. package/Component.js +1 -1
  3. package/Component.responsive.d.ts +1 -1
  4. package/cssm/field/Component.d.ts +1 -1
  5. package/cssm/option/Component.d.ts +2 -2
  6. package/cssm/{typings-f9462675.d.ts → typings-5e1b8383.d.ts} +6 -1
  7. package/esm/Component.js +1 -1
  8. package/esm/field/Component.d.ts +1 -1
  9. package/esm/field/Component.js +1 -1
  10. package/esm/field/index.css +5 -5
  11. package/esm/index.css +5 -5
  12. package/esm/option/Component.d.ts +2 -2
  13. package/esm/option/Component.js +1 -1
  14. package/esm/option/index.css +4 -4
  15. package/esm/{typings-f9462675.d.ts → typings-5e1b8383.d.ts} +6 -1
  16. package/field/Component.d.ts +1 -1
  17. package/field/Component.js +1 -1
  18. package/field/index.css +5 -5
  19. package/index.css +5 -5
  20. package/modern/Component.js +1 -1
  21. package/modern/field/Component.d.ts +1 -1
  22. package/modern/field/Component.js +1 -1
  23. package/modern/field/index.css +5 -5
  24. package/modern/index.css +5 -5
  25. package/modern/option/Component.d.ts +2 -2
  26. package/modern/option/Component.js +1 -1
  27. package/modern/option/index.css +4 -4
  28. package/modern/{typings-f9462675.d.ts → typings-5e1b8383.d.ts} +6 -1
  29. package/option/Component.d.ts +2 -2
  30. package/option/Component.js +1 -1
  31. package/option/index.css +4 -4
  32. package/package.json +2 -2
  33. package/{typings-f9462675.d.ts → typings-5e1b8383.d.ts} +7 -2
package/Component.d.ts CHANGED
@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
26
26
  */
27
27
  showArrow?: boolean;
28
28
  };
29
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
29
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
30
30
  options: Array<BaseSelectProps['options'][0] & {
31
31
  /**
32
32
  * Иконка, отображающаяся слева от текстового представления пункта
package/Component.js CHANGED
@@ -20,7 +20,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
20
20
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
 
23
- var styles = {"container":"picker-button__container_ynnx4","optionsPopover":"picker-button__optionsPopover_ynnx4","sideGap":"picker-button__sideGap_ynnx4","option":"picker-button__option_ynnx4"};
23
+ var styles = {"container":"picker-button__container_17ruf","optionsPopover":"picker-button__optionsPopover_17ruf","sideGap":"picker-button__sideGap_17ruf","option":"picker-button__option_17ruf"};
24
24
  require('./index.css')
25
25
 
26
26
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
package/Component.responsive.d.ts CHANGED
@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
11
11
  */
12
12
  breakpoint?: number;
13
13
  };
14
- declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
14
+ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
15
15
  options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
16
16
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
17
17
  })[];
package/cssm/field/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-f9462675";
3
+ import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
package/cssm/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-f9462675";
4
- import { OptionProps as BaseOptionProps } from "../typings-f9462675";
3
+ import { OptionShape } from "../typings-5e1b8383";
4
+ import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/cssm/{typings-f9462675.d.ts → typings-5e1b8383.d.ts} RENAMED
@@ -360,6 +360,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
360
360
  * Дополнительный класс для поля
361
361
  */
362
362
  fieldClassName?: string;
363
+ /**
364
+ * Дополнительный класс для поля
365
+ */
366
+ inputWrapperClassName?: string;
363
367
  /**
364
368
  * Дополнительный класс для лейбла
365
369
  */
@@ -394,6 +398,7 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
394
398
  bottomAddons?: ReactNode;
395
399
  className?: string | undefined;
396
400
  fieldClassName?: string | undefined;
401
+ inputWrapperClassName?: string | undefined;
397
402
  labelClassName?: string | undefined;
398
403
  addonsClassName?: string | undefined;
399
404
  dataTestId?: string | undefined;
@@ -640,7 +645,7 @@ type BaseSelectProps = {
640
645
  /**
641
646
  * Компонент выпадающего меню
642
647
  */
643
- OptionsList?: FC<OptionsListProps>;
648
+ OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
644
649
  /**
645
650
  * Компонент группы
646
651
  */
package/esm/Component.js CHANGED
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
11
11
  import '@alfalab/icons-glyph/MoreMIcon';
12
12
  import '@alfalab/icons-glyph/MoreSIcon';
13
13
 
14
- var styles = {"container":"picker-button__container_ynnx4","optionsPopover":"picker-button__optionsPopover_ynnx4","sideGap":"picker-button__sideGap_ynnx4","option":"picker-button__option_ynnx4"};
14
+ var styles = {"container":"picker-button__container_17ruf","optionsPopover":"picker-button__optionsPopover_17ruf","sideGap":"picker-button__sideGap_17ruf","option":"picker-button__option_17ruf"};
15
15
  require('./index.css')
16
16
 
17
17
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
package/esm/field/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-f9462675";
3
+ import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
package/esm/field/Component.js CHANGED
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
8
8
  import '@alfalab/icons-glyph/MoreMIcon';
9
9
  import '@alfalab/icons-glyph/MoreSIcon';
10
10
 
11
- var styles = {"iconContainer":"picker-button__iconContainer_1grxp","addonsContainer":"picker-button__addonsContainer_1grxp","showControlIcon":"picker-button__showControlIcon_1grxp","open":"picker-button__open_1grxp"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_1edkr","addonsContainer":"picker-button__addonsContainer_1edkr","showControlIcon":"picker-button__showControlIcon_1edkr","open":"picker-button__open_1edkr"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
package/esm/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: c7y5y */
1
+ /* hash: ice6h */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .picker-button__iconContainer_1grxp {
19
+ } .picker-button__iconContainer_1edkr {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_1grxp {
22
+ } .picker-button__addonsContainer_1edkr {
23
23
  display: flex
24
- } .picker-button__addonsContainer_1grxp.picker-button__showControlIcon_1grxp {
24
+ } .picker-button__addonsContainer_1edkr.picker-button__showControlIcon_1edkr {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_1grxp {
26
+ } .picker-button__open_1edkr {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1d3lh */
1
+ /* hash: 5kq2a */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_ynnx4 {
19
+ } .picker-button__container_17ruf {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_ynnx4.picker-button__sideGap_ynnx4 {
21
+ } .cc-picker-button.picker-button__optionsPopover_17ruf.picker-button__sideGap_17ruf {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_ynnx4 {
23
+ } .cc-picker-button .picker-button__option_17ruf {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_ynnx4:before {
25
+ } .cc-picker-button .picker-button__option_17ruf:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
package/esm/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-f9462675";
4
- import { OptionProps as BaseOptionProps } from "../typings-f9462675";
3
+ import { OptionShape } from "../typings-5e1b8383";
4
+ import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/esm/option/Component.js CHANGED
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { Option as Option$1 } from '@alfalab/core-components-select/esm';
4
4
 
5
- var styles = {"container":"picker-button__container_ky1o8","icon":"picker-button__icon_ky1o8","content":"picker-button__content_ky1o8"};
5
+ var styles = {"container":"picker-button__container_u286n","icon":"picker-button__icon_u286n","content":"picker-button__content_u286n"};
6
6
  require('./index.css')
7
7
 
8
8
  var Option = function (_a) {
package/esm/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14etf */
1
+ /* hash: 1vx21 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_ky1o8 {
18
+ } .picker-button__container_u286n {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_ky1o8 {
21
+ } .picker-button__icon_u286n {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_ky1o8 {
24
+ } .picker-button__content_u286n {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/esm/{typings-f9462675.d.ts → typings-5e1b8383.d.ts} RENAMED
@@ -360,6 +360,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
360
360
  * Дополнительный класс для поля
361
361
  */
362
362
  fieldClassName?: string;
363
+ /**
364
+ * Дополнительный класс для поля
365
+ */
366
+ inputWrapperClassName?: string;
363
367
  /**
364
368
  * Дополнительный класс для лейбла
365
369
  */
@@ -394,6 +398,7 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
394
398
  bottomAddons?: ReactNode;
395
399
  className?: string | undefined;
396
400
  fieldClassName?: string | undefined;
401
+ inputWrapperClassName?: string | undefined;
397
402
  labelClassName?: string | undefined;
398
403
  addonsClassName?: string | undefined;
399
404
  dataTestId?: string | undefined;
@@ -640,7 +645,7 @@ type BaseSelectProps = {
640
645
  /**
641
646
  * Компонент выпадающего меню
642
647
  */
643
- OptionsList?: FC<OptionsListProps>;
648
+ OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
644
649
  /**
645
650
  * Компонент группы
646
651
  */
package/field/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-f9462675";
3
+ import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
package/field/Component.js CHANGED
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"iconContainer":"picker-button__iconContainer_1grxp","addonsContainer":"picker-button__addonsContainer_1grxp","showControlIcon":"picker-button__showControlIcon_1grxp","open":"picker-button__open_1grxp"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_1edkr","addonsContainer":"picker-button__addonsContainer_1edkr","showControlIcon":"picker-button__showControlIcon_1edkr","open":"picker-button__open_1edkr"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: c7y5y */
1
+ /* hash: ice6h */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .picker-button__iconContainer_1grxp {
19
+ } .picker-button__iconContainer_1edkr {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_1grxp {
22
+ } .picker-button__addonsContainer_1edkr {
23
23
  display: flex
24
- } .picker-button__addonsContainer_1grxp.picker-button__showControlIcon_1grxp {
24
+ } .picker-button__addonsContainer_1edkr.picker-button__showControlIcon_1edkr {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_1grxp {
26
+ } .picker-button__open_1edkr {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1d3lh */
1
+ /* hash: 5kq2a */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_ynnx4 {
19
+ } .picker-button__container_17ruf {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_ynnx4.picker-button__sideGap_ynnx4 {
21
+ } .cc-picker-button.picker-button__optionsPopover_17ruf.picker-button__sideGap_17ruf {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_ynnx4 {
23
+ } .cc-picker-button .picker-button__option_17ruf {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_ynnx4:before {
25
+ } .cc-picker-button .picker-button__option_17ruf:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
package/modern/Component.js CHANGED
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
10
10
  import '@alfalab/icons-glyph/MoreMIcon';
11
11
  import '@alfalab/icons-glyph/MoreSIcon';
12
12
 
13
- const styles = {"container":"picker-button__container_ynnx4","optionsPopover":"picker-button__optionsPopover_ynnx4","sideGap":"picker-button__sideGap_ynnx4","option":"picker-button__option_ynnx4"};
13
+ const styles = {"container":"picker-button__container_17ruf","optionsPopover":"picker-button__optionsPopover_17ruf","sideGap":"picker-button__sideGap_17ruf","option":"picker-button__option_17ruf"};
14
14
  require('./index.css')
15
15
 
16
16
  const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
package/modern/field/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-f9462675";
3
+ import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
package/modern/field/Component.js CHANGED
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
7
7
  import '@alfalab/icons-glyph/MoreMIcon';
8
8
  import '@alfalab/icons-glyph/MoreSIcon';
9
9
 
10
- const styles = {"iconContainer":"picker-button__iconContainer_1grxp","addonsContainer":"picker-button__addonsContainer_1grxp","showControlIcon":"picker-button__showControlIcon_1grxp","open":"picker-button__open_1grxp"};
10
+ const styles = {"iconContainer":"picker-button__iconContainer_1edkr","addonsContainer":"picker-button__addonsContainer_1edkr","showControlIcon":"picker-button__showControlIcon_1edkr","open":"picker-button__open_1edkr"};
11
11
  require('./index.css')
12
12
 
13
13
  const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
package/modern/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: c7y5y */
1
+ /* hash: ice6h */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .picker-button__iconContainer_1grxp {
19
+ } .picker-button__iconContainer_1edkr {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_1grxp {
22
+ } .picker-button__addonsContainer_1edkr {
23
23
  display: flex
24
- } .picker-button__addonsContainer_1grxp.picker-button__showControlIcon_1grxp {
24
+ } .picker-button__addonsContainer_1edkr.picker-button__showControlIcon_1edkr {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_1grxp {
26
+ } .picker-button__open_1edkr {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1d3lh */
1
+ /* hash: 5kq2a */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_ynnx4 {
19
+ } .picker-button__container_17ruf {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_ynnx4.picker-button__sideGap_ynnx4 {
21
+ } .cc-picker-button.picker-button__optionsPopover_17ruf.picker-button__sideGap_17ruf {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_ynnx4 {
23
+ } .cc-picker-button .picker-button__option_17ruf {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_ynnx4:before {
25
+ } .cc-picker-button .picker-button__option_17ruf:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
package/modern/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-f9462675";
4
- import { OptionProps as BaseOptionProps } from "../typings-f9462675";
3
+ import { OptionShape } from "../typings-5e1b8383";
4
+ import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/modern/option/Component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Option as Option$1 } from '@alfalab/core-components-select/modern';
3
3
 
4
- const styles = {"container":"picker-button__container_ky1o8","icon":"picker-button__icon_ky1o8","content":"picker-button__content_ky1o8"};
4
+ const styles = {"container":"picker-button__container_u286n","icon":"picker-button__icon_u286n","content":"picker-button__content_u286n"};
5
5
  require('./index.css')
6
6
 
7
7
  const Option = ({ option, children, ...restProps }) => {
package/modern/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14etf */
1
+ /* hash: 1vx21 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_ky1o8 {
18
+ } .picker-button__container_u286n {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_ky1o8 {
21
+ } .picker-button__icon_u286n {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_ky1o8 {
24
+ } .picker-button__content_u286n {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/modern/{typings-f9462675.d.ts → typings-5e1b8383.d.ts} RENAMED
@@ -360,6 +360,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
360
360
  * Дополнительный класс для поля
361
361
  */
362
362
  fieldClassName?: string;
363
+ /**
364
+ * Дополнительный класс для поля
365
+ */
366
+ inputWrapperClassName?: string;
363
367
  /**
364
368
  * Дополнительный класс для лейбла
365
369
  */
@@ -394,6 +398,7 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
394
398
  bottomAddons?: ReactNode;
395
399
  className?: string | undefined;
396
400
  fieldClassName?: string | undefined;
401
+ inputWrapperClassName?: string | undefined;
397
402
  labelClassName?: string | undefined;
398
403
  addonsClassName?: string | undefined;
399
404
  dataTestId?: string | undefined;
@@ -640,7 +645,7 @@ type BaseSelectProps = {
640
645
  /**
641
646
  * Компонент выпадающего меню
642
647
  */
643
- OptionsList?: FC<OptionsListProps>;
648
+ OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
644
649
  /**
645
650
  * Компонент группы
646
651
  */
package/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-f9462675";
4
- import { OptionProps as BaseOptionProps } from "../typings-f9462675";
3
+ import { OptionShape } from "../typings-5e1b8383";
4
+ import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/option/Component.js CHANGED
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"container":"picker-button__container_ky1o8","icon":"picker-button__icon_ky1o8","content":"picker-button__content_ky1o8"};
13
+ var styles = {"container":"picker-button__container_u286n","icon":"picker-button__icon_u286n","content":"picker-button__content_u286n"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14etf */
1
+ /* hash: 1vx21 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_ky1o8 {
18
+ } .picker-button__container_u286n {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_ky1o8 {
21
+ } .picker-button__icon_u286n {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_ky1o8 {
24
+ } .picker-button__content_u286n {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "10.3.15",
3
+ "version": "10.3.17",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "dependencies": {
21
21
  "@alfalab/core-components-button": "^8.0.0",
22
- "@alfalab/core-components-select": "^13.2.20",
22
+ "@alfalab/core-components-select": "^14.0.1",
23
23
  "@alfalab/icons-classic": "^2.3.0",
24
24
  "@alfalab/icons-glyph": "^2.89.0",
25
25
  "classnames": "^2.3.1",
package/{typings-f9462675.d.ts → typings-5e1b8383.d.ts} RENAMED
@@ -124,7 +124,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
124
124
  */
125
125
  dataTestId?: string;
126
126
  };
127
- declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
127
+ declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "value" | "enterKeyHint"> & {
128
128
  value?: string | undefined;
129
129
  defaultValue?: string | undefined;
130
130
  block?: boolean | undefined;
@@ -360,6 +360,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
360
360
  * Дополнительный класс для поля
361
361
  */
362
362
  fieldClassName?: string;
363
+ /**
364
+ * Дополнительный класс для поля
365
+ */
366
+ inputWrapperClassName?: string;
363
367
  /**
364
368
  * Дополнительный класс для лейбла
365
369
  */
@@ -394,6 +398,7 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
394
398
  bottomAddons?: ReactNode;
395
399
  className?: string | undefined;
396
400
  fieldClassName?: string | undefined;
401
+ inputWrapperClassName?: string | undefined;
397
402
  labelClassName?: string | undefined;
398
403
  addonsClassName?: string | undefined;
399
404
  dataTestId?: string | undefined;
@@ -640,7 +645,7 @@ type BaseSelectProps = {
640
645
  /**
641
646
  * Компонент выпадающего меню
642
647
  */
643
- OptionsList?: FC<OptionsListProps>;
648
+ OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
644
649
  /**
645
650
  * Компонент группы
646
651
  */