@stackflow/plugin-basic-ui 0.19.3-alpha.1 → 0.20.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/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 +7 -3
- package/dist/components/BottomSheet.d.ts +1 -1
- package/dist/components/Modal.d.ts +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useNullableActivity.d.ts +2 -0
- package/dist/index.css +409 -1
- package/dist/index.css.map +3 -3
- package/dist/index.d.ts +3 -4
- package/dist/index.js +1009 -1
- package/dist/index.js.map +4 -4
- package/dist/index.mjs +987 -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 +29 -21
- package/src/components/AppBar.tsx +41 -33
- package/src/components/AppScreen.css.ts +11 -10
- package/src/components/AppScreen.tsx +72 -50
- package/src/components/BottomSheet.css.ts +5 -4
- package/src/components/BottomSheet.tsx +12 -9
- package/src/components/Modal.css.ts +2 -1
- package/src/components/Modal.tsx +12 -9
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useNullableActivity.ts +6 -0
- package/src/hooks/useStyleEffect.ts +11 -4
- package/src/hooks/useStyleEffectOffset.ts +2 -2
- package/src/hooks/useStyleEffectSwipeBack.ts +5 -5
- package/src/index.ts +10 -8
- 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
|
}>;
|
|
@@ -2,10 +2,14 @@ import React from "react";
|
|
|
2
2
|
import type { GlobalVars } from "../theme.css";
|
|
3
3
|
import type { PropOf } from "../utils";
|
|
4
4
|
import AppBar from "./AppBar";
|
|
5
|
-
declare type
|
|
5
|
+
export declare type AppScreenContext = {
|
|
6
|
+
scroll: (args: {
|
|
7
|
+
top: number;
|
|
8
|
+
}) => void;
|
|
9
|
+
};
|
|
10
|
+
export declare function useAppScreen(): AppScreenContext;
|
|
11
|
+
export declare type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
|
|
6
12
|
appBar?: Omit<PropOf<typeof AppBar>, "theme" | "ref" | "key">;
|
|
7
|
-
showAppBar?: boolean;
|
|
8
|
-
showAppBarTransitionDuration?: string;
|
|
9
13
|
preventSwipeBack?: boolean;
|
|
10
14
|
children: React.ReactNode;
|
|
11
15
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { GlobalVars } from "../theme.css";
|
|
3
|
-
declare type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
|
|
3
|
+
export declare type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
|
|
4
4
|
onOutsideClick?: React.MouseEventHandler;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { GlobalVars } from "../theme.css";
|
|
3
|
-
declare type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
|
|
3
|
+
export declare type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
|
|
4
4
|
onOutsideClick?: React.MouseEventHandler;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
};
|
package/dist/hooks/index.d.ts
CHANGED
package/dist/index.css
CHANGED
|
@@ -1,2 +1,410 @@
|
|
|
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=#H4sIAAAAAAAAE71WwY7aMBC98xW+VAIVo2TZbtugHlr10nOPVbWa2CYxOLblONBS9d9rJxDYrpMlNKqEBJZn3ryZecx48VHrr8QwJh8fYyrW98v7B/RrglAKZJsZVUmKiRLKJGgHZopxad3FWqg91qLKuMQplJzgimPKC/y312w1+T1ZPI/x9sYY1+K/q/GtAVlyy5VMmt9rZYpjjPPd58qA/26do9kcKQ2E25/XGHdQIGcKPuyRgQDLlnQaR9GrOYrcp8ud1+5HGgmKVu50wFxS9uNUpsMXf2Klr3zrF8+85Z4LgUkOMmPJCaQOZHNWMGdMlNbFIUKhyHOUGKXsNwoWenpRQ30ASY3i9HsQqc4hZzzLbYLiyLBi9aTtCRJcMjA4M0A5k3Z6k8jmyGQpTKOmor6oXVV9302zLXXc4Qv/4Jte4Rt1Cul2301jtmOmrqazLIlRQvg24D1Lt9zi9ra54jJzWlUVyfskp0Ez04a5ey66VvhdzJLkRKCJm4KpyVJeagGOqVSSBTQbh8qxGaRZUjnylksVVO1myB/3Cm5BzY1JOBygL4toYApB6Y+ZQjjAjSkEp9owtn1TbROYzN0k66k3hOgIculj3yOWyyk2Wt1HkE5fOj3CGZ7OGSmH0h0+gXm0pmIt8PY/PivmSAOlbhpjq/SLDyPQ2h0MbpbtBTKmR+h6RF9AJoiAIC8u3KfAM/QaESWdudvVJawZBsPA7YiSWQ86Gy0Kk7uuAMF9IurW7Dm1uev44u7N8bHRtcAYzc59XV7Z/6Lpv09rYEari4dQXRG/SBAeCuN5/gG9kduZswsAAA== */
|
|
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: translate3d(100%, 0, 0);
|
|
128
|
+
}
|
|
129
|
+
.AppScreen__1dlf434i {
|
|
130
|
+
opacity: 0;
|
|
131
|
+
z-index: var(--zIndexes-dim__1dlf4341);
|
|
132
|
+
will-change: opacity;
|
|
133
|
+
}
|
|
134
|
+
.theme__1coppmz0 .AppScreen__1dlf434i,
|
|
135
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434i {
|
|
136
|
+
height: 10rem;
|
|
137
|
+
background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
|
|
138
|
+
}
|
|
139
|
+
.AppScreen__1dlf4349 .AppScreen__1dlf434i {
|
|
140
|
+
opacity: 1;
|
|
141
|
+
}
|
|
142
|
+
.AppScreen__1dlf434a .AppScreen__1dlf434i {
|
|
143
|
+
opacity: 1;
|
|
144
|
+
}
|
|
145
|
+
.AppScreen__1dlf434b .AppScreen__1dlf434i {
|
|
146
|
+
opacity: 0;
|
|
147
|
+
}
|
|
148
|
+
.AppScreen__1dlf434c .AppScreen__1dlf434i {
|
|
149
|
+
opacity: 0;
|
|
150
|
+
}
|
|
151
|
+
.AppScreen__1dlf434j {
|
|
152
|
+
overflow-y: scroll;
|
|
153
|
+
-webkit-overflow-scrolling: touch;
|
|
154
|
+
z-index: var(--zIndexes-paper__1dlf4342);
|
|
155
|
+
will-change: transform;
|
|
156
|
+
}
|
|
157
|
+
.AppScreen__1dlf434j::-webkit-scrollbar {
|
|
158
|
+
display: none;
|
|
159
|
+
}
|
|
160
|
+
.theme__1coppmz1 .AppScreen__1dlf434j,
|
|
161
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j {
|
|
162
|
+
transform: translate3d(100%, 0, 0);
|
|
163
|
+
}
|
|
164
|
+
.theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
|
|
165
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j {
|
|
166
|
+
transform: translate3d(0, 0, 0);
|
|
167
|
+
}
|
|
168
|
+
.theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j,
|
|
169
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j {
|
|
170
|
+
transform: translate3d(0, 0, 0);
|
|
171
|
+
}
|
|
172
|
+
.theme__1coppmz0 .AppScreen__1dlf434j,
|
|
173
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j {
|
|
174
|
+
opacity: 0;
|
|
175
|
+
transform: translate3d(0, 10rem, 0);
|
|
176
|
+
}
|
|
177
|
+
.theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
|
|
178
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j {
|
|
179
|
+
opacity: 1;
|
|
180
|
+
transform: translate3d(0, 0, 0);
|
|
181
|
+
}
|
|
182
|
+
.theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j,
|
|
183
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j {
|
|
184
|
+
opacity: 1;
|
|
185
|
+
transform: translate3d(0, 0, 0);
|
|
186
|
+
}
|
|
187
|
+
.AppScreen_hasAppBar_true__1dlf434k {
|
|
188
|
+
transition:
|
|
189
|
+
transform var(--transitionDuration__1dlf4340),
|
|
190
|
+
opacity var(--transitionDuration__1dlf4340),
|
|
191
|
+
padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
|
|
192
|
+
padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));
|
|
193
|
+
padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));
|
|
194
|
+
}
|
|
195
|
+
.AppScreen__1dlf434l {
|
|
196
|
+
width: 1.25rem;
|
|
197
|
+
z-index: var(--zIndexes-edge__1dlf4343);
|
|
198
|
+
}
|
|
199
|
+
.AppScreen_hasAppBar_true__1dlf434m {
|
|
200
|
+
top: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
201
|
+
height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VWyW7bMBC95yt4KWAXoUB5SRoFPTQoChRoTzn0UBQBJVI2G4oUSCpeiv57SWqxLUteEhcI4IicGc48vnnD4FOeP2D19BSunsd4MkXgzxUAGRNwTtlsbiLwgtUAQm1w8pxyuYA5L2Z2O8aaJbBgEOe5/VBw4zO8v/p7FbQChz5wbKPMlCwEgYnkUp0evu1pDwFgDZkgdFlHWX91X1Q7p/JswtPJeDLxxgvGOUzmWMxoBIzCQqdSZddA5jhhZuWTNnOaUeuXyDzP1iHYq+IaREpK85Nggw9k7eN8TIqcKsOE/LUfyMORS80MkyICONaSF4b2ZvGYKEpFU1J82dSOR/f5NqhVAHJs6JgMQoTeXQNk/4Yd+aM3pooFUZKRPgyr64sAuu/P0OYWIkWzMsXKrIK+calYtNn7XCjsfhtc0LChyynGvWC04L67JELHY+/CFh6G7fCttg7D/7GQjtivLKQKE0tFqHoyqqBNyFGpUnIJ9RwTuYgAE5oagPIlSDBPBjAE70/XLH8C1GxNh0OAzvWrdW5fTMc+zVqhEylsTGEGGqcUYkUx9FlDI3PP9tqQipcem/0jJjtHnJp5MwB2W6xcPjPKVm9BUjVXZ6rTUksxIUzMrA4AFExtr3eaRjTLbfM6B8J0zrEljpCCdhnfeLMz5xSzt7E1obZRqJVjjFCmy4lEzDwCo2BU5rvBexTc9pVwE+HEsBfaEr9g1Hcc0l1h7rx/lUFZXDk1YUKFsezLMBM/3HbTgVNf0Zl4GLo0PXhcmBXHps7dZabODnBu8rmyfhfasHRlC7XYCXuBKadLd4Yy9xtuQk5TuxdWl51aYy8OdikIP9zWJOBM0Ob5FQbTxnZRrcWSk/tap9jas77SDLt00kPmPDAOPGTueh8yWx3m0HALmLOZgMzQTFvZ8jzrRG+z5enj3bZXPRopzhi3wR1BOIV6pY0b8A8WvufvOHn031+s5R5+Nwi18a+h9xc0LS+1a5YMoN3cEdXXSKPMT1Btb3VQsvsYP8f6my1kd7Tht9G/O+a28lbsRsG4V7tib78D8obnjQgexj3DS1h1X+3QUvJXyNoJHRNfqmPi3ekTc5k8d4GVlE9u1wDyhSp3mOUD5yzXTLf4y8ScKrbP9GZ9Pzzpm5oOYuVKKu8JF0Z2+h8cpcfEmFxGjHuKcP/YNP4BuwZEPN0OAAA= */
|
|
205
|
+
.AppBar__1yk3a450 {
|
|
206
|
+
min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
|
|
207
|
+
}
|
|
208
|
+
.AppBar__1yk3a451 {
|
|
209
|
+
background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);
|
|
210
|
+
z-index: var(--zIndexes-appBar__1dlf4344);
|
|
211
|
+
will-change: transform, opacity;
|
|
212
|
+
}
|
|
213
|
+
.theme__1coppmz1 .AppBar__1yk3a451,
|
|
214
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a451 {
|
|
215
|
+
position: absolute;
|
|
216
|
+
}
|
|
217
|
+
.theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a451,
|
|
218
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a451 {
|
|
219
|
+
transform: translate3d(100%, 0, 0);
|
|
220
|
+
}
|
|
221
|
+
.theme__1coppmz0 .AppBar__1yk3a451,
|
|
222
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a451 {
|
|
223
|
+
opacity: 0;
|
|
224
|
+
transform: translate3d(0, 10rem, 0);
|
|
225
|
+
transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
|
|
226
|
+
}
|
|
227
|
+
.theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a451,
|
|
228
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a451 {
|
|
229
|
+
opacity: 1;
|
|
230
|
+
transform: translate3d(0, 0, 0);
|
|
231
|
+
}
|
|
232
|
+
.theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a451,
|
|
233
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a451 {
|
|
234
|
+
opacity: 1;
|
|
235
|
+
transform: translate3d(0, 0, 0);
|
|
236
|
+
}
|
|
237
|
+
.AppBar_border_true__1yk3a452 {
|
|
238
|
+
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);
|
|
239
|
+
}
|
|
240
|
+
.AppBar__1yk3a453 {
|
|
241
|
+
height: constant(safe-area-inset-top);
|
|
242
|
+
height: env(safe-area-inset-top);
|
|
243
|
+
}
|
|
244
|
+
.AppBar__1yk3a454 {
|
|
245
|
+
height: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
246
|
+
transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
|
|
247
|
+
}
|
|
248
|
+
.AppBar__1yk3a455 {
|
|
249
|
+
padding: 0 0.5rem;
|
|
250
|
+
}
|
|
251
|
+
.AppBar__1yk3a455:empty {
|
|
252
|
+
display: none;
|
|
253
|
+
}
|
|
254
|
+
.AppBar__1yk3a456 {
|
|
255
|
+
color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
|
|
256
|
+
transition: opacity 300ms;
|
|
257
|
+
width: 2.25rem;
|
|
258
|
+
height: 2.75rem;
|
|
259
|
+
}
|
|
260
|
+
.AppBar__1yk3a456:active {
|
|
261
|
+
opacity: 0.2;
|
|
262
|
+
transition: opacity 0s;
|
|
263
|
+
}
|
|
264
|
+
.AppBar__1yk3a459 {
|
|
265
|
+
width: var(--appBar-center-mainWidth__1dlf4345);
|
|
266
|
+
color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
|
|
267
|
+
transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
|
|
268
|
+
}
|
|
269
|
+
.theme__1coppmz0 .AppBar__1yk3a459,
|
|
270
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a459 {
|
|
271
|
+
width: 100%;
|
|
272
|
+
justify-content: flex-start;
|
|
273
|
+
padding-left: 1rem;
|
|
274
|
+
font-size: 1.1875rem;
|
|
275
|
+
line-height: 1.5;
|
|
276
|
+
font-weight: bold;
|
|
277
|
+
box-sizing: border-box;
|
|
278
|
+
}
|
|
279
|
+
.theme__1coppmz1 .AppBar__1yk3a459,
|
|
280
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a459 {
|
|
281
|
+
position: absolute;
|
|
282
|
+
display: flex;
|
|
283
|
+
align-items: center;
|
|
284
|
+
justify-content: center;
|
|
285
|
+
text-align: center;
|
|
286
|
+
font-family: -apple-system, BlinkMacSystemFont;
|
|
287
|
+
font-weight: 600;
|
|
288
|
+
font-size: 1rem;
|
|
289
|
+
left: 50%;
|
|
290
|
+
transform: translate(-50%);
|
|
291
|
+
height: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
292
|
+
top: constant(safe-area-inset-top);
|
|
293
|
+
top: env(safe-area-inset-top);
|
|
294
|
+
}
|
|
295
|
+
.theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45a,
|
|
296
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45a {
|
|
297
|
+
padding-left: 0.375rem;
|
|
298
|
+
}
|
|
299
|
+
.AppBar__1yk3a45b {
|
|
300
|
+
left: 50%;
|
|
301
|
+
height: 1.25rem;
|
|
302
|
+
transform: translate(-50%);
|
|
303
|
+
max-width: 5rem;
|
|
304
|
+
display: none;
|
|
305
|
+
width: var(--appBar-center-mainWidth__1dlf4345);
|
|
306
|
+
}
|
|
307
|
+
.theme__1coppmz1 .AppBar__1yk3a45b,
|
|
308
|
+
:root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b {
|
|
309
|
+
display: block;
|
|
310
|
+
}
|
|
311
|
+
.AppBar__1yk3a45c {
|
|
312
|
+
text-overflow: ellipsis;
|
|
313
|
+
font-size: inherit;
|
|
314
|
+
font-weight: inherit;
|
|
315
|
+
}
|
|
316
|
+
.AppBar__1yk3a45d {
|
|
317
|
+
padding: 0 0.5rem;
|
|
318
|
+
margin-left: auto;
|
|
319
|
+
}
|
|
320
|
+
.AppBar__1yk3a45d:empty {
|
|
321
|
+
display: none;
|
|
322
|
+
}
|
|
323
|
+
.theme__1coppmz0 .AppBar__1yk3a45d,
|
|
324
|
+
:root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45d {
|
|
325
|
+
padding: 0 0.5rem 0 0;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
/* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VT3U7DIBS+71NwY7IlPQtN1ZnuznjjtQ+wUGAtkcIC1OmM7y5U20ZT3GaTJpSf7+ccPlb32jndPNWcu+02q11+V+McvScIOUOUFU5oVaAXYhYA48pDa0gYBwhebpKPZDXFth7Zdto0xdevJI7nbJFhfJUi7L84AesISkKfK6NbxYBqqU1vyjq/sZP6AHvZVkJBSayg0ApgooHfKK+C0BGEYvy1Zzg+hhm3ATCIZt1JvSdUuLcC4ai7azRtOp1ev4kc72oc5LKo3O1lcuuz5OLV8X/2frLvB8Fc7Yvzdx6mpTaMGzCEidaeQdnZAxv8wQ/schYWh/KDOSmB1kRVvBjTmvZN2sQz7NP7HeOZmeGXZYb/9bDw8KrmxCrmKBKrU46ibfoES/9iF4cEAAA= */
|
|
329
|
+
.BottomSheet__1ht38h03 {
|
|
330
|
+
transition: var(--transitionDuration__1ht38h00);
|
|
331
|
+
}
|
|
332
|
+
.BottomSheet__1ht38h07 {
|
|
333
|
+
transform: translate3d(100%, 0, 0);
|
|
334
|
+
}
|
|
335
|
+
.BottomSheet__1ht38h0d {
|
|
336
|
+
background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
|
|
337
|
+
z-index: var(--zIndexes-dim__1ht38h01);
|
|
338
|
+
opacity: 0;
|
|
339
|
+
}
|
|
340
|
+
.BottomSheet__1ht38h04 .BottomSheet__1ht38h0d,
|
|
341
|
+
.BottomSheet__1ht38h05 .BottomSheet__1ht38h0d {
|
|
342
|
+
opacity: 1;
|
|
343
|
+
}
|
|
344
|
+
.BottomSheet__1ht38h06 .BottomSheet__1ht38h0d,
|
|
345
|
+
.BottomSheet__1ht38h07 .BottomSheet__1ht38h0d {
|
|
346
|
+
opacity: 0;
|
|
347
|
+
}
|
|
348
|
+
.BottomSheet__1ht38h0e {
|
|
349
|
+
background-color: var(--stackflow-plugin-basic-ui-background-color);
|
|
350
|
+
width: 100%;
|
|
351
|
+
border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;
|
|
352
|
+
will-change: transform, opacity;
|
|
353
|
+
transform: translate3d(0, 100%, 0);
|
|
354
|
+
opacity: 0;
|
|
355
|
+
}
|
|
356
|
+
.BottomSheet__1ht38h04 .BottomSheet__1ht38h0e,
|
|
357
|
+
.BottomSheet__1ht38h05 .BottomSheet__1ht38h0e {
|
|
358
|
+
transform: translate3d(0, 0, 0);
|
|
359
|
+
opacity: 1;
|
|
360
|
+
}
|
|
361
|
+
.BottomSheet__1ht38h06 .BottomSheet__1ht38h0e,
|
|
362
|
+
.BottomSheet__1ht38h07 .BottomSheet__1ht38h0e {
|
|
363
|
+
transform: translate3d(0, 100%, 0);
|
|
364
|
+
opacity: 0;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
/* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51T0W6CMBR99yv6sgQT2hQZ0+HrXvawbzCXtmKzQk1bpnPZv6+AaECcbkkT2ttzzj339kLeNAe1WiX6kC9YjL4mCDkDpZVO6jJFH2ACjM+Rl8pA/e0YdLqcfE9IT2V+VllrU6TtVoETMQ8iSh9CRP0aYfKGmQF7z42uSo6ZVtp0LqzzF2uld3irqlyWOAMrGa4k5rLAQ5aXR+iAZcnFvlM4vNYnYWtClzNqgHoLTLrPFNFLV49o4DIcBJIhoCnjJBldSj7dkpz/LjniUvyzd6N920nuNt65f6z6WIDxHJ8WzUhiRFHHMr3HdgNc73x8u0eUPM3qOw+J583G5BkEtH1sv0iUTMMGSpITdHEFOuugcdRCyfM11WnrxnBhsAEuK3tH0do5XXj/Qjjc4x7LVwqzDZS5SM+DHHb9X/bH2zJQIojI3ydJ3JokMfyVjrn6me4YsItMwwG7lmmsqh+//tn1NQQAAA== */
|
|
368
|
+
.Modal__5ozg8c3 {
|
|
369
|
+
transition: var(--transitionDuration__5ozg8c0);
|
|
370
|
+
}
|
|
371
|
+
.Modal__5ozg8c7 {
|
|
372
|
+
transform: translate3d(100%, 0, 0);
|
|
373
|
+
}
|
|
374
|
+
.Modal__5ozg8cd {
|
|
375
|
+
background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
|
|
376
|
+
z-index: var(--zIndexes-dim__5ozg8c1);
|
|
377
|
+
opacity: 0;
|
|
378
|
+
}
|
|
379
|
+
.Modal__5ozg8c4 .Modal__5ozg8cd,
|
|
380
|
+
.Modal__5ozg8c5 .Modal__5ozg8cd {
|
|
381
|
+
opacity: 1;
|
|
382
|
+
}
|
|
383
|
+
.Modal__5ozg8c6 .Modal__5ozg8cd,
|
|
384
|
+
.Modal__5ozg8c7 .Modal__5ozg8cd {
|
|
385
|
+
opacity: 0;
|
|
386
|
+
}
|
|
387
|
+
.Modal__5ozg8ce {
|
|
388
|
+
background-color: var(--stackflow-plugin-basic-ui-background-color);
|
|
389
|
+
width: 100%;
|
|
390
|
+
margin: 0 2.5rem;
|
|
391
|
+
box-shadow:
|
|
392
|
+
0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15),
|
|
393
|
+
0px .5625rem 2.875rem rgba(0, 0, 0, 0.12),
|
|
394
|
+
0px .3125rem .9375rem rgba(0, 0, 0, 0.1);
|
|
395
|
+
border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius);
|
|
396
|
+
will-change: transform, opacity;
|
|
397
|
+
transform: scale(1.1);
|
|
398
|
+
opacity: 0;
|
|
399
|
+
}
|
|
400
|
+
.Modal__5ozg8c4 .Modal__5ozg8ce,
|
|
401
|
+
.Modal__5ozg8c5 .Modal__5ozg8ce {
|
|
402
|
+
transform: scale(1);
|
|
403
|
+
opacity: 1;
|
|
404
|
+
}
|
|
405
|
+
.Modal__5ozg8c6 .Modal__5ozg8ce,
|
|
406
|
+
.Modal__5ozg8c7 .Modal__5ozg8ce {
|
|
407
|
+
transform: scale(1.1);
|
|
408
|
+
opacity: 0;
|
|
409
|
+
}
|
|
2
410
|
/*# 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=#H4sIAAAAAAAAE71WwY7aMBC98xW+VAIVo2TZbtugHlr10nOPVbWa2CYxOLblONBS9d9rJxDYrpMlNKqEBJZn3ryZecx48VHrr8QwJh8fYyrW98v7B/RrglAKZJsZVUmKiRLKJGgHZopxad3FWqg91qLKuMQplJzgimPKC/y312w1+T1ZPI/x9sYY1+K/q/GtAVlyy5VMmt9rZYpjjPPd58qA/26do9kcKQ2E25/XGHdQIGcKPuyRgQDLlnQaR9GrOYrcp8ud1+5HGgmKVu50wFxS9uNUpsMXf2Klr3zrF8+85Z4LgUkOMmPJCaQOZHNWMGdMlNbFIUKhyHOUGKXsNwoWenpRQ30ASY3i9HsQqc4hZzzLbYLiyLBi9aTtCRJcMjA4M0A5k3Z6k8jmyGQpTKOmor6oXVV9302zLXXc4Qv/4Jte4Rt1Cul2301jtmOmrqazLIlRQvg24D1Lt9zi9ra54jJzWlUVyfskp0Ez04a5ey66VvhdzJLkRKCJm4KpyVJeagGOqVSSBTQbh8qxGaRZUjnylksVVO1myB/3Cm5BzY1JOBygL4toYApB6Y+ZQjjAjSkEp9owtn1TbROYzN0k66k3hOgIculj3yOWyyk2Wt1HkE5fOj3CGZ7OGSmH0h0+gXm0pmIt8PY/PivmSAOlbhpjq/SLDyPQ2h0MbpbtBTKmR+h6RF9AJoiAIC8u3KfAM/QaESWdudvVJawZBsPA7YiSWQ86Gy0Kk7uuAMF9IurW7Dm1uev44u7N8bHRtcAYzc59XV7Z/6Lpv09rYEari4dQXRG/SBAeCuN5/gG9kduZswsAAA==", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VWyW7bMBC95yt4KWAXoUB5SRoFPTQoChRoTzn0UBQBJVI2G4oUSCpeiv57SWqxLUteEhcI4IicGc48vnnD4FOeP2D19BSunsd4MkXgzxUAGRNwTtlsbiLwgtUAQm1w8pxyuYA5L2Z2O8aaJbBgEOe5/VBw4zO8v/p7FbQChz5wbKPMlCwEgYnkUp0evu1pDwFgDZkgdFlHWX91X1Q7p/JswtPJeDLxxgvGOUzmWMxoBIzCQqdSZddA5jhhZuWTNnOaUeuXyDzP1iHYq+IaREpK85Nggw9k7eN8TIqcKsOE/LUfyMORS80MkyICONaSF4b2ZvGYKEpFU1J82dSOR/f5NqhVAHJs6JgMQoTeXQNk/4Yd+aM3pooFUZKRPgyr64sAuu/P0OYWIkWzMsXKrIK+calYtNn7XCjsfhtc0LChyynGvWC04L67JELHY+/CFh6G7fCttg7D/7GQjtivLKQKE0tFqHoyqqBNyFGpUnIJ9RwTuYgAE5oagPIlSDBPBjAE70/XLH8C1GxNh0OAzvWrdW5fTMc+zVqhEylsTGEGGqcUYkUx9FlDI3PP9tqQipcem/0jJjtHnJp5MwB2W6xcPjPKVm9BUjVXZ6rTUksxIUzMrA4AFExtr3eaRjTLbfM6B8J0zrEljpCCdhnfeLMz5xSzt7E1obZRqJVjjFCmy4lEzDwCo2BU5rvBexTc9pVwE+HEsBfaEr9g1Hcc0l1h7rx/lUFZXDk1YUKFsezLMBM/3HbTgVNf0Zl4GLo0PXhcmBXHps7dZabODnBu8rmyfhfasHRlC7XYCXuBKadLd4Yy9xtuQk5TuxdWl51aYy8OdikIP9zWJOBM0Ob5FQbTxnZRrcWSk/tap9jas77SDLt00kPmPDAOPGTueh8yWx3m0HALmLOZgMzQTFvZ8jzrRG+z5enj3bZXPRopzhi3wR1BOIV6pY0b8A8WvufvOHn031+s5R5+Nwi18a+h9xc0LS+1a5YMoN3cEdXXSKPMT1Btb3VQsvsYP8f6my1kd7Tht9G/O+a28lbsRsG4V7tib78D8obnjQgexj3DS1h1X+3QUvJXyNoJHRNfqmPi3ekTc5k8d4GVlE9u1wDyhSp3mOUD5yzXTLf4y8ScKrbP9GZ9Pzzpm5oOYuVKKu8JF0Z2+h8cpcfEmFxGjHuKcP/YNP4BuwZEPN0OAAA=", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VT3U7DIBS+71NwY7IlPQtN1ZnuznjjtQ+wUGAtkcIC1OmM7y5U20ZT3GaTJpSf7+ccPlb32jndPNWcu+02q11+V+McvScIOUOUFU5oVaAXYhYA48pDa0gYBwhebpKPZDXFth7Zdto0xdevJI7nbJFhfJUi7L84AesISkKfK6NbxYBqqU1vyjq/sZP6AHvZVkJBSayg0ApgooHfKK+C0BGEYvy1Zzg+hhm3ATCIZt1JvSdUuLcC4ai7azRtOp1ev4kc72oc5LKo3O1lcuuz5OLV8X/2frLvB8Fc7Yvzdx6mpTaMGzCEidaeQdnZAxv8wQ/schYWh/KDOSmB1kRVvBjTmvZN2sQz7NP7HeOZmeGXZYb/9bDw8KrmxCrmKBKrU46ibfoES/9iF4cEAAA=", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51T0W6CMBR99yv6sgQT2hQZ0+HrXvawbzCXtmKzQk1bpnPZv6+AaECcbkkT2ttzzj339kLeNAe1WiX6kC9YjL4mCDkDpZVO6jJFH2ACjM+Rl8pA/e0YdLqcfE9IT2V+VllrU6TtVoETMQ8iSh9CRP0aYfKGmQF7z42uSo6ZVtp0LqzzF2uld3irqlyWOAMrGa4k5rLAQ5aXR+iAZcnFvlM4vNYnYWtClzNqgHoLTLrPFNFLV49o4DIcBJIhoCnjJBldSj7dkpz/LjniUvyzd6N920nuNt65f6z6WIDxHJ8WzUhiRFHHMr3HdgNc73x8u0eUPM3qOw+J583G5BkEtH1sv0iUTMMGSpITdHEFOuugcdRCyfM11WnrxnBhsAEuK3tH0do5XXj/Qjjc4x7LVwqzDZS5SM+DHHb9X/bH2zJQIojI3ydJ3JokMfyVjrn6me4YsItMwwG7lmmsqh+//tn1NQQAAA=="],
|
|
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: translate3d(100%, 0, 0);\n}\n.AppScreen__1dlf434i {\n opacity: 0;\n z-index: var(--zIndexes-dim__1dlf4341);\n will-change: opacity;\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 will-change: transform;\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: translate3d(100%, 0, 0);\n}\n.theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j {\n transform: translate3d(0, 0, 0);\n}\n.theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j {\n transform: translate3d(0, 0, 0);\n}\n.theme__1coppmz0 .AppScreen__1dlf434j, :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\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: translate3d(0, 0, 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: translate3d(0, 0, 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 will-change: transform, opacity;\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: translate3d(100%, 0, 0);\n}\n.theme__1coppmz0 .AppBar__1yk3a451, :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a451 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\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: translate3d(0, 0, 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: translate3d(0, 0, 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: translate3d(100%, 0, 0);\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 will-change: transform, opacity;\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}\n.BottomSheet__1ht38h04 .BottomSheet__1ht38h0e, .BottomSheet__1ht38h05 .BottomSheet__1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n.BottomSheet__1ht38h06 .BottomSheet__1ht38h0e, .BottomSheet__1ht38h07 .BottomSheet__1ht38h0e {\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}", ".Modal__5ozg8c3 {\n transition: var(--transitionDuration__5ozg8c0);\n}\n.Modal__5ozg8c7 {\n transform: translate3d(100%, 0, 0);\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 will-change: transform, opacity;\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;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;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;;;AC1EF;AACE;AAAA;AAEF;AACE;AACA;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;;;AC9GF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;;;AC/BF;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;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|