@alfalab/core-components-international-phone-input 1.3.0 → 1.3.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.
Files changed (37) hide show
  1. package/components/base-international-phone-input/Component.js +1 -1
  2. package/components/base-international-phone-input/index.css +2 -2
  3. package/components/country-select/Component.js +1 -1
  4. package/components/country-select/index.css +8 -8
  5. package/components/flag-icon/component.js +1 -1
  6. package/components/flag-icon/index.css +3 -3
  7. package/components/select-field/component.js +1 -1
  8. package/components/select-field/index.css +9 -9
  9. package/cssm/{types-1b036d4b.d.ts → types-1328ead9.d.ts} +8 -0
  10. package/cssm/typings-c29389e5.d.ts +14 -4
  11. package/{modern/useSkeleton-1b036d4b.d.ts → cssm/use-skeleton-1328ead9.d.ts} +1 -1
  12. package/esm/components/base-international-phone-input/Component.js +1 -1
  13. package/esm/components/base-international-phone-input/index.css +2 -2
  14. package/esm/components/country-select/Component.js +1 -1
  15. package/esm/components/country-select/index.css +8 -8
  16. package/esm/components/flag-icon/component.js +1 -1
  17. package/esm/components/flag-icon/index.css +3 -3
  18. package/esm/components/select-field/component.js +1 -1
  19. package/esm/components/select-field/index.css +9 -9
  20. package/{modern/types-1b036d4b.d.ts → esm/types-1328ead9.d.ts} +8 -0
  21. package/esm/typings-c29389e5.d.ts +14 -4
  22. package/{cssm/useSkeleton-1b036d4b.d.ts → esm/use-skeleton-1328ead9.d.ts} +1 -1
  23. package/modern/components/base-international-phone-input/Component.js +1 -1
  24. package/modern/components/base-international-phone-input/index.css +2 -2
  25. package/modern/components/country-select/Component.js +1 -1
  26. package/modern/components/country-select/index.css +8 -8
  27. package/modern/components/flag-icon/component.js +1 -1
  28. package/modern/components/flag-icon/index.css +3 -3
  29. package/modern/components/select-field/component.js +1 -1
  30. package/modern/components/select-field/index.css +9 -9
  31. package/{esm/types-1b036d4b.d.ts → modern/types-1328ead9.d.ts} +8 -0
  32. package/modern/typings-c29389e5.d.ts +14 -4
  33. package/{useSkeleton-1b036d4b.d.ts → modern/use-skeleton-1328ead9.d.ts} +1 -1
  34. package/package.json +5 -5
  35. package/{types-1b036d4b.d.ts → types-1328ead9.d.ts} +8 -0
  36. package/typings-c29389e5.d.ts +14 -4
  37. package/{esm/useSkeleton-1b036d4b.d.ts → use-skeleton-1328ead9.d.ts} +1 -1
package/components/base-international-phone-input/Component.js CHANGED
@@ -25,7 +25,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
25
25
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
26
26
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
27
27
 
28
- var styles = {"component":"international-phone-input__component_12uak","addons":"international-phone-input__addons_12uak"};
28
+ var styles = {"component":"international-phone-input__component_qs477","addons":"international-phone-input__addons_qs477"};
29
29
  require('./index.css')
30
30
 
31
31
  var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
package/components/base-international-phone-input/index.css CHANGED
@@ -1,5 +1,5 @@
1
- /* hash: 7wswe */
1
+ /* hash: 11st0 */
2
2
 
