@alfalab/core-components-bottom-sheet 8.1.0 → 8.1.1
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/components/footer/default.css +3 -3
- package/components/footer/default.module.css.js +1 -1
- package/components/footer/index.css +3 -3
- package/components/footer/index.module.css.js +1 -1
- package/components/footer/inverted.css +3 -3
- package/components/footer/inverted.module.css.js +1 -1
- package/components/header/default.css +4 -4
- package/components/header/default.module.css.js +1 -1
- package/components/header/index.css +13 -13
- package/components/header/index.module.css.js +1 -1
- package/components/header/inverted.css +4 -4
- package/components/header/inverted.module.css.js +1 -1
- package/default.css +4 -4
- package/default.module.css.js +1 -1
- package/esm/components/footer/default.css +3 -3
- package/esm/components/footer/default.module.css.js +1 -1
- package/esm/components/footer/index.css +3 -3
- package/esm/components/footer/index.module.css.js +1 -1
- package/esm/components/footer/inverted.css +3 -3
- package/esm/components/footer/inverted.module.css.js +1 -1
- package/esm/components/header/default.css +4 -4
- package/esm/components/header/default.module.css.js +1 -1
- package/esm/components/header/index.css +13 -13
- package/esm/components/header/index.module.css.js +1 -1
- package/esm/components/header/inverted.css +4 -4
- package/esm/components/header/inverted.module.css.js +1 -1
- package/esm/default.css +4 -4
- package/esm/default.module.css.js +1 -1
- package/esm/index.css +45 -45
- package/esm/index.module.css.js +1 -1
- package/esm/inverted.css +4 -4
- package/esm/inverted.module.css.js +1 -1
- package/index.css +45 -45
- package/index.module.css.js +1 -1
- package/inverted.css +4 -4
- package/inverted.module.css.js +1 -1
- package/modern/components/footer/default.css +3 -3
- package/modern/components/footer/default.module.css.js +1 -1
- package/modern/components/footer/index.css +3 -3
- package/modern/components/footer/index.module.css.js +1 -1
- package/modern/components/footer/inverted.css +3 -3
- package/modern/components/footer/inverted.module.css.js +1 -1
- package/modern/components/header/default.css +4 -4
- package/modern/components/header/default.module.css.js +1 -1
- package/modern/components/header/index.css +13 -13
- package/modern/components/header/index.module.css.js +1 -1
- package/modern/components/header/inverted.css +4 -4
- package/modern/components/header/inverted.module.css.js +1 -1
- package/modern/default.css +4 -4
- package/modern/default.module.css.js +1 -1
- package/modern/index.css +45 -45
- package/modern/index.module.css.js +1 -1
- package/modern/inverted.css +4 -4
- package/modern/inverted.module.css.js +1 -1
- package/package.json +3 -3
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
--bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
|
|
9
9
|
--bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
|
|
10
10
|
}
|
|
11
|
-
.bottom-
|
|
11
|
+
.bottom-sheet__highlighted_tsrhg {
|
|
12
12
|
background-color: var(--bottom-sheet-footer-background-color);
|
|
13
13
|
}
|
|
14
|
-
.bottom-
|
|
14
|
+
.bottom-sheet__highlighted_tsrhg:not(:empty) {
|
|
15
15
|
border-top: var(--bottom-sheet-footer-border-top);
|
|
16
16
|
}
|
|
17
|
-
.bottom-
|
|
17
|
+
.bottom-sheet__hasContent_tsrhg {
|
|
18
18
|
color: var(--bottom-sheet-text-color);
|
|
19
19
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./default.css');
|
|
4
4
|
|
|
5
|
-
var defaultColors = {"highlighted":"bottom-
|
|
5
|
+
var defaultColors = {"highlighted":"bottom-sheet__highlighted_tsrhg","hasContent":"bottom-sheet__hasContent_tsrhg"};
|
|
6
6
|
|
|
7
7
|
module.exports = defaultColors;
|
|
8
8
|
//# sourceMappingURL=default.module.css.js.map
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
--gap-0: 0px;
|
|
4
4
|
--gap-16: var(--gap-m);
|
|
5
5
|
}
|
|
6
|
-
.bottom-
|
|
6
|
+
.bottom-sheet__footer_axfdg {
|
|
7
7
|
padding: var(--gap-16);
|
|
8
8
|
}
|
|
9
|
-
.bottom-
|
|
9
|
+
.bottom-sheet__footer_axfdg:empty {
|
|
10
10
|
padding: var(--gap-16) var(--gap-0) var(--gap-0);
|
|
11
11
|
position: sticky;
|
|
12
12
|
bottom: var(--gap-0);
|
|
13
13
|
z-index: 1;
|
|
14
14
|
}
|
|
15
|
-
.bottom-
|
|
15
|
+
.bottom-sheet__sticky_axfdg {
|
|
16
16
|
position: sticky;
|
|
17
17
|
bottom: var(--gap-0);
|
|
18
18
|
z-index: 1;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"footer":"bottom-
|
|
5
|
+
var styles = {"footer":"bottom-sheet__footer_axfdg","sticky":"bottom-sheet__sticky_axfdg"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
--bottom-sheet-footer-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
|
|
9
9
|
--bottom-sheet-footer-border-top-inverted: 1px solid var(--color-light-neutral-300-inverted);
|
|
10
10
|
}
|
|
11
|
-
.bottom-
|
|
11
|
+
.bottom-sheet__highlighted_8v4eb {
|
|
12
12
|
background-color: var(--bottom-sheet-footer-background-color-inverted);
|
|
13
13
|
}
|
|
14
|
-
.bottom-
|
|
14
|
+
.bottom-sheet__highlighted_8v4eb:not(:empty) {
|
|
15
15
|
border-top: var(--bottom-sheet-footer-border-top-inverted);
|
|
16
16
|
}
|
|
17
|
-
.bottom-
|
|
17
|
+
.bottom-sheet__hasContent_8v4eb {
|
|
18
18
|
color: var(--bottom-sheet-text-color-inverted);
|
|
19
19
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./inverted.css');
|
|
4
4
|
|
|
5
|
-
var invertedColors = {"highlighted":"bottom-
|
|
5
|
+
var invertedColors = {"highlighted":"bottom-sheet__highlighted_8v4eb","hasContent":"bottom-sheet__hasContent_8v4eb"};
|
|
6
6
|
|
|
7
7
|
module.exports = invertedColors;
|
|
8
8
|
//# sourceMappingURL=inverted.module.css.js.map
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
--bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
|
|
7
7
|
--bottom-sheet-text-color: var(--color-light-text-primary);
|
|
8
8
|
}
|
|
9
|
-
.bottom-
|
|
9
|
+
.bottom-sheet__title_ncj5t {
|
|
10
10
|
color: var(--bottom-sheet-text-color);
|
|
11
11
|
}
|
|
12
|
-
.bottom-
|
|
12
|
+
.bottom-sheet__hasContent_ncj5t {
|
|
13
13
|
background-color: inherit;
|
|
14
14
|
}
|
|
15
|
-
.bottom-
|
|
15
|
+
.bottom-sheet__subtitle_ncj5t.bottom-sheet__subtitle_ncj5t {
|
|
16
16
|
color: var(--bottom-sheet-text-color);
|
|
17
17
|
}
|
|
18
|
-
.bottom-
|
|
18
|
+
.bottom-sheet__highlighted_ncj5t {
|
|
19
19
|
border-bottom: var(--bottom-sheet-header-border-bottom);
|
|
20
20
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./default.css');
|
|
4
4
|
|
|
5
|
-
var defaultColors = {"title":"bottom-
|
|
5
|
+
var defaultColors = {"title":"bottom-sheet__title_ncj5t","hasContent":"bottom-sheet__hasContent_ncj5t","subtitle":"bottom-sheet__subtitle_ncj5t","highlighted":"bottom-sheet__highlighted_ncj5t"};
|
|
6
6
|
|
|
7
7
|
module.exports = defaultColors;
|
|
8
8
|
//# sourceMappingURL=default.module.css.js.map
|
|
@@ -12,38 +12,38 @@
|
|
|
12
12
|
--font-family-system:
|
|
13
13
|
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
14
14
|
}
|
|
15
|
-
.bottom-
|
|
15
|
+
.bottom-sheet__headerBase_192gv {
|
|
16
16
|
border-top-left-radius: inherit;
|
|
17
17
|
border-top-right-radius: inherit;
|
|
18
18
|
z-index: 1;
|
|
19
19
|
}
|
|
20
|
-
.bottom-
|
|
20
|
+
.bottom-sheet__headerWrapper_192gv {
|
|
21
21
|
padding: var(--gap-12) var(--gap-8) var(--gap-4);
|
|
22
22
|
}
|
|
23
|
-
.bottom-
|
|
23
|
+
.bottom-sheet__headerWrapperWithoutSwipeMarker_192gv {
|
|
24
24
|
padding: var(--gap-8) var(--gap-8) var(--gap-4);
|
|
25
25
|
}
|
|
26
|
-
.bottom-
|
|
26
|
+
.bottom-sheet__header_192gv {
|
|
27
27
|
display: flex;
|
|
28
28
|
}
|
|
29
|
-
.bottom-
|
|
29
|
+
.bottom-sheet__sticky_192gv {
|
|
30
30
|
position: sticky;
|
|
31
31
|
top: var(--gap-0);
|
|
32
32
|
}
|
|
33
|
-
.bottom-
|
|
33
|
+
.bottom-sheet__justifyEnd_192gv {
|
|
34
34
|
justify-content: flex-end;
|
|
35
35
|
}
|
|
36
|
-
.bottom-
|
|
36
|
+
.bottom-sheet__addon_192gv {
|
|
37
37
|
display: flex;
|
|
38
38
|
justify-content: center;
|
|
39
39
|
align-items: center;
|
|
40
40
|
min-width: 48px;
|
|
41
41
|
height: 48px;
|
|
42
42
|
}
|
|
43
|
-
.bottom-
|
|
43
|
+
.bottom-sheet__addonFixed_192gv {
|
|
44
44
|
position: fixed;
|
|
45
45
|
}
|
|
46
|
-
.bottom-
|
|
46
|
+
.bottom-sheet__title_192gv {
|
|
47
47
|
padding: var(--gap-10) var(--gap-8);
|
|
48
48
|
width: 100%;
|
|
49
49
|
|
|
@@ -55,18 +55,18 @@
|
|
|
55
55
|
|
|
56
56
|
font-family: var(--font-family-system);
|
|
57
57
|
}
|
|
58
|
-
.bottom-
|
|
58
|
+
.bottom-sheet__titleCenter_192gv {
|
|
59
59
|
text-align: center;
|
|
60
60
|
}
|
|
61
|
-
.bottom-
|
|
61
|
+
.bottom-sheet__titleLeft_192gv {
|
|
62
62
|
text-align: left;
|
|
63
63
|
}
|
|
64
|
-
.bottom-
|
|
64
|
+
.bottom-sheet__trimTitle_192gv {
|
|
65
65
|
white-space: nowrap;
|
|
66
66
|
overflow: hidden;
|
|
67
67
|
text-overflow: ellipsis;
|
|
68
68
|
}
|
|
69
|
-
.bottom-
|
|
69
|
+
.bottom-sheet__subtitle_192gv {
|
|
70
70
|
width: 100%;
|
|
71
71
|
|
|
72
72
|
font-size: 14px;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"headerWrapper":"bottom-
|
|
5
|
+
var styles = {"headerWrapper":"bottom-sheet__headerWrapper_192gv bottom-sheet__headerBase_192gv","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_192gv bottom-sheet__headerBase_192gv","sticky":"bottom-sheet__sticky_192gv","title":"bottom-sheet__title_192gv","subtitle":"bottom-sheet__subtitle_192gv"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# 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-
|
|
9
|
+
.bottom-sheet__title_tdxx2 {
|
|
10
10
|
color: var(--bottom-sheet-text-color-inverted);
|
|
11
11
|
}
|
|
12
|
-
.bottom-
|
|
12
|
+
.bottom-sheet__hasContent_tdxx2 {
|
|
13
13
|
background-color: inherit;
|
|
14
14
|
}
|
|
15
|
-
.bottom-
|
|
15
|
+
.bottom-sheet__subtitle_tdxx2.bottom-sheet__subtitle_tdxx2 {
|
|
16
16
|
color: var(--bottom-sheet-text-color-inverted);
|
|
17
17
|
}
|
|
18
|
-
.bottom-
|
|
18
|
+
.bottom-sheet__highlighted_tdxx2 {
|
|
19
19
|
border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
|
|
20
20
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./inverted.css');
|
|
4
4
|
|
|
5
|
-
var invertedColors = {"title":"bottom-
|
|
5
|
+
var invertedColors = {"title":"bottom-sheet__title_tdxx2","hasContent":"bottom-sheet__hasContent_tdxx2","subtitle":"bottom-sheet__subtitle_tdxx2","highlighted":"bottom-sheet__highlighted_tdxx2"};
|
|
6
6
|
|
|
7
7
|
module.exports = invertedColors;
|
|
8
8
|
//# sourceMappingURL=inverted.module.css.js.map
|
package/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-
|
|
11
|
+
.bottom-sheet__component_fsix2 {
|
|
12
12
|
background-color: var(--bottom-sheet-background-color);
|
|
13
13
|
}
|
|
14
|
-
.bottom-
|
|
14
|
+
.bottom-sheet__content_fsix2 {
|
|
15
15
|
color: var(--bottom-sheet-text-color);
|
|
16
16
|
}
|
|
17
|
-
.bottom-
|
|
17
|
+
.bottom-sheet__defaultMarker_fsix2 {
|
|
18
18
|
background-color: var(--bottom-sheet-marker-color);
|
|
19
19
|
}
|
|
20
|
-
.bottom-
|
|
20
|
+
.bottom-sheet__hasContent_fsix2 {
|
|
21
21
|
color: var(--bottom-sheet-text-color);
|
|
22
22
|
}
|
package/default.module.css.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./default.css');
|
|
4
4
|
|
|
5
|
-
var defaultColors = {"component":"bottom-
|
|
5
|
+
var defaultColors = {"component":"bottom-sheet__component_fsix2","content":"bottom-sheet__content_fsix2","defaultMarker":"bottom-sheet__defaultMarker_fsix2","hasContent":"bottom-sheet__hasContent_fsix2"};
|
|
6
6
|
|
|
7
7
|
module.exports = defaultColors;
|
|
8
8
|
//# sourceMappingURL=default.module.css.js.map
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
--bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
|
|
9
9
|
--bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
|
|
10
10
|
}
|
|
11
|
-
.bottom-
|
|
11
|
+
.bottom-sheet__highlighted_tsrhg {
|
|
12
12
|
background-color: var(--bottom-sheet-footer-background-color);
|
|
13
13
|
}
|
|
14
|
-
.bottom-
|
|
14
|
+
.bottom-sheet__highlighted_tsrhg:not(:empty) {
|
|
15
15
|
border-top: var(--bottom-sheet-footer-border-top);
|
|
16
16
|
}
|
|
17
|
-
.bottom-
|
|
17
|
+
.bottom-sheet__hasContent_tsrhg {
|
|
18
18
|
color: var(--bottom-sheet-text-color);
|
|
19
19
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './default.css';
|
|
2
2
|
|
|
3
|
-
var defaultColors = {"highlighted":"bottom-
|
|
3
|
+
var defaultColors = {"highlighted":"bottom-sheet__highlighted_tsrhg","hasContent":"bottom-sheet__hasContent_tsrhg"};
|
|
4
4
|
|
|
5
5
|
export { defaultColors as default };
|
|
6
6
|
//# sourceMappingURL=default.module.css.js.map
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
--gap-0: 0px;
|
|
4
4
|
--gap-16: var(--gap-m);
|
|
5
5
|
}
|
|
6
|
-
.bottom-
|
|
6
|
+
.bottom-sheet__footer_axfdg {
|
|
7
7
|
padding: var(--gap-16);
|
|
8
8
|
}
|
|
9
|
-
.bottom-
|
|
9
|
+
.bottom-sheet__footer_axfdg:empty {
|
|
10
10
|
padding: var(--gap-16) var(--gap-0) var(--gap-0);
|
|
11
11
|
position: sticky;
|
|
12
12
|
bottom: var(--gap-0);
|
|
13
13
|
z-index: 1;
|
|
14
14
|
}
|
|
15
|
-
.bottom-
|
|
15
|
+
.bottom-sheet__sticky_axfdg {
|
|
16
16
|
position: sticky;
|
|
17
17
|
bottom: var(--gap-0);
|
|
18
18
|
z-index: 1;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"footer":"bottom-
|
|
3
|
+
var styles = {"footer":"bottom-sheet__footer_axfdg","sticky":"bottom-sheet__sticky_axfdg"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
--bottom-sheet-footer-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
|
|
9
9
|
--bottom-sheet-footer-border-top-inverted: 1px solid var(--color-light-neutral-300-inverted);
|
|
10
10
|
}
|
|
11
|
-
.bottom-
|
|
11
|
+
.bottom-sheet__highlighted_8v4eb {
|
|
12
12
|
background-color: var(--bottom-sheet-footer-background-color-inverted);
|
|
13
13
|
}
|
|
14
|
-
.bottom-
|
|
14
|
+
.bottom-sheet__highlighted_8v4eb:not(:empty) {
|
|
15
15
|
border-top: var(--bottom-sheet-footer-border-top-inverted);
|
|
16
16
|
}
|
|
17
|
-
.bottom-
|
|
17
|
+
.bottom-sheet__hasContent_8v4eb {
|
|
18
18
|
color: var(--bottom-sheet-text-color-inverted);
|
|
19
19
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './inverted.css';
|
|
2
2
|
|
|
3
|
-
var invertedColors = {"highlighted":"bottom-
|
|
3
|
+
var invertedColors = {"highlighted":"bottom-sheet__highlighted_8v4eb","hasContent":"bottom-sheet__hasContent_8v4eb"};
|
|
4
4
|
|
|
5
5
|
export { invertedColors as default };
|
|
6
6
|
//# sourceMappingURL=inverted.module.css.js.map
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
--bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
|
|
7
7
|
--bottom-sheet-text-color: var(--color-light-text-primary);
|
|
8
8
|
}
|
|
9
|
-
.bottom-
|
|
9
|
+
.bottom-sheet__title_ncj5t {
|
|
10
10
|
color: var(--bottom-sheet-text-color);
|
|
11
11
|
}
|
|
12
|
-
.bottom-
|
|
12
|
+
.bottom-sheet__hasContent_ncj5t {
|
|
13
13
|
background-color: inherit;
|
|
14
14
|
}
|
|
15
|
-
.bottom-
|
|
15
|
+
.bottom-sheet__subtitle_ncj5t.bottom-sheet__subtitle_ncj5t {
|
|
16
16
|
color: var(--bottom-sheet-text-color);
|
|
17
17
|
}
|
|
18
|
-
.bottom-
|
|
18
|
+
.bottom-sheet__highlighted_ncj5t {
|
|
19
19
|
border-bottom: var(--bottom-sheet-header-border-bottom);
|
|
20
20
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './default.css';
|
|
2
2
|
|
|
3
|
-
var defaultColors = {"title":"bottom-
|
|
3
|
+
var defaultColors = {"title":"bottom-sheet__title_ncj5t","hasContent":"bottom-sheet__hasContent_ncj5t","subtitle":"bottom-sheet__subtitle_ncj5t","highlighted":"bottom-sheet__highlighted_ncj5t"};
|
|
4
4
|
|
|
5
5
|
export { defaultColors as default };
|
|
6
6
|
//# sourceMappingURL=default.module.css.js.map
|
|
@@ -12,38 +12,38 @@
|
|
|
12
12
|
--font-family-system:
|
|
13
13
|
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
14
14
|
}
|
|
15
|
-
.bottom-
|
|
15
|
+
.bottom-sheet__headerBase_192gv {
|
|
16
16
|
border-top-left-radius: inherit;
|
|
17
17
|
border-top-right-radius: inherit;
|
|
18
18
|
z-index: 1;
|
|
19
19
|
}
|
|
20
|
-
.bottom-
|
|
20
|
+
.bottom-sheet__headerWrapper_192gv {
|
|
21
21
|
padding: var(--gap-12) var(--gap-8) var(--gap-4);
|
|
22
22
|
}
|
|
23
|
-
.bottom-
|
|
23
|
+
.bottom-sheet__headerWrapperWithoutSwipeMarker_192gv {
|
|
24
24
|
padding: var(--gap-8) var(--gap-8) var(--gap-4);
|
|
25
25
|
}
|
|
26
|
-
.bottom-
|
|
26
|
+
.bottom-sheet__header_192gv {
|
|
27
27
|
display: flex;
|
|
28
28
|
}
|
|
29
|
-
.bottom-
|
|
29
|
+
.bottom-sheet__sticky_192gv {
|
|
30
30
|
position: sticky;
|
|
31
31
|
top: var(--gap-0);
|
|
32
32
|
}
|
|
33
|
-
.bottom-
|
|
33
|
+
.bottom-sheet__justifyEnd_192gv {
|
|
34
34
|
justify-content: flex-end;
|
|
35
35
|
}
|
|
36
|
-
.bottom-
|
|
36
|
+
.bottom-sheet__addon_192gv {
|
|
37
37
|
display: flex;
|
|
38
38
|
justify-content: center;
|
|
39
39
|
align-items: center;
|
|
40
40
|
min-width: 48px;
|
|
41
41
|
height: 48px;
|
|
42
42
|
}
|
|
43
|
-
.bottom-
|
|
43
|
+
.bottom-sheet__addonFixed_192gv {
|
|
44
44
|
position: fixed;
|
|
45
45
|
}
|
|
46
|
-
.bottom-
|
|
46
|
+
.bottom-sheet__title_192gv {
|
|
47
47
|
padding: var(--gap-10) var(--gap-8);
|
|
48
48
|
width: 100%;
|
|
49
49
|
|
|
@@ -55,18 +55,18 @@
|
|
|
55
55
|
|
|
56
56
|
font-family: var(--font-family-system);
|
|
57
57
|
}
|
|
58
|
-
.bottom-
|
|
58
|
+
.bottom-sheet__titleCenter_192gv {
|
|
59
59
|
text-align: center;
|
|
60
60
|
}
|
|
61
|
-
.bottom-
|
|
61
|
+
.bottom-sheet__titleLeft_192gv {
|
|
62
62
|
text-align: left;
|
|
63
63
|
}
|
|
64
|
-
.bottom-
|
|
64
|
+
.bottom-sheet__trimTitle_192gv {
|
|
65
65
|
white-space: nowrap;
|
|
66
66
|
overflow: hidden;
|
|
67
67
|
text-overflow: ellipsis;
|
|
68
68
|
}
|
|
69
|
-
.bottom-
|
|
69
|
+
.bottom-sheet__subtitle_192gv {
|
|
70
70
|
width: 100%;
|
|
71
71
|
|
|
72
72
|
font-size: 14px;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"headerWrapper":"bottom-
|
|
3
|
+
var styles = {"headerWrapper":"bottom-sheet__headerWrapper_192gv bottom-sheet__headerBase_192gv","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_192gv bottom-sheet__headerBase_192gv","sticky":"bottom-sheet__sticky_192gv","title":"bottom-sheet__title_192gv","subtitle":"bottom-sheet__subtitle_192gv"};
|
|
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-
|
|
9
|
+
.bottom-sheet__title_tdxx2 {
|
|
10
10
|
color: var(--bottom-sheet-text-color-inverted);
|
|
11
11
|
}
|
|
12
|
-
.bottom-
|
|
12
|
+
.bottom-sheet__hasContent_tdxx2 {
|
|
13
13
|
background-color: inherit;
|
|
14
14
|
}
|
|
15
|
-
.bottom-
|
|
15
|
+
.bottom-sheet__subtitle_tdxx2.bottom-sheet__subtitle_tdxx2 {
|
|
16
16
|
color: var(--bottom-sheet-text-color-inverted);
|
|
17
17
|
}
|
|
18
|
-
.bottom-
|
|
18
|
+
.bottom-sheet__highlighted_tdxx2 {
|
|
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-
|
|
3
|
+
var invertedColors = {"title":"bottom-sheet__title_tdxx2","hasContent":"bottom-sheet__hasContent_tdxx2","subtitle":"bottom-sheet__subtitle_tdxx2","highlighted":"bottom-sheet__highlighted_tdxx2"};
|
|
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-
|
|
11
|
+
.bottom-sheet__component_fsix2 {
|
|
12
12
|
background-color: var(--bottom-sheet-background-color);
|
|
13
13
|
}
|
|
14
|
-
.bottom-
|
|
14
|
+
.bottom-sheet__content_fsix2 {
|
|
15
15
|
color: var(--bottom-sheet-text-color);
|
|
16
16
|
}
|
|
17
|
-
.bottom-
|
|
17
|
+
.bottom-sheet__defaultMarker_fsix2 {
|
|
18
18
|
background-color: var(--bottom-sheet-marker-color);
|
|
19
19
|
}
|
|
20
|
-
.bottom-
|
|
20
|
+
.bottom-sheet__hasContent_fsix2 {
|
|
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-
|
|
3
|
+
var defaultColors = {"component":"bottom-sheet__component_fsix2","content":"bottom-sheet__content_fsix2","defaultMarker":"bottom-sheet__defaultMarker_fsix2","hasContent":"bottom-sheet__hasContent_fsix2"};
|
|
4
4
|
|
|
5
5
|
export { defaultColors as default };
|
|
6
6
|
//# sourceMappingURL=default.module.css.js.map
|