@stackflow/plugin-basic-ui 1.13.0 → 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.
- package/CHANGELOG.md +218 -0
- package/dist/components/AppBar.css.d.ts +30 -14
- package/dist/components/AppBar.css.d.ts.map +1 -1
- package/dist/components/AppBar.d.ts +1 -0
- package/dist/components/AppBar.d.ts.map +1 -1
- package/dist/components/AppScreen.css.d.ts +9 -2
- package/dist/components/AppScreen.css.d.ts.map +1 -1
- package/dist/components/AppScreen.d.ts.map +1 -1
- package/dist/index.css +87 -40
- package/dist/index.css.map +3 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +26 -20
- package/dist/index.js.map +2 -2
- package/dist/index.mjs +26 -20
- package/dist/index.mjs.map +2 -2
- package/package.json +3 -3
- package/src/components/AppBar.css.ts +68 -10
- package/src/components/AppBar.tsx +17 -2
- package/src/components/AppScreen.css.ts +23 -7
- package/src/components/AppScreen.tsx +16 -6
- package/src/index.ts +1 -0
package/dist/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#
|
|
4
|
-
"sourcesContent": ["._1q6dj2j0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n._1q6dj2j1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=android] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}", ".dhthxq0 {\n width: 100%;\n}\n.dhthxq1 {\n height: 100%;\n}\n.dhthxq2 {\n top: 0;\n}\n.dhthxq3 {\n left: 0;\n}\n.dhthxq4 {\n position: absolute;\n}\n.dhthxq5 {\n position: relative;\n}\n.dhthxq7 {\n display: flex;\n}\n.dhthxq8 {\n flex: 1;\n}\n.dhthxq9 {\n align-items: center;\n}\n.dhthxqa {\n align-items: flex-end;\n}\n.dhthxqb {\n justify-content: center;\n}\n.dhthxqc {\n overflow: hidden;\n}\n.dhthxqd {\n white-space: nowrap;\n}\n.dhthxqe {\n text-align: center;\n}\n.dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n box-sizing: border-box;\n}\n.dhthxqh {\n box-sizing: content-box;\n}\n.dhthxqi {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", "._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4348 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n}\n._1dlf4349 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434d {\n transform: translate3d(100%, 0, 0);\n}\n._1dlf434j {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1q6dj2j0 ._1dlf434j {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf434a ._1dlf434j,\n ._1dlf434b ._1dlf434j\n {\n opacity: 1;\n}\n\n ._1dlf434c ._1dlf434j,\n ._1dlf434d ._1dlf434j\n {\n opacity: 0;\n}\n._1dlf434k {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n z-index: var(--_1dlf4342);\n}\n._1dlf434k::-webkit-scrollbar {\n display: none;\n}\n._1q6dj2j1 ._1dlf434k {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1dlf434k,\n ._1q6dj2j1 ._1dlf434b ._1dlf434k\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434k {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1dlf434k,\n ._1q6dj2j0 ._1dlf434b ._1dlf434k\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434l {\n --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n margin-top: var(--_1dlf4345);\n height: calc(100% - var(--_1dlf4345));\n}\n._1q6dj2j1 ._1dlf434m {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434n {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434o {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434p {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (padding: max(0px)) and (padding: constant(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n }\n}\n@supports (padding: max(0px)) and (padding: env(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n }\n}", "._1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n background-image: var(--stackflow-plugin-basic-ui-app-bar-background-image);\n z-index: var(--_1dlf4344);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n position: absolute;\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1yk3a452,\n ._1q6dj2j0 ._1dlf434b ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1yk3a453 {\n box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1yk3a454,\n ._1q6dj2j1 ._1dlf434b ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a454 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a455 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434c ._1yk3a455 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1yk3a456 {\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a457 {\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n._1q6dj2j0 ._1yk3a457 {\n padding: 0 1rem;\n}\n._1yk3a458:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a458 {\n padding-right: 1rem;\n}\n._1q6dj2j1 ._1yk3a458 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n._1yk3a459 {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n padding: .5rem;\n margin: -.5rem;\n}\n._1yk3a459:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45c {\n width: var(--_1dlf4346);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45c {\n width: 100%;\n justify-content: flex-start;\n font-size: 1.125rem;\n line-height: 1.5;\n font-weight: bold;\n box-sizing: border-box;\n}\n._1q6dj2j1 ._1yk3a45c {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont;\n font-weight: bold;\n font-size: 1.125rem;\n left: 50%;\n transform: translate(-50%);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a45d {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4346);\n}\n._1q6dj2j1 ._1yk3a45d {\n display: block;\n}\n._1yk3a45e {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45f {\n margin-left: auto;\n}\n._1yk3a45f:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45f {\n padding-left: 1rem;\n}\n._1q6dj2j1 ._1yk3a45f {\n padding-left: 1rem;\n padding-right: 1rem;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translate3d(100%, 0, 0);\n}\n._1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_1ht38h01);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0d, ._1ht38h05 ._1ht38h0d {\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0d, ._1ht38h07 ._1ht38h0d {\n opacity: 0;\n}\n._1ht38h0e {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translate3d(0, 100%, 0) !important;\n opacity: 0 !important;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translate3d(100%, 0, 0);\n}\n._5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_5ozg8c1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n opacity: 0;\n}\n._5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n max-width: var(--stackflow-plugin-basic-ui-modal-max-width);\n margin: 0 2.5rem;\n box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n border-radius: var(--stackflow-plugin-basic-ui-modal-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
|
|
5
|
-
"mappings": "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
|
|
3
|
+
"sources": ["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==", "vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0=", "vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#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", "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==", "vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1pbWFnZSk7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9", "vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51TQW6DMBC884q9VAIJWwZKkpLHVIvtECuAIwOFpurfqxhCIQI1zW3tnRnP2mP6HutLtuMRfDkAtcGyUrXSZQIfaFxChjbz9s63Q4fV9hd80KZI+jLHWkbCDRh78YH5MOcIy0mRnzKjm1IQrnNtbsdUNfLTIdctOedNpkqSYqU4aRQRqiD3LG/vAFyIKoXs7owGtqfPyFX9mQCbWniF0Yw/ljHMHY7UYErdLFG3a9TZqfLJwReHnmyqAjP5LxnLsDKtEvUxgetTXZcFdmTY+kuu0AJzMhK8nm4yVSbAIKSxkYU1qjtSHVHoNgF27oDRTXjtQUijrS1MlqLL+qT4wGgQe76F0niE7lag4Q0aBT2Uvq2p9temjZCGGBSqqR4dckayMpPEVxxz6Qb0sbzJpbzJ+180aM4VV2Iol2K4prjk8gfbkIMO+QMAAA=="],
|
|
4
|
+
"sourcesContent": ["._1q6dj2j0 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n._1q6dj2j1 {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=cupertino] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;\n --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}\n:root[data-stackflow-plugin-basic-ui-theme=android] {\n --stackflow-plugin-basic-ui-background-color: #fff;\n --stackflow-plugin-basic-ui-background-image: unset;\n --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);\n --stackflow-plugin-basic-ui-transition-duration: 0s;\n --stackflow-plugin-basic-ui-computed-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);\n --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-border-size: 1px;\n --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;\n --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-text-color: #212124;\n --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-color: #fff;\n --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-background-image: unset;\n --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;\n --stackflow-plugin-basic-ui-app-bar-overflow: hidden;\n --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;\n --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-border-radius: 1rem;\n --stackflow-plugin-basic-ui-modal-max-width: 100%;\n}", ".dhthxq0 {\n width: 100%;\n}\n.dhthxq1 {\n height: 100%;\n}\n.dhthxq2 {\n top: 0;\n}\n.dhthxq3 {\n left: 0;\n}\n.dhthxq4 {\n position: absolute;\n}\n.dhthxq5 {\n position: relative;\n}\n.dhthxq7 {\n display: flex;\n}\n.dhthxq8 {\n flex: 1;\n}\n.dhthxq9 {\n align-items: center;\n}\n.dhthxqa {\n align-items: flex-end;\n}\n.dhthxqb {\n justify-content: center;\n}\n.dhthxqc {\n overflow: hidden;\n}\n.dhthxqd {\n white-space: nowrap;\n}\n.dhthxqe {\n text-align: center;\n}\n.dhthxqf {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.dhthxqg {\n box-sizing: border-box;\n}\n.dhthxqh {\n box-sizing: content-box;\n}\n.dhthxqi {\n appearance: none;\n border: 0;\n padding: 0;\n background: none;\n}", "._1dlf4347 {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n}\n._1dlf4348 {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n}\n._1dlf4349 {\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1dlf434d {\n transform: translate3d(100%, 0, 0);\n}\n._1dlf434j {\n opacity: 0;\n z-index: var(--_1dlf4341);\n}\n._1q6dj2j0 ._1dlf434j {\n height: 10rem;\n background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));\n}\n\n ._1dlf434a ._1dlf434j,\n ._1dlf434b ._1dlf434j\n {\n opacity: 1;\n}\n\n ._1dlf434c ._1dlf434j,\n ._1dlf434d ._1dlf434j\n {\n opacity: 0;\n}\n._1dlf434k {\n z-index: var(--_1dlf4342);\n}\n._1q6dj2j1 ._1dlf434k {\n transform: translate3d(100%, 0, 0);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1dlf434k,\n ._1q6dj2j1 ._1dlf434b ._1dlf434k\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434k {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1dlf434k,\n ._1q6dj2j0 ._1dlf434b ._1dlf434k\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1dlf434l {\n --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: transform var(--_1dlf4340), opacity var(--_1dlf4340), margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n padding-top: var(--_1dlf4345);\n}\n._1q6dj2j1 ._1dlf434m {\n transform: translate3d(0, 100%, 0);\n}\n._1q6dj2j0 ._1dlf434n {\n transform: translate3d(50%, 0, 0);\n}\n._1dlf434o {\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n}\n._1dlf434o::-webkit-scrollbar {\n display: none;\n}\n._1dlf434p {\n margin-top: var(--_1dlf4345);\n height: calc(100% - var(--_1dlf4345));\n}\n._1dlf434q {\n width: 1.25rem;\n z-index: var(--_1dlf4343);\n}\n._1dlf434r {\n top: var(--stackflow-plugin-basic-ui-app-bar-height);\n height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));\n}\n@supports (padding: max(0px)) and (padding: constant(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));\n }\n}\n@supports (padding: max(0px)) and (padding: env(safe-area-inset-top)) {\n ._1dlf434l {\n --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));\n }\n}", "._1yk3a450 {\n min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);\n}\n._1yk3a451 {\n overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);\n}\n._1yk3a452 {\n background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);\n background-image: var(--stackflow-plugin-basic-ui-app-bar-background-image);\n z-index: var(--_1dlf4344);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);\n}\n._1q6dj2j1 ._1yk3a452 {\n position: absolute;\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a452 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j0 ._1yk3a452 {\n opacity: 0;\n transform: translate3d(0, 10rem, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j0 ._1dlf434a ._1yk3a452,\n ._1q6dj2j0 ._1dlf434b ._1yk3a452\n {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1yk3a453 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j0 ._1dlf434c ._1yk3a453 {\n transform: translate3d(100%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform 0s;\n}\n._1q6dj2j1 ._1yk3a454 {\n transform: translate3d(100%, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a454 {\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1yk3a454,\n ._1q6dj2j1 ._1dlf434b ._1yk3a454\n {\n transform: translate3d(0, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340);\n}\n._1yk3a455 {\n box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);\n}\n._1q6dj2j1 ._1yk3a456 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n\n ._1q6dj2j1 ._1dlf434a ._1yk3a456,\n ._1q6dj2j1 ._1dlf434b ._1yk3a456\n {\n transform: translate3d(0, 0, 0);\n}\n._1q6dj2j1 ._1dlf434c ._1yk3a456 {\n transform: translate3d(0, 100vh, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1yk3a457, \n ._1q6dj2j0 ._1dlf434c ._1yk3a457, \n ._1q6dj2j0 ._1dlf434d ._1yk3a457 {\n opacity: 0;\n transform: translate3d(50%, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1q6dj2j0 ._1dlf434a ._1yk3a457,\n ._1q6dj2j0 ._1dlf434b ._1yk3a457 {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration), background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration), box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration), transform var(--_1dlf4340), opacity var(--_1dlf4340);\n}\n._1yk3a458 {\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a459 {\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);\n}\n._1q6dj2j0 ._1yk3a459 {\n padding: 0 1rem;\n}\n._1yk3a45a:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45a {\n padding-right: 1rem;\n}\n._1q6dj2j1 ._1yk3a45a {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n._1yk3a45b {\n color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);\n transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n padding: .5rem;\n margin: -.5rem;\n}\n._1yk3a45b:active {\n opacity: 0.2;\n transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);\n}\n._1yk3a45e {\n width: var(--_1dlf4346);\n color: var(--stackflow-plugin-basic-ui-app-bar-text-color);\n transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);\n}\n._1q6dj2j0 ._1yk3a45e {\n width: 100%;\n justify-content: flex-start;\n font-size: 1.125rem;\n line-height: 1.5;\n font-weight: bold;\n box-sizing: border-box;\n}\n._1q6dj2j1 ._1yk3a45e {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont;\n font-weight: bold;\n font-size: 1.125rem;\n left: 50%;\n transform: translate(-50%);\n height: var(--stackflow-plugin-basic-ui-app-bar-height);\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));\n top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));\n}\n._1yk3a45f {\n left: 50%;\n height: 1.25rem;\n transform: translate(-50%);\n max-width: 5rem;\n display: none;\n width: var(--_1dlf4346);\n}\n._1q6dj2j1 ._1yk3a45f {\n display: block;\n}\n._1yk3a45g {\n text-overflow: ellipsis;\n font-size: inherit;\n font-weight: inherit;\n}\n._1yk3a45h {\n margin-left: auto;\n}\n._1yk3a45h:empty {\n display: none;\n}\n._1q6dj2j0 ._1yk3a45h {\n padding-left: 1rem;\n}\n._1q6dj2j1 ._1yk3a45h {\n padding-left: 1rem;\n padding-right: 1rem;\n}", "._1ht38h03 {\n transition: var(--_1ht38h00);\n}\n._1ht38h07 {\n transform: translate3d(100%, 0, 0);\n}\n._1ht38h0d {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_1ht38h01);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0d, ._1ht38h05 ._1ht38h0d {\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0d, ._1ht38h07 ._1ht38h0d {\n opacity: 0;\n}\n._1ht38h0e {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;\n transform: translate3d(0, 100%, 0);\n opacity: 0;\n}\n._1ht38h04 ._1ht38h0e, ._1ht38h05 ._1ht38h0e {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n._1ht38h06 ._1ht38h0e, ._1ht38h07 ._1ht38h0e {\n transform: translate3d(0, 100%, 0) !important;\n opacity: 0 !important;\n}", "._5ozg8c3 {\n transition: var(--_5ozg8c0);\n}\n._5ozg8c7 {\n transform: translate3d(100%, 0, 0);\n}\n._5ozg8cd {\n background-color: var(--stackflow-plugin-basic-ui-dim-background-color);\n z-index: var(--_5ozg8c1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8cd, ._5ozg8c5 ._5ozg8cd {\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8cd, ._5ozg8c7 ._5ozg8cd {\n opacity: 0;\n}\n._5ozg8ce {\n background-color: var(--stackflow-plugin-basic-ui-background-color);\n background-image: var(--stackflow-plugin-basic-ui-background-image);\n width: 100%;\n max-width: var(--stackflow-plugin-basic-ui-modal-max-width);\n margin: 0 2.5rem;\n box-shadow: 0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15), 0px .5625rem 2.875rem rgba(0, 0, 0, 0.12), 0px .3125rem .9375rem rgba(0, 0, 0, 0.1);\n border-radius: var(--stackflow-plugin-basic-ui-modal-border-radius);\n transform: scale(1.1);\n opacity: 0;\n}\n._5ozg8c4 ._5ozg8ce, ._5ozg8c5 ._5ozg8ce {\n transform: scale(1);\n opacity: 1;\n}\n._5ozg8c6 ._5ozg8ce, ._5ozg8c7 ._5ozg8ce {\n transform: scale(1.1);\n opacity: 0;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export { IconBack, IconClose } from "./assets";
|
|
|
2
2
|
export { basicUIPlugin } from "./basicUIPlugin";
|
|
3
3
|
export { globalVars as cssVars } from "./basicUIPlugin.css";
|
|
4
4
|
export { default as AppScreen, AppScreenContext, AppScreenProps, useAppScreen, } from "./components/AppScreen";
|
|
5
|
+
export { default as AppBar } from "./components/AppBar";
|
|
5
6
|
export { vars as appScreenVars } from "./components/AppScreen.css";
|
|
6
7
|
export { default as BottomSheet, BottomSheetProps, } from "./components/BottomSheet";
|
|
7
8
|
export { vars as bottomSheetVars } from "./components/BottomSheet.css";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,gBAAgB,EAChB,cAAc,EACd,YAAY,GACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,gBAAgB,EAChB,cAAc,EACd,YAAY,GACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -37,6 +37,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
37
37
|
// src/index.ts
|
|
38
38
|
var src_exports = {};
|
|
39
39
|
__export(src_exports, {
|
|
40
|
+
AppBar: () => AppBar_default,
|
|
40
41
|
AppScreen: () => AppScreen_default,
|
|
41
42
|
BottomSheet: () => BottomSheet_default,
|
|
42
43
|
IconBack: () => IconBack_default,
|
|
@@ -191,28 +192,29 @@ var import_react3 = require("react");
|
|
|
191
192
|
|
|
192
193
|
// src/components/AppBar.css.ts
|
|
193
194
|
var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
194
|
-
var appBar = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "_1yk3a452 dhthxq4 dhthxq0 dhthxqh
|
|
195
|
-
var backButton = "
|
|
195
|
+
var appBar = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "_1yk3a452 dhthxq4 dhthxq0 dhthxqh _1yk3a451", variantClassNames: { activityEnterStyle: { slideInLeft: "_1yk3a453" }, enterStyle: { cover: "_1yk3a454" }, border: { true: "_1yk3a455" }, modalPresentationStyle: { fullScreen: "_1yk3a456" } }, defaultVariants: {}, compoundVariants: [[{ activityEnterStyle: "slideInLeft", enterStyle: "cover" }, "_1yk3a457"]] });
|
|
196
|
+
var backButton = "_1yk3a45b dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi";
|
|
196
197
|
var center = "dhthxq9 dhthxq7 dhthxq8 _1yk3a450";
|
|
197
|
-
var centerMain = "
|
|
198
|
-
var centerMainEdge = "
|
|
199
|
-
var centerText = "
|
|
200
|
-
var closeButton = "
|
|
201
|
-
var container = "
|
|
202
|
-
var left = "
|
|
203
|
-
var right = "
|
|
204
|
-
var safeArea = "
|
|
198
|
+
var centerMain = "_1yk3a45e";
|
|
199
|
+
var centerMainEdge = "_1yk3a45f dhthxqi dhthxq4 dhthxq2 dhthxqf";
|
|
200
|
+
var centerText = "_1yk3a45g dhthxqc dhthxqd dhthxq0";
|
|
201
|
+
var closeButton = "_1yk3a45b dhthxq9 dhthxq7 dhthxqb dhthxqf dhthxqi";
|
|
202
|
+
var container = "_1yk3a459 dhthxqa dhthxq7 _1yk3a451";
|
|
203
|
+
var left = "_1yk3a45a dhthxq9 dhthxq7 dhthxq1 _1yk3a450";
|
|
204
|
+
var right = "_1yk3a45h dhthxq9 dhthxq7 dhthxq1 dhthxq5 _1yk3a450";
|
|
205
|
+
var safeArea = "_1yk3a458";
|
|
205
206
|
|
|
206
207
|
// src/components/AppScreen.css.ts
|
|
207
208
|
var import_createRuntimeFn3 = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
208
209
|
var appScreen = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 dhthxqc", variantClassNames: { transitionState: { "enter-active": "_1dlf434a", "enter-done": "_1dlf434b", "exit-active": "_1dlf434c", "exit-done": "_1dlf434d" } }, defaultVariants: {}, compoundVariants: [] });
|
|
209
210
|
var dim = "_1dlf434j dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4347 _1dlf4349";
|
|
210
|
-
var edge = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "
|
|
211
|
+
var edge = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "_1dlf434q dhthxq4 dhthxq2 dhthxq3 dhthxq1", variantClassNames: { hasAppBar: { true: "_1dlf434r" } }, defaultVariants: {}, compoundVariants: [] });
|
|
211
212
|
var enterActive = "_1dlf434a";
|
|
212
213
|
var enterDone = "_1dlf434b";
|
|
213
214
|
var exitActive = "_1dlf434c";
|
|
214
215
|
var exitDone = "_1dlf434d";
|
|
215
216
|
var paper = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "_1dlf434k dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3 _1dlf4348 _1dlf4349", variantClassNames: { hasAppBar: { true: "_1dlf434l dhthxqg" }, modalPresentationStyle: { fullScreen: "_1dlf434m" }, activityEnterStyle: { slideInLeft: "_1dlf434n" } }, defaultVariants: {}, compoundVariants: [] });
|
|
217
|
+
var paperContent = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "_1dlf434o dhthxq4 dhthxq0 dhthxq1 dhthxq2 dhthxq3", variantClassNames: { hasAppBar: { true: "_1dlf434p" } }, defaultVariants: {}, compoundVariants: [] });
|
|
216
218
|
var vars = { transitionDuration: "var(--_1dlf4340)", zIndexes: { dim: "var(--_1dlf4341)", paper: "var(--_1dlf4342)", edge: "var(--_1dlf4343)", appBar: "var(--_1dlf4344)" }, appBar: { topMargin: "var(--_1dlf4345)", center: { mainWidth: "var(--_1dlf4346)" } } };
|
|
217
219
|
|
|
218
220
|
// src/components/AppBar.tsx
|
|
@@ -242,7 +244,8 @@ var AppBar = (0, import_react3.forwardRef)(
|
|
|
242
244
|
backgroundColorTransitionDuration,
|
|
243
245
|
backgroundImage,
|
|
244
246
|
backgroundImageTransitionDuration,
|
|
245
|
-
onTopClick
|
|
247
|
+
onTopClick,
|
|
248
|
+
enterStyle
|
|
246
249
|
}, ref) => {
|
|
247
250
|
var _a, _b;
|
|
248
251
|
const actions = (0, import_react2.useActions)();
|
|
@@ -258,6 +261,7 @@ var AppBar = (0, import_react3.forwardRef)(
|
|
|
258
261
|
innerRef: centerRef,
|
|
259
262
|
enable: globalOptions.theme === "cupertino"
|
|
260
263
|
});
|
|
264
|
+
const isUnderAppBarSlideTransition = (globalOptions.theme === "cupertino" && modalPresentationStyle !== "fullScreen" || activityEnterStyle === "slideInLeft") && enterStyle !== "cover";
|
|
261
265
|
const onBackClick = (e) => {
|
|
262
266
|
if (backButton2 && "onClick" in backButton2 && backButton2.onClick) {
|
|
263
267
|
backButton2.onClick(e);
|
|
@@ -362,7 +366,8 @@ var AppBar = (0, import_react3.forwardRef)(
|
|
|
362
366
|
className: appBar({
|
|
363
367
|
border,
|
|
364
368
|
modalPresentationStyle,
|
|
365
|
-
activityEnterStyle
|
|
369
|
+
activityEnterStyle,
|
|
370
|
+
enterStyle
|
|
366
371
|
}),
|
|
367
372
|
style: (0, import_dynamic2.assignInlineVars)(
|
|
368
373
|
compactMap({
|
|
@@ -376,9 +381,9 @@ var AppBar = (0, import_react3.forwardRef)(
|
|
|
376
381
|
[globalVars.appBar.height]: height,
|
|
377
382
|
[globalVars.appBar.heightTransitionDuration]: heightTransitionDuration,
|
|
378
383
|
[globalVars.appBar.overflow]: overflow,
|
|
379
|
-
[globalVars.appBar.backgroundColor]: backgroundColor
|
|
384
|
+
[globalVars.appBar.backgroundColor]: backgroundColor != null ? backgroundColor : isUnderAppBarSlideTransition ? globalVars.backgroundColor : "transparent",
|
|
380
385
|
[globalVars.appBar.backgroundColorTransitionDuration]: backgroundColorTransitionDuration,
|
|
381
|
-
[globalVars.appBar.backgroundImage]: backgroundImage
|
|
386
|
+
[globalVars.appBar.backgroundImage]: backgroundImage != null ? backgroundImage : isUnderAppBarSlideTransition ? globalVars.appBar.backgroundImage : "none",
|
|
382
387
|
[globalVars.appBar.backgroundImageTransitionDuration]: backgroundImageTransitionDuration,
|
|
383
388
|
[vars.appBar.center.mainWidth]: `${maxWidth}px`
|
|
384
389
|
})
|
|
@@ -458,16 +463,16 @@ var AppScreen = ({
|
|
|
458
463
|
switch (globalOptions.theme) {
|
|
459
464
|
case "cupertino": {
|
|
460
465
|
zIndexDim = zIndexBase + (modalPresentationStyle === "fullScreen" ? 2 : 0);
|
|
461
|
-
zIndexPaper = zIndexBase + (hasAppBar && modalPresentationStyle !== "fullScreen" ? 1 : 3);
|
|
466
|
+
zIndexPaper = zIndexBase + (hasAppBar && modalPresentationStyle !== "fullScreen" ? appBar2.enterStyle === "cover" ? 2 : 1 : 3);
|
|
462
467
|
zIndexEdge = zIndexBase + 4;
|
|
463
468
|
zIndexAppBar = zIndexBase + 7;
|
|
464
469
|
break;
|
|
465
470
|
}
|
|
466
471
|
default: {
|
|
467
472
|
zIndexDim = zIndexBase;
|
|
468
|
-
zIndexPaper = zIndexBase + (activityEnterStyle === "slideInLeft" ?
|
|
473
|
+
zIndexPaper = zIndexBase + (activityEnterStyle === "slideInLeft" && (appBar2 == null ? void 0 : appBar2.enterStyle) !== "cover" ? 0 : 2);
|
|
469
474
|
zIndexEdge = zIndexBase + 4;
|
|
470
|
-
zIndexAppBar = zIndexBase + (activityEnterStyle === "slideInLeft" ?
|
|
475
|
+
zIndexAppBar = zIndexBase + (activityEnterStyle === "slideInLeft" ? 6 : 4);
|
|
471
476
|
break;
|
|
472
477
|
}
|
|
473
478
|
}
|
|
@@ -477,7 +482,7 @@ var AppScreen = ({
|
|
|
477
482
|
refs: [appScreenRef]
|
|
478
483
|
});
|
|
479
484
|
(0, import_react_ui_core2.useStyleEffectOffset)({
|
|
480
|
-
refs: globalOptions.theme === "cupertino" || activityEnterStyle === "slideInLeft" ? [paperRef] : [paperRef, appBarRef],
|
|
485
|
+
refs: (globalOptions.theme === "cupertino" || activityEnterStyle === "slideInLeft") && (appBar2 == null ? void 0 : appBar2.enterStyle) !== "cover" ? [paperRef] : [paperRef, appBarRef],
|
|
481
486
|
offsetStyles: globalOptions.theme === "cupertino" ? {
|
|
482
487
|
transform: `translate3d(-${OFFSET_PX_CUPERTINO / 16}rem, 0, 0)`,
|
|
483
488
|
opacity: "1"
|
|
@@ -498,6 +503,7 @@ var AppScreen = ({
|
|
|
498
503
|
appBarRef,
|
|
499
504
|
offset: OFFSET_PX_CUPERTINO,
|
|
500
505
|
transitionDuration: globalVars.transitionDuration,
|
|
506
|
+
moveAppBarTogether: (appBar2 == null ? void 0 : appBar2.enterStyle) === "cover",
|
|
501
507
|
preventSwipeBack: isSwipeBackPrevented || globalOptions.theme !== "cupertino",
|
|
502
508
|
getActivityTransitionState() {
|
|
503
509
|
const $paper = paperRef.current;
|
|
@@ -611,7 +617,7 @@ var AppScreen = ({
|
|
|
611
617
|
}),
|
|
612
618
|
"data-part": "paper"
|
|
613
619
|
}, activityDataAttributes), {
|
|
614
|
-
children
|
|
620
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: paperContent({ hasAppBar }), children })
|
|
615
621
|
}),
|
|
616
622
|
activity == null ? void 0 : activity.id
|
|
617
623
|
),
|