@alfalab/core-components-bottom-sheet 8.0.1-alfasans → 8.0.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 (68) hide show
  1. package/components/footer/default.css +2 -2
  2. package/components/footer/default.module.css.js +1 -1
  3. package/components/footer/index.css +2 -2
  4. package/components/footer/index.module.css.js +1 -1
  5. package/components/footer/inverted.css +2 -2
  6. package/components/footer/inverted.module.css.js +1 -1
  7. package/components/header/Component.js +3 -3
  8. package/components/header/Component.js.map +1 -1
  9. package/components/header/default.css +4 -4
  10. package/components/header/default.module.css.js +1 -1
  11. package/components/header/index.css +18 -23
  12. package/components/header/index.module.css.js +1 -1
  13. package/components/header/inverted.css +4 -4
  14. package/components/header/inverted.module.css.js +1 -1
  15. package/cssm/components/header/Component.js +3 -3
  16. package/cssm/components/header/Component.js.map +1 -1
  17. package/cssm/components/header/index.module.css +5 -10
  18. package/default.css +4 -4
  19. package/default.module.css.js +1 -1
  20. package/esm/components/footer/default.css +2 -2
  21. package/esm/components/footer/default.module.css.js +1 -1
  22. package/esm/components/footer/index.css +2 -2
  23. package/esm/components/footer/index.module.css.js +1 -1
  24. package/esm/components/footer/inverted.css +2 -2
  25. package/esm/components/footer/inverted.module.css.js +1 -1
  26. package/esm/components/header/Component.js +3 -3
  27. package/esm/components/header/Component.js.map +1 -1
  28. package/esm/components/header/default.css +4 -4
  29. package/esm/components/header/default.module.css.js +1 -1
  30. package/esm/components/header/index.css +18 -23
  31. package/esm/components/header/index.module.css.js +1 -1
  32. package/esm/components/header/inverted.css +4 -4
  33. package/esm/components/header/inverted.module.css.js +1 -1
  34. package/esm/default.css +4 -4
  35. package/esm/default.module.css.js +1 -1
  36. package/esm/index.css +45 -45
  37. package/esm/index.module.css.js +1 -1
  38. package/esm/inverted.css +4 -4
  39. package/esm/inverted.module.css.js +1 -1
  40. package/index.css +45 -45
  41. package/index.module.css.js +1 -1
  42. package/inverted.css +4 -4
  43. package/inverted.module.css.js +1 -1
  44. package/modern/components/footer/default.css +2 -2
  45. package/modern/components/footer/default.module.css.js +1 -1
  46. package/modern/components/footer/index.css +2 -2
  47. package/modern/components/footer/index.module.css.js +1 -1
  48. package/modern/components/footer/inverted.css +2 -2
  49. package/modern/components/footer/inverted.module.css.js +1 -1
  50. package/modern/components/header/Component.js +3 -3
  51. package/modern/components/header/Component.js.map +1 -1
  52. package/modern/components/header/default.css +4 -4
  53. package/modern/components/header/default.module.css.js +1 -1
  54. package/modern/components/header/index.css +18 -23
  55. package/modern/components/header/index.module.css.js +1 -1
  56. package/modern/components/header/inverted.css +4 -4
  57. package/modern/components/header/inverted.module.css.js +1 -1
  58. package/modern/default.css +4 -4
  59. package/modern/default.module.css.js +1 -1
  60. package/modern/index.css +45 -45
  61. package/modern/index.module.css.js +1 -1
  62. package/modern/inverted.css +4 -4
  63. package/modern/inverted.module.css.js +1 -1
  64. package/moderncssm/components/header/Component.js +3 -3
  65. package/moderncssm/components/header/Component.js.map +1 -1
  66. package/moderncssm/components/header/index.module.css +3 -7
  67. package/package.json +8 -8
  68. package/src/components/header/Component.tsx +3 -1
@@ -9,42 +9,41 @@
9
9
  --gap-12: var(--gap-s);
10
10
  }
11
11
  :root {
12
- --font-family-alfasans:
13
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
14
- Helvetica, sans-serif;
12
+ --font-family-system:
13
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
15
14
  }
