@wistia/ui 0.5.5 → 0.5.6

package/dist/index.cjs

@@ -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.
  *
@@ -7337,6 +7337,7 @@ var body1TextStyle = import_styled_components36.css`
   --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 = import_styled_components36.css`
@@ -7344,6 +7345,7 @@ var body2TextStyle = import_styled_components36.css`
   --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 = import_styled_components36.css`
@@ -7351,6 +7353,7 @@ var body3TextStyle = import_styled_components36.css`
   --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 = import_styled_components36.css`
@@ -7358,6 +7361,7 @@ var body4TextStyle = import_styled_components36.css`
   --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 = import_styled_components36.css`
@@ -7418,6 +7422,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 = import_styled_components36.default.div`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   --text-color: ${({ $prominence, $disabled }) => {
@@ -7456,9 +7477,12 @@ var StyledText = import_styled_components36.default.div`
   `}
   ${({ as }) => as === "p" && import_styled_components36.css`
       display: block;
+
+      + p {
+        margin-top: var(--paragraph-spacing, var(--wui-space-04));
+      }
     `}
 `;
-var DEFAULT_ELEMENT3 = "div";
 var TextComponent = (0, import_react20.forwardRef)(
   ({
     align = "left",
@@ -7484,7 +7508,7 @@ var TextComponent = (0, import_react20.forwardRef)(
         $preventUserSelect: preventUserSelect,
         $prominence: prominence,
         $variant: variant,
-        as: renderAs ?? DEFAULT_ELEMENT3,
+        as: renderAs ?? variantElementMap2[variant],
         ...otherProps
       }
     );