@wistia/ui 0.19.2 → 0.19.3-beta.098968f1.4c9ab93

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.19.2
+ * @license @wistia/ui v0.19.3-beta.098968f1.4c9ab93
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1866,43 +1866,64 @@ var typographyTokens = import_styled_components7.css`
   --wui-typography-heading-hero-family: var(--wui-typography-family-brand);
   --wui-typography-heading-hero-line-height: 58px;
   --wui-typography-heading-hero-size: 48px;
-  --wui-typography-heading-hero-weight: var(--wui-typography-weight-brand-black);
+  --wui-typography-heading-hero-weight: var(
+    --wui-typography-weight-heading,
+    var(--wui-typography-weight-brand-black)
+  );
 
   /* Heading 1 */
   --wui-typography-heading-1-family: var(--wui-typography-family-brand);
   --wui-typography-heading-1-line-height: 44px;
   --wui-typography-heading-1-size: 36px;
-  --wui-typography-heading-1-weight: var(--wui-typography-weight-brand-black);
+  --wui-typography-heading-1-weight: var(
+    --wui-typography-weight-heading,
+    var(--wui-typography-weight-brand-black)
+  );
 
   /* Heading 2 */
   --wui-typography-heading-2-family: var(--wui-typography-family-brand);
   --wui-typography-heading-2-line-height: 38px;
   --wui-typography-heading-2-size: 32px;
-  --wui-typography-heading-2-weight: var(--wui-typography-weight-brand-black);
+  --wui-typography-heading-2-weight: var(
+    --wui-typography-weight-heading,
+    var(--wui-typography-weight-brand-black)
+  );
 
   /* Heading 3 */
   --wui-typography-heading-3-family: var(--wui-typography-family-brand);
   --wui-typography-heading-3-line-height: 30px;
   --wui-typography-heading-3-size: 24px;
-  --wui-typography-heading-3-weight: var(--wui-typography-weight-brand-bold);
+  --wui-typography-heading-3-weight: var(
+    --wui-typography-weight-heading,
+    var(--wui-typography-weight-brand-bold)
+  );
 
   /* Heading 4 */
   --wui-typography-heading-4-family: var(--wui-typography-family-brand);
   --wui-typography-heading-4-line-height: 24px;
   --wui-typography-heading-4-size: 18px;
-  --wui-typography-heading-4-weight: var(--wui-typography-weight-brand-bold);
+  --wui-typography-heading-4-weight: var(
+    --wui-typography-weight-heading,
+    var(--wui-typography-weight-brand-bold)
+  );
 
   /* Heading 5 */
   --wui-typography-heading-5-family: var(--wui-typography-family-brand);
   --wui-typography-heading-5-line-height: 22px;
   --wui-typography-heading-5-size: 16px;
-  --wui-typography-heading-5-weight: var(--wui-typography-weight-brand-bold);
+  --wui-typography-heading-5-weight: var(
+    --wui-typography-weight-heading,
+    var(--wui-typography-weight-brand-bold)
+  );
 
   /* Heading 6 */
   --wui-typography-heading-6-family: var(--wui-typography-family-brand);
   --wui-typography-heading-6-line-height: 18px;
   --wui-typography-heading-6-size: 14px;
-  --wui-typography-heading-6-weight: var(--wui-typography-weight-brand-bold);
+  --wui-typography-heading-6-weight: var(
+    --wui-typography-weight-heading,
+    var(--wui-typography-weight-brand-bold)
+  );
 
   /* Body Weight */
   --wui-typography-weight-body: 425;
@@ -2025,7 +2046,8 @@ var colorTokens = import_styled_components11.css`
   ${colorAliasTokens}
 `;
 var designTokens = import_styled_components11.css`
-  :root {
+  :root,
+  [data-wui-theme='true'] {
     ${borderRadiusTokens}
     ${colorTokens}
     ${elevationTokens}
@@ -17493,7 +17515,6 @@ var StyledContent3 = (0, import_styled_components112.styled)(import_react_select
   --wui-select-option-bg-hover: var(--wui-color-bg-surface-hover);
 
   overflow: hidden;
-  transform: translateY(8px);
   background-color: var(--wui-select-content-bg);
   border: 1px solid var(--wui-select-content-border);
   border-radius: var(--wui-select-content-border-radius);
@@ -17558,23 +17579,30 @@ var Select = (0, import_react90.forwardRef)(
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime320.jsxs)(StyledContent3, { position: "popper", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(StyledScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
-          Icon,
-          {
-            size: "sm",
-            type: "caret-up"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(import_react_select.Viewport, { children }),
-        /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(StyledScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
-          Icon,
-          {
-            size: "sm",
-            type: "caret-down"
-          }
-        ) })
-      ] }) })
+      /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime320.jsxs)(
+        StyledContent3,
+        {
+          position: "popper",
+          sideOffset: 8,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(StyledScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
+              Icon,
+              {
+                size: "sm",
+                type: "caret-up"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(import_react_select.Viewport, { children }),
+            /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(StyledScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
+              Icon,
+              {
+                size: "sm",
+                type: "caret-down"
+              }
+            ) })
+          ]
+        }
+      ) })
     ] });
   }
 );
@@ -18918,6 +18946,7 @@ var CustomizableThemeWrapper = ({
   {
     ...props,
     $overrides: overrides,
+    "data-wui-theme": "true",
     children
   }
 );