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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/component.js CHANGED
@@ -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_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"};
26
+ var styles = {"modal":"bottom-sheet__modal_phj6o","wrapper":"bottom-sheet__wrapper_phj6o","fullscreen":"bottom-sheet__fullscreen_phj6o","component":"bottom-sheet__component_phj6o","withTransition":"bottom-sheet__withTransition_phj6o","scrollableContainer":"bottom-sheet__scrollableContainer_phj6o","marker":"bottom-sheet__marker_phj6o","defaultMarker":"bottom-sheet__defaultMarker_phj6o","content":"bottom-sheet__content_phj6o","noHeader":"bottom-sheet__noHeader_phj6o","noFooter":"bottom-sheet__noFooter_phj6o","scrollLocked":"bottom-sheet__scrollLocked_phj6o","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_phj6o","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_phj6o","appear":"bottom-sheet__appear_phj6o","enter":"bottom-sheet__enter_phj6o","appearActive":"bottom-sheet__appearActive_phj6o","enterActive":"bottom-sheet__enterActive_phj6o","enterDone":"bottom-sheet__enterDone_phj6o","appearDone":"bottom-sheet__appearDone_phj6o","exit":"bottom-sheet__exit_phj6o","exitActive":"bottom-sheet__exitActive_phj6o","safeAreaBottom":"bottom-sheet__safeAreaBottom_phj6o","background-accent":"bottom-sheet__background-accent_phj6o","background-info":"bottom-sheet__background-info_phj6o","background-attention-muted":"bottom-sheet__background-attention-muted_phj6o","background-positive-muted":"bottom-sheet__background-positive-muted_phj6o","background-negative-muted":"bottom-sheet__background-negative-muted_phj6o","background-primary":"bottom-sheet__background-primary_phj6o","background-primary-inverted":"bottom-sheet__background-primary-inverted_phj6o","background-secondary":"bottom-sheet__background-secondary_phj6o","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_phj6o","background-tertiary":"bottom-sheet__background-tertiary_phj6o","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_phj6o","background-quaternary":"bottom-sheet__background-quaternary_phj6o","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_phj6o","background-specialbg-component":"bottom-sheet__background-specialbg-component_phj6o","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_phj6o","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_phj6o","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_phj6o","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_phj6o","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_phj6o","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_phj6o","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_phj6o","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_phj6o"};
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_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"};
14
+ var styles = {"footer":"bottom-sheet__footer_rds8o","sticky":"bottom-sheet__sticky_rds8o","highlighted":"bottom-sheet__highlighted_rds8o","background-accent":"bottom-sheet__background-accent_rds8o","background-info":"bottom-sheet__background-info_rds8o","background-attention-muted":"bottom-sheet__background-attention-muted_rds8o","background-positive-muted":"bottom-sheet__background-positive-muted_rds8o","background-negative-muted":"bottom-sheet__background-negative-muted_rds8o","background-primary":"bottom-sheet__background-primary_rds8o","background-primary-inverted":"bottom-sheet__background-primary-inverted_rds8o","background-secondary":"bottom-sheet__background-secondary_rds8o","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_rds8o","background-tertiary":"bottom-sheet__background-tertiary_rds8o","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_rds8o","background-quaternary":"bottom-sheet__background-quaternary_rds8o","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_rds8o","background-specialbg-component":"bottom-sheet__background-specialbg-component_rds8o","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_rds8o","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_rds8o","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_rds8o","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_rds8o","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_rds8o","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_rds8o","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_rds8o","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_rds8o"};
15
15
  require('./index.css')
16
16
 
