@alfalab/core-components-bottom-sheet 6.16.1 → 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 +29 -27
  4. package/components/header/Component.js +1 -1
  5. package/components/header/index.css +16 -14
  6. package/cssm/components/footer/index.module.css +3 -1
  7. package/cssm/components/header/index.module.css +3 -1
  8. package/cssm/index.module.css +5 -3
  9. package/cssm/vars.css +3 -1
  10. package/esm/component.js +1 -1
  11. package/esm/components/footer/Component.js +1 -1
  12. package/esm/components/footer/index.css +29 -27
  13. package/esm/components/header/Component.js +1 -1
  14. package/esm/components/header/index.css +16 -14
  15. package/esm/index.css +50 -48
  16. package/index.css +50 -48
  17. package/modern/component.js +1 -1
  18. package/modern/components/footer/Component.js +1 -1
  19. package/modern/components/footer/index.css +29 -27
  20. package/modern/components/header/Component.js +1 -1
  21. package/modern/components/header/index.css +16 -14
  22. package/modern/index.css +50 -48
  23. package/package.json +5 -5
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 191fz */
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,9 +35,11 @@
35
35
  /* Up */
36
36
 
37
37
  /* Hard up */
38
- } :root {
39
- --border-radius-xl: 16px;
40
- --border-radius-xxl: 20px;
38
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
39
+ --border-radius-xl: 16px; /* deprecated */
40
+ --border-radius-xxl: 20px; /* deprecated */ /* deprecated */
41
+
42
+ /* новые значения, используйте их */
41
43
  } :root { /* deprecated */
42
44
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
43
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 */
@@ -54,25 +56,25 @@
54
56
  /* header */
55
57
 
56
58
  /* footer */
57
- } .bottom-sheet__modal_1pn71 {
59
+ } .bottom-sheet__modal_1r78m {
58
60
  bottom: 0;
59
61
  width: 100%;
60
62
  max-width: 600px;
61
63
  pointer-events: none;
62
64
  touch-action: none;
63
- } .bottom-sheet__modal_1pn71.bottom-sheet__modal_1pn71 {
65
+ } .bottom-sheet__modal_1r78m.bottom-sheet__modal_1r78m {
64
66
  background-color: transparent;
65
67
  position: fixed;
66
- } .bottom-sheet__wrapper_1pn71 {
68
+ } .bottom-sheet__wrapper_1r78m {
67
69
  transform: translateY(100%);
68
70
  pointer-events: none;
69
71
  touch-action: none;
70
72
  border-top-right-radius: var(--bottom-sheet-top-radius);
71
73
  border-top-left-radius: var(--bottom-sheet-top-radius);
72
74
  transition: border-radius 0.3s ease;
73
- } .bottom-sheet__fullscreen_1pn71 {
75
+ } .bottom-sheet__fullscreen_1r78m {
74
76
  border-radius: 0;
75
- } .bottom-sheet__component_1pn71 {
77
+ } .bottom-sheet__component_1r78m {
76
78
  position: relative;
77
79
  display: flex;
78
80
  flex-direction: column;
@@ -80,9 +82,9 @@
80
82
  background-color: var(--color-light-modal-bg-primary);
81
83
  pointer-events: all;
82
84
  box-shadow: var(--bottom-sheet-shadow);
83
- } .bottom-sheet__withTransition_1pn71 {
85
+ } .bottom-sheet__withTransition_1r78m {
84
86
  transition: var(--bottom-sheet-out-transition);
85
- } .bottom-sheet__scrollableContainer_1pn71 {
87
+ } .bottom-sheet__scrollableContainer_1r78m {
86
88
  overflow: auto;
87
89
  display: flex;
88
90
  flex-direction: column;
@@ -91,7 +93,7 @@
91
93
  background-color: inherit;
92
94
  border-radius: inherit;
93
95
  overscroll-behavior: contain;
94
- } .bottom-sheet__marker_1pn71 {
96
+ } .bottom-sheet__marker_1r78m {
95
97
  position: fixed;
96
98
  top: var(--gap-2xs);
97
99
  right: 0;
@@ -99,11 +101,11 @@
99
101
  z-index: 1000;
100
102
  width: 36px;
101
103
  margin: 0 auto;
102
- } .bottom-sheet__defaultMarker_1pn71 {
104
+ } .bottom-sheet__defaultMarker_1r78m {
103
105
  height: 4px;
104
106
  border-radius: var(--border-radius-xxl);
105
107
  background-color: var(--color-light-neutral-translucent-300);
106
- } .bottom-sheet__content_1pn71 {
108
+ } .bottom-sheet__content_1r78m {
107
109
  position: relative;
108
110
  z-index: 0;
109
111
  display: flex;
@@ -113,75 +115,75 @@
113
115
  color: var(--color-light-text-primary);
114
116
  background-color: inherit;
115
117
  border-radius: inherit;
116
- } .bottom-sheet__noHeader_1pn71 {
118
+ } .bottom-sheet__noHeader_1r78m {
117
119
  padding-top: var(--gap-m);
118
- } .bottom-sheet__noFooter_1pn71 {
120
+ } .bottom-sheet__noFooter_1r78m {
119
121
  padding-bottom: var(--gap-m);
120
- } .bottom-sheet__scrollLocked_1pn71 {
122
+ } .bottom-sheet__scrollLocked_1r78m {
121
123
  overflow: hidden;
122
- } .bottom-sheet__hiddenScrollbar_1pn71 {
124
+ } .bottom-sheet__hiddenScrollbar_1r78m {
123
125
  scrollbar-width: none
124
- } .bottom-sheet__hiddenScrollbar_1pn71::-webkit-scrollbar {
126
+ } .bottom-sheet__hiddenScrollbar_1r78m::-webkit-scrollbar {
125
127
  width: 0;
126
128
  height: 0;
127
- } .bottom-sheet__disabledPointerEvents_1pn71 {
129
+ } .bottom-sheet__disabledPointerEvents_1r78m {
128
130
  pointer-events: none;
129
- } .bottom-sheet__appear_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__enter_1pn71 .bottom-sheet__wrapper_1pn71 {
131
+ } .bottom-sheet__appear_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enter_1r78m .bottom-sheet__wrapper_1r78m {
130
132
  transition: none;
131
- } .bottom-sheet__appearActive_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__enterActive_1pn71 .bottom-sheet__wrapper_1pn71 {
133
+ } .bottom-sheet__appearActive_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enterActive_1r78m .bottom-sheet__wrapper_1r78m {
132
134
  transition: var(--bottom-sheet-in-transition);
133
135
  transform: translateY(0);
134
- } .bottom-sheet__enterDone_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__appearDone_1pn71 .bottom-sheet__wrapper_1pn71 {
136
+ } .bottom-sheet__enterDone_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__appearDone_1r78m .bottom-sheet__wrapper_1r78m {
135
137
  transform: translateY(0);
136
- } .bottom-sheet__exit_1pn71 .bottom-sheet__wrapper_1pn71 {
138
+ } .bottom-sheet__exit_1r78m .bottom-sheet__wrapper_1r78m {
137
139
  transform: translateY(0);
138
- } .bottom-sheet__exitActive_1pn71 .bottom-sheet__wrapper_1pn71 {
140
+ } .bottom-sheet__exitActive_1r78m .bottom-sheet__wrapper_1r78m {
139
141
  transition: var(--bottom-sheet-out-transition);
140
142
  transform: translateY(100%);
141
- } .bottom-sheet__safeAreaBottom_1pn71 {
143
+ } .bottom-sheet__safeAreaBottom_1r78m {
142
144
  padding-bottom: env(safe-area-inset-bottom);
143
- } .bottom-sheet__background-accent_1pn71 {
145
+ } .bottom-sheet__background-accent_1r78m {
144
146
  background-color: var(--color-light-bg-accent);
145
- } .bottom-sheet__background-info_1pn71 {
147
+ } .bottom-sheet__background-info_1r78m {
146
148
  background-color: var(--color-light-bg-info);
147
- } .bottom-sheet__background-attention-muted_1pn71 {
149
+ } .bottom-sheet__background-attention-muted_1r78m {
148
150
  background-color: var(--color-light-bg-attention-muted);
149
- } .bottom-sheet__background-positive-muted_1pn71 {
151
+ } .bottom-sheet__background-positive-muted_1r78m {
150
152
  background-color: var(--color-light-bg-positive-muted);
151
- } .bottom-sheet__background-negative-muted_1pn71 {
153
+ } .bottom-sheet__background-negative-muted_1r78m {
152
154
  background-color: var(--color-light-bg-negative-muted);
153
- } .bottom-sheet__background-primary_1pn71 {
155
+ } .bottom-sheet__background-primary_1r78m {
154
156
  background-color: var(--color-light-bg-primary);
155
- } .bottom-sheet__background-primary-inverted_1pn71 {
157
+ } .bottom-sheet__background-primary-inverted_1r78m {
156
158
  background-color: var(--color-light-bg-primary-inverted);
157
- } .bottom-sheet__background-secondary_1pn71 {
159
+ } .bottom-sheet__background-secondary_1r78m {
158
160
  background-color: var(--color-light-bg-secondary);
159
- } .bottom-sheet__background-secondary-inverted_1pn71 {
161
+ } .bottom-sheet__background-secondary-inverted_1r78m {
160
162
  background-color: var(--color-light-bg-secondary-inverted);
161
- } .bottom-sheet__background-tertiary_1pn71 {
163
+ } .bottom-sheet__background-tertiary_1r78m {
162
164
  background-color: var(--color-light-bg-tertiary);
163
- } .bottom-sheet__background-tertiary-inverted_1pn71 {
165
+ } .bottom-sheet__background-tertiary-inverted_1r78m {
164
166
  background-color: var(--color-light-bg-tertiary-inverted);
165
- } .bottom-sheet__background-quaternary_1pn71 {
167
+ } .bottom-sheet__background-quaternary_1r78m {
166
168
  background-color: var(--color-light-bg-quaternary);
167
- } .bottom-sheet__background-quaternary-inverted_1pn71 {
169
+ } .bottom-sheet__background-quaternary-inverted_1r78m {
168
170
  background-color: var(--color-light-bg-quaternary-inverted);
169
- } .bottom-sheet__background-specialbg-component_1pn71 {
171
+ } .bottom-sheet__background-specialbg-component_1r78m {
170
172
  background-color: var(--color-light-specialbg-component);
171
- } .bottom-sheet__background-specialbg-component-inverted_1pn71 {
173
+ } .bottom-sheet__background-specialbg-component-inverted_1r78m {
172
174
  background-color: var(--color-light-specialbg-component-inverted);
173
- } .bottom-sheet__background-specialbg-primary-grouped_1pn71 {
175
+ } .bottom-sheet__background-specialbg-primary-grouped_1r78m {
174
176
  background-color: var(--color-light-specialbg-primary-grouped);
175
- } .bottom-sheet__background-specialbg-secondary-grouped_1pn71 {
177
+ } .bottom-sheet__background-specialbg-secondary-grouped_1r78m {
176
178
  background-color: var(--color-light-specialbg-secondary-grouped);
177
- } .bottom-sheet__background-specialbg-tertiary-grouped_1pn71 {
179
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1r78m {
178
180
  background-color: var(--color-light-specialbg-tertiary-grouped);
179
- } .bottom-sheet__background-specialbg-secondary-transparent_1pn71 {
181
+ } .bottom-sheet__background-specialbg-secondary-transparent_1r78m {
180
182
  background-color: var(--color-light-specialbg-secondary-transparent);
181
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1pn71 {
183
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m {
182
184
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
183
- } .bottom-sheet__background-specialbg-tertiary-transparent_1pn71 {
185
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1r78m {
184
186
  background-color: var(--color-light-specialbg-tertiary-transparent);
185
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1pn71 {
187
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m {
186
188
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
187
189
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 191fz */
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,9 +35,11 @@
35
35
  /* Up */
36
36
 
37
37
  /* Hard up */
38
- } :root {
39
- --border-radius-xl: 16px;
40
- --border-radius-xxl: 20px;
38
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
39
+ --border-radius-xl: 16px; /* deprecated */
40
+ --border-radius-xxl: 20px; /* deprecated */ /* deprecated */
41
+
42
+ /* новые значения, используйте их */
41
43
  } :root { /* deprecated */
42
44
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
43
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 */
@@ -54,25 +56,25 @@
54
56
  /* header */
55
57
 
56
58
  /* footer */
57
- } .bottom-sheet__modal_1pn71 {
59
+ } .bottom-sheet__modal_1r78m {
58
60
  bottom: 0;
59
61
  width: 100%;
60
62
  max-width: 600px;
61
63
  pointer-events: none;
62
64
  touch-action: none;
63
- } .bottom-sheet__modal_1pn71.bottom-sheet__modal_1pn71 {
65
+ } .bottom-sheet__modal_1r78m.bottom-sheet__modal_1r78m {
64
66
  background-color: transparent;
65
67
  position: fixed;
66
- } .bottom-sheet__wrapper_1pn71 {
68
+ } .bottom-sheet__wrapper_1r78m {
67
69
  transform: translateY(100%);
68
70
  pointer-events: none;
69
71
  touch-action: none;
70
72
  border-top-right-radius: var(--bottom-sheet-top-radius);
71
73
  border-top-left-radius: var(--bottom-sheet-top-radius);
72
74
  transition: border-radius 0.3s ease;
73
- } .bottom-sheet__fullscreen_1pn71 {
75
+ } .bottom-sheet__fullscreen_1r78m {
74
76
  border-radius: 0;
75
- } .bottom-sheet__component_1pn71 {
77
+ } .bottom-sheet__component_1r78m {
76
78
  position: relative;
77
79
  display: flex;
78
80
  flex-direction: column;
@@ -80,9 +82,9 @@
80
82
  background-color: var(--color-light-modal-bg-primary);
81
83
  pointer-events: all;
82
84
  box-shadow: var(--bottom-sheet-shadow);
83
- } .bottom-sheet__withTransition_1pn71 {
85
+ } .bottom-sheet__withTransition_1r78m {
84
86
  transition: var(--bottom-sheet-out-transition);
85
- } .bottom-sheet__scrollableContainer_1pn71 {
87
+ } .bottom-sheet__scrollableContainer_1r78m {
86
88
  overflow: auto;
87
89
  display: flex;
88
90
  flex-direction: column;
@@ -91,7 +93,7 @@
91
93
  background-color: inherit;
92
94
  border-radius: inherit;
93
95
  overscroll-behavior: contain;
94
- } .bottom-sheet__marker_1pn71 {
96
+ } .bottom-sheet__marker_1r78m {
95
97
  position: fixed;
96
98
  top: var(--gap-2xs);
97
99
  right: 0;
@@ -99,11 +101,11 @@
99
101
  z-index: 1000;
100
102
  width: 36px;
101
103
  margin: 0 auto;
102
- } .bottom-sheet__defaultMarker_1pn71 {
104
+ } .bottom-sheet__defaultMarker_1r78m {
103
105
  height: 4px;
104
106
  border-radius: var(--border-radius-xxl);
105
107
  background-color: var(--color-light-neutral-translucent-300);
106
- } .bottom-sheet__content_1pn71 {
108
+ } .bottom-sheet__content_1r78m {
107
109
  position: relative;
108
110
  z-index: 0;
109
111
  display: flex;
@@ -113,75 +115,75 @@
113
115
  color: var(--color-light-text-primary);
114
116
  background-color: inherit;
115
117
  border-radius: inherit;
116
- } .bottom-sheet__noHeader_1pn71 {
118
+ } .bottom-sheet__noHeader_1r78m {
117
119
  padding-top: var(--gap-m);
118
- } .bottom-sheet__noFooter_1pn71 {
120
+ } .bottom-sheet__noFooter_1r78m {
119
121
  padding-bottom: var(--gap-m);
120
- } .bottom-sheet__scrollLocked_1pn71 {
122
+ } .bottom-sheet__scrollLocked_1r78m {
121
123
  overflow: hidden;
122
- } .bottom-sheet__hiddenScrollbar_1pn71 {
124
+ } .bottom-sheet__hiddenScrollbar_1r78m {
123
125
  scrollbar-width: none
124
- } .bottom-sheet__hiddenScrollbar_1pn71::-webkit-scrollbar {
126
+ } .bottom-sheet__hiddenScrollbar_1r78m::-webkit-scrollbar {
125
127
  width: 0;
126
128
  height: 0;
127
- } .bottom-sheet__disabledPointerEvents_1pn71 {
129
+ } .bottom-sheet__disabledPointerEvents_1r78m {
128
130
  pointer-events: none;
129
- } .bottom-sheet__appear_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__enter_1pn71 .bottom-sheet__wrapper_1pn71 {
131
+ } .bottom-sheet__appear_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enter_1r78m .bottom-sheet__wrapper_1r78m {
130
132
  transition: none;
131
- } .bottom-sheet__appearActive_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__enterActive_1pn71 .bottom-sheet__wrapper_1pn71 {
133
+ } .bottom-sheet__appearActive_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__enterActive_1r78m .bottom-sheet__wrapper_1r78m {
132
134
  transition: var(--bottom-sheet-in-transition);
133
135
  transform: translateY(0);
134
- } .bottom-sheet__enterDone_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__appearDone_1pn71 .bottom-sheet__wrapper_1pn71 {
136
+ } .bottom-sheet__enterDone_1r78m .bottom-sheet__wrapper_1r78m, .bottom-sheet__appearDone_1r78m .bottom-sheet__wrapper_1r78m {
135
137
  transform: translateY(0);
136
- } .bottom-sheet__exit_1pn71 .bottom-sheet__wrapper_1pn71 {
138
+ } .bottom-sheet__exit_1r78m .bottom-sheet__wrapper_1r78m {
137
139
  transform: translateY(0);
138
- } .bottom-sheet__exitActive_1pn71 .bottom-sheet__wrapper_1pn71 {
140
+ } .bottom-sheet__exitActive_1r78m .bottom-sheet__wrapper_1r78m {
139
141
  transition: var(--bottom-sheet-out-transition);
140
142
  transform: translateY(100%);
141
- } .bottom-sheet__safeAreaBottom_1pn71 {
143
+ } .bottom-sheet__safeAreaBottom_1r78m {
142
144
  padding-bottom: env(safe-area-inset-bottom);
143
- } .bottom-sheet__background-accent_1pn71 {
145
+ } .bottom-sheet__background-accent_1r78m {
144
146
  background-color: var(--color-light-bg-accent);
145
- } .bottom-sheet__background-info_1pn71 {
147
+ } .bottom-sheet__background-info_1r78m {
146
148
  background-color: var(--color-light-bg-info);
147
- } .bottom-sheet__background-attention-muted_1pn71 {
149
+ } .bottom-sheet__background-attention-muted_1r78m {
148
150
  background-color: var(--color-light-bg-attention-muted);
149
- } .bottom-sheet__background-positive-muted_1pn71 {
151
+ } .bottom-sheet__background-positive-muted_1r78m {
150
152
  background-color: var(--color-light-bg-positive-muted);
151
- } .bottom-sheet__background-negative-muted_1pn71 {
153
+ } .bottom-sheet__background-negative-muted_1r78m {
152
154
  background-color: var(--color-light-bg-negative-muted);
153
- } .bottom-sheet__background-primary_1pn71 {
155
+ } .bottom-sheet__background-primary_1r78m {
154
156
  background-color: var(--color-light-bg-primary);
155
- } .bottom-sheet__background-primary-inverted_1pn71 {
157
+ } .bottom-sheet__background-primary-inverted_1r78m {
156
158
  background-color: var(--color-light-bg-primary-inverted);
157
- } .bottom-sheet__background-secondary_1pn71 {
159
+ } .bottom-sheet__background-secondary_1r78m {
158
160
  background-color: var(--color-light-bg-secondary);
159
- } .bottom-sheet__background-secondary-inverted_1pn71 {
161
+ } .bottom-sheet__background-secondary-inverted_1r78m {
160
162
  background-color: var(--color-light-bg-secondary-inverted);
161
- } .bottom-sheet__background-tertiary_1pn71 {
163
+ } .bottom-sheet__background-tertiary_1r78m {
162
164
  background-color: var(--color-light-bg-tertiary);
163
- } .bottom-sheet__background-tertiary-inverted_1pn71 {
165
+ } .bottom-sheet__background-tertiary-inverted_1r78m {
164
166
  background-color: var(--color-light-bg-tertiary-inverted);
165
- } .bottom-sheet__background-quaternary_1pn71 {
167
+ } .bottom-sheet__background-quaternary_1r78m {
166
168
  background-color: var(--color-light-bg-quaternary);
167
- } .bottom-sheet__background-quaternary-inverted_1pn71 {
169
+ } .bottom-sheet__background-quaternary-inverted_1r78m {
168
170
  background-color: var(--color-light-bg-quaternary-inverted);
169
- } .bottom-sheet__background-specialbg-component_1pn71 {
171
+ } .bottom-sheet__background-specialbg-component_1r78m {
170
172
  background-color: var(--color-light-specialbg-component);
171
- } .bottom-sheet__background-specialbg-component-inverted_1pn71 {
173
+ } .bottom-sheet__background-specialbg-component-inverted_1r78m {
172
174
  background-color: var(--color-light-specialbg-component-inverted);
173
- } .bottom-sheet__background-specialbg-primary-grouped_1pn71 {
175
+ } .bottom-sheet__background-specialbg-primary-grouped_1r78m {
174
176
  background-color: var(--color-light-specialbg-primary-grouped);
175
- } .bottom-sheet__background-specialbg-secondary-grouped_1pn71 {
177
+ } .bottom-sheet__background-specialbg-secondary-grouped_1r78m {
176
178
  background-color: var(--color-light-specialbg-secondary-grouped);
177
- } .bottom-sheet__background-specialbg-tertiary-grouped_1pn71 {
179
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1r78m {
178
180
  background-color: var(--color-light-specialbg-tertiary-grouped);
179
- } .bottom-sheet__background-specialbg-secondary-transparent_1pn71 {
181
+ } .bottom-sheet__background-specialbg-secondary-transparent_1r78m {
180
182
  background-color: var(--color-light-specialbg-secondary-transparent);
181
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1pn71 {
183
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1r78m {
182
184
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
183
- } .bottom-sheet__background-specialbg-tertiary-transparent_1pn71 {
185
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1r78m {
184
186
  background-color: var(--color-light-specialbg-tertiary-transparent);
185
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1pn71 {
187
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1r78m {
186
188
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
187
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_1pn71","wrapper":"bottom-sheet__wrapper_1pn71","fullscreen":"bottom-sheet__fullscreen_1pn71","component":"bottom-sheet__component_1pn71","withTransition":"bottom-sheet__withTransition_1pn71","scrollableContainer":"bottom-sheet__scrollableContainer_1pn71","marker":"bottom-sheet__marker_1pn71","defaultMarker":"bottom-sheet__defaultMarker_1pn71","content":"bottom-sheet__content_1pn71","noHeader":"bottom-sheet__noHeader_1pn71","noFooter":"bottom-sheet__noFooter_1pn71","scrollLocked":"bottom-sheet__scrollLocked_1pn71","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1pn71","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1pn71","appear":"bottom-sheet__appear_1pn71","enter":"bottom-sheet__enter_1pn71","appearActive":"bottom-sheet__appearActive_1pn71","enterActive":"bottom-sheet__enterActive_1pn71","enterDone":"bottom-sheet__enterDone_1pn71","appearDone":"bottom-sheet__appearDone_1pn71","exit":"bottom-sheet__exit_1pn71","exitActive":"bottom-sheet__exitActive_1pn71","safeAreaBottom":"bottom-sheet__safeAreaBottom_1pn71","background-accent":"bottom-sheet__background-accent_1pn71","background-info":"bottom-sheet__background-info_1pn71","background-attention-muted":"bottom-sheet__background-attention-muted_1pn71","background-positive-muted":"bottom-sheet__background-positive-muted_1pn71","background-negative-muted":"bottom-sheet__background-negative-muted_1pn71","background-primary":"bottom-sheet__background-primary_1pn71","background-primary-inverted":"bottom-sheet__background-primary-inverted_1pn71","background-secondary":"bottom-sheet__background-secondary_1pn71","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1pn71","background-tertiary":"bottom-sheet__background-tertiary_1pn71","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1pn71","background-quaternary":"bottom-sheet__background-quaternary_1pn71","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1pn71","background-specialbg-component":"bottom-sheet__background-specialbg-component_1pn71","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1pn71","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1pn71","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1pn71","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1pn71","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1pn71","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1pn71","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1pn71","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1pn71"};
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_1e2dr","sticky":"bottom-sheet__sticky_1e2dr","highlighted":"bottom-sheet__highlighted_1e2dr","background-accent":"bottom-sheet__background-accent_1e2dr","background-info":"bottom-sheet__background-info_1e2dr","background-attention-muted":"bottom-sheet__background-attention-muted_1e2dr","background-positive-muted":"bottom-sheet__background-positive-muted_1e2dr","background-negative-muted":"bottom-sheet__background-negative-muted_1e2dr","background-primary":"bottom-sheet__background-primary_1e2dr","background-primary-inverted":"bottom-sheet__background-primary-inverted_1e2dr","background-secondary":"bottom-sheet__background-secondary_1e2dr","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1e2dr","background-tertiary":"bottom-sheet__background-tertiary_1e2dr","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1e2dr","background-quaternary":"bottom-sheet__background-quaternary_1e2dr","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1e2dr","background-specialbg-component":"bottom-sheet__background-specialbg-component_1e2dr","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1e2dr","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1e2dr","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1e2dr","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1e2dr","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1e2dr","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1e2dr","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1e2dr","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1e2dr"};
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 }) => {
package/modern/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1u16n */
1
+ /* hash: fv9kv */
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;
@@ -34,7 +34,9 @@
34
34
  /* Up */
35
35
 
36
36
  /* Hard up */
37
- } :root {
37
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
38
+
39
+ /* новые значения, используйте их */
38
40
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
39
41
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
40
42
 
@@ -48,58 +50,58 @@
48
50
  /* footer */
49
51
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
50
52
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
51
- } .bottom-sheet__footer_1e2dr {
53
+ } .bottom-sheet__footer_1g0bh {
52
54
  padding: var(--gap-m) var(--gap-m);
53
55
  background-color: var(--color-light-modal-bg-primary);
54
- } .bottom-sheet__sticky_1e2dr {
56
+ } .bottom-sheet__sticky_1g0bh {
55
57
  position: sticky;
56
58
  bottom: 0;
57
59
  z-index: 1;
58
- } .bottom-sheet__highlighted_1e2dr {
60
+ } .bottom-sheet__highlighted_1g0bh {
59
61
  border-top: var(--bottom-sheet-footer-border-top);
60
62
  background-color: var(--bottom-sheet-footer-background-color);
61
- } .bottom-sheet__background-accent_1e2dr {
63
+ } .bottom-sheet__background-accent_1g0bh {
62
64
  background-color: var(--color-light-bg-accent);
63
- } .bottom-sheet__background-info_1e2dr {
65
+ } .bottom-sheet__background-info_1g0bh {
64
66
  background-color: var(--color-light-bg-info);
65
- } .bottom-sheet__background-attention-muted_1e2dr {
67
+ } .bottom-sheet__background-attention-muted_1g0bh {
66
68
  background-color: var(--color-light-bg-attention-muted);
67
- } .bottom-sheet__background-positive-muted_1e2dr {
69
+ } .bottom-sheet__background-positive-muted_1g0bh {
68
70
  background-color: var(--color-light-bg-positive-muted);
69
- } .bottom-sheet__background-negative-muted_1e2dr {
71
+ } .bottom-sheet__background-negative-muted_1g0bh {
70
72
  background-color: var(--color-light-bg-negative-muted);
71
- } .bottom-sheet__background-primary_1e2dr {
73
+ } .bottom-sheet__background-primary_1g0bh {
72
74
  background-color: var(--color-light-bg-primary);
73
- } .bottom-sheet__background-primary-inverted_1e2dr {
75
+ } .bottom-sheet__background-primary-inverted_1g0bh {
74
76
  background-color: var(--color-light-bg-primary-inverted);
75
- } .bottom-sheet__background-secondary_1e2dr {
77
+ } .bottom-sheet__background-secondary_1g0bh {
76
78
  background-color: var(--color-light-bg-secondary);
77
- } .bottom-sheet__background-secondary-inverted_1e2dr {
79
+ } .bottom-sheet__background-secondary-inverted_1g0bh {
78
80
  background-color: var(--color-light-bg-secondary-inverted);
79
- } .bottom-sheet__background-tertiary_1e2dr {
81
+ } .bottom-sheet__background-tertiary_1g0bh {
80
82
  background-color: var(--color-light-bg-tertiary);
81
- } .bottom-sheet__background-tertiary-inverted_1e2dr {
83
+ } .bottom-sheet__background-tertiary-inverted_1g0bh {
82
84
  background-color: var(--color-light-bg-tertiary-inverted);
83
- } .bottom-sheet__background-quaternary_1e2dr {
85
+ } .bottom-sheet__background-quaternary_1g0bh {
84
86
  background-color: var(--color-light-bg-quaternary);
85
- } .bottom-sheet__background-quaternary-inverted_1e2dr {
87
+ } .bottom-sheet__background-quaternary-inverted_1g0bh {
86
88
  background-color: var(--color-light-bg-quaternary-inverted);
87
- } .bottom-sheet__background-specialbg-component_1e2dr {
89
+ } .bottom-sheet__background-specialbg-component_1g0bh {
88
90
  background-color: var(--color-light-specialbg-component);
89
- } .bottom-sheet__background-specialbg-component-inverted_1e2dr {
91
+ } .bottom-sheet__background-specialbg-component-inverted_1g0bh {
90
92
  background-color: var(--color-light-specialbg-component-inverted);
91
- } .bottom-sheet__background-specialbg-primary-grouped_1e2dr {
93
+ } .bottom-sheet__background-specialbg-primary-grouped_1g0bh {
92
94
  background-color: var(--color-light-specialbg-primary-grouped);
93
- } .bottom-sheet__background-specialbg-secondary-grouped_1e2dr {
95
+ } .bottom-sheet__background-specialbg-secondary-grouped_1g0bh {
94
96
  background-color: var(--color-light-specialbg-secondary-grouped);
95
- } .bottom-sheet__background-specialbg-tertiary-grouped_1e2dr {
97
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1g0bh {
96
98
  background-color: var(--color-light-specialbg-tertiary-grouped);
97
- } .bottom-sheet__background-specialbg-secondary-transparent_1e2dr {
99
+ } .bottom-sheet__background-specialbg-secondary-transparent_1g0bh {
98
100
  background-color: var(--color-light-specialbg-secondary-transparent);
99
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1e2dr {
101
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1g0bh {
100
102
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
101
- } .bottom-sheet__background-specialbg-tertiary-transparent_1e2dr {
103
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1g0bh {
102
104
  background-color: var(--color-light-specialbg-tertiary-transparent);
103
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1e2dr {
105
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1g0bh {
104
106
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
105
107
  }
package/modern/components/header/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { BaseModalContext } from '@alfalab/core-components-base-modal/modern';
4
4
  import { NavigationBarPrivate } from '@alfalab/core-components-navigation-bar-private/modern';
5
5
 
6
- const styles = {"headerWrapper":"bottom-sheet__headerWrapper_1xzdf","hasContent":"bottom-sheet__hasContent_1xzdf","header":"bottom-sheet__header_1xzdf","sticky":"bottom-sheet__sticky_1xzdf","highlighted":"bottom-sheet__highlighted_1xzdf","justifyEnd":"bottom-sheet__justifyEnd_1xzdf","addon":"bottom-sheet__addon_1xzdf","addonFixed":"bottom-sheet__addonFixed_1xzdf","title":"bottom-sheet__title_1xzdf","titleCenter":"bottom-sheet__titleCenter_1xzdf","titleLeft":"bottom-sheet__titleLeft_1xzdf","trimTitle":"bottom-sheet__trimTitle_1xzdf"};
6
+ const styles = {"headerWrapper":"bottom-sheet__headerWrapper_iayhz","hasContent":"bottom-sheet__hasContent_iayhz","header":"bottom-sheet__header_iayhz","sticky":"bottom-sheet__sticky_iayhz","highlighted":"bottom-sheet__highlighted_iayhz","justifyEnd":"bottom-sheet__justifyEnd_iayhz","addon":"bottom-sheet__addon_iayhz","addonFixed":"bottom-sheet__addonFixed_iayhz","title":"bottom-sheet__title_iayhz","titleCenter":"bottom-sheet__titleCenter_iayhz","titleLeft":"bottom-sheet__titleLeft_iayhz","trimTitle":"bottom-sheet__trimTitle_iayhz"};
7
7
  require('./index.css')
8
8
 
9
9
  const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {