@stackflow/plugin-basic-ui 1.13.1 → 1.14.0-private.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/CHANGELOG.md +218 -0
  2. package/dist/components/AppBar.css.d.ts +30 -14
  3. package/dist/components/AppBar.css.d.ts.map +1 -1
  4. package/dist/components/AppBar.d.ts +1 -0
  5. package/dist/components/AppBar.d.ts.map +1 -1
  6. package/dist/components/AppScreen.css.d.ts +9 -2
  7. package/dist/components/AppScreen.css.d.ts.map +1 -1
  8. package/dist/components/AppScreen.d.ts.map +1 -1
  9. package/dist/index.css +87 -40
  10. package/dist/index.css.map +3 -3
  11. package/dist/index.d.ts +1 -0
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/index.js +26 -20
  14. package/dist/index.js.map +2 -2
  15. package/dist/index.mjs +26 -20
  16. package/dist/index.mjs.map +2 -2
  17. package/package.json +3 -3
  18. package/src/components/AppBar.css.ts +68 -10
  19. package/src/components/AppBar.tsx +17 -2
  20. package/src/components/AppScreen.css.ts +23 -7
  21. package/src/components/AppScreen.tsx +16 -6
  22. package/src/index.ts +1 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,218 @@
1
+ # @stackflow/plugin-basic-ui
2
+
3
+ ## 1.14.0
4
+
5
+ ### Minor Changes
6
+
7
+ - a7650d4: Support full screen gradient background and introduce new app bar entrance type "cover"
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [a7650d4]
12
+ - @stackflow/react-ui-core@1.3.0
13
+
14
+ ## 1.13.1
15
+
16
+ ### Patch Changes
17
+
18
+ - 5c4b96c: fix(react-ui-core): consider nullable stack
19
+ - Updated dependencies [5c4b96c]
20
+ - @stackflow/react-ui-core@1.2.3
21
+
22
+ ## 1.13.0
23
+
24
+ ### Minor Changes
25
+
26
+ - 91413b6: To support various background designs, enable users to configure the background-image option in AppScreen, AppBar, BottomSheet and Modal.
27
+
28
+ ### Patch Changes
29
+
30
+ - 8593b5a: fix(plugin-basic-ui,react-ui-core): prevent touch events while transitioning
31
+ - Updated dependencies [8593b5a]
32
+ - @stackflow/react-ui-core@1.2.2
33
+
34
+ ## 1.12.0
35
+
36
+ ### Minor Changes
37
+
38
+ - cfa7af8: Supports dynamic import for activities, and delays transition effects while loading an activity or waiting for a loader response
39
+
40
+ ### Patch Changes
41
+
42
+ - cfa7af8: fix(plugin-basic-ui): assign normalized values to global option provider
43
+
44
+ ## 1.11.1
45
+
46
+ ### Patch Changes
47
+
48
+ - 151631b: chore(plugin-basic-ui): update react-ui-core dependency
49
+
50
+ ## 1.11.0
51
+
52
+ ### Minor Changes
53
+
54
+ - f9f1399: Change to the latest AppBar style
55
+ - dc35bfc: feat(react-ui-core, plugin-basic-ui): add `onSwipe*` hooks and add data attributes and css variables
56
+
57
+ ### Patch Changes
58
+
59
+ - Updated dependencies [dc35bfc]
60
+ - @stackflow/react-ui-core@1.2.0
61
+
62
+ ## 1.10.1
63
+
64
+ ### Patch Changes
65
+
66
+ - eb9ed7c: fix(plugin-basic-ui): add `max()` in support query
67
+ - eb4578f: fix(plugin-basic-ui): add `maxWidth` option in <Modal />
68
+
69
+ ## 1.10.0
70
+
71
+ ### Minor Changes
72
+
73
+ - 5b1865e: feat(plugin-basic-ui): add interface to access z-index about AppScreen
74
+
75
+ ## 1.9.2
76
+
77
+ ### Patch Changes
78
+
79
+ - @stackflow/react-ui-core@1.1.2
80
+
81
+ ## 1.9.2-canary.0
82
+
83
+ ### Patch Changes
84
+
85
+ - Updated dependencies
86
+ - @stackflow/react@1.3.2-canary.0
87
+ - @stackflow/react-ui-core@1.1.2-canary.0
88
+
89
+ ## 1.9.1
90
+
91
+ ### Patch Changes
92
+
93
+ - @stackflow/react-ui-core@1.1.1
94
+
95
+ ## 1.9.1-canary.0
96
+
97
+ ### Patch Changes
98
+
99
+ - Updated dependencies
100
+ - @stackflow/react@1.3.0-canary.0
101
+ - @stackflow/core@1.1.0-canary.0
102
+ - @stackflow/react-ui-core@1.1.1-canary.0
103
+
104
+ ## 1.9.0
105
+
106
+ ### Minor Changes
107
+
108
+ - e3dbaac: Extract core react hooks as a "@stackflow/react-ui-core" package
109
+
110
+ ### Patch Changes
111
+
112
+ - Updated dependencies [e3dbaac]
113
+ - @stackflow/react-ui-core@1.1.0
114
+
115
+ ## 1.8.4
116
+
117
+ ### Patch Changes
118
+
119
+ - 3e8df1b: fix(plugin-basic-ui): calculate app screen height correctly with safearea
120
+
121
+ ## 1.8.3
122
+
123
+ ## 1.8.3-canary.0
124
+
125
+ ### Patch Changes
126
+
127
+ - Updated dependencies
128
+ - @stackflow/react@1.2.0-canary.0
129
+
130
+ ## 1.8.2
131
+
132
+ ### Patch Changes
133
+
134
+ - 3e35026: chore: include declaration map
135
+
136
+ ## 1.8.1
137
+
138
+ ### Patch Changes
139
+
140
+ - bef6214: fix(plugin-basic-ui): remove `will-change` property
141
+
142
+ ## 1.8.0
143
+
144
+ ### Minor Changes
145
+
146
+ - 0f882e8: feat(plugin-basic-ui): export `useStyleEffect()`
147
+ - 0f882e8: feat(plugin-basic-ui): add `useZIndexBase()`
148
+
149
+ ### Patch Changes
150
+
151
+ - edfffda: use Biome for lint instead of ESLint and fix fixable errors
152
+ - 3872e44: style(plugin-basic-ui): move top padding to margin
153
+
154
+ ## 1.7.0
155
+
156
+ ### Minor Changes
157
+
158
+ - 207b8490: Expose `paperRef` from `<BottomSheet />` and add `!important` paper exit transition
159
+
160
+ ## 1.6.0
161
+
162
+ ### Minor Changes
163
+
164
+ - 20d19546: theme branching via :root's dataset
165
+
166
+ ## 1.5.3
167
+
168
+ ## 1.5.3-canary.0
169
+
170
+ ### Patch Changes
171
+
172
+ - Updated dependencies
173
+ - @stackflow/react@1.1.8-canary.0
174
+
175
+ ## 1.5.2
176
+
177
+ ### Patch Changes
178
+
179
+ - a32a7e09: chore: bump patch version
180
+ - Updated dependencies [a32a7e09]
181
+ - Updated dependencies [a32a7e09]
182
+ - @stackflow/react@1.1.7
183
+ - @stackflow/core@1.0.10
184
+
185
+ ## 1.5.2-canary.0
186
+
187
+ ### Patch Changes
188
+
189
+ - Updated dependencies
190
+ - @stackflow/react@1.1.7-canary.0
191
+ - @stackflow/core@1.0.10-canary.0
192
+
193
+ ## 1.5.1
194
+
195
+ ### Patch Changes
196
+
197
+ - d4e86c55: fix hydration mismatch warning in server-side rendering
198
+
199
+ ## 1.5.0
200
+
201
+ ### Minor Changes
202
+
203
+ - dd5be87f: feat(plugin-basic-ui): export css variables from components
204
+
205
+ ## 1.4.2
206
+
207
+ ### Patch Changes
208
+
209
+ - e4c49cdc: chore: apply new release system
210
+ - Updated dependencies [e4c49cdc]
211
+ - @stackflow/core@1.0.9
212
+ - @stackflow/react@1.1.6
213
+
214
+ ## 1.4.1
215
+
216
+ ### Patch Changes
217
+
218
+ - 7dca11ee: feat(plugin-basic-ui): update IconBack component (#423)
package/dist/components/AppBar.css.d.ts CHANGED
@@ -1,33 +1,49 @@
1
1
  export declare const appBar: import("@vanilla-extract/recipes").RuntimeFn<{
2
- border: {
3
- true: {
4
- boxShadow: `inset 0px calc(-1 * var(--${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${number})`;
2
+ activityEnterStyle: {
3
+ slideInLeft: {
4
+ selectors: {
5
+ [x: string]: {
6
+ opacity: number;
7
+ transform: "translate3d(0, 0, 0)";
8
+ transition?: undefined;
9
+ } | {
10
+ transform: "translate3d(100%, 0, 0)";
11
+ transition: string;
12
+ opacity?: undefined;
13
+ };
14
+ };
5
15
  };
6
16
  };
7
- modalPresentationStyle: {
8
- fullScreen: {
17
+ enterStyle: {
18
+ cover: {
9
19
  selectors: {
10
20
  [x: string]: {
11
- transform: "translate3d(0, 100vh, 0)";
21
+ transform: "translate3d(100%, 0, 0)";
22
+ transition?: undefined;
23
+ } | {
12
24
  transition: string;
25
+ transform?: undefined;
13
26
  } | {
14
27
  transform: "translate3d(0, 0, 0)";
15
- transition?: undefined;
28
+ transition: string;
16
29
  };
17
30
  };
18
31
  };
19
32
  };
20
- activityEnterStyle: {
21
- slideInLeft: {
33
+ border: {
34
+ true: {
35
+ boxShadow: `inset 0px calc(-1 * var(--${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${string})) 0 var(--${string}, ${number})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${string})` | `inset 0px calc(-1 * var(--${string}, ${number})) 0 var(--${string}, ${number})`;
36
+ };
37
+ };
38
+ modalPresentationStyle: {
39
+ fullScreen: {
22
40
  selectors: {
23
41
  [x: string]: {
24
- opacity: number;
42
+ transform: "translate3d(0, 100vh, 0)";
43
+ transition: string;
44
+ } | {
25
45
  transform: "translate3d(0, 0, 0)";
26
46
  transition?: undefined;
27
- } | {
28
- transform: "translate3d(100%, 0, 0)";
29
- transition: string;
30
- opacity?: undefined;
31
47
  };
32
48
  };
33
49
  };
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8FjB,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,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"}
package/dist/components/AppBar.d.ts CHANGED
@@ -38,6 +38,7 @@ declare const AppBar: import("react").ForwardRefExoticComponent<Partial<Pick<{
38
38
  modalPresentationStyle?: "fullScreen";
39
39
  activityEnterStyle?: "slideInLeft";
40
40
  onTopClick?: (e: React.MouseEvent) => void;
41
+ enterStyle?: "cover";
41
42
  } & import("react").RefAttributes<HTMLDivElement>>;
42
43
  export default AppBar;
43
44
  //# sourceMappingURL=AppBar.d.ts.map
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":"AA+DA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;YA3BF,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;kDAqR3C,CAAC;AAIF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.tsx"],"names":[],"mappings":"AAgEA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;YA5BF,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;kDAmSrB,CAAC;AAIF,eAAe,MAAM,CAAC"}
package/dist/components/AppScreen.css.d.ts CHANGED
@@ -32,8 +32,7 @@ export declare const paper: import("@vanilla-extract/recipes").RuntimeFn<{
32
32
  hasAppBar: {
33
33
  true: (string | {
34
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
- marginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- height: `calc(100% - var(--${string}))` | `calc(100% - var(--${string}, ${string}))` | `calc(100% - var(--${string}, ${number}))`;
35
+ paddingTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
36
  vars: {
38
37
  [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
38
  };
@@ -76,6 +75,14 @@ export declare const paper: import("@vanilla-extract/recipes").RuntimeFn<{
76
75
  };
77
76
  };
78
77
  }>;
78
+ export declare const paperContent: import("@vanilla-extract/recipes").RuntimeFn<{
79
+ hasAppBar: {
80
+ true: {
81
+ marginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ height: `calc(100% - var(--${string}))` | `calc(100% - var(--${string}, ${string}))` | `calc(100% - var(--${string}, ${number}))`;
83
+ };
84
+ };
85
+ }>;
79
86
  export declare const edge: import("@vanilla-extract/recipes").RuntimeFn<{
80
87
  hasAppBar: {
81
88
  true: {
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;;;;;;;;;YA+CR;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCX,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;;;;;;;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"}
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":"AAeA,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,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkPvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"AppScreen.d.ts","sourceRoot":"","sources":["../../src/components/AppScreen.tsx"],"names":[],"mappings":"AAeA,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,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4PvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
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=#H4sIAAAAAAAAE+3YXUvDMBQG4Pv9ioAICqa01TmI+EtE5LQ5bc+25NQk1aH432Xix81mPyZ4sUAvetE3eUuTPNDkIXu81st8mYrXmRBS+gDlqlrzs2zXXU1WFuCplB3JAspV7bizWpa8ZqfESVVVN8NTZKBGJTrrMfTFNJkdE7q6gLP0QnxeSTY/7xsoOLCeArGVunOwvVEi9X2xkk3bBdRT89C2sgAnC3Ya3b7+6aK3/66B/qiUpxdUIms3Q3MNUt0EJS6TuUMzLnVoZ0N24vxUsv1esXmWZ/nV+Oih9QNuwsQSP9GDv/ukHbwv/YdtxpwM++KH1uEndNsHlGhIa7RjFqaHCiU4BEnbV5CBWyXS/o1VcAhspG8Qw9eudKCp80pkA5a4YQ3r6UEDG/lMOjRKZGl6ejN7myVfHmTRg+P0IE3m40XIk8X/kjCyQDQhmhBNGGiCcszhTkOA387VBg3ell2LLpDl+8hH5CPyEfmIfEQ+BvMBVjsmHfE4Ujziv6gIR4QjwvEBxzugpz2hmxgAAA== */
2
2
  ._1q6dj2j0 {
3
3
  --stackflow-plugin-basic-ui-background-color: #fff;
4
4
  --stackflow-plugin-basic-ui-background-image: unset;
@@ -164,7 +164,7 @@
164
164
  background: none;
165
165
  }
166
166
 
167
- /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUy5KbMBC8+yvmkiqoIJew13loL/mT1IBkLAMSEcKPpPbfUwhYAzbY3solnFSMpqenpzXLnyHPti/rl6/wZwEQYZwmRleKk1hn2jA4oPEIKS3G6TbTR1JkVSIVibCUMakk4TIn4yz/dfG2WHbI3z6IfAN1ACNzTMRTMC5jSO67I2cNqlJaqRVrzltt8ha5u0n9AHSBsbTnq8gAkl8ga5gWMUMr1twLKf0UAA1glLR3SS0+A1r3+ptIxcWJjcqFXeavL3y/2lMYgeyETHaWQUiNyIeaMcikEmhIYpBLoaz3ofEGYJIIPdo0UvfiKC3Afe90sMcsGAejXrCJDQQIbwHGc4B8HpAO5E6b4EEY1/WZQRkbnWW1XOQoolRa8h5tQlIlDKyu4t3MbFbDqaaMdWgNSITGVeayLDI8M1BaicE4QxiRfMxIrRpOjyug3iDSYPZmbyppd3GGBB1a+cqQ6Q1XT0M5w043RB9uiN5vqG+0R9trYDKXfxn55v4KwqIgERrSvEz/9R9snAByNHURq4sn65NLbcIrg/XBcbogjm29cfFuscSYxc5/QK7u+VNmzu/4qPXzpJXUXP7m9lLVLucoud0xCJerTbsQJx7vephdNBUvajw14GmxHoZxdH6UVVFoY0vwCuTcbaEcTx4tTr4PqHjvf6xVaVFZr8StIGgEEqlKYeuR+r5rZ2TjkZEd2SdZwmfH59GsXCpyi15wh70T9e1JQYQ6/J9aTBLvZPgLutOlrbgJAAA= */
167
+ /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU3Y6bMBCF7/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 */
168
168
  ._1dlf4347 {
169
169
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
170
170
  }
@@ -195,13 +195,8 @@
195
195
  opacity: 0;
196
196
  }
197
197
  ._1dlf434k {
198
- overflow-y: scroll;
199
- -webkit-overflow-scrolling: touch;
200
198
  z-index: var(--_1dlf4342);
201
199
  }
202
- ._1dlf434k::-webkit-scrollbar {
203
- display: none;
204
- }
205
200
  ._1q6dj2j1 ._1dlf434k {
206
201
  transform: translate3d(100%, 0, 0);
207
202
  }
@@ -224,8 +219,7 @@
224
219
  transform var(--_1dlf4340),
225
220
  opacity var(--_1dlf4340),
226
221
  margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
227
- margin-top: var(--_1dlf4345);
228
- height: calc(100% - var(--_1dlf4345));
222
+ padding-top: var(--_1dlf4345);
229
223
  }
230
224
  ._1q6dj2j1 ._1dlf434m {
231
225
  transform: translate3d(0, 100%, 0);
@@ -234,10 +228,21 @@
234
228
  transform: translate3d(50%, 0, 0);
235
229
  }
236
230
  ._1dlf434o {
231
+ overflow-y: scroll;
232
+ -webkit-overflow-scrolling: touch;
233
+ }
234
+ ._1dlf434o::-webkit-scrollbar {
235
+ display: none;
236
+ }
237
+ ._1dlf434p {
238
+ margin-top: var(--_1dlf4345);
239
+ height: calc(100% - var(--_1dlf4345));
240
+ }
241
+ ._1dlf434q {
237
242
  width: 1.25rem;
238
243
  z-index: var(--_1dlf4343);
239
244
  }
240
- ._1dlf434p {
245
+ ._1dlf434r {
241
246
  top: var(--stackflow-plugin-basic-ui-app-bar-height);
242
247
  height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
243
248
  }
@@ -252,7 +257,7 @@
252
257
  }
253
258
  }
254
259
 
255
- /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YTY+bMBC951f4UimpcGTysd2SWw+99dQfsDLGJN4Ym9pOQrbqf68wEAwJbIjSVQ/ZU9bMPGbePM/YTF/843aOF0sEfo8ASJiAG8rWGxOAPVZjCLXBZBtzeYAp362ZgCHWjMAdgzhNYYgVrH0mq9Gf0bRC9C2i3FOVu1+PV3k00WYWLcRku1ZyJyJIJJfqetS252TVhGMJXtOb4KynhXuDTEQ0q1Be/IjHi/liYR8ahYVmhkkRnKVxcxawRoXRTuH8x8Q7y+vmtLrwZQb1BkfycD2yVBFVPVGX1f71FL3OXn3QKnwqK+5wqCXfGXpuX7BN2q72ZbFUSVD85NjQeTT2EfrkAeQB9CjPFeXxah4B0g3yUZtxmWLCzDEAaNXNP/KAjxRNHgUYXoBmf0ETr6L87EleqBEo/5oVK0ywUzyv1zJ0LCvDRrX9/mqXW83p6fOip5/ICgATmhqA0gwQzMkY+uDzUAY1e6OTCUA3Md/ZhRZ9rcRKGe03Dyl/mJQdifoXxbzw3rF15LyoTfur7Eq4b/A81PJfqOXShFre3LPOGiJpoz5OGv/spFHQ/GRpri4oCc7GQy4pGscUYkUxtGMGGplOPECk0AYLM7702Bbsvu+jYt/1KifTL41Mr33r6RrWVFmxPBDl/UO6s6uKcFMcRUysA4CAr2jSSOg5oElqjtYuYjrl+BgAIQXtgnx2IaEqiHBgz0Z004HT+GTfB1P4frW+A6+UjEjhXCZdxquuNEco0R4Ytrdr3I4aOExPl2WGCVZrJgIAyxU3uQATw/a0dTafzrqiRvcP2QmH2DgOLDKb9k35ySY3sAyGZqajDPcT/lBC6qAG7aMGN/ncyDN63WnD4iMkUhgqTABiTrM8BmXyx7EUxp56A+BP/VklCM4EPX3L8afLk+mhXAslj1bV+Zu9WTmVzTmUWdcuI53XcWdf5wHmC5iztYDM0EQHgFBhqLqYUP3I8mbd3FUbd4wTxo8ByDnmFOqjNvnt8RtnYvsDk5/2/+9SmM5Mu5iyrWJZkH1pho/hEn1qjIJbGrJMP25k3fFl182ryMqiwWStvRPT/eQmOIOl9CuH1qToaRuX1Ro1503IJdk24i6aolVd/aWScs5SzXRLM0xsqGLn8jqtO7hx8TnVNuVyFuGdkU2boSMx7pxwl7Pvtu+aiH8Bnn3L5Q8WAAA= */
260
+ /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+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== */
256
261
  ._1yk3a450 {
257
262
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
258
263
  }
@@ -294,10 +299,41 @@
294
299
  opacity: 1;
295
300
  transform: translate3d(0, 0, 0);
296
301
  }
297
- ._1yk3a453 {
298
- 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);
302
+ ._1q6dj2j0 ._1yk3a453 {
303
+ opacity: 1;
304
+ transform: translate3d(0, 0, 0);
305
+ }
306
+ ._1q6dj2j0 ._1dlf434c ._1yk3a453 {
307
+ transform: translate3d(100%, 0, 0);
308
+ transition:
309
+ background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
310
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
311
+ box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
312
+ transform 0s;
299
313
  }
300
314
  ._1q6dj2j1 ._1yk3a454 {
315
+ transform: translate3d(100%, 0, 0);
316
+ }
317
+ ._1q6dj2j1 ._1dlf434c ._1yk3a454 {
318
+ transition:
319
+ background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
320
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
321
+ box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
322
+ transform var(--_1dlf4340);
323
+ }
324
+ ._1q6dj2j1 ._1dlf434a ._1yk3a454,
325
+ ._1q6dj2j1 ._1dlf434b ._1yk3a454 {
326
+ transform: translate3d(0, 0, 0);
327
+ transition:
328
+ background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
329
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
330
+ box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
331
+ transform var(--_1dlf4340);
332
+ }
333
+ ._1yk3a455 {
334
+ 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);
335
+ }
336
+ ._1q6dj2j1 ._1yk3a456 {
301
337
  transform: translate3d(0, 100vh, 0);
302
338
  transition:
303
339
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
@@ -306,11 +342,11 @@
306
342
  transform var(--_1dlf4340),
307
343
  opacity var(--_1dlf4340);
308
344
  }
309
- ._1q6dj2j1 ._1dlf434a ._1yk3a454,
310
- ._1q6dj2j1 ._1dlf434b ._1yk3a454 {
345
+ ._1q6dj2j1 ._1dlf434a ._1yk3a456,
346
+ ._1q6dj2j1 ._1dlf434b ._1yk3a456 {
311
347
  transform: translate3d(0, 0, 0);
312
348
  }
313
- ._1q6dj2j1 ._1dlf434c ._1yk3a454 {
349
+ ._1q6dj2j1 ._1dlf434c ._1yk3a456 {
314
350
  transform: translate3d(0, 100vh, 0);
315
351
  transition:
316
352
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
@@ -319,55 +355,66 @@
319
355
  transform var(--_1dlf4340),
320
356
  opacity var(--_1dlf4340);
321
357
  }
322
- ._1q6dj2j0 ._1yk3a455 {
358
+ ._1q6dj2j0 ._1yk3a457,
359
+ ._1q6dj2j0 ._1dlf434c ._1yk3a457,
360
+ ._1q6dj2j0 ._1dlf434d ._1yk3a457 {
361
+ opacity: 0;
362
+ transform: translate3d(50%, 0, 0);
363
+ transition:
364
+ background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
365
+ background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
366
+ box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
367
+ transform var(--_1dlf4340),
368
+ opacity var(--_1dlf4340);
369
+ }
370
+ ._1q6dj2j0 ._1dlf434a ._1yk3a457,
371
+ ._1q6dj2j0 ._1dlf434b ._1yk3a457 {
323
372
  opacity: 1;
324
373
  transform: translate3d(0, 0, 0);
325
- }
326
- ._1q6dj2j0 ._1dlf434c ._1yk3a455 {
327
- transform: translate3d(100%, 0, 0);
328
374
  transition:
329
375
  background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
330
376
  background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
331
377
  box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
332
- transform 0s;
378
+ transform var(--_1dlf4340),
379
+ opacity var(--_1dlf4340);
333
380
  }
334
- ._1yk3a456 {
381
+ ._1yk3a458 {
335
382
  height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));
336
383
  height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));
337
384
  }
338
- ._1yk3a457 {
385
+ ._1yk3a459 {
339
386
  height: var(--stackflow-plugin-basic-ui-app-bar-height);
340
387
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
341
388
  }
342
- ._1q6dj2j0 ._1yk3a457 {
389
+ ._1q6dj2j0 ._1yk3a459 {
343
390
  padding: 0 1rem;
344
391
  }
345
- ._1yk3a458:empty {
392
+ ._1yk3a45a:empty {
346
393
  display: none;
347
394
  }
348
- ._1q6dj2j0 ._1yk3a458 {
395
+ ._1q6dj2j0 ._1yk3a45a {
349
396
  padding-right: 1rem;
350
397
  }
351
- ._1q6dj2j1 ._1yk3a458 {
398
+ ._1q6dj2j1 ._1yk3a45a {
352
399
  padding-left: 1rem;
353
400
  padding-right: 1rem;
354
401
  }
355
- ._1yk3a459 {
402
+ ._1yk3a45b {
356
403
  color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
357
404
  transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
358
405
  padding: .5rem;
359
406
  margin: -.5rem;
360
407
  }
361
- ._1yk3a459:active {
408
+ ._1yk3a45b:active {
362
409
  opacity: 0.2;
363
410
  transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
364
411
  }
365
- ._1yk3a45c {
412
+ ._1yk3a45e {
366
413
  width: var(--_1dlf4346);
367
414
  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
368
415
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);
369
416
  }
370
- ._1q6dj2j0 ._1yk3a45c {
417
+ ._1q6dj2j0 ._1yk3a45e {
371
418
  width: 100%;
372
419
  justify-content: flex-start;
373
420
  font-size: 1.125rem;
@@ -375,7 +422,7 @@
375
422
  font-weight: bold;
376
423
  box-sizing: border-box;
377
424
  }
378
- ._1q6dj2j1 ._1yk3a45c {
425
+ ._1q6dj2j1 ._1yk3a45e {
379
426
  position: absolute;
380
427
  display: flex;
381
428
  align-items: center;
@@ -390,7 +437,7 @@
390
437
  top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));
391
438
  top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));
392
439
  }
393
- ._1yk3a45d {
440
+ ._1yk3a45f {
394
441
  left: 50%;
395
442
  height: 1.25rem;
396
443
  transform: translate(-50%);
@@ -398,24 +445,24 @@
398
445
  display: none;
399
446
  width: var(--_1dlf4346);
400
447
  }
401
- ._1q6dj2j1 ._1yk3a45d {
448
+ ._1q6dj2j1 ._1yk3a45f {
402
449
  display: block;
403
450
  }
404
- ._1yk3a45e {
451
+ ._1yk3a45g {
405
452
  text-overflow: ellipsis;
406
453
  font-size: inherit;
407
454
  font-weight: inherit;
408
455
  }
409
- ._1yk3a45f {
456
+ ._1yk3a45h {
410
457
  margin-left: auto;
411
458
  }
412
- ._1yk3a45f:empty {
459
+ ._1yk3a45h:empty {
413
460
  display: none;
414
461
  }
415
- ._1q6dj2j0 ._1yk3a45f {
462
+ ._1q6dj2j0 ._1yk3a45h {
416
463
  padding-left: 1rem;
417
464
  }
418
- ._1q6dj2j1 ._1yk3a45f {
465
+ ._1q6dj2j1 ._1yk3a45h {
419
466
  padding-left: 1rem;
420
467
  padding-right: 1rem;
421
468
  }
@@ -459,7 +506,7 @@
459
506
  opacity: 0 !important;
460
507
  }
461
508
 
462
- /* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51TQW6DMBC884q9VAIJWwZKkpLHVIvtECuAIwOFpurfqxhCIQI1zW3tnRnP2mP6HutLtuMRfDkAtcGyUrXSZQIfaFxChjbz9s63Q4fV9hd80KZI+jLHWkbCDRh78YH5MOcIy0mRnzKjm1IQrnNtbsdUNfLTIdctOedNpkqSYqU4aRQRqiD3LG/vAFyIKoXs7owGtqfPyFX9mQCbWniF0Yw/ljHMHY7UYErdLFG3a9TZqfLJwReHnmyqAjP5LxnLsDKtEvUxgetTXZcFdmTY+kuu0AJzMhK8nm4yVSbAIKSxkYU1qjtSHVHoNgF27oDRTXjtQUijrS1MlqLL+qT4wGgQe76F0niE7lag4Q0aBT2Uvq2p9temjZCGGBSqqR4dckayMpPEVxxz6Qb0sbzJpbzJ+180aM4VV2Iol2K4prjk8gfbkIMO+QMAAA== */
509
+ /* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51TQW6DMBC884q9VAIJWwZKkpLHVIvtECuAIwOFpurfqxhCIQI1zW3tnRnP2mP6HutLtuMRfDkAtcGyUrXSZQIfaFxChjbz9s63Q4fV9hd80KZI+jLHWkbCDRh78YH5MOcIy0mRnzKjm1IQrnNtbsdUNfLTIdctOedNpkqSYqU4aRQRqiD3LG/vAFyIKoXs7owGtqfPyFX9mQCbWniF0Yw/ljHMHY7UYErdLFG3a9TZqfLJwReHnmyqAjP5LxnLsDKtEvUxgetTXZcFdmTY+kuu0AJzMhK8nm4yVSbAIKSxkYU1qjtSHVHoNgF27oDRTXjtQUijrS1MlqLL+qT4wGgQe76F0niE7lag4Q0aBT2Uvq2p9temjZCGGBSqqR4dckayMpPEVxxz6Qb0sbzJpbzJ+180aM4VV2Iol2K4prjk8gfbkIMO+QMAAA== */
463
510
  ._5ozg8c3 {
464
511
  transition: var(--_5ozg8c0);
465
512
  }