@stackflow/plugin-basic-ui 1.0.0 → 1.0.2

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 (26) hide show
  1. package/dist/{theme.css.d.ts → basicUIPlugin.css.d.ts} +11 -0
  2. package/dist/basicUIPlugin.d.ts +2 -2
  3. package/dist/components/AppScreen.d.ts +1 -1
  4. package/dist/components/BottomSheet.d.ts +1 -1
  5. package/dist/components/Modal.d.ts +1 -1
  6. package/dist/index.css +142 -139
  7. package/dist/index.css.map +3 -3
  8. package/dist/index.d.ts +2 -1
  9. package/dist/index.js +95 -97
  10. package/dist/index.js.map +4 -4
  11. package/dist/index.mjs +95 -101
  12. package/dist/index.mjs.map +4 -4
  13. package/package.json +7 -7
  14. package/src/{theme.css.ts → basicUIPlugin.css.ts} +24 -8
  15. package/src/basicUIPlugin.tsx +19 -19
  16. package/src/components/AppBar.css.ts +2 -2
  17. package/src/components/AppBar.tsx +2 -2
  18. package/src/components/AppScreen.css.ts +2 -2
  19. package/src/components/AppScreen.tsx +2 -2
  20. package/src/components/BottomSheet.css.ts +1 -1
  21. package/src/components/BottomSheet.tsx +2 -2
  22. package/src/components/Modal.css.ts +1 -1
  23. package/src/components/Modal.tsx +2 -2
  24. package/src/hooks/useStyleEffectOffset.ts +1 -1
  25. package/src/hooks/useStyleEffectSwipeBack.ts +1 -1
  26. package/src/index.ts +2 -1
package/dist/{theme.css.d.ts → basicUIPlugin.css.d.ts} RENAMED
@@ -27,4 +27,15 @@ export declare const rootAndroid = ":root[data-stackflow-plugin-basic-ui-theme=a
27
27
  export declare const rootCupertino = ":root[data-stackflow-plugin-basic-ui-theme=cupertino]";
28
28
  export declare const android: string;
29
29
  export declare const cupertino: string;
30
+ export declare const stackWrapper: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
31
+ theme: {
32
+ android: string;
33
+ cupertino: string;
34
+ };
35
+ loading: {
36
+ true: {
37
+ pointerEvents: "none";
38
+ };
39
+ };
40
+ }>;
30
41
  export {};
package/dist/basicUIPlugin.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import type { StackflowReactPlugin } from "@stackflow/react";
3
- import * as theme from "./theme.css";
3
+ import * as css from "./basicUIPlugin.css";
4
4
  import type { RecursivePartial } from "./utils";
