@stackflow/plugin-basic-ui 1.13.1 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +85 -38
- package/dist/index.css.map +3 -3
- package/dist/index.js +25 -20
- package/dist/index.js.map +2 -2
- package/dist/index.mjs +25 -20
- package/dist/index.mjs.map +2 -2
- package/package.json +2 -2
- 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
|
@@ -100,17 +100,25 @@ const AppScreen: React.FC<AppScreenProps> = ({
|
|
|
100
100
|
zIndexBase + (modalPresentationStyle === "fullScreen" ? 2 : 0);
|
|
101
101
|
zIndexPaper =
|
|
102
102
|
zIndexBase +
|
|
103
|
-
(hasAppBar && modalPresentationStyle !== "fullScreen"
|
|
103
|
+
(hasAppBar && modalPresentationStyle !== "fullScreen"
|
|
104
|
+
? appBar.enterStyle === "cover"
|
|
105
|
+
? 2
|
|
106
|
+
: 1
|
|
107
|
+
: 3);
|
|
104
108
|
zIndexEdge = zIndexBase + 4;
|
|
105
109
|
zIndexAppBar = zIndexBase + 7;
|
|
106
110
|
break;
|
|
107
111
|
}
|
|
108
112
|
default: {
|
|
109
113
|
zIndexDim = zIndexBase;
|
|
110
|
-
zIndexPaper =
|
|
114
|
+
zIndexPaper =
|
|
115
|
+
zIndexBase +
|
|
116
|
+
(activityEnterStyle === "slideInLeft" && appBar?.enterStyle !== "cover"
|
|
117
|
+
? 0
|
|
118
|
+
: 2);
|
|
111
119
|
zIndexEdge = zIndexBase + 4;
|
|
112
120
|
zIndexAppBar =
|
|
113
|
-
zIndexBase + (activityEnterStyle === "slideInLeft" ?
|
|
121
|
+
zIndexBase + (activityEnterStyle === "slideInLeft" ? 6 : 4);
|
|
114
122
|
break;
|
|
115
123
|
}
|
|
116
124
|
}
|
|
@@ -123,8 +131,9 @@ const AppScreen: React.FC<AppScreenProps> = ({
|
|
|
123
131
|
});
|
|
124
132
|
useStyleEffectOffset({
|
|
125
133
|
refs:
|
|
126
|
-
globalOptions.theme === "cupertino" ||
|
|
127
|
-
|
|
134
|
+
(globalOptions.theme === "cupertino" ||
|
|
135
|
+
activityEnterStyle === "slideInLeft") &&
|
|
136
|
+
appBar?.enterStyle !== "cover"
|
|
128
137
|
? [paperRef]
|
|
129
138
|
: [paperRef, appBarRef],
|
|
130
139
|
offsetStyles:
|
|
@@ -152,6 +161,7 @@ const AppScreen: React.FC<AppScreenProps> = ({
|
|
|
152
161
|
appBarRef,
|
|
153
162
|
offset: OFFSET_PX_CUPERTINO,
|
|
154
163
|
transitionDuration: globalVars.transitionDuration,
|
|
164
|
+
moveAppBarTogether: appBar?.enterStyle === "cover",
|
|
155
165
|
preventSwipeBack:
|
|
156
166
|
isSwipeBackPrevented || globalOptions.theme !== "cupertino",
|
|
157
167
|
getActivityTransitionState() {
|
|
@@ -277,7 +287,7 @@ const AppScreen: React.FC<AppScreenProps> = ({
|
|
|
277
287
|
data-part="paper"
|
|
278
288
|
{...activityDataAttributes}
|
|
279
289
|
>
|
|
280
|
-
{children}
|
|
290
|
+
<div className={css.paperContent({ hasAppBar })}>{children}</div>
|
|
281
291
|
</div>
|
|
282
292
|
{!activity?.isRoot &&
|
|
283
293
|
globalOptions.theme === "cupertino" &&
|