@stackflow/plugin-basic-ui 0.21.4-alpha.4 → 1.0.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 (38) hide show
  1. package/README.md +1 -1
  2. package/dist/assets/IconBack.d.ts +1 -1
  3. package/dist/assets/IconClose.d.ts +1 -1
  4. package/dist/{theme.css.d.ts → basicUIPlugin.css.d.ts} +12 -0
  5. package/dist/basicUIPlugin.d.ts +4 -4
  6. package/dist/components/AppBar.d.ts +3 -3
  7. package/dist/components/AppScreen.d.ts +3 -3
  8. package/dist/components/BottomSheet.d.ts +2 -2
  9. package/dist/components/Modal.d.ts +2 -2
  10. package/dist/hooks/useMaxWidth.d.ts +1 -1
  11. package/dist/hooks/useStyleEffect.d.ts +1 -1
  12. package/dist/hooks/useStyleEffectHide.d.ts +1 -1
  13. package/dist/index.css +150 -143
  14. package/dist/index.css.map +3 -3
  15. package/dist/index.d.ts +1 -1
  16. package/dist/index.js +348 -295
  17. package/dist/index.js.map +4 -4
  18. package/dist/index.mjs +327 -272
  19. package/dist/index.mjs.map +4 -4
  20. package/package.json +8 -8
  21. package/src/assets/IconBack.tsx +0 -2
  22. package/src/assets/IconClose.tsx +0 -2
  23. package/src/{theme.css.ts → basicUIPlugin.css.ts} +27 -9
  24. package/src/basicUIPlugin.tsx +23 -19
  25. package/src/components/AppBar.css.ts +2 -2
  26. package/src/components/AppBar.tsx +4 -4
  27. package/src/components/AppScreen.css.ts +2 -2
  28. package/src/components/AppScreen.tsx +8 -5
  29. package/src/components/BottomSheet.css.ts +1 -1
  30. package/src/components/BottomSheet.tsx +4 -4
  31. package/src/components/Modal.css.ts +1 -1
  32. package/src/components/Modal.tsx +4 -4
  33. package/src/hooks/useMaxWidth.ts +0 -1
  34. package/src/hooks/useStyleEffect.ts +0 -1
  35. package/src/hooks/useStyleEffectHide.ts +0 -2
  36. package/src/hooks/useStyleEffectOffset.ts +2 -1
  37. package/src/hooks/useStyleEffectSwipeBack.ts +4 -4
  38. package/src/index.ts +1 -1
package/dist/index.css CHANGED
@@ -1,12 +1,13 @@
1
- /* vanilla-extract-css-ns:src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+1VXUvDMBR9368I+KKwlLZaBhn+EpGRNml7sckNN7c6Jv53u+ne1K198aElgXyek0vuOYkiRF4LdWyejGYtI+vqpe7wTYaub8DLUkeoZA+SW+vso/aGEMyzeF8JIf/YXg4LDWHvjaywQ1Lipq7r7QWUAfcDkppS36Zr8V2TrLi7RKRDGAYkSyRj6TeidDOWKMLBKpGF/bW41kLTshL3SUHWjUNJJu0jMKCXpid97CiRbwoXryVyw+S0EKAaTj2nLs+G8nAtlO2eJ0KnyeaMxldLxw1KtGCM9ZdwJTKjk7G1ls8ZJm2gj0OOT3f1sRphjqoPlhg8ztweaVKMN0iebP7dISNjWCzyZZHkJP/dLqswBHdI563+5XOYrfKzeSt/efdnpf5PB8YrAD4MAAA= */
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;
5
5
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
6
+ --stackflow-plugin-basic-ui-transition-duration: 0ms;
6
7
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
7
8
  --stackflow-plugin-basic-ui-app-bar-border-size: 1px;
8
9
  --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
9
- --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;
10
+ --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
10
11
  --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
11
12
  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
12
13
  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
@@ -17,10 +18,11 @@
17
18
  :root[data-stackflow-plugin-basic-ui-theme=cupertino] {
18
19
  --stackflow-plugin-basic-ui-background-color: #fff;
19
20
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
21
+ --stackflow-plugin-basic-ui-transition-duration: 0ms;
20
22
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
21
23
  --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
22
24
  --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
23
- --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;
25
+ --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
24
26
  --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
25
27
  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
26
28
  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
@@ -28,13 +30,14 @@
28
30
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
29
31
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
30
32
  }
