@wistia/ui 0.4.8-beta.d9bacfdc.e51055f → 0.4.8-beta.f2d03166.7c06caa
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.cjs +3 -22
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +4 -12
- package/dist/index.d.ts +4 -12
- package/dist/index.mjs +63 -82
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.4.8-beta.
|
|
3
|
+
* @license @wistia/ui v0.4.8-beta.f2d03166.7c06caa
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -5471,25 +5471,12 @@ var generateHref = (href, type, disabled) => {
|
|
|
5471
5471
|
var isButton = (props) => (0, import_type_guards10.isUndefined)(props.href);
|
|
5472
5472
|
var isLink = (props) => (0, import_type_guards10.isNotUndefined)(props.href);
|
|
5473
5473
|
var StyledLink = import_styled_components17.default.a`
|
|
5474
|
-
--link-icon-size: 14px;
|
|
5475
|
-
|
|
5476
5474
|
${({ href }) => (0, import_type_guards10.isNil)(href) && buttonResetCss};
|
|
5477
5475
|
${({ $colorScheme }) => getColorScheme($colorScheme)}
|
|
5478
5476
|
cursor: pointer;
|
|
5479
5477
|
font-family: var(--wui-typography-family-default);
|
|
5480
5478
|
color: var(--wui-color-text-link);
|
|
5481
5479
|
text-decoration: ${({ $underline }) => $underline ? "underline" : "none"};
|
|
5482
|
-
display: inline-flex;
|
|
5483
|
-
align-items: baseline;
|
|
5484
|
-
gap: var(--wui-space-01);
|
|
5485
|
-
|
|
5486
|
-
/* This ensure that the icon is the corect color when the style is solid or the button is disabled */
|
|
5487
|
-
&& {
|
|
5488
|
-
svg {
|
|
5489
|
-
width: var(--link-icon-size);
|
|
5490
|
-
height: var(--link-icon-size);
|
|
5491
|
-
}
|
|
5492
|
-
}
|
|
5493
5480
|
`;
|
|
5494
5481
|
var Link = (0, import_react11.forwardRef)(
|
|
5495
5482
|
({
|
|
@@ -5499,8 +5486,6 @@ var Link = (0, import_react11.forwardRef)(
|
|
|
5499
5486
|
disabled = false,
|
|
5500
5487
|
colorScheme = "inherit",
|
|
5501
5488
|
underline = false,
|
|
5502
|
-
leftIcon,
|
|
5503
|
-
rightIcon,
|
|
5504
5489
|
...props
|
|
5505
5490
|
}, ref) => {
|
|
5506
5491
|
const inRouterContext = (0, import_react_router_dom.useInRouterContext)();
|
|
@@ -5559,17 +5544,13 @@ var Link = (0, import_react11.forwardRef)(
|
|
|
5559
5544
|
to: to ?? "",
|
|
5560
5545
|
children
|
|
5561
5546
|
}
|
|
5562
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime161.
|
|
5547
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(
|
|
5563
5548
|
StyledLink,
|
|
5564
5549
|
{
|
|
5565
5550
|
as: "a",
|
|
5566
5551
|
...combinedProps,
|
|
5567
5552
|
href: to,
|
|
5568
|
-
children
|
|
5569
|
-
leftIcon ?? null,
|
|
5570
|
-
children,
|
|
5571
|
-
rightIcon ?? null
|
|
5572
|
-
]
|
|
5553
|
+
children
|
|
5573
5554
|
}
|
|
5574
5555
|
);
|
|
5575
5556
|
}
|