@stackflow/plugin-basic-ui 0.19.3-alpha.1 → 0.20.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.
- package/dist/basicUIPlugin.d.ts +1 -0
- package/dist/components/AppBar.css.d.ts +3 -1
- package/dist/components/AppBar.d.ts +3 -2
- package/dist/components/AppScreen.css.d.ts +2 -2
- package/dist/components/AppScreen.d.ts +0 -2
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useNullableActivity.d.ts +2 -0
- package/dist/index.css +404 -1
- package/dist/index.css.map +3 -3
- package/dist/index.d.ts +0 -1
- package/dist/index.js +991 -1
- package/dist/index.js.map +4 -4
- package/dist/index.mjs +969 -1
- package/dist/index.mjs.map +4 -4
- package/dist/styles/f.css.d.ts +1 -0
- package/dist/theme.css.d.ts +2 -1
- package/dist/utils/compact.d.ts +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +6 -7
- package/src/basicUIPlugin.tsx +5 -2
- package/src/components/AppBar.css.ts +24 -17
- package/src/components/AppBar.tsx +41 -33
- package/src/components/AppScreen.css.ts +2 -3
- package/src/components/AppScreen.tsx +16 -16
- package/src/components/BottomSheet.tsx +11 -8
- package/src/components/Modal.tsx +11 -8
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useNullableActivity.ts +6 -0
- package/src/hooks/useStyleEffect.ts +11 -4
- package/src/index.ts +0 -6
- package/src/styles/f.css.ts +4 -0
- package/src/theme.css.ts +5 -2
- package/src/utils/compact.ts +6 -0
- package/src/utils/index.ts +1 -0
package/dist/basicUIPlugin.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import * as theme from "./theme.css";
|
|
|
4
4
|
import type { RecursivePartial } from "./utils";
|
|
5
5
|
declare type BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {
|
|
6
6
|
theme: "android" | "cupertino";
|
|
7
|
+
rootClassName?: string;
|
|
7
8
|
appBar?: {
|
|
8
9
|
closeButton?: {
|
|
9
10
|
renderIcon?: () => React.ReactNode;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
export declare const appBar: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
|
|
2
2
|
border: {
|
|
3
3
|
true: {
|
|
4
|
-
boxShadow: `inset 0px ${string} 0 var(--${string})` | `inset 0px ${string} 0 var(--${string}, ${string})` | `inset 0px ${string} 0 var(--${string}, ${number})`;
|
|
4
|
+
boxShadow: `inset 0px calc(-1 * var(--${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${number})`;
|
|
5
5
|
};
|
|
6
6
|
};
|
|
7
7
|
}>;
|
|
8
|
+
export declare const safeArea: string;
|
|
9
|
+
export declare const container: string;
|
|
8
10
|
export declare const left: string;
|
|
9
11
|
export declare const backButton: string;
|
|
10
12
|
export declare const closeButton: string;
|
|
@@ -3,11 +3,12 @@ declare const AppBar: React.ForwardRefExoticComponent<Partial<Pick<{
|
|
|
3
3
|
borderColor: string;
|
|
4
4
|
borderSize: string;
|
|
5
5
|
height: string;
|
|
6
|
+
heightTransitionDuration: string;
|
|
7
|
+
minHeight: string;
|
|
6
8
|
iconColor: string;
|
|
7
9
|
textColor: string;
|
|
8
10
|
backgroundColor: string;
|
|
9
|
-
|
|
10
|
-
}, "height" | "backgroundColor" | "borderColor" | "borderSize" | "iconColor" | "textColor">> & {
|
|
11
|
+
}, "height" | "backgroundColor" | "borderColor" | "borderSize" | "heightTransitionDuration" | "iconColor" | "textColor">> & {
|
|
11
12
|
title?: React.ReactNode;
|
|
12
13
|
appendLeft?: (() => React.ReactNode) | undefined;
|
|
13
14
|
appendRight?: (() => React.ReactNode) | undefined;
|
|
@@ -30,7 +30,7 @@ export declare const dim: string;
|
|
|
30
30
|
export declare const paper: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
|
|
31
31
|
hasAppBar: {
|
|
32
32
|
true: (string | {
|
|
33
|
-
transition: `transform var(--${string}), opacity var(--${string}),
|
|
33
|
+
transition: `transform var(--${string}), opacity var(--${string}), padding-top var(--${string})` | `transform var(--${string}), opacity var(--${string}), padding-top var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}), padding-top var(--${string}, ${number})` | `transform var(--${string}), opacity var(--${string}, ${string}), padding-top var(--${string})` | `transform var(--${string}), opacity var(--${string}, ${string}), padding-top var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}, ${string}), padding-top var(--${string}, ${number})` | `transform var(--${string}), opacity var(--${string}, ${number}), padding-top var(--${string})` | `transform var(--${string}), opacity var(--${string}, ${number}), padding-top var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}, ${number}), padding-top var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}), padding-top var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}), padding-top var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}), padding-top var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), padding-top var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), padding-top var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), padding-top var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), padding-top var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), padding-top var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), padding-top var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}), padding-top var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}), padding-top var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}), padding-top var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), padding-top var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), padding-top var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), padding-top var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), padding-top var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), padding-top var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), padding-top var(--${string}, ${number})`;
|
|
34
34
|
paddingTop: (`calc(var(--${string}) + constant(safe-area-inset-top))` | `calc(var(--${string}) + env(safe-area-inset-top))`)[];
|
|
35
35
|
})[];
|
|
36
36
|
};
|
|
@@ -39,7 +39,7 @@ export declare const edge: import("@vanilla-extract/recipes/dist/declarations/sr
|
|
|
39
39
|
hasAppBar: {
|
|
40
40
|
true: {
|
|
41
41
|
top: import("@vanilla-extract/private").CSSVarFunction;
|
|
42
|
-
height: string
|
|
42
|
+
height: `calc(100% - var(--${string}))` | `calc(100% - var(--${string}, ${string}))` | `calc(100% - var(--${string}, ${number}))`;
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
}>;
|
|
@@ -4,8 +4,6 @@ import type { PropOf } from "../utils";
|
|
|
4
4
|
import AppBar from "./AppBar";
|
|
5
5
|
declare type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
|
|
6
6
|
appBar?: Omit<PropOf<typeof AppBar>, "theme" | "ref" | "key">;
|
|
7
|
-
showAppBar?: boolean;
|
|
8
|
-
showAppBarTransitionDuration?: string;
|
|
9
7
|
preventSwipeBack?: boolean;
|
|
10
8
|
children: React.ReactNode;
|
|
11
9
|
};
|
package/dist/hooks/index.d.ts
CHANGED
package/dist/index.css
CHANGED
|
@@ -1,2 +1,405 @@
|
|
|
1
|
-
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U30rDMBTG7/cUAW8UltJWyyDik4iMNEnbYJMTTk5xTHx3s+Hu1LW9kdmRQP5+X044P45AAFozcRietSTJI0n12vTwxkM/tNbzWkar+GA5dcaZJ+k1gtUv7H3FGP/lep0OWoTBa66gBxTspmmaxzMqbd03SmxreZuv2VfPiurunJEMIS2Q14Da4E9G+WaqUbR7I1gRdmN1nbFtR4LdZxUaN03FCaWPlix4rgeUh4lg5aZycayRS5vzQrAqvXpKXVmk9jBWSmZHM6XzsKmBCByPnTF0yhRKbYeYcnX888dqAuRqCAbJelg45nlWTQe9zDZ/TvrEGP4b6tkR4+22UBCC2+fLpvharC+e4GLZBF/r8EVS/AmYPn1EXgsAAA== */
|
|
2
|
+
:root,
|
|
3
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] {
|
|
4
|
+
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
5
|
+
--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
|
|
6
|
+
--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
|
|
7
|
+
--stackflow-plugin-basic-ui-app-bar-border-size: 1px;
|
|
8
|
+
--stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
|
|
9
|
+
--stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;
|
|
10
|
+
--stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
|
|
11
|
+
--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
|
|
12
|
+
--stackflow-plugin-basic-ui-app-bar-text-color: #212124;
|
|
13
|
+
--stackflow-plugin-basic-ui-app-bar-background-color: #fff;
|
|
14
|
+
--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
|
|
15
|
+
}
|
|
16
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] {
|
|
17
|
+
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
18
|
+
--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
|
|
19
|
+
--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
|
|
20
|
+
--stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
|
|
21
|
+
--stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
|
|
22
|
+
--stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;
|
|
23
|
+
--stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
|
|
24
|
+
--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
|
|
25
|
+
--stackflow-plugin-basic-ui-app-bar-text-color: #212124;
|
|
26
|
+
--stackflow-plugin-basic-ui-app-bar-background-color: #fff;
|
|
27
|
+
--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
|
|
28
|
+
}
|
|
29
|
+
.theme__1coppmz0 {
|
|
30
|
+
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
31
|
+
--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
|
|
32
|
+
--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
|
|
33
|
+
--stackflow-plugin-basic-ui-app-bar-border-size: 1px;
|
|
34
|
+
--stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
|
|
35
|
+
--stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;
|
|
36
|
+
--stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
|
|
37
|
+
--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
|
|
38
|
+
--stackflow-plugin-basic-ui-app-bar-text-color: #212124;
|
|
39
|
+
--stackflow-plugin-basic-ui-app-bar-background-color: #fff;
|
|
40
|
+
--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
|
|
41
|
+
}
|
|
42
|
+
.theme__1coppmz1 {
|
|
43
|
+
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
44
|
+
--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
|
|
45
|
+
--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
|
|
46
|
+
--stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
|
|
47
|
+
--stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
|
|
48
|
+
--stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;
|
|
49
|
+
--stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
|
|
50
|
+
--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
|
|
51
|
+
--stackflow-plugin-basic-ui-app-bar-text-color: #212124;
|
|
52
|
+
--stackflow-plugin-basic-ui-app-bar-background-color: #fff;
|
|
53
|
+
--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmZfX2RodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5mX19kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmZfX2RodGh4cTIgewogIHRvcDogMDsKfQouZl9fZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZl9fZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5mX19kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmZfX2RodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmZfX2RodGh4cTggewogIGZsZXg6IDE7Cn0KLmZfX2RodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmZfX2RodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZl9fZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmZfX2RodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmZfX2RodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmZfX2RodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZl9fZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmZfX2RodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmZfX2RodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5mX19kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0= */
|
|
57
|
+
.f__dhthxq0 {
|
|
58
|
+
width: 100%;
|
|
59
|
+
}
|
|
60
|
+
.f__dhthxq1 {
|
|
61
|
+
height: 100%;
|
|
62
|
+
}
|
|
63
|
+
.f__dhthxq2 {
|
|
64
|
+
top: 0;
|
|
65
|
+
}
|
|
66
|
+
.f__dhthxq3 {
|
|
67
|
+
left: 0;
|
|
68
|
+
}
|
|
69
|
+
.f__dhthxq4 {
|
|
70
|
+
position: absolute;
|
|
71
|
+
}
|
|
72
|
+
.f__dhthxq5 {
|
|
73
|
+
position: relative;
|
|
74
|
+
}
|
|
75
|
+
.f__dhthxq7 {
|
|
76
|
+
display: flex;
|
|
77
|
+
}
|
|
78
|
+
.f__dhthxq8 {
|
|
79
|
+
flex: 1;
|
|
80
|
+
}
|
|
81
|
+
.f__dhthxq9 {
|
|
82
|
+
align-items: center;
|
|
83
|
+
}
|
|
84
|
+
.f__dhthxqa {
|
|
85
|
+
align-items: flex-end;
|
|
86
|
+
}
|
|
87
|
+
.f__dhthxqb {
|
|
88
|
+
justify-content: center;
|
|
89
|
+
}
|
|
90
|
+
.f__dhthxqc {
|
|
91
|
+
overflow: hidden;
|
|
92
|
+
}
|
|
93
|
+
.f__dhthxqd {
|
|
94
|
+
white-space: nowrap;
|
|
95
|
+
}
|
|
96
|
+
.f__dhthxqe {
|
|
97
|
+
text-align: center;
|
|
98
|
+
}
|
|
99
|
+
.f__dhthxqf {
|
|
100
|
+
cursor: pointer;
|
|
101
|
+
-webkit-tap-highlight-color: transparent;
|
|
102
|
+
}
|
|
103
|
+
.f__dhthxqg {
|
|
104
|
+
box-sizing: border-box;
|
|
105
|
+
}
|
|
106
|
+
.f__dhthxqh {
|
|
107
|
+
box-sizing: content-box;
|
|
108
|
+
}
|
|
109
|
+
.f__dhthxqi {
|
|
110
|
+
appearance: none;
|
|
111
|
+
border: 0;
|
|
112
|
+
padding: 0;
|
|
113
|
+
background: none;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
/* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71WTY/TMBC991f4gtSIukp2F9hNxQHEhTMXEELVxHYTt45tOU4LRfx3nI9Nu+Bkk1IhRWpce968mXmZ8fKd1p+IYUyu1xEVm7vbu9fo5wyhBMguNaqUFBMllInRHswc48K6jY1QB6xFmXKJEyg4wSXHlOf4T6tgNfs1W/7t482FPsbi39f41oAsuOVKxs37Rpm89XHa+1AaqH474zBYIKWBcPtjzOEeCuREoXLbMhBg2ed5FIYv+ux4bdf6j1G4cqsj5pKy74/5OX6sVqyoUt7ZRQ2gzVjO3J9EaZ0fQ+TzsECxUcp+pWBhINk11FuQ1ChOv3mRaq4Z42lmYxSFhuWrJ3WNkeCSgcGpAcqZtPOLVLRAJk1gHi5Q+wR92Xvop9mlNOqxhX+wTUbYhr1Kudx22xzbM1Nn050siFFCVGXAB5bsuMXdbrPFZerEqEqSDUlLg2amc3PTl+9tHD+6adATMDUlygstwPGRSjKPMiNf0NtJyiSlo2i5VF5tbkd9fyNIeSV1TaZ+BwP0w9HcvZK+Jne/g6ncvW1qGs2hNrX1tFQfuy/zuoWNZngFZQzRHtDFeT/qi2V8pq+gkqE4BjQyIY4TRAaFW7wHs7amZB3i7j/O/AXSQKnrpNgq/eytBbR2C4ObQXmGjGkLHVThn0HGiIAgzw7Lp8ABeomIku64m7MFbBgGw8D194LZCjS4mhcm930OvFNC1KU5cGozV+rlzav2otA3fBhNT3W9HVn/vKl/FdbEiFZnl5g6I9V8QHgqTMXzN8arQmZQCwAA */
|
|
117
|
+
.AppScreen__1dlf4346 {
|
|
118
|
+
background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
|
|
119
|
+
}
|
|
120
|
+
.AppScreen__1dlf4347 {
|
|
121
|
+
background-color: var(--stackflow-plugin-basic-ui-background-color);
|
|
122
|
+
}
|
|
123
|
+
.AppScreen__1dlf4348 {
|
|
124
|
+
transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
|
|
125
|
+
}
|
|
126
|
+
.AppScreen__1dlf434c {
|
|
127
|
+
transform: translateX(100%);
|
|
128
|
+
}
|
|
129
|
+
.AppScreen__1dlf434i {
|
|
130
|
+
opacity: 0;
|
|
131
|
+
z-index: var(--zIndexes-dim__1dlf4341);
|
|
132
|
+
}
|
|
133
|
+
.theme__1coppmz0 .AppScreen__1dlf434i,
|
|
134
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434i {
|
|
135
|
+
height: 10rem;
|
|
136
|
+
background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
|
|
137
|
+
}
|
|
138
|
+
.AppScreen__1dlf4349 .AppScreen__1dlf434i {
|
|
139
|
+
opacity: 1;
|
|
140
|
+
}
|
|
141
|
+
.AppScreen__1dlf434a .AppScreen__1dlf434i {
|
|
142
|
+
opacity: 1;
|
|
143
|
+
}
|
|
144
|
+
.AppScreen__1dlf434b .AppScreen__1dlf434i {
|
|
145
|
+
opacity: 0;
|
|
146
|
+
}
|
|
147
|
+
.AppScreen__1dlf434c .AppScreen__1dlf434i {
|
|
148
|
+
opacity: 0;
|
|
149
|
+
}
|
|
150
|
+
.AppScreen__1dlf434j {
|
|
151
|
+
overflow-y: scroll;
|
|
152
|
+
-webkit-overflow-scrolling: touch;
|
|
153
|
+
z-index: var(--zIndexes-paper__1dlf4342);
|
|
154
|
+
}
|
|
155
|
+
.AppScreen__1dlf434j::-webkit-scrollbar {
|
|
156
|
+
display: none;
|
|
157
|
+
}
|
|
158
|
+
.theme__1coppmz1 .AppScreen__1dlf434j,
|
|
159
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j {
|
|
160
|
+
transform: translateX(100%);
|
|
161
|
+
}
|
|
162
|
+
.theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
|
|
163
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j {
|
|
164
|
+
transform: translateX(0);
|
|
165
|
+
}
|
|
166
|
+
.theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j,
|
|
167
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j {
|
|
168
|
+
transform: translateX(0);
|
|
169
|
+
}
|
|
170
|
+
.theme__1coppmz0 .AppScreen__1dlf434j,
|
|
171
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j {
|
|
172
|
+
opacity: 0;
|
|
173
|
+
transform: translateY(10rem);
|
|
174
|
+
}
|
|
175
|
+
.theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
|
|
176
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j {
|
|
177
|
+
opacity: 1;
|
|
178
|
+
transform: translateY(0);
|
|
179
|
+
}
|
|
180
|
+
.theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j,
|
|
181
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j {
|
|
182
|
+
opacity: 1;
|
|
183
|
+
transform: translateY(0);
|
|
184
|
+
}
|
|
185
|
+
.AppScreen_hasAppBar_true__1dlf434k {
|
|
186
|
+
transition:
|
|
187
|
+
transform var(--transitionDuration__1dlf4340),
|
|
188
|
+
opacity var(--transitionDuration__1dlf4340),
|
|
189
|
+
padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
|
|
190
|
+
padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));
|
|
191
|
+
padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));
|
|
192
|
+
}
|
|
193
|
+
.AppScreen__1dlf434l {
|
|
194
|
+
width: 1.25rem;
|
|
195
|
+
z-index: var(--zIndexes-edge__1dlf4343);
|
|
196
|
+
}
|
|
197
|
+
.AppScreen_hasAppBar_true__1dlf434m {
|
|
198
|
+
top: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
199
|
+
height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VWS4/TMBC+76/wBalF6yjpY5em4sAKISHBiQMghFZO7LSmjh3ZTl+I/47tPPpK2pQtpzb2zHjm8zff2HuXZU9IPj8Hm8UQjcY++H0HQEo5nBM6m+sQLJHsQag0ihcJEyuYsXxmtiOkaAxzClGWmQ8Jdz796d2fO+8ocOACRybKTIqcYxgLJmT38Mee5hAAtpByTNZVlO1H+0WUdSrOxiwZDUejIiM9Jykxi7HIsnQbgJMU70EohdA/MNLoTEouzts4z4jUlIufp4FcrZlQVFPBQ4AiJViuSWsWX2JJCK/zjW6b2uXoLl8tEVeJkGlY/GVIk2+9wPdfNcHnvzBHxLEUFLeBJzIUU70JgT9tSe27SU2StF/vl2DXtiUpdnvvc4nsb42E37+vDupi3IrCEcCTW0JzOfYhXkE7Xt0rQP+xgobY11ZQ+kdCYiKftcxJHWtQyIxYQzVHWKxCQLkiGvjZGsSIxT0YgNfdRcedABXdkn4f+Nf6VUJ1qoZDl2YlsbHgJibXPYUSApEkCLqsoRaZ43dlSPiyxeb0iNHBEV0zrxX8sKmK5Suj7HUTxGU7NaY6LvQSYUz5zLQ88L2xae1G05CkmWlX64CpyhgyjOGCkybjB2d25aCh5jb2Rsw+CpVWDH0/VXZzRbGeh2DgDYp8d3gPvMe2Eh5CFGu6JEc65w3ajvNVU5iJ8y8zKIorxh6MCdeGfSmi/Kvdrltv7Cq6Eg9N1roFjxuz4tKAmdxmwBwAZ8ebLetXrjRNNqZQgx03F5gwsrZnSD3dcRMykpi9oLzsxBg7cTBLXvDmsSIBo5zU76fAG9e2q3ItEgxPK52iW8f6UjPMUqfHynVgnHmsTFofK3sdZtGwC4jRGYdUk1QZ2XI8a0Rvt+Xo49z2Vx0aCUopM8EtQRiBaqNM3HvwZOBbfEbxF/f9wVie4Pfg+8f4V9C7CxoXl9o0RHpw7B40L5NGkXVQbWd1VrLbGD9H6pMp5HC0oZfRvznmvvKW7Pa9Yat2Rc7+AOQdz2sRPI97itaw7L7K4UjJ/0HWOnRMdKuOiQ6nT8REvGgCKy6e1bYBxJJIe5jhA2M0U1Qd8ZfyOZH0lOn1+ml43DY1LcTSllTcE8q1aPQ/O0oviTG+jRi3FGH/mDT+AjaxaDCeDgAA */
|
|
203
|
+
.AppBar__1yk3a450 {
|
|
204
|
+
min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
|
|
205
|
+
}
|
|
206
|
+
.AppBar__1yk3a451 {
|
|
207
|
+
background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);
|
|
208
|
+
z-index: var(--zIndexes-appBar__1dlf4344);
|
|
209
|
+
}
|
|
210
|
+
.theme__1coppmz1 .AppBar__1yk3a451,
|
|
211
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a451 {
|
|
212
|
+
position: absolute;
|
|
213
|
+
}
|
|
214
|
+
.theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a451,
|
|
215
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a451 {
|
|
216
|
+
transform: translateX(100%);
|
|
217
|
+
}
|
|
218
|
+
.theme__1coppmz0 .AppBar__1yk3a451,
|
|
219
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a451 {
|
|
220
|
+
opacity: 0;
|
|
221
|
+
transform: translateY(10rem);
|
|
222
|
+
transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
|
|
223
|
+
}
|
|
224
|
+
.theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a451,
|
|
225
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a451 {
|
|
226
|
+
opacity: 1;
|
|
227
|
+
transform: translateY(0);
|
|
228
|
+
}
|
|
229
|
+
.theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a451,
|
|
230
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a451 {
|
|
231
|
+
opacity: 1;
|
|
232
|
+
transform: translateY(0);
|
|
233
|
+
}
|
|
234
|
+
.AppBar_border_true__1yk3a452 {
|
|
235
|
+
box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);
|
|
236
|
+
}
|
|
237
|
+
.AppBar__1yk3a453 {
|
|
238
|
+
height: constant(safe-area-inset-top);
|
|
239
|
+
height: env(safe-area-inset-top);
|
|
240
|
+
}
|
|
241
|
+
.AppBar__1yk3a454 {
|
|
242
|
+
height: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
243
|
+
transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
|
|
244
|
+
}
|
|
245
|
+
.AppBar__1yk3a455 {
|
|
246
|
+
padding: 0 0.5rem;
|
|
247
|
+
}
|
|
248
|
+
.AppBar__1yk3a455:empty {
|
|
249
|
+
display: none;
|
|
250
|
+
}
|
|
251
|
+
.AppBar__1yk3a456 {
|
|
252
|
+
color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
|
|
253
|
+
transition: opacity 300ms;
|
|
254
|
+
width: 2.25rem;
|
|
255
|
+
height: 2.75rem;
|
|
256
|
+
}
|
|
257
|
+
.AppBar__1yk3a456:active {
|
|
258
|
+
opacity: 0.2;
|
|
259
|
+
transition: opacity 0s;
|
|
260
|
+
}
|
|
261
|
+
.AppBar__1yk3a459 {
|
|
262
|
+
width: var(--appBar-center-mainWidth__1dlf4345);
|
|
263
|
+
color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
|
|
264
|
+
transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
|
|
265
|
+
}
|
|
266
|
+
.theme__1coppmz0 .AppBar__1yk3a459,
|
|
267
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a459 {
|
|
268
|
+
width: 100%;
|
|
269
|
+
justify-content: flex-start;
|
|
270
|
+
padding-left: 1rem;
|
|
271
|
+
font-size: 1.1875rem;
|
|
272
|
+
line-height: 1.5;
|
|
273
|
+
font-weight: bold;
|
|
274
|
+
box-sizing: border-box;
|
|
275
|
+
}
|
|
276
|
+
.theme__1coppmz1 .AppBar__1yk3a459,
|
|
277
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a459 {
|
|
278
|
+
position: absolute;
|
|
279
|
+
display: flex;
|
|
280
|
+
align-items: center;
|
|
281
|
+
justify-content: center;
|
|
282
|
+
text-align: center;
|
|
283
|
+
font-family: -apple-system, BlinkMacSystemFont;
|
|
284
|
+
font-weight: 600;
|
|
285
|
+
font-size: 1rem;
|
|
286
|
+
left: 50%;
|
|
287
|
+
transform: translate(-50%);
|
|
288
|
+
height: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
289
|
+
top: constant(safe-area-inset-top);
|
|
290
|
+
top: env(safe-area-inset-top);
|
|
291
|
+
}
|
|
292
|
+
.theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45a,
|
|
293
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45a {
|
|
294
|
+
padding-left: 0.375rem;
|
|
295
|
+
}
|
|
296
|
+
.AppBar__1yk3a45b {
|
|
297
|
+
left: 50%;
|
|
298
|
+
height: 1.25rem;
|
|
299
|
+
transform: translate(-50%);
|
|
300
|
+
max-width: 5rem;
|
|
301
|
+
display: none;
|
|
302
|
+
width: var(--appBar-center-mainWidth__1dlf4345);
|
|
303
|
+
}
|
|
304
|
+
.theme__1coppmz1 .AppBar__1yk3a45b,
|
|
305
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b {
|
|
306
|
+
display: block;
|
|
307
|
+
}
|
|
308
|
+
.AppBar__1yk3a45c {
|
|
309
|
+
text-overflow: ellipsis;
|
|
310
|
+
font-size: inherit;
|
|
311
|
+
font-weight: inherit;
|
|
312
|
+
}
|
|
313
|
+
.AppBar__1yk3a45d {
|
|
314
|
+
padding: 0 0.5rem;
|
|
315
|
+
margin-left: auto;
|
|
316
|
+
}
|
|
317
|
+
.AppBar__1yk3a45d:empty {
|
|
318
|
+
display: none;
|
|
319
|
+
}
|
|
320
|
+
.theme__1coppmz0 .AppBar__1yk3a45d,
|
|
321
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45d {
|
|
322
|
+
padding: 0 0.5rem 0 0;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
/* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VTPU/DMBDd8yu8IKUSVzkqUBS2qgszC50qJ3abE4ld+YNCEf+dOCipiuyqoZPt8717787P04WyVjUvlRB2vc4qO3us6Ix8JYRYzaRBi0rm5J3pFOAYWTrN/DpA6OQp+U6moWrzY7WN0k3+u62ZFa9pRulNHMk7ZMHKt61WTnIoVa10r8bY9mJTqz3sardFCQUzWIJD4NjAX1TLQsgBUHLx0Vc4PPuTMB4wkGZdptqxEu1nTmhU3R0Ji74Nx+8j6V2PA10WpXsYRze/iC7enfjn7INz3yO3Vdtc+9r+WCjNhQbNODpzQclOHhivD06wk6uw1Lcfduaqd+Y1ThDjnCCi/2SV0lMpo10SkxJxyTkp4cH8ANGgQNlIBAAA */
|
|
326
|
+
.BottomSheet__1ht38h03 {
|
|
327
|
+
transition: var(--transitionDuration__1ht38h00);
|
|
328
|
+
}
|
|
329
|
+
.BottomSheet__1ht38h07 {
|
|
330
|
+
transform: translateX(100%);
|
|
331
|
+
}
|
|
332
|
+
.BottomSheet__1ht38h0d {
|
|
333
|
+
background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
|
|
334
|
+
z-index: var(--zIndexes-dim__1ht38h01);
|
|
335
|
+
opacity: 0;
|
|
336
|
+
}
|
|
337
|
+
.BottomSheet__1ht38h04 .BottomSheet__1ht38h0d,
|
|
338
|
+
.BottomSheet__1ht38h05 .BottomSheet__1ht38h0d {
|
|
339
|
+
opacity: 1;
|
|
340
|
+
}
|
|
341
|
+
.BottomSheet__1ht38h06 .BottomSheet__1ht38h0d,
|
|
342
|
+
.BottomSheet__1ht38h07 .BottomSheet__1ht38h0d {
|
|
343
|
+
opacity: 0;
|
|
344
|
+
}
|
|
345
|
+
.BottomSheet__1ht38h0e {
|
|
346
|
+
background-color: var(--stackflow-plugin-basic-ui-background-color);
|
|
347
|
+
width: 100%;
|
|
348
|
+
border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;
|
|
349
|
+
transform: translateY(100%);
|
|
350
|
+
opacity: 0;
|
|
351
|
+
}
|
|
352
|
+
.BottomSheet__1ht38h04 .BottomSheet__1ht38h0e,
|
|
353
|
+
.BottomSheet__1ht38h05 .BottomSheet__1ht38h0e {
|
|
354
|
+
transform: translateY(0);
|
|
355
|
+
opacity: 1;
|
|
356
|
+
}
|
|
357
|
+
.BottomSheet__1ht38h06 .BottomSheet__1ht38h0e,
|
|
358
|
+
.BottomSheet__1ht38h07 .BottomSheet__1ht38h0e {
|
|
359
|
+
transform: translateY(100%);
|
|
360
|
+
opacity: 0;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
/* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51TT2+CMBS/8yl6WQKJbUCHOnfdZYfddzMPWrEZ8ExbhmPZd18B0Ykw3RIS2tffv1ce7AU5pOt1iFWyjGfk0yHEKMi1NBLzFXkH5VJ6qjwVCup3x/C9R+fLYWcqi5PKBlW2apcpGPHqBr5/N0DhDSWC+C1RWOScxpii6uy1sQebFEu6S4tE5jQCLWNaSMplRvssK09IRWXOxb5TqJ7rndA1ofMMGiDuIJbmY0X8y1T3pJdy0iuEfUDTxlEyuJScX5Nc/C45kFL88+4G762U3GxtcvuZ6m0GynKsLZmyUImsrkW4p3oLHEtb3+2Jz+bT+sxCZotmoZIIXH9CDg8LQm/SQFl4hC5HoNMOOgtaKHsYU/XaNIoLRRVwWegbmkZjMLP5hTD0jNuo/RhaHUMq3ID9fUzEtTER/R/k4HXudMP0XDj1p2fMaairb4Wf5DcLBAAA */
|
|
364
|
+
.Modal__5ozg8c3 {
|
|
365
|
+
transition: var(--transitionDuration__5ozg8c0);
|
|
366
|
+
}
|
|
367
|
+
.Modal__5ozg8c7 {
|
|
368
|
+
transform: translateX(100%);
|
|
369
|
+
}
|
|
370
|
+
.Modal__5ozg8cd {
|
|
371
|
+
background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
|
|
372
|
+
z-index: var(--zIndexes-dim__5ozg8c1);
|
|
373
|
+
opacity: 0;
|
|
374
|
+
}
|
|
375
|
+
.Modal__5ozg8c4 .Modal__5ozg8cd,
|
|
376
|
+
.Modal__5ozg8c5 .Modal__5ozg8cd {
|
|
377
|
+
opacity: 1;
|
|
378
|
+
}
|
|
379
|
+
.Modal__5ozg8c6 .Modal__5ozg8cd,
|
|
380
|
+
.Modal__5ozg8c7 .Modal__5ozg8cd {
|
|
381
|
+
opacity: 0;
|
|
382
|
+
}
|
|
383
|
+
.Modal__5ozg8ce {
|
|
384
|
+
background-color: var(--stackflow-plugin-basic-ui-background-color);
|
|
385
|
+
width: 100%;
|
|
386
|
+
margin: 0 2.5rem;
|
|
387
|
+
box-shadow:
|
|
388
|
+
0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15),
|
|
389
|
+
0px .5625rem 2.875rem rgba(0, 0, 0, 0.12),
|
|
390
|
+
0px .3125rem .9375rem rgba(0, 0, 0, 0.1);
|
|
391
|
+
border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);
|
|
392
|
+
transform: scale(1.1);
|
|
393
|
+
opacity: 0;
|
|
394
|
+
}
|
|
395
|
+
.Modal__5ozg8c4 .Modal__5ozg8ce,
|
|
396
|
+
.Modal__5ozg8c5 .Modal__5ozg8ce {
|
|
397
|
+
transform: scale(1);
|
|
398
|
+
opacity: 1;
|
|
399
|
+
}
|
|
400
|
+
.Modal__5ozg8c6 .Modal__5ozg8ce,
|
|
401
|
+
.Modal__5ozg8c7 .Modal__5ozg8ce {
|
|
402
|
+
transform: scale(1.1);
|
|
403
|
+
opacity: 0;
|
|
404
|
+
}
|
|
2
405
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+
|
|
4
|
-
"sourcesContent": [":root, :root[data-stackflow-plugin-basic-ui-theme=android] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1coppmz0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1coppmz1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-show-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}", ".dhthxq0 {\n width: 100%;\n}\n.dhthxq1 {\n height: 100%;\n}\n.dhthxq2 {\n top: 0;\n}\n.dhthxq3 {\n left: 0;\n}\n.dhthxq4 {\n position: absolute;\n}\n.dhthxq5 {\n position: relative;\n}\n.dhthxq7 {\n display: flex;\n}\n.dhthxq8 {\n align-items: center;\n}\n.dhthxq9 {\n align-items: flex-end;\n}\n.dhthxqa {\n justify-content: center;\n}\n.dhthxqb {\n overflow: hidden;\n}\n.dhthxqc {\n white-space: nowrap;\n}\n.dhthxqd {\n text-align: center;\n}\n.dhthxqe {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqf {\n box-sizing: border-box;\n}\n.dhthxqg {\n box-sizing: content-box;\n}\n.dhthxqh {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", "._1dlf4346 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n._1dlf4348 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434c {\n transform: translateX(100%);\n}\n._1dlf434i {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1coppmz0 ._1dlf434i, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n._1dlf4349 ._1dlf434i {\n opacity: 1;\n}\n._1dlf434a ._1dlf434i {\n opacity: 1;\n}\n._1dlf434b ._1dlf434i {\n opacity: 0;\n}\n._1dlf434c ._1dlf434i {\n opacity: 0;\n}\n._1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n}\n._1dlf434j::-webkit-scrollbar {\n display: none;\n}\n._1coppmz1 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j {\n transform: translateX(100%);\n}\n._1coppmz1 ._1dlf4349 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j {\n transform: translateX(0);\n}\n._1coppmz1 ._1dlf434a ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j {\n transform: translateX(0);\n}\n._1coppmz0 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j {\n opacity: 0;\n transform: translateY(10rem);\n}\n._1coppmz0 ._1dlf4349 ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n._1coppmz0 ._1dlf434a ._1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n._1dlf434k {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));\n}\n._1dlf434l {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434m {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}", "._1yk3a450 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n overflow: hidden;\n transition: height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);\n padding-top: constant(safe-area-inset-top);\n padding-top: env(safe-area-inset-top);\n z-index: var(--_1dlf4344);\n}\n._1coppmz1 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a450 {\n position: absolute;\n}\n._1coppmz1 ._1dlf434b ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a450 {\n transform: translateX(100%);\n}\n._1coppmz0 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a450 {\n opacity: 0;\n transform: translateY(10rem);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);\n}\n._1coppmz0 ._1dlf4349 ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1yk3a450 {\n opacity: 1;\n transform: translateY(0);\n}\n._1coppmz0 ._1dlf434a ._1yk3a450, :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1yk3a450 {\n opacity: 1;\n transform: translateY(0);\n}\n._1yk3a451 {\n box-shadow: inset 0px calc(var(--stackflow-plugin-basic-ui-app-bar-border-size) * -1) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1yk3a452 {\n padding: 0 0.5rem;\n}\n._1yk3a452:empty {\n display: none;\n}\n._1yk3a453 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms;\n width: 2.25rem;\n height: 2.75rem;\n}\n._1yk3a453:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n._1yk3a455 {\n flex: 1;\n}\n._1yk3a456 {\n width: var(--_1dlf4345);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-show-transition-duration);\n}\n._1coppmz0 ._1yk3a456, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a456 {\n width: 100%;\n justify-content: flex-start;\n padding-left: 1rem;\n font-size: 1.1875rem;\n line-height: 1.5;\n font-weight: bold;\n box-sizing: border-box;\n}\n._1coppmz1 ._1yk3a456, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a456 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont;\n font-weight: 600;\n font-size: 1rem;\n left: 50%;\n transform: translate(-50%);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n top: constant(safe-area-inset-top);\n top: env(safe-area-inset-top);\n}\n._1coppmz0 ._1yk3a457, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a457 {\n padding-left: 0.375rem;\n}\n._1yk3a458 {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4345);\n}\n._1coppmz1 ._1yk3a458, :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a458 {\n display: block;\n}\n._1yk3a459 {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45a {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a45a:empty {\n display: none;\n}\n._1coppmz0 ._1yk3a45a, :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45a {\n padding: 0 0.5rem 0 0;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translateX(100%);\n}\n._1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_1ht38h01);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0d, ._1ht38h05 ._1ht38h0d {\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0d, ._1ht38h07 ._1ht38h0d {\n opacity: 0;\n}\n._1ht38h0e {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n transform: translateY(100%);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translateY(0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translateY(100%);\n opacity: 0;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translateX(100%);\n}\n._5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_5ozg8c1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n opacity: 0;\n}\n._5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n margin: 0 2.5rem;\n box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
|
|
5
|
-
"mappings": "AAAA
|
|
3
|
+
"sources": ["vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2U30rDMBTG7/cUAW8UltJWyyDik4iMNEnbYJMTTk5xTHx3s+Hu1LW9kdmRQP5+X044P45AAFozcRietSTJI0n12vTwxkM/tNbzWkar+GA5dcaZJ+k1gtUv7H3FGP/lep0OWoTBa66gBxTspmmaxzMqbd03SmxreZuv2VfPiurunJEMIS2Q14Da4E9G+WaqUbR7I1gRdmN1nbFtR4LdZxUaN03FCaWPlix4rgeUh4lg5aZycayRS5vzQrAqvXpKXVmk9jBWSmZHM6XzsKmBCByPnTF0yhRKbYeYcnX888dqAuRqCAbJelg45nlWTQe9zDZ/TvrEGP4b6tkR4+22UBCC2+fLpvharC+e4GLZBF/r8EVS/AmYPn1EXgsAAA==", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmZfX2RodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5mX19kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmZfX2RodGh4cTIgewogIHRvcDogMDsKfQouZl9fZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZl9fZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5mX19kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmZfX2RodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmZfX2RodGh4cTggewogIGZsZXg6IDE7Cn0KLmZfX2RodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmZfX2RodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZl9fZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmZfX2RodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmZfX2RodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmZfX2RodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZl9fZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmZfX2RodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmZfX2RodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5mX19kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71WTY/TMBC991f4gtSIukp2F9hNxQHEhTMXEELVxHYTt45tOU4LRfx3nI9Nu+Bkk1IhRWpce968mXmZ8fKd1p+IYUyu1xEVm7vbu9fo5wyhBMguNaqUFBMllInRHswc48K6jY1QB6xFmXKJEyg4wSXHlOf4T6tgNfs1W/7t482FPsbi39f41oAsuOVKxs37Rpm89XHa+1AaqH474zBYIKWBcPtjzOEeCuREoXLbMhBg2ed5FIYv+ux4bdf6j1G4cqsj5pKy74/5OX6sVqyoUt7ZRQ2gzVjO3J9EaZ0fQ+TzsECxUcp+pWBhINk11FuQ1ChOv3mRaq4Z42lmYxSFhuWrJ3WNkeCSgcGpAcqZtPOLVLRAJk1gHi5Q+wR92Xvop9mlNOqxhX+wTUbYhr1Kudx22xzbM1Nn050siFFCVGXAB5bsuMXdbrPFZerEqEqSDUlLg2amc3PTl+9tHD+6adATMDUlygstwPGRSjKPMiNf0NtJyiSlo2i5VF5tbkd9fyNIeSV1TaZ+BwP0w9HcvZK+Jne/g6ncvW1qGs2hNrX1tFQfuy/zuoWNZngFZQzRHtDFeT/qi2V8pq+gkqE4BjQyIY4TRAaFW7wHs7amZB3i7j/O/AXSQKnrpNgq/eytBbR2C4ObQXmGjGkLHVThn0HGiIAgzw7Lp8ABeomIku64m7MFbBgGw8D194LZCjS4mhcm930OvFNC1KU5cGozV+rlzav2otA3fBhNT3W9HVn/vKl/FdbEiFZnl5g6I9V8QHgqTMXzN8arQmZQCwAA", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VWS4/TMBC+76/wBalF6yjpY5em4sAKISHBiQMghFZO7LSmjh3ZTl+I/47tPPpK2pQtpzb2zHjm8zff2HuXZU9IPj8Hm8UQjcY++H0HQEo5nBM6m+sQLJHsQag0ihcJEyuYsXxmtiOkaAxzClGWmQ8Jdz796d2fO+8ocOACRybKTIqcYxgLJmT38Mee5hAAtpByTNZVlO1H+0WUdSrOxiwZDUejIiM9Jykxi7HIsnQbgJMU70EohdA/MNLoTEouzts4z4jUlIufp4FcrZlQVFPBQ4AiJViuSWsWX2JJCK/zjW6b2uXoLl8tEVeJkGlY/GVIk2+9wPdfNcHnvzBHxLEUFLeBJzIUU70JgT9tSe27SU2StF/vl2DXtiUpdnvvc4nsb42E37+vDupi3IrCEcCTW0JzOfYhXkE7Xt0rQP+xgobY11ZQ+kdCYiKftcxJHWtQyIxYQzVHWKxCQLkiGvjZGsSIxT0YgNfdRcedABXdkn4f+Nf6VUJ1qoZDl2YlsbHgJibXPYUSApEkCLqsoRaZ43dlSPiyxeb0iNHBEV0zrxX8sKmK5Suj7HUTxGU7NaY6LvQSYUz5zLQ88L2xae1G05CkmWlX64CpyhgyjOGCkybjB2d25aCh5jb2Rsw+CpVWDH0/VXZzRbGeh2DgDYp8d3gPvMe2Eh5CFGu6JEc65w3ajvNVU5iJ8y8zKIorxh6MCdeGfSmi/Kvdrltv7Cq6Eg9N1roFjxuz4tKAmdxmwBwAZ8ebLetXrjRNNqZQgx03F5gwsrZnSD3dcRMykpi9oLzsxBg7cTBLXvDmsSIBo5zU76fAG9e2q3ItEgxPK52iW8f6UjPMUqfHynVgnHmsTFofK3sdZtGwC4jRGYdUk1QZ2XI8a0Rvt+Xo49z2Vx0aCUopM8EtQRiBaqNM3HvwZOBbfEbxF/f9wVie4Pfg+8f4V9C7CxoXl9o0RHpw7B40L5NGkXVQbWd1VrLbGD9H6pMp5HC0oZfRvznmvvKW7Pa9Yat2Rc7+AOQdz2sRPI97itaw7L7K4UjJ/0HWOnRMdKuOiQ6nT8REvGgCKy6e1bYBxJJIe5jhA2M0U1Qd8ZfyOZH0lOn1+ml43DY1LcTSllTcE8q1aPQ/O0oviTG+jRi3FGH/mDT+AjaxaDCeDgAA", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VTPU/DMBDd8yu8IKUSVzkqUBS2qgszC50qJ3abE4ld+YNCEf+dOCipiuyqoZPt8717787P04WyVjUvlRB2vc4qO3us6Ix8JYRYzaRBi0rm5J3pFOAYWTrN/DpA6OQp+U6moWrzY7WN0k3+u62ZFa9pRulNHMk7ZMHKt61WTnIoVa10r8bY9mJTqz3sardFCQUzWIJD4NjAX1TLQsgBUHLx0Vc4PPuTMB4wkGZdptqxEu1nTmhU3R0Ji74Nx+8j6V2PA10WpXsYRze/iC7enfjn7INz3yO3Vdtc+9r+WCjNhQbNODpzQclOHhivD06wk6uw1Lcfduaqd+Y1ThDjnCCi/2SV0lMpo10SkxJxyTkp4cH8ANGgQNlIBAAA", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51TT2+CMBS/8yl6WQKJbUCHOnfdZYfddzMPWrEZ8ExbhmPZd18B0Ykw3RIS2tffv1ce7AU5pOt1iFWyjGfk0yHEKMi1NBLzFXkH5VJ6qjwVCup3x/C9R+fLYWcqi5PKBlW2apcpGPHqBr5/N0DhDSWC+C1RWOScxpii6uy1sQebFEu6S4tE5jQCLWNaSMplRvssK09IRWXOxb5TqJ7rndA1ofMMGiDuIJbmY0X8y1T3pJdy0iuEfUDTxlEyuJScX5Nc/C45kFL88+4G762U3GxtcvuZ6m0GynKsLZmyUImsrkW4p3oLHEtb3+2Jz+bT+sxCZotmoZIIXH9CDg8LQm/SQFl4hC5HoNMOOgtaKHsYU/XaNIoLRRVwWegbmkZjMLP5hTD0jNuo/RhaHUMq3ID9fUzEtTER/R/k4HXudMP0XDj1p2fMaairb4Wf5DcLBAAA"],
|
|
4
|
+
"sourcesContent": [":root, :root[data-stackflow-plugin-basic-ui-theme=android] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n.theme__1coppmz0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n.theme__1coppmz1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}", ".f__dhthxq0 {\n width: 100%;\n}\n.f__dhthxq1 {\n height: 100%;\n}\n.f__dhthxq2 {\n top: 0;\n}\n.f__dhthxq3 {\n left: 0;\n}\n.f__dhthxq4 {\n position: absolute;\n}\n.f__dhthxq5 {\n position: relative;\n}\n.f__dhthxq7 {\n display: flex;\n}\n.f__dhthxq8 {\n flex: 1;\n}\n.f__dhthxq9 {\n align-items: center;\n}\n.f__dhthxqa {\n align-items: flex-end;\n}\n.f__dhthxqb {\n justify-content: center;\n}\n.f__dhthxqc {\n overflow: hidden;\n}\n.f__dhthxqd {\n white-space: nowrap;\n}\n.f__dhthxqe {\n text-align: center;\n}\n.f__dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.f__dhthxqg {\n box-sizing: border-box;\n}\n.f__dhthxqh {\n box-sizing: content-box;\n}\n.f__dhthxqi {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", ".AppScreen__1dlf4346 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n.AppScreen__1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n}\n.AppScreen__1dlf4348 {\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n.AppScreen__1dlf434c {\n transform: translateX(100%);\n}\n.AppScreen__1dlf434i {\n opacity: 0;\n z-index: var(--zIndexes-dim__1dlf4341);\n}\n.theme__1coppmz0 .AppScreen__1dlf434i, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n.AppScreen__1dlf4349 .AppScreen__1dlf434i {\n opacity: 1;\n}\n.AppScreen__1dlf434a .AppScreen__1dlf434i {\n opacity: 1;\n}\n.AppScreen__1dlf434b .AppScreen__1dlf434i {\n opacity: 0;\n}\n.AppScreen__1dlf434c .AppScreen__1dlf434i {\n opacity: 0;\n}\n.AppScreen__1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--zIndexes-paper__1dlf4342);\n}\n.AppScreen__1dlf434j::-webkit-scrollbar {\n display: none;\n}\n.theme__1coppmz1 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j {\n transform: translateX(100%);\n}\n.theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j {\n transform: translateX(0);\n}\n.theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j {\n transform: translateX(0);\n}\n.theme__1coppmz0 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j {\n opacity: 0;\n transform: translateY(10rem);\n}\n.theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n.theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j {\n opacity: 1;\n transform: translateY(0);\n}\n.AppScreen_hasAppBar_true__1dlf434k {\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340), padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));\n}\n.AppScreen__1dlf434l {\n width: 1.25rem;\n z-index: var(--zIndexes-edge__1dlf4343);\n}\n.AppScreen_hasAppBar_true__1dlf434m {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}", ".AppBar__1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n.AppBar__1yk3a451 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n z-index: var(--zIndexes-appBar__1dlf4344);\n}\n.theme__1coppmz1 .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a451 {\n position: absolute;\n}\n.theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a451 {\n transform: translateX(100%);\n}\n.theme__1coppmz0 .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a451 {\n opacity: 0;\n transform: translateY(10rem);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n.theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a451 {\n opacity: 1;\n transform: translateY(0);\n}\n.theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a451 {\n opacity: 1;\n transform: translateY(0);\n}\n.AppBar_border_true__1yk3a452 {\n box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n.AppBar__1yk3a453 {\n height: constant(safe-area-inset-top);\n height: env(safe-area-inset-top);\n}\n.AppBar__1yk3a454 {\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n.AppBar__1yk3a455 {\n padding: 0 0.5rem;\n}\n.AppBar__1yk3a455:empty {\n display: none;\n}\n.AppBar__1yk3a456 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms;\n width: 2.25rem;\n height: 2.75rem;\n}\n.AppBar__1yk3a456:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n.AppBar__1yk3a459 {\n width: var(--appBar-center-mainWidth__1dlf4345);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n.theme__1coppmz0 .AppBar__1yk3a459, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a459 {\n width: 100%;\n justify-content: flex-start;\n padding-left: 1rem;\n font-size: 1.1875rem;\n line-height: 1.5;\n font-weight: bold;\n box-sizing: border-box;\n}\n.theme__1coppmz1 .AppBar__1yk3a459, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a459 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont;\n font-weight: 600;\n font-size: 1rem;\n left: 50%;\n transform: translate(-50%);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n top: constant(safe-area-inset-top);\n top: env(safe-area-inset-top);\n}\n.theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45a, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45a {\n padding-left: 0.375rem;\n}\n.AppBar__1yk3a45b {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--appBar-center-mainWidth__1dlf4345);\n}\n.theme__1coppmz1 .AppBar__1yk3a45b, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b {\n display: block;\n}\n.AppBar__1yk3a45c {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n.AppBar__1yk3a45d {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n.AppBar__1yk3a45d:empty {\n display: none;\n}\n.theme__1coppmz0 .AppBar__1yk3a45d, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45d {\n padding: 0 0.5rem 0 0;\n}", ".BottomSheet__1ht38h03 {\n transition: var(--transitionDuration__1ht38h00);\n}\n.BottomSheet__1ht38h07 {\n transform: translateX(100%);\n}\n.BottomSheet__1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--zIndexes-dim__1ht38h01);\n opacity: 0;\n}\n.BottomSheet__1ht38h04 .BottomSheet__1ht38h0d, .BottomSheet__1ht38h05 .BottomSheet__1ht38h0d {\n opacity: 1;\n}\n.BottomSheet__1ht38h06 .BottomSheet__1ht38h0d, .BottomSheet__1ht38h07 .BottomSheet__1ht38h0d {\n opacity: 0;\n}\n.BottomSheet__1ht38h0e {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n transform: translateY(100%);\n opacity: 0;\n}\n.BottomSheet__1ht38h04 .BottomSheet__1ht38h0e, .BottomSheet__1ht38h05 .BottomSheet__1ht38h0e {\n transform: translateY(0);\n opacity: 1;\n}\n.BottomSheet__1ht38h06 .BottomSheet__1ht38h0e, .BottomSheet__1ht38h07 .BottomSheet__1ht38h0e {\n transform: translateY(100%);\n opacity: 0;\n}", ".Modal__5ozg8c3 {\n transition: var(--transitionDuration__5ozg8c0);\n}\n.Modal__5ozg8c7 {\n transform: translateX(100%);\n}\n.Modal__5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--zIndexes-dim__5ozg8c1);\n opacity: 0;\n}\n.Modal__5ozg8c4 .Modal__5ozg8cd, .Modal__5ozg8c5 .Modal__5ozg8cd {\n opacity: 1;\n}\n.Modal__5ozg8c6 .Modal__5ozg8cd, .Modal__5ozg8c7 .Modal__5ozg8cd {\n opacity: 0;\n}\n.Modal__5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n width: 100%;\n margin: 0 2.5rem;\n box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n.Modal__5ozg8c4 .Modal__5ozg8ce, .Modal__5ozg8c5 .Modal__5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n.Modal__5ozg8c6 .Modal__5ozg8ce, .Modal__5ozg8c7 .Modal__5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
|
|
5
|
+
"mappings": ";AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AClDF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;;;ACxDF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;;;ACxEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AAAA;AACE;AAAA;;;AC7GF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;;;AC9BF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,5 +2,4 @@ export { basicUIPlugin } from "./basicUIPlugin";
|
|
|
2
2
|
export { default as AppScreen } from "./components/AppScreen";
|
|
3
3
|
export { default as BottomSheet } from "./components/BottomSheet";
|
|
4
4
|
export { default as Modal } from "./components/Modal";
|
|
5
|
-
export { useStyleEffect, useStyleEffectHide, useStyleEffectOffset, useStyleEffectSwipeBack, } from "./hooks";
|
|
6
5
|
export { globalVars as cssVars } from "./theme.css";
|