3
- .international-phone-input__component_12uak .international-phone-input__addons_12uak {
3
+ .international-phone-input__component_qs477 .international-phone-input__addons_qs477 {
4
4
  padding-left: 0;
5
5
  }
package/components/country-select/Component.js CHANGED
@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
18
18
 
19
19
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
 
21
- var styles = {"component":"international-phone-input__component_37mpg","option":"international-phone-input__option_37mpg","flag":"international-phone-input__flag_37mpg","countryName":"international-phone-input__countryName_37mpg","dialCode":"international-phone-input__dialCode_37mpg","flagIconWrapper":"international-phone-input__flagIconWrapper_37mpg","emptyCountryIcon":"international-phone-input__emptyCountryIcon_37mpg"};
21
+ var styles = {"component":"international-phone-input__component_o5szj","option":"international-phone-input__option_o5szj","flag":"international-phone-input__flag_o5szj","countryName":"international-phone-input__countryName_o5szj","dialCode":"international-phone-input__dialCode_o5szj","flagIconWrapper":"international-phone-input__flagIconWrapper_o5szj","emptyCountryIcon":"international-phone-input__emptyCountryIcon_o5szj"};
22
22
  require('./index.css')
23
23
 
24
24
  var CountrySelect = function (_a) {
package/components/country-select/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1djpb */
1
+ /* hash: 1buos */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
18
18
  --gap-s: 12px;
19
19
  } :root {
20
20
  } :root {
21
- } .international-phone-input__component_37mpg {
21
+ } .international-phone-input__component_o5szj {
22
22
  position: static;
23
23
  display: flex;
24
24
  min-width: initial;
25
25
  height: 100%;
26
- } .international-phone-input__option_37mpg {
26
+ } .international-phone-input__option_o5szj {
27
27
  display: flex;
28
28
  align-items: flex-start;
29
29
  padding: var(--gap-s);
30
- } .international-phone-input__flag_37mpg {
30
+ } .international-phone-input__flag_o5szj {
31
31
  flex-shrink: 0;
32
32
  margin-right: var(--gap-xs);
33
- } .international-phone-input__countryName_37mpg {
33
+ } .international-phone-input__countryName_o5szj {
34
34
  margin-right: var(--gap-xs);
35
- } .international-phone-input__dialCode_37mpg {
35
+ } .international-phone-input__dialCode_o5szj {
36
36
  color: var(--color-light-text-secondary);
37
- } .international-phone-input__flagIconWrapper_37mpg {
37
+ } .international-phone-input__flagIconWrapper_o5szj {
38
38
  display: flex;
39
39
  justify-content: center;
40
40
  align-items: center;
41
41
  width: 24px;
42
42
  height: 24px;
43
43
  margin-left: var(--gap-s);
44
- } .international-phone-input__emptyCountryIcon_37mpg {
44
+ } .international-phone-input__emptyCountryIcon_o5szj {
45
45
  color: var(--color-light-neutral-translucent-700);
46
46
  }
package/components/flag-icon/component.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"flagIcon":"international-phone-input__flagIcon_pgx09","flagPlaceholder":"international-phone-input__flagPlaceholder_pgx09"};
14
+ var styles = {"flagIcon":"international-phone-input__flagIcon_1gyt4","flagPlaceholder":"international-phone-input__flagPlaceholder_1gyt4"};
15
15
  require('./index.css')
16
16
 
17
17
  /**
package/components/flag-icon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1o2cm */
1
+ /* hash: 1prd5 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* 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 */
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .international-phone-input__flagIcon_pgx09 {
20
+ } .international-phone-input__flagIcon_1gyt4 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .international-phone-input__flagPlaceholder_pgx09 {
23
+ } .international-phone-input__flagPlaceholder_1gyt4 {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
package/components/select-field/component.js CHANGED
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"component":"international-phone-input__component_a145e","flagIconContainer":"international-phone-input__flagIconContainer_a145e","emptyCountryIcon":"international-phone-input__emptyCountryIcon_a145e","disabled":"international-phone-input__disabled_a145e","inner":"international-phone-input__inner_a145e","l":"international-phone-input__l_a145e","xl":"international-phone-input__xl_a145e","focusVisible":"international-phone-input__focusVisible_a145e"};
20
+ var styles = {"component":"international-phone-input__component_1uemg","flagIconContainer":"international-phone-input__flagIconContainer_1uemg","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1uemg","disabled":"international-phone-input__disabled_1uemg","inner":"international-phone-input__inner_1uemg","l":"international-phone-input__l_1uemg","xl":"international-phone-input__xl_1uemg","focusVisible":"international-phone-input__focusVisible_1uemg"};
21
21
  require('./index.css')
22
22
 
23
23
  var EMPTY_COUNTRY_SELECT_FIELD = {
package/components/select-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1llj1 */
1
+ /* hash: 16sk6 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
21
21
  } :root {
22
22
  --focus-color: var(--color-light-border-link);
23
23
  --disabled-cursor: not-allowed;
24
- } .international-phone-input__component_a145e {
24
+ } .international-phone-input__component_1uemg {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .international-phone-input__flagIconContainer_a145e {
29
+ } .international-phone-input__flagIconContainer_1uemg {
30
30
  display: flex;
31
31
  justify-content: center;
32
32
  align-items: center;
33
33
  width: 24px;
34
34
  height: 24px;
35
35
  margin-right: var(--gap-2xs);
36
- } .international-phone-input__emptyCountryIcon_a145e {
36
+ } .international-phone-input__emptyCountryIcon_1uemg {
37
37
  color: var(--color-light-neutral-translucent-700);
38
- } .international-phone-input__disabled_a145e {
38
+ } .international-phone-input__disabled_1uemg {
39
39
  cursor: var(--disabled-cursor);
40
- } .international-phone-input__inner_a145e {
40
+ } .international-phone-input__inner_1uemg {
41
41
  position: relative;
42
42
  display: flex;
43
43
  align-items: center;
44
44
  height: 100%;
45
45
  padding-left: var(--gap-s);
46
46
  outline: none;
47
- } .international-phone-input__l_a145e .international-phone-input__inner_a145e,
48
- .international-phone-input__xl_a145e .international-phone-input__inner_a145e {
47
+ } .international-phone-input__l_1uemg .international-phone-input__inner_1uemg,
48
+ .international-phone-input__xl_1uemg .international-phone-input__inner_1uemg {
49
49
  padding-left: var(--gap-m);
50
- } .international-phone-input__focusVisible_a145e {
50
+ } .international-phone-input__focusVisible_1uemg {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
package/cssm/{types-1b036d4b.d.ts → types-1328ead9.d.ts} RENAMED
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
9
9
  * Ширина строки
10
10
  */
11
11
  width?: WidthUnit | WidthUnit[];
12
+ /**
13
+ * Выравнивание элементов по горизонтали
14
+ */
15
+ align?: 'left' | 'center' | 'right';
16
+ /**
17
+ * Класс для обертки скелетона
18
+ */
19
+ wrapperClassName?: string;
12
20
  };
