@stackflow/plugin-basic-ui 1.16.1 → 1.18.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.
Files changed (22) hide show
  1. package/dist/basicUIPlugin.css.d.ts +20 -0
  2. package/dist/basicUIPlugin.css.d.ts.map +1 -1
  3. package/dist/basicUIPlugin.d.ts.map +1 -1
  4. package/dist/components/AppBar.css.d.ts.map +1 -1
  5. package/dist/components/AppBar.d.ts +7 -2
  6. package/dist/components/AppBar.d.ts.map +1 -1
  7. package/dist/components/AppScreen.css.d.ts +10 -6
  8. package/dist/components/AppScreen.css.d.ts.map +1 -1
  9. package/dist/components/AppScreen.d.ts.map +1 -1
  10. package/dist/index.css +85 -57
  11. package/dist/index.css.map +3 -3
  12. package/dist/index.js +31 -10
  13. package/dist/index.js.map +2 -2
  14. package/dist/index.mjs +31 -10
  15. package/dist/index.mjs.map +2 -2
  16. package/package.json +2 -2
  17. package/src/basicUIPlugin.css.ts +23 -0
  18. package/src/basicUIPlugin.tsx +11 -1
  19. package/src/components/AppBar.css.ts +17 -25
  20. package/src/components/AppBar.tsx +18 -0
  21. package/src/components/AppScreen.css.ts +33 -30
  22. package/src/components/AppScreen.tsx +1 -0