5
- declare type BasicUIPluginOptions = RecursivePartial<theme.GlobalVars> & {
5
+ declare type BasicUIPluginOptions = RecursivePartial<css.GlobalVars> & {
6
6
  theme: "android" | "cupertino";
7
7
  rootClassName?: string;
8
8
  appBar?: {
package/dist/components/AppScreen.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { GlobalVars } from "../theme.css";
2
+ import type { GlobalVars } from "../basicUIPlugin.css";
3
3
  import type { PropOf } from "../utils";
4
4
  import AppBar from "./AppBar";
5
5
  export declare type AppScreenContext = {
package/dist/components/BottomSheet.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { GlobalVars } from "../theme.css";
2
+ import type { GlobalVars } from "../basicUIPlugin.css";
3
3
  export declare type BottomSheetProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["bottomSheet"]> & {
4
4
  onOutsideClick?: React.MouseEventHandler;
5
5
  children: React.ReactNode;
package/dist/components/Modal.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { GlobalVars } from "../theme.css";
2
+ import type { GlobalVars } from "../basicUIPlugin.css";
3
3
  export declare type ModalProps = Partial<Pick<GlobalVars, "backgroundColor" | "dimBackgroundColor">> & Partial<GlobalVars["modal"]> & {
4
4
  onOutsideClick?: React.MouseEventHandler;
5
5
  children: React.ReactNode;
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2VUU/DIBCA3/crSHzRZDTtdFmC8ZcYs9BC24uFI8dVlxn/u910L0bXtT74QiChFD565fiCIkReCnVoHo1mLSPr6rnu8FWGrm/Ay1JHqGQPklvr7IP2hhDMk3hbCCHPTC+HgYaw90ZW2CEpcVXX9f0IZcD9QFJT6ut8Kb5qVqxvxhZi0j4CA3ppetKHByVyF8c4HcLQIVkiGUu/BZBvRgP4tlCEvVWiCLtLudZC07ISt9marJtG/fnv3fByXgBQDd88JXxVDOXuUpTtjmei8w7bicYXS4cJSrRgjPVjXInM6GRsreVTfkkb6OOQ4eNevS8mKFX1wRKDxyTVLKnybD1dq1W2+WevJkaQxPoUKztKs90WFYbg9nlyJl1EyZeLfSmSL+mOSc6cdeYDtZVO3xYNAAA= */
1
+ /* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2Vy07DMBBF9/0KS2xAqqOkECoZ8SUIISeeJC6NJ4wnpQLx77iFbhCQBws2ViLldY8zyfjIihB5KdThcGc0a+lZl4/VFp9lt+1r62ShvS1lbyU30MKtdobQmnvxuhBC/hIvwoOasHdGlrhFUuKsqqqbAcrY9huS6kKfp0vxuSdZfjE0EJN23rJFJ01P+nCiRNr6IU53XbggWSAZoJ8KSNeDBXwZyNsXUCLr9mO5BmzdsBKXSU7QTqP+/PVtuDmvAFuGd54avsrCdjUWZdjzTHTeZDvRuAM6BJRorDHghrgCmbGVvgHgU39JG9v70OHjv3pbTFCq7Dsgtg6jVLOkSpN8ularZP3PXk2sIIr1IVbykD1dm81qk0Zb4hIUTRlhShZNietKtGWkLfnRlg6t4xCDHTgOMYcOQuwdmkbOSzENAAA= */
2
2
  :root,
3
3
  :root[data-stackflow-plugin-basic-ui-theme=android] {
4
4
  --stackflow-plugin-basic-ui-background-color: #fff;
@@ -30,7 +30,7 @@
30
30
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
31
31
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
32
32
  }
33
- .theme__1coppmz0 {
33
+ ._1q6dj2j0 {
34
34
  --stackflow-plugin-basic-ui-background-color: #fff;
35
35
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
36
36
  --stackflow-plugin-basic-ui-transition-duration: 0ms;
@@ -45,7 +45,7 @@
45
45
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
46
46
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
47
47
  }
48
- .theme__1coppmz1 {
48
+ ._1q6dj2j1 {
49
49
  --stackflow-plugin-basic-ui-background-color: #fff;
50
50
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
51
51
  --stackflow-plugin-basic-ui-transition-duration: 0ms;
@@ -60,234 +60,237 @@
60
60
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
61
61
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
62
62
  }
63
+ ._1q6dj2j5 {
64
+ pointer-events: none;
65
+ }
63
66
 
64
- /* vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmZfX2RodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5mX19kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmZfX2RodGh4cTIgewogIHRvcDogMDsKfQouZl9fZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZl9fZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5mX19kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmZfX2RodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmZfX2RodGh4cTggewogIGZsZXg6IDE7Cn0KLmZfX2RodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmZfX2RodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZl9fZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmZfX2RodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmZfX2RodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmZfX2RodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZl9fZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmZfX2RodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmZfX2RodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5mX19kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0= */
65
- .f__dhthxq0 {
67
+ /* vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0= */
68
+ .dhthxq0 {
66
69
  width: 100%;
67
70
  }
68
- .f__dhthxq1 {
71
+ .dhthxq1 {
69
72
  height: 100%;
70
73
  }
71
- .f__dhthxq2 {
74
+ .dhthxq2 {
72
75
  top: 0;
73
76
  }
74
- .f__dhthxq3 {
77
+ .dhthxq3 {
75
78
  left: 0;
76
79
  }
77
- .f__dhthxq4 {
80
+ .dhthxq4 {
78
81
  position: absolute;
79
82
  }
80
- .f__dhthxq5 {
83
+ .dhthxq5 {
81
84
  position: relative;
82
85
  }
83
- .f__dhthxq7 {
86
+ .dhthxq7 {
84
87
  display: flex;
85
88
  }
86
- .f__dhthxq8 {
89
+ .dhthxq8 {
87
90
  flex: 1;
88
91
  }
89
- .f__dhthxq9 {
92
+ .dhthxq9 {
90
93
  align-items: center;
91
94
  }
92
- .f__dhthxqa {
95
+ .dhthxqa {
93
96
  align-items: flex-end;
94
97
  }
95
- .f__dhthxqb {
98
+ .dhthxqb {
96
99
  justify-content: center;
97
100
  }
98
- .f__dhthxqc {
101
+ .dhthxqc {
99
102
  overflow: hidden;
100
103
  }
101
- .f__dhthxqd {
104
+ .dhthxqd {
102
105
  white-space: nowrap;
103
106
  }
104
- .f__dhthxqe {
107
+ .dhthxqe {
105
108
  text-align: center;
106
109
  }
107
- .f__dhthxqf {
110
+ .dhthxqf {
108
111
  cursor: pointer;
109
112
  -webkit-tap-highlight-color: transparent;
110
113
  }
111
- .f__dhthxqg {
114
+ .dhthxqg {
112
115
  box-sizing: border-box;
113
116
  }
114
- .f__dhthxqh {
117
+ .dhthxqh {
115
118
  box-sizing: content-box;
116
119
  }
117
- .f__dhthxqi {
120
+ .dhthxqi {
118
121
  appearance: none;
119
122
  border: 0;
120
123
  padding: 0;
121
124
  background: none;
122
125
  }
123
126
 
124
- /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71WTY/aMBC98yt8qQRqjMKy/QrqoVVVqYeeeqyq1WCbxGBsy3Ggpep/r52EkCxJCHS3K6TF2DPvzczzjKcftP5GDGPy4WFGxep+fv8a/R4htASyiY3KJMVECWUitAMzxji1bmMl1B5rkcVc4iWknOCMY8q3+LHVZDH6M5qeY7y5EWOo/7e5f2tAptxyJaPi+0qZbYlx2vuUGfD/K+NwEiClgXD7a8jhDgrkRMHDlgwEWDan41kYvghQ6D5d5jw3L2lEKFy41QFzSdnPY5oOX/yKpT7zld1s4k/uuRCYJCBjFh2deCC3VfxNbcK2zFkRpfX2EKI2CkF1PDJK2e8ULPQUJ3f5HiQ1itMfrR6PDn1sCeNxYiM0Cw3bLhpyiJDgkoHBsQHKmbTjm8QXIBMvYRwWmfbJnjSTcM7w3YVEtOzCxUirKs4uwS+vhyfD4cMOra2LYztm8ty6kykxSghfFLxnyw23uNottriMnaJVRpI+YWrQzFQwd+fSrK5HF7MoOhIocJdgcrKUp1qAYyqVZI2snml71pagdVAzuELdJHMRWS5Vq77XJ6fDL/+VzFsV+jzhXIYaQrj1fjwP4XaoQUUJB1WktU/eGktfp3xEujkHukPIe+mNYTypsPpiu1pWrXSfVFZ9dIeIqt7hB0ms5jKB1C0+gnmwJmMVwuY/PmECpIFS19OxVfriIwy0dguDiwFe84xp6Tpv9DWXESIgyMUh3nQ8QS8RUdIdd/M/hRXDYBi4SZMy651OngyFyV0XQOMW9fc7bVjqnipfFQXxOROi/LlRVBE03P1z4xuEWYfs74DlZOp6k25z8z2nNnFKn969Kh9uXeOf0fhEYz5Q97Lg6Mt5ZSUXtUdlrgQfDsLXuvE8/wIwJxtwFw0AAA== */
125
- .AppScreen__1dlf4346 {
127
+ /* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7WW3bKaMBDH732K3HRGpsQJenrag9Mn6XQ6SxIhGhMagvZj+u4NoEhERM/xMFyAm/z2n91l19mPiMnV0+LpGf2dIJQA3aRGl4phqqU2MdqBmWJcWGdYSb3HuSxToXAChaC4FJiJLT7fFSwn/yazI/nzK8nXqV9qqjWgCmGFVnHzvNJmeyAfV5IgRDoHKuzvnsVD0hOywhyIEixfsGlEyIcQEXf7m0S96cCPEVm6tz9YKMZ/xWfuoqAy7oWUmGagUh4f91VEZ2ouh/75zNbzNUEnL2Frjo3W9hsDC1diZzO+5V9BMaMF+97hHDGV6IyLNLMxiojh26WXoxhJoTgYnBpggis7fVUdhMikCUxJE7gqdsH5URtdLxeP2v4GAydowx5dxibXsXQMS7xUrxvjjps6As5eUKOlrEKH9zzZCItba2MSKnVlpEuaXamLeb8u2iL0BcTx0U+DT8DUmpgocglOkNKKe6HolFN0Ou067Cy4o6BomXNjhdKdklqfULd/PiP6Xt5H6hD2kgR4Hwlwb+DISNTI23X228SZNL+7DQutG8mNYh+Q4r7u0QSThya4L2A4vd1WdVOyW9DmIZMuRDkw5voRtjofnb2Q5+7F4GZE4JNzzEoD1UPdszrIGFGQdHRM+OAAfURUK7fcTZgCVhyD4eC6ZMFtBQ0e5oWr3ZADr1QvNwMZekve2ANkF3b90z+0Tb8gtvWmvWA2c+U0m386jO+B8bLwd6vGZRXLO8O47PxnqNNQqUP4Xkwl5z+l8Vc0dwoAAA== */
128
+ ._1dlf4346 {
126
129
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
127
130
  }
128
- .AppScreen__1dlf4347 {
131
+ ._1dlf4347 {
129
132
  background-color: var(--stackflow-plugin-basic-ui-background-color);
130
133
  }
131
- .AppScreen__1dlf4348 {
132
- transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
134
+ ._1dlf4348 {
135
+ transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
133
136
  }
134
- .AppScreen__1dlf434c {
137
+ ._1dlf434c {
135
138
  transform: translate3d(100%, 0, 0);
136
139
  }
137
- .AppScreen__1dlf434i {
140
+ ._1dlf434i {
138
141
  opacity: 0;
139
- z-index: var(--zIndexes-dim__1dlf4341);
142
+ z-index: var(--_1dlf4341);
140
143
  will-change: opacity;
141
144
  }
142
- .theme__1coppmz0 .AppScreen__1dlf434i,
143
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434i {
145
+ ._1q6dj2j0 ._1dlf434i,
146
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i {
144
147
  height: 10rem;
145
148
  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
146
149
  }
147
- .AppScreen__1dlf4349 .AppScreen__1dlf434i,
148
- .AppScreen__1dlf434a .AppScreen__1dlf434i {
150
+ ._1dlf4349 ._1dlf434i,
151
+ ._1dlf434a ._1dlf434i {
149
152
  opacity: 1;
150
153
  }
151
- .AppScreen__1dlf434b .AppScreen__1dlf434i,
152
- .AppScreen__1dlf434c .AppScreen__1dlf434i {
154
+ ._1dlf434b ._1dlf434i,
155
+ ._1dlf434c ._1dlf434i {
153
156
  opacity: 0;
154
157
  }
155
- .AppScreen__1dlf434j {
158
+ ._1dlf434j {
156
159
  overflow-y: scroll;
157
160
  -webkit-overflow-scrolling: touch;
158
- z-index: var(--zIndexes-paper__1dlf4342);
161
+ z-index: var(--_1dlf4342);
159
162
  will-change: transform;
160
163
  }
161
- .AppScreen__1dlf434j::-webkit-scrollbar {
164
+ ._1dlf434j::-webkit-scrollbar {
162
165
  display: none;
163
166
  }
164
- .theme__1coppmz1 .AppScreen__1dlf434j,
165
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j {
167
+ ._1q6dj2j1 ._1dlf434j,
168
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j {
166
169
  transform: translate3d(100%, 0, 0);
167
170
  }
168
- .theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
169
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j,
170
- .theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j,
171
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppScreen__1dlf434j {
171
+ ._1q6dj2j1 ._1dlf4349 ._1dlf434j,
172
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1dlf434j,
173
+ ._1q6dj2j1 ._1dlf434a ._1dlf434j,
174
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1dlf434j {
172
175
  transform: translate3d(0, 0, 0);
173
176
  }
174
- .theme__1coppmz0 .AppScreen__1dlf434j,
175
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j {
177
+ ._1q6dj2j0 ._1dlf434j,
178
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j {
176
179
  opacity: 0;
177
180
  transform: translate3d(0, 10rem, 0);
178
181
  }
179
- .theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
180
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j,
181
- .theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j,
182
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppScreen__1dlf434j {
182
+ ._1q6dj2j0 ._1dlf4349 ._1dlf434j,
183
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1dlf434j,
184
+ ._1q6dj2j0 ._1dlf434a ._1dlf434j,
185
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1dlf434j {
183
186
  opacity: 1;
184
187
  transform: translate3d(0, 0, 0);
185
188
  }
186
- .AppScreen_hasAppBar_true__1dlf434k {
189
+ ._1dlf434k {
187
190
  transition:
188
- transform var(--transitionDuration__1dlf4340),
189
- opacity var(--transitionDuration__1dlf4340),
191
+ transform var(--_1dlf4340),
192
+ opacity var(--_1dlf4340),
190
193
  padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
191
194
  padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));
192
195
  padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));
193
196
  }
194
- .theme__1coppmz1 .AppScreen_presentModalFullScreen_true__1dlf434l,
195
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen_presentModalFullScreen_true__1dlf434l {
197
+ ._1q6dj2j1 ._1dlf434l,
198
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434l {
196
199
  transform: translate3d(0, 100%, 0);
197
200
  }
198
- .AppScreen__1dlf434m {
201
+ ._1dlf434m {
199
202
  width: 1.25rem;
200
- z-index: var(--zIndexes-edge__1dlf4343);
203
+ z-index: var(--_1dlf4343);
201
204
  }
202
- .AppScreen_hasAppBar_true__1dlf434n {
205
+ ._1dlf434n {
203
206
  top: var(--stackflow-plugin-basic-ui-app-bar-height);
204
207
  height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
205
208
  }
206
209
 
207
- /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81YS2/cNhC+76/QpcC6MAVpH7GzRg8NigAFmlMOPRSFQYnUijVFCiS1Xm/R/16Sej8jOZvEhgHvksN5fDPzcWj31zT9AMXjo//ytIW7vef8u3KchDAQY3KM1cE5QbEGQCoYPkWUP4OUZke9HUBJQpARANNUfxGgPnPzsPpv5XYU+1YxP2FhtMxXW54YVLqxSgOt4yh4xhAIOeVivvLuSW3EcS6AMITPpZbL7+YbluZQbhvRaLfd7azwM6EUhDFkR3xwlIBMRlwktw5PYUjUi3FaS5U/ropxgrWKkKdpcvGdXkC3DemD4Fz9haCCE6FYjb+EWYqFIoz/3VdZazRgpVwSRTg7ODCQnGYKz/HxcygwZlXswbdy/Mt22tFUiBfgU6jwFq19z/vp1vH0r02S3Sqi9uR0vN7VQoMMCU7QFzNSlIp27WE8Ih2L7wmcDIVUHSkqtt77LRPQ/K0A9W6q0pwjPAeqTsrefxv8llmZ4yj8Lo4OWBnJvj+d/aKYaw4MuEBYPCqR4Ur3NudDfgYyhsjQLGESK8dLz04IabgGvvPzfHa0FoAkF3xz43hLz5WM2iqhCQ5MBZaYqU8cQfoxo7RAshXg7ral6+sYcpbBpr0JxrH96Z3iH9qf88j7/Y9B/JpezAkTvokwF3oxv9oqPlgMTPAmgFnoxZtvwy7N762b5RAdcqbhYmotYYQBFBgCy8xA8dQ6WgpidhqR6Zt41zIxl52rGb2NTr68UEsDFoAKXAZdvctnT4gQYUc96Tieu9fTzKDoASepxt0cQESmFOrLkXGGh4TvrdjCqZ/obDTm/SYKZdK3npfIfL5HKj44G3eT+1vjvXHvxkK4P8BQkRPujHfuZsxcPpR21QT2fOFBHlz+BgGh7hd9wyaQsD/NdlWLexvRQjwUPqsRPK5bFasRmurP3EHNOteYuINVgzoKQM0bwYT7TyYViV40ABpTphMbUXw2poR6qGsWUBzpPb8ogkgL28FIL7n+/V1ZHJQwXL2cfXdfyT4XawGn6KGc0cjFdkMxL+mlKZD6j8XXgTTxVGzBNPRQbHSkQcksQEqODBCFE6lpztblIKr1li03e6y5alGKYEKoVm4KimIgX6QyT54PGtanTzD8bL9/1JI9XN95XjcvZUps4vZ5soeujTXQmy0Sfg2V8nQGy1upKYqfuszrLomh/ENH1b4iw1df1L22GdbfvYLbneG521E+RFa+lYi6Rypinc5NAs+g6NzyQOd2eAVVLuk2dO1uQ81uq2IJKA+fhkDMbxPbPPV/0TClJJVEdmqfsBgL0u+Sar2vPhq7oQ30wkSW5w9mig+en7q25xN/dF3ij1qM1g3OfNDu/Q+6jNVABBUAAA== */
208
- .AppBar__1yk3a450 {
210
+ /* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81XS28aMRC+8yt8qQQVXnl55AHqpYfeeuqxqiLv2gtOvPbWNgRS9b/X630aloUkRGqUA9gz429e3wzBQ7h/muLZHIE/AwBSJuCastXaLMAWqyGE2uD4KeHyGWZ8s7LXEdYshhsGcZbZLwo2OqPl4O8gqCyGzqLcUpWrX26v0vCtTZy1yCqvlNwIAmPJpbrc6qGmtQ7AC2SC0F1l5SEkPJlNZzN3+cw4h/EaixVdAKOw0IlU6RjIDMfM7HN0Vqr6s0B/35DHyWMIGszjlsBCSWl+EmxwD1qzpin9Em8yqgwT8lfLVmMqD0QmNTNMigXAkZZ8Y2gvnsKv6NrQjs36KOuolQHk2NApGYYIfRoDZP9doN1V6Q3Sp/xA7wePBVGSkdNRLVNrYSxPo7e4Q6Ro2gW/VjmoKDSq6+boptfhQuj+ur73G+0CgD8CAD6fh7A/D2UJtWhiWtCE3EG9xiSnHSY0NQBlOxBjHg9hCD5fThpSEaqgZi90NALotXoV0Xj57aaK2dgTeSdZzNrGehrRlTLarj+olLtZ6P76Xp8z3AUDfxQM/KY81KV8Fnj0UcCj/6OAahBz93K1jsRSWKeEGWqcUIgVxdC1NjQyc29XglRsT8i0bN94ti/t63rN8T0tjl9pBTYWINkonH/wMd4Wkx4TwsTKziSAgrmdO77MgqaZDWQuSZjOOLasKaSgntSdu3/lxsRsxFu7UtvhKn1ThFJd7ErErBdgEkwKhE1oJ8HtEei7BY4N29KDmRtMTr1TbAW1fuQUyzf9Epo7rK/01NCdOeHpdVM7OOrr1lYTNc38rp0mGrT6tgxSvnHlrj1utGHJ3jorDBU2PQmnu/wNZZZNrUFOE3sXlqlMrLCbgfYoCO9uqxRzJmj9ayEM5rXsc3kWSU6W1ThmL66Ky9Foj7oDEr43IF3z0AtJ1+rcap48IvkB5mwlIDM01ZZ8bLCo6oxgc+XKyKm1T11EEpwybo3nhcIp1Htt8gXyqw3h03cc/3Dfv1nJoxjeIHSYgyr8LknzIrFd/DyE9tKjxrfwnMwu4F4n1Ue83VOtVf3xm0fZcQfEh9PLr2sUTI85iThBL6ZNades1h/mFO9g2XCVwgEn97DWmWYgV2sG0m6GGl/EZfzkRaSgZ1fUzY94yjnLNNMHNcnEmip2XL31ectucmqs5QFUuRNFFvDGSF+xb9b1UmtyJWpNPB459CD/YKH8A4KdXslTEQAA */
211
+ ._1yk3a450 {
209
212
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
210
213
  }
211
- .AppBar__1yk3a451 {
214
+ ._1yk3a451 {
212
215
  overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);
213
216
  }
214
- .AppBar__1yk3a452 {
217
+ ._1yk3a452 {
215
218
  background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);
216
- z-index: var(--zIndexes-appBar__1dlf4344);
219
+ z-index: var(--_1dlf4344);
217
220
  will-change: transform, opacity;
218
221
  }
219
- .theme__1coppmz1 .AppBar__1yk3a452,
220
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a452 {
222
+ ._1q6dj2j1 ._1yk3a452,
223
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a452 {
221
224
  position: absolute;
222
225
  }
223
- .theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a452,
224
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar__1yk3a452 {
226
+ ._1q6dj2j1 ._1dlf434b ._1yk3a452,
227
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a452 {
225
228
  transform: translate3d(100%, 0, 0);
226
229
  transition: 0s;
227
230
  }
228
- .theme__1coppmz0 .AppBar__1yk3a452,
229
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a452 {
231
+ ._1q6dj2j0 ._1yk3a452,
232
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a452 {
230
233
  opacity: 0;
231
234
  transform: translate3d(0, 10rem, 0);
232
- transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
235
+ transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
233
236
  }
234
- .theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a452,
235
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a452,
236
- .theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a452,
237
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434a .AppBar__1yk3a452 {
237
+ ._1q6dj2j0 ._1dlf4349 ._1yk3a452,
238
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf4349 ._1yk3a452,
239
+ ._1q6dj2j0 ._1dlf434a ._1yk3a452,
240
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434a ._1yk3a452 {
238
241
  opacity: 1;
239
242
  transform: translate3d(0, 0, 0);
240
243
  }
241
- .AppBar_border_true__1yk3a453 {
244
+ ._1yk3a453 {
242
245
  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);
243
246
  }
244
- .theme__1coppmz1 .AppBar_presentModalFullScreen_true__1yk3a454,
245
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar_presentModalFullScreen_true__1yk3a454 {
247
+ ._1q6dj2j1 ._1yk3a454,
248
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a454 {
246
249
  transform: translate3d(0, 100vh, 0);
247
- transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
250
+ transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
248
251
  }
249
- .theme__1coppmz1 .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a454,
250
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a454,
251
- .theme__1coppmz1 .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a454,
252
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a454 {
252
+ ._1q6dj2j1 ._1dlf4349 ._1yk3a454,
253
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf4349 ._1yk3a454,
254
+ ._1q6dj2j1 ._1dlf434a ._1yk3a454,
255
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434a ._1yk3a454 {
253
256
  transform: translate3d(0, 0, 0);
254
257
  }
255
- .theme__1coppmz1 .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a454,
256
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a454 {
258
+ ._1q6dj2j1 ._1dlf434b ._1yk3a454,
259
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434b ._1yk3a454 {
257
260
  transform: translate3d(0, 100vh, 0);
258
- transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
261
+ transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
259
262
  }
260
- .AppBar__1yk3a455 {
263
+ ._1yk3a455 {
261
264
  height: constant(safe-area-inset-top);
262
265
  height: env(safe-area-inset-top);
263
266
  }
264
- .AppBar__1yk3a456 {
267
+ ._1yk3a456 {
265
268
  height: var(--stackflow-plugin-basic-ui-app-bar-height);
266
269
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
267
270
  }
268
- .AppBar__1yk3a457 {
271
+ ._1yk3a457 {
269
272
  padding: 0 0.5rem;
270
273
  }
271
- .AppBar__1yk3a457:empty {
274
+ ._1yk3a457:empty {
272
275
  display: none;
273
276
  }
274
- .AppBar__1yk3a458 {
277
+ ._1yk3a458 {
275
278
  color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
276
279
  transition: opacity 300ms;
277
280
  width: 2.25rem;
278
281
  height: 2.75rem;
279
282
  }
280
- .AppBar__1yk3a458:active {
283
+ ._1yk3a458:active {
281
284
  opacity: 0.2;
282
285
  transition: opacity 0s;
283
286
  }
284
- .AppBar__1yk3a45b {
285
- width: var(--appBar-center-mainWidth__1dlf4345);
287
+ ._1yk3a45b {
288
+ width: var(--_1dlf4345);
286
289
  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
287
290
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
288
291
  }
289
- .theme__1coppmz0 .AppBar__1yk3a45b,
290
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45b {
292
+ ._1q6dj2j0 ._1yk3a45b,
293
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45b {
291
294
  width: 100%;
292
295
  justify-content: flex-start;
293
296
  padding-left: 1rem;
@@ -296,8 +299,8 @@
296
299
  font-weight: bold;
297
300
  box-sizing: border-box;
298
301
  }
299
- .theme__1coppmz1 .AppBar__1yk3a45b,
300
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b {
302
+ ._1q6dj2j1 ._1yk3a45b,
303
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a45b {
301
304
  position: absolute;
302
305
  display: flex;
303
306
  align-items: center;
@@ -312,60 +315,60 @@
312
315
  top: constant(safe-area-inset-top);
313
316
  top: env(safe-area-inset-top);
314
317
  }
315
- .theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45c,
316
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar_hasLeft_true__1yk3a45c {
318
+ ._1q6dj2j0 ._1yk3a45c,
319
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45c {
317
320
  padding-left: 0.375rem;
318
321
  }
319
- .AppBar__1yk3a45d {
322
+ ._1yk3a45d {
320
323
  left: 50%;
321
324
  height: 1.25rem;
322
325
  transform: translate(-50%);
323
326
  max-width: 5rem;
324
327
  display: none;
325
- width: var(--appBar-center-mainWidth__1dlf4345);
328
+ width: var(--_1dlf4345);
326
329
  }
327
- .theme__1coppmz1 .AppBar__1yk3a45d,
328
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45d {
330
+ ._1q6dj2j1 ._1yk3a45d,
331
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a45d {
329
332
  display: block;
330
333
  }
331
- .AppBar__1yk3a45e {
334
+ ._1yk3a45e {
332
335
  text-overflow: ellipsis;
333
336
  font-size: inherit;
334
337
  font-weight: inherit;
335
338
  }
336
- .AppBar__1yk3a45f {
339
+ ._1yk3a45f {
337
340
  padding: 0 0.5rem;
338
341
  margin-left: auto;
339
342
  }
340
- .AppBar__1yk3a45f:empty {
343
+ ._1yk3a45f:empty {
341
344
  display: none;
342
345
  }
343
- .theme__1coppmz0 .AppBar__1yk3a45f,
344
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45f {
346
+ ._1q6dj2j0 ._1yk3a45f,
347
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45f {
345
348
  padding: 0 0.5rem 0 0;
346
349
  }
347
350
 
348
- /* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VT3U7DIBS+71NwY7IlPQtN1ZnuznjjtQ+wUGAtkcIC1OmM7y5U20ZT3GaTJpSf7+ccPlb32jndPNWcu+02q11+V+McvScIOUOUFU5oVaAXYhYA48pDa0gYBwhebpKPZDXFth7Zdto0xdevJI7nbJFhfJUi7L84AesISkKfK6NbxYBqqU1vyjq/sZP6AHvZVkJBSayg0ApgooHfKK+C0BGEYvy1Zzg+hhm3ATCIZt1JvSdUuLcC4ai7azRtOp1ev4kc72oc5LKo3O1lcuuz5OLV8X/2frLvB8Fc7Yvzdx6mpTaMGzCEidaeQdnZAxv8wQ/schYWh/KDOSmB1kRVvBjTmvZN2sQz7NP7HeOZmeGXZYb/9bDw8KrmxCrmKBKrU46ibfoES/9iF4cEAAA= */
349
- .BottomSheet__1ht38h03 {
350
- transition: var(--transitionDuration__1ht38h00);
351
+ /* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0= */
352
+ ._1ht38h03 {
353
+ transition: var(--_1ht38h00);
351
354
  }
352
- .BottomSheet__1ht38h07 {
355
+ ._1ht38h07 {
353
356
  transform: translate3d(100%, 0, 0);
354
357
  }
355
- .BottomSheet__1ht38h0d {
358
+ ._1ht38h0d {
356
359
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
357
- z-index: var(--zIndexes-dim__1ht38h01);
360
+ z-index: var(--_1ht38h01);
358
361
  opacity: 0;
359
362
  }
360
- .BottomSheet__1ht38h04 .BottomSheet__1ht38h0d,
361
- .BottomSheet__1ht38h05 .BottomSheet__1ht38h0d {
363
+ ._1ht38h04 ._1ht38h0d,
364
+ ._1ht38h05 ._1ht38h0d {
362
365
  opacity: 1;
363
366
  }
364
- .BottomSheet__1ht38h06 .BottomSheet__1ht38h0d,
365
- .BottomSheet__1ht38h07 .BottomSheet__1ht38h0d {
367
+ ._1ht38h06 ._1ht38h0d,
368
+ ._1ht38h07 ._1ht38h0d {
366
369
  opacity: 0;
367
370
  }
368
- .BottomSheet__1ht38h0e {
371
+ ._1ht38h0e {
369
372
  background-color: var(--stackflow-plugin-basic-ui-background-color);
370
373
  width: 100%;
371
374
  border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;
@@ -373,38 +376,38 @@
373
376
  transform: translate3d(0, 100%, 0);
374
377
  opacity: 0;
375
378
  }
376
- .BottomSheet__1ht38h04 .BottomSheet__1ht38h0e,
377
- .BottomSheet__1ht38h05 .BottomSheet__1ht38h0e {
379
+ ._1ht38h04 ._1ht38h0e,
380
+ ._1ht38h05 ._1ht38h0e {
378
381
  transform: translate3d(0, 0, 0);
379
382
  opacity: 1;
380
383
  }
381
- .BottomSheet__1ht38h06 .BottomSheet__1ht38h0e,
382
- .BottomSheet__1ht38h07 .BottomSheet__1ht38h0e {
384
+ ._1ht38h06 ._1ht38h0e,
385
+ ._1ht38h07 ._1ht38h0e {
383
386
  transform: translate3d(0, 100%, 0);
384
387
  opacity: 0;
385
388
  }
386
389
 
387
- /* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51T0W6CMBR99yv6sgQT2hQZ0+HrXvawbzCXtmKzQk1bpnPZv6+AaECcbkkT2ttzzj339kLeNAe1WiX6kC9YjL4mCDkDpZVO6jJFH2ACjM+Rl8pA/e0YdLqcfE9IT2V+VllrU6TtVoETMQ8iSh9CRP0aYfKGmQF7z42uSo6ZVtp0LqzzF2uld3irqlyWOAMrGa4k5rLAQ5aXR+iAZcnFvlM4vNYnYWtClzNqgHoLTLrPFNFLV49o4DIcBJIhoCnjJBldSj7dkpz/LjniUvyzd6N920nuNt65f6z6WIDxHJ8WzUhiRFHHMr3HdgNc73x8u0eUPM3qOw+J583G5BkEtH1sv0iUTMMGSpITdHEFOuugcdRCyfM11WnrxnBhsAEuK3tH0do5XXj/Qjjc4x7LVwqzDZS5SM+DHHb9X/bH2zJQIojI3ydJ3JokMfyVjrn6me4YsItMwwG7lmmsqh+//tn1NQQAAA== */
388
- .Modal__5ozg8c3 {
389
- transition: var(--transitionDuration__5ozg8c0);
390
+ /* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ== */
391
+ ._5ozg8c3 {
392
+ transition: var(--_5ozg8c0);
390
393
  }
391
- .Modal__5ozg8c7 {
394
+ ._5ozg8c7 {
392
395
  transform: translate3d(100%, 0, 0);
393
396
  }
394
- .Modal__5ozg8cd {
397
+ ._5ozg8cd {
395
398
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
396
- z-index: var(--zIndexes-dim__5ozg8c1);
399
+ z-index: var(--_5ozg8c1);
397
400
  opacity: 0;
398
401
  }
399
- .Modal__5ozg8c4 .Modal__5ozg8cd,
400
- .Modal__5ozg8c5 .Modal__5ozg8cd {
402
+ ._5ozg8c4 ._5ozg8cd,
403
+ ._5ozg8c5 ._5ozg8cd {
401
404
  opacity: 1;
402
405
  }
403
- .Modal__5ozg8c6 .Modal__5ozg8cd,
404
- .Modal__5ozg8c7 .Modal__5ozg8cd {
406
+ ._5ozg8c6 ._5ozg8cd,
407
+ ._5ozg8c7 ._5ozg8cd {
405
408
  opacity: 0;
406
409
  }
407
- .Modal__5ozg8ce {
410
+ ._5ozg8ce {
408
411
  background-color: var(--stackflow-plugin-basic-ui-background-color);
409
412
  width: 100%;
410
413
  margin: 0 2.5rem;
@@ -417,13 +420,13 @@
417
420
  transform: scale(1.1);
418
421
  opacity: 0;
419
422
  }
420
- .Modal__5ozg8c4 .Modal__5ozg8ce,
421
- .Modal__5ozg8c5 .Modal__5ozg8ce {
423
+ ._5ozg8c4 ._5ozg8ce,
424
+ ._5ozg8c5 ._5ozg8ce {
422
425
  transform: scale(1);
423
426
  opacity: 1;
424
427
  }
425
- .Modal__5ozg8c6 .Modal__5ozg8ce,
426
- .Modal__5ozg8c7 .Modal__5ozg8ce {
428
+ ._5ozg8c6 ._5ozg8ce,
429
+ ._5ozg8c7 ._5ozg8ce {
427
430
  transform: scale(1.1);
428
431
  opacity: 0;
429
432
  }