@wistia/ui 0.18.17-beta.b833e1c4.4b18550 → 0.18.17-beta.f239f323.365cbcc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +33 -17
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.mjs +33 -17
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -4354,7 +4354,7 @@ declare const SplitButton: {
4354
4354
  displayName: string;
4355
4355
  };
4356
4356
 
4357
- 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';
4357
+ 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`;
4358
4358
  type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
4359
4359
  children: ReactNode;
4360
4360
  overrides: Partial<Record<CustomizableTokens, number | string>>;
package/dist/index.d.ts CHANGED
@@ -4354,7 +4354,7 @@ declare const SplitButton: {
4354
4354
  displayName: string;
4355
4355
  };
4356
4356
 
4357
- 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';
4357
+ 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`;
4358
4358
  type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
4359
4359
  children: ReactNode;
4360
4360
  overrides: Partial<Record<CustomizableTokens, number | string>>;
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.18.17-beta.b833e1c4.4b18550
3
+ * @license @wistia/ui v0.18.17-beta.f239f323.365cbcc
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -1675,43 +1675,64 @@ var typographyTokens = css7`
1675
1675
  --wui-typography-heading-hero-family: var(--wui-typography-family-brand);
1676
1676
  --wui-typography-heading-hero-line-height: 58px;
1677
1677
  --wui-typography-heading-hero-size: 48px;
1678
- --wui-typography-heading-hero-weight: var(--wui-typography-weight-brand-black);
1678
+ --wui-typography-heading-hero-weight: var(
1679
+ --wui-typography-weight-heading,
1680
+ var(--wui-typography-weight-brand-black)
1681
+ );
1679
1682
 
1680
1683
  /* Heading 1 */
1681
1684
  --wui-typography-heading-1-family: var(--wui-typography-family-brand);
1682
1685
  --wui-typography-heading-1-line-height: 44px;
1683
1686
  --wui-typography-heading-1-size: 36px;
1684
- --wui-typography-heading-1-weight: var(--wui-typography-weight-brand-black);
1687
+ --wui-typography-heading-1-weight: var(
1688
+ --wui-typography-weight-heading,
1689
+ var(--wui-typography-weight-brand-black)
1690
+ );
1685
1691
 
1686
1692
  /* Heading 2 */
1687
1693
  --wui-typography-heading-2-family: var(--wui-typography-family-brand);
1688
1694
  --wui-typography-heading-2-line-height: 38px;
1689
1695
  --wui-typography-heading-2-size: 32px;
1690
- --wui-typography-heading-2-weight: var(--wui-typography-weight-brand-black);
1696
+ --wui-typography-heading-2-weight: var(
1697
+ --wui-typography-weight-heading,
1698
+ var(--wui-typography-weight-brand-black)
1699
+ );
1691
1700
 
1692
1701
  /* Heading 3 */
1693
1702
  --wui-typography-heading-3-family: var(--wui-typography-family-brand);
1694
1703
  --wui-typography-heading-3-line-height: 30px;
1695
1704
  --wui-typography-heading-3-size: 24px;
1696
- --wui-typography-heading-3-weight: var(--wui-typography-weight-brand-bold);
1705
+ --wui-typography-heading-3-weight: var(
1706
+ --wui-typography-weight-heading,
1707
+ var(--wui-typography-weight-brand-bold)
1708
+ );
1697
1709
 
1698
1710
  /* Heading 4 */
1699
1711
  --wui-typography-heading-4-family: var(--wui-typography-family-brand);
1700
1712
  --wui-typography-heading-4-line-height: 24px;
1701
1713
  --wui-typography-heading-4-size: 18px;
1702
- --wui-typography-heading-4-weight: var(--wui-typography-weight-brand-bold);
1714
+ --wui-typography-heading-4-weight: var(
1715
+ --wui-typography-weight-heading,
1716
+ var(--wui-typography-weight-brand-bold)
1717
+ );
1703
1718
 
1704
1719
  /* Heading 5 */
1705
1720
  --wui-typography-heading-5-family: var(--wui-typography-family-brand);
1706
1721
  --wui-typography-heading-5-line-height: 22px;
1707
1722
  --wui-typography-heading-5-size: 16px;
1708
- --wui-typography-heading-5-weight: var(--wui-typography-weight-brand-bold);
1723
+ --wui-typography-heading-5-weight: var(
1724
+ --wui-typography-weight-heading,
1725
+ var(--wui-typography-weight-brand-bold)
1726
+ );
1709
1727
 
1710
1728
  /* Heading 6 */
1711
1729
  --wui-typography-heading-6-family: var(--wui-typography-family-brand);
1712
1730
  --wui-typography-heading-6-line-height: 18px;
1713
1731
  --wui-typography-heading-6-size: 14px;
1714
- --wui-typography-heading-6-weight: var(--wui-typography-weight-brand-bold);
1732
+ --wui-typography-heading-6-weight: var(
1733
+ --wui-typography-weight-heading,
1734
+ var(--wui-typography-weight-brand-bold)
1735
+ );
1715
1736
 
1716
1737
  /* Body Weight */
1717
1738
  --wui-typography-weight-body: 425;
@@ -1834,7 +1855,8 @@ var colorTokens = css11`
1834
1855
  ${colorAliasTokens}
1835
1856
  `;
1836
1857
  var designTokens = css11`
1837
- :where([data-wui-theme]) {
1858
+ :root,
1859
+ [data-wui-theme='true'] {
1838
1860
  ${borderRadiusTokens}
1839
1861
  ${colorTokens}
1840
1862
  ${elevationTokens}
@@ -1973,14 +1995,7 @@ var UIProvider = ({ children }) => {
1973
1995
  }
1974
1996
  return /* @__PURE__ */ jsx3(UIProviderNestingContext.Provider, { value: true, children: /* @__PURE__ */ jsx3(AriaLiveProvider, { children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
1975
1997
  /* @__PURE__ */ jsx3(GlobalStyle, {}),
1976
- /* @__PURE__ */ jsx3(
1977
- "div",
1978
- {
1979
- "data-wui-theme": "true",
1980
- style: { display: "contents" },
1981
- children
1982
- }
1983
- ),
1998
+ children,
1984
1999
  /* @__PURE__ */ jsx3(ToastProvider, {})
1985
2000
  ] }) }) });
1986
2001
  };
@@ -18726,6 +18741,7 @@ var CustomizableThemeWrapper = ({
18726
18741
  {
18727
18742
  ...props,
18728
18743
  $overrides: overrides,
18744
+ "data-wui-theme": "true",
18729
18745
  children
18730
18746
  }
18731
18747
  );