package/dist/basicUIPlugin.css.d.ts CHANGED
@@ -2,8 +2,10 @@ declare const GLOBAL_VARS: {
2
2
  backgroundColor: string;
3
3
  backgroundImage: string;
4
4
  dimBackgroundColor: string;
5
+ dimHeight: string;
5
6
  transitionDuration: string;
6
7
  computedTransitionDuration: string;
8
+ defaultTransitionOffSet: string;
7
9
  appBar: {
8
10
  borderColor: string;
9
11
  borderColorTransitionDuration: string;
@@ -21,6 +23,11 @@ declare const GLOBAL_VARS: {
21
23
  backgroundImageTransitionDuration: string;
22
24
  overflow: string;
23
25
  minSafeAreaInsetTop: string;
26
+ containerPadding: string;
27
+ itemGap: string;
28
+ fontSize: string;
29
+ lineHeight: string;
30
+ hitSlop: string;
24
31
  };
25
32
  bottomSheet: {
26
33
  borderRadius: string;
@@ -29,13 +36,18 @@ declare const GLOBAL_VARS: {
29
36
  borderRadius: string;
30
37
  maxWidth: string;
31
38
  };
39
+ edge: {
40
+ width: string;
41
+ };
32
42
  };
33
43
  export declare const globalVars: {
34
44
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
45
  backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
46
  dimBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ dimHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
48
  transitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
49
  computedTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ defaultTransitionOffSet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
51
  appBar: {
40
52
  borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
53
  borderColorTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -53,6 +65,11 @@ export declare const globalVars: {
53
65
  backgroundImageTransitionDuration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
66
  overflow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
67
  minSafeAreaInsetTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ containerPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ itemGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ hitSlop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
73
  };
57
74
  bottomSheet: {
58
75
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -61,6 +78,9 @@ export declare const globalVars: {
61
78
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
79
  maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
80
  };
81
+ edge: {
82
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ };
64
84
  };
65
85
  export type GlobalVars = typeof GLOBAL_VARS;
66
86
  export declare const android: string;
package/dist/basicUIPlugin.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"basicUIPlugin.css.d.ts","sourceRoot":"","sources":["../src/basicUIPlugin.css.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC;AA6C5C,eAAO,MAAM,OAAO,QAElB,CAAC;AACH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAaH,eAAO,MAAM,YAAY;;;;;EAQvB,CAAC"}
1
+ {"version":3,"file":"basicUIPlugin.css.d.ts","sourceRoot":"","sources":["../src/basicUIPlugin.css.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC;AA0D5C,eAAO,MAAM,OAAO,QAElB,CAAC;AACH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAaH,eAAO,MAAM,YAAY;;;;;EAQvB,CAAC"}
package/dist/basicUIPlugin.d.ts.map CHANGED
@@ -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,oBAiDH,CAAC"}
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,oBA2DH,CAAC"}
package/dist/components/AppBar.css.d.ts.map CHANGED
@@ -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,QAcpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAkBf,CAAC;AAEH,eAAO,MAAM,UAAU,QAqBrB,CAAC;AAEH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,MAAM,QAAuD,CAAC;AAE3E,eAAO,MAAM,UAAU,QAkCrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAkBzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAoBhB,CAAC"}
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"}
package/dist/components/AppBar.d.ts CHANGED
@@ -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
- }, "height" | "backgroundColor" | "backgroundImage" | "borderColor" | "overflow" | "borderColorTransitionDuration" | "borderSize" | "heightTransitionDuration" | "iconColor" | "iconColorTransitionDuration" | "textColor" | "textColorTransitionDuration" | "backgroundColorTransitionDuration" | "backgroundImageTransitionDuration">> & {
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;
package/dist/components/AppBar.d.ts.map CHANGED
@@ -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,CACtC,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;kDAuSnB,CAAC;AAIF,eAAe,MAAM,CAAC"}
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/components/AppScreen.css.d.ts CHANGED
@@ -26,13 +26,8 @@ export declare const appScreen: import("@vanilla-extract/recipes").RuntimeFn<{
26
26
  "exit-active": string;
27
27
  "exit-done": string;
28
28
  };
29
- }>;
30
- export declare const dim: string;
31
- export declare const paper: import("@vanilla-extract/recipes").RuntimeFn<{
32
29
  hasAppBar: {
33
- true: (string | {
34
- 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})`;
35
- paddingTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ true: {
36
31
  vars: {
37
32
  [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
33
  };
@@ -54,6 +49,15 @@ export declare const paper: import("@vanilla-extract/recipes").RuntimeFn<{
54
49
  };
55
50
  };
56
51
  };
52
+ };
53
+ };
54
+ }>;
55
+ export declare const dim: string;
56
+ export declare const paper: import("@vanilla-extract/recipes").RuntimeFn<{
57
+ hasAppBar: {
58
+ true: (string | {
59
+ 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})`;
60
+ paddingTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
61
  })[];
58
62
  };
59
63
  modalPresentationStyle: {
package/dist/components/AppScreen.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppScreen.css.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAcf,CAAC;AAMH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,WAAW,QAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAY,CAAC;AACnC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;EAUpB,CAAC;AAEH,eAAO,MAAM,GAAG,QA0Bd,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;YAyCR;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCX,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;EAoBvB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;EAmBf,CAAC"}
1
+ {"version":3,"file":"AppScreen.css.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAcf,CAAC;AAMH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,WAAW,QAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAY,CAAC;AACnC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;YAcd;;;;;eAKG;;;;;;;;;;;;;;;EAkBT,CAAC;AAEH,eAAO,MAAM,GAAG,QA0Bd,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;EA4DhB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;EAoBvB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;EAmBf,CAAC"}
package/dist/components/AppScreen.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppScreen.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAGF,wBAAgB,YAAY,qBAE3B;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC,CAC/E,GAAG;IACF,MAAM,CAAC,EAAE,IAAI,CACX,MAAM,CAAC,OAAO,MAAM,CAAC,EACrB,OAAO,GAAG,wBAAwB,GAAG,KAAK,GAAG,KAAK,CACnD,CAAC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qCAAqC,CAAC,EAAE,YAAY,CAAC;IACrD,+BAA+B,CAAC,EAAE,aAAa,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuQvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"AppScreen.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAGF,wBAAgB,YAAY,qBAE3B;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC,CAC/E,GAAG;IACF,MAAM,CAAC,EAAE,IAAI,CACX,MAAM,CAAC,OAAO,MAAM,CAAC,EACrB,OAAO,GAAG,wBAAwB,GAAG,KAAK,GAAG,KAAK,CACnD,CAAC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qCAAqC,CAAC,EAAE,YAAY,CAAC;IACrD,+BAA+B,CAAC,EAAE,aAAa,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwQvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/index.css CHANGED
@@ -1,10 +1,12 @@
1
- /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3YXUvDMBQG4Pv9ioAICqa01TmI+EtE5LQ5bc+25NQk1aH432Xix81mPyZ4sUAvetE3eUuTPNDkIXu81st8mYrXmRBS+gDlqlrzs2zXXU1WFuCplB3JAspV7bizWpa8ZqfESVVVN8NTZKBGJTrrMfTFNJkdE7q6gLP0QnxeSTY/7xsoOLCeArGVunOwvVEi9X2xkk3bBdRT89C2sgAnC3Ya3b7+6aK3/66B/qiUpxdUIms3Q3MNUt0EJS6TuUMzLnVoZ0N24vxUsv1esXmWZ/nV+Oih9QNuwsQSP9GDv/ukHbwv/YdtxpwM++KH1uEndNsHlGhIa7RjFqaHCiU4BEnbV5CBWyXS/o1VcAhspG8Qw9eudKCp80pkA5a4YQ3r6UEDG/lMOjRKZGl6ejN7myVfHmTRg+P0IE3m40XIk8X/kjCyQDQhmhBNGGiCcszhTkOA387VBg3ell2LLpDl+8hH5CPyEfmIfEQ+BvMBVjsmHfE4Ujziv6gIR4QjwvEBxzugpz2hmxgAAA== */
1
+ /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YYYvUMBD9fr8iIIKCKW11PejhLxGRaTNt567J1GTqLYr/XVZv70RubdNV3GMD/dAPecmbSWbeY7KPxae35rq8ztXXC6W0DgLNTTvwrR6HqSOnawjU6Il0Dc1N53lyRjc8sK/Us7Ztr5ajyEKHlZpcQJmDGbKPHOi7Gl7kr9TdlxWbl0s26pG6XipV5B7tHEA8uEBC7LSZPOx+KpWHOVjDdpwEzVq8wRamQX6Fc9vqgEt5wzjqGryu2Rv0hzKWX85m7LGN1kb1216BvmClinG7FLe/udfZJiIFP1HHcrbkVp5PDbv7GimLsijfxEOPpS+4lZUkHqBH3/uqnnEI/RfZxPSiQ/Bj6fBn9LsFlerJGHQxDzNAixo8gqZdCFp4rFS+vLAadgLk0OsRjCHXVaqIeeGCVncwxqFadrLvAVlRRpU0iQ7DjyCjSnEghw/9P9vMyhWLsNWhR5R91/JgaArLQrVsYFgPtLDVt2Sk3zX9/PkcCE2H9+uzu4R+u8j2ol6chajP5+kkNX2e9tOR9DzbxIt6mV3+X1WPJJBkPcl6kvXTk3XH3sJwFspeeWZ5b0DgT2rXo8V3zTSiF3L8IZmAZAKSCUgmIJmAZAKSCTgrEwDOeCZzHhYgDfdPwASk4X4yAMkAJAOQhvv/Rv2/A99CNeuxHwAA */
2
2
  ._1q6dj2j0 {
3
3
  --stackflow-plugin-basic-ui-background-color: #fff;
4
4
  --stackflow-plugin-basic-ui-background-image: unset;
5
5
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
6
+ --stackflow-plugin-basic-ui-dim-height: 10rem;
6
7
  --stackflow-plugin-basic-ui-transition-duration: 0s;
7
8
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
9
+ --stackflow-plugin-basic-ui-default-transition-off-set: 10rem;
8
10
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
9
11
  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;
10
12
  --stackflow-plugin-basic-ui-app-bar-border-size: 1px;
@@ -21,16 +23,24 @@
21
23
  --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
22
24
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
23
25
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
26
+ --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
27
+ --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
28
+ --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
29
+ --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
30
+ --stackflow-plugin-basic-ui-app-bar-line-height: 1.5;
24
31
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
25
32
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
26
33
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
34
+ --stackflow-plugin-basic-ui-edge-width: 1.25rem;
27
35
  }
28
36
  ._1q6dj2j1 {
29
37
  --stackflow-plugin-basic-ui-background-color: #fff;
30
38
  --stackflow-plugin-basic-ui-background-image: unset;
31
39
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
40
+ --stackflow-plugin-basic-ui-dim-height: 100%;
32
41
  --stackflow-plugin-basic-ui-transition-duration: 0s;
33
42
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
43
+ --stackflow-plugin-basic-ui-default-transition-off-set: 100%;
34
44
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
35
45
  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;
36
46
  --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
@@ -47,16 +57,24 @@
47
57
  --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
48
58
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
49
59
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
60
+ --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
61
+ --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
62
+ --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
63
+ --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
64
+ --stackflow-plugin-basic-ui-app-bar-line-height: normal;
50
65
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
51
66
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
52
67
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
68
+ --stackflow-plugin-basic-ui-edge-width: 1.25rem;
53
69
  }
54
70
  :root[data-stackflow-plugin-basic-ui-theme=cupertino] {
55
71
  --stackflow-plugin-basic-ui-background-color: #fff;
56
72
  --stackflow-plugin-basic-ui-background-image: unset;
57
73
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
74
+ --stackflow-plugin-basic-ui-dim-height: 100%;
58
75
  --stackflow-plugin-basic-ui-transition-duration: 0s;
59
76
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
77
+ --stackflow-plugin-basic-ui-default-transition-off-set: 100%;
60
78
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
61
79
  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;
62
80
  --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
@@ -73,16 +91,24 @@
73
91
  --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
74
92
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
75
93
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
94
+ --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
95
+ --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
96
+ --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
97
+ --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
98
+ --stackflow-plugin-basic-ui-app-bar-line-height: normal;
76
99
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
77
100
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
78
101
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
102
+ --stackflow-plugin-basic-ui-edge-width: 1.25rem;
79
103
  }
80
104
  :root[data-stackflow-plugin-basic-ui-theme=android] {
81
105
  --stackflow-plugin-basic-ui-background-color: #fff;
82
106
  --stackflow-plugin-basic-ui-background-image: unset;
83
107
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
108
+ --stackflow-plugin-basic-ui-dim-height: 10rem;
84
109
  --stackflow-plugin-basic-ui-transition-duration: 0s;
85
110
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
111
+ --stackflow-plugin-basic-ui-default-transition-off-set: 10rem;
86
112
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
87
113
  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;
88
114
  --stackflow-plugin-basic-ui-app-bar-border-size: 1px;
@@ -99,9 +125,15 @@
99
125
  --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
100
126
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
101
127
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
128
+ --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
129
+ --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
130
+ --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
131
+ --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
132
+ --stackflow-plugin-basic-ui-app-bar-line-height: 1.5;
102
133
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
103
134
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
104
135
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
136
+ --stackflow-plugin-basic-ui-edge-width: 1.25rem;
105
137
  }
106
138
 
107
139
  /* vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0= */
@@ -164,7 +196,7 @@
164
196
  background: none;
165
197
  }
166
198
 
167
- /* 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 */
199
+ /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WV23KbMBCG7/0UuukMTFFGjpMe6E3fpLMggWULiUjCh3by7h0EDghzsJPe1Fcer/bffz+tVw+/1lRkT5unr+jPCqEE0n2uVSUpTpVQOkYH0AHGxkK6z4Q64lJUOZc4AcNTXHFMeYGHWeGP1evq4aL87Z3KI6qeDC8gZ3fJuAzf3HdnzmqQhluuZNx8z5QuWuXLSRJGSJWQcnu+iniStJOsZVpFAZZtaLAm5FOESIQGSTuX1Gk+LzcGZYkT0HjLeL61vtzeybV2Y0RqdL8xl5Sd4oH7tePaiNx23X7Bly9097gjaFC7wx4jwSUDjXMNlDNpg3fNVIR0nkBAGno1QOdghdznrTr0jETDYNILNjEP03pMMJ0TpPOCxLsU4YIT1/Do81yjQdrEPC2iZBlUwuJuwrHKMmyYDXtj2LblGruq3yMqotmTPbzicnDGO/H/CFeDJEaGeFrqYyQmMJCbMZBlDP05uxVKI1P8ky0VoQJ0zcSq8s7t0qdGKw31F7c3SqCUy7yWHE708+REy4WpaJfk5GCoufzn8QVbNldwYNq1e46RSbUSom4CH1my5xa/RZsQl3mMrKrSra8Ux5eE5lwC2olTbkoB5xhJJZmX8uLiHf0xVN0OTkGk7qFA+Oqc31RT98ip3S6vbkZzht3ZcOY52PgVTIP6w5Z/mqoslbYGBe3IxKiAU0DKUxgikLT3e6qksSBtYCBjGDQDzKVhtiYXhs7Q4N0cvJzOzZ3PJ/rs/NyaVXCJx+xFC+4dtdc7gTB5+D9ZTBq/YPgLcEW/En8KAAA= */
168
200
  ._1dlf4347 {
169
201
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
170
202
  }
@@ -179,85 +211,87 @@
179
211
  transform: translate3d(100%, 0, 0);
180
212
  }
181
213
  ._1dlf434j {
214
+ --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);
215
+ }
216
+ ._1dlf434k {
182
217
  opacity: 0;
183
218
  z-index: var(--_1dlf4341);
219
+ height: var(--stackflow-plugin-basic-ui-dim-height);
184
220
  }
185
- ._1q6dj2j0 ._1dlf434j {
186
- height: 10rem;
221
+ ._1q6dj2j0 ._1dlf434k {
187
222
  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
188
223
  }
189
- ._1dlf434a ._1dlf434j,
190
- ._1dlf434b ._1dlf434j {
224
+ ._1dlf434a ._1dlf434k,
225
+ ._1dlf434b ._1dlf434k {
191
226
  opacity: 1;
192
227
  }
193
- ._1dlf434c ._1dlf434j,
194
- ._1dlf434d ._1dlf434j {
228
+ ._1dlf434c ._1dlf434k,
229
+ ._1dlf434d ._1dlf434k {
195
230
  opacity: 0;
196
231
  }
197
- ._1dlf434k {
232
+ ._1dlf434l {
198
233
  z-index: var(--_1dlf4342);
199
234
  }
200
- ._1q6dj2j1 ._1dlf434k {
201
- transform: translate3d(100%, 0, 0);
235
+ ._1q6dj2j1 ._1dlf434l {
236
+ transform: translate3d(var(--stackflow-plugin-basic-ui-default-transition-off-set), 0, 0);
202
237
  }
203
- ._1q6dj2j1 ._1dlf434a ._1dlf434k,
204
- ._1q6dj2j1 ._1dlf434b ._1dlf434k {
238
+ ._1q6dj2j1 ._1dlf434a ._1dlf434l,
239
+ ._1q6dj2j1 ._1dlf434b ._1dlf434l {
205
240
  transform: translate3d(0, 0, 0);
206
241
  }
207
- ._1q6dj2j0 ._1dlf434k {
242
+ ._1q6dj2j0 ._1dlf434l {
208
243
  opacity: 0;
209
- transform: translate3d(0, 10rem, 0);
244
+ transform: translate3d(0, var(--stackflow-plugin-basic-ui-default-transition-off-set), 0);
210
245
  }
211
- ._1q6dj2j0 ._1dlf434a ._1dlf434k,
212
- ._1q6dj2j0 ._1dlf434b ._1dlf434k {
246
+ ._1q6dj2j0 ._1dlf434a ._1dlf434l,
247
+ ._1q6dj2j0 ._1dlf434b ._1dlf434l {
213
248
  opacity: 1;
214
249
  transform: translate3d(0, 0, 0);
215
250
  }
216
- ._1dlf434l {
217
- --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);
251
+ ._1dlf434m {
218
252
  transition:
219
253
  transform var(--_1dlf4340),
220
254
  opacity var(--_1dlf4340),
221
255
  margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
222
256
  padding-top: var(--_1dlf4345);
223
257
  }
224
- ._1q6dj2j1 ._1dlf434m {
258
+ ._1q6dj2j1 ._1dlf434n {
225
259
  transform: translate3d(0, 100%, 0);
226
260
  }
227
- ._1q6dj2j0 ._1dlf434n {
261
+ ._1q6dj2j0 ._1dlf434o {
228
262
  transform: translate3d(50%, 0, 0);
229
263
  }
230
- ._1dlf434o {
264
+ ._1dlf434p {
231
265
  overflow-y: scroll;
232
266
  -webkit-overflow-scrolling: touch;
233
267
  }
234
- ._1dlf434o::-webkit-scrollbar {
268
+ ._1dlf434p::-webkit-scrollbar {
235
269
  display: none;
236
270
  }
237
- ._1dlf434p {
271
+ ._1dlf434q {
238
272
  margin-top: var(--_1dlf4345);
239
273
  height: calc(100% - var(--_1dlf4345));
240
274
  }
241
- ._1dlf434q {
242
- width: 1.25rem;
275
+ ._1dlf434r {
276
+ width: var(--stackflow-plugin-basic-ui-edge-width);
243
277
  z-index: var(--_1dlf4343);
244
278
  }
245
- ._1dlf434r {
246
- top: var(--stackflow-plugin-basic-ui-app-bar-height);
247
- height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
279
+ ._1dlf434s {
280
+ top: var(--_1dlf4345);
281
+ height: calc(100% - var(--_1dlf4345));
248
282
  }
249
283
  @supports (padding: max(0px)) and (padding: constant(safe-area-inset-top)) {
250
- ._1dlf434l {
284
+ ._1dlf434j {
251
285
  --_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)));
252
286
  }
253
287
  }
254
288
  @supports (padding: max(0px)) and (padding: env(safe-area-inset-top)) {
255
- ._1dlf434l {
289
+ ._1dlf434j {
256
290
  --_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)));
257
291
  }
258
292
  }
259
293
 
260
- /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1ZzXLbIBC+5ym4ZMbuCA/yX1r51kNvPfUBMkhCNjECFfBfOn33jpBkgS3ZlsdNe1BODux+7O637AIavfqH9QRPZwj8egIgpRyuCF2udAC2WA4gVBpH64SJHczYZkk5DLGiEdxQiLMMhljCWme4ePr9NKoQfYMotkTm6rfjVRou2tighThaL6XY8BhGggl5O+qp5nDhwtEUL8ldcEbTwL1DymOyr1Be/Zgl08l0aia1xFxRTQUPzty42wtYo8J4I3H+Y+id+XW3W234Yg/VCsdidzuykDGRF6wu2f45j9/Gbz44IT4TVexwqATbaHIuX0Q7OlU1iyVCpkHxk2FNJvHAR+jZA8gDqKfnBnq8Oo4AKSf46DTiIsMR1YcAoEV7/JEHfCRJ2hPQnQC3vqChV4X8bCYn6gmUfy5jhQi2yPMuSoaWZCXosO1fZrvcas2JM3kE1FkBmPQF4CMKgFWtpzdH/Gr1tqB6Wu4qC87mtza137j9p94VWasATGvRC3yjfns9jMdj6GfFQfhoQgAoV0QDlO1BhFk0gD741NUuRd/JcAjQXf60Ht3mV5LDR2i76hPkw/r/1RIw71AC5h1LwNV632fLf5EtTaezFw80JUbzoeu6cGwJ335hmPXHtX+QAGc14qWxRjTfE17uOdX33P5VbgtmPhtmqqe+FO8HXZ77FE4IxJJgaM4eUIts6IFIcKUx14OmaUPsY9cjfNu2lOXpF8fTW1c9Pmi62VgMd0S5/txlldrC3AzHMeXLACDgS5I6DuGApJk+GLmYqozhQwC44KQNEtuQUBaBsGDPzm2uAiPJUf4STKEbGt2Oj7M0Etx6lrUjXmXzBKFUeaBbDahxWziwIj2alR6mWC4pDwAsR2znAhxpuiUnTWs0brMaPd5ky5zCjh2N9er0zXlunOtIgyZ73ULD4xK/a0BqozrtIyc2+cND7tHbRmmaHGAkuCZcByBhZJ/bIHU+nQiuzVUoAP7IH1cJwSgnx68i/mh2FN2VY6Fg8aK6lNF3k05lEQ/Fvm2XkdaHbWtf5wbmA5jRJYdUk1QFICJcE9noUD1l4mbU7FFjd4JTyg4ByGPMCFQHpfN32K+M8vV3HP0w/38TXLd62hYpUypmRbCbGv0AztCz0wruKcgi+7iW9cDFbutXiUkLJ5J17h0jfTm4Kd7DMvUrhZNOcaFsNGdr4vabkIlo7di9LK5vedbV3/wIYzRTVJ3kDOUrIul5eh3HLdxV8WHSFOWyF+GNFq5M15a4au1wzd63y7d1xD/1kj7KWR0AAA== */
294
+ /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1ZTXOjOBC951fokio7hVIi/sgsvu1hb3uaH5ASIECxkFgkO3am9r9vWRgjYWyQ45nZAzk5oH5q9Wu9bonnN3+/nuH5AoEfDwDklMOM0DRTAdjicgKhVDhaJ0x8wIJtUsphiCWN4IZCXBQwxCVsbKarh38fnmtEXyOKLSkP5sPxagsb7UWjhThap6XY8BhGgolyOGrbcrqy4WiOU3ITnLbUcJ+Q8pjsapQ3P2bJfDaf65eqxFxSRQUPzpZx8ypggwrjTYkPP6be2bpuXtYlfLGDMsOx+BiOLMqYlFe8PrL9zzJ+f3n3QYv4QtSxw6EUbKPI+fgq2lHbVE+WiDIPqp8MKzKLJ32OxyTBG6ZMX0WSQEnU1APIA2hkdQCrXhN+gKTFGWoTJQocUbUPAFpdpg15vc5dZ26kzZE2W8zQ1KuJOntzoPcBHP9snqsh2KDcuzoyNEbWA60c8a/nyHGDdqfb7B5QZ2ozu6Y2PkKPo2zcQzaM0jAfHPHeUmFAjbTcJAvW5jc2td+5/edez1hDAObN0Ct8o3F73Y3HU+gXVdd9ciEAlEuiACp2IMIsmkAfPLn6JeknmU4Bumk9F/vEZU9y+AhtszFBfln975WApYMELB0loFfvx2z5X2RLV3f26oGuxOhuuvoHx8bg4ceMxdiu/YYEONOI106N6D4nvN7S1Y/c/lRuK2a+aWbqe8Uc73ovX8y7RYkTAnFJMNS9B1SimHogElwqzNWk67Um9r7zEb69NJWx0j+slQ6d9XR7amdj9dgRpf9uzZDayt0CxzHlKWQkcXA6ElxhykkJj/ba/xqrdItAF5gRVmz56YhNFclhiosWZEDyQu01cExlwfA+AFzwjnvFLh++HivDl1BDO15o00hw4yrbTJx6U84QyqUH3KSswb2QSqcgOCQ4VVAyUWjrHJcp5cEN54cTTCt8AY4U3ZJWdX9+uRQXdP+gGO4QO6cSRnYrd3oV2SmD3kRwpQ9OwxFOJhqAUU6cP+0YRo0XH0eQULD450mWK0NNvJwUsCLrg8YqCw5N/+NhRe8bqWiy19uWcFVxePChVKv6OEw/9Q44ls9Q7C7phjWDXSaX1W7q+LQBAGY05Vq7ZAAiwhUpO11rXukIaDPzqaYswTll+wAcosUIlHupSO6BPxnl679x9F3//5fgenmVtC2qUHQ1UBO4QI9Wib2l0Ini17UCd5xsWB+QaNKtSLrGyt6+13nI8Q4eM0yrqvsc4AksNFSrFl7J3O50T2z1C5mI1lZo0urkfUjW5tswYYwWksqW1FGekZKqM+k5PTdwsy/U5+4WIXNtEbKvtCmdPcJ/GPaZMZ8fAAA= */
261
295
  ._1yk3a450 {
262
296
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
263
297
  }
@@ -277,7 +311,7 @@
277
311
  position: absolute;
278
312
  }
279
313
  ._1q6dj2j1 ._1dlf434c ._1yk3a452 {
280
- transform: translate3d(100%, 0, 0);
314
+ transform: translate3d(var(--stackflow-plugin-basic-ui-default-transition-off-set), 0, 0);
281
315
  transition:
282
316
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
283
317
  background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
@@ -286,7 +320,7 @@
286
320
  }
287
321
  ._1q6dj2j0 ._1yk3a452 {
288
322
  opacity: 0;
289
- transform: translate3d(0, 10rem, 0);
323
+ transform: translate3d(0, var(--stackflow-plugin-basic-ui-default-transition-off-set), 0);
290
324
  transition:
291
325
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
292
326
  background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
@@ -387,50 +421,48 @@
387
421
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
388
422
  }
389
423
  ._1q6dj2j0 ._1yk3a459 {
390
- padding: 0 1rem;
424
+ padding-left: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
425
+ padding-right: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
426
+ }
427
+ ._1yk3a45a {
428
+ padding-right: var(--stackflow-plugin-basic-ui-app-bar-item-gap);
391
429
  }
392
430
  ._1yk3a45a:empty {
393
431
  display: none;
394
432
  }
395
- ._1q6dj2j0 ._1yk3a45a {
396
- padding-right: 1rem;
397
- }
398
433
  ._1q6dj2j1 ._1yk3a45a {
399
- padding-left: 1rem;
400
- padding-right: 1rem;
434
+ padding-left: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
401
435
  }
402
436
  ._1yk3a45b {
403
437
  color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
404
438
  transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
405
- padding: .5rem;
406
- margin: -.5rem;
439
+ padding: var(--stackflow-plugin-basic-ui-app-bar-hit-slop);
440
+ margin: calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-hit-slop));
407
441
  }
408
442
  ._1yk3a45b:active {
409
443
  opacity: 0.2;
410
444
  transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
411
445
  }
412
446
  ._1yk3a45e {
413
- width: var(--_1dlf4346);
447
+ display: flex;
414
448
  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
449
+ font-size: var(--stackflow-plugin-basic-ui-app-bar-font-size);
450
+ line-height: var(--stackflow-plugin-basic-ui-app-bar-line-height);
451
+ font-weight: bold;
415
452
  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
453
  }
417
454
  ._1q6dj2j0 ._1yk3a45e {
418
455
  width: 100%;
419
456
  justify-content: flex-start;
420
- font-size: 1.125rem;
421
- line-height: 1.5;
422
- font-weight: bold;
423
457
  box-sizing: border-box;
424
458
  }
425
459
  ._1q6dj2j1 ._1yk3a45e {
460
+ width: var(--_1dlf4346);
426
461
  position: absolute;
427
- display: flex;
428
462
  align-items: center;
429
463
  justify-content: center;
430
464
  text-align: center;
431
465
  font-family: -apple-system, BlinkMacSystemFont;
432
- font-weight: bold;
433
- font-size: 1.125rem;
434
466
  left: 50%;
435
467
  transform: translate(-50%);
436
468
  height: var(--stackflow-plugin-basic-ui-app-bar-height);
@@ -439,9 +471,9 @@
439
471
  }
440
472
  ._1yk3a45f {
441
473
  left: 50%;
442
- height: 1.25rem;
474
+ height: var(--stackflow-plugin-basic-ui-app-bar-font-size);
443
475
  transform: translate(-50%);
444
- max-width: 5rem;
476
+ max-width: calc(var(--stackflow-plugin-basic-ui-app-bar-font-size) * 5);
445
477
  display: none;
446
478
  width: var(--_1dlf4346);
447
479
  }
@@ -454,17 +486,13 @@
454
486
  font-weight: inherit;
455
487
  }
456
488
  ._1yk3a45h {
457
- margin-left: auto;
489
+ padding-left: var(--stackflow-plugin-basic-ui-app-bar-item-gap);
458
490
  }
459
491
  ._1yk3a45h:empty {
460
492
  display: none;
461
493
  }
462
- ._1q6dj2j0 ._1yk3a45h {
463
- padding-left: 1rem;
464
- }
465
494
  ._1q6dj2j1 ._1yk3a45h {
466
- padding-left: 1rem;
467
- padding-right: 1rem;
495
+ padding-right: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
468
496
  }
469
497
 
470
498
  /* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1pbWFnZSk7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9 */