@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.
Files changed (30) hide show
  1. package/component.js +1 -1
  2. package/components/footer/Component.js +1 -1
  3. package/components/footer/index.css +29 -28
  4. package/components/header/Component.js +1 -1
  5. package/components/header/index.css +16 -15
  6. package/cssm/components/footer/index.module.css +3 -2
  7. package/cssm/components/header/index.module.css +3 -2
  8. package/cssm/index.module.css +11 -8
  9. package/cssm/vars.css +1 -1
  10. package/esm/component.js +1 -1
  11. package/esm/components/footer/Component.js +1 -1
  12. package/esm/components/footer/index.css +29 -28
  13. package/esm/components/header/Component.js +1 -1
  14. package/esm/components/header/index.css +16 -15
  15. package/esm/index.css +56 -53
  16. package/index.css +56 -53
  17. package/modern/component.js +1 -1
  18. package/modern/components/footer/Component.js +1 -1
  19. package/modern/components/footer/index.css +29 -28
  20. package/modern/components/header/Component.js +1 -1
  21. package/modern/components/header/index.css +16 -15
  22. package/modern/index.css +56 -53
  23. package/moderncssm/components/footer/index.module.css +1 -1
  24. package/moderncssm/components/header/index.module.css +1 -1
  25. package/moderncssm/index.module.css +7 -7
  26. package/package.json +7 -7
  27. package/src/components/footer/index.module.css +1 -1
  28. package/src/components/header/index.module.css +1 -1
  29. package/src/index.module.css +6 -6
  30. package/src/vars.css +1 -1
package/esm/components/header/index.css CHANGED
@@ -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;
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: dxo0f */
1
+ /* hash: 17qsq */
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;
@@ -40,43 +40,46 @@
40
40
  --border-radius-xxl: 20px; /* deprecated */ /* deprecated */
41
41
 
42
42
  /* новые значения, используйте их */
