@wistia/ui 0.8.28 → 0.9.0-beta.97d7ea11.daf48ec

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 +9 -4
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +10 -6
  4. package/dist/index.d.ts +10 -6
  5. package/dist/index.mjs +9 -4
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -209,9 +209,13 @@ type BaseProps$2 = {
209
209
  */
210
210
  type?: LinkTypes | undefined;
211
211
  /**
212
- * Whether the link should be underlined
212
+ * Controls the underline behavior of the link
213
+ *
214
+ * * `none` - no underline (default)
215
+ * * `always` - always show underline
216
+ * * `hover` - show underline only on hover
213
217
  */
214
- underline?: boolean;
218
+ underline?: 'always' | 'hover' | 'none';
215
219
  };
216
220
  type LinkAsLinkProps = BaseProps$2 & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
217
221
  href: string | undefined;
@@ -337,7 +341,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
337
341
  leftIcon?: JSX.Element | undefined;
338
342
  rightIcon?: JSX.Element | undefined;
339
343
  type?: LinkTypes | undefined;
340
- underline?: boolean;
344
+ underline?: "always" | "hover" | "none";
341
345
  } & Omit<react_router.LinkProps, "to"> & {
342
346
  href: string | undefined;
343
347
  type?: LinkTypes;
@@ -364,7 +368,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
364
368
  leftIcon?: JSX.Element | undefined;
365
369
  rightIcon?: JSX.Element | undefined;
366
370
  type?: LinkTypes | undefined;
367
- underline?: boolean;
371
+ underline?: "always" | "hover" | "none";
368
372
  } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
369
373
  ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
370
374
  } & {
@@ -2062,7 +2066,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2062
2066
  leftIcon?: react.JSX.Element | undefined;
2063
2067
  rightIcon?: react.JSX.Element | undefined;
2064
2068
  type?: LinkTypes | undefined;
2065
- underline?: boolean;
2069
+ underline?: "always" | "hover" | "none";
2066
2070
  } & Omit<react_router.LinkProps, "to"> & {
2067
2071
  href: string | undefined;
2068
2072
  type?: LinkTypes;
@@ -2099,7 +2103,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2099
2103
  leftIcon?: react.JSX.Element | undefined;
2100
2104
  rightIcon?: react.JSX.Element | undefined;
2101
2105
  type?: LinkTypes | undefined;
2102
- underline?: boolean;
2106
+ underline?: "always" | "hover" | "none";
2103
2107
  } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2104
2108
  ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
2105
2109
  } & {
package/dist/index.d.ts CHANGED
@@ -209,9 +209,13 @@ type BaseProps$2 = {
209
209
  */
210
210
  type?: LinkTypes | undefined;
211
211
  /**
212
- * Whether the link should be underlined
212
+ * Controls the underline behavior of the link
213
+ *
214
+ * * `none` - no underline (default)
215
+ * * `always` - always show underline
216
+ * * `hover` - show underline only on hover
213
217
  */
214
- underline?: boolean;
218
+ underline?: 'always' | 'hover' | 'none';
215
219
  };
216
220
  type LinkAsLinkProps = BaseProps$2 & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
217
221
  href: string | undefined;
@@ -337,7 +341,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
337
341
  leftIcon?: JSX.Element | undefined;
338
342
  rightIcon?: JSX.Element | undefined;
339
343
  type?: LinkTypes | undefined;
340
- underline?: boolean;
344
+ underline?: "always" | "hover" | "none";
341
345
  } & Omit<react_router.LinkProps, "to"> & {
342
346
  href: string | undefined;
343
347
  type?: LinkTypes;
@@ -364,7 +368,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
364
368
  leftIcon?: JSX.Element | undefined;
365
369
  rightIcon?: JSX.Element | undefined;
366
370
  type?: LinkTypes | undefined;
367
- underline?: boolean;
371
+ underline?: "always" | "hover" | "none";
368
372
  } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
369
373
  ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
370
374
  } & {
@@ -2062,7 +2066,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2062
2066
  leftIcon?: react.JSX.Element | undefined;
2063
2067
  rightIcon?: react.JSX.Element | undefined;
2064
2068
  type?: LinkTypes | undefined;
2065
- underline?: boolean;
2069
+ underline?: "always" | "hover" | "none";
2066
2070
  } & Omit<react_router.LinkProps, "to"> & {
2067
2071
  href: string | undefined;
2068
2072
  type?: LinkTypes;
@@ -2099,7 +2103,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2099
2103
  leftIcon?: react.JSX.Element | undefined;
2100
2104
  rightIcon?: react.JSX.Element | undefined;
2101
2105
  type?: LinkTypes | undefined;
2102
- underline?: boolean;
2106
+ underline?: "always" | "hover" | "none";
2103
2107
  } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2104
2108
  ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
2105
2109
  } & {
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.8.28
3
+ * @license @wistia/ui v0.9.0-beta.97d7ea11.daf48ec
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -6965,11 +6965,15 @@ var StyledLink = styled4.a`
6965
6965
  cursor: ${({ $disabled }) => $disabled ? "not-allowed" : "pointer"};
6966
6966
  font-family: var(--wui-typography-family-default);
6967
6967
  color: ${({ $disabled }) => $disabled ? "var(--wui-color-text-disabled)" : "var(--wui-color-text-link)"};
6968
- text-decoration: ${({ $underline }) => $underline ? "underline" : "none"};
6968
+ text-decoration: ${({ $underline }) => $underline === "always" ? "underline" : "none"};
6969
6969
  display: inline-flex;
6970
6970
  align-items: baseline;
6971
6971
  gap: var(--wui-space-01);
6972
6972
 
6973
+ &:hover {
6974
+ text-decoration: ${({ $underline }) => $underline === "hover" || $underline === "always" ? "underline" : "none"};
6975
+ }
6976
+
6973
6977
  && {
6974
6978
  svg {
6975
6979
  width: 14px;
@@ -6984,7 +6988,7 @@ var Link = forwardRef(
6984
6988
  type,
6985
6989
  disabled = false,
6986
6990
  colorScheme = "inherit",
6987
- underline = false,
6991
+ underline = "none",
6988
6992
  leftIcon,
6989
6993
  rightIcon,
6990
6994
  "aria-disabled": ariaDisabled,
@@ -7084,6 +7088,7 @@ var StyledButton = styled5.button`
7084
7088
  ${({ $variant }) => buttonVariantsStyles[$variant]}
7085
7089
  ${({ $unstyled }) => !$unstyled && buttonBaseStyles}
7086
7090
  ${({ $fullWidth }) => $fullWidth && "width: 100%;"}
7091
+ align-self: flex-start;
7087
7092
  text-align: center;
7088
7093
  `;
7089
7094
  var StyledButtonContent = styled5.div`
@@ -7757,7 +7762,7 @@ var DEFAULT_ELEMENT = "div";
7757
7762
  var BoxComponent = forwardRef5(
7758
7763
  ({
7759
7764
  alignContent = "stretch",
7760
- alignItems = "flex-start",
7765
+ alignItems = "stretch",
7761
7766
  alignSelf,
7762
7767
  basis,
7763
7768
  children,