@alfalab/core-components-bottom-sheet 6.16.2 → 6.17.0

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 +21 -18
  6. package/cssm/components/footer/index.module.css +2 -1
  7. package/cssm/components/header/index.module.css +8 -5
  8. package/cssm/index.module.css +6 -4
  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 +21 -18
  14. package/esm/index.css +51 -49
  15. package/index.css +51 -49
  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 +21 -18
  21. package/modern/index.css +51 -49
  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 +6 -6
  53. package/src/components/footer/index.module.css +2 -2
  54. package/src/components/header/index.module.css +3 -3
  55. package/src/index.module.css +5 -5
  56. package/src/vars.css +4 -4
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_1r78m","wrapper":"bottom-sheet__wrapper_1r78m","fullscreen":"bottom-sheet__fullscreen_1r78m","component":"bottom-sheet__component_1r78m","withTransition":"bottom-sheet__withTransition_1r78m","scrollableContainer":"bottom-sheet__scrollableContainer_1r78m","marker":"bottom-sheet__marker_1r78m","defaultMarker":"bottom-sheet__defaultMarker_1r78m","content":"bottom-sheet__content_1r78m","noHeader":"bottom-sheet__noHeader_1r78m","noFooter":"bottom-sheet__noFooter_1r78m","scrollLocked":"bottom-sheet__scrollLocked_1r78m","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1r78m","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1r78m","appear":"bottom-sheet__appear_1r78m","enter":"bottom-sheet__enter_1r78m","appearActive":"bottom-sheet__appearActive_1r78m","enterActive":"bottom-sheet__enterActive_1r78m","enterDone":"bottom-sheet__enterDone_1r78m","appearDone":"bottom-sheet__appearDone_1r78m","exit":"bottom-sheet__exit_1r78m","exitActive":"bottom-sheet__exitActive_1r78m","safeAreaBottom":"bottom-sheet__safeAreaBottom_1r78m","background-accent":"bottom-sheet__background-accent_1r78m","background-info":"bottom-sheet__background-info_1r78m","background-attention-muted":"bottom-sheet__background-attention-muted_1r78m","background-positive-muted":"bottom-sheet__background-positive-muted_1r78m","background-negative-muted":"bottom-sheet__background-negative-muted_1r78m","background-primary":"bottom-sheet__background-primary_1r78m","background-primary-inverted":"bottom-sheet__background-primary-inverted_1r78m","background-secondary":"bottom-sheet__background-secondary_1r78m","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1r78m","background-tertiary":"bottom-sheet__background-tertiary_1r78m","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1r78m","background-quaternary":"bottom-sheet__background-quaternary_1r78m","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1r78m","background-specialbg-component":"bottom-sheet__background-specialbg-component_1r78m","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1r78m","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1r78m","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1r78m","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1r78m","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1r78m","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1r78m","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m"};
26
+ var styles = {"modal":"bottom-sheet__modal_1v6kv","wrapper":"bottom-sheet__wrapper_1v6kv","fullscreen":"bottom-sheet__fullscreen_1v6kv","component":"bottom-sheet__component_1v6kv","withTransition":"bottom-sheet__withTransition_1v6kv","scrollableContainer":"bottom-sheet__scrollableContainer_1v6kv","marker":"bottom-sheet__marker_1v6kv","defaultMarker":"bottom-sheet__defaultMarker_1v6kv","content":"bottom-sheet__content_1v6kv","noHeader":"bottom-sheet__noHeader_1v6kv","noFooter":"bottom-sheet__noFooter_1v6kv","scrollLocked":"bottom-sheet__scrollLocked_1v6kv","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1v6kv","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1v6kv","appear":"bottom-sheet__appear_1v6kv","enter":"bottom-sheet__enter_1v6kv","appearActive":"bottom-sheet__appearActive_1v6kv","enterActive":"bottom-sheet__enterActive_1v6kv","enterDone":"bottom-sheet__enterDone_1v6kv","appearDone":"bottom-sheet__appearDone_1v6kv","exit":"bottom-sheet__exit_1v6kv","exitActive":"bottom-sheet__exitActive_1v6kv","safeAreaBottom":"bottom-sheet__safeAreaBottom_1v6kv","background-accent":"bottom-sheet__background-accent_1v6kv","background-info":"bottom-sheet__background-info_1v6kv","background-attention-muted":"bottom-sheet__background-attention-muted_1v6kv","background-positive-muted":"bottom-sheet__background-positive-muted_1v6kv","background-negative-muted":"bottom-sheet__background-negative-muted_1v6kv","background-primary":"bottom-sheet__background-primary_1v6kv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1v6kv","background-secondary":"bottom-sheet__background-secondary_1v6kv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1v6kv","background-tertiary":"bottom-sheet__background-tertiary_1v6kv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1v6kv","background-quaternary":"bottom-sheet__background-quaternary_1v6kv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1v6kv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1v6kv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1v6kv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1v6kv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1v6kv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1v6kv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1v6kv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1v6kv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1v6kv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1v6kv"};
27
27
  require('./index.css')
