@alfalab/core-components-bottom-sheet 6.16.0 → 6.16.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 (23) hide show
  1. package/component.js +1 -1
  2. package/components/footer/Component.js +1 -1
  3. package/components/footer/index.css +33 -29
  4. package/components/header/Component.js +1 -1
  5. package/components/header/index.css +22 -18
  6. package/cssm/components/footer/index.module.css +7 -3
  7. package/cssm/components/header/index.module.css +9 -5
  8. package/cssm/index.module.css +10 -6
  9. package/cssm/vars.css +6 -2
  10. package/esm/component.js +1 -1
  11. package/esm/components/footer/Component.js +1 -1
  12. package/esm/components/footer/index.css +33 -29
  13. package/esm/components/header/Component.js +1 -1
  14. package/esm/components/header/index.css +22 -18
  15. package/esm/index.css +55 -51
  16. package/index.css +55 -51
  17. package/modern/component.js +1 -1
  18. package/modern/components/footer/Component.js +1 -1
  19. package/modern/components/footer/index.css +33 -29
  20. package/modern/components/header/Component.js +1 -1
  21. package/modern/components/header/index.css +22 -18
  22. package/modern/index.css +55 -51
  23. package/package.json +7 -5
package/esm/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1l0li */
1
+ /* hash: grxyn */
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 */
@@ -11,11 +11,15 @@
11
11
  /* Up */
12
12
 
13
13
  /* Hard up */
