@wistia/ui 0.18.17-beta.2396adc3.725e8fb → 0.18.17-beta.42b7263a.8595789

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.
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' | '--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`;
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';
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' | '--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`;
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';
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.2396adc3.725e8fb
3
+ * @license @wistia/ui v0.18.17-beta.42b7263a.8595789
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -1675,64 +1675,43 @@ 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(
1679
- --wui-typography-weight-heading,
1680
- var(--wui-typography-weight-brand-black)
1681
- );
1678
+ --wui-typography-heading-hero-weight: var(--wui-typography-weight-brand-black);
1682
1679
 
1683
1680
  /* Heading 1 */
1684
1681
  --wui-typography-heading-1-family: var(--wui-typography-family-brand);
1685
1682
  --wui-typography-heading-1-line-height: 44px;
1686
1683
  --wui-typography-heading-1-size: 36px;
1687
- --wui-typography-heading-1-weight: var(
1688
- --wui-typography-weight-heading,
1689
- var(--wui-typography-weight-brand-black)
1690
- );
1684
+ --wui-typography-heading-1-weight: var(--wui-typography-weight-brand-black);
1691
1685
 
1692
1686
  /* Heading 2 */
1693
1687
  --wui-typography-heading-2-family: var(--wui-typography-family-brand);
1694
1688
  --wui-typography-heading-2-line-height: 38px;
1695
1689
  --wui-typography-heading-2-size: 32px;
1696
- --wui-typography-heading-2-weight: var(
1697
- --wui-typography-weight-heading,
1698
- var(--wui-typography-weight-brand-black)
1699
- );
1690
+ --wui-typography-heading-2-weight: var(--wui-typography-weight-brand-black);
1700
1691
 
1701
1692
  /* Heading 3 */
1702
1693
  --wui-typography-heading-3-family: var(--wui-typography-family-brand);
1703
1694
  --wui-typography-heading-3-line-height: 30px;
1704
1695
  --wui-typography-heading-3-size: 24px;
1705
- --wui-typography-heading-3-weight: var(
1706
- --wui-typography-weight-heading,
1707
- var(--wui-typography-weight-brand-bold)
1708
- );
1696
+ --wui-typography-heading-3-weight: var(--wui-typography-weight-brand-bold);
1709
1697
 
1710
1698
  /* Heading 4 */
1711
1699
  --wui-typography-heading-4-family: var(--wui-typography-family-brand);
1712
1700
  --wui-typography-heading-4-line-height: 24px;
1713
1701
  --wui-typography-heading-4-size: 18px;
1714
- --wui-typography-heading-4-weight: var(
1715
- --wui-typography-weight-heading,
1716
- var(--wui-typography-weight-brand-bold)
1717
- );
1702
+ --wui-typography-heading-4-weight: var(--wui-typography-weight-brand-bold);
1718
1703
 
1719
1704
  /* Heading 5 */
1720
1705
  --wui-typography-heading-5-family: var(--wui-typography-family-brand);
1721
1706
  --wui-typography-heading-5-line-height: 22px;
1722
1707
  --wui-typography-heading-5-size: 16px;
1723
- --wui-typography-heading-5-weight: var(
1724
- --wui-typography-weight-heading,
1725
- var(--wui-typography-weight-brand-bold)
1726
- );
1708
+ --wui-typography-heading-5-weight: var(--wui-typography-weight-brand-bold);
1727
1709
 
1728
1710
  /* Heading 6 */
1729
1711
  --wui-typography-heading-6-family: var(--wui-typography-family-brand);
1730
1712
  --wui-typography-heading-6-line-height: 18px;
1731
1713
  --wui-typography-heading-6-size: 14px;
1732
- --wui-typography-heading-6-weight: var(
1733
- --wui-typography-weight-heading,
1734
- var(--wui-typography-weight-brand-bold)
1735
- );
1714
+ --wui-typography-heading-6-weight: var(--wui-typography-weight-brand-bold);
1736
1715
 
1737
1716
  /* Body Weight */
1738
1717
  --wui-typography-weight-body: 425;
@@ -18740,7 +18719,6 @@ var CustomizableThemeWrapper = ({
18740
18719
  {
18741
18720
  ...props,
18742
18721
  $overrides: overrides,
18743
- "data-wui-theme": "true",
18744
18722
  children
18745
18723
  }
18746
18724
  );