@stackflow/plugin-basic-ui 1.7.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/IconBack.d.ts +0 -1
- package/dist/assets/IconClose.d.ts +0 -1
- package/dist/basicUIPlugin.css.d.ts +32 -6
- package/dist/basicUIPlugin.d.ts +1 -2
- package/dist/components/AppBar.css.d.ts +2 -2
- package/dist/components/AppBar.d.ts +17 -18
- package/dist/components/AppScreen.css.d.ts +19 -18
- package/dist/components/AppScreen.d.ts +2 -3
- package/dist/components/BottomSheet.css.d.ts +6 -6
- package/dist/components/BottomSheet.d.ts +1 -2
- package/dist/components/Modal.css.d.ts +6 -6
- package/dist/components/Modal.d.ts +1 -2
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useMaxWidth.d.ts +0 -1
- package/dist/hooks/useStyleEffect.d.ts +1 -2
- package/dist/hooks/useStyleEffectHide.d.ts +0 -1
- package/dist/hooks/useStyleEffectOffset.d.ts +0 -1
- package/dist/hooks/useStyleEffectSwipeBack.d.ts +0 -1
- package/dist/hooks/useZIndexBase.d.ts +1 -0
- package/dist/index.css +9 -8
- package/dist/index.css.map +3 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.js +25 -19
- package/dist/index.js.map +4 -4
- package/dist/index.mjs +25 -19
- package/dist/index.mjs.map +4 -4
- package/dist/utils/PropOf.d.ts +1 -2
- package/dist/utils/RecursivePartial.d.ts +1 -1
- package/dist/utils/last.d.ts +1 -1
- package/package.json +12 -25
- package/src/basicUIPlugin.css.ts +32 -32
- package/src/basicUIPlugin.tsx +2 -2
- package/src/components/AppBar.tsx +5 -5
- package/src/components/AppScreen.css.ts +7 -6
- package/src/components/AppScreen.tsx +2 -2
- package/src/components/BottomSheet.tsx +8 -5
- package/src/components/Modal.tsx +8 -5
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useStyleEffect.ts +1 -1
- package/src/hooks/useStyleEffectHide.ts +0 -2
- package/src/hooks/useStyleEffectOffset.ts +1 -5
- package/src/hooks/useStyleEffectSwipeBack.ts +1 -3
- package/src/hooks/useZIndexBase.ts +6 -0
- package/src/index.ts +1 -0
- package/src/utils/last.ts +1 -1
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const globalVars: MapLeafNodes<{
|
|
1
|
+
declare const GLOBAL_VARS: {
|
|
3
2
|
backgroundColor: string;
|
|
4
3
|
dimBackgroundColor: string;
|
|
5
4
|
transitionDuration: string;
|
|
@@ -26,12 +25,39 @@ export declare const globalVars: MapLeafNodes<{
|
|
|
26
25
|
modal: {
|
|
27
26
|
borderRadius: string;
|
|
28
27
|
};
|
|
29
|
-
}
|
|
30
|
-
declare
|
|
31
|
-
|
|
28
|
+
};
|
|
29
|
+
export declare const globalVars: {
|
|
30
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
|
+
dimBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
|
+
transitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
33
|
+
computedTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
34
|
+
appBar: {
|
|
35
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
36
|
+
borderColorTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
37
|
+
borderSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
38
|
+
height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
39
|
+
heightTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
40
|
+
minHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
41
|
+
iconColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
|
+
iconColorTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
+
textColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
44
|
+
textColorTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
45
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
|
+
backgroundColorTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
|
+
overflow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
|
+
minSafeAreaInsetTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
|
+
};
|
|
50
|
+
bottomSheet: {
|
|
51
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
|
+
};
|
|
53
|
+
modal: {
|
|
54
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export type GlobalVars = typeof GLOBAL_VARS;
|
|
32
58
|
export declare const android: string;
|
|
33
59
|
export declare const cupertino: string;
|
|
34
|
-
export declare const stackWrapper: import("@vanilla-extract/recipes
|
|
60
|
+
export declare const stackWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
35
61
|
theme: {
|
|
36
62
|
android: string;
|
|
37
63
|
cupertino: string;
|
package/dist/basicUIPlugin.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { StackflowReactPlugin } from "@stackflow/react";
|
|
3
2
|
import * as css from "./basicUIPlugin.css";
|
|
4
3
|
import type { RecursivePartial } from "./utils";
|
|
5
|
-
|
|
4
|
+
type BasicUIPluginOptions = RecursivePartial<css.GlobalVars> & {
|
|
6
5
|
theme: "android" | "cupertino";
|
|
7
6
|
rootClassName?: string;
|
|
8
7
|
appBar?: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const appBar: import("@vanilla-extract/recipes
|
|
1
|
+
export declare const appBar: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
2
2
|
border: {
|
|
3
3
|
true: {
|
|
4
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})`;
|
|
@@ -39,7 +39,7 @@ export declare const left: string;
|
|
|
39
39
|
export declare const backButton: string;
|
|
40
40
|
export declare const closeButton: string;
|
|
41
41
|
export declare const center: string;
|
|
42
|
-
export declare const centerMain: import("@vanilla-extract/recipes
|
|
42
|
+
export declare const centerMain: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
43
43
|
hasLeft: {
|
|
44
44
|
true: {
|
|
45
45
|
selectors: {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
|
|
3
2
|
borderColor: string;
|
|
4
3
|
borderColorTransitionDuration: string;
|
|
@@ -16,26 +15,26 @@ declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
|
|
|
16
15
|
minSafeAreaInsetTop: string;
|
|
17
16
|
}, "height" | "backgroundColor" | "borderColor" | "overflow" | "borderColorTransitionDuration" | "borderSize" | "heightTransitionDuration" | "iconColor" | "iconColorTransitionDuration" | "textColor" | "textColorTransitionDuration" | "backgroundColorTransitionDuration">> & {
|
|
18
17
|
title?: React.ReactNode;
|
|
19
|
-
renderLeft?: (
|
|
20
|
-
renderRight?: (
|
|
18
|
+
renderLeft?: () => React.ReactNode;
|
|
19
|
+
renderRight?: () => React.ReactNode;
|
|
21
20
|
backButton?: {
|
|
22
|
-
renderIcon?: (
|
|
23
|
-
ariaLabel?: string
|
|
24
|
-
onClick?: (
|
|
21
|
+
renderIcon?: () => React.ReactNode;
|
|
22
|
+
ariaLabel?: string;
|
|
23
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
25
24
|
} | {
|
|
26
|
-
render?: (
|
|
27
|
-
}
|
|
25
|
+
render?: () => React.ReactNode;
|
|
26
|
+
};
|
|
28
27
|
closeButton?: {
|
|
29
|
-
renderIcon?: (
|
|
30
|
-
ariaLabel?: string
|
|
31
|
-
onClick?: (
|
|
28
|
+
renderIcon?: () => React.ReactNode;
|
|
29
|
+
ariaLabel?: string;
|
|
30
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
32
31
|
} | {
|
|
33
|
-
render?: (
|
|
34
|
-
}
|
|
35
|
-
closeButtonLocation?: "left" | "right"
|
|
36
|
-
border?: boolean
|
|
37
|
-
modalPresentationStyle?: "fullScreen"
|
|
38
|
-
activityEnterStyle?: "slideInLeft"
|
|
39
|
-
onTopClick?: (
|
|
32
|
+
render?: () => React.ReactNode;
|
|
33
|
+
};
|
|
34
|
+
closeButtonLocation?: "left" | "right";
|
|
35
|
+
border?: boolean;
|
|
36
|
+
modalPresentationStyle?: "fullScreen";
|
|
37
|
+
activityEnterStyle?: "slideInLeft";
|
|
38
|
+
onTopClick?: (e: React.MouseEvent) => void;
|
|
40
39
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
41
40
|
export default AppBar;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export declare const vars:
|
|
2
|
-
transitionDuration:
|
|
1
|
+
export declare const vars: {
|
|
2
|
+
transitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3
3
|
zIndexes: {
|
|
4
|
-
dim:
|
|
5
|
-
paper:
|
|
6
|
-
edge:
|
|
7
|
-
appBar:
|
|
4
|
+
dim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
+
paper: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
+
edge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
|
+
appBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8
8
|
};
|
|
9
9
|
appBar: {
|
|
10
10
|
center: {
|
|
11
|
-
mainWidth:
|
|
11
|
+
mainWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
|
-
}
|
|
14
|
+
};
|
|
15
15
|
export declare const background: string;
|
|
16
16
|
export declare const allTransitions: string;
|
|
17
17
|
export declare const enterActive: string;
|
|
18
18
|
export declare const enterDone: string;
|
|
19
19
|
export declare const exitActive: string;
|
|
20
20
|
export declare const exitDone: string;
|
|
21
|
-
export declare const appScreen: import("@vanilla-extract/recipes
|
|
21
|
+
export declare const appScreen: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
22
22
|
transitionState: {
|
|
23
23
|
"enter-active": string;
|
|
24
24
|
"enter-done": string;
|
|
@@ -27,17 +27,18 @@ export declare const appScreen: import("@vanilla-extract/recipes/dist/declaratio
|
|
|
27
27
|
};
|
|
28
28
|
}>;
|
|
29
29
|
export declare const dim: string;
|
|
30
|
-
export declare const paper: import("@vanilla-extract/recipes
|
|
30
|
+
export declare const paper: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
31
31
|
hasAppBar: {
|
|
32
32
|
true: (string | {
|
|
33
|
-
transition: `transform var(--${string}), opacity var(--${string}),
|
|
34
|
-
|
|
33
|
+
transition: `transform var(--${string}), opacity var(--${string}), margin-top var(--${string})` | `transform var(--${string}), opacity var(--${string}), margin-top var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}), margin-top var(--${string}, ${number})` | `transform var(--${string}), opacity var(--${string}, ${string}), margin-top var(--${string})` | `transform var(--${string}), opacity var(--${string}, ${string}), margin-top var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}, ${string}), margin-top var(--${string}, ${number})` | `transform var(--${string}), opacity var(--${string}, ${number}), margin-top var(--${string})` | `transform var(--${string}), opacity var(--${string}, ${number}), margin-top var(--${string}, ${string})` | `transform var(--${string}), opacity var(--${string}, ${number}), margin-top var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}), margin-top var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}), margin-top var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}), margin-top var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), margin-top var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), margin-top var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${string}), margin-top var(--${string}, ${number})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), margin-top var(--${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), margin-top var(--${string}, ${string})` | `transform var(--${string}, ${string}), opacity var(--${string}, ${number}), margin-top var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}), margin-top var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}), margin-top var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}), margin-top var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), margin-top var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), margin-top var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${string}), margin-top var(--${string}, ${number})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), margin-top var(--${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), margin-top var(--${string}, ${string})` | `transform var(--${string}, ${number}), opacity var(--${string}, ${number}), margin-top var(--${string}, ${number})`;
|
|
34
|
+
marginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
35
|
+
height: `calc(100% - var(--${string}))` | `calc(100% - var(--${string}, ${string}))` | `calc(100% - var(--${string}, ${number}))`;
|
|
35
36
|
"@supports": {
|
|
36
|
-
"(
|
|
37
|
-
|
|
37
|
+
"(margin-top: constant(safe-area-inset-top))": {
|
|
38
|
+
marginTop: `calc(var(--${string}) + max(var(--${string}), constant(safe-area-inset-top)))` | `calc(var(--${string}) + max(var(--${string}, ${string}), constant(safe-area-inset-top)))` | `calc(var(--${string}) + max(var(--${string}, ${number}), constant(safe-area-inset-top)))` | `calc(var(--${string}, ${string}) + max(var(--${string}), constant(safe-area-inset-top)))` | `calc(var(--${string}, ${string}) + max(var(--${string}, ${string}), constant(safe-area-inset-top)))` | `calc(var(--${string}, ${string}) + max(var(--${string}, ${number}), constant(safe-area-inset-top)))` | `calc(var(--${string}, ${number}) + max(var(--${string}), constant(safe-area-inset-top)))` | `calc(var(--${string}, ${number}) + max(var(--${string}, ${string}), constant(safe-area-inset-top)))` | `calc(var(--${string}, ${number}) + max(var(--${string}, ${number}), constant(safe-area-inset-top)))`;
|
|
38
39
|
};
|
|
39
|
-
"(
|
|
40
|
-
|
|
40
|
+
"(margin-top: env(safe-area-inset-top))": {
|
|
41
|
+
marginTop: `calc(var(--${string}) + max(var(--${string}), env(safe-area-inset-top)))` | `calc(var(--${string}) + max(var(--${string}, ${string}), env(safe-area-inset-top)))` | `calc(var(--${string}) + max(var(--${string}, ${number}), env(safe-area-inset-top)))` | `calc(var(--${string}, ${string}) + max(var(--${string}), env(safe-area-inset-top)))` | `calc(var(--${string}, ${string}) + max(var(--${string}, ${string}), env(safe-area-inset-top)))` | `calc(var(--${string}, ${string}) + max(var(--${string}, ${number}), env(safe-area-inset-top)))` | `calc(var(--${string}, ${number}) + max(var(--${string}), env(safe-area-inset-top)))` | `calc(var(--${string}, ${number}) + max(var(--${string}, ${string}), env(safe-area-inset-top)))` | `calc(var(--${string}, ${number}) + max(var(--${string}, ${number}), env(safe-area-inset-top)))`;
|
|
41
42
|
};
|
|
42
43
|
};
|
|
43
44
|
})[];
|
|
@@ -61,10 +62,10 @@ export declare const paper: import("@vanilla-extract/recipes/dist/declarations/s
|
|
|
61
62
|
};
|
|
62
63
|
};
|
|
63
64
|
}>;
|
|
64
|
-
export declare const edge: import("@vanilla-extract/recipes
|
|
65
|
+
export declare const edge: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
65
66
|
hasAppBar: {
|
|
66
67
|
true: {
|
|
67
|
-
top:
|
|
68
|
+
top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
69
|
height: `calc(100% - var(--${string}))` | `calc(100% - var(--${string}, ${string}))` | `calc(100% - var(--${string}, ${number}))`;
|
|
69
70
|
};
|
|
70
71
|
};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { GlobalVars } from "../basicUIPlugin.css";
|
|
3
2
|
import type { PropOf } from "../utils";
|
|
4
3
|
import AppBar from "./AppBar";
|
|
5
|
-
export
|
|
4
|
+
export type AppScreenContext = {
|
|
6
5
|
scroll: (args: {
|
|
7
6
|
top: number;
|
|
8
7
|
}) => void;
|
|
9
8
|
};
|
|
10
9
|
export declare function useAppScreen(): AppScreenContext;
|
|
11
|
-
export
|
|
10
|
+
export type AppScreenProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & {
|
|
12
11
|
appBar?: Omit<PropOf<typeof AppBar>, "theme" | "modalPresentationStyle" | "ref" | "key">;
|
|
13
12
|
preventSwipeBack?: boolean;
|
|
14
13
|
CUPERTINO_ONLY_modalPresentationStyle?: "fullScreen";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export declare const vars:
|
|
2
|
-
transitionDuration:
|
|
1
|
+
export declare const vars: {
|
|
2
|
+
transitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3
3
|
zIndexes: {
|
|
4
|
-
dim:
|
|
5
|
-
paper:
|
|
4
|
+
dim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
+
paper: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
6
|
};
|
|
7
|
-
}
|
|
7
|
+
};
|
|
8
8
|
export declare const enterActive: string;
|
|
9
9
|
export declare const enterDone: string;
|
|
10
10
|
export declare const exitActive: string;
|
|
11
11
|
export declare const exitDone: string;
|
|
12
|
-
export declare const container: import("@vanilla-extract/recipes
|
|
12
|
+
export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
13
13
|
transitionState: {
|
|
14
14
|
"enter-active": string;
|
|
15
15
|
"enter-done": string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { GlobalVars } from "../basicUIPlugin.css";
|
|
3
|
-
export
|
|
2
|
+
export type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
|
|
4
3
|
paperRef?: React.Ref<HTMLDivElement>;
|
|
5
4
|
onOutsideClick?: React.MouseEventHandler;
|
|
6
5
|
children: React.ReactNode;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export declare const vars:
|
|
2
|
-
transitionDuration:
|
|
1
|
+
export declare const vars: {
|
|
2
|
+
transitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3
3
|
zIndexes: {
|
|
4
|
-
dim:
|
|
5
|
-
paper:
|
|
4
|
+
dim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
+
paper: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
6
|
};
|
|
7
|
-
}
|
|
7
|
+
};
|
|
8
8
|
export declare const enterActive: string;
|
|
9
9
|
export declare const enterDone: string;
|
|
10
10
|
export declare const exitActive: string;
|
|
11
11
|
export declare const exitDone: string;
|
|
12
|
-
export declare const container: import("@vanilla-extract/recipes
|
|
12
|
+
export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
13
13
|
transitionState: {
|
|
14
14
|
"enter-active": string;
|
|
15
15
|
"enter-done": string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { GlobalVars } from "../basicUIPlugin.css";
|
|
3
|
-
export
|
|
2
|
+
export type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
|
|
4
3
|
onOutsideClick?: React.MouseEventHandler;
|
|
5
4
|
children: React.ReactNode;
|
|
6
5
|
};
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { ActivityTransitionState } from "@stackflow/core";
|
|
3
2
|
export declare function useStyleEffect<T extends HTMLElement>({ styleName, refs, effect, effectDeps, }: {
|
|
4
3
|
styleName: string;
|
|
@@ -6,6 +5,6 @@ export declare function useStyleEffect<T extends HTMLElement>({ styleName, refs,
|
|
|
6
5
|
effect?: (params: {
|
|
7
6
|
activityTransitionState: ActivityTransitionState;
|
|
8
7
|
refs: Array<React.RefObject<T>>;
|
|
9
|
-
}) => (() => void) |
|
|
8
|
+
}) => (() => void) | undefined;
|
|
10
9
|
effectDeps?: any[];
|
|
11
10
|
}): void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useZIndexBase(): number;
|
package/dist/index.css
CHANGED
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
background: none;
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
/* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#
|
|
150
|
+
/* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUeQ7G5b59I3qQbjEBNjU2OSTat99woDCZBAsqtKVTkhjefzPzO/Z/kjSuT2af30Ar8XADGyfWp0pRLCtNSGwgGNR0hpke23Uh9JIatUKBJjKRipBElETsZZ/mbxtlh25C8fJM9TvzqqNahKYYVWtPnfapO35O5k6AegC2TCnq4iAyS7IGtMS5Ro+TrxojD8FEAYwChJuKSWTyHcLAB+EaES/kpH10V+HTwKKQnboUo57fJa4s+XJFtlIYzgOy7SnaUQhYbnm0EvKUihOBqSGkwEV9b70LwCMGmMXtgUWNfoilyA+85yvvWUBeMg9oJNbNCY6BYwngOyeWA4GEPWBA/cuKpPFEpmtJR1u8iRx3thyTnahIRKKVhdsd3MzFbXMzsbZCiA0u6eBh+jcZoSURYSTxSUVnww6AhG8h+zXtsn16krUG9EWTB7sjevrDs4IyIcmv/KqtmNdzCNclaeLih8uKDwfkF9Cz5aXoPZ/5UdE0COpn6DVhd3lx4WBYnRkObNk8vdJKkM1j/OkBfi/T06RLr0bqMwlMzZC8h7Mf6UleUdF7VunjRSPpf/fHsJK5dzFIndUYiWq+d2UU486vUwWzc3/uNefi+rotDGluD1p8u0Ki0q65W45QQNRyJUyW0d9X2nfOTXoTucrHfqgc+Q4+vDWblQ5Ja64I5417636dK5OvyXVU/q7gr+Aw6qAIx1CQAA */
|
|
151
151
|
._1dlf4346 {
|
|
152
152
|
background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
|
|
153
153
|
}
|
|
@@ -206,8 +206,9 @@
|
|
|
206
206
|
transition:
|
|
207
207
|
transform var(--_1dlf4340),
|
|
208
208
|
opacity var(--_1dlf4340),
|
|
209
|
-
|
|
210
|
-
|
|
209
|
+
margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
|
|
210
|
+
margin-top: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
211
|
+
height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
|
|
211
212
|
}
|
|
212
213
|
._1q6dj2j1 ._1dlf434l {
|
|
213
214
|
transform: translate3d(0, 100%, 0);
|
|
@@ -223,18 +224,18 @@
|
|
|
223
224
|
top: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
224
225
|
height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
|
|
225
226
|
}
|
|
226
|
-
@supports (
|
|
227
|
+
@supports (margin-top: constant(safe-area-inset-top)) {
|
|
227
228
|
._1dlf434k {
|
|
228
|
-
|
|
229
|
+
margin-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));
|
|
229
230
|
}
|
|
230
231
|
}
|
|
231
|
-
@supports (
|
|
232
|
+
@supports (margin-top: env(safe-area-inset-top)) {
|
|
232
233
|
._1dlf434k {
|
|
233
|
-
|
|
234
|
+
margin-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));
|
|
234
235
|
}
|
|
235
236
|
}
|
|
236
237
|
|
|
237
|
-
/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+
|
|
238
|
+
/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YyZLbIBC9+yu4TJWdEirkZRb5lkNuOeUDphBCNmMECuBtUvPvKaFdsuSlXDlMxicbNU3369ePlt1X77iZ4fkCgT8jAGIm4Jqy1dr4YIfVGEJtMNlEXO5hwrcrJmCANSNwyyBOEhhgBas9k+XoY+QWHj3rUe6oSrdf7q/Y0fQ2td4CTDYrJbcihERyqS732t45WY4AeIdMhPRQeHn1Qh7NZ/O5fbhnnEOyxmJFfWAUFjqSKnaATDBh5pia2FVmmBR+J7SbI4OVVxhuFU6/TBwQyAPUaxzK/eWepQqpGvCaI/z7MXybvnmgBXYii9xwoCXfGtq1zwAL2ltLuHLkODZ0Fo49hB4cgByAJp8BPqfKEyDdAAe1EclZ4wO07McHOcBDisafEaBmi6FJ2UidJymQI5B/mohmJi81cJ1BS1yzLAwb1fCGq5FTtaZDs0yHSrB8wISmBqDkAAjmZAw98O1aBDV7p5MJQDch39vF86FWtFRDu/UX1UoC1SjknSTb3DljW6PbvDIdrkKdYkPC+lXNi6p5SoEXN/d8R1CCttf/+KbLYHi0MBRDY4wP42sGR40jCrGiGFoZhUYmEwcQKbTBwoxPPbaA3vc8KnZ9R9UyfWpkeump5WjcZEG2fKWXoSEui/E5m9xwGDKx8gECyF0oGjdtfBon5mgtQ6YTjo8+EFLQhtWLfX7llM2IFLX5up5w0bQzhGLtgOuoX/ntgSAd10Oz9sHUnWYJV5Wauk8dDF58TAzb0dZs5k77wkb3j7kWDrFx5Ck0ZW1hs7uyDoYeTE8d7ke8awGpgjr/MlJT7wY2qa6mGb1ttWHRERIpDBXGBxGnhzQGZZZVA0BOI+MDLydEJIWxs5YPPNd7fiqIwpmg5Wuv5y5K232+FkgeLouxj73b1so1M5CHvvmL9L5F1foujTtdwJytBGSGxtoHhApD1ck8q0cWTrutvmrjjnDM+NEHKfScQn3UJn2p+M6Z2PzE5Jf9/UMK08n0EaE2UgVIFspFBv+pW28MF+ihIc63SKRM/t0lcsfDzt0gHVaHdaHOeYrcWVepMolqoF9RtdS64YLE+ADzBio2tIR/QHxOk5s2r4+AS7JpxB1l41FK0uo/IMo5SzTTLY4xsaaKddlYrtf8rvpuuDRNlZYtwwpvjWxuPHPtdUrUc1L6ZTn6+Aug9GYkOhMAAA== */
|
|
238
239
|
._1yk3a450 {
|
|
239
240
|
min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
|
|
240
241
|
}
|
package/dist/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#
|
|
4
|
-
"sourcesContent": ["._1q6dj2j0 {\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: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\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: 0s;\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-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j1 {\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: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\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: 0s;\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-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\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: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\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: 0s;\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-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n: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: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\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: 0s;\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-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j5 {\n pointer-events: none;\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 flex: 1;\n}\n.dhthxq9 {\n align-items: center;\n}\n.dhthxqa {\n align-items: flex-end;\n}\n.dhthxqb {\n justify-content: center;\n}\n.dhthxqc {\n overflow: hidden;\n}\n.dhthxqd {\n white-space: nowrap;\n}\n.dhthxqe {\n text-align: center;\n}\n.dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n box-sizing: border-box;\n}\n.dhthxqh {\n box-sizing: content-box;\n}\n.dhthxqi {\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: translate3d(100%, 0, 0);\n}\n._1dlf434i {\n opacity: 0;\n z-index: var(--_1dlf4341);\n will-change: opacity;\n}\n._1q6dj2j0 ._1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf4349 ._1dlf434i,\n ._1dlf434a ._1dlf434i\n {\n opacity: 1;\n}\n\n ._1dlf434b ._1dlf434i,\n ._1dlf434c ._1dlf434i\n {\n opacity: 0;\n}\n._1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n will-change: transform;\n}\n._1dlf434j::-webkit-scrollbar {\n display: none;\n}\n._1q6dj2j1 ._1dlf434j {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf4349 ._1dlf434j,\n ._1q6dj2j1 ._1dlf434a ._1dlf434j\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434j {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf4349 ._1dlf434j,\n ._1q6dj2j0 ._1dlf434a ._1dlf434j\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434k {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n padding-top: var(--stackflow-plugin-basic-ui-app-bar-height);\n}\n._1q6dj2j1 ._1dlf434l {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434m {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434n {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434o {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (padding-top: constant(safe-area-inset-top)) {\n ._1dlf434k {\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n }\n}\n@supports (padding-top: env(safe-area-inset-top)) {\n ._1dlf434k {\n padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n }\n}", "._1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n z-index: var(--_1dlf4344);\n will-change: transform, opacity;\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n position: absolute;\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j0 ._1dlf4349 ._1yk3a452,\n ._1q6dj2j0 ._1dlf434a ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._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._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf4349 ._1yk3a454,\n ._1q6dj2j1 ._1dlf434a ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a455 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434b ._1yk3a455 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1yk3a456 {\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a457 {\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._1yk3a458 {\n padding: 0 0.5rem;\n}\n._1yk3a458:empty {\n display: none;\n}\n._1yk3a459 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n width: 2.25rem;\n height: 2.75rem;\n}\n._1yk3a459:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45c {\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-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45c {\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._1q6dj2j1 ._1yk3a45c {\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: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1q6dj2j0 ._1yk3a45d {\n padding-left: 0.375rem;\n}\n._1yk3a45e {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4345);\n}\n._1q6dj2j1 ._1yk3a45e {\n display: block;\n}\n._1yk3a45f {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45g {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a45g:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45g {\n padding: 0 0.5rem 0 0;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translate3d(100%, 0, 0);\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 will-change: transform, opacity;\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translate3d(0, 100%, 0) !important;\n opacity: 0 !important;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translate3d(100%, 0, 0);\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 will-change: transform, opacity;\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/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0UrDMBQG4Ps9RcAbBVPaah1k+CQikjan7dnWnJqczqHs3WXD6c1m7SrIMNCLXvRPf8jJB4mekuc7M0/nsXibCCGlZ10syiW9yHbZVWhlrj0WskOZ62JROeqskQUtySlxUZblrCdlsDmQdFWuL+Nr8fFESXbVtxA7bT0ykpWmc3r7okTs+2IFNW3HYE7N67aVuXYyJ2fAHesfT3v7H1rol0p5fAUlknb901wNWNWsxE2UOWiGpcZ2btCe+H8syH6OXpqkSXo7PDq2PsOaTyzxFR297ycdxWPpsW1oBW77gRI1GgN2yCR4XYLUDrRE64ElU6tE3D/JOTFTI30NwPtj4LTBziuR7GZqM4n2tiXBtjO3LY6y4bql0fRveRtYIPgWfBvim3JE/GA06+9oqaGB+6JrwTFaegwUBgoDhYHCf0uhtsYRmgDhuUMY7rsBwYDgoftutrOtJbQMTsIKLHslLFmYTTbvJq/pt/ITAAA=", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WUwY6bMBCG73mKuVQCFUeQ7G5b59I3qQbjEBNjU2OSTat99woDCZBAsqtKVTkhjefzPzO/Z/kjSuT2af30Ar8XADGyfWp0pRLCtNSGwgGNR0hpke23Uh9JIatUKBJjKRipBElETsZZ/mbxtlh25C8fJM9TvzqqNahKYYVWtPnfapO35O5k6AegC2TCnq4iAyS7IGtMS5Ro+TrxojD8FEAYwChJuKSWTyHcLAB+EaES/kpH10V+HTwKKQnboUo57fJa4s+XJFtlIYzgOy7SnaUQhYbnm0EvKUihOBqSGkwEV9b70LwCMGmMXtgUWNfoilyA+85yvvWUBeMg9oJNbNCY6BYwngOyeWA4GEPWBA/cuKpPFEpmtJR1u8iRx3thyTnahIRKKVhdsd3MzFbXMzsbZCiA0u6eBh+jcZoSURYSTxSUVnww6AhG8h+zXtsn16krUG9EWTB7sjevrDs4IyIcmv/KqtmNdzCNclaeLih8uKDwfkF9Cz5aXoPZ/5UdE0COpn6DVhd3lx4WBYnRkObNk8vdJKkM1j/OkBfi/T06RLr0bqMwlMzZC8h7Mf6UleUdF7VunjRSPpf/fHsJK5dzFIndUYiWq+d2UU486vUwWzc3/uNefi+rotDGluD1p8u0Ki0q65W45QQNRyJUyW0d9X2nfOTXoTucrHfqgc+Q4+vDWblQ5Ja64I5417636dK5OvyXVU/q7gr+Aw6qAIx1CQAA", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YyZLbIBC9+yu4TJWdEirkZRb5lkNuOeUDphBCNmMECuBtUvPvKaFdsuSlXDlMxicbNU3369ePlt1X77iZ4fkCgT8jAGIm4Jqy1dr4YIfVGEJtMNlEXO5hwrcrJmCANSNwyyBOEhhgBas9k+XoY+QWHj3rUe6oSrdf7q/Y0fQ2td4CTDYrJbcihERyqS732t45WY4AeIdMhPRQeHn1Qh7NZ/O5fbhnnEOyxmJFfWAUFjqSKnaATDBh5pia2FVmmBR+J7SbI4OVVxhuFU6/TBwQyAPUaxzK/eWepQqpGvCaI/z7MXybvnmgBXYii9xwoCXfGtq1zwAL2ltLuHLkODZ0Fo49hB4cgByAJp8BPqfKEyDdAAe1EclZ4wO07McHOcBDisafEaBmi6FJ2UidJymQI5B/mohmJi81cJ1BS1yzLAwb1fCGq5FTtaZDs0yHSrB8wISmBqDkAAjmZAw98O1aBDV7p5MJQDch39vF86FWtFRDu/UX1UoC1SjknSTb3DljW6PbvDIdrkKdYkPC+lXNi6p5SoEXN/d8R1CCttf/+KbLYHi0MBRDY4wP42sGR40jCrGiGFoZhUYmEwcQKbTBwoxPPbaA3vc8KnZ9R9UyfWpkeump5WjcZEG2fKWXoSEui/E5m9xwGDKx8gECyF0oGjdtfBon5mgtQ6YTjo8+EFLQhtWLfX7llM2IFLX5up5w0bQzhGLtgOuoX/ntgSAd10Oz9sHUnWYJV5Wauk8dDF58TAzb0dZs5k77wkb3j7kWDrFx5Ck0ZW1hs7uyDoYeTE8d7ke8awGpgjr/MlJT7wY2qa6mGb1ttWHRERIpDBXGBxGnhzQGZZZVA0BOI+MDLydEJIWxs5YPPNd7fiqIwpmg5Wuv5y5K232+FkgeLouxj73b1so1M5CHvvmL9L5F1foujTtdwJytBGSGxtoHhApD1ck8q0cWTrutvmrjjnDM+NEHKfScQn3UJn2p+M6Z2PzE5Jf9/UMK08n0EaE2UgVIFspFBv+pW28MF+ihIc63SKRM/t0lcsfDzt0gHVaHdaHOeYrcWVepMolqoF9RtdS64YLE+ADzBio2tIR/QHxOk5s2r4+AS7JpxB1l41FK0uo/IMo5SzTTLY4xsaaKddlYrtf8rvpuuDRNlZYtwwpvjWxuPHPtdUrUc1L6ZTn6+Aug9GYkOhMAAA==", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ=="],
|
|
4
|
+
"sourcesContent": ["._1q6dj2j0 {\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: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\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: 0s;\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-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j1 {\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: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\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: 0s;\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-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\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: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\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: 0s;\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-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n: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: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\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: 0s;\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-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n}\n._1q6dj2j5 {\n pointer-events: none;\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 flex: 1;\n}\n.dhthxq9 {\n align-items: center;\n}\n.dhthxqa {\n align-items: flex-end;\n}\n.dhthxqb {\n justify-content: center;\n}\n.dhthxqc {\n overflow: hidden;\n}\n.dhthxqd {\n white-space: nowrap;\n}\n.dhthxqe {\n text-align: center;\n}\n.dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n box-sizing: border-box;\n}\n.dhthxqh {\n box-sizing: content-box;\n}\n.dhthxqi {\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: translate3d(100%, 0, 0);\n}\n._1dlf434i {\n opacity: 0;\n z-index: var(--_1dlf4341);\n will-change: opacity;\n}\n._1q6dj2j0 ._1dlf434i {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf4349 ._1dlf434i,\n ._1dlf434a ._1dlf434i\n {\n opacity: 1;\n}\n\n ._1dlf434b ._1dlf434i,\n ._1dlf434c ._1dlf434i\n {\n opacity: 0;\n}\n._1dlf434j {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n will-change: transform;\n}\n._1dlf434j::-webkit-scrollbar {\n display: none;\n}\n._1q6dj2j1 ._1dlf434j {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf4349 ._1dlf434j,\n ._1q6dj2j1 ._1dlf434a ._1dlf434j\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434j {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf4349 ._1dlf434j,\n ._1q6dj2j0 ._1dlf434a ._1dlf434j\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434k {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n margin-top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n._1q6dj2j1 ._1dlf434l {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434m {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434n {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434o {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (margin-top: constant(safe-area-inset-top)) {\n ._1dlf434k {\n margin-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n }\n}\n@supports (margin-top: env(safe-area-inset-top)) {\n ._1dlf434k {\n margin-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n }\n}", "._1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n z-index: var(--_1dlf4344);\n will-change: transform, opacity;\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n position: absolute;\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j0 ._1dlf4349 ._1yk3a452,\n ._1q6dj2j0 ._1dlf434a ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._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._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf4349 ._1yk3a454,\n ._1q6dj2j1 ._1dlf434a ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434b ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a455 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434b ._1yk3a455 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1yk3a456 {\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a457 {\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._1yk3a458 {\n padding: 0 0.5rem;\n}\n._1yk3a458:empty {\n display: none;\n}\n._1yk3a459 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n width: 2.25rem;\n height: 2.75rem;\n}\n._1yk3a459:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45c {\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-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45c {\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._1q6dj2j1 ._1yk3a45c {\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: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1q6dj2j0 ._1yk3a45d {\n padding-left: 0.375rem;\n}\n._1yk3a45e {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4345);\n}\n._1q6dj2j1 ._1yk3a45e {\n display: block;\n}\n._1yk3a45f {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45g {\n padding: 0 0.5rem;\n margin-left: auto;\n}\n._1yk3a45g:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45g {\n padding: 0 0.5rem 0 0;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translate3d(100%, 0, 0);\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 will-change: transform, opacity;\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translate3d(0, 100%, 0) !important;\n opacity: 0 !important;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translate3d(100%, 0, 0);\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 will-change: transform, opacity;\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": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -7,3 +7,4 @@ export { default as BottomSheet, BottomSheetProps, } from "./components/BottomSh
|
|
|
7
7
|
export { vars as bottomSheetVars } from "./components/BottomSheet.css";
|
|
8
8
|
export { default as Modal, ModalProps } from "./components/Modal";
|
|
9
9
|
export { vars as modalVars } from "./components/Modal.css";
|
|
10
|
+
export { useStyleEffect, useZIndexBase } from "./hooks";
|