@wistia/ui 0.10.9 → 0.10.10-beta.398dcf06.349c242

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.10.9
+ * @license @wistia/ui v0.10.10-beta.398dcf06.349c242
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7468,7 +7468,7 @@ var StyledActionButton = (0, import_styled_components22.default)(Button)`
   }
 
   &:hover,
-  :focus-visible {
+  &:focus-visible {
     --wui-color-text: var(--wui-color-text-button);
 
     ${({ $hoverColorScheme }) => getColorScheme($hoverColorScheme)};
@@ -8196,7 +8196,7 @@ var HeadingComponent = (0, import_react28.forwardRef)(
       $preventUserSelect: preventUserSelect,
       $truncate: truncate,
       $variant: variant,
-      as: renderAs ?? variantElementMap[variant],
+      as: renderAs ?? variantElementMap[variant] ?? DEFAULT_ELEMENT2,
       ...props
     }
   )
@@ -8405,7 +8405,7 @@ var TextComponent = (0, import_react29.forwardRef)(
         $prominence: prominence,
         $truncate: truncate,
         $variant: variant,
-        as: renderAs ?? variantElementMap2[variant],
+        as: renderAs ?? variantElementMap2[variant] ?? DEFAULT_ELEMENT3,
         ...props
       }
     );
@@ -9431,19 +9431,19 @@ var TagLabel = import_styled_components46.default.a`
     width: 12px;
   }
 
-  :not(:only-child) {
+  &:not(:only-child) {
     padding-right: var(--wui-space-01);
   }
 
-  :is(a):hover {
+  &:is(a):hover {
     background: var(--wui-color-bg-surface-secondary-hover);
   }
 
-  :is(a):active {
+  &:is(a):active {
     background: var(--wui-color-bg-surface-secondary-active);
   }
 
-  :focus-visible {
+  &:focus-visible {
     outline: unset;
     box-shadow: inset 0 0 0 2px var(--wui-color-border-secondary);
   }
@@ -9470,15 +9470,15 @@ var StyledRemoveButton = import_styled_components46.default.button`
     fill: var(--wui-color-icon);
   }
 
-  :hover {
+  &:hover {
     background: var(--wui-color-bg-surface-secondary-hover);
   }
 
-  :active {
+  &:active {
     background: var(--wui-color-bg-surface-secondary-active);
   }
 
-  :focus-visible {
+  &:focus-visible {
     outline: unset;
     box-shadow: inset 0 0 0 2px var(--wui-color-border-secondary);
   }
@@ -10362,8 +10362,8 @@ var StyledInputContainer = import_styled_components54.default.div`
     transform: translateY(-50%);
   }
 
-  :has(.wui-input-left-icon) input,
-  :has(.wui-input-left-icon) textarea {
+  &:has(.wui-input-left-icon) input,
+  &:has(.wui-input-left-icon) textarea {
     padding-left: 32px;
   }
 
@@ -10376,8 +10376,8 @@ var StyledInputContainer = import_styled_components54.default.div`
     transform: translateY(-50%);
   }
 
-  :has(.wui-input-right-icon) input,
-  :has(.wui-input-right-icon) textarea {
+  &:has(.wui-input-right-icon) input,
+  &:has(.wui-input-right-icon) textarea {
     padding-right: 32px;
   }
 `;
@@ -11533,7 +11533,7 @@ var StyledButton3 = (0, import_styled_components65.default)(Button)`
   line-height: var(--menu-label-line-height);
   transition: background-color var(--wui-motion-duration-01) var(--wui-motion-ease);
 
-  :active {
+  &:active {
     background-color: var(--wui-color-bg-surface-active);
   }