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

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 (26) hide show
  1. package/component.js +1 -1
  2. package/components/footer/Component.js +1 -1
  3. package/components/footer/index.css +28 -27
  4. package/components/header/Component.js +1 -1
  5. package/components/header/index.css +21 -18
  6. package/cssm/components/footer/index.module.css +2 -1
  7. package/cssm/components/header/index.module.css +8 -5
  8. package/cssm/index.module.css +6 -4
  9. package/esm/component.js +1 -1
  10. package/esm/components/footer/Component.js +1 -1
  11. package/esm/components/footer/index.css +28 -27
  12. package/esm/components/header/Component.js +1 -1
  13. package/esm/components/header/index.css +21 -18
  14. package/esm/index.css +51 -49
  15. package/index.css +51 -49
  16. package/modern/component.js +1 -1
  17. package/modern/components/footer/Component.js +1 -1
  18. package/modern/components/footer/index.css +28 -27
  19. package/modern/components/header/Component.js +1 -1
  20. package/modern/components/header/index.css +21 -18
  21. package/modern/index.css +51 -49
  22. package/package.json +5 -5
  23. package/src/components/footer/index.module.css +1 -1
  24. package/src/components/header/index.module.css +2 -2
  25. package/src/index.module.css +4 -4
  26. package/src/vars.css +3 -3
package/esm/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: grxyn */
1
+ /* hash: h2imv */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,6 +20,9 @@
20
20
  --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-4: var(--gap-2xs);
