qstd 0.3.72 → 0.3.73
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/block/drawer.d.ts.map +1 -1
- package/dist/react/index.cjs +11 -0
- package/dist/react/index.css +18 -0
- package/dist/react/index.js +11 -0
- package/package.json +1 -1
- package/styled-system/styles.css +24 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/block/drawer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/block/drawer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAia9B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CAMxD;AAID,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,2CAYrD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,uDAkDrD"}
|
package/dist/react/index.cjs
CHANGED
|
@@ -2854,6 +2854,17 @@ function DrawerComponent(props) {
|
|
|
2854
2854
|
borderTopLeftRadius: 12,
|
|
2855
2855
|
borderTopRightRadius: 12,
|
|
2856
2856
|
overflow: "hidden",
|
|
2857
|
+
// Extend background below viewport to cover spring overshoot bounce
|
|
2858
|
+
_after: {
|
|
2859
|
+
content: '""',
|
|
2860
|
+
position: "absolute",
|
|
2861
|
+
left: 0,
|
|
2862
|
+
right: 0,
|
|
2863
|
+
bottom: 0,
|
|
2864
|
+
height: 100,
|
|
2865
|
+
transform: "translateY(100%)",
|
|
2866
|
+
bg: "inherit"
|
|
2867
|
+
},
|
|
2857
2868
|
// Note: Can't use framer-motion's `y` prop because it conflicts
|
|
2858
2869
|
// with the drag motion value. Use CSS transform instead.
|
|
2859
2870
|
variants: {
|
package/dist/react/index.css
CHANGED
|
@@ -1380,6 +1380,9 @@
|
|
|
1380
1380
|
[data-theme=dark] .dark\:bg_neutral\.900 {
|
|
1381
1381
|
background: var(--colors-neutral-900);
|
|
1382
1382
|
}
|
|
1383
|
+
.after\:bg_inherit::after {
|
|
1384
|
+
background: inherit;
|
|
1385
|
+
}
|
|
1383
1386
|
[data-theme=dark] .dark\:bg_neutral\.600 {
|
|
1384
1387
|
background: var(--colors-neutral-600);
|
|
1385
1388
|
}
|
|
@@ -1419,6 +1422,9 @@
|
|
|
1419
1422
|
.after\:pos_absolute::after {
|
|
1420
1423
|
position: absolute;
|
|
1421
1424
|
}
|
|
1425
|
+
.after\:trf_translateY\(100\%\)::after {
|
|
1426
|
+
transform: translateY(100%);
|
|
1427
|
+
}
|
|
1422
1428
|
.after\:scale_0::after {
|
|
1423
1429
|
scale: 0;
|
|
1424
1430
|
}
|
|
@@ -1460,6 +1466,18 @@
|
|
|
1460
1466
|
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-c_neutral\.300::-webkit-scrollbar-thumb {
|
|
1461
1467
|
background-color: var(--colors-neutral-300);
|
|
1462
1468
|
}
|
|
1469
|
+
.after\:left_0::after {
|
|
1470
|
+
left: var(--spacing-0);
|
|
1471
|
+
}
|
|
1472
|
+
.after\:right_0::after {
|
|
1473
|
+
right: var(--spacing-0);
|
|
1474
|
+
}
|
|
1475
|
+
.after\:bottom_0::after {
|
|
1476
|
+
bottom: var(--spacing-0);
|
|
1477
|
+
}
|
|
1478
|
+
.after\:h_100::after {
|
|
1479
|
+
height: 100px;
|
|
1480
|
+
}
|
|
1463
1481
|
.\[\&\:\:-webkit-scrollbar\]\:h_6::-webkit-scrollbar {
|
|
1464
1482
|
height: 6px;
|
|
1465
1483
|
}
|
package/dist/react/index.js
CHANGED
|
@@ -2831,6 +2831,17 @@ function DrawerComponent(props) {
|
|
|
2831
2831
|
borderTopLeftRadius: 12,
|
|
2832
2832
|
borderTopRightRadius: 12,
|
|
2833
2833
|
overflow: "hidden",
|
|
2834
|
+
// Extend background below viewport to cover spring overshoot bounce
|
|
2835
|
+
_after: {
|
|
2836
|
+
content: '""',
|
|
2837
|
+
position: "absolute",
|
|
2838
|
+
left: 0,
|
|
2839
|
+
right: 0,
|
|
2840
|
+
bottom: 0,
|
|
2841
|
+
height: 100,
|
|
2842
|
+
transform: "translateY(100%)",
|
|
2843
|
+
bg: "inherit"
|
|
2844
|
+
},
|
|
2834
2845
|
// Note: Can't use framer-motion's `y` prop because it conflicts
|
|
2835
2846
|
// with the drag motion value. Use CSS transform instead.
|
|
2836
2847
|
variants: {
|
package/package.json
CHANGED
package/styled-system/styles.css
CHANGED
|
@@ -1519,6 +1519,10 @@
|
|
|
1519
1519
|
background: var(--colors-neutral-900);
|
|
1520
1520
|
}
|
|
1521
1521
|
|
|
1522
|
+
.after\:bg_inherit::after {
|
|
1523
|
+
background: inherit;
|
|
1524
|
+
}
|
|
1525
|
+
|
|
1522
1526
|
[data-theme=dark] .dark\:bg_neutral\.600 {
|
|
1523
1527
|
background: var(--colors-neutral-600);
|
|
1524
1528
|
}
|
|
@@ -1571,6 +1575,10 @@
|
|
|
1571
1575
|
position: absolute;
|
|
1572
1576
|
}
|
|
1573
1577
|
|
|
1578
|
+
.after\:trf_translateY\(100\%\)::after {
|
|
1579
|
+
transform: translateY(100%);
|
|
1580
|
+
}
|
|
1581
|
+
|
|
1574
1582
|
.after\:scale_0::after {
|
|
1575
1583
|
scale: 0;
|
|
1576
1584
|
}
|
|
@@ -1615,6 +1623,22 @@
|
|
|
1615
1623
|
background-color: var(--colors-neutral-300);
|
|
1616
1624
|
}
|
|
1617
1625
|
|
|
1626
|
+
.after\:left_0::after {
|
|
1627
|
+
left: var(--spacing-0);
|
|
1628
|
+
}
|
|
1629
|
+
|
|
1630
|
+
.after\:right_0::after {
|
|
1631
|
+
right: var(--spacing-0);
|
|
1632
|
+
}
|
|
1633
|
+
|
|
1634
|
+
.after\:bottom_0::after {
|
|
1635
|
+
bottom: var(--spacing-0);
|
|
1636
|
+
}
|
|
1637
|
+
|
|
1638
|
+
.after\:h_100::after {
|
|
1639
|
+
height: 100px;
|
|
1640
|
+
}
|
|
1641
|
+
|
|
1618
1642
|
.\[\&\:\:-webkit-scrollbar\]\:h_6::-webkit-scrollbar {
|
|
1619
1643
|
height: 6px;
|
|
1620
1644
|
}
|