@stokelp/ui 2.41.0 → 2.41.2
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/style.css +1 -1
- package/dist/ui.cjs +1 -1
- package/dist/ui.cjs.map +1 -1
- package/dist/ui.js +30 -5
- package/dist/ui.js.map +1 -1
- package/package.json +1 -1
package/dist/ui.js
CHANGED
|
@@ -18429,6 +18429,7 @@ const { withProvider: Yu, withContext: V5 } = J(oa, {
|
|
|
18429
18429
|
},
|
|
18430
18430
|
content: {
|
|
18431
18431
|
"--footer-height": "70px",
|
|
18432
|
+
outline: "none",
|
|
18432
18433
|
position: "relative",
|
|
18433
18434
|
background: "white",
|
|
18434
18435
|
display: "flex",
|
|
@@ -21640,12 +21641,13 @@ const Af = U({
|
|
|
21640
21641
|
content: {
|
|
21641
21642
|
"--footer-height": "70px",
|
|
21642
21643
|
position: "relative",
|
|
21643
|
-
overflow: "hidden",
|
|
21644
21644
|
'& [data-recipe-slot="header"] + [data-recipe-slot="footer"]': {
|
|
21645
21645
|
pt: "space-40"
|
|
21646
21646
|
},
|
|
21647
21647
|
'&:has([data-recipe-slot="header"] + [data-recipe-slot="footer"]) [data-recipe-slot="header"]': {
|
|
21648
|
-
pb: "calc(var(--footer-height) + {sizes.size-24})"
|
|
21648
|
+
pb: "calc(var(--footer-height) + {sizes.size-24})",
|
|
21649
|
+
borderBottomLeftRadius: "radius-16",
|
|
21650
|
+
borderBottomRightRadius: "radius-16"
|
|
21649
21651
|
},
|
|
21650
21652
|
_closed: {
|
|
21651
21653
|
animation: "dialog-out"
|
|
@@ -21658,8 +21660,6 @@ const Af = U({
|
|
|
21658
21660
|
md: "center"
|
|
21659
21661
|
},
|
|
21660
21662
|
fontFamily: "satoshi",
|
|
21661
|
-
background: "background",
|
|
21662
|
-
borderRadius: "radius-8",
|
|
21663
21663
|
display: "flex",
|
|
21664
21664
|
flexDirection: "column",
|
|
21665
21665
|
maxHeight: "100%",
|
|
@@ -21667,13 +21667,36 @@ const Af = U({
|
|
|
21667
21667
|
base: "100%",
|
|
21668
21668
|
md: "800px"
|
|
21669
21669
|
},
|
|
21670
|
-
maxW: "922px"
|
|
21670
|
+
maxW: "922px",
|
|
21671
|
+
"& > :first-child": {
|
|
21672
|
+
borderTopLeftRadius: "radius-16",
|
|
21673
|
+
borderTopRightRadius: "radius-16"
|
|
21674
|
+
},
|
|
21675
|
+
'&:has(> [data-recipe-slot="header"] + [data-recipe-slot="footer"])': {
|
|
21676
|
+
'& [data-recipe-slot="footer"]': {
|
|
21677
|
+
borderBottomLeftRadius: "radius-16",
|
|
21678
|
+
borderBottomRightRadius: "radius-16"
|
|
21679
|
+
}
|
|
21680
|
+
},
|
|
21681
|
+
'&:has(> [data-recipe-slot="body"] + [data-recipe-slot="footer"])': {
|
|
21682
|
+
'& [data-recipe-slot="footer"]': {
|
|
21683
|
+
borderBottomLeftRadius: "radius-16",
|
|
21684
|
+
borderBottomRightRadius: "radius-16"
|
|
21685
|
+
}
|
|
21686
|
+
},
|
|
21687
|
+
'&:has(> [data-recipe-slot="header"] + [data-recipe-slot="body"] + [data-recipe-slot="footer"])': {
|
|
21688
|
+
'& [data-recipe-slot="body"], [data-recipe-slot="footer"]': {
|
|
21689
|
+
borderBottomLeftRadius: "radius-16",
|
|
21690
|
+
borderBottomRightRadius: "radius-16"
|
|
21691
|
+
}
|
|
21692
|
+
}
|
|
21671
21693
|
},
|
|
21672
21694
|
header: {
|
|
21673
21695
|
'& [data-part="close-trigger"]': {
|
|
21674
21696
|
alignSelf: "flex-start",
|
|
21675
21697
|
ml: "auto"
|
|
21676
21698
|
},
|
|
21699
|
+
background: "background",
|
|
21677
21700
|
alignItems: "center",
|
|
21678
21701
|
display: "flex",
|
|
21679
21702
|
flexDirection: "row",
|
|
@@ -21682,6 +21705,7 @@ const Af = U({
|
|
|
21682
21705
|
py: "space-16"
|
|
21683
21706
|
},
|
|
21684
21707
|
body: {
|
|
21708
|
+
background: "background",
|
|
21685
21709
|
display: "flex",
|
|
21686
21710
|
flex: 1,
|
|
21687
21711
|
flexDirection: "column",
|
|
@@ -21691,6 +21715,7 @@ const Af = U({
|
|
|
21691
21715
|
pb: "calc(var(--footer-height) + {sizes.size-24})"
|
|
21692
21716
|
},
|
|
21693
21717
|
footer: {
|
|
21718
|
+
background: "background",
|
|
21694
21719
|
position: "absolute",
|
|
21695
21720
|
bottom: 0,
|
|
21696
21721
|
left: 0,
|