@alfalab/core-components-picker-button 10.0.0 → 10.0.1

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 (49) hide show
  1. package/Component.js +2 -2
  2. package/Component.mobile.js +1 -1
  3. package/Component.responsive.js +1 -1
  4. package/cssm/field/Component.d.ts +1 -1
  5. package/cssm/option/Component.d.ts +2 -2
  6. package/cssm/{typings-56379e19.d.ts → typings-85892853.d.ts} +8 -0
  7. package/desktop.js +1 -1
  8. package/esm/Component.js +2 -2
  9. package/esm/Component.mobile.js +1 -1
  10. package/esm/Component.responsive.js +1 -1
  11. package/esm/desktop.js +1 -1
  12. package/esm/field/Component.d.ts +1 -1
  13. package/esm/field/Component.js +2 -2
  14. package/esm/field/index.css +4 -4
  15. package/esm/field/index.js +1 -1
  16. package/esm/index.css +7 -7
  17. package/esm/index.js +1 -1
  18. package/esm/mobile.js +1 -1
  19. package/esm/option/Component.d.ts +2 -2
  20. package/esm/option/Component.js +2 -2
  21. package/esm/option/index.css +4 -4
  22. package/esm/option/index.js +1 -1
  23. package/esm/{tslib.es6-493d9673.d.ts → tslib.es6-0e44cb3d.d.ts} +0 -0
  24. package/esm/{tslib.es6-493d9673.js → tslib.es6-0e44cb3d.js} +0 -0
  25. package/{modern/typings-56379e19.d.ts → esm/typings-85892853.d.ts} +8 -0
  26. package/field/Component.d.ts +1 -1
  27. package/field/Component.js +2 -2
  28. package/field/index.css +4 -4
  29. package/field/index.js +1 -1
  30. package/index.css +7 -7
  31. package/index.js +1 -1
  32. package/mobile.js +1 -1
  33. package/modern/Component.js +1 -1
  34. package/modern/field/Component.d.ts +1 -1
  35. package/modern/field/Component.js +1 -1
  36. package/modern/field/index.css +4 -4
  37. package/modern/index.css +7 -7
  38. package/modern/option/Component.d.ts +2 -2
  39. package/modern/option/Component.js +1 -1
  40. package/modern/option/index.css +4 -4
  41. package/{esm/typings-56379e19.d.ts → modern/typings-85892853.d.ts} +8 -0
  42. package/option/Component.d.ts +2 -2
  43. package/option/Component.js +2 -2
  44. package/option/index.css +4 -4
  45. package/option/index.js +1 -1
  46. package/package.json +2 -2
  47. package/{tslib.es6-5d4a402c.d.ts → tslib.es6-f648ccbc.d.ts} +0 -0
  48. package/{tslib.es6-5d4a402c.js → tslib.es6-f648ccbc.js} +0 -0
  49. package/{typings-56379e19.d.ts → typings-85892853.d.ts} +8 -0
package/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-5d4a402c.js');
5
+ var tslib_es6 = require('./tslib.es6-f648ccbc.js');
6
6
  var React = require('react');
7
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
8
8
  var cn = require('classnames');
@@ -20,7 +20,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
20
20
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
22
22
 
23
- var styles = {"container":"picker-button__container_5wf1s","optionsPopover":"picker-button__optionsPopover_5wf1s","sideGap":"picker-button__sideGap_5wf1s","optionsListContainer":"picker-button__optionsListContainer_5wf1s","option":"picker-button__option_5wf1s"};
23
+ var styles = {"container":"picker-button__container_asz1i","optionsPopover":"picker-button__optionsPopover_asz1i","sideGap":"picker-button__sideGap_asz1i","optionsListContainer":"picker-button__optionsListContainer_asz1i","option":"picker-button__option_asz1i"};
24
24
  require('./index.css')
25
25
 
26
26
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-5d4a402c.js');
5
+ var tslib_es6 = require('./tslib.es6-f648ccbc.js');
6
6
  var React = require('react');
7
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
8
8
  require('classnames');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-5d4a402c.js');
5
+ var tslib_es6 = require('./tslib.es6-f648ccbc.js');
6
6
  var React = require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('classnames');
