@sproutsocial/seeds-react-drawer 2.2.16 → 2.2.19
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/drawer.css +15 -5
- package/package.json +8 -8
package/dist/drawer.css
CHANGED
|
@@ -157,8 +157,12 @@
|
|
|
157
157
|
transform: translateX(-100%);
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
.seeds-drawer-popup--bottom:not(
|
|
161
|
-
|
|
160
|
+
.seeds-drawer-popup--bottom:not(
|
|
161
|
+
.seeds-drawer-popup--snap
|
|
162
|
+
)[data-starting-style],
|
|
163
|
+
.seeds-drawer-popup--bottom:not(
|
|
164
|
+
.seeds-drawer-popup--snap
|
|
165
|
+
)[data-ending-style] {
|
|
162
166
|
transform: translateY(calc(100% - var(--bleed) + 2px));
|
|
163
167
|
}
|
|
164
168
|
|
|
@@ -172,8 +176,12 @@
|
|
|
172
176
|
RAIL_OFFSET). Translating the popup by its own height alone leaves the rail
|
|
173
177
|
visible at the bottom of the viewport during enter/exit, so we add the rail's
|
|
174
178
|
outset: RAIL_BUTTON_HEIGHT (32) + RAIL_OFFSET (12) = 44px. */
|
|
175
|
-
.seeds-drawer-popup--bottom.seeds-drawer-popup--action-rail:not(
|
|
176
|
-
|
|
179
|
+
.seeds-drawer-popup--bottom.seeds-drawer-popup--action-rail:not(
|
|
180
|
+
.seeds-drawer-popup--snap
|
|
181
|
+
)[data-starting-style],
|
|
182
|
+
.seeds-drawer-popup--bottom.seeds-drawer-popup--action-rail:not(
|
|
183
|
+
.seeds-drawer-popup--snap
|
|
184
|
+
)[data-ending-style] {
|
|
177
185
|
transform: translateY(calc(100% - var(--bleed) + 2px + 44px));
|
|
178
186
|
}
|
|
179
187
|
|
|
@@ -199,7 +207,9 @@
|
|
|
199
207
|
/* Bottom non-snap stacked bottom-sheet animation. Snap-point drawers don't
|
|
200
208
|
participate: the stack math overwrites --translate-y and clips overflow,
|
|
201
209
|
which collides with base-ui's snap-offset transform. */
|
|
202
|
-
.seeds-drawer-popup--bottom:not(
|
|
210
|
+
.seeds-drawer-popup--bottom:not(
|
|
211
|
+
.seeds-drawer-popup--snap
|
|
212
|
+
)[data-nested-drawer-open] {
|
|
203
213
|
--stack-step: 0.05;
|
|
204
214
|
--stack-progress: clamp(0, var(--drawer-swipe-progress), 1);
|
|
205
215
|
/* Override default vars; base transform rule picks them up automatically */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sproutsocial/seeds-react-drawer",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.19",
|
|
4
4
|
"description": "Seeds React Drawer",
|
|
5
5
|
"author": "Sprout Social, Inc.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@base-ui/react": "^1.3.0",
|
|
33
|
-
"@sproutsocial/seeds-react-theme": "^4.
|
|
34
|
-
"@sproutsocial/seeds-react-system-props": "^3.
|
|
35
|
-
"@sproutsocial/seeds-react-box": "^1.1.
|
|
36
|
-
"@sproutsocial/seeds-react-button": "^2.3.
|
|
37
|
-
"@sproutsocial/seeds-react-icon": "^2.
|
|
38
|
-
"@sproutsocial/seeds-react-mixins": "^4.3.
|
|
39
|
-
"@sproutsocial/seeds-react-text": "^1.5.
|
|
33
|
+
"@sproutsocial/seeds-react-theme": "^4.4.0",
|
|
34
|
+
"@sproutsocial/seeds-react-system-props": "^3.2.0",
|
|
35
|
+
"@sproutsocial/seeds-react-box": "^1.1.30",
|
|
36
|
+
"@sproutsocial/seeds-react-button": "^2.3.6",
|
|
37
|
+
"@sproutsocial/seeds-react-icon": "^2.5.0",
|
|
38
|
+
"@sproutsocial/seeds-react-mixins": "^4.3.14",
|
|
39
|
+
"@sproutsocial/seeds-react-text": "^1.5.4",
|
|
40
40
|
"@sproutsocial/seeds-motion": "^1.8.2",
|
|
41
41
|
"@sproutsocial/seeds-react-portal": "*",
|
|
42
42
|
"@sproutsocial/seeds-react-hooks": "*"
|