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

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 (56) 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/moderncssm/component.d.ts +5 -0
  23. package/moderncssm/component.js +413 -0
  24. package/moderncssm/components/footer/Component.d.ts +21 -0
  25. package/moderncssm/components/footer/Component.js +17 -0
  26. package/moderncssm/components/footer/index.module.css +88 -0
  27. package/moderncssm/components/header/Component.d.ts +8 -0
  28. package/moderncssm/components/header/Component.js +23 -0
  29. package/moderncssm/components/header/index.module.css +63 -0
  30. package/moderncssm/components/swipeable-backdrop/Component.d.ts +19 -0
  31. package/moderncssm/components/swipeable-backdrop/Component.js +12 -0
  32. package/moderncssm/consts/swipeConsts.d.ts +2 -0
  33. package/moderncssm/consts/swipeConsts.js +5 -0
  34. package/moderncssm/enums/swipeEnums.d.ts +7 -0
  35. package/moderncssm/enums/swipeEnums.js +9 -0
  36. package/moderncssm/hooks/index.d.ts +1 -0
  37. package/moderncssm/hooks/index.js +1 -0
  38. package/moderncssm/hooks/use-visualviewport-size.d.ts +3 -0
  39. package/moderncssm/hooks/use-visualviewport-size.js +27 -0
  40. package/moderncssm/index.d.ts +3 -0
  41. package/moderncssm/index.js +2 -0
  42. package/moderncssm/index.module.css +185 -0
  43. package/moderncssm/shared/index.d.ts +1 -0
  44. package/moderncssm/shared/index.js +1 -0
  45. package/moderncssm/types/swipeTypes.d.ts +9 -0
  46. package/moderncssm/types/swipeTypes.js +1 -0
  47. package/moderncssm/types.d.ts +289 -0
  48. package/moderncssm/types.js +1 -0
  49. package/moderncssm/utils.d.ts +17 -0
  50. package/moderncssm/utils.js +35 -0
  51. package/moderncssm/vars.css +8 -0
  52. package/package.json +6 -6
  53. package/src/components/footer/index.module.css +2 -2
  54. package/src/components/header/index.module.css +3 -3
  55. package/src/index.module.css +5 -5
  56. package/src/vars.css +4 -4
