@wistia/ui 0.18.16-beta.f43fc62c.7fe692f → 0.18.17-beta.100f7752.330d6f2

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 +30 -8
  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 +30 -8
  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.16-beta.f43fc62c.7fe692f
3
+ * @license @wistia/ui v0.18.17-beta.100f7752.330d6f2
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;
@@ -18719,6 +18740,7 @@ var CustomizableThemeWrapper = ({
18719
18740
  {
18720
18741
  ...props,
18721
18742
  $overrides: overrides,
18743
+ "data-wui-theme": "true",
18722
18744
  children
18723
18745
  }
18724
18746
  );