import { CommonSize, Placement } from '../../common/types'; import { DdsElement } from '../../internal/dds-hu-element'; /** * `dap-ds-skip-link` * @summary A skip link is a link that allows keyboard users to skip to the main content of a page. * @element dap-ds-skip-link * @title - Skip link * * @slot - The content of the skip link. * * @csspart base - The main skip link container. * @csspart text - The text container of the skip link. * @csspart high-contrast - The high contrast outline container. * * @cssproperty --dds-skip-link-border-color - Border color for the high contrast outline (default: var(--dds-border-neutral-transparent-interactive, #fff500)) * @cssproperty --dds-skip-link-border-width - Border width for the high contrast outline (default: var(--dds-border-width-large)) * @cssproperty --dds-skip-link-border-width-active - Border width for the active state (default: var(--dds-border-width-xlarge)) * @cssproperty --dds-skip-link-border-radius - Border radius of the skip link (default: var(--dds-radius-small)) * @cssproperty --dds-skip-link-padding-sm - Padding for small size variant (default: var(--dds-spacing-200)) * @cssproperty --dds-skip-link-padding-lg - Padding for large size variant (default: var(--dds-spacing-400)) * @cssproperty --dds-skip-link-text-underline-offset - Underline offset for the text (default: 3px) * @cssproperty --dds-skip-link-z-index - Z-index of the skip link (default: var(--dds-z-index-100)) */ export default class DapDSSkipLink extends DdsElement { /** The placement of the skip link. * @type {'left' | 'center'} */ placement: Placement; /** The href of the skip link */ href: string; /** The size of the skip link * @type {'sm' | 'lg'} */ size: CommonSize; /** Whether the skip link should have an underline */ noUnderline: boolean; static readonly styles: import('lit').CSSResult; render(): import('lit-html').TemplateResult; }