fulldev-ui 0.3.29 → 0.3.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.3.29",
+  "version": "0.3.31",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",

package/src/components/_Component.astro

@@ -72,9 +72,9 @@ const render =
       ]}
       {...rest}
     >
+      <Fragment set:html={slot} />
       <Fragment set:text={text} />
       <Fragment set:html={html} />
-      <Fragment set:html={slot} />
     </As>
   )
 }

package/src/components/base/Image.astro

@@ -29,7 +29,7 @@ const {
   position,
   frame,
   width,
-  radius = 'none',
+  radius = 'auto',
   height,
   ...rest
 } = Astro.props
@@ -94,10 +94,9 @@ const {
     }
 
     &.radius-auto {
-      border-radius: var(--radius-1);
+      border-radius: var(--radius-2);
     }
 
-
     &.radius-full {
       border-radius: 9999px;
     }

package/src/components/segment/Section.astro

@@ -70,7 +70,7 @@ const {
     }
 
     &.frame-contain {
-      --inner-x: max(4vw, var(--space-7));
+      --inner-x: max(4vw);
       --outer-x: max(0px, calc(var(--gutter) - var(--inner-x)));
       --inner-y: var(--space-7);
       --outer-y: 0;

package/src/components/typography/Text.astro

@@ -10,12 +10,13 @@ type Props<As extends HTMLTag = 'p'> = Polymorphic<{ as: As }> & {
   text?: string
 }
 
-const { as = 'p', ...rest } = Astro.props
+const { html, as = html ? 'div' : 'p', ...rest } = Astro.props
 ---
 
 <Component
   class:list={['text']}
   {as}
+  {html}
   {...rest}
 >
   <slot />