16
- .bottom-sheet__headerBase_1yht5 {
15
+ .bottom-sheet__headerBase_nzj4a {
17
16
  border-top-left-radius: inherit;
18
17
  border-top-right-radius: inherit;
19
18
  z-index: 1;
20
19
  }
21
- .bottom-sheet__headerWrapper_1yht5 {
20
+ .bottom-sheet__headerWrapper_nzj4a {
22
21
  padding: var(--gap-12) var(--gap-8) var(--gap-4);
23
22
  }
24
- .bottom-sheet__headerWrapperWithoutSwipeMarker_1yht5 {
23
+ .bottom-sheet__headerWrapperWithoutSwipeMarker_nzj4a {
25
24
  padding: var(--gap-8) var(--gap-8) var(--gap-4);
26
25
  }
27
- .bottom-sheet__header_1yht5 {
26
+ .bottom-sheet__header_nzj4a {
28
27
  display: flex;
29
28
  }
30
- .bottom-sheet__sticky_1yht5 {
29
+ .bottom-sheet__sticky_nzj4a {
31
30
  position: sticky;
32
31
  top: var(--gap-0);
33
32
  }
34
- .bottom-sheet__justifyEnd_1yht5 {
33
+ .bottom-sheet__justifyEnd_nzj4a {
35
34
  justify-content: flex-end;
36
35
  }
37
- .bottom-sheet__addon_1yht5 {
36
+ .bottom-sheet__addon_nzj4a {
38
37
  display: flex;
39
38
  justify-content: center;
40
39
  align-items: center;
41
40
  min-width: 48px;
42
41
  height: 48px;
43
42
  }
44
- .bottom-sheet__addonFixed_1yht5 {
43
+ .bottom-sheet__addonFixed_nzj4a {
45
44
  position: fixed;
46
45
  }
47
- .bottom-sheet__title_1yht5 {
46
+ .bottom-sheet__title_nzj4a {
48
47
  padding: var(--gap-10) var(--gap-8);
49
48
  width: 100%;
50
49
 
@@ -52,24 +51,22 @@
52
51
 
53
52
  line-height: 28px;
54
53
 
55
- font-weight: 500;
54
+ font-weight: 600;
56
55
 
57
- letter-spacing: -0.15px;
58
-
59
- font-family: var(--font-family-alfasans);
56
+ font-family: var(--font-family-system);
60
57
  }
61
- .bottom-sheet__titleCenter_1yht5 {
58
+ .bottom-sheet__titleCenter_nzj4a {
62
59
  text-align: center;
63
60
  }
64
- .bottom-sheet__titleLeft_1yht5 {
61
+ .bottom-sheet__titleLeft_nzj4a {
65
62
  text-align: left;
66
63
  }
67
- .bottom-sheet__trimTitle_1yht5 {
64
+ .bottom-sheet__trimTitle_nzj4a {
68
65
  white-space: nowrap;
69
66
  overflow: hidden;
70
67
  text-overflow: ellipsis;
71
68
  }
72
- .bottom-sheet__subtitle_1yht5 {
69
+ .bottom-sheet__subtitle_nzj4a {
73
70
  width: 100%;
74
71
 
75
72
  font-size: 14px;
@@ -78,7 +75,5 @@
78
75
 
79
76
  font-weight: 400;
80
77
 
81
- letter-spacing: -0.08px;
82
-
83
- font-family: var(--font-family-alfasans);
78
+ font-family: var(--font-family-system);
84
79
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1yht5 bottom-sheet__headerBase_1yht5","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1yht5 bottom-sheet__headerBase_1yht5","sticky":"bottom-sheet__sticky_1yht5","title":"bottom-sheet__title_1yht5","subtitle":"bottom-sheet__subtitle_1yht5"};
3
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_nzj4a bottom-sheet__headerBase_nzj4a","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_nzj4a bottom-sheet__headerBase_nzj4a","sticky":"bottom-sheet__sticky_nzj4a","title":"bottom-sheet__title_nzj4a","subtitle":"bottom-sheet__subtitle_nzj4a"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -6,15 +6,15 @@
6
6
  --bottom-sheet-header-border-bottom-inverted: 1px solid var(--color-light-neutral-300-inverted);
7
7
  --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
8
8
  }
9
- .bottom-sheet__title_fjgxg {
9
+ .bottom-sheet__title_o23la {
10
10
  color: var(--bottom-sheet-text-color-inverted);
11
11
  }
12
- .bottom-sheet__hasContent_fjgxg {
12
+ .bottom-sheet__hasContent_o23la {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_fjgxg.bottom-sheet__subtitle_fjgxg {
15
+ .bottom-sheet__subtitle_o23la.bottom-sheet__subtitle_o23la {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
18
- .bottom-sheet__highlighted_fjgxg {
18
+ .bottom-sheet__highlighted_o23la {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"title":"bottom-sheet__title_fjgxg","hasContent":"bottom-sheet__hasContent_fjgxg","subtitle":"bottom-sheet__subtitle_fjgxg","highlighted":"bottom-sheet__highlighted_fjgxg"};
3
+ var invertedColors = {"title":"bottom-sheet__title_o23la","hasContent":"bottom-sheet__hasContent_o23la","subtitle":"bottom-sheet__subtitle_o23la","highlighted":"bottom-sheet__highlighted_o23la"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/esm/default.css CHANGED
@@ -8,15 +8,15 @@
8
8
  --bottom-sheet-marker-color: var(--color-light-neutral-translucent-300);
9
9
  --bottom-sheet-text-color: var(--color-light-text-primary);
10
10
  }
11
- .bottom-sheet__component_19pv4 {
11
+ .bottom-sheet__component_25431 {
12
12
  background-color: var(--bottom-sheet-background-color);
13
13
  }
14
- .bottom-sheet__content_19pv4 {
14
+ .bottom-sheet__content_25431 {
15
15
  color: var(--bottom-sheet-text-color);
16
16
  }
17
- .bottom-sheet__defaultMarker_19pv4 {
17
+ .bottom-sheet__defaultMarker_25431 {
18
18
  background-color: var(--bottom-sheet-marker-color);
19
19
  }
20
- .bottom-sheet__hasContent_19pv4 {
20
+ .bottom-sheet__hasContent_25431 {
21
21
  color: var(--bottom-sheet-text-color);
22
22
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"component":"bottom-sheet__component_19pv4","content":"bottom-sheet__content_19pv4","defaultMarker":"bottom-sheet__defaultMarker_19pv4","hasContent":"bottom-sheet__hasContent_19pv4"};
3
+ var defaultColors = {"component":"bottom-sheet__component_25431","content":"bottom-sheet__content_25431","defaultMarker":"bottom-sheet__defaultMarker_25431","hasContent":"bottom-sheet__hasContent_25431"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/index.css CHANGED
@@ -45,18 +45,18 @@
45
45
  --bottom-sheet-top-radius: var(--border-radius-16);
46
46
  --bottom-sheet-shadow: none;
47
47
  }
48
- .bottom-sheet__modal_rw999 {
48
+ .bottom-sheet__modal_wku8l {
49
49
  bottom: var(--gap-0);
50
50
  width: 100%;
51
51
  max-width: 600px;
52
52
  pointer-events: none;
53
53
  touch-action: none;
54
54
  }
55
- .bottom-sheet__modal_rw999.bottom-sheet__modal_rw999 {
55
+ .bottom-sheet__modal_wku8l.bottom-sheet__modal_wku8l {
56
56
  background-color: transparent;
57
57
  position: fixed;
58
58
  }
59
- .bottom-sheet__wrapper_rw999 {
59
+ .bottom-sheet__wrapper_wku8l {
60
60
  transform: translateY(100%);
61
61
  pointer-events: none;
62
62
  touch-action: none;
@@ -64,13 +64,13 @@
64
64
  border-top-left-radius: var(--bottom-sheet-top-radius);
65
65
  transition: border-radius 0.3s ease;
66
66
  }
67
- .bottom-sheet__outerClassName_rw999 {
67
+ .bottom-sheet__outerClassName_wku8l {
68
68
  pointer-events: all;
69
69
  }
70
- .bottom-sheet__fullscreen_rw999 {
70
+ .bottom-sheet__fullscreen_wku8l {
71
71
  border-radius: var(--border-radius-0);
72
72
  }
73
- .bottom-sheet__component_rw999 {
73
+ .bottom-sheet__component_wku8l {
74
74
  position: relative;
75
75
  display: flex;
76
76
  flex-direction: column;
@@ -79,10 +79,10 @@
79
79
  box-shadow: var(--bottom-sheet-shadow);
80
80
  transform: translate(0, 0);
81
81
  }
82
- .bottom-sheet__withTransition_rw999 {
82
+ .bottom-sheet__withTransition_wku8l {
83
83
  transition: var(--bottom-sheet-out-transition);
84
84
  }
85
- .bottom-sheet__scrollableContainer_rw999 {
85
+ .bottom-sheet__scrollableContainer_wku8l {
86
86
  overflow: auto;
87
87
  display: flex;
88
88
  flex-direction: column;
@@ -92,7 +92,7 @@
92
92
  border-radius: inherit;
93
93
  overscroll-behavior: contain;
94
94
  }
95
- .bottom-sheet__marker_rw999 {
95
+ .bottom-sheet__marker_wku8l {
96
96
  position: fixed;
97
97
  top: var(--gap-4);
98
98
  right: var(--gap-0);
@@ -101,11 +101,11 @@
101
101
  width: 36px;
102
102
  margin: var(--gap-0) auto;
103
103
  }
104
- .bottom-sheet__defaultMarker_rw999 {
104
+ .bottom-sheet__defaultMarker_wku8l {
105
105
  height: 4px;
106
106
  border-radius: var(--border-radius-20);
107
107
  }
108
- .bottom-sheet__content_rw999 {
108
+ .bottom-sheet__content_wku8l {
109
109
  position: relative;
110
110
  z-index: 0;
111
111
  display: flex;
@@ -115,108 +115,108 @@
115
115
  background-color: inherit;
116
116
  border-radius: inherit;
117
117
  }
118
- .bottom-sheet__noHeader_rw999 {
118
+ .bottom-sheet__noHeader_wku8l {
119
119
  padding-top: var(--gap-16);
120
120
  }
121
- .bottom-sheet__noFooter_rw999 {
121
+ .bottom-sheet__noFooter_wku8l {
122
122
  padding-bottom: var(--gap-16);
123
123
  }
124
- .bottom-sheet__scrollLocked_rw999 {
124
+ .bottom-sheet__scrollLocked_wku8l {
125
125
  overflow: hidden;
126
126
  }
127
- .bottom-sheet__hiddenScrollbar_rw999 {
127
+ .bottom-sheet__hiddenScrollbar_wku8l {
128
128
  scrollbar-width: none;
129
129
  }
130
- .bottom-sheet__hiddenScrollbar_rw999::-webkit-scrollbar {
130
+ .bottom-sheet__hiddenScrollbar_wku8l::-webkit-scrollbar {
131
131
  width: 0;
132
132
  height: 0;
133
133
  }
134
- .bottom-sheet__disabledPointerEvents_rw999 {
134
+ .bottom-sheet__disabledPointerEvents_wku8l {
135
135
  pointer-events: none;
136
136
  }
137
- .bottom-sheet__appear_rw999 .bottom-sheet__wrapper_rw999, .bottom-sheet__enter_rw999 .bottom-sheet__wrapper_rw999 {
137
+ .bottom-sheet__appear_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__enter_wku8l .bottom-sheet__wrapper_wku8l {
138
138
  transition: none;
139
139
  }
140
- .bottom-sheet__appearActive_rw999 .bottom-sheet__wrapper_rw999, .bottom-sheet__enterActive_rw999 .bottom-sheet__wrapper_rw999 {
140
+ .bottom-sheet__appearActive_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__enterActive_wku8l .bottom-sheet__wrapper_wku8l {
141
141
  transition: var(--bottom-sheet-in-transition);
142
142
  transform: translateY(0);
143
143
  }
144
- .bottom-sheet__enterDone_rw999 .bottom-sheet__wrapper_rw999, .bottom-sheet__appearDone_rw999 .bottom-sheet__wrapper_rw999 {
144
+ .bottom-sheet__enterDone_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__appearDone_wku8l .bottom-sheet__wrapper_wku8l {
145
145
  transform: translateY(0);
146
146
  }
147
- .bottom-sheet__exit_rw999 .bottom-sheet__wrapper_rw999 {
147
+ .bottom-sheet__exit_wku8l .bottom-sheet__wrapper_wku8l {
148
148
  transform: translateY(0);
149
149
  }
150
- .bottom-sheet__exitActive_rw999 .bottom-sheet__wrapper_rw999 {
150
+ .bottom-sheet__exitActive_wku8l .bottom-sheet__wrapper_wku8l {
151
151
  transition: var(--bottom-sheet-out-transition);
152
152
  transform: translateY(100%);
153
153
  }
154
- .bottom-sheet__safeAreaBottom_rw999 {
154
+ .bottom-sheet__safeAreaBottom_wku8l {
155
155
  padding-bottom: var(--sab);
156
156
  }
157
- .bottom-sheet__background-accent_rw999 {
157
+ .bottom-sheet__background-accent_wku8l {
158
158
  background-color: var(--color-light-bg-accent);
159
159
  }
160
- .bottom-sheet__background-info_rw999 {
160
+ .bottom-sheet__background-info_wku8l {
161
161
  background-color: var(--color-light-bg-info);
162
162
  }
163
- .bottom-sheet__background-attention-muted_rw999 {
163
+ .bottom-sheet__background-attention-muted_wku8l {
164
164
  background-color: var(--color-light-bg-attention-muted);
165
165
  }
166
- .bottom-sheet__background-positive-muted_rw999 {
166
+ .bottom-sheet__background-positive-muted_wku8l {
167
167
  background-color: var(--color-light-bg-positive-muted);
168
168
  }
169
- .bottom-sheet__background-negative-muted_rw999 {
169
+ .bottom-sheet__background-negative-muted_wku8l {
170
170
  background-color: var(--color-light-bg-negative-muted);
171
171
  }
172
- .bottom-sheet__background-primary_rw999 {
172
+ .bottom-sheet__background-primary_wku8l {
173
173
  background-color: var(--color-light-bg-primary);
174
174
  }
175
- .bottom-sheet__background-primary-inverted_rw999 {
175
+ .bottom-sheet__background-primary-inverted_wku8l {
176
176
  background-color: var(--color-light-bg-primary-inverted);
177
177
  }
178
- .bottom-sheet__background-secondary_rw999 {
178
+ .bottom-sheet__background-secondary_wku8l {
179
179
  background-color: var(--color-light-bg-secondary);
180
180
  }
181
- .bottom-sheet__background-secondary-inverted_rw999 {
181
+ .bottom-sheet__background-secondary-inverted_wku8l {
182
182
  background-color: var(--color-light-bg-secondary-inverted);
183
183
  }
184
- .bottom-sheet__background-tertiary_rw999 {
184
+ .bottom-sheet__background-tertiary_wku8l {
185
185
  background-color: var(--color-light-bg-tertiary);
186
186
  }
187
- .bottom-sheet__background-tertiary-inverted_rw999 {
187
+ .bottom-sheet__background-tertiary-inverted_wku8l {
188
188
  background-color: var(--color-light-bg-tertiary-inverted);
189
189
  }
190
- .bottom-sheet__background-quaternary_rw999 {
190
+ .bottom-sheet__background-quaternary_wku8l {
191
191
  background-color: var(--color-light-bg-quaternary);
192
192
  }
193
- .bottom-sheet__background-quaternary-inverted_rw999 {
193
+ .bottom-sheet__background-quaternary-inverted_wku8l {
194
194
  background-color: var(--color-light-bg-quaternary-inverted);
195
195
  }
196
- .bottom-sheet__background-specialbg-component_rw999 {
196
+ .bottom-sheet__background-specialbg-component_wku8l {
197
197
  background-color: var(--color-light-specialbg-component);
198
198
  }
199
- .bottom-sheet__background-specialbg-component-inverted_rw999 {
199
+ .bottom-sheet__background-specialbg-component-inverted_wku8l {
200
200
  background-color: var(--color-light-specialbg-component-inverted);
201
201
  }
202
- .bottom-sheet__background-specialbg-primary-grouped_rw999 {
202
+ .bottom-sheet__background-specialbg-primary-grouped_wku8l {
203
203
  background-color: var(--color-light-specialbg-primary-grouped);
204
204
  }
205
- .bottom-sheet__background-specialbg-secondary-grouped_rw999 {
205
+ .bottom-sheet__background-specialbg-secondary-grouped_wku8l {
206
206
  background-color: var(--color-light-specialbg-secondary-grouped);
207
207
  }
208
- .bottom-sheet__background-specialbg-tertiary-grouped_rw999 {
208
+ .bottom-sheet__background-specialbg-tertiary-grouped_wku8l {
209
209
  background-color: var(--color-light-specialbg-tertiary-grouped);
210
210
  }
211
- .bottom-sheet__background-specialbg-secondary-transparent_rw999 {
211
+ .bottom-sheet__background-specialbg-secondary-transparent_wku8l {
212
212
  background-color: var(--color-light-specialbg-secondary-transparent);
213
213
  }
214
- .bottom-sheet__background-specialbg-secondary-transparent-inverted_rw999 {
214
+ .bottom-sheet__background-specialbg-secondary-transparent-inverted_wku8l {
215
215
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
216
216
  }
217
- .bottom-sheet__background-specialbg-tertiary-transparent_rw999 {
217
+ .bottom-sheet__background-specialbg-tertiary-transparent_wku8l {
218
218
  background-color: var(--color-light-specialbg-tertiary-transparent);
219
219
  }
220
- .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rw999 {
220
+ .bottom-sheet__background-specialbg-tertiary-transparent-inverted_wku8l {
221
221
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
222
222
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"modal":"bottom-sheet__modal_rw999","wrapper":"bottom-sheet__wrapper_rw999","outerClassName":"bottom-sheet__outerClassName_rw999","fullscreen":"bottom-sheet__fullscreen_rw999","component":"bottom-sheet__component_rw999","withTransition":"bottom-sheet__withTransition_rw999","scrollableContainer":"bottom-sheet__scrollableContainer_rw999","marker":"bottom-sheet__marker_rw999","defaultMarker":"bottom-sheet__defaultMarker_rw999","content":"bottom-sheet__content_rw999","noHeader":"bottom-sheet__noHeader_rw999","noFooter":"bottom-sheet__noFooter_rw999","scrollLocked":"bottom-sheet__scrollLocked_rw999","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_rw999","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_rw999","appear":"bottom-sheet__appear_rw999","enter":"bottom-sheet__enter_rw999","appearActive":"bottom-sheet__appearActive_rw999","enterActive":"bottom-sheet__enterActive_rw999","enterDone":"bottom-sheet__enterDone_rw999","appearDone":"bottom-sheet__appearDone_rw999","exit":"bottom-sheet__exit_rw999","exitActive":"bottom-sheet__exitActive_rw999","safeAreaBottom":"bottom-sheet__safeAreaBottom_rw999","background-accent":"bottom-sheet__background-accent_rw999","background-info":"bottom-sheet__background-info_rw999","background-attention-muted":"bottom-sheet__background-attention-muted_rw999","background-positive-muted":"bottom-sheet__background-positive-muted_rw999","background-negative-muted":"bottom-sheet__background-negative-muted_rw999","background-primary":"bottom-sheet__background-primary_rw999","background-primary-inverted":"bottom-sheet__background-primary-inverted_rw999","background-secondary":"bottom-sheet__background-secondary_rw999","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_rw999","background-tertiary":"bottom-sheet__background-tertiary_rw999","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_rw999","background-quaternary":"bottom-sheet__background-quaternary_rw999","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_rw999","background-specialbg-component":"bottom-sheet__background-specialbg-component_rw999","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_rw999","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_rw999","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_rw999","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_rw999","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_rw999","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_rw999","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_rw999","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_rw999"};
3
+ var styles = {"modal":"bottom-sheet__modal_wku8l","wrapper":"bottom-sheet__wrapper_wku8l","outerClassName":"bottom-sheet__outerClassName_wku8l","fullscreen":"bottom-sheet__fullscreen_wku8l","component":"bottom-sheet__component_wku8l","withTransition":"bottom-sheet__withTransition_wku8l","scrollableContainer":"bottom-sheet__scrollableContainer_wku8l","marker":"bottom-sheet__marker_wku8l","defaultMarker":"bottom-sheet__defaultMarker_wku8l","content":"bottom-sheet__content_wku8l","noHeader":"bottom-sheet__noHeader_wku8l","noFooter":"bottom-sheet__noFooter_wku8l","scrollLocked":"bottom-sheet__scrollLocked_wku8l","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_wku8l","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_wku8l","appear":"bottom-sheet__appear_wku8l","enter":"bottom-sheet__enter_wku8l","appearActive":"bottom-sheet__appearActive_wku8l","enterActive":"bottom-sheet__enterActive_wku8l","enterDone":"bottom-sheet__enterDone_wku8l","appearDone":"bottom-sheet__appearDone_wku8l","exit":"bottom-sheet__exit_wku8l","exitActive":"bottom-sheet__exitActive_wku8l","safeAreaBottom":"bottom-sheet__safeAreaBottom_wku8l","background-accent":"bottom-sheet__background-accent_wku8l","background-info":"bottom-sheet__background-info_wku8l","background-attention-muted":"bottom-sheet__background-attention-muted_wku8l","background-positive-muted":"bottom-sheet__background-positive-muted_wku8l","background-negative-muted":"bottom-sheet__background-negative-muted_wku8l","background-primary":"bottom-sheet__background-primary_wku8l","background-primary-inverted":"bottom-sheet__background-primary-inverted_wku8l","background-secondary":"bottom-sheet__background-secondary_wku8l","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_wku8l","background-tertiary":"bottom-sheet__background-tertiary_wku8l","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_wku8l","background-quaternary":"bottom-sheet__background-quaternary_wku8l","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_wku8l","background-specialbg-component":"bottom-sheet__background-specialbg-component_wku8l","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_wku8l","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_wku8l","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_wku8l","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_wku8l","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_wku8l","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_wku8l","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_wku8l","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_wku8l"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/inverted.css CHANGED
@@ -8,15 +8,15 @@
8
8
  --bottom-sheet-marker-color-inverted: var(--color-light-neutral-translucent-300-inverted);
9
9
  --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
10
10
  }
11
- .bottom-sheet__component_ds65s {
11
+ .bottom-sheet__component_eks4c {
12
12
  background-color: var(--bottom-sheet-background-color-inverted);
13
13
  }
14
- .bottom-sheet__content_ds65s {
14
+ .bottom-sheet__content_eks4c {
15
15
  color: var(--bottom-sheet-text-color-inverted);
16
16
  }
17
- .bottom-sheet__defaultMarker_ds65s {
17
+ .bottom-sheet__defaultMarker_eks4c {
18
18
  background-color: var(--bottom-sheet-marker-color-inverted);
19
19
  }
20
- .bottom-sheet__hasContent_ds65s {
20
+ .bottom-sheet__hasContent_eks4c {
21
21
  color: var(--bottom-sheet-text-color-inverted);
22
22
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"component":"bottom-sheet__component_ds65s","content":"bottom-sheet__content_ds65s","defaultMarker":"bottom-sheet__defaultMarker_ds65s","hasContent":"bottom-sheet__hasContent_ds65s"};
3
+ var invertedColors = {"component":"bottom-sheet__component_eks4c","content":"bottom-sheet__content_eks4c","defaultMarker":"bottom-sheet__defaultMarker_eks4c","hasContent":"bottom-sheet__hasContent_eks4c"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/index.css CHANGED
@@ -45,18 +45,18 @@
45
45
  --bottom-sheet-top-radius: var(--border-radius-16);
46
46
  --bottom-sheet-shadow: none;
47
47
  }
48
- .bottom-sheet__modal_rw999 {
48
+ .bottom-sheet__modal_wku8l {
49
49
  bottom: var(--gap-0);
50
50
  width: 100%;
51
51
  max-width: 600px;
52
52
  pointer-events: none;
53
53
  touch-action: none;
54
54
  }
55
- .bottom-sheet__modal_rw999.bottom-sheet__modal_rw999 {
55
+ .bottom-sheet__modal_wku8l.bottom-sheet__modal_wku8l {
56
56
  background-color: transparent;
57
57
  position: fixed;
58
58
  }
59
- .bottom-sheet__wrapper_rw999 {
59
+ .bottom-sheet__wrapper_wku8l {
60
60
  transform: translateY(100%);
61
61
  pointer-events: none;
62
62
  touch-action: none;
@@ -64,13 +64,13 @@
64
64
  border-top-left-radius: var(--bottom-sheet-top-radius);
65
65
  transition: border-radius 0.3s ease;
66
66
  }
67
- .bottom-sheet__outerClassName_rw999 {
67
+ .bottom-sheet__outerClassName_wku8l {
68
68
  pointer-events: all;
69
69
  }
70
- .bottom-sheet__fullscreen_rw999 {
70
+ .bottom-sheet__fullscreen_wku8l {
71
71
  border-radius: var(--border-radius-0);
72
72
  }
73
- .bottom-sheet__component_rw999 {
73
+ .bottom-sheet__component_wku8l {
74
74
  position: relative;
75
75
  display: flex;
76
76
  flex-direction: column;
@@ -79,10 +79,10 @@
79
79
  box-shadow: var(--bottom-sheet-shadow);
80
80
  transform: translate(0, 0);
81
81
  }
82
- .bottom-sheet__withTransition_rw999 {
82
+ .bottom-sheet__withTransition_wku8l {
83
83
  transition: var(--bottom-sheet-out-transition);
84
84
  }
85
- .bottom-sheet__scrollableContainer_rw999 {
85
+ .bottom-sheet__scrollableContainer_wku8l {
86
86
  overflow: auto;
87
87
  display: flex;
88
88
  flex-direction: column;
@@ -92,7 +92,7 @@
92
92
  border-radius: inherit;
93
93
  overscroll-behavior: contain;
94
94
  }
95
- .bottom-sheet__marker_rw999 {
95
+ .bottom-sheet__marker_wku8l {
96
96
  position: fixed;
97
97
  top: var(--gap-4);
98
98
  right: var(--gap-0);
@@ -101,11 +101,11 @@
101
101
  width: 36px;
102
102
  margin: var(--gap-0) auto;
103
103
  }
104
- .bottom-sheet__defaultMarker_rw999 {
104
+ .bottom-sheet__defaultMarker_wku8l {
105
105
  height: 4px;
106
106
  border-radius: var(--border-radius-20);
107
107
  }
108
- .bottom-sheet__content_rw999 {
108
+ .bottom-sheet__content_wku8l {
109
109
  position: relative;
110
110
  z-index: 0;
111
111
  display: flex;
@@ -115,108 +115,108 @@
115
115
  background-color: inherit;
116
116
  border-radius: inherit;
117
117
  }
118
- .bottom-sheet__noHeader_rw999 {
118
+ .bottom-sheet__noHeader_wku8l {
119
119
  padding-top: var(--gap-16);
120
120
  }
121
- .bottom-sheet__noFooter_rw999 {
121
+ .bottom-sheet__noFooter_wku8l {
122
122
  padding-bottom: var(--gap-16);
123
123
  }
124
- .bottom-sheet__scrollLocked_rw999 {
124
+ .bottom-sheet__scrollLocked_wku8l {
125
125
  overflow: hidden;
126
126
  }
127
- .bottom-sheet__hiddenScrollbar_rw999 {
127
+ .bottom-sheet__hiddenScrollbar_wku8l {
128
128
  scrollbar-width: none;
129
129
  }
130
- .bottom-sheet__hiddenScrollbar_rw999::-webkit-scrollbar {
130
+ .bottom-sheet__hiddenScrollbar_wku8l::-webkit-scrollbar {
131
131
  width: 0;
132
132
  height: 0;
133
133
  }
134
- .bottom-sheet__disabledPointerEvents_rw999 {
134
+ .bottom-sheet__disabledPointerEvents_wku8l {
135
135
  pointer-events: none;
136
136
  }
137
- .bottom-sheet__appear_rw999 .bottom-sheet__wrapper_rw999, .bottom-sheet__enter_rw999 .bottom-sheet__wrapper_rw999 {
137
+ .bottom-sheet__appear_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__enter_wku8l .bottom-sheet__wrapper_wku8l {
138
138
  transition: none;
139
139
  }
140
- .bottom-sheet__appearActive_rw999 .bottom-sheet__wrapper_rw999, .bottom-sheet__enterActive_rw999 .bottom-sheet__wrapper_rw999 {
140
+ .bottom-sheet__appearActive_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__enterActive_wku8l .bottom-sheet__wrapper_wku8l {
141
141
  transition: var(--bottom-sheet-in-transition);
142
142
  transform: translateY(0);
143
143
  }
144
- .bottom-sheet__enterDone_rw999 .bottom-sheet__wrapper_rw999, .bottom-sheet__appearDone_rw999 .bottom-sheet__wrapper_rw999 {
144
+ .bottom-sheet__enterDone_wku8l .bottom-sheet__wrapper_wku8l, .bottom-sheet__appearDone_wku8l .bottom-sheet__wrapper_wku8l {
145
145
  transform: translateY(0);
146
146
  }
147
- .bottom-sheet__exit_rw999 .bottom-sheet__wrapper_rw999 {
147
+ .bottom-sheet__exit_wku8l .bottom-sheet__wrapper_wku8l {
148
148
  transform: translateY(0);
149
149
  }
150
- .bottom-sheet__exitActive_rw999 .bottom-sheet__wrapper_rw999 {
150
+ .bottom-sheet__exitActive_wku8l .bottom-sheet__wrapper_wku8l {
151
151
  transition: var(--bottom-sheet-out-transition);
152
152
  transform: translateY(100%);
153
153
  }
154
- .bottom-sheet__safeAreaBottom_rw999 {
154
+ .bottom-sheet__safeAreaBottom_wku8l {
155
155
  padding-bottom: var(--sab);
156
156
  }
157
- .bottom-sheet__background-accent_rw999 {
157
+ .bottom-sheet__background-accent_wku8l {
158
158
  background-color: var(--color-light-bg-accent);
159
159
  }
160
- .bottom-sheet__background-info_rw999 {
160
+ .bottom-sheet__background-info_wku8l {
161
161
  background-color: var(--color-light-bg-info);
162
162
  }
163
- .bottom-sheet__background-attention-muted_rw999 {
163
+ .bottom-sheet__background-attention-muted_wku8l {
164
164
  background-color: var(--color-light-bg-attention-muted);
165
165
  }
166
- .bottom-sheet__background-positive-muted_rw999 {
166
+ .bottom-sheet__background-positive-muted_wku8l {
167
167
  background-color: var(--color-light-bg-positive-muted);
168
168
  }
169
- .bottom-sheet__background-negative-muted_rw999 {
169
+ .bottom-sheet__background-negative-muted_wku8l {
170
170
  background-color: var(--color-light-bg-negative-muted);
171
171
  }
172
- .bottom-sheet__background-primary_rw999 {
172
+ .bottom-sheet__background-primary_wku8l {
173
173
  background-color: var(--color-light-bg-primary);
174
174
  }
175
- .bottom-sheet__background-primary-inverted_rw999 {
175
+ .bottom-sheet__background-primary-inverted_wku8l {
176
176
  background-color: var(--color-light-bg-primary-inverted);
177
177
  }
178
- .bottom-sheet__background-secondary_rw999 {
178
+ .bottom-sheet__background-secondary_wku8l {
179
179
  background-color: var(--color-light-bg-secondary);
180
180
  }
181
- .bottom-sheet__background-secondary-inverted_rw999 {
181
+ .bottom-sheet__background-secondary-inverted_wku8l {
182
182
  background-color: var(--color-light-bg-secondary-inverted);
183
183
  }
184
- .bottom-sheet__background-tertiary_rw999 {
184
+ .bottom-sheet__background-tertiary_wku8l {
185
185
  background-color: var(--color-light-bg-tertiary);
186
186
  }
187
- .bottom-sheet__background-tertiary-inverted_rw999 {
187
+ .bottom-sheet__background-tertiary-inverted_wku8l {
188
188
  background-color: var(--color-light-bg-tertiary-inverted);
189
189
  }
190
- .bottom-sheet__background-quaternary_rw999 {
190
+ .bottom-sheet__background-quaternary_wku8l {
191
191
  background-color: var(--color-light-bg-quaternary);
192
192
  }
193
- .bottom-sheet__background-quaternary-inverted_rw999 {
193
+ .bottom-sheet__background-quaternary-inverted_wku8l {
194
194
  background-color: var(--color-light-bg-quaternary-inverted);
195
195
  }
196
- .bottom-sheet__background-specialbg-component_rw999 {
196
+ .bottom-sheet__background-specialbg-component_wku8l {
197
197
  background-color: var(--color-light-specialbg-component);
198
198
  }
199
- .bottom-sheet__background-specialbg-component-inverted_rw999 {
199
+ .bottom-sheet__background-specialbg-component-inverted_wku8l {
200
200
  background-color: var(--color-light-specialbg-component-inverted);
201
201
  }
202
- .bottom-sheet__background-specialbg-primary-grouped_rw999 {
202
+ .bottom-sheet__background-specialbg-primary-grouped_wku8l {
203
203
  background-color: var(--color-light-specialbg-primary-grouped);
204
204
  }
205
- .bottom-sheet__background-specialbg-secondary-grouped_rw999 {
205
+ .bottom-sheet__background-specialbg-secondary-grouped_wku8l {
206
206
  background-color: var(--color-light-specialbg-secondary-grouped);
207
207
  }
208
- .bottom-sheet__background-specialbg-tertiary-grouped_rw999 {
208
+ .bottom-sheet__background-specialbg-tertiary-grouped_wku8l {
209
209
  background-color: var(--color-light-specialbg-tertiary-grouped);
210
210
  }
211
- .bottom-sheet__background-specialbg-secondary-transparent_rw999 {
211
+ .bottom-sheet__background-specialbg-secondary-transparent_wku8l {
212
212
  background-color: var(--color-light-specialbg-secondary-transparent);
213
213
  }
214
- .bottom-sheet__background-specialbg-secondary-transparent-inverted_rw999 {
214
+ .bottom-sheet__background-specialbg-secondary-transparent-inverted_wku8l {
215
215
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
216
216
  }
217
- .bottom-sheet__background-specialbg-tertiary-transparent_rw999 {
217
+ .bottom-sheet__background-specialbg-tertiary-transparent_wku8l {
218
218
  background-color: var(--color-light-specialbg-tertiary-transparent);
219
219
  }
220
- .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rw999 {
220
+ .bottom-sheet__background-specialbg-tertiary-transparent-inverted_wku8l {
221
221
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
222
222
  }