package/esm/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: grxyn */
1
+ /* hash: 11xpm */
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_7upw5 {
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_7upw5 {
43
46
  background-color: inherit;
44
- } .bottom-sheet__header_iayhz {
47
+ } .bottom-sheet__header_7upw5 {
45
48
  display: flex;
46
- } .bottom-sheet__sticky_iayhz {
49
+ } .bottom-sheet__sticky_7upw5 {
47
50
  position: sticky;
48
51
  top: 0;
49
- } .bottom-sheet__highlighted_iayhz {
52
+ } .bottom-sheet__highlighted_7upw5 {
50
53
  border-bottom: var(--bottom-sheet-header-border-bottom);
51
- } .bottom-sheet__justifyEnd_iayhz {
54
+ } .bottom-sheet__justifyEnd_7upw5 {
52
55
  justify-content: flex-end;
53
- } .bottom-sheet__addon_iayhz {
56
+ } .bottom-sheet__addon_7upw5 {
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_7upw5 {
60
63
  position: fixed;
61
- } .bottom-sheet__title_iayhz {
62
- padding: var(--gap-s) var(--gap-xs);
64
+ } .bottom-sheet__title_7upw5 {
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_7upw5 {
69
72
  text-align: center;
70
- } .bottom-sheet__titleLeft_iayhz {
73
+ } .bottom-sheet__titleLeft_7upw5 {
71
74
  text-align: left;
72
- } .bottom-sheet__trimTitle_iayhz {
75
+ } .bottom-sheet__trimTitle_7upw5 {
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: dxo0f */
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_1v6kv {
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_1v6kv.bottom-sheet__modal_1v6kv {
66
68
  background-color: transparent;
67
69
  position: fixed;
68
- } .bottom-sheet__wrapper_1r78m {
70
+ } .bottom-sheet__wrapper_1v6kv {
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_1v6kv {
76
78
  border-radius: 0;
77
- } .bottom-sheet__component_1r78m {
79
+ } .bottom-sheet__component_1v6kv {
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_1v6kv {
86
88
  transition: var(--bottom-sheet-out-transition);
87
- } .bottom-sheet__scrollableContainer_1r78m {
89
+ } .bottom-sheet__scrollableContainer_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
121
+ padding-top: var(--gap-16);
122
+ } .bottom-sheet__noFooter_1v6kv {
123
+ padding-bottom: var(--gap-16);
124
+ } .bottom-sheet__scrollLocked_1v6kv {
123
125
  overflow: hidden;
124
- } .bottom-sheet__hiddenScrollbar_1r78m {
126
+ } .bottom-sheet__hiddenScrollbar_1v6kv {
125
127
  scrollbar-width: none
126
- } .bottom-sheet__hiddenScrollbar_1r78m::-webkit-scrollbar {
128
+ } .bottom-sheet__hiddenScrollbar_1v6kv::-webkit-scrollbar {
127
129
  width: 0;
128
130
  height: 0;
129
- } .bottom-sheet__disabledPointerEvents_1r78m {
131
+ } .bottom-sheet__disabledPointerEvents_1v6kv {
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_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__enter_1v6kv .bottom-sheet__wrapper_1v6kv {
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_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__enterActive_1v6kv .bottom-sheet__wrapper_1v6kv {
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_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__appearDone_1v6kv .bottom-sheet__wrapper_1v6kv {
137
139
  transform: translateY(0);
138
- } .bottom-sheet__exit_1r78m .bottom-sheet__wrapper_1r78m {
140
+ } .bottom-sheet__exit_1v6kv .bottom-sheet__wrapper_1v6kv {
139
141
  transform: translateY(0);
140
- } .bottom-sheet__exitActive_1r78m .bottom-sheet__wrapper_1r78m {
142
+ } .bottom-sheet__exitActive_1v6kv .bottom-sheet__wrapper_1v6kv {
141
143
  transition: var(--bottom-sheet-out-transition);
142
144
  transform: translateY(100%);
143
- } .bottom-sheet__safeAreaBottom_1r78m {
145
+ } .bottom-sheet__safeAreaBottom_1v6kv {
144
146
  padding-bottom: env(safe-area-inset-bottom);
145
- } .bottom-sheet__background-accent_1r78m {
147
+ } .bottom-sheet__background-accent_1v6kv {
146
148
  background-color: var(--color-light-bg-accent);
147
- } .bottom-sheet__background-info_1r78m {
149
+ } .bottom-sheet__background-info_1v6kv {
148
150
  background-color: var(--color-light-bg-info);
149
- } .bottom-sheet__background-attention-muted_1r78m {
151
+ } .bottom-sheet__background-attention-muted_1v6kv {
150
152
  background-color: var(--color-light-bg-attention-muted);
151
- } .bottom-sheet__background-positive-muted_1r78m {
153
+ } .bottom-sheet__background-positive-muted_1v6kv {
152
154
  background-color: var(--color-light-bg-positive-muted);
153
- } .bottom-sheet__background-negative-muted_1r78m {
155
+ } .bottom-sheet__background-negative-muted_1v6kv {
154
156
  background-color: var(--color-light-bg-negative-muted);
155
- } .bottom-sheet__background-primary_1r78m {
157
+ } .bottom-sheet__background-primary_1v6kv {
156
158
  background-color: var(--color-light-bg-primary);
157
- } .bottom-sheet__background-primary-inverted_1r78m {
159
+ } .bottom-sheet__background-primary-inverted_1v6kv {
158
160
  background-color: var(--color-light-bg-primary-inverted);
159
- } .bottom-sheet__background-secondary_1r78m {
161
+ } .bottom-sheet__background-secondary_1v6kv {
160
162
  background-color: var(--color-light-bg-secondary);
161
- } .bottom-sheet__background-secondary-inverted_1r78m {
163
+ } .bottom-sheet__background-secondary-inverted_1v6kv {
162
164
  background-color: var(--color-light-bg-secondary-inverted);
163
- } .bottom-sheet__background-tertiary_1r78m {
165
+ } .bottom-sheet__background-tertiary_1v6kv {
164
166
  background-color: var(--color-light-bg-tertiary);
165
- } .bottom-sheet__background-tertiary-inverted_1r78m {
167
+ } .bottom-sheet__background-tertiary-inverted_1v6kv {
166
168
  background-color: var(--color-light-bg-tertiary-inverted);
167
- } .bottom-sheet__background-quaternary_1r78m {
169
+ } .bottom-sheet__background-quaternary_1v6kv {
168
170
  background-color: var(--color-light-bg-quaternary);
169
- } .bottom-sheet__background-quaternary-inverted_1r78m {
171
+ } .bottom-sheet__background-quaternary-inverted_1v6kv {
170
172
  background-color: var(--color-light-bg-quaternary-inverted);
171
- } .bottom-sheet__background-specialbg-component_1r78m {
173
+ } .bottom-sheet__background-specialbg-component_1v6kv {
172
174
  background-color: var(--color-light-specialbg-component);
173
- } .bottom-sheet__background-specialbg-component-inverted_1r78m {
175
+ } .bottom-sheet__background-specialbg-component-inverted_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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: dxo0f */
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_1v6kv {
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_1v6kv.bottom-sheet__modal_1v6kv {
66
68
  background-color: transparent;
67
69
  position: fixed;
68
- } .bottom-sheet__wrapper_1r78m {
70
+ } .bottom-sheet__wrapper_1v6kv {
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_1v6kv {
76
78
  border-radius: 0;
77
- } .bottom-sheet__component_1r78m {
79
+ } .bottom-sheet__component_1v6kv {
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_1v6kv {
86
88
  transition: var(--bottom-sheet-out-transition);
87
- } .bottom-sheet__scrollableContainer_1r78m {
89
+ } .bottom-sheet__scrollableContainer_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
121
+ padding-top: var(--gap-16);
122
+ } .bottom-sheet__noFooter_1v6kv {
123
+ padding-bottom: var(--gap-16);
124
+ } .bottom-sheet__scrollLocked_1v6kv {
123
125
  overflow: hidden;
124
- } .bottom-sheet__hiddenScrollbar_1r78m {
126
+ } .bottom-sheet__hiddenScrollbar_1v6kv {
125
127
  scrollbar-width: none
126
- } .bottom-sheet__hiddenScrollbar_1r78m::-webkit-scrollbar {
128
+ } .bottom-sheet__hiddenScrollbar_1v6kv::-webkit-scrollbar {
127
129
  width: 0;
128
130
  height: 0;
129
- } .bottom-sheet__disabledPointerEvents_1r78m {
131
+ } .bottom-sheet__disabledPointerEvents_1v6kv {
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_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__enter_1v6kv .bottom-sheet__wrapper_1v6kv {
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_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__enterActive_1v6kv .bottom-sheet__wrapper_1v6kv {
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_1v6kv .bottom-sheet__wrapper_1v6kv, .bottom-sheet__appearDone_1v6kv .bottom-sheet__wrapper_1v6kv {
137
139
  transform: translateY(0);
138
- } .bottom-sheet__exit_1r78m .bottom-sheet__wrapper_1r78m {
140
+ } .bottom-sheet__exit_1v6kv .bottom-sheet__wrapper_1v6kv {
139
141
  transform: translateY(0);
140
- } .bottom-sheet__exitActive_1r78m .bottom-sheet__wrapper_1r78m {
142
+ } .bottom-sheet__exitActive_1v6kv .bottom-sheet__wrapper_1v6kv {
141
143
  transition: var(--bottom-sheet-out-transition);
142
144
  transform: translateY(100%);
143
- } .bottom-sheet__safeAreaBottom_1r78m {
145
+ } .bottom-sheet__safeAreaBottom_1v6kv {
144
146
  padding-bottom: env(safe-area-inset-bottom);
145
- } .bottom-sheet__background-accent_1r78m {
147
+ } .bottom-sheet__background-accent_1v6kv {
146
148
  background-color: var(--color-light-bg-accent);
147
- } .bottom-sheet__background-info_1r78m {
149
+ } .bottom-sheet__background-info_1v6kv {
148
150
  background-color: var(--color-light-bg-info);
149
- } .bottom-sheet__background-attention-muted_1r78m {
151
+ } .bottom-sheet__background-attention-muted_1v6kv {
150
152
  background-color: var(--color-light-bg-attention-muted);
151
- } .bottom-sheet__background-positive-muted_1r78m {
153
+ } .bottom-sheet__background-positive-muted_1v6kv {
152
154
  background-color: var(--color-light-bg-positive-muted);
153
- } .bottom-sheet__background-negative-muted_1r78m {
155
+ } .bottom-sheet__background-negative-muted_1v6kv {
154
156
  background-color: var(--color-light-bg-negative-muted);
155
- } .bottom-sheet__background-primary_1r78m {
157
+ } .bottom-sheet__background-primary_1v6kv {
156
158
  background-color: var(--color-light-bg-primary);
157
- } .bottom-sheet__background-primary-inverted_1r78m {
159
+ } .bottom-sheet__background-primary-inverted_1v6kv {
158
160
  background-color: var(--color-light-bg-primary-inverted);
159
- } .bottom-sheet__background-secondary_1r78m {
161
+ } .bottom-sheet__background-secondary_1v6kv {
160
162
  background-color: var(--color-light-bg-secondary);
161
- } .bottom-sheet__background-secondary-inverted_1r78m {
163
+ } .bottom-sheet__background-secondary-inverted_1v6kv {
162
164
  background-color: var(--color-light-bg-secondary-inverted);
163
- } .bottom-sheet__background-tertiary_1r78m {
165
+ } .bottom-sheet__background-tertiary_1v6kv {
164
166
  background-color: var(--color-light-bg-tertiary);
165
- } .bottom-sheet__background-tertiary-inverted_1r78m {
167
+ } .bottom-sheet__background-tertiary-inverted_1v6kv {
166
168
  background-color: var(--color-light-bg-tertiary-inverted);
167
- } .bottom-sheet__background-quaternary_1r78m {
169
+ } .bottom-sheet__background-quaternary_1v6kv {
168
170
  background-color: var(--color-light-bg-quaternary);
169
- } .bottom-sheet__background-quaternary-inverted_1r78m {
171
+ } .bottom-sheet__background-quaternary-inverted_1v6kv {
170
172
  background-color: var(--color-light-bg-quaternary-inverted);
171
- } .bottom-sheet__background-specialbg-component_1r78m {
173
+ } .bottom-sheet__background-specialbg-component_1v6kv {
172
174
  background-color: var(--color-light-specialbg-component);
173
- } .bottom-sheet__background-specialbg-component-inverted_1r78m {
175
+ } .bottom-sheet__background-specialbg-component-inverted_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv {
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_1v6kv","wrapper":"bottom-sheet__wrapper_1v6kv","fullscreen":"bottom-sheet__fullscreen_1v6kv","component":"bottom-sheet__component_1v6kv","withTransition":"bottom-sheet__withTransition_1v6kv","scrollableContainer":"bottom-sheet__scrollableContainer_1v6kv","marker":"bottom-sheet__marker_1v6kv","defaultMarker":"bottom-sheet__defaultMarker_1v6kv","content":"bottom-sheet__content_1v6kv","noHeader":"bottom-sheet__noHeader_1v6kv","noFooter":"bottom-sheet__noFooter_1v6kv","scrollLocked":"bottom-sheet__scrollLocked_1v6kv","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1v6kv","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1v6kv","appear":"bottom-sheet__appear_1v6kv","enter":"bottom-sheet__enter_1v6kv","appearActive":"bottom-sheet__appearActive_1v6kv","enterActive":"bottom-sheet__enterActive_1v6kv","enterDone":"bottom-sheet__enterDone_1v6kv","appearDone":"bottom-sheet__appearDone_1v6kv","exit":"bottom-sheet__exit_1v6kv","exitActive":"bottom-sheet__exitActive_1v6kv","safeAreaBottom":"bottom-sheet__safeAreaBottom_1v6kv","background-accent":"bottom-sheet__background-accent_1v6kv","background-info":"bottom-sheet__background-info_1v6kv","background-attention-muted":"bottom-sheet__background-attention-muted_1v6kv","background-positive-muted":"bottom-sheet__background-positive-muted_1v6kv","background-negative-muted":"bottom-sheet__background-negative-muted_1v6kv","background-primary":"bottom-sheet__background-primary_1v6kv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1v6kv","background-secondary":"bottom-sheet__background-secondary_1v6kv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1v6kv","background-tertiary":"bottom-sheet__background-tertiary_1v6kv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1v6kv","background-quaternary":"bottom-sheet__background-quaternary_1v6kv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1v6kv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1v6kv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1v6kv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1v6kv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1v6kv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1v6kv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1v6kv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1v6kv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1v6kv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1v6kv"};
16
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_1mtdv","sticky":"bottom-sheet__sticky_1mtdv","highlighted":"bottom-sheet__highlighted_1mtdv","background-accent":"bottom-sheet__background-accent_1mtdv","background-info":"bottom-sheet__background-info_1mtdv","background-attention-muted":"bottom-sheet__background-attention-muted_1mtdv","background-positive-muted":"bottom-sheet__background-positive-muted_1mtdv","background-negative-muted":"bottom-sheet__background-negative-muted_1mtdv","background-primary":"bottom-sheet__background-primary_1mtdv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1mtdv","background-secondary":"bottom-sheet__background-secondary_1mtdv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1mtdv","background-tertiary":"bottom-sheet__background-tertiary_1mtdv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1mtdv","background-quaternary":"bottom-sheet__background-quaternary_1mtdv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1mtdv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1mtdv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1mtdv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1mtdv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1mtdv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1mtdv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1mtdv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1mtdv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1mtdv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1mtdv"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ children, className, sticky, dataTestId }) => {