@wistia/ui 0.18.17-beta.2396adc3.725e8fb → 0.18.17-beta.b833e1c4.4b18550

package/dist/index.d.mts

@@ -4354,7 +4354,7 @@ declare const SplitButton: {
     displayName: string;
 };
 
-type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text' | '--wui-typography-family-brand' | '--wui-typography-family-mono' | `--wui-typography-family-default` | `--wui-typography-weight-body-bold` | `--wui-typography-weight-body` | `--wui-typography-weight-heading` | `--wui-typography-weight-label-bold` | `--wui-typography-weight-label`;
+type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text';
 type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
     children: ReactNode;
     overrides: Partial<Record<CustomizableTokens, number | string>>;

package/dist/index.d.ts

@@ -4354,7 +4354,7 @@ declare const SplitButton: {
     displayName: string;
 };
 
-type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text' | '--wui-typography-family-brand' | '--wui-typography-family-mono' | `--wui-typography-family-default` | `--wui-typography-weight-body-bold` | `--wui-typography-weight-body` | `--wui-typography-weight-heading` | `--wui-typography-weight-label-bold` | `--wui-typography-weight-label`;
+type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text';
 type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
     children: ReactNode;
     overrides: Partial<Record<CustomizableTokens, number | string>>;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.17-beta.2396adc3.725e8fb
+ * @license @wistia/ui v0.18.17-beta.b833e1c4.4b18550
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1675,64 +1675,43 @@ var typographyTokens = css7`
   --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-heading,
-    var(--wui-typography-weight-brand-black)
-  );
+  --wui-typography-heading-hero-weight: 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-heading,
-    var(--wui-typography-weight-brand-black)
-  );
+  --wui-typography-heading-1-weight: 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-heading,
-    var(--wui-typography-weight-brand-black)
-  );
+  --wui-typography-heading-2-weight: 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-heading,
-    var(--wui-typography-weight-brand-bold)
-  );
+  --wui-typography-heading-3-weight: 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-heading,
-    var(--wui-typography-weight-brand-bold)
-  );
+  --wui-typography-heading-4-weight: 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-heading,
-    var(--wui-typography-weight-brand-bold)
-  );
+  --wui-typography-heading-5-weight: 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-heading,
-    var(--wui-typography-weight-brand-bold)
-  );
+  --wui-typography-heading-6-weight: var(--wui-typography-weight-brand-bold);
 
   /* Body Weight */
   --wui-typography-weight-body: 425;
@@ -1855,7 +1834,7 @@ var colorTokens = css11`
   ${colorAliasTokens}
 `;
 var designTokens = css11`
-  :root {
+  :where([data-wui-theme]) {
     ${borderRadiusTokens}
     ${colorTokens}
     ${elevationTokens}
@@ -1994,7 +1973,14 @@ var UIProvider = ({ children }) => {
   }
   return /* @__PURE__ */ jsx3(UIProviderNestingContext.Provider, { value: true, children: /* @__PURE__ */ jsx3(AriaLiveProvider, { children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
     /* @__PURE__ */ jsx3(GlobalStyle, {}),
-    children,
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        "data-wui-theme": "true",
+        style: { display: "contents" },
+        children
+      }
+    ),
     /* @__PURE__ */ jsx3(ToastProvider, {})
   ] }) }) });
 };
@@ -18740,7 +18726,6 @@ var CustomizableThemeWrapper = ({
   {
     ...props,
     $overrides: overrides,
-    "data-wui-theme": "true",
     children
   }
 );