@alfalab/core-components-bottom-sheet 6.18.3 → 6.18.4

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.
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15stw */
1
+ /* hash: 12526 */
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;
@@ -66,25 +66,25 @@
66
66
  /* header */
67
67
 
68
68
  /* footer */
69
- } .bottom-sheet__modal_bcsom {
69
+ } .bottom-sheet__modal_r5wo2 {
70
70
  bottom: var(--gap-0);
71
71
  width: 100%;
72
72
  max-width: 600px;
73
73
  pointer-events: none;
74
74
  touch-action: none;
75
- } .bottom-sheet__modal_bcsom.bottom-sheet__modal_bcsom {
75
+ } .bottom-sheet__modal_r5wo2.bottom-sheet__modal_r5wo2 {
76
76
  background-color: transparent;
77
77
  position: fixed;
78
- } .bottom-sheet__wrapper_bcsom {
78
+ } .bottom-sheet__wrapper_r5wo2 {
79
79
  transform: translateY(100%);
80
80
  pointer-events: none;
81
81
  touch-action: none;
82
82
  border-top-right-radius: var(--bottom-sheet-top-radius);
83
83
  border-top-left-radius: var(--bottom-sheet-top-radius);
84
84
  transition: border-radius 0.3s ease;
85
- } .bottom-sheet__fullscreen_bcsom {
85
+ } .bottom-sheet__fullscreen_r5wo2 {
86
86
  border-radius: 0;
87
- } .bottom-sheet__component_bcsom {
87
+ } .bottom-sheet__component_r5wo2 {
88
88
  position: relative;
89
89
  display: flex;
90
90
  flex-direction: column;
@@ -92,9 +92,9 @@
92
92
  background-color: var(--color-light-modal-bg-primary);
93
93
  pointer-events: all;
94
94
  box-shadow: var(--bottom-sheet-shadow);
95
- } .bottom-sheet__withTransition_bcsom {
95
+ } .bottom-sheet__withTransition_r5wo2 {
96
96
  transition: var(--bottom-sheet-out-transition);
97
- } .bottom-sheet__scrollableContainer_bcsom {
97
+ } .bottom-sheet__scrollableContainer_r5wo2 {
98
98
  overflow: auto;
99
99
  display: flex;
100
100
  flex-direction: column;
@@ -103,7 +103,7 @@
103
103
  background-color: inherit;
104
104
  border-radius: inherit;
105
105
  overscroll-behavior: contain;
106
- } .bottom-sheet__marker_bcsom {
106
+ } .bottom-sheet__marker_r5wo2 {
107
107
  position: fixed;
108
108
  top: var(--gap-4);
109
109
  right: var(--gap-0);
@@ -111,11 +111,11 @@
111
111
  z-index: 1000;
112
112
  width: 36px;
113
113
  margin: var(--gap-0) auto;
114
- } .bottom-sheet__defaultMarker_bcsom {
114
+ } .bottom-sheet__defaultMarker_r5wo2 {
115
115
  height: 4px;
116
116
  border-radius: var(--border-radius-20);
117
117
  background-color: var(--color-light-neutral-translucent-300);
118
- } .bottom-sheet__content_bcsom {
118
+ } .bottom-sheet__content_r5wo2 {
119
119
  position: relative;
120
120
  z-index: 0;
121
121
  display: flex;
@@ -125,75 +125,75 @@
125
125
  color: var(--color-light-text-primary);
126
126
  background-color: inherit;
127
127
  border-radius: inherit;
128
- } .bottom-sheet__noHeader_bcsom {
128
+ } .bottom-sheet__noHeader_r5wo2 {
129
129
  padding-top: var(--gap-16);
130
- } .bottom-sheet__noFooter_bcsom {
130
+ } .bottom-sheet__noFooter_r5wo2 {
131
131
  padding-bottom: var(--gap-16);
132
- } .bottom-sheet__scrollLocked_bcsom {
132
+ } .bottom-sheet__scrollLocked_r5wo2 {
133
133
  overflow: hidden;
134
- } .bottom-sheet__hiddenScrollbar_bcsom {
134
+ } .bottom-sheet__hiddenScrollbar_r5wo2 {
135
135
  scrollbar-width: none
136
- } .bottom-sheet__hiddenScrollbar_bcsom::-webkit-scrollbar {
136
+ } .bottom-sheet__hiddenScrollbar_r5wo2::-webkit-scrollbar {
137
137
  width: 0;
138
138
  height: 0;
139
- } .bottom-sheet__disabledPointerEvents_bcsom {
139
+ } .bottom-sheet__disabledPointerEvents_r5wo2 {
140
140
  pointer-events: none;
141
- } .bottom-sheet__appear_bcsom .bottom-sheet__wrapper_bcsom, .bottom-sheet__enter_bcsom .bottom-sheet__wrapper_bcsom {
141
+ } .bottom-sheet__appear_r5wo2 .bottom-sheet__wrapper_r5wo2, .bottom-sheet__enter_r5wo2 .bottom-sheet__wrapper_r5wo2 {
142
142
  transition: none;
143
- } .bottom-sheet__appearActive_bcsom .bottom-sheet__wrapper_bcsom, .bottom-sheet__enterActive_bcsom .bottom-sheet__wrapper_bcsom {
143
+ } .bottom-sheet__appearActive_r5wo2 .bottom-sheet__wrapper_r5wo2, .bottom-sheet__enterActive_r5wo2 .bottom-sheet__wrapper_r5wo2 {
144
144
  transition: var(--bottom-sheet-in-transition);
145
145
  transform: translateY(0);
146
- } .bottom-sheet__enterDone_bcsom .bottom-sheet__wrapper_bcsom, .bottom-sheet__appearDone_bcsom .bottom-sheet__wrapper_bcsom {
146
+ } .bottom-sheet__enterDone_r5wo2 .bottom-sheet__wrapper_r5wo2, .bottom-sheet__appearDone_r5wo2 .bottom-sheet__wrapper_r5wo2 {
147
147
  transform: translateY(0);
148
- } .bottom-sheet__exit_bcsom .bottom-sheet__wrapper_bcsom {
148
+ } .bottom-sheet__exit_r5wo2 .bottom-sheet__wrapper_r5wo2 {
149
149
  transform: translateY(0);
150
- } .bottom-sheet__exitActive_bcsom .bottom-sheet__wrapper_bcsom {
150
+ } .bottom-sheet__exitActive_r5wo2 .bottom-sheet__wrapper_r5wo2 {
151
151
  transition: var(--bottom-sheet-out-transition);
152
152
  transform: translateY(100%);
153
- } .bottom-sheet__safeAreaBottom_bcsom {
153
+ } .bottom-sheet__safeAreaBottom_r5wo2 {
154
154
  padding-bottom: var(--sab);
155
- } .bottom-sheet__background-accent_bcsom {
155
+ } .bottom-sheet__background-accent_r5wo2 {
156
156
  background-color: var(--color-light-bg-accent);
157
- } .bottom-sheet__background-info_bcsom {
157
+ } .bottom-sheet__background-info_r5wo2 {
158
158
  background-color: var(--color-light-bg-info);
159
- } .bottom-sheet__background-attention-muted_bcsom {
159
+ } .bottom-sheet__background-attention-muted_r5wo2 {
160
160
  background-color: var(--color-light-bg-attention-muted);
161
- } .bottom-sheet__background-positive-muted_bcsom {
161
+ } .bottom-sheet__background-positive-muted_r5wo2 {
162
162
  background-color: var(--color-light-bg-positive-muted);
163
- } .bottom-sheet__background-negative-muted_bcsom {
163
+ } .bottom-sheet__background-negative-muted_r5wo2 {
164
164
  background-color: var(--color-light-bg-negative-muted);
165
- } .bottom-sheet__background-primary_bcsom {
165
+ } .bottom-sheet__background-primary_r5wo2 {
166
166
  background-color: var(--color-light-bg-primary);
167
- } .bottom-sheet__background-primary-inverted_bcsom {
167
+ } .bottom-sheet__background-primary-inverted_r5wo2 {
168
168
  background-color: var(--color-light-bg-primary-inverted);
169
- } .bottom-sheet__background-secondary_bcsom {
169
+ } .bottom-sheet__background-secondary_r5wo2 {
170
170
  background-color: var(--color-light-bg-secondary);
171
- } .bottom-sheet__background-secondary-inverted_bcsom {
171
+ } .bottom-sheet__background-secondary-inverted_r5wo2 {
172
172
  background-color: var(--color-light-bg-secondary-inverted);
173
- } .bottom-sheet__background-tertiary_bcsom {
173
+ } .bottom-sheet__background-tertiary_r5wo2 {
174
174
  background-color: var(--color-light-bg-tertiary);
175
- } .bottom-sheet__background-tertiary-inverted_bcsom {
175
+ } .bottom-sheet__background-tertiary-inverted_r5wo2 {
176
176
  background-color: var(--color-light-bg-tertiary-inverted);
177
- } .bottom-sheet__background-quaternary_bcsom {
177
+ } .bottom-sheet__background-quaternary_r5wo2 {
178
178
  background-color: var(--color-light-bg-quaternary);
179
- } .bottom-sheet__background-quaternary-inverted_bcsom {
179
+ } .bottom-sheet__background-quaternary-inverted_r5wo2 {
180
180
  background-color: var(--color-light-bg-quaternary-inverted);
181
- } .bottom-sheet__background-specialbg-component_bcsom {
181
+ } .bottom-sheet__background-specialbg-component_r5wo2 {
182
182
  background-color: var(--color-light-specialbg-component);
183
- } .bottom-sheet__background-specialbg-component-inverted_bcsom {
183
+ } .bottom-sheet__background-specialbg-component-inverted_r5wo2 {
184
184
  background-color: var(--color-light-specialbg-component-inverted);
185
- } .bottom-sheet__background-specialbg-primary-grouped_bcsom {
185
+ } .bottom-sheet__background-specialbg-primary-grouped_r5wo2 {
186
186
  background-color: var(--color-light-specialbg-primary-grouped);
187
- } .bottom-sheet__background-specialbg-secondary-grouped_bcsom {
187
+ } .bottom-sheet__background-specialbg-secondary-grouped_r5wo2 {
188
188
  background-color: var(--color-light-specialbg-secondary-grouped);
189
- } .bottom-sheet__background-specialbg-tertiary-grouped_bcsom {
189
+ } .bottom-sheet__background-specialbg-tertiary-grouped_r5wo2 {
190
190
  background-color: var(--color-light-specialbg-tertiary-grouped);
191
- } .bottom-sheet__background-specialbg-secondary-transparent_bcsom {
191
+ } .bottom-sheet__background-specialbg-secondary-transparent_r5wo2 {
192
192
  background-color: var(--color-light-specialbg-secondary-transparent);
193
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_bcsom {
193
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_r5wo2 {
194
194
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
195
- } .bottom-sheet__background-specialbg-tertiary-transparent_bcsom {
195
+ } .bottom-sheet__background-specialbg-tertiary-transparent_r5wo2 {
196
196
  background-color: var(--color-light-specialbg-tertiary-transparent);
197
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_bcsom {
197
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_r5wo2 {
198
198
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
199
199
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bottom-sheet",
3
- "version": "6.18.3",
3
+ "version": "6.18.4",
4
4
  "description": "Bottom sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,7 +18,7 @@
18
18
  "dependencies": {
19
19
  "@alfalab/core-components-backdrop": "^3.4.5",
20
20
  "@alfalab/core-components-base-modal": "^5.9.0",
21
- "@alfalab/core-components-navigation-bar-private": "^0.6.2",
21
+ "@alfalab/core-components-navigation-bar-private": "^0.7.0",
22
22
  "@alfalab/core-components-shared": "^0.16.0",
23
23
  "classnames": "^2.5.1",
24
24
  "react-div-100vh": "^0.7.0",
@@ -28,5 +28,5 @@
28
28
  "tslib": "^2.4.0"
29
29
  },
30
30
  "themesVersion": "13.7.2",
31
- "varsVersion": "9.18.0"
31
+ "varsVersion": "9.19.0"
32
32
  }