@alfalab/core-components-bottom-sheet 6.16.3 → 6.17.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 (56) hide show
  1. package/component.js +1 -1
  2. package/components/footer/Component.js +1 -1
  3. package/components/footer/index.css +28 -27
  4. package/components/header/Component.js +1 -1
  5. package/components/header/index.css +15 -14
  6. package/cssm/components/footer/index.module.css +2 -1
  7. package/cssm/components/header/index.module.css +2 -1
  8. package/cssm/index.module.css +10 -7
  9. package/esm/component.js +1 -1
  10. package/esm/components/footer/Component.js +1 -1
  11. package/esm/components/footer/index.css +28 -27
  12. package/esm/components/header/Component.js +1 -1
  13. package/esm/components/header/index.css +15 -14
  14. package/esm/index.css +55 -52
  15. package/index.css +55 -52
  16. package/modern/component.js +1 -1
  17. package/modern/components/footer/Component.js +1 -1
  18. package/modern/components/footer/index.css +28 -27
  19. package/modern/components/header/Component.js +1 -1
  20. package/modern/components/header/index.css +15 -14
  21. package/modern/index.css +55 -52
  22. package/moderncssm/component.d.ts +5 -0
  23. package/moderncssm/component.js +413 -0
  24. package/moderncssm/components/footer/Component.d.ts +21 -0
  25. package/moderncssm/components/footer/Component.js +17 -0
  26. package/moderncssm/components/footer/index.module.css +88 -0
  27. package/moderncssm/components/header/Component.d.ts +8 -0
  28. package/moderncssm/components/header/Component.js +23 -0
  29. package/moderncssm/components/header/index.module.css +63 -0
  30. package/moderncssm/components/swipeable-backdrop/Component.d.ts +19 -0
  31. package/moderncssm/components/swipeable-backdrop/Component.js +12 -0
  32. package/moderncssm/consts/swipeConsts.d.ts +2 -0
  33. package/moderncssm/consts/swipeConsts.js +5 -0
  34. package/moderncssm/enums/swipeEnums.d.ts +7 -0
  35. package/moderncssm/enums/swipeEnums.js +9 -0
  36. package/moderncssm/hooks/index.d.ts +1 -0
  37. package/moderncssm/hooks/index.js +1 -0
  38. package/moderncssm/hooks/use-visualviewport-size.d.ts +3 -0
  39. package/moderncssm/hooks/use-visualviewport-size.js +27 -0
  40. package/moderncssm/index.d.ts +3 -0
  41. package/moderncssm/index.js +2 -0
  42. package/moderncssm/index.module.css +185 -0
  43. package/moderncssm/shared/index.d.ts +1 -0
  44. package/moderncssm/shared/index.js +1 -0
  45. package/moderncssm/types/swipeTypes.d.ts +9 -0
  46. package/moderncssm/types/swipeTypes.js +1 -0
  47. package/moderncssm/types.d.ts +289 -0
  48. package/moderncssm/types.js +1 -0
  49. package/moderncssm/utils.d.ts +17 -0
  50. package/moderncssm/utils.js +35 -0
  51. package/moderncssm/vars.css +8 -0
  52. package/package.json +7 -7
  53. package/src/components/footer/index.module.css +2 -2
  54. package/src/components/header/index.module.css +2 -2
  55. package/src/index.module.css +7 -7
  56. package/src/vars.css +2 -2
package/component.js CHANGED
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
23
23
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
24
24
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
25
25
 
