@alfalab/core-components-custom-picker-button 2.1.4 → 2.1.5

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 (12) hide show
  1. package/Component.responsive.d.ts +2 -1
  2. package/cssm/Component.responsive.d.ts +2 -1
  3. package/esm/Component.responsive.d.ts +2 -1
  4. package/esm/field/Component.js +1 -1
  5. package/esm/field/index.css +5 -5
  6. package/field/Component.js +1 -1
  7. package/field/index.css +5 -5
  8. package/modern/Component.responsive.d.ts +2 -1
  9. package/modern/field/Component.js +1 -1
  10. package/modern/field/index.css +5 -5
  11. package/package.json +4 -4
  12. package/src/Component.responsive.tsx +2 -0
package/Component.responsive.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { CustomButtonProps } from "@alfalab/core-components-custom-button";
3
4
  import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
5
  import { CustomPickerButtonDesktopProps } from "./desktop/index";
5
6
  type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
@@ -9,7 +10,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
9
10
  */
10
11
  breakpoint?: number;
11
12
  };
12
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/src/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
13
+ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
13
14
  /**
14
15
  * Контрольная точка, с нее начинается desktop версия
15
16
  * @default 1024
package/cssm/Component.responsive.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { CustomButtonProps } from "@alfalab/core-components-custom-button";
3
4
  import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
5
  import { CustomPickerButtonDesktopProps } from "./desktop/index";
5
6
  type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
@@ -9,7 +10,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
9
10
  */
10
11
  breakpoint?: number;
11
12
  };
12
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/src/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
13
+ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
13
14
  /**
14
15
  * Контрольная точка, с нее начинается desktop версия
15
16
  * @default 1024
package/esm/Component.responsive.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { CustomButtonProps } from "@alfalab/core-components-custom-button";
3
4
  import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
5
  import { CustomPickerButtonDesktopProps } from "./desktop/index";
5
6
  type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
@@ -9,7 +10,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
9
10
  */
10
11
  breakpoint?: number;
11
12
  };
12
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/src/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
13
+ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
13
14
  /**
14
15
  * Контрольная точка, с нее начинается desktop версия
15
16
  * @default 1024
package/esm/field/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { CustomButton } from '@alfalab/core-components-custom-button/esm';
5
5
  import { getIcon } from '@alfalab/core-components-picker-button/esm/shared';
6
6
 
7
- var styles = {"iconContainer":"custom-picker-button__iconContainer_da8sq","addonsContainer":"custom-picker-button__addonsContainer_da8sq","showControlIcon":"custom-picker-button__showControlIcon_da8sq","open":"custom-picker-button__open_da8sq"};
7
+ var styles = {"iconContainer":"custom-picker-button__iconContainer_1p862","addonsContainer":"custom-picker-button__addonsContainer_1p862","showControlIcon":"custom-picker-button__showControlIcon_1p862","open":"custom-picker-button__open_1p862"};
8
8
  require('./index.css')
9
9
 
10
10
  var Field = function (_a) {
package/esm/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 7f9cf */
1
+ /* hash: 1tyfp */
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
- } .custom-picker-button__iconContainer_da8sq {
19
+ } .custom-picker-button__iconContainer_1p862 {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_da8sq {
22
+ } .custom-picker-button__addonsContainer_1p862 {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_da8sq.custom-picker-button__showControlIcon_da8sq {
24
+ } .custom-picker-button__addonsContainer_1p862.custom-picker-button__showControlIcon_1p862 {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_da8sq {
26
+ } .custom-picker-button__open_1p862 {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/field/Component.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"iconContainer":"custom-picker-button__iconContainer_da8sq","addonsContainer":"custom-picker-button__addonsContainer_da8sq","showControlIcon":"custom-picker-button__showControlIcon_da8sq","open":"custom-picker-button__open_da8sq"};
16
+ var styles = {"iconContainer":"custom-picker-button__iconContainer_1p862","addonsContainer":"custom-picker-button__addonsContainer_1p862","showControlIcon":"custom-picker-button__showControlIcon_1p862","open":"custom-picker-button__open_1p862"};
17
17
  require('./index.css')
18
18
 
19
19
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 7f9cf */
1
+ /* hash: 1tyfp */
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
- } .custom-picker-button__iconContainer_da8sq {
19
+ } .custom-picker-button__iconContainer_1p862 {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_da8sq {
22
+ } .custom-picker-button__addonsContainer_1p862 {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_da8sq.custom-picker-button__showControlIcon_da8sq {
24
+ } .custom-picker-button__addonsContainer_1p862.custom-picker-button__showControlIcon_1p862 {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_da8sq {
26
+ } .custom-picker-button__open_1p862 {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/modern/Component.responsive.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { CustomButtonProps } from "@alfalab/core-components-custom-button";
3
4
  import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
5
  import { CustomPickerButtonDesktopProps } from "./desktop/index";
5
6
  type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
@@ -9,7 +10,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
9
10
  */
10
11
  breakpoint?: number;
11
12
  };
12
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/src/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
13
+ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
13
14
  /**
14
15
  * Контрольная точка, с нее начинается desktop версия
15
16
  * @default 1024
package/modern/field/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { CustomButton } from '@alfalab/core-components-custom-button/modern';
4
4
  import { getIcon } from '@alfalab/core-components-picker-button/modern/shared';
5
5
 
6
- const styles = {"iconContainer":"custom-picker-button__iconContainer_da8sq","addonsContainer":"custom-picker-button__addonsContainer_da8sq","showControlIcon":"custom-picker-button__showControlIcon_da8sq","open":"custom-picker-button__open_da8sq"};
6
+ const styles = {"iconContainer":"custom-picker-button__iconContainer_1p862","addonsContainer":"custom-picker-button__addonsContainer_1p862","showControlIcon":"custom-picker-button__showControlIcon_1p862","open":"custom-picker-button__open_1p862"};
7
7
  require('./index.css')
8
8
 
9
9
  const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {
package/modern/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 7f9cf */
1
+ /* hash: 1tyfp */
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
- } .custom-picker-button__iconContainer_da8sq {
19
+ } .custom-picker-button__iconContainer_1p862 {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_da8sq {
22
+ } .custom-picker-button__addonsContainer_1p862 {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_da8sq.custom-picker-button__showControlIcon_da8sq {
24
+ } .custom-picker-button__addonsContainer_1p862.custom-picker-button__showControlIcon_1p862 {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_da8sq {
26
+ } .custom-picker-button__open_1p862 {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-custom-picker-button",
3
- "version": "2.1.4",
3
+ "version": "2.1.5",
4
4
  "description": "Custom picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,10 +15,10 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-picker-button": "^11.3.3",
19
- "@alfalab/core-components-custom-button": "^3.3.10",
18
+ "@alfalab/core-components-picker-button": "^11.4.0",
19
+ "@alfalab/core-components-custom-button": "^3.4.0",
20
20
  "@alfalab/core-components-mq": "^4.2.0",
21
- "@alfalab/core-components-select": "^16.0.3",
21
+ "@alfalab/core-components-select": "^17.0.0",
22
22
  "classnames": "^2.3.1",
23
23
  "tslib": "^2.4.0"
24
24
  }
package/src/Component.responsive.tsx CHANGED
@@ -1,5 +1,7 @@
1
1
  import React, { forwardRef } from 'react';
2
2
 
3
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
4
+ import { CustomButtonProps } from '@alfalab/core-components-custom-button';
3
5
  import { useMatchMedia } from '@alfalab/core-components-mq';
4
6
  import type {
5
7
  AdditionalMobileProps,