24
+ --gap-8: var(--gap-xs);
25
+ --gap-12: var(--gap-s);
23
26
  } :root {
24
27
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
25
28
  sans-serif;
@@ -28,48 +31,48 @@
28
31
 
29
32
  /* header */
30
33
  --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
31
- --bottom-sheet-title-font-size: 18px;
32
- --bottom-sheet-title-font-weight: 700;
33
- --bottom-sheet-title-line-height: 24px;
34
+ --bottom-sheet-title-font-size: 20px;
35
+ --bottom-sheet-title-font-weight: 600;
36
+ --bottom-sheet-title-line-height: 28px;
34
37
  --bottom-sheet-title-font-family: var(--font-family-system);
35
38
 
36
39
  /* footer */
37
- } .bottom-sheet__headerWrapper_iayhz {
38
- padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
40
+ } .bottom-sheet__headerWrapper_c0279 {
41
+ padding: var(--gap-12) var(--gap-8) var(--gap-4);
39
42
  border-top-left-radius: inherit;
40
43
  border-top-right-radius: inherit;
41
44
  z-index: 1;
42
- } .bottom-sheet__hasContent_iayhz {
45
+ } .bottom-sheet__hasContent_c0279 {
43
46
  background-color: inherit;
44
- } .bottom-sheet__header_iayhz {
47
+ } .bottom-sheet__header_c0279 {
45
48
  display: flex;
46
- } .bottom-sheet__sticky_iayhz {
49
+ } .bottom-sheet__sticky_c0279 {
47
50
  position: sticky;
48
51
  top: 0;
49
- } .bottom-sheet__highlighted_iayhz {
52
+ } .bottom-sheet__highlighted_c0279 {
50
53
  border-bottom: var(--bottom-sheet-header-border-bottom);
51
- } .bottom-sheet__justifyEnd_iayhz {
54
+ } .bottom-sheet__justifyEnd_c0279 {
52
55
  justify-content: flex-end;
53
- } .bottom-sheet__addon_iayhz {
56
+ } .bottom-sheet__addon_c0279 {
54
57
  display: flex;
55
58
  justify-content: center;
56
59
  align-items: center;
57
60
  min-width: 48px;
58
61
  height: 48px;
59
- } .bottom-sheet__addonFixed_iayhz {
62
+ } .bottom-sheet__addonFixed_c0279 {
60
63
  position: fixed;
61
- } .bottom-sheet__title_iayhz {
62
- padding: var(--gap-s) var(--gap-xs);
64
+ } .bottom-sheet__title_c0279 {
65
+ padding: 10px var(--gap-8);
63
66
  width: 100%;
64
67
  font-size: var(--bottom-sheet-title-font-size);
65
68
  font-weight: var(--bottom-sheet-title-font-weight);
66
69
  line-height: var(--bottom-sheet-title-line-height);
67
70
  font-family: var(--bottom-sheet-title-font-family);
68
- } .bottom-sheet__titleCenter_iayhz {
71
+ } .bottom-sheet__titleCenter_c0279 {
69
72
  text-align: center;
70
- } .bottom-sheet__titleLeft_iayhz {
73
+ } .bottom-sheet__titleLeft_c0279 {
71
74
  text-align: left;
72
- } .bottom-sheet__trimTitle_iayhz {
75
+ } .bottom-sheet__trimTitle_c0279 {
73
76
  white-space: nowrap;
74
77
  overflow: hidden;
75
78
  text-overflow: ellipsis;
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15do9 */
1
+ /* hash: igg34 */
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;
@@ -45,6 +45,8 @@
45
45
  --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
46
 
47
47
  /* новые значения, используйте их */
48
+ --gap-4: var(--gap-2xs);
49
+ --gap-16: var(--gap-m);
48
50
  } :root {
49
51
  } :root {
50
52
  } :root {
@@ -56,25 +58,25 @@
56
58
  /* header */
57
59
 
58
60
  /* footer */
59
- } .bottom-sheet__modal_1r78m {
61
+ } .bottom-sheet__modal_3cuam {
60
62
  bottom: 0;
61
63
  width: 100%;
62
64
  max-width: 600px;
63
65
  pointer-events: none;
64
66
  touch-action: none;
65
- } .bottom-sheet__modal_1r78m.bottom-sheet__modal_1r78m {
67
+ } .bottom-sheet__modal_3cuam.bottom-sheet__modal_3cuam {
66
68
  background-color: transparent;
67
69
  position: fixed;
68
- } .bottom-sheet__wrapper_1r78m {
70
+ } .bottom-sheet__wrapper_3cuam {
69
71
  transform: translateY(100%);
70
72
  pointer-events: none;
71
73
  touch-action: none;
72
74
  border-top-right-radius: var(--bottom-sheet-top-radius);
73
75
  border-top-left-radius: var(--bottom-sheet-top-radius);
74
76
  transition: border-radius 0.3s ease;
75
- } .bottom-sheet__fullscreen_1r78m {
77
+ } .bottom-sheet__fullscreen_3cuam {
76
78
  border-radius: 0;
77
- } .bottom-sheet__component_1r78m {
79
+ } .bottom-sheet__component_3cuam {
78
80
  position: relative;
79
81
  display: flex;
80
82
  flex-direction: column;
@@ -82,9 +84,9 @@
82
84
  background-color: var(--color-light-modal-bg-primary);
83
85
  pointer-events: all;
84
86
  box-shadow: var(--bottom-sheet-shadow);
85
- } .bottom-sheet__withTransition_1r78m {
87
+ } .bottom-sheet__withTransition_3cuam {
86
88
  transition: var(--bottom-sheet-out-transition);
87
- } .bottom-sheet__scrollableContainer_1r78m {
89
+ } .bottom-sheet__scrollableContainer_3cuam {
88
90
  overflow: auto;
89
91
  display: flex;
90
92
  flex-direction: column;
@@ -93,97 +95,97 @@
93
95
  background-color: inherit;
94
96
  border-radius: inherit;
95
97
  overscroll-behavior: contain;
96
- } .bottom-sheet__marker_1r78m {
98
+ } .bottom-sheet__marker_3cuam {
97
99
  position: fixed;
98
- top: var(--gap-2xs);
100
+ top: var(--gap-4);
99
101
  right: 0;
100
102
  left: 0;
101
103
  z-index: 1000;
102
104
  width: 36px;
103
105
  margin: 0 auto;
104
- } .bottom-sheet__defaultMarker_1r78m {
106
+ } .bottom-sheet__defaultMarker_3cuam {
105
107
  height: 4px;
106
108
  border-radius: var(--border-radius-xxl);
107
109
  background-color: var(--color-light-neutral-translucent-300);
108
- } .bottom-sheet__content_1r78m {
110
+ } .bottom-sheet__content_3cuam {
109
111
  position: relative;
110
112
  z-index: 0;
111
113
  display: flex;
112
114
  flex-direction: column;
113
115
  flex: 1;
114
- padding: 0 var(--gap-m);
116
+ padding: 0 var(--gap-16);
115
117
  color: var(--color-light-text-primary);
116
118
  background-color: inherit;
117
119
  border-radius: inherit;
118
- } .bottom-sheet__noHeader_1r78m {
119
- padding-top: var(--gap-m);
120
- } .bottom-sheet__noFooter_1r78m {
121
- padding-bottom: var(--gap-m);
122
- } .bottom-sheet__scrollLocked_1r78m {
120
+ } .bottom-sheet__noHeader_3cuam {
121
+ padding-top: var(--gap-16);
122
+ } .bottom-sheet__noFooter_3cuam {
123
+ padding-bottom: var(--gap-16);
124
+ } .bottom-sheet__scrollLocked_3cuam {
123
125
  overflow: hidden;
124
- } .bottom-sheet__hiddenScrollbar_1r78m {
126
+ } .bottom-sheet__hiddenScrollbar_3cuam {
125
127
  scrollbar-width: none
126
- } .bottom-sheet__hiddenScrollbar_1r78m::-webkit-scrollbar {
128
+ } .bottom-sheet__hiddenScrollbar_3cuam::-webkit-scrollbar {
127
129
  width: 0;
128
130
  height: 0;
129
- } .bottom-sheet__disabledPointerEvents_1r78m {
131
+ } .bottom-sheet__disabledPointerEvents_3cuam {
130
132
  pointer-events: none;
131
- } .bottom-sheet__appear_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enter_1r78m .bottom-sheet__wrapper_1r78m {
133
+ } .bottom-sheet__appear_3cuam .bottom-sheet__wrapper_3cuam, .bottom-sheet__enter_3cuam .bottom-sheet__wrapper_3cuam {
132
134
  transition: none;
133
- } .bottom-sheet__appearActive_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enterActive_1r78m .bottom-sheet__wrapper_1r78m {
135
+ } .bottom-sheet__appearActive_3cuam .bottom-sheet__wrapper_3cuam, .bottom-sheet__enterActive_3cuam .bottom-sheet__wrapper_3cuam {
134
136
  transition: var(--bottom-sheet-in-transition);
135
137
  transform: translateY(0);
136
- } .bottom-sheet__enterDone_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__appearDone_1r78m .bottom-sheet__wrapper_1r78m {
138
+ } .bottom-sheet__enterDone_3cuam .bottom-sheet__wrapper_3cuam, .bottom-sheet__appearDone_3cuam .bottom-sheet__wrapper_3cuam {
137
139
  transform: translateY(0);
138
- } .bottom-sheet__exit_1r78m .bottom-sheet__wrapper_1r78m {
140
+ } .bottom-sheet__exit_3cuam .bottom-sheet__wrapper_3cuam {
139
141
  transform: translateY(0);
140
- } .bottom-sheet__exitActive_1r78m .bottom-sheet__wrapper_1r78m {
142
+ } .bottom-sheet__exitActive_3cuam .bottom-sheet__wrapper_3cuam {
141
143
  transition: var(--bottom-sheet-out-transition);
142
144
  transform: translateY(100%);
143
- } .bottom-sheet__safeAreaBottom_1r78m {
145
+ } .bottom-sheet__safeAreaBottom_3cuam {
144
146
  padding-bottom: env(safe-area-inset-bottom);
145
- } .bottom-sheet__background-accent_1r78m {
147
+ } .bottom-sheet__background-accent_3cuam {
146
148
  background-color: var(--color-light-bg-accent);
147
- } .bottom-sheet__background-info_1r78m {
149
+ } .bottom-sheet__background-info_3cuam {
148
150
  background-color: var(--color-light-bg-info);
149
- } .bottom-sheet__background-attention-muted_1r78m {
151
+ } .bottom-sheet__background-attention-muted_3cuam {
150
152
  background-color: var(--color-light-bg-attention-muted);
151
- } .bottom-sheet__background-positive-muted_1r78m {
153
+ } .bottom-sheet__background-positive-muted_3cuam {
152
154
  background-color: var(--color-light-bg-positive-muted);
153
- } .bottom-sheet__background-negative-muted_1r78m {
155
+ } .bottom-sheet__background-negative-muted_3cuam {
154
156
  background-color: var(--color-light-bg-negative-muted);
155
- } .bottom-sheet__background-primary_1r78m {
157
+ } .bottom-sheet__background-primary_3cuam {
156
158
  background-color: var(--color-light-bg-primary);
157
- } .bottom-sheet__background-primary-inverted_1r78m {
159
+ } .bottom-sheet__background-primary-inverted_3cuam {
158
160
  background-color: var(--color-light-bg-primary-inverted);
159
- } .bottom-sheet__background-secondary_1r78m {
161
+ } .bottom-sheet__background-secondary_3cuam {
160
162
  background-color: var(--color-light-bg-secondary);
161
- } .bottom-sheet__background-secondary-inverted_1r78m {
163
+ } .bottom-sheet__background-secondary-inverted_3cuam {
162
164
  background-color: var(--color-light-bg-secondary-inverted);
163
- } .bottom-sheet__background-tertiary_1r78m {
165
+ } .bottom-sheet__background-tertiary_3cuam {
164
166
  background-color: var(--color-light-bg-tertiary);
165
- } .bottom-sheet__background-tertiary-inverted_1r78m {
167
+ } .bottom-sheet__background-tertiary-inverted_3cuam {
166
168
  background-color: var(--color-light-bg-tertiary-inverted);
167
- } .bottom-sheet__background-quaternary_1r78m {
169
+ } .bottom-sheet__background-quaternary_3cuam {
168
170
  background-color: var(--color-light-bg-quaternary);
169
- } .bottom-sheet__background-quaternary-inverted_1r78m {
171
+ } .bottom-sheet__background-quaternary-inverted_3cuam {
170
172
  background-color: var(--color-light-bg-quaternary-inverted);
171
- } .bottom-sheet__background-specialbg-component_1r78m {
173
+ } .bottom-sheet__background-specialbg-component_3cuam {
172
174
  background-color: var(--color-light-specialbg-component);
173
- } .bottom-sheet__background-specialbg-component-inverted_1r78m {
175
+ } .bottom-sheet__background-specialbg-component-inverted_3cuam {
174
176
  background-color: var(--color-light-specialbg-component-inverted);
175
- } .bottom-sheet__background-specialbg-primary-grouped_1r78m {
177
+ } .bottom-sheet__background-specialbg-primary-grouped_3cuam {
176
178
  background-color: var(--color-light-specialbg-primary-grouped);
177
- } .bottom-sheet__background-specialbg-secondary-grouped_1r78m {
179
+ } .bottom-sheet__background-specialbg-secondary-grouped_3cuam {
178
180
  background-color: var(--color-light-specialbg-secondary-grouped);
179
- } .bottom-sheet__background-specialbg-tertiary-grouped_1r78m {
181
+ } .bottom-sheet__background-specialbg-tertiary-grouped_3cuam {
180
182
  background-color: var(--color-light-specialbg-tertiary-grouped);
181
- } .bottom-sheet__background-specialbg-secondary-transparent_1r78m {
183
+ } .bottom-sheet__background-specialbg-secondary-transparent_3cuam {
182
184
  background-color: var(--color-light-specialbg-secondary-transparent);
183
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m {
185
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_3cuam {
184
186
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
185
- } .bottom-sheet__background-specialbg-tertiary-transparent_1r78m {
187
+ } .bottom-sheet__background-specialbg-tertiary-transparent_3cuam {
186
188
  background-color: var(--color-light-specialbg-tertiary-transparent);
187
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m {
189
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_3cuam {
188
190
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
189
191
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15do9 */
1
+ /* hash: igg34 */
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;
@@ -45,6 +45,8 @@
45
45
  --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
46
 
47
47
  /* новые значения, используйте их */
48
+ --gap-4: var(--gap-2xs);
49
+ --gap-16: var(--gap-m);
48
50
  } :root {
49
51
  } :root {
50
52
  } :root {
@@ -56,25 +58,25 @@
56
58
  /* header */
57
59
 
58
60
  /* footer */
59
- } .bottom-sheet__modal_1r78m {
61
+ } .bottom-sheet__modal_3cuam {
60
62
  bottom: 0;
61
63
  width: 100%;
62
64
  max-width: 600px;
63
65
  pointer-events: none;
64
66
  touch-action: none;
65
- } .bottom-sheet__modal_1r78m.bottom-sheet__modal_1r78m {
67
+ } .bottom-sheet__modal_3cuam.bottom-sheet__modal_3cuam {
66
68
  background-color: transparent;
67
69
  position: fixed;
68
- } .bottom-sheet__wrapper_1r78m {
70
+ } .bottom-sheet__wrapper_3cuam {
69
71
  transform: translateY(100%);
70
72
  pointer-events: none;
71
73
  touch-action: none;
72
74
  border-top-right-radius: var(--bottom-sheet-top-radius);
73
75
  border-top-left-radius: var(--bottom-sheet-top-radius);
74
76
  transition: border-radius 0.3s ease;
75
- } .bottom-sheet__fullscreen_1r78m {
77
+ } .bottom-sheet__fullscreen_3cuam {
76
78
  border-radius: 0;
77
- } .bottom-sheet__component_1r78m {
79
+ } .bottom-sheet__component_3cuam {
78
80
  position: relative;
79
81
  display: flex;
80
82
  flex-direction: column;
@@ -82,9 +84,9 @@
82
84
  background-color: var(--color-light-modal-bg-primary);
83
85
  pointer-events: all;
84
86
  box-shadow: var(--bottom-sheet-shadow);
85
- } .bottom-sheet__withTransition_1r78m {
87
+ } .bottom-sheet__withTransition_3cuam {
86
88
  transition: var(--bottom-sheet-out-transition);
87
- } .bottom-sheet__scrollableContainer_1r78m {
89
+ } .bottom-sheet__scrollableContainer_3cuam {
88
90
  overflow: auto;
89
91
  display: flex;
90
92
  flex-direction: column;
@@ -93,97 +95,97 @@
93
95
  background-color: inherit;
94
96
  border-radius: inherit;
95
97
  overscroll-behavior: contain;
96
- } .bottom-sheet__marker_1r78m {
98
+ } .bottom-sheet__marker_3cuam {
97
99
  position: fixed;
98
- top: var(--gap-2xs);
100
+ top: var(--gap-4);
99
101
  right: 0;
100
102
  left: 0;
101
103
  z-index: 1000;
102
104
  width: 36px;
103
105
  margin: 0 auto;
104
- } .bottom-sheet__defaultMarker_1r78m {
106
+ } .bottom-sheet__defaultMarker_3cuam {
105
107
  height: 4px;
106
108
  border-radius: var(--border-radius-xxl);
107
109
  background-color: var(--color-light-neutral-translucent-300);
108
- } .bottom-sheet__content_1r78m {
110
+ } .bottom-sheet__content_3cuam {
109
111
  position: relative;
110
112
  z-index: 0;
111
113
  display: flex;
112
114
  flex-direction: column;
113
115
  flex: 1;
114
- padding: 0 var(--gap-m);
116
+ padding: 0 var(--gap-16);
115
117
  color: var(--color-light-text-primary);
116
118
  background-color: inherit;
117
119
  border-radius: inherit;
118
- } .bottom-sheet__noHeader_1r78m {
119
- padding-top: var(--gap-m);
120
- } .bottom-sheet__noFooter_1r78m {
121
- padding-bottom: var(--gap-m);
122
- } .bottom-sheet__scrollLocked_1r78m {
120
+ } .bottom-sheet__noHeader_3cuam {
121
+ padding-top: var(--gap-16);
122
+ } .bottom-sheet__noFooter_3cuam {
123
+ padding-bottom: var(--gap-16);
124
+ } .bottom-sheet__scrollLocked_3cuam {
123
125
  overflow: hidden;
124
- } .bottom-sheet__hiddenScrollbar_1r78m {
126
+ } .bottom-sheet__hiddenScrollbar_3cuam {
125
127
  scrollbar-width: none
126
- } .bottom-sheet__hiddenScrollbar_1r78m::-webkit-scrollbar {
128
+ } .bottom-sheet__hiddenScrollbar_3cuam::-webkit-scrollbar {
127
129
  width: 0;
128
130
  height: 0;
129
- } .bottom-sheet__disabledPointerEvents_1r78m {
131
+ } .bottom-sheet__disabledPointerEvents_3cuam {
130
132
  pointer-events: none;
131
- } .bottom-sheet__appear_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enter_1r78m .bottom-sheet__wrapper_1r78m {
133
+ } .bottom-sheet__appear_3cuam .bottom-sheet__wrapper_3cuam, .bottom-sheet__enter_3cuam .bottom-sheet__wrapper_3cuam {
132
134
  transition: none;
133
- } .bottom-sheet__appearActive_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enterActive_1r78m .bottom-sheet__wrapper_1r78m {
135
+ } .bottom-sheet__appearActive_3cuam .bottom-sheet__wrapper_3cuam, .bottom-sheet__enterActive_3cuam .bottom-sheet__wrapper_3cuam {
134
136
  transition: var(--bottom-sheet-in-transition);
135
137
  transform: translateY(0);
136
- } .bottom-sheet__enterDone_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__appearDone_1r78m .bottom-sheet__wrapper_1r78m {
138
+ } .bottom-sheet__enterDone_3cuam .bottom-sheet__wrapper_3cuam, .bottom-sheet__appearDone_3cuam .bottom-sheet__wrapper_3cuam {
137
139
  transform: translateY(0);
138
- } .bottom-sheet__exit_1r78m .bottom-sheet__wrapper_1r78m {
140
+ } .bottom-sheet__exit_3cuam .bottom-sheet__wrapper_3cuam {
139
141
  transform: translateY(0);
140
- } .bottom-sheet__exitActive_1r78m .bottom-sheet__wrapper_1r78m {
142
+ } .bottom-sheet__exitActive_3cuam .bottom-sheet__wrapper_3cuam {
141
143
  transition: var(--bottom-sheet-out-transition);
142
144
  transform: translateY(100%);
143
- } .bottom-sheet__safeAreaBottom_1r78m {
145
+ } .bottom-sheet__safeAreaBottom_3cuam {
144
146
  padding-bottom: env(safe-area-inset-bottom);
145
- } .bottom-sheet__background-accent_1r78m {
147
+ } .bottom-sheet__background-accent_3cuam {
146
148
  background-color: var(--color-light-bg-accent);
147
- } .bottom-sheet__background-info_1r78m {
149
+ } .bottom-sheet__background-info_3cuam {
148
150
  background-color: var(--color-light-bg-info);
149
- } .bottom-sheet__background-attention-muted_1r78m {
151
+ } .bottom-sheet__background-attention-muted_3cuam {
150
152
  background-color: var(--color-light-bg-attention-muted);
151
- } .bottom-sheet__background-positive-muted_1r78m {
153
+ } .bottom-sheet__background-positive-muted_3cuam {
152
154
  background-color: var(--color-light-bg-positive-muted);
153
- } .bottom-sheet__background-negative-muted_1r78m {
155
+ } .bottom-sheet__background-negative-muted_3cuam {
154
156
  background-color: var(--color-light-bg-negative-muted);
155
- } .bottom-sheet__background-primary_1r78m {
157
+ } .bottom-sheet__background-primary_3cuam {
156
158
  background-color: var(--color-light-bg-primary);
157
- } .bottom-sheet__background-primary-inverted_1r78m {
159
+ } .bottom-sheet__background-primary-inverted_3cuam {
158
160
  background-color: var(--color-light-bg-primary-inverted);
159
- } .bottom-sheet__background-secondary_1r78m {
161
+ } .bottom-sheet__background-secondary_3cuam {
160
162
  background-color: var(--color-light-bg-secondary);
161
- } .bottom-sheet__background-secondary-inverted_1r78m {
163
+ } .bottom-sheet__background-secondary-inverted_3cuam {
162
164
  background-color: var(--color-light-bg-secondary-inverted);
163
- } .bottom-sheet__background-tertiary_1r78m {
165
+ } .bottom-sheet__background-tertiary_3cuam {
164
166
  background-color: var(--color-light-bg-tertiary);
165
- } .bottom-sheet__background-tertiary-inverted_1r78m {
167
+ } .bottom-sheet__background-tertiary-inverted_3cuam {
166
168
  background-color: var(--color-light-bg-tertiary-inverted);
167
- } .bottom-sheet__background-quaternary_1r78m {
169
+ } .bottom-sheet__background-quaternary_3cuam {
168
170
  background-color: var(--color-light-bg-quaternary);
169
- } .bottom-sheet__background-quaternary-inverted_1r78m {
171
+ } .bottom-sheet__background-quaternary-inverted_3cuam {
170
172
  background-color: var(--color-light-bg-quaternary-inverted);
171
- } .bottom-sheet__background-specialbg-component_1r78m {
173
+ } .bottom-sheet__background-specialbg-component_3cuam {
172
174
  background-color: var(--color-light-specialbg-component);
173
- } .bottom-sheet__background-specialbg-component-inverted_1r78m {
175
+ } .bottom-sheet__background-specialbg-component-inverted_3cuam {
174
176
  background-color: var(--color-light-specialbg-component-inverted);
175
- } .bottom-sheet__background-specialbg-primary-grouped_1r78m {
177
+ } .bottom-sheet__background-specialbg-primary-grouped_3cuam {
176
178
  background-color: var(--color-light-specialbg-primary-grouped);
177
- } .bottom-sheet__background-specialbg-secondary-grouped_1r78m {
179
+ } .bottom-sheet__background-specialbg-secondary-grouped_3cuam {
178
180
  background-color: var(--color-light-specialbg-secondary-grouped);
179
- } .bottom-sheet__background-specialbg-tertiary-grouped_1r78m {
181
+ } .bottom-sheet__background-specialbg-tertiary-grouped_3cuam {
180
182
  background-color: var(--color-light-specialbg-tertiary-grouped);
181
- } .bottom-sheet__background-specialbg-secondary-transparent_1r78m {
183
+ } .bottom-sheet__background-specialbg-secondary-transparent_3cuam {
182
184
  background-color: var(--color-light-specialbg-secondary-transparent);
183
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m {
185
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_3cuam {
184
186
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
185
- } .bottom-sheet__background-specialbg-tertiary-transparent_1r78m {
187
+ } .bottom-sheet__background-specialbg-tertiary-transparent_3cuam {
186
188
  background-color: var(--color-light-specialbg-tertiary-transparent);
187
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m {
189
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_3cuam {
188
190
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
189
191
  }
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_1r78m","wrapper":"bottom-sheet__wrapper_1r78m","fullscreen":"bottom-sheet__fullscreen_1r78m","component":"bottom-sheet__component_1r78m","withTransition":"bottom-sheet__withTransition_1r78m","scrollableContainer":"bottom-sheet__scrollableContainer_1r78m","marker":"bottom-sheet__marker_1r78m","defaultMarker":"bottom-sheet__defaultMarker_1r78m","content":"bottom-sheet__content_1r78m","noHeader":"bottom-sheet__noHeader_1r78m","noFooter":"bottom-sheet__noFooter_1r78m","scrollLocked":"bottom-sheet__scrollLocked_1r78m","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1r78m","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1r78m","appear":"bottom-sheet__appear_1r78m","enter":"bottom-sheet__enter_1r78m","appearActive":"bottom-sheet__appearActive_1r78m","enterActive":"bottom-sheet__enterActive_1r78m","enterDone":"bottom-sheet__enterDone_1r78m","appearDone":"bottom-sheet__appearDone_1r78m","exit":"bottom-sheet__exit_1r78m","exitActive":"bottom-sheet__exitActive_1r78m","safeAreaBottom":"bottom-sheet__safeAreaBottom_1r78m","background-accent":"bottom-sheet__background-accent_1r78m","background-info":"bottom-sheet__background-info_1r78m","background-attention-muted":"bottom-sheet__background-attention-muted_1r78m","background-positive-muted":"bottom-sheet__background-positive-muted_1r78m","background-negative-muted":"bottom-sheet__background-negative-muted_1r78m","background-primary":"bottom-sheet__background-primary_1r78m","background-primary-inverted":"bottom-sheet__background-primary-inverted_1r78m","background-secondary":"bottom-sheet__background-secondary_1r78m","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1r78m","background-tertiary":"bottom-sheet__background-tertiary_1r78m","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1r78m","background-quaternary":"bottom-sheet__background-quaternary_1r78m","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1r78m","background-specialbg-component":"bottom-sheet__background-specialbg-component_1r78m","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1r78m","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1r78m","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1r78m","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1r78m","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1r78m","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1r78m","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m"};
15
+ const styles = {"modal":"bottom-sheet__modal_3cuam","wrapper":"bottom-sheet__wrapper_3cuam","fullscreen":"bottom-sheet__fullscreen_3cuam","component":"bottom-sheet__component_3cuam","withTransition":"bottom-sheet__withTransition_3cuam","scrollableContainer":"bottom-sheet__scrollableContainer_3cuam","marker":"bottom-sheet__marker_3cuam","defaultMarker":"bottom-sheet__defaultMarker_3cuam","content":"bottom-sheet__content_3cuam","noHeader":"bottom-sheet__noHeader_3cuam","noFooter":"bottom-sheet__noFooter_3cuam","scrollLocked":"bottom-sheet__scrollLocked_3cuam","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_3cuam","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_3cuam","appear":"bottom-sheet__appear_3cuam","enter":"bottom-sheet__enter_3cuam","appearActive":"bottom-sheet__appearActive_3cuam","enterActive":"bottom-sheet__enterActive_3cuam","enterDone":"bottom-sheet__enterDone_3cuam","appearDone":"bottom-sheet__appearDone_3cuam","exit":"bottom-sheet__exit_3cuam","exitActive":"bottom-sheet__exitActive_3cuam","safeAreaBottom":"bottom-sheet__safeAreaBottom_3cuam","background-accent":"bottom-sheet__background-accent_3cuam","background-info":"bottom-sheet__background-info_3cuam","background-attention-muted":"bottom-sheet__background-attention-muted_3cuam","background-positive-muted":"bottom-sheet__background-positive-muted_3cuam","background-negative-muted":"bottom-sheet__background-negative-muted_3cuam","background-primary":"bottom-sheet__background-primary_3cuam","background-primary-inverted":"bottom-sheet__background-primary-inverted_3cuam","background-secondary":"bottom-sheet__background-secondary_3cuam","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_3cuam","background-tertiary":"bottom-sheet__background-tertiary_3cuam","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_3cuam","background-quaternary":"bottom-sheet__background-quaternary_3cuam","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_3cuam","background-specialbg-component":"bottom-sheet__background-specialbg-component_3cuam","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_3cuam","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_3cuam","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_3cuam","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_3cuam","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_3cuam","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_3cuam","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_3cuam","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_3cuam"};
16
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_1g0bh","sticky":"bottom-sheet__sticky_1g0bh","highlighted":"bottom-sheet__highlighted_1g0bh","background-accent":"bottom-sheet__background-accent_1g0bh","background-info":"bottom-sheet__background-info_1g0bh","background-attention-muted":"bottom-sheet__background-attention-muted_1g0bh","background-positive-muted":"bottom-sheet__background-positive-muted_1g0bh","background-negative-muted":"bottom-sheet__background-negative-muted_1g0bh","background-primary":"bottom-sheet__background-primary_1g0bh","background-primary-inverted":"bottom-sheet__background-primary-inverted_1g0bh","background-secondary":"bottom-sheet__background-secondary_1g0bh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1g0bh","background-tertiary":"bottom-sheet__background-tertiary_1g0bh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1g0bh","background-quaternary":"bottom-sheet__background-quaternary_1g0bh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1g0bh","background-specialbg-component":"bottom-sheet__background-specialbg-component_1g0bh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1g0bh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1g0bh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1g0bh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1g0bh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1g0bh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1g0bh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1g0bh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1g0bh"};
5
+ const styles = {"footer":"bottom-sheet__footer_ffvh5","sticky":"bottom-sheet__sticky_ffvh5","highlighted":"bottom-sheet__highlighted_ffvh5","background-accent":"bottom-sheet__background-accent_ffvh5","background-info":"bottom-sheet__background-info_ffvh5","background-attention-muted":"bottom-sheet__background-attention-muted_ffvh5","background-positive-muted":"bottom-sheet__background-positive-muted_ffvh5","background-negative-muted":"bottom-sheet__background-negative-muted_ffvh5","background-primary":"bottom-sheet__background-primary_ffvh5","background-primary-inverted":"bottom-sheet__background-primary-inverted_ffvh5","background-secondary":"bottom-sheet__background-secondary_ffvh5","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_ffvh5","background-tertiary":"bottom-sheet__background-tertiary_ffvh5","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_ffvh5","background-quaternary":"bottom-sheet__background-quaternary_ffvh5","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_ffvh5","background-specialbg-component":"bottom-sheet__background-specialbg-component_ffvh5","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_ffvh5","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_ffvh5","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_ffvh5","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_ffvh5","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_ffvh5","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_ffvh5","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_ffvh5","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_ffvh5"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ children, className, sticky, dataTestId }) => {