@stackflow/plugin-basic-ui 1.16.1 → 1.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/basicUIPlugin.css.d.ts +10 -0
- package/dist/basicUIPlugin.css.d.ts.map +1 -1
- package/dist/basicUIPlugin.d.ts.map +1 -1
- package/dist/components/AppBar.css.d.ts.map +1 -1
- package/dist/components/AppBar.d.ts +7 -2
- package/dist/components/AppBar.d.ts.map +1 -1
- package/dist/index.css +39 -25
- package/dist/index.css.map +3 -3
- package/dist/index.js +22 -5
- package/dist/index.js.map +2 -2
- package/dist/index.mjs +22 -5
- package/dist/index.mjs.map +2 -2
- package/package.json +1 -1
- package/src/basicUIPlugin.css.ts +11 -0
- package/src/basicUIPlugin.tsx +6 -0
- package/src/components/AppBar.css.ts +15 -23
- package/src/components/AppBar.tsx +18 -0
|
@@ -21,6 +21,11 @@ declare const GLOBAL_VARS: {
|
|
|
21
21
|
backgroundImageTransitionDuration: string;
|
|
22
22
|
overflow: string;
|
|
23
23
|
minSafeAreaInsetTop: string;
|
|
24
|
+
containerPadding: string;
|
|
25
|
+
itemGap: string;
|
|
26
|
+
fontSize: string;
|
|
27
|
+
lineHeight: string;
|
|
28
|
+
hitSlop: string;
|
|
24
29
|
};
|
|
25
30
|
bottomSheet: {
|
|
26
31
|
borderRadius: string;
|
|
@@ -53,6 +58,11 @@ export declare const globalVars: {
|
|
|
53
58
|
backgroundImageTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
54
59
|
overflow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
60
|
minSafeAreaInsetTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
|
+
containerPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
62
|
+
itemGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
63
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
65
|
+
hitSlop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
56
66
|
};
|
|
57
67
|
bottomSheet: {
|
|
58
68
|
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"basicUIPlugin.css.d.ts","sourceRoot":"","sources":["../src/basicUIPlugin.css.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"basicUIPlugin.css.d.ts","sourceRoot":"","sources":["../src/basicUIPlugin.css.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC;AAmD5C,eAAO,MAAM,OAAO,QAElB,CAAC;AACH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAaH,eAAO,MAAM,YAAY;;;;;EAQvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"basicUIPlugin.d.ts","sourceRoot":"","sources":["../src/basicUIPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,KAAK,oBAAoB,GAAG,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,UAAU,CAAC,EACP;YACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;YACnC,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,GACD;YACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;SAChC,CAAC;QACN,WAAW,CAAC,EACR;YACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;YACnC,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;SAC5D,GACD;YACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;SAChC,CAAC;KACP,CAAC;CACH,CAAC;AAMF,eAAO,MAAM,qBAAqB,gDAAgC,CAAC;AAEnE,wBAAgB,gBAAgB,yBAE/B;AAED,eAAO,MAAM,aAAa,EAAE,CAC1B,OAAO,EACH,oBAAoB,GACpB,CAAC,CAAC,IAAI,EAAE;IAAE,cAAc,CAAC,EAAE,GAAG,CAAA;CAAE,KAAK,oBAAoB,CAAC,KAC3D,
|
|
1
|
+
{"version":3,"file":"basicUIPlugin.d.ts","sourceRoot":"","sources":["../src/basicUIPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,KAAK,oBAAoB,GAAG,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,UAAU,CAAC,EACP;YACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;YACnC,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,GACD;YACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;SAChC,CAAC;QACN,WAAW,CAAC,EACR;YACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;YACnC,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;SAC5D,GACD;YACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;SAChC,CAAC;KACP,CAAC;CACH,CAAC;AAMF,eAAO,MAAM,qBAAqB,gDAAgC,CAAC;AAEnE,wBAAgB,gBAAgB,yBAE/B;AAED,eAAO,MAAM,aAAa,EAAE,CAC1B,OAAO,EACH,oBAAoB,GACpB,CAAC,CAAC,IAAI,EAAE;IAAE,cAAc,CAAC,EAAE,GAAG,CAAA;CAAE,KAAK,oBAAoB,CAAC,KAC3D,oBAuDH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBar.css.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.css.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwJjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"AppBar.css.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.css.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwJjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAepB,CAAC;AAEH,eAAO,MAAM,IAAI,QAef,CAAC;AAEH,eAAO,MAAM,UAAU,QAqBrB,CAAC;AAEH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,MAAM,QAAuD,CAAC;AAE3E,eAAO,MAAM,UAAU,QAgCrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAkBzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAgBhB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { GlobalVars } from "../basicUIPlugin.css";
|
|
2
|
-
export type AppBarProps = Partial<Pick<GlobalVars["appBar"], "borderColor" | "borderColorTransitionDuration" | "borderSize" | "height" | "heightTransitionDuration" | "overflow" | "iconColor" | "iconColorTransitionDuration" | "textColor" | "textColorTransitionDuration" | "backgroundColor" | "backgroundColorTransitionDuration" | "backgroundImage" | "backgroundImageTransitionDuration">> & {
|
|
2
|
+
export type AppBarProps = Partial<Pick<GlobalVars["appBar"], "borderColor" | "borderColorTransitionDuration" | "borderSize" | "height" | "heightTransitionDuration" | "overflow" | "iconColor" | "iconColorTransitionDuration" | "textColor" | "textColorTransitionDuration" | "backgroundColor" | "backgroundColorTransitionDuration" | "backgroundImage" | "backgroundImageTransitionDuration" | "minHeight" | "fontSize" | "lineHeight" | "hitSlop" | "containerPadding" | "itemGap">> & {
|
|
3
3
|
title?: React.ReactNode;
|
|
4
4
|
renderLeft?: () => React.ReactNode;
|
|
5
5
|
renderRight?: () => React.ReactNode;
|
|
@@ -42,7 +42,12 @@ declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
|
|
|
42
42
|
backgroundImageTransitionDuration: string;
|
|
43
43
|
overflow: string;
|
|
44
44
|
minSafeAreaInsetTop: string;
|
|
45
|
-
|
|
45
|
+
containerPadding: string;
|
|
46
|
+
itemGap: string;
|
|
47
|
+
fontSize: string;
|
|
48
|
+
lineHeight: string;
|
|
49
|
+
hitSlop: string;
|
|
50
|
+
}, "height" | "backgroundColor" | "backgroundImage" | "borderColor" | "fontSize" | "lineHeight" | "minHeight" | "overflow" | "borderColorTransitionDuration" | "borderSize" | "heightTransitionDuration" | "iconColor" | "iconColorTransitionDuration" | "textColor" | "textColorTransitionDuration" | "backgroundColorTransitionDuration" | "backgroundImageTransitionDuration" | "containerPadding" | "itemGap" | "hitSlop">> & {
|
|
46
51
|
title?: React.ReactNode;
|
|
47
52
|
renderLeft?: () => React.ReactNode;
|
|
48
53
|
renderRight?: () => React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMvD,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,IAAI,CACF,UAAU,CAAC,QAAQ,CAAC,EAClB,aAAa,GACb,+BAA+B,GAC/B,YAAY,GACZ,QAAQ,GACR,0BAA0B,GAC1B,UAAU,GACV,WAAW,GACX,6BAA6B,GAC7B,WAAW,GACX,6BAA6B,GAC7B,iBAAiB,GACjB,mCAAmC,GACnC,iBAAiB,GACjB,mCAAmC,
|
|
1
|
+
{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMvD,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,IAAI,CACF,UAAU,CAAC,QAAQ,CAAC,EAClB,aAAa,GACb,+BAA+B,GAC/B,YAAY,GACZ,QAAQ,GACR,0BAA0B,GAC1B,UAAU,GACV,WAAW,GACX,6BAA6B,GAC7B,WAAW,GACX,6BAA6B,GAC7B,iBAAiB,GACjB,mCAAmC,GACnC,iBAAiB,GACjB,mCAAmC,GACnC,WAAW,GACX,UAAU,GACV,YAAY,GACZ,SAAS,GACT,kBAAkB,GAClB,SAAS,CACZ,CACF,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,UAAU,CAAC,EACP;QACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACnC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC5D,GACD;QACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KAChC,CAAC;IACN,WAAW,CAAC,EACR;QACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACnC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC5D,GACD;QACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KAChC,CAAC;IACN,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB,CAAC,EAAE,YAAY,CAAC;IACtC,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;YA7BF,KAAK,CAAC,SAAS;iBACV,MAAM,KAAK,CAAC,SAAS;kBACpB,MAAM,KAAK,CAAC,SAAS;iBAE/B;QACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACnC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC5D,GACD;QACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KAChC;kBAED;QACE,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACnC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAC5D,GACD;QACE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KAChC;0BACiB,MAAM,GAAG,OAAO;aAC7B,OAAO;6BACS,YAAY;yBAChB,aAAa;iBACrB,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI;iBAC7B,OAAO;gBACR,MAAM;kDAmTnB,CAAC;AAIF,eAAe,MAAM,CAAC"}
|
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+
|
|
1
|
+
/* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YUYvUMBDH3/dTBERQMKWprgc57pOIyLSZtnPXZHrp1FsUv7usuOfLrd10F065QB/60F/yHzqTH6T4Yu4/utvqtlTfN0ppPQk0d+3AD3oc5o6CrmGiRs+ka2juushzcLrhgaNVr9q2vT6dIg8dWjWHCWUJc+Sf2DB2Nbwp36nfT2G2b5cWkghhIiEO2s0R9i9WldMS1rAfZ0G3lodx1DVEXXN0GI/lL68W8z+10IVCTfQNrTLj7lSuR+p6sep9sY3o06hzM3sKK/enhsNjx1amMtWHdPTc+II7WRniD3r2f181wcfoC6ZJORmO4efG4a8Y9x9Y1ZNzGFIac4IWNUQETfsStPBoVXn6YDUcBChg1CM4R6GzyqR0uKDXHYxpVMtBDmdAYaqkkSbR0/CryKRRHCjg4xSbYrsoDxZhr6ceUQ6nVgRH83RaqZ4dDOtBDzv9QE56q0xZvr7e/NgUB1+a7MuX6cuy2KYbsyqunleZiQGyM7MzszP/PWcGjh6G/0+bNjLLJwcCf1NPjx5vmnnEKBT4czZsNmw2bDZsNmw2bDbs5QwLwUUml/36Qv2ab3yzW7Nbs1vzje8JYv0JCopajSEdAAA= */
|
|
2
2
|
._1q6dj2j0 {
|
|
3
3
|
--stackflow-plugin-basic-ui-background-color: #fff;
|
|
4
4
|
--stackflow-plugin-basic-ui-background-image: unset;
|
|
@@ -21,6 +21,11 @@
|
|
|
21
21
|
--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
|
|
22
22
|
--stackflow-plugin-basic-ui-app-bar-overflow: hidden;
|
|
23
23
|
--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
|
|
24
|
+
--stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
|
|
25
|
+
--stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
|
|
26
|
+
--stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
|
|
27
|
+
--stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
|
|
28
|
+
--stackflow-plugin-basic-ui-app-bar-line-height: 1.5;
|
|
24
29
|
--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
|
|
25
30
|
--stackflow-plugin-basic-ui-modal-border-radius: 1rem;
|
|
26
31
|
--stackflow-plugin-basic-ui-modal-max-width: 100%;
|
|
@@ -47,6 +52,11 @@
|
|
|
47
52
|
--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
|
|
48
53
|
--stackflow-plugin-basic-ui-app-bar-overflow: hidden;
|
|
49
54
|
--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
|
|
55
|
+
--stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
|
|
56
|
+
--stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
|
|
57
|
+
--stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
|
|
58
|
+
--stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
|
|
59
|
+
--stackflow-plugin-basic-ui-app-bar-line-height: normal;
|
|
50
60
|
--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
|
|
51
61
|
--stackflow-plugin-basic-ui-modal-border-radius: 1rem;
|
|
52
62
|
--stackflow-plugin-basic-ui-modal-max-width: 100%;
|
|
@@ -73,6 +83,11 @@
|
|
|
73
83
|
--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
|
|
74
84
|
--stackflow-plugin-basic-ui-app-bar-overflow: hidden;
|
|
75
85
|
--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
|
|
86
|
+
--stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
|
|
87
|
+
--stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
|
|
88
|
+
--stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
|
|
89
|
+
--stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
|
|
90
|
+
--stackflow-plugin-basic-ui-app-bar-line-height: normal;
|
|
76
91
|
--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
|
|
77
92
|
--stackflow-plugin-basic-ui-modal-border-radius: 1rem;
|
|
78
93
|
--stackflow-plugin-basic-ui-modal-max-width: 100%;
|
|
@@ -99,6 +114,11 @@
|
|
|
99
114
|
--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
|
|
100
115
|
--stackflow-plugin-basic-ui-app-bar-overflow: hidden;
|
|
101
116
|
--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
|
|
117
|
+
--stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
|
|
118
|
+
--stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
|
|
119
|
+
--stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
|
|
120
|
+
--stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
|
|
121
|
+
--stackflow-plugin-basic-ui-app-bar-line-height: 1.5;
|
|
102
122
|
--stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
|
|
103
123
|
--stackflow-plugin-basic-ui-modal-border-radius: 1rem;
|
|
104
124
|
--stackflow-plugin-basic-ui-modal-max-width: 100%;
|
|
@@ -257,7 +277,7 @@
|
|
|
257
277
|
}
|
|
258
278
|
}
|
|
259
279
|
|
|
260
|
-
/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+
|
|
280
|
+
/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1ZzZKjKhjd91Ow6apkSrqw89N3zG4Ws5vVfYApVFQ6CI6QdNK37rvfEmMEYxJJZ/rOwl6lFQ4f53wcPvDpp79fz/B8gcA/DwDklMOM0DRTAdjicgKhVDhaJ0y8wYJtUsphiCWN4IZCXBQwxCVs+0xXD/8+PDWIvkYUW1JW3YfjNT1stGeNFuJonZZiw2MYCSbK4ajdntOVDUdznJKb4HRPDfcOKY/JrkH56ccsmc/mc/1SlZhLqqjgwck0bp4FbFFhvClx9WPqnczr5mmdwxc7KDMci7fhyKKMSXkh6oPav5bx6/OrDzrCF6LhDodSsI0ip+1rtqNuVz1YIso8qH8yrMgsnvgIPXoAeQCN8gyQx2t5BEha5KMu46LAEVX7AKDVef6RB3xUknwUwF0A21/Q1GsoP3lTCfUADn+2YnUTbIjnXWwZGi2bhpba/mW1D0utP3Fm94A6MYDZaACfYQCGW88HM37VvQ2oUZabbMFa/Mai9nuX/9y70tYwgHnb9ILeaFxed9PxSP2iLoSPIQSAckkUQMUORJhFE+iDL65xSfpOplOAbprP2dJteSU5fIS22Zggn7b/X7WApYMFLB0t4Krfj9nyR2RLX3X24oG+xOgvuq43jo3Gww8Mi7Fc+x8S4MQjXno9ov+c8HJLVT9q+1u1rZX5SyvTXPXleDdxue6TOCEQlwRDXXtAJYqpByLBpcJcTfpea2HvOx7h23NDGTP9as106KjHC007G+vHjijXr7sMq63DLXAcU55CRhKHoCPBFaaclPDQX8ffYJVuDPSBGbRiK05HbKpIDlNcdCADkhdqr4FjKguG9wHggvdc9fXF8HGujFhCDe14x0wjwY3bZTNxmkU5QyiXHnCzshb3TCodSXBIcKqgZKLQvXNcppQHN5wfjjAd+gIcKbolnd396fkcL+j+pBjhEDunEkZ2K3d5FdkpQ95EcKUPTsMRjl00AKOcOH9tMTq1UbwdQELB4t9nWa4KtXw5OWAt1huNVRZURf9jNaPXjVQ02etlS7iqNaxiKNWqOQ7Td70CDttnKHbnfMMawd4ml/Vq6vnaAABmNOXau2QAIsIVKXtDa19pBnQ386mWLME5ZfsAVGwxAuVequou/BujfP0DR3/r/78LrqdXW9uipqKvgJrABXq0tthbNjpRfF4pcMfBhtUBiRbdYtKVK3v5XtYhxzt4yDDtqu5jgC9goaE6e+GFzO1P98R2v5CJaG1Rk9Yn7ypZ28+1hDFaSCo7Vkd5RkqqTqzn+NzAzT6wP/eXCJlriZB9pEzprRH+A4G80EAyHwAA */
|
|
261
281
|
._1yk3a450 {
|
|
262
282
|
min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
|
|
263
283
|
}
|
|
@@ -387,50 +407,48 @@
|
|
|
387
407
|
transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
|
|
388
408
|
}
|
|
389
409
|
._1q6dj2j0 ._1yk3a459 {
|
|
390
|
-
padding:
|
|
410
|
+
padding-left: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
|
|
411
|
+
padding-right: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
|
|
412
|
+
}
|
|
413
|
+
._1yk3a45a {
|
|
414
|
+
padding-right: var(--stackflow-plugin-basic-ui-app-bar-item-gap);
|
|
391
415
|
}
|
|
392
416
|
._1yk3a45a:empty {
|
|
393
417
|
display: none;
|
|
394
418
|
}
|
|
395
|
-
._1q6dj2j0 ._1yk3a45a {
|
|
396
|
-
padding-right: 1rem;
|
|
397
|
-
}
|
|
398
419
|
._1q6dj2j1 ._1yk3a45a {
|
|
399
|
-
padding-left:
|
|
400
|
-
padding-right: 1rem;
|
|
420
|
+
padding-left: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
|
|
401
421
|
}
|
|
402
422
|
._1yk3a45b {
|
|
403
423
|
color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
|
|
404
424
|
transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
|
|
405
|
-
padding:
|
|
406
|
-
margin:
|
|
425
|
+
padding: var(--stackflow-plugin-basic-ui-app-bar-hit-slop);
|
|
426
|
+
margin: calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-hit-slop));
|
|
407
427
|
}
|
|
408
428
|
._1yk3a45b:active {
|
|
409
429
|
opacity: 0.2;
|
|
410
430
|
transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
|
|
411
431
|
}
|
|
412
432
|
._1yk3a45e {
|
|
413
|
-
|
|
433
|
+
display: flex;
|
|
414
434
|
color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
|
|
435
|
+
font-size: var(--stackflow-plugin-basic-ui-app-bar-font-size);
|
|
436
|
+
line-height: var(--stackflow-plugin-basic-ui-app-bar-line-height);
|
|
437
|
+
font-weight: bold;
|
|
415
438
|
transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);
|
|
416
439
|
}
|
|
417
440
|
._1q6dj2j0 ._1yk3a45e {
|
|
418
441
|
width: 100%;
|
|
419
442
|
justify-content: flex-start;
|
|
420
|
-
font-size: 1.125rem;
|
|
421
|
-
line-height: 1.5;
|
|
422
|
-
font-weight: bold;
|
|
423
443
|
box-sizing: border-box;
|
|
424
444
|
}
|
|
425
445
|
._1q6dj2j1 ._1yk3a45e {
|
|
446
|
+
width: var(--_1dlf4346);
|
|
426
447
|
position: absolute;
|
|
427
|
-
display: flex;
|
|
428
448
|
align-items: center;
|
|
429
449
|
justify-content: center;
|
|
430
450
|
text-align: center;
|
|
431
451
|
font-family: -apple-system, BlinkMacSystemFont;
|
|
432
|
-
font-weight: bold;
|
|
433
|
-
font-size: 1.125rem;
|
|
434
452
|
left: 50%;
|
|
435
453
|
transform: translate(-50%);
|
|
436
454
|
height: var(--stackflow-plugin-basic-ui-app-bar-height);
|
|
@@ -439,9 +457,9 @@
|
|
|
439
457
|
}
|
|
440
458
|
._1yk3a45f {
|
|
441
459
|
left: 50%;
|
|
442
|
-
height:
|
|
460
|
+
height: var(--stackflow-plugin-basic-ui-app-bar-font-size);
|
|
443
461
|
transform: translate(-50%);
|
|
444
|
-
max-width:
|
|
462
|
+
max-width: calc(var(--stackflow-plugin-basic-ui-app-bar-font-size) * 5);
|
|
445
463
|
display: none;
|
|
446
464
|
width: var(--_1dlf4346);
|
|
447
465
|
}
|
|
@@ -454,17 +472,13 @@
|
|
|
454
472
|
font-weight: inherit;
|
|
455
473
|
}
|
|
456
474
|
._1yk3a45h {
|
|
457
|
-
|
|
475
|
+
padding-left: var(--stackflow-plugin-basic-ui-app-bar-item-gap);
|
|
458
476
|
}
|
|
459
477
|
._1yk3a45h:empty {
|
|
460
478
|
display: none;
|
|
461
479
|
}
|
|
462
|
-
._1q6dj2j0 ._1yk3a45h {
|
|
463
|
-
padding-left: 1rem;
|
|
464
|
-
}
|
|
465
480
|
._1q6dj2j1 ._1yk3a45h {
|
|
466
|
-
padding-
|
|
467
|
-
padding-right: 1rem;
|
|
481
|
+
padding-right: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
|
|
468
482
|
}
|
|
469
483
|
|
|
470
484
|
/* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1pbWFnZSk7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9 */
|
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+
|
|
4
|
-
"sourcesContent": ["._1q6dj2j0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\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-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-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 --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n._1q6dj2j1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\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-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-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 --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\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-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-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 --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=android] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\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-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-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 --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\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}", "._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4348 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n}\n._1dlf4349 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434d {\n transform: translate3d(100%, 0, 0);\n}\n._1dlf434j {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1q6dj2j0 ._1dlf434j {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf434a ._1dlf434j,\n ._1dlf434b ._1dlf434j\n {\n opacity: 1;\n}\n\n ._1dlf434c ._1dlf434j,\n ._1dlf434d ._1dlf434j\n {\n opacity: 0;\n}\n._1dlf434k {\n z-index: var(--_1dlf4342);\n}\n._1q6dj2j1 ._1dlf434k {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1dlf434k,\n ._1q6dj2j1 ._1dlf434b ._1dlf434k\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434k {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1dlf434k,\n ._1q6dj2j0 ._1dlf434b ._1dlf434k\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434l {\n --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n padding-top: var(--_1dlf4345);\n}\n._1q6dj2j1 ._1dlf434m {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434n {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434o {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n}\n._1dlf434o::-webkit-scrollbar {\n display: none;\n}\n._1dlf434p {\n margin-top: var(--_1dlf4345);\n height: calc(100% - var(--_1dlf4345));\n}\n._1dlf434q {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434r {\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: max(0px)) and (padding: constant(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: 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: max(0px)) and (padding: env(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: 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 background-image: var(--stackflow-plugin-basic-ui-app-bar-background-image);\n z-index: var(--_1dlf4344);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-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 ._1dlf434c ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-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), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-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 ._1dlf434a ._1yk3a452,\n ._1q6dj2j0 ._1dlf434b ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1yk3a453 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434c ._1yk3a453 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(100%, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a454 {\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1yk3a454,\n ._1q6dj2j1 ._1dlf434b ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340);\n}\n._1yk3a455 {\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 ._1yk3a456 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-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 ._1dlf434a ._1yk3a456,\n ._1q6dj2j1 ._1dlf434b ._1yk3a456\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a456 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a457, \n ._1q6dj2j0 ._1dlf434c ._1yk3a457, \n ._1q6dj2j0 ._1dlf434d ._1yk3a457 {\n opacity: 0;\n transform: translate3d(50%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1dlf434a ._1yk3a457,\n ._1q6dj2j0 ._1dlf434b ._1yk3a457 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1yk3a458 {\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._1yk3a459 {\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._1q6dj2j0 ._1yk3a459 {\n padding: 0 1rem;\n}\n._1yk3a45a:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45a {\n padding-right: 1rem;\n}\n._1q6dj2j1 ._1yk3a45a {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n._1yk3a45b {\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 padding: .5rem;\n margin: -.5rem;\n}\n._1yk3a45b:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45e {\n width: var(--_1dlf4346);\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 ._1yk3a45e {\n width: 100%;\n justify-content: flex-start;\n font-size: 1.125rem;\n line-height: 1.5;\n font-weight: bold;\n box-sizing: border-box;\n}\n._1q6dj2j1 ._1yk3a45e {\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: bold;\n font-size: 1.125rem;\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._1yk3a45f {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4346);\n}\n._1q6dj2j1 ._1yk3a45f {\n display: block;\n}\n._1yk3a45g {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45h {\n margin-left: auto;\n}\n._1yk3a45h:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45h {\n padding-left: 1rem;\n}\n._1q6dj2j1 ._1yk3a45h {\n padding-left: 1rem;\n padding-right: 1rem;\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 background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n transform: 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 background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n max-width: var(--stackflow-plugin-basic-ui-modal-max-width);\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-modal-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
|
|
5
|
-
"mappings": ";AAAA,CAAC;AACC,gDAA8C;AAC9C,gDAA8C;AAC9C,oDAAkD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChE,mDAAiD;AACjD,4DAA0D;AAC1D,oDAAkD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChE,wEAAsE;AACtE,mDAAiD;AACjD,8CAA4C;AAC5C,kEAAgE;AAChE,kDAAgD;AAChD,kDAAgD;AAChD,sEAAoE;AACpE,kDAAgD;AAChD,sEAAoE;AACpE,wDAAsD;AACtD,4EAA0E;AAC1E,wDAAsD;AACtD,4EAA0E;AAC1E,gDAA8C;AAC9C,+DAA6D;AAC7D,0DAAwD;AACxD,mDAAiD;AACjD,+CAA6C;AAC/C;AACA,CAAC;AACC,gDAA8C;AAC9C,gDAA8C;AAC9C,oDAAkD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChE,mDAAiD;AACjD,4DAA0D;AAC1D,oDAAkD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChE,wEAAsE;AACtE,mDAAiD;AACjD,8CAA4C;AAC5C,kEAAgE;AAChE,kDAAgD;AAChD,kDAAgD;AAChD,sEAAoE;AACpE,kDAAgD;AAChD,sEAAoE;AACpE,wDAAsD;AACtD,4EAA0E;AAC1E,wDAAsD;AACtD,4EAA0E;AAC1E,gDAA8C;AAC9C,+DAA6D;AAC7D,0DAAwD;AACxD,mDAAiD;AACjD,+CAA6C;AAC/C;AACA,KAAK,CAAC;AACJ,gDAA8C;AAC9C,gDAA8C;AAC9C,oDAAkD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChE,mDAAiD;AACjD,4DAA0D;AAC1D,oDAAkD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChE,wEAAsE;AACtE,mDAAiD;AACjD,8CAA4C;AAC5C,kEAAgE;AAChE,kDAAgD;AAChD,kDAAgD;AAChD,sEAAoE;AACpE,kDAAgD;AAChD,sEAAoE;AACpE,wDAAsD;AACtD,4EAA0E;AAC1E,wDAAsD;AACtD,4EAA0E;AAC1E,gDAA8C;AAC9C,+DAA6D;AAC7D,0DAAwD;AACxD,mDAAiD;AACjD,+CAA6C;AAC/C;AACA,KAAK,CAAC;AACJ,gDAA8C;AAC9C,gDAA8C;AAC9C,oDAAkD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChE,mDAAiD;AACjD,4DAA0D;AAC1D,oDAAkD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChE,wEAAsE;AACtE,mDAAiD;AACjD,8CAA4C;AAC5C,kEAAgE;AAChE,kDAAgD;AAChD,kDAAgD;AAChD,sEAAoE;AACpE,kDAAgD;AAChD,sEAAoE;AACpE,wDAAsD;AACtD,4EAA0E;AAC1E,wDAAsD;AACtD,4EAA0E;AAC1E,gDAA8C;AAC9C,+DAA6D;AAC7D,0DAAwD;AACxD,mDAAiD;AACjD,+CAA6C;AAC/C;;;
|
|
3
|
+
"sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YUYvUMBDH3/dTBERQMKWprgc57pOIyLSZtnPXZHrp1FsUv7usuOfLrd10F065QB/60F/yHzqTH6T4Yu4/utvqtlTfN0ppPQk0d+3AD3oc5o6CrmGiRs+ka2juushzcLrhgaNVr9q2vT6dIg8dWjWHCWUJc+Sf2DB2Nbwp36nfT2G2b5cWkghhIiEO2s0R9i9WldMS1rAfZ0G3lodx1DVEXXN0GI/lL68W8z+10IVCTfQNrTLj7lSuR+p6sep9sY3o06hzM3sKK/enhsNjx1amMtWHdPTc+II7WRniD3r2f181wcfoC6ZJORmO4efG4a8Y9x9Y1ZNzGFIac4IWNUQETfsStPBoVXn6YDUcBChg1CM4R6GzyqR0uKDXHYxpVMtBDmdAYaqkkSbR0/CryKRRHCjg4xSbYrsoDxZhr6ceUQ6nVgRH83RaqZ4dDOtBDzv9QE56q0xZvr7e/NgUB1+a7MuX6cuy2KYbsyqunleZiQGyM7MzszP/PWcGjh6G/0+bNjLLJwcCf1NPjx5vmnnEKBT4czZsNmw2bDZsNmw2bDbs5QwLwUUml/36Qv2ab3yzW7Nbs1vzje8JYv0JCopajSEdAAA=", "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=#H4sIAAAAAAAAA9WU3Y6bMBCF7/MUc1MJVByZ7Gbbem/6JtWAHeIANmtMflrtu1cY2ACB/Kx601yhjM/nM8djL3+FPNs8Pz1/gz8LgAjjNDG6UpzEOtOGwR6NR0hpMU43mT6QIqsSqUiEpYxJJQmXORmr/NfF+2LZkb9/kjxBHWBkjol4COMUQ3M/nDlrUJXSSq1Y873RJm/J3UrqB6ALjKU9XVQGSH5G1piWmKEVT9wLKf0SAA1gJNo5UctnQOtefxOpuDiy0XZhp3x74bvVjsIIshUy2VoGITUiH2bGIJNKoCGJQS6Fst6njjcAk0To0aaRuhdnaQHu92EHe86CcTHqFZvaIIBwChhfA/LrQDqIO3XFmYBXw4BDGMnuO9rWn3N4AepFkwZXV/ZySruFV0zQ4XBdjEg6MWfzKDdC8w3RuxuitxvqH/297TWYzOnP57e+/ShgUZAIDWnuiv/6D96AAHI09SZWFw/uT857E14ZrD+cpwI5lyqpkeMhXc8OaX5jPto5nR0RdU2/nn6+dHOEe2FcuycGZWx0ltVNkIOIUmnJR7UpSZUwsLqKt0MSY52gWRehcXAuyyLDEwOllRhIClc/pz8V1flZjDGL3V0FcrFu2NSb4x4kt1sG4XK1bt/TmWfjaahuXPfsPDSN827vxjg7P8uqKLSxJXjtMDHI8ejR4uj7gIr3/o+1Ki0q65W4EQSNQCJVKWydqe+7dkZ3bnTrnNkHXcJX5+deVS4VmbIX3HDvQn1/MBCh9v9nFrPGuxj+Ao0vfk33CQAA", "vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1ZzZKjKhjd91Ow6apkSrqw89N3zG4Ws5vVfYApVFQ6CI6QdNK37rvfEmMEYxJJZ/rOwl6lFQ4f53wcPvDpp79fz/B8gcA/DwDklMOM0DRTAdjicgKhVDhaJ0y8wYJtUsphiCWN4IZCXBQwxCVs+0xXD/8+PDWIvkYUW1JW3YfjNT1stGeNFuJonZZiw2MYCSbK4ajdntOVDUdznJKb4HRPDfcOKY/JrkH56ccsmc/mc/1SlZhLqqjgwck0bp4FbFFhvClx9WPqnczr5mmdwxc7KDMci7fhyKKMSXkh6oPav5bx6/OrDzrCF6LhDodSsI0ip+1rtqNuVz1YIso8qH8yrMgsnvgIPXoAeQCN8gyQx2t5BEha5KMu46LAEVX7AKDVef6RB3xUknwUwF0A21/Q1GsoP3lTCfUADn+2YnUTbIjnXWwZGi2bhpba/mW1D0utP3Fm94A6MYDZaACfYQCGW88HM37VvQ2oUZabbMFa/Mai9nuX/9y70tYwgHnb9ILeaFxed9PxSP2iLoSPIQSAckkUQMUORJhFE+iDL65xSfpOplOAbprP2dJteSU5fIS22Zggn7b/X7WApYMFLB0t4Krfj9nyR2RLX3X24oG+xOgvuq43jo3Gww8Mi7Fc+x8S4MQjXno9ov+c8HJLVT9q+1u1rZX5SyvTXPXleDdxue6TOCEQlwRDXXtAJYqpByLBpcJcTfpea2HvOx7h23NDGTP9as106KjHC007G+vHjijXr7sMq63DLXAcU55CRhKHoCPBFaaclPDQX8ffYJVuDPSBGbRiK05HbKpIDlNcdCADkhdqr4FjKguG9wHggvdc9fXF8HGujFhCDe14x0wjwY3bZTNxmkU5QyiXHnCzshb3TCodSXBIcKqgZKLQvXNcppQHN5wfjjAd+gIcKbolnd396fkcL+j+pBjhEDunEkZ2K3d5FdkpQ95EcKUPTsMRjl00AKOcOH9tMTq1UbwdQELB4t9nWa4KtXw5OWAt1huNVRZURf9jNaPXjVQ02etlS7iqNaxiKNWqOQ7Td70CDttnKHbnfMMawd4ml/Vq6vnaAABmNOXau2QAIsIVKXtDa19pBnQ386mWLME5ZfsAVGwxAuVequou/BujfP0DR3/r/78LrqdXW9uipqKvgJrABXq0tthbNjpRfF4pcMfBhtUBiRbdYtKVK3v5XtYhxzt4yDDtqu5jgC9goaE6e+GFzO1P98R2v5CJaG1Rk9Yn7ypZ28+1hDFaSCo7Vkd5RkqqTqzn+NzAzT6wP/eXCJlriZB9pEzprRH+A4G80EAyHwAA", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1pbWFnZSk7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51TQW6DMBC884q9VAIJWwZKkpLHVIvtECuAIwOFpurfqxhCIQI1zW3tnRnP2mP6HutLtuMRfDkAtcGyUrXSZQIfaFxChjbz9s63Q4fV9hd80KZI+jLHWkbCDRh78YH5MOcIy0mRnzKjm1IQrnNtbsdUNfLTIdctOedNpkqSYqU4aRQRqiD3LG/vAFyIKoXs7owGtqfPyFX9mQCbWniF0Yw/ljHMHY7UYErdLFG3a9TZqfLJwReHnmyqAjP5LxnLsDKtEvUxgetTXZcFdmTY+kuu0AJzMhK8nm4yVSbAIKSxkYU1qjtSHVHoNgF27oDRTXjtQUijrS1MlqLL+qT4wGgQe76F0niE7lag4Q0aBT2Uvq2p9temjZCGGBSqqR4dckayMpPEVxxz6Qb0sbzJpbzJ+180aM4VV2Iol2K4prjk8gfbkIMO+QMAAA=="],
|
|
4
|
+
"sourcesContent": ["._1q6dj2j0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\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-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-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-app-bar-container-padding: 1rem;\n --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;\n --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;\n --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;\n --stackflow-plugin-basic-ui-app-bar-line-height: 1.5;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n._1q6dj2j1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\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-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-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-app-bar-container-padding: 1rem;\n --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;\n --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;\n --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;\n --stackflow-plugin-basic-ui-app-bar-line-height: normal;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\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-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-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-app-bar-container-padding: 1rem;\n --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;\n --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;\n --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;\n --stackflow-plugin-basic-ui-app-bar-line-height: normal;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=android] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\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-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-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-app-bar-container-padding: 1rem;\n --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;\n --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;\n --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;\n --stackflow-plugin-basic-ui-app-bar-line-height: 1.5;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\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}", "._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4348 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n}\n._1dlf4349 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434d {\n transform: translate3d(100%, 0, 0);\n}\n._1dlf434j {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1q6dj2j0 ._1dlf434j {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf434a ._1dlf434j,\n ._1dlf434b ._1dlf434j\n {\n opacity: 1;\n}\n\n ._1dlf434c ._1dlf434j,\n ._1dlf434d ._1dlf434j\n {\n opacity: 0;\n}\n._1dlf434k {\n z-index: var(--_1dlf4342);\n}\n._1q6dj2j1 ._1dlf434k {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1dlf434k,\n ._1q6dj2j1 ._1dlf434b ._1dlf434k\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434k {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1dlf434k,\n ._1q6dj2j0 ._1dlf434b ._1dlf434k\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434l {\n --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n padding-top: var(--_1dlf4345);\n}\n._1q6dj2j1 ._1dlf434m {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434n {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434o {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n}\n._1dlf434o::-webkit-scrollbar {\n display: none;\n}\n._1dlf434p {\n margin-top: var(--_1dlf4345);\n height: calc(100% - var(--_1dlf4345));\n}\n._1dlf434q {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434r {\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: max(0px)) and (padding: constant(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: 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: max(0px)) and (padding: env(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: 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 background-image: var(--stackflow-plugin-basic-ui-app-bar-background-image);\n z-index: var(--_1dlf4344);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-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 ._1dlf434c ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-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), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-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 ._1dlf434a ._1yk3a452,\n ._1q6dj2j0 ._1dlf434b ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1yk3a453 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434c ._1yk3a453 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(100%, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a454 {\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1yk3a454,\n ._1q6dj2j1 ._1dlf434b ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340);\n}\n._1yk3a455 {\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 ._1yk3a456 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-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 ._1dlf434a ._1yk3a456,\n ._1q6dj2j1 ._1dlf434b ._1yk3a456\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a456 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a457, \n ._1q6dj2j0 ._1dlf434c ._1yk3a457, \n ._1q6dj2j0 ._1dlf434d ._1yk3a457 {\n opacity: 0;\n transform: translate3d(50%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1dlf434a ._1yk3a457,\n ._1q6dj2j0 ._1dlf434b ._1yk3a457 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1yk3a458 {\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._1yk3a459 {\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._1q6dj2j0 ._1yk3a459 {\n padding-left: var(--stackflow-plugin-basic-ui-app-bar-container-padding);\n padding-right: var(--stackflow-plugin-basic-ui-app-bar-container-padding);\n}\n._1yk3a45a {\n padding-right: var(--stackflow-plugin-basic-ui-app-bar-item-gap);\n}\n._1yk3a45a:empty {\n display: none;\n}\n._1q6dj2j1 ._1yk3a45a {\n padding-left: var(--stackflow-plugin-basic-ui-app-bar-container-padding);\n}\n._1yk3a45b {\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 padding: var(--stackflow-plugin-basic-ui-app-bar-hit-slop);\n margin: calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-hit-slop));\n}\n._1yk3a45b:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45e {\n display: flex;\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n font-size: var(--stackflow-plugin-basic-ui-app-bar-font-size);\n line-height: var(--stackflow-plugin-basic-ui-app-bar-line-height);\n font-weight: bold;\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 ._1yk3a45e {\n width: 100%;\n justify-content: flex-start;\n box-sizing: border-box;\n}\n._1q6dj2j1 ._1yk3a45e {\n width: var(--_1dlf4346);\n position: absolute;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont;\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._1yk3a45f {\n left: 50%;\n height: var(--stackflow-plugin-basic-ui-app-bar-font-size);\n transform: translate(-50%);\n max-width: calc(var(--stackflow-plugin-basic-ui-app-bar-font-size) * 5);\n display: none;\n width: var(--_1dlf4346);\n}\n._1q6dj2j1 ._1yk3a45f {\n display: block;\n}\n._1yk3a45g {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45h {\n padding-left: var(--stackflow-plugin-basic-ui-app-bar-item-gap);\n}\n._1yk3a45h:empty {\n display: none;\n}\n._1q6dj2j1 ._1yk3a45h {\n padding-right: var(--stackflow-plugin-basic-ui-app-bar-container-padding);\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 background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n transform: 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 background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n max-width: var(--stackflow-plugin-basic-ui-modal-max-width);\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-modal-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/index.js
CHANGED
|
@@ -114,7 +114,7 @@ var import_react = require("react");
|
|
|
114
114
|
|
|
115
115
|
// src/basicUIPlugin.css.ts
|
|
116
116
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
117
|
-
var globalVars = { backgroundColor: "var(--stackflow-plugin-basic-ui-background-color)", backgroundImage: "var(--stackflow-plugin-basic-ui-background-image)", dimBackgroundColor: "var(--stackflow-plugin-basic-ui-dim-background-color)", transitionDuration: "var(--stackflow-plugin-basic-ui-transition-duration)", computedTransitionDuration: "var(--stackflow-plugin-basic-ui-computed-transition-duration)", appBar: { borderColor: "var(--stackflow-plugin-basic-ui-app-bar-border-color)", borderColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration)", borderSize: "var(--stackflow-plugin-basic-ui-app-bar-border-size)", height: "var(--stackflow-plugin-basic-ui-app-bar-height)", heightTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration)", minHeight: "var(--stackflow-plugin-basic-ui-app-bar-min-height)", iconColor: "var(--stackflow-plugin-basic-ui-app-bar-icon-color)", iconColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration)", textColor: "var(--stackflow-plugin-basic-ui-app-bar-text-color)", textColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration)", backgroundColor: "var(--stackflow-plugin-basic-ui-app-bar-background-color)", backgroundColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration)", backgroundImage: "var(--stackflow-plugin-basic-ui-app-bar-background-image)", backgroundImageTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration)", overflow: "var(--stackflow-plugin-basic-ui-app-bar-overflow)", minSafeAreaInsetTop: "var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top)" }, bottomSheet: { borderRadius: "var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)" }, modal: { borderRadius: "var(--stackflow-plugin-basic-ui-modal-border-radius)", maxWidth: "var(--stackflow-plugin-basic-ui-modal-max-width)" } };
|
|
117
|
+
var globalVars = { backgroundColor: "var(--stackflow-plugin-basic-ui-background-color)", backgroundImage: "var(--stackflow-plugin-basic-ui-background-image)", dimBackgroundColor: "var(--stackflow-plugin-basic-ui-dim-background-color)", transitionDuration: "var(--stackflow-plugin-basic-ui-transition-duration)", computedTransitionDuration: "var(--stackflow-plugin-basic-ui-computed-transition-duration)", appBar: { borderColor: "var(--stackflow-plugin-basic-ui-app-bar-border-color)", borderColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration)", borderSize: "var(--stackflow-plugin-basic-ui-app-bar-border-size)", height: "var(--stackflow-plugin-basic-ui-app-bar-height)", heightTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration)", minHeight: "var(--stackflow-plugin-basic-ui-app-bar-min-height)", iconColor: "var(--stackflow-plugin-basic-ui-app-bar-icon-color)", iconColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration)", textColor: "var(--stackflow-plugin-basic-ui-app-bar-text-color)", textColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration)", backgroundColor: "var(--stackflow-plugin-basic-ui-app-bar-background-color)", backgroundColorTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration)", backgroundImage: "var(--stackflow-plugin-basic-ui-app-bar-background-image)", backgroundImageTransitionDuration: "var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration)", overflow: "var(--stackflow-plugin-basic-ui-app-bar-overflow)", minSafeAreaInsetTop: "var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top)", containerPadding: "var(--stackflow-plugin-basic-ui-app-bar-container-padding)", itemGap: "var(--stackflow-plugin-basic-ui-app-bar-item-gap)", fontSize: "var(--stackflow-plugin-basic-ui-app-bar-font-size)", lineHeight: "var(--stackflow-plugin-basic-ui-app-bar-line-height)", hitSlop: "var(--stackflow-plugin-basic-ui-app-bar-hit-slop)" }, bottomSheet: { borderRadius: "var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius)" }, modal: { borderRadius: "var(--stackflow-plugin-basic-ui-modal-border-radius)", maxWidth: "var(--stackflow-plugin-basic-ui-modal-max-width)" } };
|
|
118
118
|
var stackWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1q6dj2j2", variantClassNames: { theme: { android: "_1q6dj2j0", cupertino: "_1q6dj2j1" } }, defaultVariants: {}, compoundVariants: [] });
|
|
119
119
|
|
|
120
120
|
// src/utils/compact.ts
|
|
@@ -146,7 +146,7 @@ function useGlobalOptions() {
|
|
|
146
146
|
var basicUIPlugin = (options) => () => ({
|
|
147
147
|
key: "basic-ui",
|
|
148
148
|
wrapStack({ stack, initialContext }) {
|
|
149
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
149
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
|
|
150
150
|
const _options = typeof options === "function" ? options({ initialContext }) : options;
|
|
151
151
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
152
152
|
GlobalOptionsProvider,
|
|
@@ -177,7 +177,12 @@ var basicUIPlugin = (options) => () => ({
|
|
|
177
177
|
[globalVars.appBar.textColor]: (_g = _options.appBar) == null ? void 0 : _g.textColor,
|
|
178
178
|
[globalVars.appBar.minSafeAreaInsetTop]: (_h = _options.appBar) == null ? void 0 : _h.minSafeAreaInsetTop,
|
|
179
179
|
[globalVars.bottomSheet.borderRadius]: (_i = _options.bottomSheet) == null ? void 0 : _i.borderRadius,
|
|
180
|
-
[globalVars.modal.borderRadius]: (_j = _options.modal) == null ? void 0 : _j.borderRadius
|
|
180
|
+
[globalVars.modal.borderRadius]: (_j = _options.modal) == null ? void 0 : _j.borderRadius,
|
|
181
|
+
[globalVars.appBar.containerPadding]: (_k = _options.appBar) == null ? void 0 : _k.containerPadding,
|
|
182
|
+
[globalVars.appBar.fontSize]: (_l = _options.appBar) == null ? void 0 : _l.fontSize,
|
|
183
|
+
[globalVars.appBar.lineHeight]: (_m = _options.appBar) == null ? void 0 : _m.lineHeight,
|
|
184
|
+
[globalVars.appBar.hitSlop]: (_n = _options.appBar) == null ? void 0 : _n.hitSlop,
|
|
185
|
+
[globalVars.appBar.itemGap]: (_o = _options.appBar) == null ? void 0 : _o.itemGap
|
|
181
186
|
})
|
|
182
187
|
),
|
|
183
188
|
children: stack.render()
|
|
@@ -251,7 +256,13 @@ var AppBar = (0, import_react3.forwardRef)(
|
|
|
251
256
|
backgroundImageTransitionDuration,
|
|
252
257
|
onTopClick,
|
|
253
258
|
enterStyle,
|
|
254
|
-
className
|
|
259
|
+
className,
|
|
260
|
+
minHeight,
|
|
261
|
+
fontSize,
|
|
262
|
+
lineHeight,
|
|
263
|
+
hitSlop,
|
|
264
|
+
containerPadding,
|
|
265
|
+
itemGap
|
|
255
266
|
}, ref) => {
|
|
256
267
|
var _a, _b;
|
|
257
268
|
const actions = (0, import_react2.useActions)();
|
|
@@ -394,7 +405,13 @@ var AppBar = (0, import_react3.forwardRef)(
|
|
|
394
405
|
[globalVars.appBar.backgroundColorTransitionDuration]: backgroundColorTransitionDuration,
|
|
395
406
|
[globalVars.appBar.backgroundImage]: backgroundImage != null ? backgroundImage : isUnderAppBarSlideTransition ? globalVars.appBar.backgroundImage : "none",
|
|
396
407
|
[globalVars.appBar.backgroundImageTransitionDuration]: backgroundImageTransitionDuration,
|
|
397
|
-
[vars.appBar.center.mainWidth]: `${maxWidth}px
|
|
408
|
+
[vars.appBar.center.mainWidth]: `${maxWidth}px`,
|
|
409
|
+
[globalVars.appBar.minHeight]: minHeight,
|
|
410
|
+
[globalVars.appBar.containerPadding]: containerPadding,
|
|
411
|
+
[globalVars.appBar.fontSize]: fontSize,
|
|
412
|
+
[globalVars.appBar.hitSlop]: hitSlop,
|
|
413
|
+
[globalVars.appBar.lineHeight]: lineHeight,
|
|
414
|
+
[globalVars.appBar.itemGap]: itemGap
|
|
398
415
|
})
|
|
399
416
|
),
|
|
400
417
|
"data-part": "appBar"
|