31
- .theme__1coppmz0 {
33
+ ._1q6dj2j0 {
32
34
  --stackflow-plugin-basic-ui-background-color: #fff;
33
35
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
36
+ --stackflow-plugin-basic-ui-transition-duration: 0ms;
34
37
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
35
38
  --stackflow-plugin-basic-ui-app-bar-border-size: 1px;
36
39
  --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
37
- --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;
40
+ --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
38
41
  --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
39
42
  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
40
43
  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
@@ -42,13 +45,14 @@
42
45
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
43
46
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
44
47
  }
45
- .theme__1coppmz1 {
48
+ ._1q6dj2j1 {
46
49
  --stackflow-plugin-basic-ui-background-color: #fff;
47
50
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
51
+ --stackflow-plugin-basic-ui-transition-duration: 0ms;
48
52
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
49
53
  --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
50
54
  --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
51
- --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 275ms;
55
+ --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0ms;
52
56
  --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
53
57
  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
54
58
  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
@@ -56,234 +60,237 @@
56
60
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
57
61
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
58
62
  }
63
+ ._1q6dj2j5 {
64
+ pointer-events: none;
65
+ }
59
66
 
60
- /* vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmZfX2RodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5mX19kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmZfX2RodGh4cTIgewogIHRvcDogMDsKfQouZl9fZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZl9fZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5mX19kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmZfX2RodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmZfX2RodGh4cTggewogIGZsZXg6IDE7Cn0KLmZfX2RodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmZfX2RodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZl9fZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmZfX2RodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmZfX2RodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmZfX2RodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZl9fZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmZfX2RodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmZfX2RodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5mX19kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0= */
61
- .f__dhthxq0 {
67
+ /* vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0= */
68
+ .dhthxq0 {
62
69
  width: 100%;
63
70
  }
64
- .f__dhthxq1 {
71
+ .dhthxq1 {
65
72
  height: 100%;
66
73
  }
67
- .f__dhthxq2 {
74
+ .dhthxq2 {
68
75
  top: 0;
69
76
  }
70
- .f__dhthxq3 {
77
+ .dhthxq3 {
71
78
  left: 0;
72
79
  }
73
- .f__dhthxq4 {
80
+ .dhthxq4 {
74
81
  position: absolute;
75
82
  }
76
- .f__dhthxq5 {
83
+ .dhthxq5 {
77
84
  position: relative;
78
85
  }
79
- .f__dhthxq7 {
86
+ .dhthxq7 {
80
87
  display: flex;
81
88
  }
82
- .f__dhthxq8 {
89
+ .dhthxq8 {
83
90
  flex: 1;
84
91
  }
85
- .f__dhthxq9 {
92
+ .dhthxq9 {
86
93
  align-items: center;
87
94
  }
88
- .f__dhthxqa {
95
+ .dhthxqa {
89
96
  align-items: flex-end;
90
97
  }
91
- .f__dhthxqb {
98
+ .dhthxqb {
92
99
  justify-content: center;
93
100
  }
94
- .f__dhthxqc {
101
+ .dhthxqc {
95
102
  overflow: hidden;
96
103
  }
97
- .f__dhthxqd {
104
+ .dhthxqd {
98
105
  white-space: nowrap;
99
106
  }
100
- .f__dhthxqe {
107
+ .dhthxqe {
101
108
  text-align: center;
102
109
  }
103
- .f__dhthxqf {
110
+ .dhthxqf {
104
111
  cursor: pointer;
105
112
  -webkit-tap-highlight-color: transparent;
106
113
  }
107
- .f__dhthxqg {
114
+ .dhthxqg {
108
115
  box-sizing: border-box;
109
116
  }
110
- .f__dhthxqh {
117
+ .dhthxqh {
111
118
  box-sizing: content-box;
112
119
  }
113
- .f__dhthxqi {
120
+ .dhthxqi {
114
121
  appearance: none;
115
122
  border: 0;
116
123
  padding: 0;
117
124
  background: none;
118
125
  }
119
126
 
120
- /* 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== */
121
- .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 {
122
129
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
123
130
  }
124
- .AppScreen__1dlf4347 {
131
+ ._1dlf4347 {
125
132
  background-color: var(--stackflow-plugin-basic-ui-background-color);
126
133
  }
127
- .AppScreen__1dlf4348 {
128
- transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
134
+ ._1dlf4348 {
135
+ transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
129
136
  }
130
- .AppScreen__1dlf434c {
137
+ ._1dlf434c {
131
138
  transform: translate3d(100%, 0, 0);
132
139
  }
133
- .AppScreen__1dlf434i {
140
+ ._1dlf434i {
134
141
  opacity: 0;
135
- z-index: var(--zIndexes-dim__1dlf4341);
142
+ z-index: var(--_1dlf4341);
136
143
  will-change: opacity;
137
144
  }
138
- .theme__1coppmz0 .AppScreen__1dlf434i,
139
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434i {
145
+ ._1q6dj2j0 ._1dlf434i,
146
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434i {
140
147
  height: 10rem;
141
148
  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
142
149
  }
143
- .AppScreen__1dlf4349 .AppScreen__1dlf434i,
144
- .AppScreen__1dlf434a .AppScreen__1dlf434i {
150
+ ._1dlf4349 ._1dlf434i,
151
+ ._1dlf434a ._1dlf434i {
145
152
  opacity: 1;
146
153
  }
147
- .AppScreen__1dlf434b .AppScreen__1dlf434i,
148
- .AppScreen__1dlf434c .AppScreen__1dlf434i {
154
+ ._1dlf434b ._1dlf434i,
155
+ ._1dlf434c ._1dlf434i {
149
156
  opacity: 0;
150
157
  }
151
- .AppScreen__1dlf434j {
158
+ ._1dlf434j {
152
159
  overflow-y: scroll;
153
160
  -webkit-overflow-scrolling: touch;
154
- z-index: var(--zIndexes-paper__1dlf4342);
161
+ z-index: var(--_1dlf4342);
155
162
  will-change: transform;
156
163
  }
157
- .AppScreen__1dlf434j::-webkit-scrollbar {
164
+ ._1dlf434j::-webkit-scrollbar {
158
165
  display: none;
159
166
  }
160
- .theme__1coppmz1 .AppScreen__1dlf434j,
161
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf434j {
167
+ ._1q6dj2j1 ._1dlf434j,
168
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1dlf434j {
162
169
  transform: translate3d(100%, 0, 0);
163
170
  }
164
- .theme__1coppmz1 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
165
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppScreen__1dlf434j,
166
- .theme__1coppmz1 .AppScreen__1dlf434a .AppScreen__1dlf434j,
167
- :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 {
168
175
  transform: translate3d(0, 0, 0);
169
176
  }
170
- .theme__1coppmz0 .AppScreen__1dlf434j,
171
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf434j {
177
+ ._1q6dj2j0 ._1dlf434j,
178
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1dlf434j {
172
179
  opacity: 0;
173
180
  transform: translate3d(0, 10rem, 0);
174
181
  }
175
- .theme__1coppmz0 .AppScreen__1dlf4349 .AppScreen__1dlf434j,
176
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppScreen__1dlf434j,
177
- .theme__1coppmz0 .AppScreen__1dlf434a .AppScreen__1dlf434j,
178
- :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 {
179
186
  opacity: 1;
180
187
  transform: translate3d(0, 0, 0);
181
188
  }
182
- .AppScreen_hasAppBar_true__1dlf434k {
189
+ ._1dlf434k {
183
190
  transition:
184
- transform var(--transitionDuration__1dlf4340),
185
- opacity var(--transitionDuration__1dlf4340),
191
+ transform var(--_1dlf4340),
192
+ opacity var(--_1dlf4340),
186
193
  padding-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
187
194
  padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + constant(safe-area-inset-top));
188
195
  padding-top: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + env(safe-area-inset-top));
189
196
  }
190
- .theme__1coppmz1 .AppScreen_presentModalFullScreen_true__1dlf434l,
191
- :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 {
192
199
  transform: translate3d(0, 100%, 0);
193
200
  }
194
- .AppScreen__1dlf434m {
201
+ ._1dlf434m {
195
202
  width: 1.25rem;
196
- z-index: var(--zIndexes-edge__1dlf4343);
203
+ z-index: var(--_1dlf4343);
197
204
  }
198
- .AppScreen_hasAppBar_true__1dlf434n {
205
+ ._1dlf434n {
199
206
  top: var(--stackflow-plugin-basic-ui-app-bar-height);
200
207
  height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
201
208
  }
202
209
 
203
- /* 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== */
204
- .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 {
205
212
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
206
213
  }
207
- .AppBar__1yk3a451 {
214
+ ._1yk3a451 {
208
215
  overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);
209
216
  }
210
- .AppBar__1yk3a452 {
217
+ ._1yk3a452 {
211
218
  background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);
212
- z-index: var(--zIndexes-appBar__1dlf4344);
219
+ z-index: var(--_1dlf4344);
213
220
  will-change: transform, opacity;
214
221
  }
215
- .theme__1coppmz1 .AppBar__1yk3a452,
216
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a452 {
222
+ ._1q6dj2j1 ._1yk3a452,
223
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a452 {
217
224
  position: absolute;
218
225
  }
219
- .theme__1coppmz1 .AppScreen__1dlf434b .AppBar__1yk3a452,
220
- :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 {
221
228
  transform: translate3d(100%, 0, 0);
222
229
  transition: 0s;
223
230
  }
224
- .theme__1coppmz0 .AppBar__1yk3a452,
225
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a452 {
231
+ ._1q6dj2j0 ._1yk3a452,
232
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a452 {
226
233
  opacity: 0;
227
234
  transform: translate3d(0, 10rem, 0);
228
- transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
235
+ transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
229
236
  }
230
- .theme__1coppmz0 .AppScreen__1dlf4349 .AppBar__1yk3a452,
231
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppScreen__1dlf4349 .AppBar__1yk3a452,
232
- .theme__1coppmz0 .AppScreen__1dlf434a .AppBar__1yk3a452,
233
- :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 {
234
241
  opacity: 1;
235
242
  transform: translate3d(0, 0, 0);
236
243
  }
237
- .AppBar_border_true__1yk3a453 {
244
+ ._1yk3a453 {
238
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);
239
246
  }
240
- .theme__1coppmz1 .AppBar_presentModalFullScreen_true__1yk3a454,
241
- :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 {
242
249
  transform: translate3d(0, 100vh, 0);
243
- transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
250
+ transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
244
251
  }
245
- .theme__1coppmz1 .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a454,
246
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppScreen__1dlf4349 .AppBar_presentModalFullScreen_true__1yk3a454,
247
- .theme__1coppmz1 .AppScreen__1dlf434a .AppBar_presentModalFullScreen_true__1yk3a454,
248
- :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 {
249
256
  transform: translate3d(0, 0, 0);
250
257
  }
251
- .theme__1coppmz1 .AppScreen__1dlf434b .AppBar_presentModalFullScreen_true__1yk3a454,
252
- :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 {
253
260
  transform: translate3d(0, 100vh, 0);
254
- transition: transform var(--transitionDuration__1dlf4340), opacity var(--transitionDuration__1dlf4340);
261
+ transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
255
262
  }
256
- .AppBar__1yk3a455 {
263
+ ._1yk3a455 {
257
264
  height: constant(safe-area-inset-top);
258
265
  height: env(safe-area-inset-top);
259
266
  }
260
- .AppBar__1yk3a456 {
267
+ ._1yk3a456 {
261
268
  height: var(--stackflow-plugin-basic-ui-app-bar-height);
262
269
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
263
270
  }
264
- .AppBar__1yk3a457 {
271
+ ._1yk3a457 {
265
272
  padding: 0 0.5rem;
266
273
  }
267
- .AppBar__1yk3a457:empty {
274
+ ._1yk3a457:empty {
268
275
  display: none;
269
276
  }
270
- .AppBar__1yk3a458 {
277
+ ._1yk3a458 {
271
278
  color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
272
279
  transition: opacity 300ms;
273
280
  width: 2.25rem;
274
281
  height: 2.75rem;
275
282
  }
276
- .AppBar__1yk3a458:active {
283
+ ._1yk3a458:active {
277
284
  opacity: 0.2;
278
285
  transition: opacity 0s;
279
286
  }
280
- .AppBar__1yk3a45b {
281
- width: var(--appBar-center-mainWidth__1dlf4345);
287
+ ._1yk3a45b {
288
+ width: var(--_1dlf4345);
282
289
  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
283
290
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
284
291
  }
285
- .theme__1coppmz0 .AppBar__1yk3a45b,
286
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45b {
292
+ ._1q6dj2j0 ._1yk3a45b,
293
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45b {
287
294
  width: 100%;
288
295
  justify-content: flex-start;
289
296
  padding-left: 1rem;
@@ -292,8 +299,8 @@
292
299
  font-weight: bold;
293
300
  box-sizing: border-box;
294
301
  }
295
- .theme__1coppmz1 .AppBar__1yk3a45b,
296
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45b {
302
+ ._1q6dj2j1 ._1yk3a45b,
303
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a45b {
297
304
  position: absolute;
298
305
  display: flex;
299
306
  align-items: center;
@@ -308,60 +315,60 @@
308
315
  top: constant(safe-area-inset-top);
309
316
  top: env(safe-area-inset-top);
310
317
  }
311
- .theme__1coppmz0 .AppBar_hasLeft_true__1yk3a45c,
312
- :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 {
313
320
  padding-left: 0.375rem;
314
321
  }
315
- .AppBar__1yk3a45d {
322
+ ._1yk3a45d {
316
323
  left: 50%;
317
324
  height: 1.25rem;
318
325
  transform: translate(-50%);
319
326
  max-width: 5rem;
320
327
  display: none;
321
- width: var(--appBar-center-mainWidth__1dlf4345);
328
+ width: var(--_1dlf4345);
322
329
  }
323
- .theme__1coppmz1 .AppBar__1yk3a45d,
324
- :root[data-stackflow-plugin-basic-ui-theme=cupertino] .AppBar__1yk3a45d {
330
+ ._1q6dj2j1 ._1yk3a45d,
331
+ :root[data-stackflow-plugin-basic-ui-theme=cupertino] ._1yk3a45d {
325
332
  display: block;
326
333
  }
327
- .AppBar__1yk3a45e {
334
+ ._1yk3a45e {
328
335
  text-overflow: ellipsis;
329
336
  font-size: inherit;
330
337
  font-weight: inherit;
331
338
  }
332
- .AppBar__1yk3a45f {
339
+ ._1yk3a45f {
333
340
  padding: 0 0.5rem;
334
341
  margin-left: auto;
335
342
  }
336
- .AppBar__1yk3a45f:empty {
343
+ ._1yk3a45f:empty {
337
344
  display: none;
338
345
  }
339
- .theme__1coppmz0 .AppBar__1yk3a45f,
340
- :root[data-stackflow-plugin-basic-ui-theme=android] .AppBar__1yk3a45f {
346
+ ._1q6dj2j0 ._1yk3a45f,
347
+ :root[data-stackflow-plugin-basic-ui-theme=android] ._1yk3a45f {
341
348
  padding: 0 0.5rem 0 0;
342
349
  }
343
350
 
344
- /* 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= */
345
- .BottomSheet__1ht38h03 {
346
- transition: var(--transitionDuration__1ht38h00);
351
+ /* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYm90dG9tLXNoZWV0LWJvcmRlci1yYWRpdXMpIDAgMDsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwogIG9wYWNpdHk6IDA7Cn0= */
352
+ ._1ht38h03 {
353
+ transition: var(--_1ht38h00);
347
354
  }
348
- .BottomSheet__1ht38h07 {
355
+ ._1ht38h07 {
349
356
  transform: translate3d(100%, 0, 0);
350
357
  }
351
- .BottomSheet__1ht38h0d {
358
+ ._1ht38h0d {
352
359
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
353
- z-index: var(--zIndexes-dim__1ht38h01);
360
+ z-index: var(--_1ht38h01);
354
361
  opacity: 0;
355
362
  }
356
- .BottomSheet__1ht38h04 .BottomSheet__1ht38h0d,
357
- .BottomSheet__1ht38h05 .BottomSheet__1ht38h0d {
363
+ ._1ht38h04 ._1ht38h0d,
364
+ ._1ht38h05 ._1ht38h0d {
358
365
  opacity: 1;
359
366
  }
360
- .BottomSheet__1ht38h06 .BottomSheet__1ht38h0d,
361
- .BottomSheet__1ht38h07 .BottomSheet__1ht38h0d {
367
+ ._1ht38h06 ._1ht38h0d,
368
+ ._1ht38h07 ._1ht38h0d {
362
369
  opacity: 0;
363
370
  }
364
- .BottomSheet__1ht38h0e {
371
+ ._1ht38h0e {
365
372
  background-color: var(--stackflow-plugin-basic-ui-background-color);
366
373
  width: 100%;
367
374
  border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;
@@ -369,38 +376,38 @@
369
376
  transform: translate3d(0, 100%, 0);
370
377
  opacity: 0;
371
378
  }
372
- .BottomSheet__1ht38h04 .BottomSheet__1ht38h0e,
373
- .BottomSheet__1ht38h05 .BottomSheet__1ht38h0e {
379
+ ._1ht38h04 ._1ht38h0e,
380
+ ._1ht38h05 ._1ht38h0e {
374
381
  transform: translate3d(0, 0, 0);
375
382
  opacity: 1;
376
383
  }
377
- .BottomSheet__1ht38h06 .BottomSheet__1ht38h0e,
378
- .BottomSheet__1ht38h07 .BottomSheet__1ht38h0e {
384
+ ._1ht38h06 ._1ht38h0e,
385
+ ._1ht38h07 ._1ht38h0e {
379
386
  transform: translate3d(0, 100%, 0);
380
387
  opacity: 0;
381
388
  }
382
389
 
383
- /* 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== */
384
- .Modal__5ozg8c3 {
385
- transition: var(--transitionDuration__5ozg8c0);
390
+ /* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=Ll81b3pnOGMzIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1fNW96ZzhjMCk7Cn0KLl81b3pnOGM3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fNW96ZzhjZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1kaW0tYmFja2dyb3VuZC1jb2xvcik7CiAgei1pbmRleDogdmFyKC0tXzVvemc4YzEpOwogIG9wYWNpdHk6IDA7Cn0KLl81b3pnOGM0IC5fNW96ZzhjZCwgLl81b3pnOGM1IC5fNW96ZzhjZCB7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNkLCAuXzVvemc4YzcgLl81b3pnOGNkIHsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjZSB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1iYWNrZ3JvdW5kLWNvbG9yKTsKICB3aWR0aDogMTAwJTsKICBtYXJnaW46IDAgMi41cmVtOwogIGJveC1zaGFkb3c6IDBweCAwLjYyNXJlbSAyLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMTUpLCAwcHggLjU2MjVyZW0gMi44NzVyZW0gcmdiYSgwLCAwLCAwLCAwLjEyKSwgMHB4IC4zMTI1cmVtIC45Mzc1cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJvdHRvbS1zaGVldC1ib3JkZXItcmFkaXVzKTsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIHRyYW5zZm9ybTogc2NhbGUoMS4xKTsKICBvcGFjaXR5OiAwOwp9Ci5fNW96ZzhjNCAuXzVvemc4Y2UsIC5fNW96ZzhjNSAuXzVvemc4Y2UgewogIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgb3BhY2l0eTogMTsKfQouXzVvemc4YzYgLl81b3pnOGNlLCAuXzVvemc4YzcgLl81b3pnOGNlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7CiAgb3BhY2l0eTogMDsKfQ== */
391
+ ._5ozg8c3 {
392
+ transition: var(--_5ozg8c0);
386
393
  }
387
- .Modal__5ozg8c7 {
394
+ ._5ozg8c7 {
388
395
  transform: translate3d(100%, 0, 0);
389
396
  }
390
- .Modal__5ozg8cd {
397
+ ._5ozg8cd {
391
398
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
392
- z-index: var(--zIndexes-dim__5ozg8c1);
399
+ z-index: var(--_5ozg8c1);
393
400
  opacity: 0;
394
401
  }
395
- .Modal__5ozg8c4 .Modal__5ozg8cd,
396
- .Modal__5ozg8c5 .Modal__5ozg8cd {
402
+ ._5ozg8c4 ._5ozg8cd,
403
+ ._5ozg8c5 ._5ozg8cd {
397
404
  opacity: 1;
398
405
  }
399
- .Modal__5ozg8c6 .Modal__5ozg8cd,
400
- .Modal__5ozg8c7 .Modal__5ozg8cd {
406
+ ._5ozg8c6 ._5ozg8cd,
407
+ ._5ozg8c7 ._5ozg8cd {
401
408
  opacity: 0;
402
409
  }
403
- .Modal__5ozg8ce {
410
+ ._5ozg8ce {
404
411
  background-color: var(--stackflow-plugin-basic-ui-background-color);
405
412
  width: 100%;
406
413
  margin: 0 2.5rem;
@@ -413,13 +420,13 @@
413
420
  transform: scale(1.1);
414
421
  opacity: 0;
415
422
  }
416
- .Modal__5ozg8c4 .Modal__5ozg8ce,
417
- .Modal__5ozg8c5 .Modal__5ozg8ce {
423
+ ._5ozg8c4 ._5ozg8ce,
424
+ ._5ozg8c5 ._5ozg8ce {
418
425
  transform: scale(1);
419
426
  opacity: 1;
420
427
  }
421
- .Modal__5ozg8c6 .Modal__5ozg8ce,
422
- .Modal__5ozg8c7 .Modal__5ozg8ce {
428
+ ._5ozg8c6 ._5ozg8ce,
429
+ ._5ozg8c7 ._5ozg8ce {
423
430
  transform: scale(1.1);
424
431
  opacity: 0;
425
432
  }