26
- var styles = {"modal":"bottom-sheet__modal_3cuam","wrapper":"bottom-sheet__wrapper_3cuam","fullscreen":"bottom-sheet__fullscreen_3cuam","component":"bottom-sheet__component_3cuam","withTransition":"bottom-sheet__withTransition_3cuam","scrollableContainer":"bottom-sheet__scrollableContainer_3cuam","marker":"bottom-sheet__marker_3cuam","defaultMarker":"bottom-sheet__defaultMarker_3cuam","content":"bottom-sheet__content_3cuam","noHeader":"bottom-sheet__noHeader_3cuam","noFooter":"bottom-sheet__noFooter_3cuam","scrollLocked":"bottom-sheet__scrollLocked_3cuam","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_3cuam","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_3cuam","appear":"bottom-sheet__appear_3cuam","enter":"bottom-sheet__enter_3cuam","appearActive":"bottom-sheet__appearActive_3cuam","enterActive":"bottom-sheet__enterActive_3cuam","enterDone":"bottom-sheet__enterDone_3cuam","appearDone":"bottom-sheet__appearDone_3cuam","exit":"bottom-sheet__exit_3cuam","exitActive":"bottom-sheet__exitActive_3cuam","safeAreaBottom":"bottom-sheet__safeAreaBottom_3cuam","background-accent":"bottom-sheet__background-accent_3cuam","background-info":"bottom-sheet__background-info_3cuam","background-attention-muted":"bottom-sheet__background-attention-muted_3cuam","background-positive-muted":"bottom-sheet__background-positive-muted_3cuam","background-negative-muted":"bottom-sheet__background-negative-muted_3cuam","background-primary":"bottom-sheet__background-primary_3cuam","background-primary-inverted":"bottom-sheet__background-primary-inverted_3cuam","background-secondary":"bottom-sheet__background-secondary_3cuam","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_3cuam","background-tertiary":"bottom-sheet__background-tertiary_3cuam","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_3cuam","background-quaternary":"bottom-sheet__background-quaternary_3cuam","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_3cuam","background-specialbg-component":"bottom-sheet__background-specialbg-component_3cuam","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_3cuam","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_3cuam","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_3cuam","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_3cuam","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_3cuam","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_3cuam","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_3cuam","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_3cuam"};
26
+ var styles = {"modal":"bottom-sheet__modal_1cr7z","wrapper":"bottom-sheet__wrapper_1cr7z","fullscreen":"bottom-sheet__fullscreen_1cr7z","component":"bottom-sheet__component_1cr7z","withTransition":"bottom-sheet__withTransition_1cr7z","scrollableContainer":"bottom-sheet__scrollableContainer_1cr7z","marker":"bottom-sheet__marker_1cr7z","defaultMarker":"bottom-sheet__defaultMarker_1cr7z","content":"bottom-sheet__content_1cr7z","noHeader":"bottom-sheet__noHeader_1cr7z","noFooter":"bottom-sheet__noFooter_1cr7z","scrollLocked":"bottom-sheet__scrollLocked_1cr7z","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1cr7z","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1cr7z","appear":"bottom-sheet__appear_1cr7z","enter":"bottom-sheet__enter_1cr7z","appearActive":"bottom-sheet__appearActive_1cr7z","enterActive":"bottom-sheet__enterActive_1cr7z","enterDone":"bottom-sheet__enterDone_1cr7z","appearDone":"bottom-sheet__appearDone_1cr7z","exit":"bottom-sheet__exit_1cr7z","exitActive":"bottom-sheet__exitActive_1cr7z","safeAreaBottom":"bottom-sheet__safeAreaBottom_1cr7z","background-accent":"bottom-sheet__background-accent_1cr7z","background-info":"bottom-sheet__background-info_1cr7z","background-attention-muted":"bottom-sheet__background-attention-muted_1cr7z","background-positive-muted":"bottom-sheet__background-positive-muted_1cr7z","background-negative-muted":"bottom-sheet__background-negative-muted_1cr7z","background-primary":"bottom-sheet__background-primary_1cr7z","background-primary-inverted":"bottom-sheet__background-primary-inverted_1cr7z","background-secondary":"bottom-sheet__background-secondary_1cr7z","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1cr7z","background-tertiary":"bottom-sheet__background-tertiary_1cr7z","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1cr7z","background-quaternary":"bottom-sheet__background-quaternary_1cr7z","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1cr7z","background-specialbg-component":"bottom-sheet__background-specialbg-component_1cr7z","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1cr7z","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1cr7z","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1cr7z","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1cr7z","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1cr7z","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1cr7z","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1cr7z","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1cr7z"};
27
27
  require('./index.css')
28
28
 
29
29
  var isNil = coreComponentsShared.fnUtils.isNil;
@@ -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 = {"footer":"bottom-sheet__footer_ffvh5","sticky":"bottom-sheet__sticky_ffvh5","highlighted":"bottom-sheet__highlighted_ffvh5","background-accent":"bottom-sheet__background-accent_ffvh5","background-info":"bottom-sheet__background-info_ffvh5","background-attention-muted":"bottom-sheet__background-attention-muted_ffvh5","background-positive-muted":"bottom-sheet__background-positive-muted_ffvh5","background-negative-muted":"bottom-sheet__background-negative-muted_ffvh5","background-primary":"bottom-sheet__background-primary_ffvh5","background-primary-inverted":"bottom-sheet__background-primary-inverted_ffvh5","background-secondary":"bottom-sheet__background-secondary_ffvh5","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_ffvh5","background-tertiary":"bottom-sheet__background-tertiary_ffvh5","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_ffvh5","background-quaternary":"bottom-sheet__background-quaternary_ffvh5","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_ffvh5","background-specialbg-component":"bottom-sheet__background-specialbg-component_ffvh5","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_ffvh5","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_ffvh5","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_ffvh5","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_ffvh5","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_ffvh5","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_ffvh5","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_ffvh5","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_ffvh5"};
14
+ var styles = {"footer":"bottom-sheet__footer_12hy0","sticky":"bottom-sheet__sticky_12hy0","highlighted":"bottom-sheet__highlighted_12hy0","background-accent":"bottom-sheet__background-accent_12hy0","background-info":"bottom-sheet__background-info_12hy0","background-attention-muted":"bottom-sheet__background-attention-muted_12hy0","background-positive-muted":"bottom-sheet__background-positive-muted_12hy0","background-negative-muted":"bottom-sheet__background-negative-muted_12hy0","background-primary":"bottom-sheet__background-primary_12hy0","background-primary-inverted":"bottom-sheet__background-primary-inverted_12hy0","background-secondary":"bottom-sheet__background-secondary_12hy0","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_12hy0","background-tertiary":"bottom-sheet__background-tertiary_12hy0","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_12hy0","background-quaternary":"bottom-sheet__background-quaternary_12hy0","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_12hy0","background-specialbg-component":"bottom-sheet__background-specialbg-component_12hy0","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_12hy0","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_12hy0","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_12hy0","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_12hy0","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_12hy0","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_12hy0","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_12hy0","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_12hy0"};
15
15
  require('./index.css')
