@alfalab/core-components-picker-button 7.11.1 → 7.11.2

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.
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-b6c7408f.js');
5
+ var tslib_es6 = require('./tslib.es6-d51629b6.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsSelect = require('@alfalab/core-components-select');
@@ -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_o6zxm","optionsPopover":"picker-button__optionsPopover_o6zxm","sideGap":"picker-button__sideGap_o6zxm","optionsListContainer":"picker-button__optionsListContainer_o6zxm","option":"picker-button__option_o6zxm"};
23
+ var styles = {"container":"picker-button__container_7ilr9","optionsPopover":"picker-button__optionsPopover_7ilr9","sideGap":"picker-button__sideGap_7ilr9","optionsListContainer":"picker-button__optionsListContainer_7ilr9","option":"picker-button__option_7ilr9"};
24
24
  require('./index.css')
25
25
 
26
26
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
package/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-75603595.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-5f499128.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/esm';
@@ -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_o6zxm","optionsPopover":"picker-button__optionsPopover_o6zxm","sideGap":"picker-button__sideGap_o6zxm","optionsListContainer":"picker-button__optionsListContainer_o6zxm","option":"picker-button__option_o6zxm"};
14
+ var styles = {"container":"picker-button__container_7ilr9","optionsPopover":"picker-button__optionsPopover_7ilr9","sideGap":"picker-button__sideGap_7ilr9","optionsListContainer":"picker-button__optionsListContainer_7ilr9","option":"picker-button__option_7ilr9"};
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-75603595.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-5f499128.js';
2
2
  import React 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_13brv","open":"picker-button__open_13brv"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_vcpfp","open":"picker-button__open_vcpfp"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1pnai */
1
+ /* hash: 11pnr */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_13brv {
13
+ .picker-button__iconContainer_vcpfp {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_13brv {
17
+ .picker-button__open_vcpfp {
18
18
  transform: var(--arrow-transform);
19
19
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-75603595.js';
1
+ import '../tslib.es6-5f499128.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: 1s985 */
1
+ /* hash: 54y5a */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -14,18 +14,18 @@
14
14
  :root {
15
15
  --border-radius-s: 4px;
16
16
  }
17
- .picker-button__container_o6zxm {
17
+ .picker-button__container_7ilr9 {
18
18
  min-width: auto;
19
19
  }
20
- .picker-button__optionsPopover_o6zxm {
20
+ .picker-button__optionsPopover_7ilr9 {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .picker-button__optionsPopover_o6zxm.picker-button__sideGap_o6zxm {
23
+ .picker-button__optionsPopover_7ilr9.picker-button__sideGap_7ilr9 {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .picker-button__optionsListContainer_o6zxm {
26
+ .picker-button__optionsListContainer_7ilr9 {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .picker-button__option_o6zxm {
29
+ .picker-button__option_7ilr9 {
30
30
  padding: 0 var(--gap-m);
31
31
  }
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-75603595.js';
1
+ import './tslib.es6-5f499128.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-select/esm';
@@ -1,8 +1,8 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-75603595.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-5f499128.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_9gnsz","icon":"picker-button__icon_9gnsz","content":"picker-button__content_9gnsz"};
5
+ var styles = {"container":"picker-button__container_1rtdo","icon":"picker-button__icon_1rtdo","content":"picker-button__content_1rtdo"};
6
6
  require('./index.css')
7
7
 
8
8
  var Option = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: qat01 */
1
+ /* hash: 127n1 */
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_9gnsz {
13
+ .picker-button__container_1rtdo {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_9gnsz {
17
+ .picker-button__icon_1rtdo {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_9gnsz {
21
+ .picker-button__content_1rtdo {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-75603595.js';
1
+ import '../tslib.es6-5f499128.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  export { Option } from './Component.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-b6c7408f.js');
5
+ var tslib_es6 = require('../tslib.es6-d51629b6.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_13brv","open":"picker-button__open_13brv"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_vcpfp","open":"picker-button__open_vcpfp"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1pnai */
1
+ /* hash: 11pnr */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_13brv {
13
+ .picker-button__iconContainer_vcpfp {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_13brv {
17
+ .picker-button__open_vcpfp {
18
18
  transform: var(--arrow-transform);
19
19
  }
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-b6c7408f.js');
5
+ require('../tslib.es6-d51629b6.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: 1s985 */
1
+ /* hash: 54y5a */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -14,18 +14,18 @@
14
14
  :root {
15
15
  --border-radius-s: 4px;
16
16
  }
17
- .picker-button__container_o6zxm {
17
+ .picker-button__container_7ilr9 {
18
18
  min-width: auto;
19
19
  }
20
- .picker-button__optionsPopover_o6zxm {
20
+ .picker-button__optionsPopover_7ilr9 {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .picker-button__optionsPopover_o6zxm.picker-button__sideGap_o6zxm {
23
+ .picker-button__optionsPopover_7ilr9.picker-button__sideGap_7ilr9 {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .picker-button__optionsListContainer_o6zxm {
26
+ .picker-button__optionsListContainer_7ilr9 {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .picker-button__option_o6zxm {
29
+ .picker-button__option_7ilr9 {
30
30
  padding: 0 var(--gap-m);
31
31
  }
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-b6c7408f.js');
5
+ require('./tslib.es6-d51629b6.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-select');
@@ -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_o6zxm","optionsPopover":"picker-button__optionsPopover_o6zxm","sideGap":"picker-button__sideGap_o6zxm","optionsListContainer":"picker-button__optionsListContainer_o6zxm","option":"picker-button__option_o6zxm"};
13
+ var styles = {"container":"picker-button__container_7ilr9","optionsPopover":"picker-button__optionsPopover_7ilr9","sideGap":"picker-button__sideGap_7ilr9","optionsListContainer":"picker-button__optionsListContainer_7ilr9","option":"picker-button__option_7ilr9"};
14
14
  require('./index.css')
15
15
 
16
16
  const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -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_13brv","open":"picker-button__open_13brv"};
10
+ var styles = {"iconContainer":"picker-button__iconContainer_vcpfp","open":"picker-button__open_vcpfp"};
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, valueRenderer, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1pnai */
1
+ /* hash: 11pnr */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_13brv {
13
+ .picker-button__iconContainer_vcpfp {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_13brv {
17
+ .picker-button__open_vcpfp {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1s985 */
1
+ /* hash: 54y5a */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -14,18 +14,18 @@
14
14
  :root {
15
15
  --border-radius-s: 4px;
16
16
  }
17
- .picker-button__container_o6zxm {
17
+ .picker-button__container_7ilr9 {
18
18
  min-width: auto;
19
19
  }
20
- .picker-button__optionsPopover_o6zxm {
20
+ .picker-button__optionsPopover_7ilr9 {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .picker-button__optionsPopover_o6zxm.picker-button__sideGap_o6zxm {
23
+ .picker-button__optionsPopover_7ilr9.picker-button__sideGap_7ilr9 {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .picker-button__optionsListContainer_o6zxm {
26
+ .picker-button__optionsListContainer_7ilr9 {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .picker-button__option_o6zxm {
29
+ .picker-button__option_7ilr9 {
30
30
  padding: 0 var(--gap-m);
31
31
  }
@@ -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_9gnsz","icon":"picker-button__icon_9gnsz","content":"picker-button__content_9gnsz"};
4
+ var styles = {"container":"picker-button__container_1rtdo","icon":"picker-button__icon_1rtdo","content":"picker-button__content_1rtdo"};
5
5
  require('./index.css')
6
6
 
7
7
  const Option = ({ option, children, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: qat01 */
1
+ /* hash: 127n1 */
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_9gnsz {
13
+ .picker-button__container_1rtdo {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_9gnsz {
17
+ .picker-button__icon_1rtdo {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_9gnsz {
21
+ .picker-button__content_1rtdo {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-b6c7408f.js');
5
+ var tslib_es6 = require('../tslib.es6-d51629b6.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_9gnsz","icon":"picker-button__icon_9gnsz","content":"picker-button__content_9gnsz"};
13
+ var styles = {"container":"picker-button__container_1rtdo","icon":"picker-button__icon_1rtdo","content":"picker-button__content_1rtdo"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: qat01 */
1
+ /* hash: 127n1 */
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_9gnsz {
13
+ .picker-button__container_1rtdo {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_9gnsz {
17
+ .picker-button__icon_1rtdo {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_9gnsz {
21
+ .picker-button__content_1rtdo {
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-b6c7408f.js');
5
+ require('../tslib.es6-d51629b6.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": "7.11.1",
3
+ "version": "7.11.2",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,8 +17,8 @@
17
17
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-button": "^5.3.0",
21
- "@alfalab/core-components-select": "^11.1.1",
20
+ "@alfalab/core-components-button": "^5.3.1",
21
+ "@alfalab/core-components-select": "^11.1.2",
22
22
  "@alfalab/icons-classic": "^1.76.0",
23
23
  "@alfalab/icons-glyph": "^2.16.0",
24
24
  "classnames": "^2.3.1"