@stackflow/plugin-basic-ui 0.21.4-alpha.4 → 1.0.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/README.md +1 -1
- package/dist/assets/IconBack.d.ts +1 -1
- package/dist/assets/IconClose.d.ts +1 -1
- package/dist/basicUIPlugin.d.ts +2 -2
- package/dist/components/AppBar.d.ts +3 -3
- package/dist/components/AppScreen.d.ts +2 -2
- package/dist/components/BottomSheet.d.ts +1 -1
- package/dist/components/Modal.d.ts +1 -1
- package/dist/hooks/useMaxWidth.d.ts +1 -1
- package/dist/hooks/useStyleEffect.d.ts +1 -1
- package/dist/hooks/useStyleEffectHide.d.ts +1 -1
- package/dist/index.css +9 -5
- package/dist/index.css.map +3 -3
- package/dist/index.js +311 -254
- package/dist/index.js.map +3 -3
- package/dist/index.mjs +289 -226
- package/dist/index.mjs.map +3 -3
- package/dist/theme.css.d.ts +1 -0
- package/package.json +5 -5
- package/src/assets/IconBack.tsx +0 -2
- package/src/assets/IconClose.tsx +0 -2
- package/src/basicUIPlugin.tsx +5 -1
- package/src/components/AppBar.tsx +2 -2
- package/src/components/AppScreen.tsx +6 -3
- package/src/components/BottomSheet.tsx +2 -2
- package/src/components/Modal.tsx +2 -2
- package/src/hooks/useMaxWidth.ts +0 -1
- package/src/hooks/useStyleEffect.ts +0 -1
- package/src/hooks/useStyleEffectHide.ts +0 -2
- package/src/hooks/useStyleEffectOffset.ts +2 -1
- package/src/hooks/useStyleEffectSwipeBack.ts +4 -4
- package/src/theme.css.ts +3 -1
package/README.md
CHANGED
package/dist/basicUIPlugin.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import type { StackflowReactPlugin } from "@stackflow/react";
|
|
2
|
-
import React from "react";
|
|
3
3
|
import * as theme from "./theme.css";
|
|
4
4
|
import type { RecursivePartial } from "./utils";
|
|
5
5
|
declare type BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {
|
|
@@ -21,7 +21,7 @@ declare type BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {
|
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
|
-
export declare const GlobalOptionsProvider:
|
|
24
|
+
export declare const GlobalOptionsProvider: import("react").Provider<BasicUIPluginOptions>;
|
|
25
25
|
export declare function useGlobalOptions(): BasicUIPluginOptions;
|
|
26
26
|
export declare const basicUIPlugin: (options: BasicUIPluginOptions) => StackflowReactPlugin;
|
|
27
27
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
declare const AppBar:
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
|
|
3
3
|
borderColor: string;
|
|
4
4
|
borderSize: string;
|
|
5
5
|
height: string;
|
|
@@ -31,5 +31,5 @@ declare const AppBar: React.ForwardRefExoticComponent<Partial<Pick<{
|
|
|
31
31
|
border?: boolean | undefined;
|
|
32
32
|
modalPresentationStyle?: "fullScreen" | undefined;
|
|
33
33
|
onTopClick?: ((e: React.MouseEvent) => void) | undefined;
|
|
34
|
-
} &
|
|
34
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
35
35
|
export default AppBar;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { GlobalVars } from "../theme.css";
|
|
3
3
|
import type { PropOf } from "../utils";
|
|
4
4
|
import AppBar from "./AppBar";
|
|
@@ -9,7 +9,7 @@ export declare type AppScreenContext = {
|
|
|
9
9
|
};
|
|
10
10
|
export declare function useAppScreen(): AppScreenContext;
|
|
11
11
|
export declare type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
|
|
12
|
-
appBar?: Omit<PropOf<typeof AppBar>, "theme" | "ref" | "key">;
|
|
12
|
+
appBar?: Omit<PropOf<typeof AppBar>, "theme" | "modalPresentationStyle" | "ref" | "key">;
|
|
13
13
|
preventSwipeBack?: boolean;
|
|
14
14
|
modalPresentationStyle?: "fullScreen";
|
|
15
15
|
children: React.ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { GlobalVars } from "../theme.css";
|
|
3
3
|
export declare type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
|
|
4
4
|
onOutsideClick?: React.MouseEventHandler;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { GlobalVars } from "../theme.css";
|
|
3
3
|
export declare type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
|
|
4
4
|
onOutsideClick?: React.MouseEventHandler;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import type { ActivityTransitionState } from "@stackflow/core";
|
|
2
|
-
import type React from "react";
|
|
3
3
|
export declare function useStyleEffect<T extends HTMLElement>({ styleName, refs, effect, effectDeps, }: {
|
|
4
4
|
styleName: string;
|
|
5
5
|
refs: Array<React.RefObject<T>>;
|
package/dist/index.css
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2VUU/DIBCA3/crSHzRZDTtdFmC8ZcYs9BC24uFI8dVlxn/u910L0bXtT74QiChFD565fiCIkReCnVoHo1mLSPr6rnu8FWGrm/Ay1JHqGQPklvr7IP2hhDMk3hbCCHPTC+HgYaw90ZW2CEpcVXX9f0IZcD9QFJT6ut8Kb5qVqxvxhZi0j4CA3ppetKHByVyF8c4HcLQIVkiGUu/BZBvRgP4tlCEvVWiCLtLudZC07ISt9marJtG/fnv3fByXgBQDd88JXxVDOXuUpTtjmei8w7bicYXS4cJSrRgjPVjXInM6GRsreVTfkkb6OOQ4eNevS8mKFX1wRKDxyTVLKnybD1dq1W2+WevJkaQxPoUKztKs90WFYbg9nlyJl1EyZeLfSmSL+mOSc6cdeYDtZVO3xYNAAA= */
|
|
2
2
|
:root,
|
|
3
3
|
:root[data-stackflow-plugin-basic-ui-theme=android] {
|
|
4
4
|
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
5
5
|
--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
|
|
6
|
+
--stackflow-plugin-basic-ui-transition-duration: 0ms;
|
|
6
7
|
--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
|
|
7
8
|
--stackflow-plugin-basic-ui-app-bar-border-size: 1px;
|
|
8
9
|
--stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
|
|
9
|
-
--stackflow-plugin-basic-ui-app-bar-height-transition-duration:
|
|
10
|
+
--stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
|
|
10
11
|
--stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
|
|
11
12
|
--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
|
|
12
13
|
--stackflow-plugin-basic-ui-app-bar-text-color: #212124;
|
|
@@ -17,10 +18,11 @@
|
|
|
17
18
|
:root[data-stackflow-plugin-basic-ui-theme=cupertino] {
|
|
18
19
|
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
19
20
|
--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
|
|
21
|
+
--stackflow-plugin-basic-ui-transition-duration: 0ms;
|
|
20
22
|
--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
|
|
21
23
|
--stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
|
|
22
24
|
--stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
|
|
23
|
-
--stackflow-plugin-basic-ui-app-bar-height-transition-duration:
|
|
25
|
+
--stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
|
|
24
26
|
--stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
|
|
25
27
|
--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
|
|
26
28
|
--stackflow-plugin-basic-ui-app-bar-text-color: #212124;
|
|
@@ -31,10 +33,11 @@
|
|
|
31
33
|
.theme__1coppmz0 {
|
|
32
34
|
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
33
35
|
--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
|
|
36
|
+
--stackflow-plugin-basic-ui-transition-duration: 0ms;
|
|
34
37
|
--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
|
|
35
38
|
--stackflow-plugin-basic-ui-app-bar-border-size: 1px;
|
|
36
39
|
--stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
|
|
37
|
-
--stackflow-plugin-basic-ui-app-bar-height-transition-duration:
|
|
40
|
+
--stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
|
|
38
41
|
--stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
|
|
39
42
|
--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
|
|
40
43
|
--stackflow-plugin-basic-ui-app-bar-text-color: #212124;
|
|
@@ -45,10 +48,11 @@
|
|
|
45
48
|
.theme__1coppmz1 {
|
|
46
49
|
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
47
50
|
--stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
|
|
51
|
+
--stackflow-plugin-basic-ui-transition-duration: 0ms;
|
|
48
52
|
--stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
|
|
49
53
|
--stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
|
|
50
54
|
--stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
|
|
51
|
-
--stackflow-plugin-basic-ui-app-bar-height-transition-duration:
|
|
55
|
+
--stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
|
|
52
56
|
--stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
|
|
53
57
|
--stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
|
|
54
58
|
--stackflow-plugin-basic-ui-app-bar-text-color: #212124;
|
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-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-app-bar-overflow: hidden;\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-app-bar-overflow: hidden;\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-app-bar-overflow: hidden;\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-app-bar-overflow: hidden;\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\n .theme__1coppmz0 .AppScreen__1dlf434i,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434i\n {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n .AppScreen__1dlf4349 .AppScreen__1dlf434i,\n .AppScreen__1dlf434a .AppScreen__1dlf434i\n {\n opacity: 1;\n}\n\n .AppScreen__1dlf434b .AppScreen__1dlf434i,\n .AppScreen__1dlf434c .AppScreen__1dlf434i\n {\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\n .theme__1coppmz1 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j\n {\n transform: translate3d(100%, 0, 0);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n .theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j\n {\n transform: translate3d(0, 0, 0);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j\n {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n .theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j\n {\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\n .theme__1coppmz1 .AppScreen_presentModalFullScreen_true__1dlf434l,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen_presentModalFullScreen_true__1dlf434l\n {\n transform: translate3d(0, 100%, 0);\n}\n.AppScreen__1dlf434m {\n width: 1.25rem;\n z-index: var(--zIndexes-edge__1dlf4343);\n}\n.AppScreen_hasAppBar_true__1dlf434n {\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 overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n.AppBar__1yk3a452 {\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\n .theme__1coppmz1 .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a452\n {\n position: absolute;\n}\n\n .theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a452\n {\n transform: translate3d(100%, 0, 0);\n transition: 0s;\n}\n\n .theme__1coppmz0 .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a452\n {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a452,\n .theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.AppBar_border_true__1yk3a453 {\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\n .theme__1coppmz1 .AppBar_presentModalFullScreen_true__1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar_presentModalFullScreen_true__1yk3a454\n {\n transform: translate3d(0, 100vh, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a454,\n .theme__1coppmz1 .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a454\n {\n transform: translate3d(0, 100vh, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n.AppBar__1yk3a455 {\n height: constant(safe-area-inset-top);\n height: env(safe-area-inset-top);\n}\n.AppBar__1yk3a456 {\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__1yk3a457 {\n padding: 0 0.5rem;\n}\n.AppBar__1yk3a457:empty {\n display: none;\n}\n.AppBar__1yk3a458 {\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__1yk3a458:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n.AppBar__1yk3a45b {\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\n .theme__1coppmz0 .AppBar__1yk3a45b,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45b\n {\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\n .theme__1coppmz1 .AppBar__1yk3a45b,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b\n {\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\n .theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45c,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45c\n {\n padding-left: 0.375rem;\n}\n.AppBar__1yk3a45d {\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\n .theme__1coppmz1 .AppBar__1yk3a45d,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45d\n {\n display: block;\n}\n.AppBar__1yk3a45e {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n.AppBar__1yk3a45f {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n.AppBar__1yk3a45f:empty {\n display: none;\n}\n\n .theme__1coppmz0 .AppBar__1yk3a45f,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45f\n {\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;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;
|
|
3
|
+
"sources": ["vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2VUU/DIBCA3/crSHzRZDTtdFmC8ZcYs9BC24uFI8dVlxn/u910L0bXtT74QiChFD565fiCIkReCnVoHo1mLSPr6rnu8FWGrm/Ay1JHqGQPklvr7IP2hhDMk3hbCCHPTC+HgYaw90ZW2CEpcVXX9f0IZcD9QFJT6ut8Kb5qVqxvxhZi0j4CA3ppetKHByVyF8c4HcLQIVkiGUu/BZBvRgP4tlCEvVWiCLtLudZC07ISt9marJtG/fnv3fByXgBQDd88JXxVDOXuUpTtjmei8w7bicYXS4cJSrRgjPVjXInM6GRsreVTfkkb6OOQ4eNevS8mKFX1wRKDxyTVLKnybD1dq1W2+WevJkaQxPoUKztKs90WFYbg9nlyJl1EyZeLfSmSL+mOSc6cdeYDtZVO3xYNAAA=", "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/aMBC98yt8qQRqjMKy/QrqoVVVqYeeeqyq1WCbxGBsy3Ggpep/r52EkCxJCHS3K6TF2DPvzczzjKcftP5GDGPy4WFGxep+fv8a/R4htASyiY3KJMVECWUitAMzxji1bmMl1B5rkcVc4iWknOCMY8q3+LHVZDH6M5qeY7y5EWOo/7e5f2tAptxyJaPi+0qZbYlx2vuUGfD/K+NwEiClgXD7a8jhDgrkRMHDlgwEWDan41kYvghQ6D5d5jw3L2lEKFy41QFzSdnPY5oOX/yKpT7zld1s4k/uuRCYJCBjFh2deCC3VfxNbcK2zFkRpfX2EKI2CkF1PDJK2e8ULPQUJ3f5HiQ1itMfrR6PDn1sCeNxYiM0Cw3bLhpyiJDgkoHBsQHKmbTjm8QXIBMvYRwWmfbJnjSTcM7w3YVEtOzCxUirKs4uwS+vhyfD4cMOra2LYztm8ty6kykxSghfFLxnyw23uNottriMnaJVRpI+YWrQzFQwd+fSrK5HF7MoOhIocJdgcrKUp1qAYyqVZI2snml71pagdVAzuELdJHMRWS5Vq77XJ6fDL/+VzFsV+jzhXIYaQrj1fjwP4XaoQUUJB1WktU/eGktfp3xEujkHukPIe+mNYTypsPpiu1pWrXSfVFZ9dIeIqt7hB0ms5jKB1C0+gnmwJmMVwuY/PmECpIFS19OxVfriIwy0dguDiwFe84xp6Tpv9DWXESIgyMUh3nQ8QS8RUdIdd/M/hRXDYBi4SZMy651OngyFyV0XQOMW9fc7bVjqnipfFQXxOROi/LlRVBE03P1z4xuEWYfs74DlZOp6k25z8z2nNnFKn969Kh9uXeOf0fhEYz5Q97Lg6Mt5ZSUXtUdlrgQfDsLXuvE8/wIwJxtwFw0AAA==", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81YS2/cNhC+76/QpcC6MAVpH7GzRg8NigAFmlMOPRSFQYnUijVFCiS1Xm/R/16Sej8jOZvEhgHvksN5fDPzcWj31zT9AMXjo//ytIW7vef8u3KchDAQY3KM1cE5QbEGQCoYPkWUP4OUZke9HUBJQpARANNUfxGgPnPzsPpv5XYU+1YxP2FhtMxXW54YVLqxSgOt4yh4xhAIOeVivvLuSW3EcS6AMITPpZbL7+YbluZQbhvRaLfd7azwM6EUhDFkR3xwlIBMRlwktw5PYUjUi3FaS5U/ropxgrWKkKdpcvGdXkC3DemD4Fz9haCCE6FYjb+EWYqFIoz/3VdZazRgpVwSRTg7ODCQnGYKz/HxcygwZlXswbdy/Mt22tFUiBfgU6jwFq19z/vp1vH0r02S3Sqi9uR0vN7VQoMMCU7QFzNSlIp27WE8Ih2L7wmcDIVUHSkqtt77LRPQ/K0A9W6q0pwjPAeqTsrefxv8llmZ4yj8Lo4OWBnJvj+d/aKYaw4MuEBYPCqR4Ur3NudDfgYyhsjQLGESK8dLz04IabgGvvPzfHa0FoAkF3xz43hLz5WM2iqhCQ5MBZaYqU8cQfoxo7RAshXg7ral6+sYcpbBpr0JxrH96Z3iH9qf88j7/Y9B/JpezAkTvokwF3oxv9oqPlgMTPAmgFnoxZtvwy7N762b5RAdcqbhYmotYYQBFBgCy8xA8dQ6WgpidhqR6Zt41zIxl52rGb2NTr68UEsDFoAKXAZdvctnT4gQYUc96Tieu9fTzKDoASepxt0cQESmFOrLkXGGh4TvrdjCqZ/obDTm/SYKZdK3npfIfL5HKj44G3eT+1vjvXHvxkK4P8BQkRPujHfuZsxcPpR21QT2fOFBHlz+BgGh7hd9wyaQsD/NdlWLexvRQjwUPqsRPK5bFasRmurP3EHNOteYuINVgzoKQM0bwYT7TyYViV40ABpTphMbUXw2poR6qGsWUBzpPb8ogkgL28FIL7n+/V1ZHJQwXL2cfXdfyT4XawGn6KGc0cjFdkMxL+mlKZD6j8XXgTTxVGzBNPRQbHSkQcksQEqODBCFE6lpztblIKr1li03e6y5alGKYEKoVm4KimIgX6QyT54PGtanTzD8bL9/1JI9XN95XjcvZUps4vZ5soeujTXQmy0Sfg2V8nQGy1upKYqfuszrLomh/ENH1b4iw1df1L22GdbfvYLbneG521E+RFa+lYi6Rypinc5NAs+g6NzyQOd2eAVVLuk2dO1uQ81uq2IJKA+fhkDMbxPbPPV/0TClJJVEdmqfsBgL0u+Sar2vPhq7oQ30wkSW5w9mig+en7q25xN/dF3ij1qM1g3OfNDu/Q+6jNVABBUAAA==", "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-transition-duration: 0ms;\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: 0ms;\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-app-bar-overflow: hidden;\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-transition-duration: 0ms;\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: 0ms;\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-app-bar-overflow: hidden;\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-transition-duration: 0ms;\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: 0ms;\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-app-bar-overflow: hidden;\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-transition-duration: 0ms;\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: 0ms;\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-app-bar-overflow: hidden;\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\n .theme__1coppmz0 .AppScreen__1dlf434i,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434i\n {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n .AppScreen__1dlf4349 .AppScreen__1dlf434i,\n .AppScreen__1dlf434a .AppScreen__1dlf434i\n {\n opacity: 1;\n}\n\n .AppScreen__1dlf434b .AppScreen__1dlf434i,\n .AppScreen__1dlf434c .AppScreen__1dlf434i\n {\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\n .theme__1coppmz1 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j\n {\n transform: translate3d(100%, 0, 0);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n .theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j\n {\n transform: translate3d(0, 0, 0);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j\n {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j,\n .theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j\n {\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\n .theme__1coppmz1 .AppScreen_presentModalFullScreen_true__1dlf434l,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen_presentModalFullScreen_true__1dlf434l\n {\n transform: translate3d(0, 100%, 0);\n}\n.AppScreen__1dlf434m {\n width: 1.25rem;\n z-index: var(--zIndexes-edge__1dlf4343);\n}\n.AppScreen_hasAppBar_true__1dlf434n {\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 overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n.AppBar__1yk3a452 {\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\n .theme__1coppmz1 .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a452\n {\n position: absolute;\n}\n\n .theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a452\n {\n transform: translate3d(100%, 0, 0);\n transition: 0s;\n}\n\n .theme__1coppmz0 .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a452\n {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n\n .theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a452,\n .theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a452,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.AppBar_border_true__1yk3a453 {\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\n .theme__1coppmz1 .AppBar_presentModalFullScreen_true__1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar_presentModalFullScreen_true__1yk3a454\n {\n transform: translate3d(0, 100vh, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a454,\n .theme__1coppmz1 .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n\n .theme__1coppmz1 .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a454,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a454\n {\n transform: translate3d(0, 100vh, 0);\n transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);\n}\n.AppBar__1yk3a455 {\n height: constant(safe-area-inset-top);\n height: env(safe-area-inset-top);\n}\n.AppBar__1yk3a456 {\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__1yk3a457 {\n padding: 0 0.5rem;\n}\n.AppBar__1yk3a457:empty {\n display: none;\n}\n.AppBar__1yk3a458 {\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__1yk3a458:active {\n opacity: 0.2;\n transition: opacity 0s;\n}\n.AppBar__1yk3a45b {\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\n .theme__1coppmz0 .AppBar__1yk3a45b,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45b\n {\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\n .theme__1coppmz1 .AppBar__1yk3a45b,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b\n {\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\n .theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45c,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45c\n {\n padding-left: 0.375rem;\n}\n.AppBar__1yk3a45d {\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\n .theme__1coppmz1 .AppBar__1yk3a45d,\n :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45d\n {\n display: block;\n}\n.AppBar__1yk3a45e {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n.AppBar__1yk3a45f {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n.AppBar__1yk3a45f:empty {\n display: none;\n}\n\n .theme__1coppmz0 .AppBar__1yk3a45f,\n :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45f\n {\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;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC1DF;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;AAGM;AAAA;AAGN;AACA;AAAA;AAGM;AAAA;AAGN;AAAA;AAGM;AAAA;AAGN;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGQ;AAAA;AAGR;AAAA;AAGQ;AAAA;AAAA;AAAA;AAKR;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAGQ;AAAA;AAAA;AAAA;AAKR;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAGU;AAAA;AAGV;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;;;AC5FF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGQ;AAAA;AAGR;AAAA;AAGQ;AAAA;AAGR;AACA;AAAA;AAGQ;AAAA;AAGR;AACA;AACA;AAAA;AAGQ;AAAA;AAAA;AAAA;AAKR;AACA;AAAA;AAEF;AACE;AAAA;AAGU;AAAA;AAGV;AACA;AAAA;AAGU;AAAA;AAAA;AAAA;AAKV;AAAA;AAGU;AAAA;AAGV;AACA;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;AAGM;AAAA;AAGN;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGM;AAAA;AAGN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGU;AAAA;AAGV;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGM;AAAA;AAGN;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAGM;AAAA;AAGN;AAAA;;;ACjKF;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
|
}
|