28
28
 
29
29
  var isNil = coreComponentsShared.fnUtils.isNil;
package/components/footer/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 = {"footer":"bottom-sheet__footer_1g0bh","sticky":"bottom-sheet__sticky_1g0bh","highlighted":"bottom-sheet__highlighted_1g0bh","background-accent":"bottom-sheet__background-accent_1g0bh","background-info":"bottom-sheet__background-info_1g0bh","background-attention-muted":"bottom-sheet__background-attention-muted_1g0bh","background-positive-muted":"bottom-sheet__background-positive-muted_1g0bh","background-negative-muted":"bottom-sheet__background-negative-muted_1g0bh","background-primary":"bottom-sheet__background-primary_1g0bh","background-primary-inverted":"bottom-sheet__background-primary-inverted_1g0bh","background-secondary":"bottom-sheet__background-secondary_1g0bh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1g0bh","background-tertiary":"bottom-sheet__background-tertiary_1g0bh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1g0bh","background-quaternary":"bottom-sheet__background-quaternary_1g0bh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1g0bh","background-specialbg-component":"bottom-sheet__background-specialbg-component_1g0bh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1g0bh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1g0bh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1g0bh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1g0bh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1g0bh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1g0bh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1g0bh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1g0bh"};
14
+ var styles = {"footer":"bottom-sheet__footer_1mtdv","sticky":"bottom-sheet__sticky_1mtdv","highlighted":"bottom-sheet__highlighted_1mtdv","background-accent":"bottom-sheet__background-accent_1mtdv","background-info":"bottom-sheet__background-info_1mtdv","background-attention-muted":"bottom-sheet__background-attention-muted_1mtdv","background-positive-muted":"bottom-sheet__background-positive-muted_1mtdv","background-negative-muted":"bottom-sheet__background-negative-muted_1mtdv","background-primary":"bottom-sheet__background-primary_1mtdv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1mtdv","background-secondary":"bottom-sheet__background-secondary_1mtdv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1mtdv","background-tertiary":"bottom-sheet__background-tertiary_1mtdv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1mtdv","background-quaternary":"bottom-sheet__background-quaternary_1mtdv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1mtdv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1mtdv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1mtdv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1mtdv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1mtdv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1mtdv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1mtdv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1mtdv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1mtdv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1mtdv"};
15
15
  require('./index.css')
16
16
 
