@workday/canvas-kit-react/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.BreadcrumbsLink = exports.breadcrumbsLinkStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const button_1 = require("@workday/canvas-kit-react/button");
const common_1 = require("@workday/canvas-kit-react/common");
const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
exports.breadcrumbsLinkStencil = (0, canvas_kit_styling_1.createStencil)({
    vars: {
        maxWidth: '',
    },
    base: { name: "49smlx", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));font-weight:var(--cnvs-sys-font-weight-normal);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));color:var(--cnvs-sys-color-fg-default);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--maxWidth-breadcrumbs-link-6d0a52);&:hover, &.hover{color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));text-decoration:underline;}&:active, &.active{color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0.3337 0.0688 250.79 / 0.09));}" }
}, "breadcrumbs-link-6d0a52");
exports.BreadcrumbsLink = (0, common_1.createComponent)('a')({
    displayName: 'Breadcrumbs.Link',
    Component: ({ maxWidth = 350, href, tooltipProps = {}, children, ...elemProps }, ref, Element) => {
        return ((0, jsx_runtime_1.jsx)(tooltip_1.OverflowTooltip, { ...tooltipProps, children: (0, jsx_runtime_1.jsx)(button_1.Hyperlink, { href: href, ref: ref, as: Element, role: "link", variant: "secondary", linkType: "standalone", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.breadcrumbsLinkStencil)({
                    maxWidth: typeof maxWidth === 'number' ? (0, canvas_kit_styling_1.px2rem)(maxWidth) : maxWidth,
                })), children: children }) }));
    },
});