14
- } :root {
15
- } :root {
16
- --gap-2xs: 4px;
17
- --gap-xs: 8px;
18
- --gap-s: 12px;
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
17
+ } :root { /* deprecated */
18
+ --gap-2xs: 4px; /* deprecated */
19
+ --gap-xs: 8px; /* deprecated */
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
+
22
+ /* новые значения, используйте их */
19
23
  } :root {
20
24
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
21
25
  sans-serif;
@@ -30,42 +34,42 @@
30
34
  --bottom-sheet-title-font-family: var(--font-family-system);
31
35
 
32
36
  /* footer */
33
- } .bottom-sheet__headerWrapper_16ikx {
37
+ } .bottom-sheet__headerWrapper_iayhz {
34
38
  padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
35
39
  border-top-left-radius: inherit;
36
40
  border-top-right-radius: inherit;
37
41
  z-index: 1;
38
- } .bottom-sheet__hasContent_16ikx {
42
+ } .bottom-sheet__hasContent_iayhz {
39
43
  background-color: inherit;
40
- } .bottom-sheet__header_16ikx {
44
+ } .bottom-sheet__header_iayhz {
41
45
  display: flex;
42
- } .bottom-sheet__sticky_16ikx {
46
+ } .bottom-sheet__sticky_iayhz {
43
47
  position: sticky;
44
48
  top: 0;
45
- } .bottom-sheet__highlighted_16ikx {
49
+ } .bottom-sheet__highlighted_iayhz {
46
50
  border-bottom: var(--bottom-sheet-header-border-bottom);
47
- } .bottom-sheet__justifyEnd_16ikx {
51
+ } .bottom-sheet__justifyEnd_iayhz {
48
52
  justify-content: flex-end;
49
- } .bottom-sheet__addon_16ikx {
53
+ } .bottom-sheet__addon_iayhz {
50
54
  display: flex;
51
55
  justify-content: center;
52
56
  align-items: center;
53
57
  min-width: 48px;
54
58
  height: 48px;
55
- } .bottom-sheet__addonFixed_16ikx {
59
+ } .bottom-sheet__addonFixed_iayhz {
56
60
  position: fixed;
57
- } .bottom-sheet__title_16ikx {
61
+ } .bottom-sheet__title_iayhz {
58
62
  padding: var(--gap-s) var(--gap-xs);
59
63
  width: 100%;
60
64
  font-size: var(--bottom-sheet-title-font-size);
61
65
  font-weight: var(--bottom-sheet-title-font-weight);
62
66
  line-height: var(--bottom-sheet-title-line-height);
63
67
  font-family: var(--bottom-sheet-title-font-family);
64
- } .bottom-sheet__titleCenter_16ikx {
68
+ } .bottom-sheet__titleCenter_iayhz {
65
69
  text-align: center;
66
- } .bottom-sheet__titleLeft_16ikx {
70
+ } .bottom-sheet__titleLeft_iayhz {
67
71
  text-align: left;
68
- } .bottom-sheet__trimTitle_16ikx {
72
+ } .bottom-sheet__trimTitle_iayhz {
69
73
  white-space: nowrap;
70
74
  overflow: hidden;
71
75
  text-overflow: ellipsis;
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: y68wa */
1
+ /* hash: 15do9 */
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;
@@ -35,12 +35,16 @@
35
35
  /* Up */
36
36
 
37
37
  /* Hard up */
38
- } :root {
39
- --border-radius-xl: 16px;
40
- --border-radius-xxl: 20px;
41
- } :root {
42
- --gap-2xs: 4px;
43
- --gap-m: 16px;
38
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
39
+ --border-radius-xl: 16px; /* deprecated */
40
+ --border-radius-xxl: 20px; /* deprecated */ /* deprecated */
41
+
42
+ /* новые значения, используйте их */
43
+ } :root { /* deprecated */
44
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
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
+
47
+ /* новые значения, используйте их */
44
48
  } :root {
45
49
  } :root {
46
50
  } :root {
@@ -52,25 +56,25 @@
52
56
  /* header */
53
57
 
54
58
  /* footer */
55
- } .bottom-sheet__modal_90r42 {
59
+ } .bottom-sheet__modal_1r78m {
56
60
  bottom: 0;
57
61
  width: 100%;
58
62
  max-width: 600px;
59
63
  pointer-events: none;
60
64
  touch-action: none;
61
- } .bottom-sheet__modal_90r42.bottom-sheet__modal_90r42 {
65
+ } .bottom-sheet__modal_1r78m.bottom-sheet__modal_1r78m {
62
66
  background-color: transparent;
63
67
  position: fixed;
64
- } .bottom-sheet__wrapper_90r42 {
68
+ } .bottom-sheet__wrapper_1r78m {
65
69
  transform: translateY(100%);
66
70
  pointer-events: none;
67
71
  touch-action: none;
68
72
  border-top-right-radius: var(--bottom-sheet-top-radius);
69
73
  border-top-left-radius: var(--bottom-sheet-top-radius);
70
74
  transition: border-radius 0.3s ease;
71
- } .bottom-sheet__fullscreen_90r42 {
75
+ } .bottom-sheet__fullscreen_1r78m {
72
76
  border-radius: 0;
73
- } .bottom-sheet__component_90r42 {
77
+ } .bottom-sheet__component_1r78m {
74
78
  position: relative;
75
79
  display: flex;
76
80
  flex-direction: column;
@@ -78,9 +82,9 @@
78
82
  background-color: var(--color-light-modal-bg-primary);
79
83
  pointer-events: all;
80
84
  box-shadow: var(--bottom-sheet-shadow);
81
- } .bottom-sheet__withTransition_90r42 {
85
+ } .bottom-sheet__withTransition_1r78m {
82
86
  transition: var(--bottom-sheet-out-transition);
83
- } .bottom-sheet__scrollableContainer_90r42 {
87
+ } .bottom-sheet__scrollableContainer_1r78m {
84
88
  overflow: auto;
85
89
  display: flex;
86
90
  flex-direction: column;
@@ -89,7 +93,7 @@
89
93
  background-color: inherit;
90
94
  border-radius: inherit;
91
95
  overscroll-behavior: contain;
92
- } .bottom-sheet__marker_90r42 {
96
+ } .bottom-sheet__marker_1r78m {
93
97
  position: fixed;
94
98
  top: var(--gap-2xs);
95
99
  right: 0;
@@ -97,11 +101,11 @@
97
101
  z-index: 1000;
98
102
  width: 36px;
99
103
  margin: 0 auto;
100
- } .bottom-sheet__defaultMarker_90r42 {
104
+ } .bottom-sheet__defaultMarker_1r78m {
101
105
  height: 4px;
102
106
  border-radius: var(--border-radius-xxl);
103
107
  background-color: var(--color-light-neutral-translucent-300);
104
- } .bottom-sheet__content_90r42 {
108
+ } .bottom-sheet__content_1r78m {
105
109
  position: relative;
106
110
  z-index: 0;
107
111
  display: flex;
@@ -111,75 +115,75 @@
111
115
  color: var(--color-light-text-primary);
112
116
  background-color: inherit;
113
117
  border-radius: inherit;
114
- } .bottom-sheet__noHeader_90r42 {
118
+ } .bottom-sheet__noHeader_1r78m {
115
119
  padding-top: var(--gap-m);
116
- } .bottom-sheet__noFooter_90r42 {
120
+ } .bottom-sheet__noFooter_1r78m {
117
121
  padding-bottom: var(--gap-m);
118
- } .bottom-sheet__scrollLocked_90r42 {
122
+ } .bottom-sheet__scrollLocked_1r78m {
119
123
  overflow: hidden;
120
- } .bottom-sheet__hiddenScrollbar_90r42 {
124
+ } .bottom-sheet__hiddenScrollbar_1r78m {
121
125
  scrollbar-width: none
122
- } .bottom-sheet__hiddenScrollbar_90r42::-webkit-scrollbar {
126
+ } .bottom-sheet__hiddenScrollbar_1r78m::-webkit-scrollbar {
123
127
  width: 0;
124
128
  height: 0;
125
- } .bottom-sheet__disabledPointerEvents_90r42 {
129
+ } .bottom-sheet__disabledPointerEvents_1r78m {
126
130
  pointer-events: none;
127
- } .bottom-sheet__appear_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__enter_90r42 .bottom-sheet__wrapper_90r42 {
131
+ } .bottom-sheet__appear_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enter_1r78m .bottom-sheet__wrapper_1r78m {
128
132
  transition: none;
129
- } .bottom-sheet__appearActive_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__enterActive_90r42 .bottom-sheet__wrapper_90r42 {
133
+ } .bottom-sheet__appearActive_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enterActive_1r78m .bottom-sheet__wrapper_1r78m {
130
134
  transition: var(--bottom-sheet-in-transition);
131
135
  transform: translateY(0);
132
- } .bottom-sheet__enterDone_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__appearDone_90r42 .bottom-sheet__wrapper_90r42 {
136
+ } .bottom-sheet__enterDone_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__appearDone_1r78m .bottom-sheet__wrapper_1r78m {
133
137
  transform: translateY(0);
134
- } .bottom-sheet__exit_90r42 .bottom-sheet__wrapper_90r42 {
138
+ } .bottom-sheet__exit_1r78m .bottom-sheet__wrapper_1r78m {
135
139
  transform: translateY(0);
136
- } .bottom-sheet__exitActive_90r42 .bottom-sheet__wrapper_90r42 {
140
+ } .bottom-sheet__exitActive_1r78m .bottom-sheet__wrapper_1r78m {
137
141
  transition: var(--bottom-sheet-out-transition);
138
142
  transform: translateY(100%);
139
- } .bottom-sheet__safeAreaBottom_90r42 {
143
+ } .bottom-sheet__safeAreaBottom_1r78m {
140
144
  padding-bottom: env(safe-area-inset-bottom);
141
- } .bottom-sheet__background-accent_90r42 {
145
+ } .bottom-sheet__background-accent_1r78m {
142
146
  background-color: var(--color-light-bg-accent);
143
- } .bottom-sheet__background-info_90r42 {
147
+ } .bottom-sheet__background-info_1r78m {
144
148
  background-color: var(--color-light-bg-info);
145
- } .bottom-sheet__background-attention-muted_90r42 {
149
+ } .bottom-sheet__background-attention-muted_1r78m {
146
150
  background-color: var(--color-light-bg-attention-muted);
147
- } .bottom-sheet__background-positive-muted_90r42 {
151
+ } .bottom-sheet__background-positive-muted_1r78m {
148
152
  background-color: var(--color-light-bg-positive-muted);
149
- } .bottom-sheet__background-negative-muted_90r42 {
153
+ } .bottom-sheet__background-negative-muted_1r78m {
150
154
  background-color: var(--color-light-bg-negative-muted);
151
- } .bottom-sheet__background-primary_90r42 {
155
+ } .bottom-sheet__background-primary_1r78m {
152
156
  background-color: var(--color-light-bg-primary);
153
- } .bottom-sheet__background-primary-inverted_90r42 {
157
+ } .bottom-sheet__background-primary-inverted_1r78m {
154
158
  background-color: var(--color-light-bg-primary-inverted);
155
- } .bottom-sheet__background-secondary_90r42 {
159
+ } .bottom-sheet__background-secondary_1r78m {
156
160
  background-color: var(--color-light-bg-secondary);
157
- } .bottom-sheet__background-secondary-inverted_90r42 {
161
+ } .bottom-sheet__background-secondary-inverted_1r78m {
158
162
  background-color: var(--color-light-bg-secondary-inverted);
159
- } .bottom-sheet__background-tertiary_90r42 {
163
+ } .bottom-sheet__background-tertiary_1r78m {
160
164
  background-color: var(--color-light-bg-tertiary);
161
- } .bottom-sheet__background-tertiary-inverted_90r42 {
165
+ } .bottom-sheet__background-tertiary-inverted_1r78m {
162
166
  background-color: var(--color-light-bg-tertiary-inverted);
163
- } .bottom-sheet__background-quaternary_90r42 {
167
+ } .bottom-sheet__background-quaternary_1r78m {
164
168
  background-color: var(--color-light-bg-quaternary);
165
- } .bottom-sheet__background-quaternary-inverted_90r42 {
169
+ } .bottom-sheet__background-quaternary-inverted_1r78m {
166
170
  background-color: var(--color-light-bg-quaternary-inverted);
167
- } .bottom-sheet__background-specialbg-component_90r42 {
171
+ } .bottom-sheet__background-specialbg-component_1r78m {
168
172
  background-color: var(--color-light-specialbg-component);
169
- } .bottom-sheet__background-specialbg-component-inverted_90r42 {
173
+ } .bottom-sheet__background-specialbg-component-inverted_1r78m {
170
174
  background-color: var(--color-light-specialbg-component-inverted);
171
- } .bottom-sheet__background-specialbg-primary-grouped_90r42 {
175
+ } .bottom-sheet__background-specialbg-primary-grouped_1r78m {
172
176
  background-color: var(--color-light-specialbg-primary-grouped);
173
- } .bottom-sheet__background-specialbg-secondary-grouped_90r42 {
177
+ } .bottom-sheet__background-specialbg-secondary-grouped_1r78m {
174
178
  background-color: var(--color-light-specialbg-secondary-grouped);
175
- } .bottom-sheet__background-specialbg-tertiary-grouped_90r42 {
179
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1r78m {
176
180
  background-color: var(--color-light-specialbg-tertiary-grouped);
177
- } .bottom-sheet__background-specialbg-secondary-transparent_90r42 {
181
+ } .bottom-sheet__background-specialbg-secondary-transparent_1r78m {
178
182
  background-color: var(--color-light-specialbg-secondary-transparent);
179
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_90r42 {
183
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m {
180
184
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
181
- } .bottom-sheet__background-specialbg-tertiary-transparent_90r42 {
185
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1r78m {
182
186
  background-color: var(--color-light-specialbg-tertiary-transparent);
183
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_90r42 {
187
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m {
184
188
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
185
189
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: y68wa */
1
+ /* hash: 15do9 */
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;
@@ -35,12 +35,16 @@
35
35
  /* Up */
36
36
 
37
37
  /* Hard up */
38
- } :root {
39
- --border-radius-xl: 16px;
40
- --border-radius-xxl: 20px;
41
- } :root {
42
- --gap-2xs: 4px;
43
- --gap-m: 16px;
38
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
39
+ --border-radius-xl: 16px; /* deprecated */
40
+ --border-radius-xxl: 20px; /* deprecated */ /* deprecated */
41
+
42
+ /* новые значения, используйте их */
43
+ } :root { /* deprecated */
44
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
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
+
47
+ /* новые значения, используйте их */
44
48
  } :root {
45
49
  } :root {
46
50
  } :root {
@@ -52,25 +56,25 @@
52
56
  /* header */
53
57
 
54
58
  /* footer */
55
- } .bottom-sheet__modal_90r42 {
59
+ } .bottom-sheet__modal_1r78m {
56
60
  bottom: 0;
57
61
  width: 100%;
58
62
  max-width: 600px;
59
63
  pointer-events: none;
60
64
  touch-action: none;
61
- } .bottom-sheet__modal_90r42.bottom-sheet__modal_90r42 {
65
+ } .bottom-sheet__modal_1r78m.bottom-sheet__modal_1r78m {
62
66
  background-color: transparent;
63
67
  position: fixed;
64
- } .bottom-sheet__wrapper_90r42 {
68
+ } .bottom-sheet__wrapper_1r78m {
65
69
  transform: translateY(100%);
66
70
  pointer-events: none;
67
71
  touch-action: none;
68
72
  border-top-right-radius: var(--bottom-sheet-top-radius);
69
73
  border-top-left-radius: var(--bottom-sheet-top-radius);
70
74
  transition: border-radius 0.3s ease;
71
- } .bottom-sheet__fullscreen_90r42 {
75
+ } .bottom-sheet__fullscreen_1r78m {
72
76
  border-radius: 0;
73
- } .bottom-sheet__component_90r42 {
77
+ } .bottom-sheet__component_1r78m {
74
78
  position: relative;
75
79
  display: flex;
76
80
  flex-direction: column;
@@ -78,9 +82,9 @@
78
82
  background-color: var(--color-light-modal-bg-primary);
79
83
  pointer-events: all;
80
84
  box-shadow: var(--bottom-sheet-shadow);
81
- } .bottom-sheet__withTransition_90r42 {
85
+ } .bottom-sheet__withTransition_1r78m {
82
86
  transition: var(--bottom-sheet-out-transition);
83
- } .bottom-sheet__scrollableContainer_90r42 {
87
+ } .bottom-sheet__scrollableContainer_1r78m {
84
88
  overflow: auto;
85
89
  display: flex;
86
90
  flex-direction: column;
@@ -89,7 +93,7 @@
89
93
  background-color: inherit;
90
94
  border-radius: inherit;
91
95
  overscroll-behavior: contain;
92
- } .bottom-sheet__marker_90r42 {
96
+ } .bottom-sheet__marker_1r78m {
93
97
  position: fixed;
94
98
  top: var(--gap-2xs);
95
99
  right: 0;
@@ -97,11 +101,11 @@
97
101
  z-index: 1000;
98
102
  width: 36px;
99
103
  margin: 0 auto;
100
- } .bottom-sheet__defaultMarker_90r42 {
104
+ } .bottom-sheet__defaultMarker_1r78m {
101
105
  height: 4px;
102
106
  border-radius: var(--border-radius-xxl);
103
107
  background-color: var(--color-light-neutral-translucent-300);
104
- } .bottom-sheet__content_90r42 {
108
+ } .bottom-sheet__content_1r78m {
105
109
  position: relative;
106
110
  z-index: 0;
107
111
  display: flex;
@@ -111,75 +115,75 @@
111
115
  color: var(--color-light-text-primary);
112
116
  background-color: inherit;
113
117
  border-radius: inherit;
114
- } .bottom-sheet__noHeader_90r42 {
118
+ } .bottom-sheet__noHeader_1r78m {
115
119
  padding-top: var(--gap-m);
116
- } .bottom-sheet__noFooter_90r42 {
120
+ } .bottom-sheet__noFooter_1r78m {
117
121
  padding-bottom: var(--gap-m);
118
- } .bottom-sheet__scrollLocked_90r42 {
122
+ } .bottom-sheet__scrollLocked_1r78m {
119
123
  overflow: hidden;
120
- } .bottom-sheet__hiddenScrollbar_90r42 {
124
+ } .bottom-sheet__hiddenScrollbar_1r78m {
121
125
  scrollbar-width: none
122
- } .bottom-sheet__hiddenScrollbar_90r42::-webkit-scrollbar {
126
+ } .bottom-sheet__hiddenScrollbar_1r78m::-webkit-scrollbar {
123
127
  width: 0;
124
128
  height: 0;
125
- } .bottom-sheet__disabledPointerEvents_90r42 {
129
+ } .bottom-sheet__disabledPointerEvents_1r78m {
126
130
  pointer-events: none;
127
- } .bottom-sheet__appear_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__enter_90r42 .bottom-sheet__wrapper_90r42 {
131
+ } .bottom-sheet__appear_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enter_1r78m .bottom-sheet__wrapper_1r78m {
128
132
  transition: none;
129
- } .bottom-sheet__appearActive_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__enterActive_90r42 .bottom-sheet__wrapper_90r42 {
133
+ } .bottom-sheet__appearActive_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enterActive_1r78m .bottom-sheet__wrapper_1r78m {
130
134
  transition: var(--bottom-sheet-in-transition);
131
135
  transform: translateY(0);
132
- } .bottom-sheet__enterDone_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__appearDone_90r42 .bottom-sheet__wrapper_90r42 {
136
+ } .bottom-sheet__enterDone_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__appearDone_1r78m .bottom-sheet__wrapper_1r78m {
133
137
  transform: translateY(0);
134
- } .bottom-sheet__exit_90r42 .bottom-sheet__wrapper_90r42 {
138
+ } .bottom-sheet__exit_1r78m .bottom-sheet__wrapper_1r78m {
135
139
  transform: translateY(0);
136
- } .bottom-sheet__exitActive_90r42 .bottom-sheet__wrapper_90r42 {
140
+ } .bottom-sheet__exitActive_1r78m .bottom-sheet__wrapper_1r78m {
137
141
  transition: var(--bottom-sheet-out-transition);
138
142
  transform: translateY(100%);
139
- } .bottom-sheet__safeAreaBottom_90r42 {
143
+ } .bottom-sheet__safeAreaBottom_1r78m {
140
144
  padding-bottom: env(safe-area-inset-bottom);
141
- } .bottom-sheet__background-accent_90r42 {
145
+ } .bottom-sheet__background-accent_1r78m {
142
146
  background-color: var(--color-light-bg-accent);
143
- } .bottom-sheet__background-info_90r42 {
147
+ } .bottom-sheet__background-info_1r78m {
144
148
  background-color: var(--color-light-bg-info);
145
- } .bottom-sheet__background-attention-muted_90r42 {
149
+ } .bottom-sheet__background-attention-muted_1r78m {
146
150
  background-color: var(--color-light-bg-attention-muted);
147
- } .bottom-sheet__background-positive-muted_90r42 {
151
+ } .bottom-sheet__background-positive-muted_1r78m {
148
152
  background-color: var(--color-light-bg-positive-muted);
149
- } .bottom-sheet__background-negative-muted_90r42 {
153
+ } .bottom-sheet__background-negative-muted_1r78m {
150
154
  background-color: var(--color-light-bg-negative-muted);
151
- } .bottom-sheet__background-primary_90r42 {
155
+ } .bottom-sheet__background-primary_1r78m {
152
156
  background-color: var(--color-light-bg-primary);
153
- } .bottom-sheet__background-primary-inverted_90r42 {
157
+ } .bottom-sheet__background-primary-inverted_1r78m {
154
158
  background-color: var(--color-light-bg-primary-inverted);
155
- } .bottom-sheet__background-secondary_90r42 {
159
+ } .bottom-sheet__background-secondary_1r78m {
156
160
  background-color: var(--color-light-bg-secondary);
157
- } .bottom-sheet__background-secondary-inverted_90r42 {
161
+ } .bottom-sheet__background-secondary-inverted_1r78m {
158
162
  background-color: var(--color-light-bg-secondary-inverted);
159
- } .bottom-sheet__background-tertiary_90r42 {
163
+ } .bottom-sheet__background-tertiary_1r78m {
160
164
  background-color: var(--color-light-bg-tertiary);
161
- } .bottom-sheet__background-tertiary-inverted_90r42 {
165
+ } .bottom-sheet__background-tertiary-inverted_1r78m {
162
166
  background-color: var(--color-light-bg-tertiary-inverted);
163
- } .bottom-sheet__background-quaternary_90r42 {
167
+ } .bottom-sheet__background-quaternary_1r78m {
164
168
  background-color: var(--color-light-bg-quaternary);
165
- } .bottom-sheet__background-quaternary-inverted_90r42 {
169
+ } .bottom-sheet__background-quaternary-inverted_1r78m {
166
170
  background-color: var(--color-light-bg-quaternary-inverted);
167
- } .bottom-sheet__background-specialbg-component_90r42 {
171
+ } .bottom-sheet__background-specialbg-component_1r78m {
168
172
  background-color: var(--color-light-specialbg-component);
169
- } .bottom-sheet__background-specialbg-component-inverted_90r42 {
173
+ } .bottom-sheet__background-specialbg-component-inverted_1r78m {
170
174
  background-color: var(--color-light-specialbg-component-inverted);
171
- } .bottom-sheet__background-specialbg-primary-grouped_90r42 {
175
+ } .bottom-sheet__background-specialbg-primary-grouped_1r78m {
172
176
  background-color: var(--color-light-specialbg-primary-grouped);
173
- } .bottom-sheet__background-specialbg-secondary-grouped_90r42 {
177
+ } .bottom-sheet__background-specialbg-secondary-grouped_1r78m {
174
178
  background-color: var(--color-light-specialbg-secondary-grouped);
175
- } .bottom-sheet__background-specialbg-tertiary-grouped_90r42 {
179
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1r78m {
176
180
  background-color: var(--color-light-specialbg-tertiary-grouped);
177
- } .bottom-sheet__background-specialbg-secondary-transparent_90r42 {
181
+ } .bottom-sheet__background-specialbg-secondary-transparent_1r78m {
178
182
  background-color: var(--color-light-specialbg-secondary-transparent);
179
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_90r42 {
183
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m {
180
184
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
181
- } .bottom-sheet__background-specialbg-tertiary-transparent_90r42 {
185
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1r78m {
182
186
  background-color: var(--color-light-specialbg-tertiary-transparent);
183
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_90r42 {
187
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m {
184
188
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
185
189
  }
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_90r42","wrapper":"bottom-sheet__wrapper_90r42","fullscreen":"bottom-sheet__fullscreen_90r42","component":"bottom-sheet__component_90r42","withTransition":"bottom-sheet__withTransition_90r42","scrollableContainer":"bottom-sheet__scrollableContainer_90r42","marker":"bottom-sheet__marker_90r42","defaultMarker":"bottom-sheet__defaultMarker_90r42","content":"bottom-sheet__content_90r42","noHeader":"bottom-sheet__noHeader_90r42","noFooter":"bottom-sheet__noFooter_90r42","scrollLocked":"bottom-sheet__scrollLocked_90r42","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_90r42","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_90r42","appear":"bottom-sheet__appear_90r42","enter":"bottom-sheet__enter_90r42","appearActive":"bottom-sheet__appearActive_90r42","enterActive":"bottom-sheet__enterActive_90r42","enterDone":"bottom-sheet__enterDone_90r42","appearDone":"bottom-sheet__appearDone_90r42","exit":"bottom-sheet__exit_90r42","exitActive":"bottom-sheet__exitActive_90r42","safeAreaBottom":"bottom-sheet__safeAreaBottom_90r42","background-accent":"bottom-sheet__background-accent_90r42","background-info":"bottom-sheet__background-info_90r42","background-attention-muted":"bottom-sheet__background-attention-muted_90r42","background-positive-muted":"bottom-sheet__background-positive-muted_90r42","background-negative-muted":"bottom-sheet__background-negative-muted_90r42","background-primary":"bottom-sheet__background-primary_90r42","background-primary-inverted":"bottom-sheet__background-primary-inverted_90r42","background-secondary":"bottom-sheet__background-secondary_90r42","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_90r42","background-tertiary":"bottom-sheet__background-tertiary_90r42","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_90r42","background-quaternary":"bottom-sheet__background-quaternary_90r42","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_90r42","background-specialbg-component":"bottom-sheet__background-specialbg-component_90r42","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_90r42","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_90r42","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_90r42","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_90r42","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_90r42","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_90r42","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_90r42","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_90r42"};
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"};
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_10j16","sticky":"bottom-sheet__sticky_10j16","highlighted":"bottom-sheet__highlighted_10j16","background-accent":"bottom-sheet__background-accent_10j16","background-info":"bottom-sheet__background-info_10j16","background-attention-muted":"bottom-sheet__background-attention-muted_10j16","background-positive-muted":"bottom-sheet__background-positive-muted_10j16","background-negative-muted":"bottom-sheet__background-negative-muted_10j16","background-primary":"bottom-sheet__background-primary_10j16","background-primary-inverted":"bottom-sheet__background-primary-inverted_10j16","background-secondary":"bottom-sheet__background-secondary_10j16","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_10j16","background-tertiary":"bottom-sheet__background-tertiary_10j16","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_10j16","background-quaternary":"bottom-sheet__background-quaternary_10j16","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_10j16","background-specialbg-component":"bottom-sheet__background-specialbg-component_10j16","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_10j16","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_10j16","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_10j16","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_10j16","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_10j16","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_10j16","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_10j16","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_10j16"};
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"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ children, className, sticky, dataTestId }) => {