17
17
  var Footer = function (_a) {
package/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: fv9kv */
1
+ /* hash: 1tqlz */
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-16: var(--gap-m);
44
45
  } :root {
45
46
  } :root {
46
47
  } :root {
@@ -50,58 +51,58 @@
50
51
  /* footer */
51
52
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
52
53
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
53
- } .bottom-sheet__footer_1g0bh {
54
- padding: var(--gap-m) var(--gap-m);
54
+ } .bottom-sheet__footer_1mtdv {
55
+ padding: var(--gap-16) var(--gap-16);
55
56
  background-color: var(--color-light-modal-bg-primary);
56
- } .bottom-sheet__sticky_1g0bh {
57
+ } .bottom-sheet__sticky_1mtdv {
57
58
  position: sticky;
58
59
  bottom: 0;
59
60
  z-index: 1;
60
- } .bottom-sheet__highlighted_1g0bh {
61
+ } .bottom-sheet__highlighted_1mtdv {
61
62
  border-top: var(--bottom-sheet-footer-border-top);
62
63
  background-color: var(--bottom-sheet-footer-background-color);
63
- } .bottom-sheet__background-accent_1g0bh {
64
+ } .bottom-sheet__background-accent_1mtdv {
64
65
  background-color: var(--color-light-bg-accent);
65
- } .bottom-sheet__background-info_1g0bh {
66
+ } .bottom-sheet__background-info_1mtdv {
66
67
  background-color: var(--color-light-bg-info);
67
- } .bottom-sheet__background-attention-muted_1g0bh {
68
+ } .bottom-sheet__background-attention-muted_1mtdv {
68
69
  background-color: var(--color-light-bg-attention-muted);
69
- } .bottom-sheet__background-positive-muted_1g0bh {
70
+ } .bottom-sheet__background-positive-muted_1mtdv {
70
71
  background-color: var(--color-light-bg-positive-muted);
71
- } .bottom-sheet__background-negative-muted_1g0bh {
72
+ } .bottom-sheet__background-negative-muted_1mtdv {
72
73
  background-color: var(--color-light-bg-negative-muted);
73
- } .bottom-sheet__background-primary_1g0bh {
74
+ } .bottom-sheet__background-primary_1mtdv {
74
75
  background-color: var(--color-light-bg-primary);
75
- } .bottom-sheet__background-primary-inverted_1g0bh {
76
+ } .bottom-sheet__background-primary-inverted_1mtdv {
76
77
  background-color: var(--color-light-bg-primary-inverted);
77
- } .bottom-sheet__background-secondary_1g0bh {
78
+ } .bottom-sheet__background-secondary_1mtdv {
78
79
  background-color: var(--color-light-bg-secondary);
79
- } .bottom-sheet__background-secondary-inverted_1g0bh {
80
+ } .bottom-sheet__background-secondary-inverted_1mtdv {
80
81
  background-color: var(--color-light-bg-secondary-inverted);
81
- } .bottom-sheet__background-tertiary_1g0bh {
82
+ } .bottom-sheet__background-tertiary_1mtdv {
82
83
  background-color: var(--color-light-bg-tertiary);
83
- } .bottom-sheet__background-tertiary-inverted_1g0bh {
84
+ } .bottom-sheet__background-tertiary-inverted_1mtdv {
84
85
  background-color: var(--color-light-bg-tertiary-inverted);
85
- } .bottom-sheet__background-quaternary_1g0bh {
86
+ } .bottom-sheet__background-quaternary_1mtdv {
86
87
  background-color: var(--color-light-bg-quaternary);
87
- } .bottom-sheet__background-quaternary-inverted_1g0bh {
88
+ } .bottom-sheet__background-quaternary-inverted_1mtdv {
88
89
  background-color: var(--color-light-bg-quaternary-inverted);
89
- } .bottom-sheet__background-specialbg-component_1g0bh {
90
+ } .bottom-sheet__background-specialbg-component_1mtdv {
90
91
  background-color: var(--color-light-specialbg-component);
91
- } .bottom-sheet__background-specialbg-component-inverted_1g0bh {
92
+ } .bottom-sheet__background-specialbg-component-inverted_1mtdv {
92
93
  background-color: var(--color-light-specialbg-component-inverted);
93
- } .bottom-sheet__background-specialbg-primary-grouped_1g0bh {
94
+ } .bottom-sheet__background-specialbg-primary-grouped_1mtdv {
94
95
  background-color: var(--color-light-specialbg-primary-grouped);
95
- } .bottom-sheet__background-specialbg-secondary-grouped_1g0bh {
96
+ } .bottom-sheet__background-specialbg-secondary-grouped_1mtdv {
96
97
  background-color: var(--color-light-specialbg-secondary-grouped);
97
- } .bottom-sheet__background-specialbg-tertiary-grouped_1g0bh {
98
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1mtdv {
98
99
  background-color: var(--color-light-specialbg-tertiary-grouped);
99
- } .bottom-sheet__background-specialbg-secondary-transparent_1g0bh {
100
+ } .bottom-sheet__background-specialbg-secondary-transparent_1mtdv {
100
101
  background-color: var(--color-light-specialbg-secondary-transparent);
101
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1g0bh {
102
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1mtdv {
102
103
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
103
- } .bottom-sheet__background-specialbg-tertiary-transparent_1g0bh {
104
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1mtdv {
104
105
  background-color: var(--color-light-specialbg-tertiary-transparent);
105
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1g0bh {
106
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1mtdv {
106
107
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
107
108
  }
package/components/header/Component.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_iayhz","hasContent":"bottom-sheet__hasContent_iayhz","header":"bottom-sheet__header_iayhz","sticky":"bottom-sheet__sticky_iayhz","highlighted":"bottom-sheet__highlighted_iayhz","justifyEnd":"bottom-sheet__justifyEnd_iayhz","addon":"bottom-sheet__addon_iayhz","addonFixed":"bottom-sheet__addonFixed_iayhz","title":"bottom-sheet__title_iayhz","titleCenter":"bottom-sheet__titleCenter_iayhz","titleLeft":"bottom-sheet__titleLeft_iayhz","trimTitle":"bottom-sheet__trimTitle_iayhz"};
16
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_7upw5","hasContent":"bottom-sheet__hasContent_7upw5","header":"bottom-sheet__header_7upw5","sticky":"bottom-sheet__sticky_7upw5","highlighted":"bottom-sheet__highlighted_7upw5","justifyEnd":"bottom-sheet__justifyEnd_7upw5","addon":"bottom-sheet__addon_7upw5","addonFixed":"bottom-sheet__addonFixed_7upw5","title":"bottom-sheet__title_7upw5","titleCenter":"bottom-sheet__titleCenter_7upw5","titleLeft":"bottom-sheet__titleLeft_7upw5","trimTitle":"bottom-sheet__trimTitle_7upw5"};
17
17
  require('./index.css')
18
18
 
19
19
  var Header = function (_a) {
package/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: grxyn */
1
+ /* hash: 11xpm */
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,9 @@
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-4: var(--gap-2xs);
24
+ --gap-8: var(--gap-xs);
25
+ --gap-12: var(--gap-s);
23
26
  } :root {
24
27
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
25
28
  sans-serif;
@@ -28,48 +31,48 @@
28
31
 
29
32
  /* header */
30
33
  --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
31
- --bottom-sheet-title-font-size: 18px;
32
- --bottom-sheet-title-font-weight: 700;
33
- --bottom-sheet-title-line-height: 24px;
34
+ --bottom-sheet-title-font-size: 20px;
35
+ --bottom-sheet-title-font-weight: 600;
36
+ --bottom-sheet-title-line-height: 28px;
34
37
  --bottom-sheet-title-font-family: var(--font-family-system);
35
38
 
36
39
  /* footer */
37
- } .bottom-sheet__headerWrapper_iayhz {
38
- padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
40
+ } .bottom-sheet__headerWrapper_7upw5 {
41
+ padding: var(--gap-12) var(--gap-8) var(--gap-4);
39
42
  border-top-left-radius: inherit;
40
43
  border-top-right-radius: inherit;
41
44
  z-index: 1;
42
- } .bottom-sheet__hasContent_iayhz {
45
+ } .bottom-sheet__hasContent_7upw5 {
43
46
  background-color: inherit;
44
- } .bottom-sheet__header_iayhz {
47
+ } .bottom-sheet__header_7upw5 {
45
48
  display: flex;
46
- } .bottom-sheet__sticky_iayhz {
49
+ } .bottom-sheet__sticky_7upw5 {
47
50
  position: sticky;
48
51
  top: 0;
49
- } .bottom-sheet__highlighted_iayhz {
52
+ } .bottom-sheet__highlighted_7upw5 {
50
53
  border-bottom: var(--bottom-sheet-header-border-bottom);
51
- } .bottom-sheet__justifyEnd_iayhz {
54
+ } .bottom-sheet__justifyEnd_7upw5 {
52
55
  justify-content: flex-end;
53
- } .bottom-sheet__addon_iayhz {
56
+ } .bottom-sheet__addon_7upw5 {
54
57
  display: flex;
55
58
  justify-content: center;
56
59
  align-items: center;
57
60
  min-width: 48px;
58
61
  height: 48px;
59
- } .bottom-sheet__addonFixed_iayhz {
62
+ } .bottom-sheet__addonFixed_7upw5 {
60
63
  position: fixed;
61
- } .bottom-sheet__title_iayhz {
62
- padding: var(--gap-s) var(--gap-xs);
64
+ } .bottom-sheet__title_7upw5 {
65
+ padding: 10px var(--gap-8);
63
66
  width: 100%;
64
67
  font-size: var(--bottom-sheet-title-font-size);
65
68
  font-weight: var(--bottom-sheet-title-font-weight);
66
69
  line-height: var(--bottom-sheet-title-line-height);
67
70
  font-family: var(--bottom-sheet-title-font-family);
68
- } .bottom-sheet__titleCenter_iayhz {
71
+ } .bottom-sheet__titleCenter_7upw5 {
69
72
  text-align: center;
70
- } .bottom-sheet__titleLeft_iayhz {
73
+ } .bottom-sheet__titleLeft_7upw5 {
71
74
  text-align: left;
72
- } .bottom-sheet__trimTitle_iayhz {
75
+ } .bottom-sheet__trimTitle_7upw5 {
73
76
  white-space: nowrap;
74
77
  overflow: hidden;
75
78
  text-overflow: ellipsis;
package/cssm/components/footer/index.module.css CHANGED
@@ -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-16: var(--gap-m);
43
44
  } :root {
44
45
  } :root {
45
46
  } :root {
@@ -50,7 +51,7 @@
50
51
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
51
52
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
52
53
  } .footer {
53
- padding: var(--gap-m) var(--gap-m);
54
+ padding: var(--gap-16) var(--gap-16);
54
55
  background-color: var(--color-light-modal-bg-primary);
55
56
  } .sticky {
56
57
  position: sticky;
package/cssm/components/header/index.module.css CHANGED
@@ -19,6 +19,9 @@
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-4: var(--gap-2xs);
23
+ --gap-8: var(--gap-xs);
24
+ --gap-12: var(--gap-s);
22
25
  } :root {
23
26
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
24
27
  sans-serif;
@@ -27,14 +30,14 @@
27
30
 
28
31
  /* header */
29
32
  --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
30
- --bottom-sheet-title-font-size: 18px;
31
- --bottom-sheet-title-font-weight: 700;
32
- --bottom-sheet-title-line-height: 24px;
33
+ --bottom-sheet-title-font-size: 20px;
34
+ --bottom-sheet-title-font-weight: 600;
35
+ --bottom-sheet-title-line-height: 28px;
33
36
  --bottom-sheet-title-font-family: var(--font-family-system);
34
37
 
35
38
  /* footer */
36
39
  } .headerWrapper {
37
- padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
40
+ padding: var(--gap-12) var(--gap-8) var(--gap-4);
38
41
  border-top-left-radius: inherit;
39
42
  border-top-right-radius: inherit;
40
43
  z-index: 1;
@@ -58,7 +61,7 @@
58
61
  } .addonFixed {
59
62
  position: fixed;
60
63
  } .title {
61
- padding: var(--gap-s) var(--gap-xs);
64
+ padding: 10px var(--gap-8);
62
65
  width: 100%;
63
66
  font-size: var(--bottom-sheet-title-font-size);
64
67
  font-weight: var(--bottom-sheet-title-font-weight);
package/cssm/index.module.css CHANGED
@@ -44,6 +44,8 @@
44
44
  --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
45
 
46
46
  /* новые значения, используйте их */
47
+ --gap-4: var(--gap-2xs);
48
+ --gap-16: var(--gap-m);
47
49
  } :root {
48
50
  } :root {
49
51
  } :root {
@@ -94,7 +96,7 @@
94
96
  overscroll-behavior: contain;
95
97
  } .marker {
96
98
  position: fixed;
97
- top: var(--gap-2xs);
99
+ top: var(--gap-4);
98
100
  right: 0;
99
101
  left: 0;
100
102
  z-index: 1000;
@@ -110,14 +112,14 @@
110
112
  display: flex;
111
113
  flex-direction: column;
112
114
  flex: 1;
113
- padding: 0 var(--gap-m);
115
+ padding: 0 var(--gap-16);
114
116
  color: var(--color-light-text-primary);
115
117
  background-color: inherit;
116
118
  border-radius: inherit;
117
119
  } .noHeader {
118
- padding-top: var(--gap-m);
120
+ padding-top: var(--gap-16);
119
121
  } .noFooter {
120
- padding-bottom: var(--gap-m);
122
+ padding-bottom: var(--gap-16);
121
123
  } .scrollLocked {
122
124
  overflow: hidden;
123
125
  } .hiddenScrollbar {
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_1r78m","wrapper":"bottom-sheet__wrapper_1r78m","fullscreen":"bottom-sheet__fullscreen_1r78m","component":"bottom-sheet__component_1r78m","withTransition":"bottom-sheet__withTransition_1r78m","scrollableContainer":"bottom-sheet__scrollableContainer_1r78m","marker":"bottom-sheet__marker_1r78m","defaultMarker":"bottom-sheet__defaultMarker_1r78m","content":"bottom-sheet__content_1r78m","noHeader":"bottom-sheet__noHeader_1r78m","noFooter":"bottom-sheet__noFooter_1r78m","scrollLocked":"bottom-sheet__scrollLocked_1r78m","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1r78m","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1r78m","appear":"bottom-sheet__appear_1r78m","enter":"bottom-sheet__enter_1r78m","appearActive":"bottom-sheet__appearActive_1r78m","enterActive":"bottom-sheet__enterActive_1r78m","enterDone":"bottom-sheet__enterDone_1r78m","appearDone":"bottom-sheet__appearDone_1r78m","exit":"bottom-sheet__exit_1r78m","exitActive":"bottom-sheet__exitActive_1r78m","safeAreaBottom":"bottom-sheet__safeAreaBottom_1r78m","background-accent":"bottom-sheet__background-accent_1r78m","background-info":"bottom-sheet__background-info_1r78m","background-attention-muted":"bottom-sheet__background-attention-muted_1r78m","background-positive-muted":"bottom-sheet__background-positive-muted_1r78m","background-negative-muted":"bottom-sheet__background-negative-muted_1r78m","background-primary":"bottom-sheet__background-primary_1r78m","background-primary-inverted":"bottom-sheet__background-primary-inverted_1r78m","background-secondary":"bottom-sheet__background-secondary_1r78m","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1r78m","background-tertiary":"bottom-sheet__background-tertiary_1r78m","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1r78m","background-quaternary":"bottom-sheet__background-quaternary_1r78m","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1r78m","background-specialbg-component":"bottom-sheet__background-specialbg-component_1r78m","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1r78m","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1r78m","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1r78m","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1r78m","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1r78m","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1r78m","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m"};
16
+ var styles = {"modal":"bottom-sheet__modal_1v6kv","wrapper":"bottom-sheet__wrapper_1v6kv","fullscreen":"bottom-sheet__fullscreen_1v6kv","component":"bottom-sheet__component_1v6kv","withTransition":"bottom-sheet__withTransition_1v6kv","scrollableContainer":"bottom-sheet__scrollableContainer_1v6kv","marker":"bottom-sheet__marker_1v6kv","defaultMarker":"bottom-sheet__defaultMarker_1v6kv","content":"bottom-sheet__content_1v6kv","noHeader":"bottom-sheet__noHeader_1v6kv","noFooter":"bottom-sheet__noFooter_1v6kv","scrollLocked":"bottom-sheet__scrollLocked_1v6kv","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1v6kv","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1v6kv","appear":"bottom-sheet__appear_1v6kv","enter":"bottom-sheet__enter_1v6kv","appearActive":"bottom-sheet__appearActive_1v6kv","enterActive":"bottom-sheet__enterActive_1v6kv","enterDone":"bottom-sheet__enterDone_1v6kv","appearDone":"bottom-sheet__appearDone_1v6kv","exit":"bottom-sheet__exit_1v6kv","exitActive":"bottom-sheet__exitActive_1v6kv","safeAreaBottom":"bottom-sheet__safeAreaBottom_1v6kv","background-accent":"bottom-sheet__background-accent_1v6kv","background-info":"bottom-sheet__background-info_1v6kv","background-attention-muted":"bottom-sheet__background-attention-muted_1v6kv","background-positive-muted":"bottom-sheet__background-positive-muted_1v6kv","background-negative-muted":"bottom-sheet__background-negative-muted_1v6kv","background-primary":"bottom-sheet__background-primary_1v6kv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1v6kv","background-secondary":"bottom-sheet__background-secondary_1v6kv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1v6kv","background-tertiary":"bottom-sheet__background-tertiary_1v6kv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1v6kv","background-quaternary":"bottom-sheet__background-quaternary_1v6kv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1v6kv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1v6kv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1v6kv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1v6kv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1v6kv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1v6kv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1v6kv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1v6kv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1v6kv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1v6kv"};
17
17
  require('./index.css')
18
18
 
19
19
  var isNil = fnUtils.isNil;
package/esm/components/footer/Component.js CHANGED
@@ -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_1g0bh","sticky":"bottom-sheet__sticky_1g0bh","highlighted":"bottom-sheet__highlighted_1g0bh","background-accent":"bottom-sheet__background-accent_1g0bh","background-info":"bottom-sheet__background-info_1g0bh","background-attention-muted":"bottom-sheet__background-attention-muted_1g0bh","background-positive-muted":"bottom-sheet__background-positive-muted_1g0bh","background-negative-muted":"bottom-sheet__background-negative-muted_1g0bh","background-primary":"bottom-sheet__background-primary_1g0bh","background-primary-inverted":"bottom-sheet__background-primary-inverted_1g0bh","background-secondary":"bottom-sheet__background-secondary_1g0bh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1g0bh","background-tertiary":"bottom-sheet__background-tertiary_1g0bh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1g0bh","background-quaternary":"bottom-sheet__background-quaternary_1g0bh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1g0bh","background-specialbg-component":"bottom-sheet__background-specialbg-component_1g0bh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1g0bh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1g0bh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1g0bh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1g0bh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1g0bh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1g0bh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1g0bh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1g0bh"};
5
+ var styles = {"footer":"bottom-sheet__footer_1mtdv","sticky":"bottom-sheet__sticky_1mtdv","highlighted":"bottom-sheet__highlighted_1mtdv","background-accent":"bottom-sheet__background-accent_1mtdv","background-info":"bottom-sheet__background-info_1mtdv","background-attention-muted":"bottom-sheet__background-attention-muted_1mtdv","background-positive-muted":"bottom-sheet__background-positive-muted_1mtdv","background-negative-muted":"bottom-sheet__background-negative-muted_1mtdv","background-primary":"bottom-sheet__background-primary_1mtdv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1mtdv","background-secondary":"bottom-sheet__background-secondary_1mtdv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1mtdv","background-tertiary":"bottom-sheet__background-tertiary_1mtdv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1mtdv","background-quaternary":"bottom-sheet__background-quaternary_1mtdv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1mtdv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1mtdv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1mtdv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1mtdv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1mtdv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1mtdv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1mtdv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1mtdv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1mtdv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1mtdv"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
package/esm/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: fv9kv */
1
+ /* hash: 1tqlz */
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-16: var(--gap-m);
44
45
  } :root {
45
46
  } :root {
46
47
  } :root {
@@ -50,58 +51,58 @@
50
51
  /* footer */
51
52
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
52
53
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
53
- } .bottom-sheet__footer_1g0bh {
54
- padding: var(--gap-m) var(--gap-m);
54
+ } .bottom-sheet__footer_1mtdv {
55
+ padding: var(--gap-16) var(--gap-16);
55
56
  background-color: var(--color-light-modal-bg-primary);
56
- } .bottom-sheet__sticky_1g0bh {
57
+ } .bottom-sheet__sticky_1mtdv {
57
58
  position: sticky;
58
59
  bottom: 0;
59
60
  z-index: 1;
60
- } .bottom-sheet__highlighted_1g0bh {
61
+ } .bottom-sheet__highlighted_1mtdv {
61
62
  border-top: var(--bottom-sheet-footer-border-top);
62
63
  background-color: var(--bottom-sheet-footer-background-color);
63
- } .bottom-sheet__background-accent_1g0bh {
64
+ } .bottom-sheet__background-accent_1mtdv {
64
65
  background-color: var(--color-light-bg-accent);
65
- } .bottom-sheet__background-info_1g0bh {
66
+ } .bottom-sheet__background-info_1mtdv {
66
67
  background-color: var(--color-light-bg-info);
67
- } .bottom-sheet__background-attention-muted_1g0bh {
68
+ } .bottom-sheet__background-attention-muted_1mtdv {
68
69
  background-color: var(--color-light-bg-attention-muted);
69
- } .bottom-sheet__background-positive-muted_1g0bh {
70
+ } .bottom-sheet__background-positive-muted_1mtdv {
70
71
  background-color: var(--color-light-bg-positive-muted);
71
- } .bottom-sheet__background-negative-muted_1g0bh {
72
+ } .bottom-sheet__background-negative-muted_1mtdv {
72
73
  background-color: var(--color-light-bg-negative-muted);
73
- } .bottom-sheet__background-primary_1g0bh {
74
+ } .bottom-sheet__background-primary_1mtdv {
74
75
  background-color: var(--color-light-bg-primary);
75
- } .bottom-sheet__background-primary-inverted_1g0bh {
76
+ } .bottom-sheet__background-primary-inverted_1mtdv {
76
77
  background-color: var(--color-light-bg-primary-inverted);
77
- } .bottom-sheet__background-secondary_1g0bh {
78
+ } .bottom-sheet__background-secondary_1mtdv {
78
79
  background-color: var(--color-light-bg-secondary);
79
- } .bottom-sheet__background-secondary-inverted_1g0bh {
80
+ } .bottom-sheet__background-secondary-inverted_1mtdv {
80
81
  background-color: var(--color-light-bg-secondary-inverted);
81
- } .bottom-sheet__background-tertiary_1g0bh {
82
+ } .bottom-sheet__background-tertiary_1mtdv {
82
83
  background-color: var(--color-light-bg-tertiary);
83
- } .bottom-sheet__background-tertiary-inverted_1g0bh {
84
+ } .bottom-sheet__background-tertiary-inverted_1mtdv {
84
85
  background-color: var(--color-light-bg-tertiary-inverted);
85
- } .bottom-sheet__background-quaternary_1g0bh {
86
+ } .bottom-sheet__background-quaternary_1mtdv {
86
87
  background-color: var(--color-light-bg-quaternary);
87
- } .bottom-sheet__background-quaternary-inverted_1g0bh {
88
+ } .bottom-sheet__background-quaternary-inverted_1mtdv {
88
89
  background-color: var(--color-light-bg-quaternary-inverted);
89
- } .bottom-sheet__background-specialbg-component_1g0bh {
90
+ } .bottom-sheet__background-specialbg-component_1mtdv {
90
91
  background-color: var(--color-light-specialbg-component);
91
- } .bottom-sheet__background-specialbg-component-inverted_1g0bh {
92
+ } .bottom-sheet__background-specialbg-component-inverted_1mtdv {
92
93
  background-color: var(--color-light-specialbg-component-inverted);
93
- } .bottom-sheet__background-specialbg-primary-grouped_1g0bh {
94
+ } .bottom-sheet__background-specialbg-primary-grouped_1mtdv {
94
95
  background-color: var(--color-light-specialbg-primary-grouped);
95
- } .bottom-sheet__background-specialbg-secondary-grouped_1g0bh {
96
+ } .bottom-sheet__background-specialbg-secondary-grouped_1mtdv {
96
97
  background-color: var(--color-light-specialbg-secondary-grouped);
97
- } .bottom-sheet__background-specialbg-tertiary-grouped_1g0bh {
98
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1mtdv {
98
99
  background-color: var(--color-light-specialbg-tertiary-grouped);
99
- } .bottom-sheet__background-specialbg-secondary-transparent_1g0bh {
100
+ } .bottom-sheet__background-specialbg-secondary-transparent_1mtdv {
100
101
  background-color: var(--color-light-specialbg-secondary-transparent);
101
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1g0bh {
102
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1mtdv {
102
103
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
103
- } .bottom-sheet__background-specialbg-tertiary-transparent_1g0bh {
104
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1mtdv {
104
105
  background-color: var(--color-light-specialbg-tertiary-transparent);
105
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1g0bh {
106
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1mtdv {
106
107
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
107
108
  }
package/esm/components/header/Component.js CHANGED
@@ -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_iayhz","hasContent":"bottom-sheet__hasContent_iayhz","header":"bottom-sheet__header_iayhz","sticky":"bottom-sheet__sticky_iayhz","highlighted":"bottom-sheet__highlighted_iayhz","justifyEnd":"bottom-sheet__justifyEnd_iayhz","addon":"bottom-sheet__addon_iayhz","addonFixed":"bottom-sheet__addonFixed_iayhz","title":"bottom-sheet__title_iayhz","titleCenter":"bottom-sheet__titleCenter_iayhz","titleLeft":"bottom-sheet__titleLeft_iayhz","trimTitle":"bottom-sheet__trimTitle_iayhz"};
7
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_7upw5","hasContent":"bottom-sheet__hasContent_7upw5","header":"bottom-sheet__header_7upw5","sticky":"bottom-sheet__sticky_7upw5","highlighted":"bottom-sheet__highlighted_7upw5","justifyEnd":"bottom-sheet__justifyEnd_7upw5","addon":"bottom-sheet__addon_7upw5","addonFixed":"bottom-sheet__addonFixed_7upw5","title":"bottom-sheet__title_7upw5","titleCenter":"bottom-sheet__titleCenter_7upw5","titleLeft":"bottom-sheet__titleLeft_7upw5","trimTitle":"bottom-sheet__trimTitle_7upw5"};
8
8
  require('./index.css')
9
9
 
10
10
  var Header = function (_a) {