@wistia/ui 0.5.5 → 0.5.6

package/dist/index.d.mts

@@ -1699,7 +1699,7 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
 /**
  * Used for rending paragraphs and inline text.
  */
-declare const Text: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
+declare const Text: (<C extends ElementType = "p">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
 
 type MenuItemLabelProps = {
     /**

package/dist/index.d.ts

@@ -1699,7 +1699,7 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
 /**
  * Used for rending paragraphs and inline text.
  */
-declare const Text: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
+declare const Text: (<C extends ElementType = "p">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
 
 type MenuItemLabelProps = {
     /**

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.5.5
+ * @license @wistia/ui v0.5.6
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7234,6 +7234,7 @@ var body1TextStyle = css19`
   --font-size: var(--wui-typography-body-1-size);
   --font-weight: var(--wui-typography-body-1-weight);
   --line-height: var(--wui-typography-body-1-line-height);
+  --paragraph-spacing: var(--wui-typography-body-1-paragraph-spacing);
   ${bodyBoldStyles}
 `;
 var body2TextStyle = css19`
@@ -7241,6 +7242,7 @@ var body2TextStyle = css19`
   --font-size: var(--wui-typography-body-2-size);
   --font-weight: var(--wui-typography-body-2-weight);
   --line-height: var(--wui-typography-body-2-line-height);
+  --paragraph-spacing: var(--wui-typography-body-2-paragraph-spacing);
   ${bodyBoldStyles}
 `;
 var body3TextStyle = css19`
@@ -7248,6 +7250,7 @@ var body3TextStyle = css19`
   --font-size: var(--wui-typography-body-3-size);
   --font-weight: var(--wui-typography-body-3-weight);
   --line-height: var(--wui-typography-body-3-line-height);
+  --paragraph-spacing: var(--wui-typography-body-3-paragraph-spacing);
   ${bodyBoldStyles}
 `;
 var body4TextStyle = css19`
@@ -7255,6 +7258,7 @@ var body4TextStyle = css19`
   --font-size: var(--wui-typography-body-4-size);
   --font-weight: var(--wui-typography-body-4-weight);
   --line-height: var(--wui-typography-body-4-line-height);
+  --paragraph-spacing: var(--wui-typography-body-4-paragraph-spacing);
   ${bodyBoldStyles}
 `;
 var label1TextStyle = css19`
@@ -7315,6 +7319,23 @@ var variantStyleMap2 = {
   label3: label3TextStyle,
   label4: label4TextStyle
 };
+var bodyElement = "p";
+var labelElement = "span";
+var DEFAULT_ELEMENT3 = bodyElement;
+var variantElementMap2 = {
+  body1: DEFAULT_ELEMENT3,
+  body2: DEFAULT_ELEMENT3,
+  body3: DEFAULT_ELEMENT3,
+  body4: DEFAULT_ELEMENT3,
+  body1Mono: DEFAULT_ELEMENT3,
+  body2Mono: DEFAULT_ELEMENT3,
+  body3Mono: DEFAULT_ELEMENT3,
+  body4Mono: DEFAULT_ELEMENT3,
+  label1: labelElement,
+  label2: labelElement,
+  label3: labelElement,
+  label4: labelElement
+};
 var StyledText = styled21.div`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   --text-color: ${({ $prominence, $disabled }) => {
@@ -7353,9 +7374,12 @@ var StyledText = styled21.div`
   `}
   ${({ as }) => as === "p" && css19`
       display: block;
+
+      + p {
+        margin-top: var(--paragraph-spacing, var(--wui-space-04));
+      }
     `}
 `;
-var DEFAULT_ELEMENT3 = "div";
 var TextComponent = forwardRef8(
   ({
     align = "left",
@@ -7381,7 +7405,7 @@ var TextComponent = forwardRef8(
         $preventUserSelect: preventUserSelect,
         $prominence: prominence,
         $variant: variant,
-        as: renderAs ?? DEFAULT_ELEMENT3,
+        as: renderAs ?? variantElementMap2[variant],
         ...otherProps
       }
     );