43
+ --border-radius-16: var(--border-radius-xl);
44
+ --border-radius-20: var(--border-radius-xxl);
43
45
  } :root { /* deprecated */
44
46
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
45
47
  --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 */
46
48
 
47
49
  /* новые значения, используйте их */
50
+ --gap-0: 0;
48
51
  --gap-4: var(--gap-2xs);
49
52
  --gap-16: var(--gap-m);
50
53
  } :root {
51
54
  } :root {
52
- } :root {
55
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
53
56
  --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
54
57
  --bottom-sheet-out-transition: transform 0.3s ease;
55
- --bottom-sheet-top-radius: var(--border-radius-xl);
58
+ --bottom-sheet-top-radius: var(--border-radius-16);
56
59
  --bottom-sheet-shadow: none;
57
60
 
58
61
  /* header */
59
62
 
60
63
  /* footer */
61
- } .bottom-sheet__modal_1v6kv {
62
- bottom: 0;
64
+ } .bottom-sheet__modal_phj6o {
65
+ bottom: var(--gap-0);
63
66
  width: 100%;
64
67
  max-width: 600px;
65
68
  pointer-events: none;
66
69
  touch-action: none;
67
- } .bottom-sheet__modal_1v6kv.bottom-sheet__modal_1v6kv {
70
+ } .bottom-sheet__modal_phj6o.bottom-sheet__modal_phj6o {
68
71
  background-color: transparent;
69
72
  position: fixed;
70
- } .bottom-sheet__wrapper_1v6kv {
73
+ } .bottom-sheet__wrapper_phj6o {
71
74
  transform: translateY(100%);
72
75
  pointer-events: none;
73
76
  touch-action: none;
74
77
  border-top-right-radius: var(--bottom-sheet-top-radius);
75
78
  border-top-left-radius: var(--bottom-sheet-top-radius);
76
79
  transition: border-radius 0.3s ease;
77
- } .bottom-sheet__fullscreen_1v6kv {
80
+ } .bottom-sheet__fullscreen_phj6o {
78
81
  border-radius: 0;
79
- } .bottom-sheet__component_1v6kv {
82
+ } .bottom-sheet__component_phj6o {
80
83
  position: relative;
81
84
  display: flex;
82
85
  flex-direction: column;
@@ -84,9 +87,9 @@
84
87
  background-color: var(--color-light-modal-bg-primary);
85
88
  pointer-events: all;
86
89
  box-shadow: var(--bottom-sheet-shadow);
87
- } .bottom-sheet__withTransition_1v6kv {
90
+ } .bottom-sheet__withTransition_phj6o {
88
91
  transition: var(--bottom-sheet-out-transition);
89
- } .bottom-sheet__scrollableContainer_1v6kv {
92
+ } .bottom-sheet__scrollableContainer_phj6o {
90
93
  overflow: auto;
91
94
  display: flex;
92
95
  flex-direction: column;
@@ -95,97 +98,97 @@
95
98
  background-color: inherit;
96
99
  border-radius: inherit;
97
100
  overscroll-behavior: contain;
98
- } .bottom-sheet__marker_1v6kv {
101
+ } .bottom-sheet__marker_phj6o {
99
102
  position: fixed;
100
103
  top: var(--gap-4);
101
- right: 0;
102
- left: 0;
104
+ right: var(--gap-0);
105
+ left: var(--gap-0);
103
106
  z-index: 1000;
104
107
  width: 36px;
105
- margin: 0 auto;
106
- } .bottom-sheet__defaultMarker_1v6kv {
108
+ margin: var(--gap-0) auto;
109
+ } .bottom-sheet__defaultMarker_phj6o {
107
110
  height: 4px;
108
- border-radius: var(--border-radius-xxl);
111
+ border-radius: var(--border-radius-20);
109
112
  background-color: var(--color-light-neutral-translucent-300);
110
- } .bottom-sheet__content_1v6kv {
113
+ } .bottom-sheet__content_phj6o {
111
114
  position: relative;
112
115
  z-index: 0;
113
116
  display: flex;
114
117
  flex-direction: column;
115
118
  flex: 1;
116
- padding: 0 var(--gap-16);
119
+ padding: var(--gap-0) var(--gap-16);
117
120
  color: var(--color-light-text-primary);
118
121
  background-color: inherit;
119
122
  border-radius: inherit;
120
- } .bottom-sheet__noHeader_1v6kv {
123
+ } .bottom-sheet__noHeader_phj6o {
121
124
  padding-top: var(--gap-16);
122
- } .bottom-sheet__noFooter_1v6kv {
125
+ } .bottom-sheet__noFooter_phj6o {
123
126
  padding-bottom: var(--gap-16);
124
- } .bottom-sheet__scrollLocked_1v6kv {
127
+ } .bottom-sheet__scrollLocked_phj6o {
125
128
  overflow: hidden;
126
- } .bottom-sheet__hiddenScrollbar_1v6kv {
129
+ } .bottom-sheet__hiddenScrollbar_phj6o {
127
130
  scrollbar-width: none
128
- } .bottom-sheet__hiddenScrollbar_1v6kv::-webkit-scrollbar {
131
+ } .bottom-sheet__hiddenScrollbar_phj6o::-webkit-scrollbar {
129
132
  width: 0;
130
133
  height: 0;
131
- } .bottom-sheet__disabledPointerEvents_1v6kv {
134
+ } .bottom-sheet__disabledPointerEvents_phj6o {
132
135
  pointer-events: none;
133
- } .bottom-sheet__appear_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__enter_1v6kv .bottom-sheet__wrapper_1v6kv {
136
+ } .bottom-sheet__appear_phj6o .bottom-sheet__wrapper_phj6o, .bottom-sheet__enter_phj6o .bottom-sheet__wrapper_phj6o {
134
137
  transition: none;
135
- } .bottom-sheet__appearActive_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__enterActive_1v6kv .bottom-sheet__wrapper_1v6kv {
138
+ } .bottom-sheet__appearActive_phj6o .bottom-sheet__wrapper_phj6o, .bottom-sheet__enterActive_phj6o .bottom-sheet__wrapper_phj6o {
136
139
  transition: var(--bottom-sheet-in-transition);
137
140
  transform: translateY(0);
138
- } .bottom-sheet__enterDone_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__appearDone_1v6kv .bottom-sheet__wrapper_1v6kv {
141
+ } .bottom-sheet__enterDone_phj6o .bottom-sheet__wrapper_phj6o, .bottom-sheet__appearDone_phj6o .bottom-sheet__wrapper_phj6o {
139
142
  transform: translateY(0);
140
- } .bottom-sheet__exit_1v6kv .bottom-sheet__wrapper_1v6kv {
143
+ } .bottom-sheet__exit_phj6o .bottom-sheet__wrapper_phj6o {
141
144
  transform: translateY(0);
142
- } .bottom-sheet__exitActive_1v6kv .bottom-sheet__wrapper_1v6kv {
145
+ } .bottom-sheet__exitActive_phj6o .bottom-sheet__wrapper_phj6o {
143
146
  transition: var(--bottom-sheet-out-transition);
144
147
  transform: translateY(100%);
145
- } .bottom-sheet__safeAreaBottom_1v6kv {
148
+ } .bottom-sheet__safeAreaBottom_phj6o {
146
149
  padding-bottom: env(safe-area-inset-bottom);
147
- } .bottom-sheet__background-accent_1v6kv {
150
+ } .bottom-sheet__background-accent_phj6o {
148
151
  background-color: var(--color-light-bg-accent);
149
- } .bottom-sheet__background-info_1v6kv {
152
+ } .bottom-sheet__background-info_phj6o {
150
153
  background-color: var(--color-light-bg-info);
151
- } .bottom-sheet__background-attention-muted_1v6kv {
154
+ } .bottom-sheet__background-attention-muted_phj6o {
152
155
  background-color: var(--color-light-bg-attention-muted);
153
- } .bottom-sheet__background-positive-muted_1v6kv {
156
+ } .bottom-sheet__background-positive-muted_phj6o {
154
157
  background-color: var(--color-light-bg-positive-muted);
155
- } .bottom-sheet__background-negative-muted_1v6kv {
158
+ } .bottom-sheet__background-negative-muted_phj6o {
156
159
  background-color: var(--color-light-bg-negative-muted);
157
- } .bottom-sheet__background-primary_1v6kv {
160
+ } .bottom-sheet__background-primary_phj6o {
158
161
  background-color: var(--color-light-bg-primary);
159
- } .bottom-sheet__background-primary-inverted_1v6kv {
162
+ } .bottom-sheet__background-primary-inverted_phj6o {
160
163
  background-color: var(--color-light-bg-primary-inverted);
161
- } .bottom-sheet__background-secondary_1v6kv {
164
+ } .bottom-sheet__background-secondary_phj6o {
162
165
  background-color: var(--color-light-bg-secondary);
163
- } .bottom-sheet__background-secondary-inverted_1v6kv {
166
+ } .bottom-sheet__background-secondary-inverted_phj6o {
164
167
  background-color: var(--color-light-bg-secondary-inverted);
165
- } .bottom-sheet__background-tertiary_1v6kv {
168
+ } .bottom-sheet__background-tertiary_phj6o {
166
169
  background-color: var(--color-light-bg-tertiary);
167
- } .bottom-sheet__background-tertiary-inverted_1v6kv {
170
+ } .bottom-sheet__background-tertiary-inverted_phj6o {
168
171
  background-color: var(--color-light-bg-tertiary-inverted);
169
- } .bottom-sheet__background-quaternary_1v6kv {
172
+ } .bottom-sheet__background-quaternary_phj6o {
170
173
  background-color: var(--color-light-bg-quaternary);
171
- } .bottom-sheet__background-quaternary-inverted_1v6kv {
174
+ } .bottom-sheet__background-quaternary-inverted_phj6o {
172
175
  background-color: var(--color-light-bg-quaternary-inverted);
173
- } .bottom-sheet__background-specialbg-component_1v6kv {
176
+ } .bottom-sheet__background-specialbg-component_phj6o {
174
177
  background-color: var(--color-light-specialbg-component);
175
- } .bottom-sheet__background-specialbg-component-inverted_1v6kv {
178
+ } .bottom-sheet__background-specialbg-component-inverted_phj6o {
176
179
  background-color: var(--color-light-specialbg-component-inverted);
177
- } .bottom-sheet__background-specialbg-primary-grouped_1v6kv {
180
+ } .bottom-sheet__background-specialbg-primary-grouped_phj6o {
178
181
  background-color: var(--color-light-specialbg-primary-grouped);
179
- } .bottom-sheet__background-specialbg-secondary-grouped_1v6kv {
182
+ } .bottom-sheet__background-specialbg-secondary-grouped_phj6o {
180
183
  background-color: var(--color-light-specialbg-secondary-grouped);
181
- } .bottom-sheet__background-specialbg-tertiary-grouped_1v6kv {
184
+ } .bottom-sheet__background-specialbg-tertiary-grouped_phj6o {
182
185
  background-color: var(--color-light-specialbg-tertiary-grouped);
183
- } .bottom-sheet__background-specialbg-secondary-transparent_1v6kv {
186
+ } .bottom-sheet__background-specialbg-secondary-transparent_phj6o {
184
187
  background-color: var(--color-light-specialbg-secondary-transparent);
185
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1v6kv {
188
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_phj6o {
186
189
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
187
- } .bottom-sheet__background-specialbg-tertiary-transparent_1v6kv {
190
+ } .bottom-sheet__background-specialbg-tertiary-transparent_phj6o {
188
191
  background-color: var(--color-light-specialbg-tertiary-transparent);
189
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1v6kv {
192
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_phj6o {
190
193
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
191
194
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: dxo0f */
1
+ /* hash: 17qsq */
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;
@@ -40,43 +40,46 @@
40
40
  --border-radius-xxl: 20px; /* deprecated */ /* deprecated */
41
41
 
42
42
  /* новые значения, используйте их */
43
+ --border-radius-16: var(--border-radius-xl);
44
+ --border-radius-20: var(--border-radius-xxl);
43
45
  } :root { /* deprecated */
44
46
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
45
47
  --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 */
46
48
 
47
49
  /* новые значения, используйте их */
50
+ --gap-0: 0;
48
51
  --gap-4: var(--gap-2xs);
49
52
  --gap-16: var(--gap-m);
50
53
  } :root {
51
54
  } :root {
52
- } :root {
55
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
53
56
  --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
54
57
  --bottom-sheet-out-transition: transform 0.3s ease;
55
- --bottom-sheet-top-radius: var(--border-radius-xl);
58
+ --bottom-sheet-top-radius: var(--border-radius-16);
56
59
  --bottom-sheet-shadow: none;
57
60
 
58
61
  /* header */
59
62
 
60
63
  /* footer */
61
- } .bottom-sheet__modal_1v6kv {
62
- bottom: 0;
64
+ } .bottom-sheet__modal_phj6o {
65
+ bottom: var(--gap-0);
63
66
  width: 100%;
64
67
  max-width: 600px;
65
68
  pointer-events: none;
66
69
  touch-action: none;
67
- } .bottom-sheet__modal_1v6kv.bottom-sheet__modal_1v6kv {
70
+ } .bottom-sheet__modal_phj6o.bottom-sheet__modal_phj6o {
68
71
  background-color: transparent;
69
72
  position: fixed;
70
- } .bottom-sheet__wrapper_1v6kv {
73
+ } .bottom-sheet__wrapper_phj6o {
71
74
  transform: translateY(100%);
72
75
  pointer-events: none;
73
76
  touch-action: none;
74
77
  border-top-right-radius: var(--bottom-sheet-top-radius);
75
78
  border-top-left-radius: var(--bottom-sheet-top-radius);
76
79
  transition: border-radius 0.3s ease;
77
- } .bottom-sheet__fullscreen_1v6kv {
80
+ } .bottom-sheet__fullscreen_phj6o {
78
81
  border-radius: 0;
79
- } .bottom-sheet__component_1v6kv {
82
+ } .bottom-sheet__component_phj6o {
80
83
  position: relative;
81
84
  display: flex;
82
85
  flex-direction: column;
@@ -84,9 +87,9 @@
84
87
  background-color: var(--color-light-modal-bg-primary);
85
88
  pointer-events: all;
86
89
  box-shadow: var(--bottom-sheet-shadow);
87
- } .bottom-sheet__withTransition_1v6kv {
90
+ } .bottom-sheet__withTransition_phj6o {
88
91
  transition: var(--bottom-sheet-out-transition);
89
- } .bottom-sheet__scrollableContainer_1v6kv {
92
+ } .bottom-sheet__scrollableContainer_phj6o {
90
93
  overflow: auto;
91
94
  display: flex;
92
95
  flex-direction: column;
@@ -95,97 +98,97 @@
95
98
  background-color: inherit;
96
99
  border-radius: inherit;
97
100
  overscroll-behavior: contain;
98
- } .bottom-sheet__marker_1v6kv {
101
+ } .bottom-sheet__marker_phj6o {
99
102
  position: fixed;
100
103
  top: var(--gap-4);
101
- right: 0;
102
- left: 0;
104
+ right: var(--gap-0);
105
+ left: var(--gap-0);
103
106
  z-index: 1000;
104
107
  width: 36px;
105
- margin: 0 auto;
106
- } .bottom-sheet__defaultMarker_1v6kv {
108
+ margin: var(--gap-0) auto;
109
+ } .bottom-sheet__defaultMarker_phj6o {
107
110
  height: 4px;
108
- border-radius: var(--border-radius-xxl);
111
+ border-radius: var(--border-radius-20);
109
112
  background-color: var(--color-light-neutral-translucent-300);
110
- } .bottom-sheet__content_1v6kv {
113
+ } .bottom-sheet__content_phj6o {
111
114
  position: relative;
112
115
  z-index: 0;
113
116
  display: flex;
114
117
  flex-direction: column;
115
118
  flex: 1;
116
- padding: 0 var(--gap-16);
119
+ padding: var(--gap-0) var(--gap-16);
117
120
  color: var(--color-light-text-primary);
118
121
  background-color: inherit;
119
122
  border-radius: inherit;
120
- } .bottom-sheet__noHeader_1v6kv {
123
+ } .bottom-sheet__noHeader_phj6o {
121
124
  padding-top: var(--gap-16);
122
- } .bottom-sheet__noFooter_1v6kv {
125
+ } .bottom-sheet__noFooter_phj6o {
123
126
  padding-bottom: var(--gap-16);
124
- } .bottom-sheet__scrollLocked_1v6kv {
127
+ } .bottom-sheet__scrollLocked_phj6o {
125
128
  overflow: hidden;
126
- } .bottom-sheet__hiddenScrollbar_1v6kv {
129
+ } .bottom-sheet__hiddenScrollbar_phj6o {
127
130
  scrollbar-width: none
128
- } .bottom-sheet__hiddenScrollbar_1v6kv::-webkit-scrollbar {
131
+ } .bottom-sheet__hiddenScrollbar_phj6o::-webkit-scrollbar {
129
132
  width: 0;
130
133
  height: 0;
131
- } .bottom-sheet__disabledPointerEvents_1v6kv {
134
+ } .bottom-sheet__disabledPointerEvents_phj6o {
132
135
  pointer-events: none;
133
- } .bottom-sheet__appear_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__enter_1v6kv .bottom-sheet__wrapper_1v6kv {
136
+ } .bottom-sheet__appear_phj6o .bottom-sheet__wrapper_phj6o, .bottom-sheet__enter_phj6o .bottom-sheet__wrapper_phj6o {
134
137
  transition: none;
135
- } .bottom-sheet__appearActive_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__enterActive_1v6kv .bottom-sheet__wrapper_1v6kv {
138
+ } .bottom-sheet__appearActive_phj6o .bottom-sheet__wrapper_phj6o, .bottom-sheet__enterActive_phj6o .bottom-sheet__wrapper_phj6o {
136
139
  transition: var(--bottom-sheet-in-transition);
137
140
  transform: translateY(0);
138
- } .bottom-sheet__enterDone_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__appearDone_1v6kv .bottom-sheet__wrapper_1v6kv {
141
+ } .bottom-sheet__enterDone_phj6o .bottom-sheet__wrapper_phj6o, .bottom-sheet__appearDone_phj6o .bottom-sheet__wrapper_phj6o {
139
142
  transform: translateY(0);
140
- } .bottom-sheet__exit_1v6kv .bottom-sheet__wrapper_1v6kv {
143
+ } .bottom-sheet__exit_phj6o .bottom-sheet__wrapper_phj6o {
141
144
  transform: translateY(0);
142
- } .bottom-sheet__exitActive_1v6kv .bottom-sheet__wrapper_1v6kv {
145
+ } .bottom-sheet__exitActive_phj6o .bottom-sheet__wrapper_phj6o {
143
146
  transition: var(--bottom-sheet-out-transition);
144
147
  transform: translateY(100%);
145
- } .bottom-sheet__safeAreaBottom_1v6kv {
148
+ } .bottom-sheet__safeAreaBottom_phj6o {
146
149
  padding-bottom: env(safe-area-inset-bottom);
147
- } .bottom-sheet__background-accent_1v6kv {
150
+ } .bottom-sheet__background-accent_phj6o {
148
151
  background-color: var(--color-light-bg-accent);
149
- } .bottom-sheet__background-info_1v6kv {
152
+ } .bottom-sheet__background-info_phj6o {
150
153
  background-color: var(--color-light-bg-info);
151
- } .bottom-sheet__background-attention-muted_1v6kv {
154
+ } .bottom-sheet__background-attention-muted_phj6o {
152
155
  background-color: var(--color-light-bg-attention-muted);
153
- } .bottom-sheet__background-positive-muted_1v6kv {
156
+ } .bottom-sheet__background-positive-muted_phj6o {
154
157
  background-color: var(--color-light-bg-positive-muted);
155
- } .bottom-sheet__background-negative-muted_1v6kv {
158
+ } .bottom-sheet__background-negative-muted_phj6o {
156
159
  background-color: var(--color-light-bg-negative-muted);
157
- } .bottom-sheet__background-primary_1v6kv {
160
+ } .bottom-sheet__background-primary_phj6o {
158
161
  background-color: var(--color-light-bg-primary);
159
- } .bottom-sheet__background-primary-inverted_1v6kv {
162
+ } .bottom-sheet__background-primary-inverted_phj6o {
160
163
  background-color: var(--color-light-bg-primary-inverted);
161
- } .bottom-sheet__background-secondary_1v6kv {
164
+ } .bottom-sheet__background-secondary_phj6o {
162
165
  background-color: var(--color-light-bg-secondary);
163
- } .bottom-sheet__background-secondary-inverted_1v6kv {
166
+ } .bottom-sheet__background-secondary-inverted_phj6o {
164
167
  background-color: var(--color-light-bg-secondary-inverted);
165
- } .bottom-sheet__background-tertiary_1v6kv {
168
+ } .bottom-sheet__background-tertiary_phj6o {
166
169
  background-color: var(--color-light-bg-tertiary);
167
- } .bottom-sheet__background-tertiary-inverted_1v6kv {
170
+ } .bottom-sheet__background-tertiary-inverted_phj6o {
168
171
  background-color: var(--color-light-bg-tertiary-inverted);
169
- } .bottom-sheet__background-quaternary_1v6kv {
172
+ } .bottom-sheet__background-quaternary_phj6o {
170
173
  background-color: var(--color-light-bg-quaternary);
171
- } .bottom-sheet__background-quaternary-inverted_1v6kv {
174
+ } .bottom-sheet__background-quaternary-inverted_phj6o {
172
175
  background-color: var(--color-light-bg-quaternary-inverted);
173
- } .bottom-sheet__background-specialbg-component_1v6kv {
176
+ } .bottom-sheet__background-specialbg-component_phj6o {
174
177
  background-color: var(--color-light-specialbg-component);
175
- } .bottom-sheet__background-specialbg-component-inverted_1v6kv {
178
+ } .bottom-sheet__background-specialbg-component-inverted_phj6o {
176
179
  background-color: var(--color-light-specialbg-component-inverted);
177
- } .bottom-sheet__background-specialbg-primary-grouped_1v6kv {
180
+ } .bottom-sheet__background-specialbg-primary-grouped_phj6o {
178
181
  background-color: var(--color-light-specialbg-primary-grouped);
179
- } .bottom-sheet__background-specialbg-secondary-grouped_1v6kv {
182
+ } .bottom-sheet__background-specialbg-secondary-grouped_phj6o {
180
183
  background-color: var(--color-light-specialbg-secondary-grouped);
181
- } .bottom-sheet__background-specialbg-tertiary-grouped_1v6kv {
184
+ } .bottom-sheet__background-specialbg-tertiary-grouped_phj6o {
182
185
  background-color: var(--color-light-specialbg-tertiary-grouped);
183
- } .bottom-sheet__background-specialbg-secondary-transparent_1v6kv {
186
+ } .bottom-sheet__background-specialbg-secondary-transparent_phj6o {
184
187
  background-color: var(--color-light-specialbg-secondary-transparent);
185
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1v6kv {
188
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_phj6o {
186
189
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
187
- } .bottom-sheet__background-specialbg-tertiary-transparent_1v6kv {
190
+ } .bottom-sheet__background-specialbg-tertiary-transparent_phj6o {
188
191
  background-color: var(--color-light-specialbg-tertiary-transparent);
189
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1v6kv {
192
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_phj6o {
190
193
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
191
194
  }
package/modern/component.js CHANGED
@@ -12,7 +12,7 @@ import { horizontalDirections } from './consts/swipeConsts.js';
12
12
  import { useVisibleViewportSize } from './hooks/use-visualviewport-size.js';
13
13
  import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
14
14
 
15
- const 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"};
15
+ const 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"};
16
16
  require('./index.css')
17
17
 
18
18
  const { isNil } = fnUtils;
package/modern/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/modern';
4
4
 
5
- const 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
+ const 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
  const Footer = ({ children, className, sticky, dataTestId }) => {