16
16
 
17
17
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 18vez */
1
+ /* hash: b1e8o */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -41,6 +41,7 @@
41
41
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
42
42
 
43
43
  /* новые значения, используйте их */
44
+ --gap-0: 0;
44
45
  --gap-16: var(--gap-m);
45
46
  } :root {
46
47
  } :root {
@@ -51,58 +52,58 @@
51
52
  /* footer */
52
53
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
53
54
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
54
- } .bottom-sheet__footer_ffvh5 {
55
+ } .bottom-sheet__footer_12hy0 {
55
56
  padding: var(--gap-16) var(--gap-16);
56
57
  background-color: var(--color-light-modal-bg-primary);
57
- } .bottom-sheet__sticky_ffvh5 {
58
+ } .bottom-sheet__sticky_12hy0 {
58
59
  position: sticky;
59
- bottom: 0;
60
+ bottom: var(--gap-0);
60
61
  z-index: 1;
61
- } .bottom-sheet__highlighted_ffvh5 {
62
+ } .bottom-sheet__highlighted_12hy0 {
62
63
  border-top: var(--bottom-sheet-footer-border-top);
63
64
  background-color: var(--bottom-sheet-footer-background-color);
64
- } .bottom-sheet__background-accent_ffvh5 {
65
+ } .bottom-sheet__background-accent_12hy0 {
65
66
  background-color: var(--color-light-bg-accent);
66
- } .bottom-sheet__background-info_ffvh5 {
67
+ } .bottom-sheet__background-info_12hy0 {
67
68
  background-color: var(--color-light-bg-info);
68
- } .bottom-sheet__background-attention-muted_ffvh5 {
69
+ } .bottom-sheet__background-attention-muted_12hy0 {
69
70
  background-color: var(--color-light-bg-attention-muted);
70
- } .bottom-sheet__background-positive-muted_ffvh5 {
71
+ } .bottom-sheet__background-positive-muted_12hy0 {
71
72
  background-color: var(--color-light-bg-positive-muted);
72
- } .bottom-sheet__background-negative-muted_ffvh5 {
73
+ } .bottom-sheet__background-negative-muted_12hy0 {
73
74
  background-color: var(--color-light-bg-negative-muted);
74
- } .bottom-sheet__background-primary_ffvh5 {
75
+ } .bottom-sheet__background-primary_12hy0 {
75
76
  background-color: var(--color-light-bg-primary);
76
- } .bottom-sheet__background-primary-inverted_ffvh5 {
77
+ } .bottom-sheet__background-primary-inverted_12hy0 {
77
78
  background-color: var(--color-light-bg-primary-inverted);
78
- } .bottom-sheet__background-secondary_ffvh5 {
79
+ } .bottom-sheet__background-secondary_12hy0 {
79
80
  background-color: var(--color-light-bg-secondary);
80
- } .bottom-sheet__background-secondary-inverted_ffvh5 {
81
+ } .bottom-sheet__background-secondary-inverted_12hy0 {
81
82
  background-color: var(--color-light-bg-secondary-inverted);
82
- } .bottom-sheet__background-tertiary_ffvh5 {
83
+ } .bottom-sheet__background-tertiary_12hy0 {
83
84
  background-color: var(--color-light-bg-tertiary);
84
- } .bottom-sheet__background-tertiary-inverted_ffvh5 {
85
+ } .bottom-sheet__background-tertiary-inverted_12hy0 {
85
86
  background-color: var(--color-light-bg-tertiary-inverted);
86
- } .bottom-sheet__background-quaternary_ffvh5 {
87
+ } .bottom-sheet__background-quaternary_12hy0 {
87
88
  background-color: var(--color-light-bg-quaternary);
88
- } .bottom-sheet__background-quaternary-inverted_ffvh5 {
89
+ } .bottom-sheet__background-quaternary-inverted_12hy0 {
89
90
  background-color: var(--color-light-bg-quaternary-inverted);
90
- } .bottom-sheet__background-specialbg-component_ffvh5 {
91
+ } .bottom-sheet__background-specialbg-component_12hy0 {
91
92
  background-color: var(--color-light-specialbg-component);
92
- } .bottom-sheet__background-specialbg-component-inverted_ffvh5 {
93
+ } .bottom-sheet__background-specialbg-component-inverted_12hy0 {
93
94
  background-color: var(--color-light-specialbg-component-inverted);
94
- } .bottom-sheet__background-specialbg-primary-grouped_ffvh5 {
95
+ } .bottom-sheet__background-specialbg-primary-grouped_12hy0 {
95
96
  background-color: var(--color-light-specialbg-primary-grouped);
96
- } .bottom-sheet__background-specialbg-secondary-grouped_ffvh5 {
97
+ } .bottom-sheet__background-specialbg-secondary-grouped_12hy0 {
97
98
  background-color: var(--color-light-specialbg-secondary-grouped);
98
- } .bottom-sheet__background-specialbg-tertiary-grouped_ffvh5 {
99
+ } .bottom-sheet__background-specialbg-tertiary-grouped_12hy0 {
99
100
  background-color: var(--color-light-specialbg-tertiary-grouped);
100
- } .bottom-sheet__background-specialbg-secondary-transparent_ffvh5 {
101
+ } .bottom-sheet__background-specialbg-secondary-transparent_12hy0 {
101
102
  background-color: var(--color-light-specialbg-secondary-transparent);
102
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_ffvh5 {
103
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_12hy0 {
103
104
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
104
- } .bottom-sheet__background-specialbg-tertiary-transparent_ffvh5 {
105
+ } .bottom-sheet__background-specialbg-tertiary-transparent_12hy0 {
105
106
  background-color: var(--color-light-specialbg-tertiary-transparent);
106
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_ffvh5 {
107
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_12hy0 {
107
108
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
108
109
  }
@@ -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 = {"headerWrapper":"bottom-sheet__headerWrapper_c0279","hasContent":"bottom-sheet__hasContent_c0279","header":"bottom-sheet__header_c0279","sticky":"bottom-sheet__sticky_c0279","highlighted":"bottom-sheet__highlighted_c0279","justifyEnd":"bottom-sheet__justifyEnd_c0279","addon":"bottom-sheet__addon_c0279","addonFixed":"bottom-sheet__addonFixed_c0279","title":"bottom-sheet__title_c0279","titleCenter":"bottom-sheet__titleCenter_c0279","titleLeft":"bottom-sheet__titleLeft_c0279","trimTitle":"bottom-sheet__trimTitle_c0279"};
16
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_2vmkz","hasContent":"bottom-sheet__hasContent_2vmkz","header":"bottom-sheet__header_2vmkz","sticky":"bottom-sheet__sticky_2vmkz","highlighted":"bottom-sheet__highlighted_2vmkz","justifyEnd":"bottom-sheet__justifyEnd_2vmkz","addon":"bottom-sheet__addon_2vmkz","addonFixed":"bottom-sheet__addonFixed_2vmkz","title":"bottom-sheet__title_2vmkz","titleCenter":"bottom-sheet__titleCenter_2vmkz","titleLeft":"bottom-sheet__titleLeft_2vmkz","trimTitle":"bottom-sheet__trimTitle_2vmkz"};
17
17
  require('./index.css')
18
18
 
19
19
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: h2imv */
1
+ /* hash: by2mg */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,6 +20,7 @@
20
20
  --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-0: 0;
23
24
  --gap-4: var(--gap-2xs);
24
25
  --gap-8: var(--gap-xs);
25
26
  --gap-12: var(--gap-s);
@@ -37,42 +38,42 @@
37
38
  --bottom-sheet-title-font-family: var(--font-family-system);
38
39
 
39
40
  /* footer */
40
- } .bottom-sheet__headerWrapper_c0279 {
41
+ } .bottom-sheet__headerWrapper_2vmkz {
41
42
  padding: var(--gap-12) var(--gap-8) var(--gap-4);
42
43
  border-top-left-radius: inherit;
43
44
  border-top-right-radius: inherit;
44
45
  z-index: 1;
45
- } .bottom-sheet__hasContent_c0279 {
46
+ } .bottom-sheet__hasContent_2vmkz {
46
47
  background-color: inherit;
47
- } .bottom-sheet__header_c0279 {
48
+ } .bottom-sheet__header_2vmkz {
48
49
  display: flex;
49
- } .bottom-sheet__sticky_c0279 {
50
+ } .bottom-sheet__sticky_2vmkz {
50
51
  position: sticky;
51
- top: 0;
52
- } .bottom-sheet__highlighted_c0279 {
52
+ top: var(--gap-0);
53
+ } .bottom-sheet__highlighted_2vmkz {
53
54
  border-bottom: var(--bottom-sheet-header-border-bottom);
54
- } .bottom-sheet__justifyEnd_c0279 {
55
+ } .bottom-sheet__justifyEnd_2vmkz {
55
56
  justify-content: flex-end;
56
- } .bottom-sheet__addon_c0279 {
57
+ } .bottom-sheet__addon_2vmkz {
57
58
  display: flex;
58
59
  justify-content: center;
59
60
  align-items: center;
60
61
  min-width: 48px;
61
62
  height: 48px;
62
- } .bottom-sheet__addonFixed_c0279 {
63
+ } .bottom-sheet__addonFixed_2vmkz {
63
64
  position: fixed;
64
- } .bottom-sheet__title_c0279 {
65
+ } .bottom-sheet__title_2vmkz {
65
66
  padding: 10px var(--gap-8);
66
67
  width: 100%;
67
68
  font-size: var(--bottom-sheet-title-font-size);
68
69
  font-weight: var(--bottom-sheet-title-font-weight);
69
70
  line-height: var(--bottom-sheet-title-line-height);
70
71
  font-family: var(--bottom-sheet-title-font-family);
71
- } .bottom-sheet__titleCenter_c0279 {
72
+ } .bottom-sheet__titleCenter_2vmkz {
72
73
  text-align: center;
73
- } .bottom-sheet__titleLeft_c0279 {
74
+ } .bottom-sheet__titleLeft_2vmkz {
74
75
  text-align: left;
75
- } .bottom-sheet__trimTitle_c0279 {
76
+ } .bottom-sheet__trimTitle_2vmkz {
76
77
  white-space: nowrap;
77
78
  overflow: hidden;
78
79
  text-overflow: ellipsis;
@@ -40,6 +40,7 @@
40
40
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
41
41
 
42
42
  /* новые значения, используйте их */
43
+ --gap-0: 0;
43
44
  --gap-16: var(--gap-m);
44
45
  } :root {
45
46
  } :root {
@@ -55,7 +56,7 @@
55
56
  background-color: var(--color-light-modal-bg-primary);
56
57
  } .sticky {
57
58
  position: sticky;
58
- bottom: 0;
59
+ bottom: var(--gap-0);
59
60
  z-index: 1;
60
61
  } .highlighted {
61
62
  border-top: var(--bottom-sheet-footer-border-top);
@@ -19,6 +19,7 @@
19
19
  --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
20
 
21
21
  /* новые значения, используйте их */
22
+ --gap-0: 0;
22
23
  --gap-4: var(--gap-2xs);
23
24
  --gap-8: var(--gap-xs);
24
25
  --gap-12: var(--gap-s);
@@ -47,7 +48,7 @@
47
48
  display: flex;
48
49
  } .sticky {
49
50
  position: sticky;
50
- top: 0;
51
+ top: var(--gap-0);
51
52
  } .highlighted {
52
53
  border-bottom: var(--bottom-sheet-header-border-bottom);
53
54
  } .justifyEnd {
@@ -39,11 +39,14 @@
39
39
  --border-radius-xxl: 20px; /* deprecated */ /* deprecated */
40
40
 
41
41
  /* новые значения, используйте их */
42
+ --border-radius-16: var(--border-radius-xl);
43
+ --border-radius-20: var(--border-radius-xxl);
42
44
  } :root { /* deprecated */
43
45
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
44
46
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
45
47
 
46
48
  /* новые значения, используйте их */
49
+ --gap-0: 0;
47
50
  --gap-4: var(--gap-2xs);
48
51
  --gap-16: var(--gap-m);
49
52
  } :root {
@@ -51,14 +54,14 @@
51
54
  } :root {
52
55
  --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
53
56
  --bottom-sheet-out-transition: transform 0.3s ease;
54
- --bottom-sheet-top-radius: var(--border-radius-xl);
57
+ --bottom-sheet-top-radius: var(--border-radius-16);
55
58
  --bottom-sheet-shadow: none;
56
59
 
57
60
  /* header */
58
61
 
59
62
  /* footer */
60
63
  } .modal {
61
- bottom: 0;
64
+ bottom: var(--gap-0);
62
65
  width: 100%;
63
66
  max-width: 600px;
64
67
  pointer-events: none;
@@ -97,14 +100,14 @@
97
100
  } .marker {
98
101
  position: fixed;
99
102
  top: var(--gap-4);
100
- right: 0;
101
- left: 0;
103
+ right: var(--gap-0);
104
+ left: var(--gap-0);
102
105
  z-index: 1000;
103
106
  width: 36px;
104
- margin: 0 auto;
107
+ margin: var(--gap-0) auto;
105
108
  } .defaultMarker {
106
109
  height: 4px;
107
- border-radius: var(--border-radius-xxl);
110
+ border-radius: var(--border-radius-20);
108
111
  background-color: var(--color-light-neutral-translucent-300);
109
112
  } .content {
110
113
  position: relative;
@@ -112,7 +115,7 @@
112
115
  display: flex;
113
116
  flex-direction: column;
114
117
  flex: 1;
115
- padding: 0 var(--gap-16);
118
+ padding: var(--gap-0) var(--gap-16);
116
119
  color: var(--color-light-text-primary);
117
120
  background-color: inherit;
118
121
  border-radius: inherit;
package/esm/component.js CHANGED
@@ -13,7 +13,7 @@ import { horizontalDirections } from './consts/swipeConsts.js';
13
13
  import { useVisibleViewportSize } from './hooks/use-visualviewport-size.js';
14
14
  import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
15
15
 
16
- var styles = {"modal":"bottom-sheet__modal_3cuam","wrapper":"bottom-sheet__wrapper_3cuam","fullscreen":"bottom-sheet__fullscreen_3cuam","component":"bottom-sheet__component_3cuam","withTransition":"bottom-sheet__withTransition_3cuam","scrollableContainer":"bottom-sheet__scrollableContainer_3cuam","marker":"bottom-sheet__marker_3cuam","defaultMarker":"bottom-sheet__defaultMarker_3cuam","content":"bottom-sheet__content_3cuam","noHeader":"bottom-sheet__noHeader_3cuam","noFooter":"bottom-sheet__noFooter_3cuam","scrollLocked":"bottom-sheet__scrollLocked_3cuam","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_3cuam","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_3cuam","appear":"bottom-sheet__appear_3cuam","enter":"bottom-sheet__enter_3cuam","appearActive":"bottom-sheet__appearActive_3cuam","enterActive":"bottom-sheet__enterActive_3cuam","enterDone":"bottom-sheet__enterDone_3cuam","appearDone":"bottom-sheet__appearDone_3cuam","exit":"bottom-sheet__exit_3cuam","exitActive":"bottom-sheet__exitActive_3cuam","safeAreaBottom":"bottom-sheet__safeAreaBottom_3cuam","background-accent":"bottom-sheet__background-accent_3cuam","background-info":"bottom-sheet__background-info_3cuam","background-attention-muted":"bottom-sheet__background-attention-muted_3cuam","background-positive-muted":"bottom-sheet__background-positive-muted_3cuam","background-negative-muted":"bottom-sheet__background-negative-muted_3cuam","background-primary":"bottom-sheet__background-primary_3cuam","background-primary-inverted":"bottom-sheet__background-primary-inverted_3cuam","background-secondary":"bottom-sheet__background-secondary_3cuam","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_3cuam","background-tertiary":"bottom-sheet__background-tertiary_3cuam","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_3cuam","background-quaternary":"bottom-sheet__background-quaternary_3cuam","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_3cuam","background-specialbg-component":"bottom-sheet__background-specialbg-component_3cuam","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_3cuam","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_3cuam","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_3cuam","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_3cuam","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_3cuam","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_3cuam","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_3cuam","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_3cuam"};
16
+ var styles = {"modal":"bottom-sheet__modal_1cr7z","wrapper":"bottom-sheet__wrapper_1cr7z","fullscreen":"bottom-sheet__fullscreen_1cr7z","component":"bottom-sheet__component_1cr7z","withTransition":"bottom-sheet__withTransition_1cr7z","scrollableContainer":"bottom-sheet__scrollableContainer_1cr7z","marker":"bottom-sheet__marker_1cr7z","defaultMarker":"bottom-sheet__defaultMarker_1cr7z","content":"bottom-sheet__content_1cr7z","noHeader":"bottom-sheet__noHeader_1cr7z","noFooter":"bottom-sheet__noFooter_1cr7z","scrollLocked":"bottom-sheet__scrollLocked_1cr7z","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1cr7z","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1cr7z","appear":"bottom-sheet__appear_1cr7z","enter":"bottom-sheet__enter_1cr7z","appearActive":"bottom-sheet__appearActive_1cr7z","enterActive":"bottom-sheet__enterActive_1cr7z","enterDone":"bottom-sheet__enterDone_1cr7z","appearDone":"bottom-sheet__appearDone_1cr7z","exit":"bottom-sheet__exit_1cr7z","exitActive":"bottom-sheet__exitActive_1cr7z","safeAreaBottom":"bottom-sheet__safeAreaBottom_1cr7z","background-accent":"bottom-sheet__background-accent_1cr7z","background-info":"bottom-sheet__background-info_1cr7z","background-attention-muted":"bottom-sheet__background-attention-muted_1cr7z","background-positive-muted":"bottom-sheet__background-positive-muted_1cr7z","background-negative-muted":"bottom-sheet__background-negative-muted_1cr7z","background-primary":"bottom-sheet__background-primary_1cr7z","background-primary-inverted":"bottom-sheet__background-primary-inverted_1cr7z","background-secondary":"bottom-sheet__background-secondary_1cr7z","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1cr7z","background-tertiary":"bottom-sheet__background-tertiary_1cr7z","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1cr7z","background-quaternary":"bottom-sheet__background-quaternary_1cr7z","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1cr7z","background-specialbg-component":"bottom-sheet__background-specialbg-component_1cr7z","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1cr7z","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1cr7z","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1cr7z","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1cr7z","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1cr7z","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1cr7z","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1cr7z","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1cr7z"};
17
17
  require('./index.css')
18
18
 
19
19
  var isNil = fnUtils.isNil;
@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
4
4
 
5
- var styles = {"footer":"bottom-sheet__footer_ffvh5","sticky":"bottom-sheet__sticky_ffvh5","highlighted":"bottom-sheet__highlighted_ffvh5","background-accent":"bottom-sheet__background-accent_ffvh5","background-info":"bottom-sheet__background-info_ffvh5","background-attention-muted":"bottom-sheet__background-attention-muted_ffvh5","background-positive-muted":"bottom-sheet__background-positive-muted_ffvh5","background-negative-muted":"bottom-sheet__background-negative-muted_ffvh5","background-primary":"bottom-sheet__background-primary_ffvh5","background-primary-inverted":"bottom-sheet__background-primary-inverted_ffvh5","background-secondary":"bottom-sheet__background-secondary_ffvh5","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_ffvh5","background-tertiary":"bottom-sheet__background-tertiary_ffvh5","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_ffvh5","background-quaternary":"bottom-sheet__background-quaternary_ffvh5","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_ffvh5","background-specialbg-component":"bottom-sheet__background-specialbg-component_ffvh5","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_ffvh5","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_ffvh5","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_ffvh5","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_ffvh5","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_ffvh5","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_ffvh5","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_ffvh5","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_ffvh5"};
5
+ var styles = {"footer":"bottom-sheet__footer_12hy0","sticky":"bottom-sheet__sticky_12hy0","highlighted":"bottom-sheet__highlighted_12hy0","background-accent":"bottom-sheet__background-accent_12hy0","background-info":"bottom-sheet__background-info_12hy0","background-attention-muted":"bottom-sheet__background-attention-muted_12hy0","background-positive-muted":"bottom-sheet__background-positive-muted_12hy0","background-negative-muted":"bottom-sheet__background-negative-muted_12hy0","background-primary":"bottom-sheet__background-primary_12hy0","background-primary-inverted":"bottom-sheet__background-primary-inverted_12hy0","background-secondary":"bottom-sheet__background-secondary_12hy0","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_12hy0","background-tertiary":"bottom-sheet__background-tertiary_12hy0","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_12hy0","background-quaternary":"bottom-sheet__background-quaternary_12hy0","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_12hy0","background-specialbg-component":"bottom-sheet__background-specialbg-component_12hy0","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_12hy0","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_12hy0","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_12hy0","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_12hy0","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_12hy0","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_12hy0","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_12hy0","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_12hy0"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 18vez */
1
+ /* hash: b1e8o */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -41,6 +41,7 @@
41
41
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
42
42
 
43
43
  /* новые значения, используйте их */
44
+ --gap-0: 0;
44
45
  --gap-16: var(--gap-m);
45
46
  } :root {
46
47
  } :root {
@@ -51,58 +52,58 @@
51
52
  /* footer */
52
53
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
53
54
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
54
- } .bottom-sheet__footer_ffvh5 {
55
+ } .bottom-sheet__footer_12hy0 {
55
56
  padding: var(--gap-16) var(--gap-16);
56
57
  background-color: var(--color-light-modal-bg-primary);
57
- } .bottom-sheet__sticky_ffvh5 {
58
+ } .bottom-sheet__sticky_12hy0 {
58
59
  position: sticky;
59
- bottom: 0;
60
+ bottom: var(--gap-0);
60
61
  z-index: 1;
61
- } .bottom-sheet__highlighted_ffvh5 {
62
+ } .bottom-sheet__highlighted_12hy0 {
62
63
  border-top: var(--bottom-sheet-footer-border-top);
63
64
  background-color: var(--bottom-sheet-footer-background-color);
64
- } .bottom-sheet__background-accent_ffvh5 {
65
+ } .bottom-sheet__background-accent_12hy0 {
65
66
  background-color: var(--color-light-bg-accent);
66
- } .bottom-sheet__background-info_ffvh5 {
67
+ } .bottom-sheet__background-info_12hy0 {
67
68
  background-color: var(--color-light-bg-info);
68
- } .bottom-sheet__background-attention-muted_ffvh5 {
69
+ } .bottom-sheet__background-attention-muted_12hy0 {
69
70
  background-color: var(--color-light-bg-attention-muted);
70
- } .bottom-sheet__background-positive-muted_ffvh5 {
71
+ } .bottom-sheet__background-positive-muted_12hy0 {
71
72
  background-color: var(--color-light-bg-positive-muted);
72
- } .bottom-sheet__background-negative-muted_ffvh5 {
73
+ } .bottom-sheet__background-negative-muted_12hy0 {
73
74
  background-color: var(--color-light-bg-negative-muted);
74
- } .bottom-sheet__background-primary_ffvh5 {
75
+ } .bottom-sheet__background-primary_12hy0 {
75
76
  background-color: var(--color-light-bg-primary);
76
- } .bottom-sheet__background-primary-inverted_ffvh5 {
77
+ } .bottom-sheet__background-primary-inverted_12hy0 {
77
78
  background-color: var(--color-light-bg-primary-inverted);
78
- } .bottom-sheet__background-secondary_ffvh5 {
79
+ } .bottom-sheet__background-secondary_12hy0 {
79
80
  background-color: var(--color-light-bg-secondary);
80
- } .bottom-sheet__background-secondary-inverted_ffvh5 {
81
+ } .bottom-sheet__background-secondary-inverted_12hy0 {
81
82
  background-color: var(--color-light-bg-secondary-inverted);
82
- } .bottom-sheet__background-tertiary_ffvh5 {
83
+ } .bottom-sheet__background-tertiary_12hy0 {
83
84
  background-color: var(--color-light-bg-tertiary);
84
- } .bottom-sheet__background-tertiary-inverted_ffvh5 {
85
+ } .bottom-sheet__background-tertiary-inverted_12hy0 {
85
86
  background-color: var(--color-light-bg-tertiary-inverted);
86
- } .bottom-sheet__background-quaternary_ffvh5 {
87
+ } .bottom-sheet__background-quaternary_12hy0 {
87
88
  background-color: var(--color-light-bg-quaternary);
88
- } .bottom-sheet__background-quaternary-inverted_ffvh5 {
89
+ } .bottom-sheet__background-quaternary-inverted_12hy0 {
89
90
  background-color: var(--color-light-bg-quaternary-inverted);
90
- } .bottom-sheet__background-specialbg-component_ffvh5 {
91
+ } .bottom-sheet__background-specialbg-component_12hy0 {
91
92
  background-color: var(--color-light-specialbg-component);
92
- } .bottom-sheet__background-specialbg-component-inverted_ffvh5 {
93
+ } .bottom-sheet__background-specialbg-component-inverted_12hy0 {
93
94
  background-color: var(--color-light-specialbg-component-inverted);
94
- } .bottom-sheet__background-specialbg-primary-grouped_ffvh5 {
95
+ } .bottom-sheet__background-specialbg-primary-grouped_12hy0 {
95
96
  background-color: var(--color-light-specialbg-primary-grouped);
96
- } .bottom-sheet__background-specialbg-secondary-grouped_ffvh5 {
97
+ } .bottom-sheet__background-specialbg-secondary-grouped_12hy0 {
97
98
  background-color: var(--color-light-specialbg-secondary-grouped);
98
- } .bottom-sheet__background-specialbg-tertiary-grouped_ffvh5 {
99
+ } .bottom-sheet__background-specialbg-tertiary-grouped_12hy0 {
99
100
  background-color: var(--color-light-specialbg-tertiary-grouped);
100
- } .bottom-sheet__background-specialbg-secondary-transparent_ffvh5 {
101
+ } .bottom-sheet__background-specialbg-secondary-transparent_12hy0 {
101
102
  background-color: var(--color-light-specialbg-secondary-transparent);
102
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_ffvh5 {
103
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_12hy0 {
103
104
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
104
- } .bottom-sheet__background-specialbg-tertiary-transparent_ffvh5 {
105
+ } .bottom-sheet__background-specialbg-tertiary-transparent_12hy0 {
105
106
  background-color: var(--color-light-specialbg-tertiary-transparent);
106
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_ffvh5 {
107
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_12hy0 {
107
108
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
108
109
  }
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
5
5
  import { NavigationBarPrivate } from '@alfalab/core-components-navigation-bar-private/esm';
6
6
 
7
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_c0279","hasContent":"bottom-sheet__hasContent_c0279","header":"bottom-sheet__header_c0279","sticky":"bottom-sheet__sticky_c0279","highlighted":"bottom-sheet__highlighted_c0279","justifyEnd":"bottom-sheet__justifyEnd_c0279","addon":"bottom-sheet__addon_c0279","addonFixed":"bottom-sheet__addonFixed_c0279","title":"bottom-sheet__title_c0279","titleCenter":"bottom-sheet__titleCenter_c0279","titleLeft":"bottom-sheet__titleLeft_c0279","trimTitle":"bottom-sheet__trimTitle_c0279"};
7
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_2vmkz","hasContent":"bottom-sheet__hasContent_2vmkz","header":"bottom-sheet__header_2vmkz","sticky":"bottom-sheet__sticky_2vmkz","highlighted":"bottom-sheet__highlighted_2vmkz","justifyEnd":"bottom-sheet__justifyEnd_2vmkz","addon":"bottom-sheet__addon_2vmkz","addonFixed":"bottom-sheet__addonFixed_2vmkz","title":"bottom-sheet__title_2vmkz","titleCenter":"bottom-sheet__titleCenter_2vmkz","titleLeft":"bottom-sheet__titleLeft_2vmkz","trimTitle":"bottom-sheet__trimTitle_2vmkz"};
8
8
  require('./index.css')
9
9
 
10
10
  var Header = function (_a) {