@alfalab/core-components-bottom-sheet 6.17.13 → 6.17.14

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: 1lfns */
1
+ /* hash: iew0w */
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;
@@ -61,25 +61,25 @@
61
61
  /* header */
62
62
 
63
63
  /* footer */
64
- } .bottom-sheet__modal_uemty {
64
+ } .bottom-sheet__modal_82mcq {
65
65
  bottom: var(--gap-0);
66
66
  width: 100%;
67
67
  max-width: 600px;
68
68
  pointer-events: none;
69
69
  touch-action: none;
70
- } .bottom-sheet__modal_uemty.bottom-sheet__modal_uemty {
70
+ } .bottom-sheet__modal_82mcq.bottom-sheet__modal_82mcq {
71
71
  background-color: transparent;
72
72
  position: fixed;
73
- } .bottom-sheet__wrapper_uemty {
73
+ } .bottom-sheet__wrapper_82mcq {
74
74
  transform: translateY(100%);
75
75
  pointer-events: none;
76
76
  touch-action: none;
77
77
  border-top-right-radius: var(--bottom-sheet-top-radius);
78
78
  border-top-left-radius: var(--bottom-sheet-top-radius);
79
79
  transition: border-radius 0.3s ease;
80
- } .bottom-sheet__fullscreen_uemty {
80
+ } .bottom-sheet__fullscreen_82mcq {
81
81
  border-radius: 0;
82
- } .bottom-sheet__component_uemty {
82
+ } .bottom-sheet__component_82mcq {
83
83
  position: relative;
84
84
  display: flex;
85
85
  flex-direction: column;
@@ -87,9 +87,9 @@
87
87
  background-color: var(--color-light-modal-bg-primary);
88
88
  pointer-events: all;
89
89
  box-shadow: var(--bottom-sheet-shadow);
90
- } .bottom-sheet__withTransition_uemty {
90
+ } .bottom-sheet__withTransition_82mcq {
91
91
  transition: var(--bottom-sheet-out-transition);
92
- } .bottom-sheet__scrollableContainer_uemty {
92
+ } .bottom-sheet__scrollableContainer_82mcq {
93
93
  overflow: auto;
94
94
  display: flex;
95
95
  flex-direction: column;
@@ -98,7 +98,7 @@
98
98
  background-color: inherit;
99
99
  border-radius: inherit;
100
100
  overscroll-behavior: contain;
101
- } .bottom-sheet__marker_uemty {
101
+ } .bottom-sheet__marker_82mcq {
102
102
  position: fixed;
103
103
  top: var(--gap-4);
104
104
  right: var(--gap-0);
@@ -106,11 +106,11 @@
106
106
  z-index: 1000;
107
107
  width: 36px;
108
108
  margin: var(--gap-0) auto;
109
- } .bottom-sheet__defaultMarker_uemty {
109
+ } .bottom-sheet__defaultMarker_82mcq {
110
110
  height: 4px;
111
111
  border-radius: var(--border-radius-20);
112
112
  background-color: var(--color-light-neutral-translucent-300);
113
- } .bottom-sheet__content_uemty {
113
+ } .bottom-sheet__content_82mcq {
114
114
  position: relative;
115
115
  z-index: 0;
116
116
  display: flex;
@@ -120,75 +120,75 @@
120
120
  color: var(--color-light-text-primary);
121
121
  background-color: inherit;
122
122
  border-radius: inherit;
123
- } .bottom-sheet__noHeader_uemty {
123
+ } .bottom-sheet__noHeader_82mcq {
124
124
  padding-top: var(--gap-16);
125
- } .bottom-sheet__noFooter_uemty {
125
+ } .bottom-sheet__noFooter_82mcq {
126
126
  padding-bottom: var(--gap-16);
127
- } .bottom-sheet__scrollLocked_uemty {
127
+ } .bottom-sheet__scrollLocked_82mcq {
128
128
  overflow: hidden;
129
- } .bottom-sheet__hiddenScrollbar_uemty {
129
+ } .bottom-sheet__hiddenScrollbar_82mcq {
130
130
  scrollbar-width: none
131
- } .bottom-sheet__hiddenScrollbar_uemty::-webkit-scrollbar {
131
+ } .bottom-sheet__hiddenScrollbar_82mcq::-webkit-scrollbar {
132
132
  width: 0;
133
133
  height: 0;
134
- } .bottom-sheet__disabledPointerEvents_uemty {
134
+ } .bottom-sheet__disabledPointerEvents_82mcq {
135
135
  pointer-events: none;
136
- } .bottom-sheet__appear_uemty .bottom-sheet__wrapper_uemty, .bottom-sheet__enter_uemty .bottom-sheet__wrapper_uemty {
136
+ } .bottom-sheet__appear_82mcq .bottom-sheet__wrapper_82mcq, .bottom-sheet__enter_82mcq .bottom-sheet__wrapper_82mcq {
137
137
  transition: none;
138
- } .bottom-sheet__appearActive_uemty .bottom-sheet__wrapper_uemty, .bottom-sheet__enterActive_uemty .bottom-sheet__wrapper_uemty {
138
+ } .bottom-sheet__appearActive_82mcq .bottom-sheet__wrapper_82mcq, .bottom-sheet__enterActive_82mcq .bottom-sheet__wrapper_82mcq {
139
139
  transition: var(--bottom-sheet-in-transition);
140
140
  transform: translateY(0);
141
- } .bottom-sheet__enterDone_uemty .bottom-sheet__wrapper_uemty, .bottom-sheet__appearDone_uemty .bottom-sheet__wrapper_uemty {
141
+ } .bottom-sheet__enterDone_82mcq .bottom-sheet__wrapper_82mcq, .bottom-sheet__appearDone_82mcq .bottom-sheet__wrapper_82mcq {
142
142
  transform: translateY(0);
143
- } .bottom-sheet__exit_uemty .bottom-sheet__wrapper_uemty {
143
+ } .bottom-sheet__exit_82mcq .bottom-sheet__wrapper_82mcq {
144
144
  transform: translateY(0);
145
- } .bottom-sheet__exitActive_uemty .bottom-sheet__wrapper_uemty {
145
+ } .bottom-sheet__exitActive_82mcq .bottom-sheet__wrapper_82mcq {
146
146
  transition: var(--bottom-sheet-out-transition);
147
147
  transform: translateY(100%);
148
- } .bottom-sheet__safeAreaBottom_uemty {
148
+ } .bottom-sheet__safeAreaBottom_82mcq {
149
149
  padding-bottom: env(safe-area-inset-bottom);
150
- } .bottom-sheet__background-accent_uemty {
150
+ } .bottom-sheet__background-accent_82mcq {
151
151
  background-color: var(--color-light-bg-accent);
152
- } .bottom-sheet__background-info_uemty {
152
+ } .bottom-sheet__background-info_82mcq {
153
153
  background-color: var(--color-light-bg-info);
154
- } .bottom-sheet__background-attention-muted_uemty {
154
+ } .bottom-sheet__background-attention-muted_82mcq {
155
155
  background-color: var(--color-light-bg-attention-muted);
156
- } .bottom-sheet__background-positive-muted_uemty {
156
+ } .bottom-sheet__background-positive-muted_82mcq {
157
157
  background-color: var(--color-light-bg-positive-muted);
158
- } .bottom-sheet__background-negative-muted_uemty {
158
+ } .bottom-sheet__background-negative-muted_82mcq {
159
159
  background-color: var(--color-light-bg-negative-muted);
160
- } .bottom-sheet__background-primary_uemty {
160
+ } .bottom-sheet__background-primary_82mcq {
161
161
  background-color: var(--color-light-bg-primary);
162
- } .bottom-sheet__background-primary-inverted_uemty {
162
+ } .bottom-sheet__background-primary-inverted_82mcq {
163
163
  background-color: var(--color-light-bg-primary-inverted);
164
- } .bottom-sheet__background-secondary_uemty {
164
+ } .bottom-sheet__background-secondary_82mcq {
165
165
  background-color: var(--color-light-bg-secondary);
166
- } .bottom-sheet__background-secondary-inverted_uemty {
166
+ } .bottom-sheet__background-secondary-inverted_82mcq {
167
167
  background-color: var(--color-light-bg-secondary-inverted);
168
- } .bottom-sheet__background-tertiary_uemty {
168
+ } .bottom-sheet__background-tertiary_82mcq {
169
169
  background-color: var(--color-light-bg-tertiary);
170
- } .bottom-sheet__background-tertiary-inverted_uemty {
170
+ } .bottom-sheet__background-tertiary-inverted_82mcq {
171
171
  background-color: var(--color-light-bg-tertiary-inverted);
172
- } .bottom-sheet__background-quaternary_uemty {
172
+ } .bottom-sheet__background-quaternary_82mcq {
173
173
  background-color: var(--color-light-bg-quaternary);
174
- } .bottom-sheet__background-quaternary-inverted_uemty {
174
+ } .bottom-sheet__background-quaternary-inverted_82mcq {
175
175
  background-color: var(--color-light-bg-quaternary-inverted);
176
- } .bottom-sheet__background-specialbg-component_uemty {
176
+ } .bottom-sheet__background-specialbg-component_82mcq {
177
177
  background-color: var(--color-light-specialbg-component);
178
- } .bottom-sheet__background-specialbg-component-inverted_uemty {
178
+ } .bottom-sheet__background-specialbg-component-inverted_82mcq {
179
179
  background-color: var(--color-light-specialbg-component-inverted);
180
- } .bottom-sheet__background-specialbg-primary-grouped_uemty {
180
+ } .bottom-sheet__background-specialbg-primary-grouped_82mcq {
181
181
  background-color: var(--color-light-specialbg-primary-grouped);
182
- } .bottom-sheet__background-specialbg-secondary-grouped_uemty {
182
+ } .bottom-sheet__background-specialbg-secondary-grouped_82mcq {
183
183
  background-color: var(--color-light-specialbg-secondary-grouped);
184
- } .bottom-sheet__background-specialbg-tertiary-grouped_uemty {
184
+ } .bottom-sheet__background-specialbg-tertiary-grouped_82mcq {
185
185
  background-color: var(--color-light-specialbg-tertiary-grouped);
186
- } .bottom-sheet__background-specialbg-secondary-transparent_uemty {
186
+ } .bottom-sheet__background-specialbg-secondary-transparent_82mcq {
187
187
  background-color: var(--color-light-specialbg-secondary-transparent);
188
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_uemty {
188
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_82mcq {
189
189
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
190
- } .bottom-sheet__background-specialbg-tertiary-transparent_uemty {
190
+ } .bottom-sheet__background-specialbg-tertiary-transparent_82mcq {
191
191
  background-color: var(--color-light-specialbg-tertiary-transparent);
192
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_uemty {
192
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_82mcq {
193
193
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
194
194
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bottom-sheet",
3
- "version": "6.17.13",
3
+ "version": "6.17.14",
4
4
  "description": "Bottom sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,10 +16,10 @@
16
16
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
17
17
  },
18
18
  "dependencies": {
19
- "@alfalab/core-components-backdrop": "^3.4.3",
20
- "@alfalab/core-components-base-modal": "^5.8.6",
21
- "@alfalab/core-components-navigation-bar-private": "^0.5.5",
22
- "@alfalab/core-components-shared": "^0.14.0",
19
+ "@alfalab/core-components-backdrop": "^3.4.4",
20
+ "@alfalab/core-components-base-modal": "^5.8.7",
21
+ "@alfalab/core-components-navigation-bar-private": "^0.5.6",
22
+ "@alfalab/core-components-shared": "^0.14.1",
23
23
  "classnames": "^2.5.1",
24
24
  "react-div-100vh": "^0.7.0",
25
25
  "react-merge-refs": "^1.1.0",