17
17
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1tqlz */
1
+ /* hash: 1yv1z */
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,68 +41,69 @@
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 {
47
- } :root {
48
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
48
49
 
49
50
  /* header */
50
51
 
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_1mtdv {
55
+ } .bottom-sheet__footer_rds8o {
55
56
  padding: var(--gap-16) var(--gap-16);
56
57
  background-color: var(--color-light-modal-bg-primary);
57
- } .bottom-sheet__sticky_1mtdv {
58
+ } .bottom-sheet__sticky_rds8o {
58
59
  position: sticky;
59
- bottom: 0;
60
+ bottom: var(--gap-0);
60
61
  z-index: 1;
61
- } .bottom-sheet__highlighted_1mtdv {
62
+ } .bottom-sheet__highlighted_rds8o {
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_1mtdv {
65
+ } .bottom-sheet__background-accent_rds8o {
65
66
  background-color: var(--color-light-bg-accent);
66
- } .bottom-sheet__background-info_1mtdv {
67
+ } .bottom-sheet__background-info_rds8o {
67
68
  background-color: var(--color-light-bg-info);
68
- } .bottom-sheet__background-attention-muted_1mtdv {
69
+ } .bottom-sheet__background-attention-muted_rds8o {
69
70
  background-color: var(--color-light-bg-attention-muted);
70
- } .bottom-sheet__background-positive-muted_1mtdv {
71
+ } .bottom-sheet__background-positive-muted_rds8o {
71
72
  background-color: var(--color-light-bg-positive-muted);
72
- } .bottom-sheet__background-negative-muted_1mtdv {
73
+ } .bottom-sheet__background-negative-muted_rds8o {
73
74
  background-color: var(--color-light-bg-negative-muted);
74
- } .bottom-sheet__background-primary_1mtdv {
75
+ } .bottom-sheet__background-primary_rds8o {
75
76
  background-color: var(--color-light-bg-primary);
76
- } .bottom-sheet__background-primary-inverted_1mtdv {
77
+ } .bottom-sheet__background-primary-inverted_rds8o {
77
78
  background-color: var(--color-light-bg-primary-inverted);
78
- } .bottom-sheet__background-secondary_1mtdv {
79
+ } .bottom-sheet__background-secondary_rds8o {
79
80
  background-color: var(--color-light-bg-secondary);
80
- } .bottom-sheet__background-secondary-inverted_1mtdv {
81
+ } .bottom-sheet__background-secondary-inverted_rds8o {
81
82
  background-color: var(--color-light-bg-secondary-inverted);
82
- } .bottom-sheet__background-tertiary_1mtdv {
83
+ } .bottom-sheet__background-tertiary_rds8o {
83
84
  background-color: var(--color-light-bg-tertiary);
84
- } .bottom-sheet__background-tertiary-inverted_1mtdv {
85
+ } .bottom-sheet__background-tertiary-inverted_rds8o {
85
86
  background-color: var(--color-light-bg-tertiary-inverted);
86
- } .bottom-sheet__background-quaternary_1mtdv {
87
+ } .bottom-sheet__background-quaternary_rds8o {
87
88
  background-color: var(--color-light-bg-quaternary);
88
- } .bottom-sheet__background-quaternary-inverted_1mtdv {
89
+ } .bottom-sheet__background-quaternary-inverted_rds8o {
89
90
  background-color: var(--color-light-bg-quaternary-inverted);
90
- } .bottom-sheet__background-specialbg-component_1mtdv {
91
+ } .bottom-sheet__background-specialbg-component_rds8o {
91
92
  background-color: var(--color-light-specialbg-component);
92
- } .bottom-sheet__background-specialbg-component-inverted_1mtdv {
93
+ } .bottom-sheet__background-specialbg-component-inverted_rds8o {
93
94
  background-color: var(--color-light-specialbg-component-inverted);
94
- } .bottom-sheet__background-specialbg-primary-grouped_1mtdv {
95
+ } .bottom-sheet__background-specialbg-primary-grouped_rds8o {
95
96
  background-color: var(--color-light-specialbg-primary-grouped);
96
- } .bottom-sheet__background-specialbg-secondary-grouped_1mtdv {
97
+ } .bottom-sheet__background-specialbg-secondary-grouped_rds8o {
97
98
  background-color: var(--color-light-specialbg-secondary-grouped);
98
- } .bottom-sheet__background-specialbg-tertiary-grouped_1mtdv {
99
+ } .bottom-sheet__background-specialbg-tertiary-grouped_rds8o {
99
100
  background-color: var(--color-light-specialbg-tertiary-grouped);
100
- } .bottom-sheet__background-specialbg-secondary-transparent_1mtdv {
101
+ } .bottom-sheet__background-specialbg-secondary-transparent_rds8o {
101
102
  background-color: var(--color-light-specialbg-secondary-transparent);
102
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1mtdv {
103
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_rds8o {
103
104
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
104
- } .bottom-sheet__background-specialbg-tertiary-transparent_1mtdv {
105
+ } .bottom-sheet__background-specialbg-tertiary-transparent_rds8o {
105
106
  background-color: var(--color-light-specialbg-tertiary-transparent);
106
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1mtdv {
107
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rds8o {
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_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"};
16
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_13abi","hasContent":"bottom-sheet__hasContent_13abi","header":"bottom-sheet__header_13abi","sticky":"bottom-sheet__sticky_13abi","highlighted":"bottom-sheet__highlighted_13abi","justifyEnd":"bottom-sheet__justifyEnd_13abi","addon":"bottom-sheet__addon_13abi","addonFixed":"bottom-sheet__addonFixed_13abi","title":"bottom-sheet__title_13abi","titleCenter":"bottom-sheet__titleCenter_13abi","titleLeft":"bottom-sheet__titleLeft_13abi","trimTitle":"bottom-sheet__trimTitle_13abi"};
17
17
  require('./index.css')
18
18
 
19
19
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 11xpm */
1
+ /* hash: qmb9p */
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);
@@ -27,7 +28,7 @@
27
28
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
28
29
  sans-serif;
29
30
  } :root {
30
- } :root {
31
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
31
32
 
32
33
  /* header */
33
34
  --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
@@ -37,42 +38,42 @@
37
38
  --bottom-sheet-title-font-family: var(--font-family-system);
38
39
 
39
40
  /* footer */
40
- } .bottom-sheet__headerWrapper_7upw5 {
41
+ } .bottom-sheet__headerWrapper_13abi {
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_7upw5 {
46
+ } .bottom-sheet__hasContent_13abi {
46
47
  background-color: inherit;
47
- } .bottom-sheet__header_7upw5 {
48
+ } .bottom-sheet__header_13abi {
48
49
  display: flex;
49
- } .bottom-sheet__sticky_7upw5 {
50
+ } .bottom-sheet__sticky_13abi {
50
51
  position: sticky;
51
- top: 0;
52
- } .bottom-sheet__highlighted_7upw5 {
52
+ top: var(--gap-0);
53
+ } .bottom-sheet__highlighted_13abi {
53
54
  border-bottom: var(--bottom-sheet-header-border-bottom);
54
- } .bottom-sheet__justifyEnd_7upw5 {
55
+ } .bottom-sheet__justifyEnd_13abi {
55
56
  justify-content: flex-end;
56
- } .bottom-sheet__addon_7upw5 {
57
+ } .bottom-sheet__addon_13abi {
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_7upw5 {
63
+ } .bottom-sheet__addonFixed_13abi {
63
64
  position: fixed;
64
- } .bottom-sheet__title_7upw5 {
65
+ } .bottom-sheet__title_13abi {
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_7upw5 {
72
+ } .bottom-sheet__titleCenter_13abi {
72
73
  text-align: center;
73
- } .bottom-sheet__titleLeft_7upw5 {
74
+ } .bottom-sheet__titleLeft_13abi {
74
75
  text-align: left;
75
- } .bottom-sheet__trimTitle_7upw5 {
76
+ } .bottom-sheet__trimTitle_13abi {
76
77
  white-space: nowrap;
77
78
  overflow: hidden;
78
79
  text-overflow: ellipsis;
@@ -40,10 +40,11 @@
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 {
46
- } :root {
47
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
47
48
 
48
49
  /* header */
49
50
 
@@ -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);
@@ -26,7 +27,7 @@
26
27
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
27
28
  sans-serif;
28
29
  } :root {
29
- } :root {
30
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
30
31
 
31
32
  /* header */
32
33
  --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
@@ -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,26 +39,29 @@
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 {
50
53
  } :root {
51
- } :root {
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/cssm/vars.css CHANGED
@@ -17,7 +17,7 @@
17
17
  /* новые значения, используйте их */
18
18
  } :root {
19
19
  } :root {
20
- } :root {
20
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
21
21
 
22
22
  /* header */
23
23
 
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_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"};
16
+ var styles = {"modal":"bottom-sheet__modal_phj6o","wrapper":"bottom-sheet__wrapper_phj6o","fullscreen":"bottom-sheet__fullscreen_phj6o","component":"bottom-sheet__component_phj6o","withTransition":"bottom-sheet__withTransition_phj6o","scrollableContainer":"bottom-sheet__scrollableContainer_phj6o","marker":"bottom-sheet__marker_phj6o","defaultMarker":"bottom-sheet__defaultMarker_phj6o","content":"bottom-sheet__content_phj6o","noHeader":"bottom-sheet__noHeader_phj6o","noFooter":"bottom-sheet__noFooter_phj6o","scrollLocked":"bottom-sheet__scrollLocked_phj6o","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_phj6o","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_phj6o","appear":"bottom-sheet__appear_phj6o","enter":"bottom-sheet__enter_phj6o","appearActive":"bottom-sheet__appearActive_phj6o","enterActive":"bottom-sheet__enterActive_phj6o","enterDone":"bottom-sheet__enterDone_phj6o","appearDone":"bottom-sheet__appearDone_phj6o","exit":"bottom-sheet__exit_phj6o","exitActive":"bottom-sheet__exitActive_phj6o","safeAreaBottom":"bottom-sheet__safeAreaBottom_phj6o","background-accent":"bottom-sheet__background-accent_phj6o","background-info":"bottom-sheet__background-info_phj6o","background-attention-muted":"bottom-sheet__background-attention-muted_phj6o","background-positive-muted":"bottom-sheet__background-positive-muted_phj6o","background-negative-muted":"bottom-sheet__background-negative-muted_phj6o","background-primary":"bottom-sheet__background-primary_phj6o","background-primary-inverted":"bottom-sheet__background-primary-inverted_phj6o","background-secondary":"bottom-sheet__background-secondary_phj6o","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_phj6o","background-tertiary":"bottom-sheet__background-tertiary_phj6o","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_phj6o","background-quaternary":"bottom-sheet__background-quaternary_phj6o","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_phj6o","background-specialbg-component":"bottom-sheet__background-specialbg-component_phj6o","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_phj6o","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_phj6o","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_phj6o","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_phj6o","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_phj6o","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_phj6o","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_phj6o","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_phj6o"};
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_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"};
5
+ var styles = {"footer":"bottom-sheet__footer_rds8o","sticky":"bottom-sheet__sticky_rds8o","highlighted":"bottom-sheet__highlighted_rds8o","background-accent":"bottom-sheet__background-accent_rds8o","background-info":"bottom-sheet__background-info_rds8o","background-attention-muted":"bottom-sheet__background-attention-muted_rds8o","background-positive-muted":"bottom-sheet__background-positive-muted_rds8o","background-negative-muted":"bottom-sheet__background-negative-muted_rds8o","background-primary":"bottom-sheet__background-primary_rds8o","background-primary-inverted":"bottom-sheet__background-primary-inverted_rds8o","background-secondary":"bottom-sheet__background-secondary_rds8o","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_rds8o","background-tertiary":"bottom-sheet__background-tertiary_rds8o","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_rds8o","background-quaternary":"bottom-sheet__background-quaternary_rds8o","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_rds8o","background-specialbg-component":"bottom-sheet__background-specialbg-component_rds8o","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_rds8o","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_rds8o","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_rds8o","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_rds8o","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_rds8o","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_rds8o","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_rds8o","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_rds8o"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1tqlz */
1
+ /* hash: 1yv1z */
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,68 +41,69 @@
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 {
47
- } :root {
48
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
48
49
 
49
50
  /* header */
50
51
 
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_1mtdv {
55
+ } .bottom-sheet__footer_rds8o {
55
56
  padding: var(--gap-16) var(--gap-16);
56
57
  background-color: var(--color-light-modal-bg-primary);
57
- } .bottom-sheet__sticky_1mtdv {
58
+ } .bottom-sheet__sticky_rds8o {
58
59
  position: sticky;
59
- bottom: 0;
60
+ bottom: var(--gap-0);
60
61
  z-index: 1;
61
- } .bottom-sheet__highlighted_1mtdv {
62
+ } .bottom-sheet__highlighted_rds8o {
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_1mtdv {
65
+ } .bottom-sheet__background-accent_rds8o {
65
66
  background-color: var(--color-light-bg-accent);
66
- } .bottom-sheet__background-info_1mtdv {
67
+ } .bottom-sheet__background-info_rds8o {
67
68
  background-color: var(--color-light-bg-info);
68
- } .bottom-sheet__background-attention-muted_1mtdv {
69
+ } .bottom-sheet__background-attention-muted_rds8o {
69
70
  background-color: var(--color-light-bg-attention-muted);
70
- } .bottom-sheet__background-positive-muted_1mtdv {
71
+ } .bottom-sheet__background-positive-muted_rds8o {
71
72
  background-color: var(--color-light-bg-positive-muted);
72
- } .bottom-sheet__background-negative-muted_1mtdv {
73
+ } .bottom-sheet__background-negative-muted_rds8o {
73
74
  background-color: var(--color-light-bg-negative-muted);
74
- } .bottom-sheet__background-primary_1mtdv {
75
+ } .bottom-sheet__background-primary_rds8o {
75
76
  background-color: var(--color-light-bg-primary);
76
- } .bottom-sheet__background-primary-inverted_1mtdv {
77
+ } .bottom-sheet__background-primary-inverted_rds8o {
77
78
  background-color: var(--color-light-bg-primary-inverted);
78
- } .bottom-sheet__background-secondary_1mtdv {
79
+ } .bottom-sheet__background-secondary_rds8o {
79
80
  background-color: var(--color-light-bg-secondary);
80
- } .bottom-sheet__background-secondary-inverted_1mtdv {
81
+ } .bottom-sheet__background-secondary-inverted_rds8o {
81
82
  background-color: var(--color-light-bg-secondary-inverted);
82
- } .bottom-sheet__background-tertiary_1mtdv {
83
+ } .bottom-sheet__background-tertiary_rds8o {
83
84
  background-color: var(--color-light-bg-tertiary);
84
- } .bottom-sheet__background-tertiary-inverted_1mtdv {
85
+ } .bottom-sheet__background-tertiary-inverted_rds8o {
85
86
  background-color: var(--color-light-bg-tertiary-inverted);
86
- } .bottom-sheet__background-quaternary_1mtdv {
87
+ } .bottom-sheet__background-quaternary_rds8o {
87
88
  background-color: var(--color-light-bg-quaternary);
88
- } .bottom-sheet__background-quaternary-inverted_1mtdv {
89
+ } .bottom-sheet__background-quaternary-inverted_rds8o {
89
90
  background-color: var(--color-light-bg-quaternary-inverted);
90
- } .bottom-sheet__background-specialbg-component_1mtdv {
91
+ } .bottom-sheet__background-specialbg-component_rds8o {
91
92
  background-color: var(--color-light-specialbg-component);
92
- } .bottom-sheet__background-specialbg-component-inverted_1mtdv {
93
+ } .bottom-sheet__background-specialbg-component-inverted_rds8o {
93
94
  background-color: var(--color-light-specialbg-component-inverted);
94
- } .bottom-sheet__background-specialbg-primary-grouped_1mtdv {
95
+ } .bottom-sheet__background-specialbg-primary-grouped_rds8o {
95
96
  background-color: var(--color-light-specialbg-primary-grouped);
96
- } .bottom-sheet__background-specialbg-secondary-grouped_1mtdv {
97
+ } .bottom-sheet__background-specialbg-secondary-grouped_rds8o {
97
98
  background-color: var(--color-light-specialbg-secondary-grouped);
98
- } .bottom-sheet__background-specialbg-tertiary-grouped_1mtdv {
99
+ } .bottom-sheet__background-specialbg-tertiary-grouped_rds8o {
99
100
  background-color: var(--color-light-specialbg-tertiary-grouped);
100
- } .bottom-sheet__background-specialbg-secondary-transparent_1mtdv {
101
+ } .bottom-sheet__background-specialbg-secondary-transparent_rds8o {
101
102
  background-color: var(--color-light-specialbg-secondary-transparent);
102
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1mtdv {
103
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_rds8o {
103
104
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
104
- } .bottom-sheet__background-specialbg-tertiary-transparent_1mtdv {
105
+ } .bottom-sheet__background-specialbg-tertiary-transparent_rds8o {
105
106
  background-color: var(--color-light-specialbg-tertiary-transparent);
106
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1mtdv {
107
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rds8o {
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_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"};
7
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_13abi","hasContent":"bottom-sheet__hasContent_13abi","header":"bottom-sheet__header_13abi","sticky":"bottom-sheet__sticky_13abi","highlighted":"bottom-sheet__highlighted_13abi","justifyEnd":"bottom-sheet__justifyEnd_13abi","addon":"bottom-sheet__addon_13abi","addonFixed":"bottom-sheet__addonFixed_13abi","title":"bottom-sheet__title_13abi","titleCenter":"bottom-sheet__titleCenter_13abi","titleLeft":"bottom-sheet__titleLeft_13abi","trimTitle":"bottom-sheet__trimTitle_13abi"};
8
8
  require('./index.css')
9
9
 
10
10
  var Header = function (_a) {