@stokelp/ui 2.41.1 → 2.42.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/ui.js CHANGED
@@ -21641,12 +21641,13 @@ const Af = U({
21641
21641
  content: {
21642
21642
  "--footer-height": "70px",
21643
21643
  position: "relative",
21644
- overflow: "hidden",
21645
21644
  '& [data-recipe-slot="header"] + [data-recipe-slot="footer"]': {
21646
21645
  pt: "space-40"
21647
21646
  },
21648
21647
  '&:has([data-recipe-slot="header"] + [data-recipe-slot="footer"]) [data-recipe-slot="header"]': {
21649
- 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"
21650
21651
  },
21651
21652
  _closed: {
21652
21653
  animation: "dialog-out"
@@ -21659,8 +21660,6 @@ const Af = U({
21659
21660
  md: "center"
21660
21661
  },
21661
21662
  fontFamily: "satoshi",
21662
- background: "background",
21663
- borderRadius: "radius-8",
21664
21663
  display: "flex",
21665
21664
  flexDirection: "column",
21666
21665
  maxHeight: "100%",
@@ -21668,13 +21667,36 @@ const Af = U({
21668
21667
  base: "100%",
21669
21668
  md: "800px"
21670
21669
  },
21671
- 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
+ }
21672
21693
  },
21673
21694
  header: {
21674
21695
  '& [data-part="close-trigger"]': {
21675
21696
  alignSelf: "flex-start",
21676
21697
  ml: "auto"
21677
21698
  },
21699
+ background: "background",
21678
21700
  alignItems: "center",
21679
21701
  display: "flex",
21680
21702
  flexDirection: "row",
@@ -21683,6 +21705,7 @@ const Af = U({
21683
21705
  py: "space-16"
21684
21706
  },
21685
21707
  body: {
21708
+ background: "background",
21686
21709
  display: "flex",
21687
21710
  flex: 1,
21688
21711
  flexDirection: "column",
@@ -21692,6 +21715,7 @@ const Af = U({
21692
21715
  pb: "calc(var(--footer-height) + {sizes.size-24})"
21693
21716
  },
21694
21717
  footer: {
21718
+ background: "background",
21695
21719
  position: "absolute",
21696
21720
  bottom: 0,
21697
21721
  left: 0,