13
21
  export { TextElementType, TextSkeletonProps };
package/cssm/typings-c29389e5.d.ts CHANGED
@@ -9,7 +9,7 @@ import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
9
9
  import { CSSTransitionProps } from "react-transition-group/CSSTransition";
10
10
  import { BasePlacement, VariationPlacement } from "@popperjs/core";
11
11
  import { SwipeableHandlers } from "react-swipeable";
12
- import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
12
+ import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
13
13
  import { ButtonProps } from "./index-202ae1dc";
14
14
  import { ContentProps } from "./typings-8a2a8ad1";
15
15
  import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
@@ -526,6 +526,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
526
526
  Controls: React.FC<ControlsProps>;
527
527
  };
528
528
  declare const ModalContext: import("react").Context<BaseModalContext>;
529
+ declare function getModalTestIds(dataTestId: string): {
530
+ modal: string;
531
+ content: string;
532
+ footer: string;
533
+ controls: string;
534
+ header: string;
535
+ title: string;
536
+ closer: string;
537
+ backButton: string;
538
+ };
529
539
  type RefElement = HTMLElement | null;
530
540
  type Position = BasePlacement | VariationPlacement;
531
541
  type PopoverProps = {
@@ -823,7 +833,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
823
833
  children?: React.ReactNode;
824
834
  rowLimit?: 1 | 2 | 3 | undefined;
825
835
  showSkeleton?: boolean | undefined;
826
- skeletonProps?: import("./types-1b036d4b").TextSkeletonProps | undefined;
836
+ skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
827
837
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
828
838
  type IconButtonProps = {
829
839
  /**
@@ -1562,10 +1572,10 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1562
1572
  */
1563
1573
  defaultMatchMediaValue?: boolean | (() => boolean);
1564
1574
  };
1565
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1575
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1566
1576
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
1567
1577
  export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
1568
1578
  export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
1569
- export * from "./useSkeleton-1b036d4b";
1579
+ export * from "./use-skeleton-1328ead9";
1570
1580
  export * from "./Component.desktop-ebda875c";
1571
1581
  export * from "./Component.mobile-ebda875c";
package/{modern/useSkeleton-1b036d4b.d.ts → cssm/use-skeleton-1328ead9.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { TextSkeletonProps } from "./types-1b036d4b";
4
+ import { TextSkeletonProps } from "./types-1328ead9";
5
5
  type SkeletonProps = {
6
6
  /**
7
7
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
package/esm/components/base-international-phone-input/Component.js CHANGED
@@ -16,7 +16,7 @@ import '../flag-icon/flagSprite.js';
16
16
  import '../select-field/component.js';
17
17
  import '@alfalab/hooks';
18
18
 
19
- var styles = {"component":"international-phone-input__component_12uak","addons":"international-phone-input__addons_12uak"};
19
+ var styles = {"component":"international-phone-input__component_qs477","addons":"international-phone-input__addons_qs477"};
20
20
  require('./index.css')
21
21
 
22
22
  var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {
package/esm/components/base-international-phone-input/index.css CHANGED
@@ -1,5 +1,5 @@
1
- /* hash: 7wswe */
1
+ /* hash: 11st0 */
2
2
 
3
- .international-phone-input__component_12uak .international-phone-input__addons_12uak {
3
+ .international-phone-input__component_qs477 .international-phone-input__addons_qs477 {
4
4
  padding-left: 0;
5
5
  }
package/esm/components/country-select/Component.js CHANGED
@@ -10,7 +10,7 @@ import '../flag-icon/flagSprite.js';
10
10
  import 'react-merge-refs';
11
11
  import '@alfalab/hooks';
12
12
 
13
- var styles = {"component":"international-phone-input__component_37mpg","option":"international-phone-input__option_37mpg","flag":"international-phone-input__flag_37mpg","countryName":"international-phone-input__countryName_37mpg","dialCode":"international-phone-input__dialCode_37mpg","flagIconWrapper":"international-phone-input__flagIconWrapper_37mpg","emptyCountryIcon":"international-phone-input__emptyCountryIcon_37mpg"};
13
+ var styles = {"component":"international-phone-input__component_o5szj","option":"international-phone-input__option_o5szj","flag":"international-phone-input__flag_o5szj","countryName":"international-phone-input__countryName_o5szj","dialCode":"international-phone-input__dialCode_o5szj","flagIconWrapper":"international-phone-input__flagIconWrapper_o5szj","emptyCountryIcon":"international-phone-input__emptyCountryIcon_o5szj"};
14
14
  require('./index.css')
15
15
 
16
16
  var CountrySelect = function (_a) {
package/esm/components/country-select/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1djpb */
1
+ /* hash: 1buos */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
18
18
  --gap-s: 12px;
19
19
  } :root {
20
20
  } :root {
21
- } .international-phone-input__component_37mpg {
21
+ } .international-phone-input__component_o5szj {
22
22
  position: static;
23
23
  display: flex;
24
24
  min-width: initial;
25
25
  height: 100%;
26
- } .international-phone-input__option_37mpg {
26
+ } .international-phone-input__option_o5szj {
27
27
  display: flex;
28
28
  align-items: flex-start;
29
29
  padding: var(--gap-s);
30
- } .international-phone-input__flag_37mpg {
30
+ } .international-phone-input__flag_o5szj {
31
31
  flex-shrink: 0;
32
32
  margin-right: var(--gap-xs);
33
- } .international-phone-input__countryName_37mpg {
33
+ } .international-phone-input__countryName_o5szj {
34
34
  margin-right: var(--gap-xs);
35
- } .international-phone-input__dialCode_37mpg {
35
+ } .international-phone-input__dialCode_o5szj {
36
36
  color: var(--color-light-text-secondary);
37
- } .international-phone-input__flagIconWrapper_37mpg {
37
+ } .international-phone-input__flagIconWrapper_o5szj {
38
38
  display: flex;
39
39
  justify-content: center;
40
40
  align-items: center;
41
41
  width: 24px;
42
42
  height: 24px;
43
43
  margin-left: var(--gap-s);
44
- } .international-phone-input__emptyCountryIcon_37mpg {
44
+ } .international-phone-input__emptyCountryIcon_o5szj {
45
45
  color: var(--color-light-neutral-translucent-700);
46
46
  }
package/esm/components/flag-icon/component.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { flagSprite } from './flagSprite.js';
4
4
 
5
- var styles = {"flagIcon":"international-phone-input__flagIcon_pgx09","flagPlaceholder":"international-phone-input__flagPlaceholder_pgx09"};
5
+ var styles = {"flagIcon":"international-phone-input__flagIcon_1gyt4","flagPlaceholder":"international-phone-input__flagPlaceholder_1gyt4"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
package/esm/components/flag-icon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1o2cm */
1
+ /* hash: 1prd5 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* 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 */
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .international-phone-input__flagIcon_pgx09 {
20
+ } .international-phone-input__flagIcon_1gyt4 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .international-phone-input__flagPlaceholder_pgx09 {
23
+ } .international-phone-input__flagPlaceholder_1gyt4 {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
package/esm/components/select-field/component.js CHANGED
@@ -7,7 +7,7 @@ import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
7
7
  import { FlagIcon } from '../flag-icon/component.js';
8
8
  import '../flag-icon/flagSprite.js';
9
9
 
10
- var styles = {"component":"international-phone-input__component_a145e","flagIconContainer":"international-phone-input__flagIconContainer_a145e","emptyCountryIcon":"international-phone-input__emptyCountryIcon_a145e","disabled":"international-phone-input__disabled_a145e","inner":"international-phone-input__inner_a145e","l":"international-phone-input__l_a145e","xl":"international-phone-input__xl_a145e","focusVisible":"international-phone-input__focusVisible_a145e"};
10
+ var styles = {"component":"international-phone-input__component_1uemg","flagIconContainer":"international-phone-input__flagIconContainer_1uemg","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1uemg","disabled":"international-phone-input__disabled_1uemg","inner":"international-phone-input__inner_1uemg","l":"international-phone-input__l_1uemg","xl":"international-phone-input__xl_1uemg","focusVisible":"international-phone-input__focusVisible_1uemg"};
11
11
  require('./index.css')
12
12
 
13
13
  var EMPTY_COUNTRY_SELECT_FIELD = {
package/esm/components/select-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1llj1 */
1
+ /* hash: 16sk6 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
21
21
  } :root {
22
22
  --focus-color: var(--color-light-border-link);
23
23
  --disabled-cursor: not-allowed;
24
- } .international-phone-input__component_a145e {
24
+ } .international-phone-input__component_1uemg {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .international-phone-input__flagIconContainer_a145e {
29
+ } .international-phone-input__flagIconContainer_1uemg {
30
30
  display: flex;
31
31
  justify-content: center;
32
32
  align-items: center;
33
33
  width: 24px;
34
34
  height: 24px;
35
35
  margin-right: var(--gap-2xs);
36
- } .international-phone-input__emptyCountryIcon_a145e {
36
+ } .international-phone-input__emptyCountryIcon_1uemg {
37
37
  color: var(--color-light-neutral-translucent-700);
38
- } .international-phone-input__disabled_a145e {
38
+ } .international-phone-input__disabled_1uemg {
39
39
  cursor: var(--disabled-cursor);
40
- } .international-phone-input__inner_a145e {
40
+ } .international-phone-input__inner_1uemg {
41
41
  position: relative;
42
42
  display: flex;
43
43
  align-items: center;
44
44
  height: 100%;
45
45
  padding-left: var(--gap-s);
46
46
  outline: none;
47
- } .international-phone-input__l_a145e .international-phone-input__inner_a145e,
48
- .international-phone-input__xl_a145e .international-phone-input__inner_a145e {
47
+ } .international-phone-input__l_1uemg .international-phone-input__inner_1uemg,
48
+ .international-phone-input__xl_1uemg .international-phone-input__inner_1uemg {
49
49
  padding-left: var(--gap-m);
50
- } .international-phone-input__focusVisible_a145e {
50
+ } .international-phone-input__focusVisible_1uemg {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
package/{modern/types-1b036d4b.d.ts → esm/types-1328ead9.d.ts} RENAMED
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
9
9
  * Ширина строки
10
10
  */
11
11
  width?: WidthUnit | WidthUnit[];
12
+ /**
13
+ * Выравнивание элементов по горизонтали
14
+ */
15
+ align?: 'left' | 'center' | 'right';
16
+ /**
17
+ * Класс для обертки скелетона
18
+ */
19
+ wrapperClassName?: string;
12
20
  };
13
21
  export { TextElementType, TextSkeletonProps };
package/esm/typings-c29389e5.d.ts CHANGED
@@ -9,7 +9,7 @@ import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
9
9
  import { CSSTransitionProps } from "react-transition-group/CSSTransition";
10
10
  import { BasePlacement, VariationPlacement } from "@popperjs/core";
11
11
  import { SwipeableHandlers } from "react-swipeable";
12
- import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
12
+ import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
13
13
  import { ButtonProps } from "./index-202ae1dc";
14
14
  import { ContentProps } from "./typings-8a2a8ad1";
15
15
  import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
@@ -526,6 +526,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
526
526
  Controls: React.FC<ControlsProps>;
527
527
  };
528
528
  declare const ModalContext: import("react").Context<BaseModalContext>;
529
+ declare function getModalTestIds(dataTestId: string): {
530
+ modal: string;
531
+ content: string;
532
+ footer: string;
533
+ controls: string;
534
+ header: string;
535
+ title: string;
536
+ closer: string;
537
+ backButton: string;
538
+ };
529
539
  type RefElement = HTMLElement | null;
530
540
  type Position = BasePlacement | VariationPlacement;
531
541
  type PopoverProps = {
@@ -823,7 +833,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
823
833
  children?: React.ReactNode;
824
834
  rowLimit?: 1 | 2 | 3 | undefined;
825
835
  showSkeleton?: boolean | undefined;
826
- skeletonProps?: import("./types-1b036d4b").TextSkeletonProps | undefined;
836
+ skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
827
837
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
828
838
  type IconButtonProps = {
829
839
  /**
@@ -1562,10 +1572,10 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1562
1572
  */
1563
1573
  defaultMatchMediaValue?: boolean | (() => boolean);
1564
1574
  };
1565
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1575
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1566
1576
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
1567
1577
  export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
1568
1578
  export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
1569
- export * from "./useSkeleton-1b036d4b";
1579
+ export * from "./use-skeleton-1328ead9";
1570
1580
  export * from "./Component.desktop-ebda875c";
1571
1581
  export * from "./Component.mobile-ebda875c";
package/{cssm/useSkeleton-1b036d4b.d.ts → esm/use-skeleton-1328ead9.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { TextSkeletonProps } from "./types-1b036d4b";
4
+ import { TextSkeletonProps } from "./types-1328ead9";
5
5
  type SkeletonProps = {
6
6
  /**
7
7
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
package/modern/components/base-international-phone-input/Component.js CHANGED
@@ -15,7 +15,7 @@ import '../flag-icon/flagSprite.js';
15
15
  import '../select-field/component.js';
16
16
  import '@alfalab/hooks';
17
17
 
18
- const styles = {"component":"international-phone-input__component_12uak","addons":"international-phone-input__addons_12uak"};
18
+ const styles = {"component":"international-phone-input__component_qs477","addons":"international-phone-input__addons_qs477"};
19
19
  require('./index.css')
20
20
 
21
21
  const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 'm', Input, InputAutocomplete, SelectComponent, view, clear: clearProp, ...restProps }, ref) => {
package/modern/components/base-international-phone-input/index.css CHANGED
@@ -1,5 +1,5 @@
1
- /* hash: 7wswe */
1
+ /* hash: 11st0 */
2
2
 
3
- .international-phone-input__component_12uak .international-phone-input__addons_12uak {
3
+ .international-phone-input__component_qs477 .international-phone-input__addons_qs477 {
4
4
  padding-left: 0;
5
5
  }
package/modern/components/country-select/Component.js CHANGED
@@ -9,7 +9,7 @@ import '../flag-icon/flagSprite.js';
9
9
  import 'react-merge-refs';
10
10
  import '@alfalab/hooks';
11
11
 
12
- const styles = {"component":"international-phone-input__component_37mpg","option":"international-phone-input__option_37mpg","flag":"international-phone-input__flag_37mpg","countryName":"international-phone-input__countryName_37mpg","dialCode":"international-phone-input__dialCode_37mpg","flagIconWrapper":"international-phone-input__flagIconWrapper_37mpg","emptyCountryIcon":"international-phone-input__emptyCountryIcon_37mpg"};
12
+ const styles = {"component":"international-phone-input__component_o5szj","option":"international-phone-input__option_o5szj","flag":"international-phone-input__flag_o5szj","countryName":"international-phone-input__countryName_o5szj","dialCode":"international-phone-input__dialCode_o5szj","flagIconWrapper":"international-phone-input__flagIconWrapper_o5szj","emptyCountryIcon":"international-phone-input__emptyCountryIcon_o5szj"};
13
13
  require('./index.css')
14
14
 
15
15
  const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fieldWidth, onChange, view = 'desktop', SelectComponent, ...restProps }) => {
package/modern/components/country-select/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1djpb */
1
+ /* hash: 1buos */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
18
18
  --gap-s: 12px;
19
19
  } :root {
20
20
  } :root {
21
- } .international-phone-input__component_37mpg {
21
+ } .international-phone-input__component_o5szj {
22
22
  position: static;
23
23
  display: flex;
24
24
  min-width: initial;
25
25
  height: 100%;
26
- } .international-phone-input__option_37mpg {
26
+ } .international-phone-input__option_o5szj {
27
27
  display: flex;
28
28
  align-items: flex-start;
29
29
  padding: var(--gap-s);
30
- } .international-phone-input__flag_37mpg {
30
+ } .international-phone-input__flag_o5szj {
31
31
  flex-shrink: 0;
32
32
  margin-right: var(--gap-xs);
33
- } .international-phone-input__countryName_37mpg {
33
+ } .international-phone-input__countryName_o5szj {
34
34
  margin-right: var(--gap-xs);
35
- } .international-phone-input__dialCode_37mpg {
35
+ } .international-phone-input__dialCode_o5szj {
36
36
  color: var(--color-light-text-secondary);
37
- } .international-phone-input__flagIconWrapper_37mpg {
37
+ } .international-phone-input__flagIconWrapper_o5szj {
38
38
  display: flex;
39
39
  justify-content: center;
40
40
  align-items: center;
41
41
  width: 24px;
42
42
  height: 24px;
43
43
  margin-left: var(--gap-s);
44
- } .international-phone-input__emptyCountryIcon_37mpg {
44
+ } .international-phone-input__emptyCountryIcon_o5szj {
45
45
  color: var(--color-light-neutral-translucent-700);
46
46
  }
package/modern/components/flag-icon/component.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { flagSprite } from './flagSprite.js';
4
4
 
5
- const styles = {"flagIcon":"international-phone-input__flagIcon_pgx09","flagPlaceholder":"international-phone-input__flagPlaceholder_pgx09"};
5
+ const styles = {"flagIcon":"international-phone-input__flagIcon_1gyt4","flagPlaceholder":"international-phone-input__flagPlaceholder_1gyt4"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
package/modern/components/flag-icon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1o2cm */
1
+ /* hash: 1prd5 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* 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 */
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .international-phone-input__flagIcon_pgx09 {
20
+ } .international-phone-input__flagIcon_1gyt4 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .international-phone-input__flagPlaceholder_pgx09 {
23
+ } .international-phone-input__flagPlaceholder_1gyt4 {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
package/modern/components/select-field/component.js CHANGED
@@ -6,7 +6,7 @@ import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
6
6
  import { FlagIcon } from '../flag-icon/component.js';
7
7
  import '../flag-icon/flagSprite.js';
8
8
 
9
- const styles = {"component":"international-phone-input__component_a145e","flagIconContainer":"international-phone-input__flagIconContainer_a145e","emptyCountryIcon":"international-phone-input__emptyCountryIcon_a145e","disabled":"international-phone-input__disabled_a145e","inner":"international-phone-input__inner_a145e","l":"international-phone-input__l_a145e","xl":"international-phone-input__xl_a145e","focusVisible":"international-phone-input__focusVisible_a145e"};
9
+ const styles = {"component":"international-phone-input__component_1uemg","flagIconContainer":"international-phone-input__flagIconContainer_1uemg","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1uemg","disabled":"international-phone-input__disabled_1uemg","inner":"international-phone-input__inner_1uemg","l":"international-phone-input__l_1uemg","xl":"international-phone-input__xl_1uemg","focusVisible":"international-phone-input__focusVisible_1uemg"};
10
10
  require('./index.css')
11
11
 
12
12
  const EMPTY_COUNTRY_SELECT_FIELD = {
package/modern/components/select-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1llj1 */
1
+ /* hash: 16sk6 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
21
21
  } :root {
22
22
  --focus-color: var(--color-light-border-link);
23
23
  --disabled-cursor: not-allowed;
24
- } .international-phone-input__component_a145e {
24
+ } .international-phone-input__component_1uemg {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .international-phone-input__flagIconContainer_a145e {
29
+ } .international-phone-input__flagIconContainer_1uemg {
30
30
  display: flex;
31
31
  justify-content: center;
32
32
  align-items: center;
33
33
  width: 24px;
34
34
  height: 24px;
35
35
  margin-right: var(--gap-2xs);
36
- } .international-phone-input__emptyCountryIcon_a145e {
36
+ } .international-phone-input__emptyCountryIcon_1uemg {
37
37
  color: var(--color-light-neutral-translucent-700);
38
- } .international-phone-input__disabled_a145e {
38
+ } .international-phone-input__disabled_1uemg {
39
39
  cursor: var(--disabled-cursor);
40
- } .international-phone-input__inner_a145e {
40
+ } .international-phone-input__inner_1uemg {
41
41
  position: relative;
42
42
  display: flex;
43
43
  align-items: center;
44
44
  height: 100%;
45
45
  padding-left: var(--gap-s);
46
46
  outline: none;
47
- } .international-phone-input__l_a145e .international-phone-input__inner_a145e,
48
- .international-phone-input__xl_a145e .international-phone-input__inner_a145e {
47
+ } .international-phone-input__l_1uemg .international-phone-input__inner_1uemg,
48
+ .international-phone-input__xl_1uemg .international-phone-input__inner_1uemg {
49
49
  padding-left: var(--gap-m);
50
- } .international-phone-input__focusVisible_a145e {
50
+ } .international-phone-input__focusVisible_1uemg {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
package/{esm/types-1b036d4b.d.ts → modern/types-1328ead9.d.ts} RENAMED
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
9
9
  * Ширина строки
10
10
  */
11
11
  width?: WidthUnit | WidthUnit[];
12
+ /**
13
+ * Выравнивание элементов по горизонтали
14
+ */
15
+ align?: 'left' | 'center' | 'right';
16
+ /**
17
+ * Класс для обертки скелетона
18
+ */
19
+ wrapperClassName?: string;
12
20
  };
13
21
  export { TextElementType, TextSkeletonProps };
package/modern/typings-c29389e5.d.ts CHANGED
@@ -9,7 +9,7 @@ import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
9
9
  import { CSSTransitionProps } from "react-transition-group/CSSTransition";
10
10
  import { BasePlacement, VariationPlacement } from "@popperjs/core";
11
11
  import { SwipeableHandlers } from "react-swipeable";
12
- import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
12
+ import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
13
13
  import { ButtonProps } from "./index-202ae1dc";
14
14
  import { ContentProps } from "./typings-8a2a8ad1";
15
15
  import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
@@ -526,6 +526,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
526
526
  Controls: React.FC<ControlsProps>;
527
527
  };
528
528
  declare const ModalContext: import("react").Context<BaseModalContext>;
529
+ declare function getModalTestIds(dataTestId: string): {
530
+ modal: string;
531
+ content: string;
532
+ footer: string;
533
+ controls: string;
534
+ header: string;
535
+ title: string;
536
+ closer: string;
537
+ backButton: string;
538
+ };
529
539
  type RefElement = HTMLElement | null;
530
540
  type Position = BasePlacement | VariationPlacement;
531
541
  type PopoverProps = {
@@ -823,7 +833,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
823
833
  children?: React.ReactNode;
824
834
  rowLimit?: 1 | 2 | 3 | undefined;
825
835
  showSkeleton?: boolean | undefined;
826
- skeletonProps?: import("./types-1b036d4b").TextSkeletonProps | undefined;
836
+ skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
827
837
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
828
838
  type IconButtonProps = {
829
839
  /**
@@ -1562,10 +1572,10 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1562
1572
  */
1563
1573
  defaultMatchMediaValue?: boolean | (() => boolean);
1564
1574
  };
1565
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1575
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1566
1576
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
1567
1577
  export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
1568
1578
  export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
1569
- export * from "./useSkeleton-1b036d4b";
1579
+ export * from "./use-skeleton-1328ead9";
1570
1580
  export * from "./Component.desktop-ebda875c";
1571
1581
  export * from "./Component.mobile-ebda875c";
package/{useSkeleton-1b036d4b.d.ts → modern/use-skeleton-1328ead9.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { TextSkeletonProps } from "./types-1b036d4b";
4
+ import { TextSkeletonProps } from "./types-1328ead9";
5
5
  type SkeletonProps = {
6
6
  /**
7
7
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-international-phone-input",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,10 +14,10 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-input-autocomplete": "11.3.2",
18
- "@alfalab/core-components-input": "^14.1.0",
19
- "@alfalab/core-components-select": "^17.1.0",
20
- "@alfalab/core-components-shared": "^0.9.0",
17
+ "@alfalab/core-components-input-autocomplete": "11.3.4",
18
+ "@alfalab/core-components-input": "^14.1.2",
19
+ "@alfalab/core-components-select": "^17.1.2",
20
+ "@alfalab/core-components-shared": "^0.9.1",
21
21
  "@alfalab/core-components-mq": "^4.2.0",
22
22
  "@alfalab/hooks": "^1.13.0",
23
23
  "@alfalab/icons-glyph": "^2.139.0",
package/{types-1b036d4b.d.ts → types-1328ead9.d.ts} RENAMED
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
9
9
  * Ширина строки
10
10
  */
11
11
  width?: WidthUnit | WidthUnit[];
12
+ /**
13
+ * Выравнивание элементов по горизонтали
14
+ */
15
+ align?: 'left' | 'center' | 'right';
16
+ /**
17
+ * Класс для обертки скелетона
18
+ */
19
+ wrapperClassName?: string;
12
20
  };
13
21
  export { TextElementType, TextSkeletonProps };
package/typings-c29389e5.d.ts CHANGED
@@ -9,7 +9,7 @@ import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
9
9
  import { CSSTransitionProps } from "react-transition-group/CSSTransition";
10
10
  import { BasePlacement, VariationPlacement } from "@popperjs/core";
11
11
  import { SwipeableHandlers } from "react-swipeable";
12
- import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
12
+ import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
13
13
  import { ButtonProps } from "./index-202ae1dc";
14
14
  import { ContentProps } from "./typings-8a2a8ad1";
15
15
  import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
@@ -526,6 +526,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
526
526
  Controls: React.FC<ControlsProps>;
527
527
  };
528
528
  declare const ModalContext: import("react").Context<BaseModalContext>;
529
+ declare function getModalTestIds(dataTestId: string): {
530
+ modal: string;
531
+ content: string;
532
+ footer: string;
533
+ controls: string;
534
+ header: string;
535
+ title: string;
536
+ closer: string;
537
+ backButton: string;
538
+ };
529
539
  type RefElement = HTMLElement | null;
530
540
  type Position = BasePlacement | VariationPlacement;
531
541
  type PopoverProps = {
@@ -823,7 +833,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
823
833
  children?: React.ReactNode;
824
834
  rowLimit?: 1 | 2 | 3 | undefined;
825
835
  showSkeleton?: boolean | undefined;
826
- skeletonProps?: import("./types-1b036d4b").TextSkeletonProps | undefined;
836
+ skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
827
837
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
828
838
  type IconButtonProps = {
829
839
  /**
@@ -1562,10 +1572,10 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1562
1572
  */
1563
1573
  defaultMatchMediaValue?: boolean | (() => boolean);
1564
1574
  };
1565
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1575
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1566
1576
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
1567
1577
  export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
1568
1578
  export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
1569
- export * from "./useSkeleton-1b036d4b";
1579
+ export * from "./use-skeleton-1328ead9";
1570
1580
  export * from "./Component.desktop-ebda875c";
1571
1581
  export * from "./Component.mobile-ebda875c";
package/{esm/useSkeleton-1b036d4b.d.ts → use-skeleton-1328ead9.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { TextSkeletonProps } from "./types-1b036d4b";
4
+ import { TextSkeletonProps } from "./types-1328ead9";
5
5
  type SkeletonProps = {
6
6
  /**
7
7
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером