@wistia/ui 0.5.5-beta.05a00a72.6b7da9c → 0.5.5

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 = "p">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
+declare const Text: (<C extends ElementType = "div">(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 = "p">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
+declare const Text: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
 
 type MenuItemLabelProps = {
     /**

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.5.5-beta.05a00a72.6b7da9c
+ * @license @wistia/ui v0.5.5
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7234,7 +7234,6 @@ 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`
@@ -7242,7 +7241,6 @@ 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`
@@ -7250,7 +7248,6 @@ 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`
@@ -7258,7 +7255,6 @@ 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`
@@ -7319,23 +7315,6 @@ 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 }) => {
@@ -7374,12 +7353,9 @@ 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",
@@ -7405,7 +7381,7 @@ var TextComponent = forwardRef8(
         $preventUserSelect: preventUserSelect,
         $prominence: prominence,
         $variant: variant,
-        as: renderAs ?? variantElementMap2[variant],
+        as: renderAs ?? DEFAULT_ELEMENT3,
         ...otherProps
       }
     );