@@ -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-56379e19";
3
+ import { FieldProps as BaseFieldProps } from "../typings-85892853";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-56379e19";
4
- import { OptionProps as BaseOptionProps } from "../typings-56379e19";
3
+ import { OptionShape } from "../typings-85892853";
4
+ import { OptionProps as BaseOptionProps } from "../typings-85892853";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
@@ -913,6 +913,14 @@ type OptionProps = {
913
913
  * Идентификатор для систем автоматизированного тестирования
914
914
  */
915
915
  dataTestId?: string;
916
+ /**
917
+ * Позиция иконки "галочки"
918
+ */
919
+ checkmarkPosition?: 'before' | 'after';
920
+ /**
921
+ * Мобильная верcия option.
922
+ */
923
+ mobile?: boolean;
916
924
  };
917
925
  type CheckmarkProps = {
918
926
  /**
package/desktop.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-5d4a402c.js');
5
+ require('./tslib.es6-f648ccbc.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('classnames');
package/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-493d9673.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-0e44cb3d.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/esm';
4
4
  import cn from 'classnames';
@@ -11,7 +11,7 @@ import './utils/index.js';
11
11
  import { Field } from './field/Component.js';
12
12
  import { Option } from './option/Component.js';
13
13
 
14
- var styles = {"container":"picker-button__container_5wf1s","optionsPopover":"picker-button__optionsPopover_5wf1s","sideGap":"picker-button__sideGap_5wf1s","optionsListContainer":"picker-button__optionsListContainer_5wf1s","option":"picker-button__option_5wf1s"};
14
+ var styles = {"container":"picker-button__container_asz1i","optionsPopover":"picker-button__optionsPopover_asz1i","sideGap":"picker-button__sideGap_asz1i","optionsListContainer":"picker-button__optionsListContainer_asz1i","option":"picker-button__option_asz1i"};
15
15
  require('./index.css')
16
16
 
17
17
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-493d9673.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-0e44cb3d.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { SelectMobile, Optgroup } from '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-493d9673.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-0e44cb3d.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
package/esm/desktop.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-493d9673.js';
1
+ import './tslib.es6-0e44cb3d.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
@@ -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-56379e19";
3
+ import { FieldProps as BaseFieldProps } from "../typings-85892853";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-493d9673.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-0e44cb3d.js';
2
2
  import React, { Fragment } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { Button } from '@alfalab/core-components-button/esm';
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
8
8
  import '@alfalab/icons-glyph/MoreSIcon';
9
9
  import { getIcon } from '../utils/index.js';
10
10
 
11
- var styles = {"iconContainer":"picker-button__iconContainer_1d40t","addonsContainer":"picker-button__addonsContainer_1d40t","open":"picker-button__open_1d40t"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_1bcre","addonsContainer":"picker-button__addonsContainer_1bcre","open":"picker-button__open_1bcre"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 2w1yh */
1
+ /* hash: 1dzyg */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -13,14 +13,14 @@
13
13
  :root {
14
14
  --arrow-transform: rotate(180deg);
15
15
  }
16
- .picker-button__iconContainer_1d40t {
16
+ .picker-button__iconContainer_1bcre {
17
17
  display: flex;
18
18
  transition: transform 0.15s ease-in-out;
19
19
  }
20
- .picker-button__addonsContainer_1d40t {
20
+ .picker-button__addonsContainer_1bcre {
21
21
  display: flex;
22
22
  margin-right: var(--gap-2xs);
23
23
  }
24
- .picker-button__open_1d40t {
24
+ .picker-button__open_1bcre {
25
25
  transform: var(--arrow-transform);
26
26
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-493d9673.js';
1
+ import '../tslib.es6-0e44cb3d.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-button/esm';
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bjeku */
1
+ /* hash: 1oalf */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -15,22 +15,22 @@
15
15
  :root {
16
16
  --border-radius-m: 8px;
17
17
  }
18
- .picker-button__container_5wf1s {
18
+ .picker-button__container_asz1i {
19
19
  min-width: auto;
20
20
  }
21
- .cc-picker-button.picker-button__optionsPopover_5wf1s {
21
+ .cc-picker-button.picker-button__optionsPopover_asz1i {
22
22
  padding: var(--gap-2xs) 0
23
23
  }
24
- .cc-picker-button.picker-button__optionsPopover_5wf1s.picker-button__sideGap_5wf1s {
24
+ .cc-picker-button.picker-button__optionsPopover_asz1i.picker-button__sideGap_asz1i {
25
25
  padding: 0 var(--gap-xs);
26
26
  }
27
- .cc-picker-button .picker-button__optionsListContainer_5wf1s {
27
+ .cc-picker-button .picker-button__optionsListContainer_asz1i {
28
28
  border-radius: var(--border-radius-m);
29
29
  }
30
- .cc-picker-button .picker-button__option_5wf1s {
30
+ .cc-picker-button .picker-button__option_asz1i {
31
31
  padding: 0 var(--gap-m)
32
32
  }
33
- .cc-picker-button .picker-button__option_5wf1s:before {
33
+ .cc-picker-button .picker-button__option_asz1i:before {
34
34
  /* Удаляем разделители у опций выпадающего списка. */
35
35
  display: none;
36
36
  }
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-493d9673.js';
1
+ import './tslib.es6-0e44cb3d.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
package/esm/mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-493d9673.js';
1
+ import './tslib.es6-0e44cb3d.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-56379e19";
4
- import { OptionProps as BaseOptionProps } from "../typings-56379e19";
3
+ import { OptionShape } from "../typings-85892853";
4
+ import { OptionProps as BaseOptionProps } from "../typings-85892853";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
@@ -1,8 +1,8 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-493d9673.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-0e44cb3d.js';
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_xk390","icon":"picker-button__icon_xk390","content":"picker-button__content_xk390"};
5
+ var styles = {"container":"picker-button__container_12gn8","icon":"picker-button__icon_12gn8","content":"picker-button__content_12gn8"};
6
6
  require('./index.css')
7
7
 
8
8
  var Option = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1dhvd */
1
+ /* hash: 12gcq */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,15 +10,15 @@
10
10
  :root {
11
11
  --gap-s: 12px;
12
12
  }
13
- .picker-button__container_xk390 {
13
+ .picker-button__container_12gn8 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_xk390 {
17
+ .picker-button__icon_12gn8 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_xk390 {
21
+ .picker-button__content_12gn8 {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-493d9673.js';
1
+ import '../tslib.es6-0e44cb3d.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  export { Option } from './Component.js';
@@ -913,6 +913,14 @@ type OptionProps = {
913
913
  * Идентификатор для систем автоматизированного тестирования
914
914
  */
915
915
  dataTestId?: string;
916
+ /**
917
+ * Позиция иконки "галочки"
918
+ */
919
+ checkmarkPosition?: 'before' | 'after';
920
+ /**
921
+ * Мобильная верcия option.
922
+ */
923
+ mobile?: boolean;
916
924
  };
917
925
  type CheckmarkProps = {
918
926
  /**
@@ -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-56379e19";
3
+ import { FieldProps as BaseFieldProps } from "../typings-85892853";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-5d4a402c.js');
5
+ var tslib_es6 = require('../tslib.es6-f648ccbc.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsButton = require('@alfalab/core-components-button');
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
19
19
 
20
- var styles = {"iconContainer":"picker-button__iconContainer_1d40t","addonsContainer":"picker-button__addonsContainer_1d40t","open":"picker-button__open_1d40t"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_1bcre","addonsContainer":"picker-button__addonsContainer_1bcre","open":"picker-button__open_1bcre"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 2w1yh */
1
+ /* hash: 1dzyg */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -13,14 +13,14 @@
13
13
  :root {
14
14
  --arrow-transform: rotate(180deg);
15
15
  }
16
- .picker-button__iconContainer_1d40t {
16
+ .picker-button__iconContainer_1bcre {
17
17
  display: flex;
18
18
  transition: transform 0.15s ease-in-out;
19
19
  }
20
- .picker-button__addonsContainer_1d40t {
20
+ .picker-button__addonsContainer_1bcre {
21
21
  display: flex;
22
22
  margin-right: var(--gap-2xs);
23
23
  }
24
- .picker-button__open_1d40t {
24
+ .picker-button__open_1bcre {
25
25
  transform: var(--arrow-transform);
26
26
  }
package/field/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-5d4a402c.js');
5
+ require('../tslib.es6-f648ccbc.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-button');
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bjeku */
1
+ /* hash: 1oalf */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -15,22 +15,22 @@
15
15
  :root {
16
16
  --border-radius-m: 8px;
17
17
  }
18
- .picker-button__container_5wf1s {
18
+ .picker-button__container_asz1i {
19
19
  min-width: auto;
20
20
  }
21
- .cc-picker-button.picker-button__optionsPopover_5wf1s {
21
+ .cc-picker-button.picker-button__optionsPopover_asz1i {
22
22
  padding: var(--gap-2xs) 0
23
23
  }
24
- .cc-picker-button.picker-button__optionsPopover_5wf1s.picker-button__sideGap_5wf1s {
24
+ .cc-picker-button.picker-button__optionsPopover_asz1i.picker-button__sideGap_asz1i {
25
25
  padding: 0 var(--gap-xs);
26
26
  }
27
- .cc-picker-button .picker-button__optionsListContainer_5wf1s {
27
+ .cc-picker-button .picker-button__optionsListContainer_asz1i {
28
28
  border-radius: var(--border-radius-m);
29
29
  }
30
- .cc-picker-button .picker-button__option_5wf1s {
30
+ .cc-picker-button .picker-button__option_asz1i {
31
31
  padding: 0 var(--gap-m)
32
32
  }
33
- .cc-picker-button .picker-button__option_5wf1s:before {
33
+ .cc-picker-button .picker-button__option_asz1i:before {
34
34
  /* Удаляем разделители у опций выпадающего списка. */
35
35
  display: none;
36
36
  }
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-5d4a402c.js');
5
+ require('./tslib.es6-f648ccbc.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('classnames');
package/mobile.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-5d4a402c.js');
5
+ require('./tslib.es6-f648ccbc.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('classnames');
@@ -10,7 +10,7 @@ import './utils/index.js';
10
10
  import { Field } from './field/Component.js';
11
11
  import { Option } from './option/Component.js';
12
12
 
13
- var styles = {"container":"picker-button__container_5wf1s","optionsPopover":"picker-button__optionsPopover_5wf1s","sideGap":"picker-button__sideGap_5wf1s","optionsListContainer":"picker-button__optionsListContainer_5wf1s","option":"picker-button__option_5wf1s"};
13
+ var styles = {"container":"picker-button__container_asz1i","optionsPopover":"picker-button__optionsPopover_asz1i","sideGap":"picker-button__sideGap_asz1i","optionsListContainer":"picker-button__optionsListContainer_asz1i","option":"picker-button__option_asz1i"};
14
14
  require('./index.css')
15
15
 
16
16
  const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -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-56379e19";
3
+ import { FieldProps as BaseFieldProps } from "../typings-85892853";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
7
7
  import '@alfalab/icons-glyph/MoreSIcon';
8
8
  import { getIcon } from '../utils/index.js';
9
9
 
10
- var styles = {"iconContainer":"picker-button__iconContainer_1d40t","addonsContainer":"picker-button__addonsContainer_1d40t","open":"picker-button__open_1d40t"};
10
+ var styles = {"iconContainer":"picker-button__iconContainer_1bcre","addonsContainer":"picker-button__addonsContainer_1bcre","open":"picker-button__open_1bcre"};
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, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 2w1yh */
1
+ /* hash: 1dzyg */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -13,14 +13,14 @@
13
13
  :root {
14
14
  --arrow-transform: rotate(180deg);
15
15
  }
16
- .picker-button__iconContainer_1d40t {
16
+ .picker-button__iconContainer_1bcre {
17
17
  display: flex;
18
18
  transition: transform 0.15s ease-in-out;
19
19
  }
20
- .picker-button__addonsContainer_1d40t {
20
+ .picker-button__addonsContainer_1bcre {
21
21
  display: flex;
22
22
  margin-right: var(--gap-2xs);
23
23
  }
24
- .picker-button__open_1d40t {
24
+ .picker-button__open_1bcre {
25
25
  transform: var(--arrow-transform);
26
26
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bjeku */
1
+ /* hash: 1oalf */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -15,22 +15,22 @@
15
15
  :root {
16
16
  --border-radius-m: 8px;
17
17
  }
18
- .picker-button__container_5wf1s {
18
+ .picker-button__container_asz1i {
19
19
  min-width: auto;
20
20
  }
21
- .cc-picker-button.picker-button__optionsPopover_5wf1s {
21
+ .cc-picker-button.picker-button__optionsPopover_asz1i {
22
22
  padding: var(--gap-2xs) 0
23
23
  }
24
- .cc-picker-button.picker-button__optionsPopover_5wf1s.picker-button__sideGap_5wf1s {
24
+ .cc-picker-button.picker-button__optionsPopover_asz1i.picker-button__sideGap_asz1i {
25
25
  padding: 0 var(--gap-xs);
26
26
  }
27
- .cc-picker-button .picker-button__optionsListContainer_5wf1s {
27
+ .cc-picker-button .picker-button__optionsListContainer_asz1i {
28
28
  border-radius: var(--border-radius-m);
29
29
  }
30
- .cc-picker-button .picker-button__option_5wf1s {
30
+ .cc-picker-button .picker-button__option_asz1i {
31
31
  padding: 0 var(--gap-m)
32
32
  }
33
- .cc-picker-button .picker-button__option_5wf1s:before {
33
+ .cc-picker-button .picker-button__option_asz1i:before {
34
34
  /* Удаляем разделители у опций выпадающего списка. */
35
35
  display: none;
36
36
  }
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-56379e19";
4
- import { OptionProps as BaseOptionProps } from "../typings-56379e19";
3
+ import { OptionShape } from "../typings-85892853";
4
+ import { OptionProps as BaseOptionProps } from "../typings-85892853";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
@@ -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
- var styles = {"container":"picker-button__container_xk390","icon":"picker-button__icon_xk390","content":"picker-button__content_xk390"};
4
+ var styles = {"container":"picker-button__container_12gn8","icon":"picker-button__icon_12gn8","content":"picker-button__content_12gn8"};
5
5
  require('./index.css')
6
6
 
7
7
  const Option = ({ option, children, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1dhvd */
1
+ /* hash: 12gcq */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,15 +10,15 @@
10
10
  :root {
11
11
  --gap-s: 12px;
12
12
  }
13
- .picker-button__container_xk390 {
13
+ .picker-button__container_12gn8 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_xk390 {
17
+ .picker-button__icon_12gn8 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_xk390 {
21
+ .picker-button__content_12gn8 {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
@@ -913,6 +913,14 @@ type OptionProps = {
913
913
  * Идентификатор для систем автоматизированного тестирования
914
914
  */
915
915
  dataTestId?: string;
916
+ /**
917
+ * Позиция иконки "галочки"
918
+ */
919
+ checkmarkPosition?: 'before' | 'after';
920
+ /**
921
+ * Мобильная верcия option.
922
+ */
923
+ mobile?: boolean;
916
924
  };
917
925
  type CheckmarkProps = {
918
926
  /**
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-56379e19";
4
- import { OptionProps as BaseOptionProps } from "../typings-56379e19";
3
+ import { OptionShape } from "../typings-85892853";
4
+ import { OptionProps as BaseOptionProps } from "../typings-85892853";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-5d4a402c.js');
5
+ var tslib_es6 = require('../tslib.es6-f648ccbc.js');
6
6
  var React = require('react');
7
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
8
8
 
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
 
13
- var styles = {"container":"picker-button__container_xk390","icon":"picker-button__icon_xk390","content":"picker-button__content_xk390"};
13
+ var styles = {"container":"picker-button__container_12gn8","icon":"picker-button__icon_12gn8","content":"picker-button__content_12gn8"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1dhvd */
1
+ /* hash: 12gcq */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,15 +10,15 @@
10
10
  :root {
11
11
  --gap-s: 12px;
12
12
  }
13
- .picker-button__container_xk390 {
13
+ .picker-button__container_12gn8 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_xk390 {
17
+ .picker-button__icon_12gn8 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_xk390 {
21
+ .picker-button__content_12gn8 {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
package/option/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-5d4a402c.js');
5
+ require('../tslib.es6-f648ccbc.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  var option_Component = require('./Component.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "10.0.0",
3
+ "version": "10.0.1",
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": "^7.0.1",
22
- "@alfalab/core-components-select": "^13.0.3",
22
+ "@alfalab/core-components-select": "^13.1.0",
23
23
  "@alfalab/icons-classic": "^2.3.0",
24
24
  "@alfalab/icons-glyph": "^2.71.0",
25
25
  "classnames": "^2.3.1"
File without changes
@@ -913,6 +913,14 @@ type OptionProps = {
913
913
  * Идентификатор для систем автоматизированного тестирования
914
914
  */
915
915
  dataTestId?: string;
916
+ /**
917
+ * Позиция иконки "галочки"
918
+ */
919
+ checkmarkPosition?: 'before' | 'after';
920
+ /**
921
+ * Мобильная верcия option.
922
+ */
923
+ mobile?: boolean;
916
924
  };
917
925
  type CheckmarkProps = {
918
926
  /**