@porsche-design-system/components-vue 2.19.0-rc.0

package/lib/types.d.ts

@@ -0,0 +1,738 @@
+export type IconName = "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-full" | "bell" | "bookmark" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "document" | "download" | "duration" | "edit" | "email" | "exclamation" | "external" | "filter" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "grid" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "key" | "leaf" | "leather" | "light" | "list" | "locate" | "lock" | "lock-open" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "route" | "rss" | "save" | "screen" | "search" | "send" | "share" | "shopping-bag" | "shopping-cart" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "sun" | "switch" | "tablet" | "tachometer" | "truck" | "upload" | "user" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out";
+declare const FORM_STATES: readonly [
+    "none",
+    "error",
+    "success"
+];
+export declare type FormState = typeof FORM_STATES[number];
+declare const BUTTON_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "aria-expanded",
+    "aria-pressed",
+    "aria-haspopup"
+];
+export declare type ButtonAriaAttributes = typeof BUTTON_ARIA_ATTRIBUTES[number];
+declare const BREAKPOINTS: readonly [
+    "base",
+    "xs",
+    "s",
+    "m",
+    "l",
+    "xl"
+];
+export declare type BreakpointKey = typeof BREAKPOINTS[number];
+export declare type BreakpointValues<T> = {
+    [key in BreakpointKey]?: T;
+} & {
+    base: T;
+};
+export declare type BreakpointCustomizable<T> = T | BreakpointValues<T>;
+declare const GRADIENT_COLOR_THEMES: readonly [
+    "default",
+    "surface"
+];
+export declare type GradientColorTheme = typeof GRADIENT_COLOR_THEMES[number];
+export declare type ScrollToPosition = {
+    scrollPosition: number;
+    isSmooth?: boolean;
+} | string;
+declare const SCROLL_INDICATOR_POSITIONS: readonly [
+    "top",
+    "center"
+];
+export declare type ScrollIndicatorPosition = typeof SCROLL_INDICATOR_POSITIONS[number];
+declare const THEMES: readonly [
+    "light",
+    "dark"
+];
+export declare type Theme = typeof THEMES[number];
+declare const THEMES_EXTENDED_ELECTRIC: readonly [
+    "light",
+    "dark",
+    "light-electric"
+];
+export declare type ThemeExtendedElectric = typeof THEMES_EXTENDED_ELECTRIC[number];
+declare const THEMES_EXTENDED_ELECTRIC_DARK: readonly [
+    "light",
+    "dark",
+    "light-electric",
+    "dark-electric"
+];
+export declare type ThemeExtendedElectricDark = typeof THEMES_EXTENDED_ELECTRIC_DARK[number];
+declare const ALIGN_LABELS: readonly [
+    "left",
+    "right"
+];
+export declare type AlignLabelType = typeof ALIGN_LABELS[number];
+export declare type AlignLabel = BreakpointCustomizable<AlignLabelType>;
+declare const BUTTON_TYPES: readonly [
+    "button",
+    "submit",
+    "reset"
+];
+export declare type ButtonType = typeof BUTTON_TYPES[number];
+declare const HEADLINE_VARIANTS: readonly [
+    "large-title",
+    "headline-1",
+    "headline-2",
+    "headline-3",
+    "headline-4",
+    "headline-5"
+];
+export declare type VariantType = typeof HEADLINE_VARIANTS[number];
+export declare type HeadlineVariantCustom = Exclude<BreakpointCustomizable<TextSize>, TextSize>;
+export declare type HeadlineVariant = VariantType | HeadlineVariantCustom | Extract<TextSize, "inherit">;
+declare const HEADLINE_TAGS: readonly [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6"
+];
+export declare type HeadlineTag = typeof HEADLINE_TAGS[number];
+declare const ICON_SIZES: readonly [
+    "small",
+    "medium",
+    "large",
+    "inherit"
+];
+export declare type IconSize = typeof ICON_SIZES[number];
+declare const LINK_BUTTON_VARIANTS: readonly [
+    "primary",
+    "secondary",
+    "tertiary"
+];
+export declare type LinkButtonVariant = typeof LINK_BUTTON_VARIANTS[number];
+declare const TEXT_ALIGNS: readonly [
+    "left",
+    "center",
+    "right"
+];
+export declare type TextAlign = typeof TEXT_ALIGNS[number];
+declare const TEXT_COLORS: readonly [
+    "brand",
+    "default",
+    "neutral-contrast-high",
+    "neutral-contrast-medium",
+    "neutral-contrast-low",
+    "notification-success",
+    "notification-warning",
+    "notification-error",
+    "notification-neutral",
+    "inherit"
+];
+export declare type TextColor = typeof TEXT_COLORS[number];
+declare const TEXT_SIZES: readonly [
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large",
+    "inherit"
+];
+export declare type TextSize = typeof TEXT_SIZES[number];
+declare const TEXT_WEIGHTS: readonly [
+    "thin",
+    "regular",
+    "semibold",
+    "bold"
+];
+export declare type TextWeight = typeof TEXT_WEIGHTS[number];
+declare const LINK_TARGETS: readonly [
+    "_self",
+    "_blank",
+    "_parent",
+    "_top"
+];
+export declare type LinkTarget = typeof LINK_TARGETS[number] | string;
+export declare type Booleanish = boolean | "true" | "false";
+export declare type AriaAttributes = {
+    /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
+    "aria-activedescendant"?: string | undefined;
+    /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
+    "aria-atomic"?: Booleanish | undefined;
+    /**
+     * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
+     * presented if they are made.
+     */
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
+    "aria-busy"?: Booleanish | undefined;
+    /**
+     * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+     * @see aria-pressed @see aria-selected.
+     */
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    /**
+     * Defines the total number of columns in a table, grid, or treegrid.
+     * @see aria-colindex.
+     */
+    "aria-colcount"?: number | undefined;
+    /**
+     * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+     * @see aria-colcount @see aria-colspan.
+     */
+    "aria-colindex"?: number | undefined;
+    /**
+     * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+     * @see aria-colindex @see aria-rowspan.
+     */
+    "aria-colspan"?: number | undefined;
+    /**
+     * Identifies the element (or elements) whose contents or presence are controlled by the current element.
+     * @see aria-owns.
+     */
+    "aria-controls"?: string | undefined;
+    /** Indicates the element that represents the current item within a container or set of related elements. */
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    /**
+     * Identifies the element (or elements) that describes the object.
+     * @see aria-labelledby
+     */
+    "aria-describedby"?: string | undefined;
+    /**
+     * Identifies the element that provides a detailed, extended description for the object.
+     * @see aria-describedby.
+     */
+    "aria-details"?: string | undefined;
+    /**
+     * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+     * @see aria-hidden @see aria-readonly.
+     */
+    "aria-disabled"?: Booleanish | undefined;
+    /**
+     * Indicates what functions can be performed when a dragged object is released on the drop target.
+     * @deprecated in ARIA 1.1
+     */
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    /**
+     * Identifies the element that provides an error message for the object.
+     * @see aria-invalid @see aria-describedby.
+     */
+    "aria-errormessage"?: string | undefined;
+    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+    "aria-expanded"?: Booleanish | undefined;
+    /**
+     * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
+     * allows assistive technology to override the general default of reading in document source order.
+     */
+    "aria-flowto"?: string | undefined;
+    /**
+     * Indicates an element's "grabbed" state in a drag-and-drop operation.
+     * @deprecated in ARIA 1.1
+     */
+    "aria-grabbed"?: Booleanish | undefined;
+    /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    /**
+     * Indicates whether the element is exposed to an accessibility API.
+     * @see aria-disabled.
+     */
+    "aria-hidden"?: Booleanish | undefined;
+    /**
+     * Indicates the entered value does not conform to the format expected by the application.
+     * @see aria-errormessage.
+     */
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    /** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */
+    "aria-keyshortcuts"?: string | undefined;
+    /**
+     * Defines a string value that labels the current element.
+     * @see aria-labelledby.
+     */
+    "aria-label"?: string | undefined;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     * @see aria-describedby.
+     */
+    "aria-labelledby"?: string | undefined;
+    /** Defines the hierarchical level of an element within a structure. */
+    "aria-level"?: number | undefined;
+    /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    /** Indicates whether an element is modal when displayed. */
+    "aria-modal"?: Booleanish | undefined;
+    /** Indicates whether a text box accepts multiple lines of input or only a single line. */
+    "aria-multiline"?: Booleanish | undefined;
+    /** Indicates that the user may select more than one item from the current selectable descendants. */
+    "aria-multiselectable"?: Booleanish | undefined;
+    /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    /**
+     * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
+     * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+     * @see aria-controls.
+     */
+    "aria-owns"?: string | undefined;
+    /**
+     * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
+     * A hint could be a sample value or a brief description of the expected format.
+     */
+    "aria-placeholder"?: string | undefined;
+    /**
+     * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * @see aria-setsize.
+     */
+    "aria-posinset"?: number | undefined;
+    /**
+     * Indicates the current "pressed" state of toggle buttons.
+     * @see aria-checked @see aria-selected.
+     */
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    /**
+     * Indicates that the element is not editable, but is otherwise operable.
+     * @see aria-disabled.
+     */
+    "aria-readonly"?: Booleanish | undefined;
+    /**
+     * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+     * @see aria-atomic.
+     */
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    /** Indicates that user input is required on the element before a form may be submitted. */
+    "aria-required"?: Booleanish | undefined;
+    /** Defines a human-readable, author-localized description for the role of an element. */
+    "aria-roledescription"?: string | undefined;
+    /**
+     * Defines the total number of rows in a table, grid, or treegrid.
+     * @see aria-rowindex.
+     */
+    "aria-rowcount"?: number | undefined;
+    /**
+     * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+     * @see aria-rowcount @see aria-rowspan.
+     */
+    "aria-rowindex"?: number | undefined;
+    /**
+     * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+     * @see aria-rowindex @see aria-colspan.
+     */
+    "aria-rowspan"?: number | undefined;
+    /**
+     * Indicates the current "selected" state of various widgets.
+     * @see aria-checked @see aria-pressed.
+     */
+    "aria-selected"?: Booleanish | undefined;
+    /**
+     * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * @see aria-posinset.
+     */
+    "aria-setsize"?: number | undefined;
+    /** Indicates if items in a table or grid are sorted in ascending or descending order. */
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    /** Defines the maximum allowed value for a range widget. */
+    "aria-valuemax"?: number | undefined;
+    /** Defines the minimum allowed value for a range widget. */
+    "aria-valuemin"?: number | undefined;
+    /**
+     * Defines the current value for a range widget.
+     * @see aria-valuetext.
+     */
+    "aria-valuenow"?: number | undefined;
+    /** Defines the human readable text alternative of aria-valuenow for a range widget. */
+    "aria-valuetext"?: string | undefined;
+};
+export type LinkButtonPureIconName = IconName | "none";
+export type ButtonVariant = LinkButtonVariant;
+export type LinkVariant = LinkButtonVariant;
+export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T> | string;
+declare const ACCORDION_SIZES: readonly [
+    "small",
+    "medium"
+];
+export declare type AccordionSize = typeof ACCORDION_SIZES[number];
+export declare type AccordionChangeEvent = {
+    open: boolean;
+};
+declare const BANNER_STATES: readonly [
+    "error",
+    "warning",
+    "neutral"
+];
+export declare type BannerState = typeof BANNER_STATES[number];
+declare const BANNER_WIDTHS: readonly [
+    "basic",
+    "extended",
+    "fluid"
+];
+export declare type BannerWidth = typeof BANNER_WIDTHS[number];
+declare const BUTTON_GROUP_DIRECTIONS: readonly [
+    "row",
+    "column"
+];
+export declare type ButtonGroupDirectionType = typeof BUTTON_GROUP_DIRECTIONS[number];
+export declare type ButtonGroupDirection = BreakpointCustomizable<ButtonGroupDirectionType>;
+export declare type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
+export declare type CarouselChangeEvent = {
+    activeIndex: number;
+    previousIndex: number;
+};
+declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
+    "transparent",
+    "default"
+];
+export declare type ContentWrapperBackgroundColor = typeof CONTENT_WRAPPER_BACKGROUND_COLORS[number];
+declare const CONTENT_WRAPPER_WIDTHS: readonly [
+    "basic",
+    "extended",
+    "fluid"
+];
+export declare type ContentWrapperWidth = typeof CONTENT_WRAPPER_WIDTHS[number];
+declare const DIVIDER_COLORS: readonly [
+    "neutral-contrast-high",
+    "neutral-contrast-medium",
+    "neutral-contrast-low"
+];
+export declare type DividerColor = typeof DIVIDER_COLORS[number];
+declare const DIVIDER_ORIENTATIONS: readonly [
+    "vertical",
+    "horizontal"
+];
+export declare type DividerOrientationType = typeof DIVIDER_ORIENTATIONS[number];
+export declare type DividerOrientation = BreakpointCustomizable<DividerOrientationType>;
+declare const FIELDSET_WRAPPER_LABEL_SIZES: readonly [
+    "small",
+    "medium"
+];
+export declare type FieldsetWrapperLabelSize = typeof FIELDSET_WRAPPER_LABEL_SIZES[number];
+export declare type FlexInlineType = boolean;
+export declare type FlexInline = BreakpointCustomizable<FlexInlineType>;
+declare const FLEX_WRAPS: readonly [
+    "nowrap",
+    "wrap",
+    "wrap-reverse"
+];
+export declare type FlexWrapType = typeof FLEX_WRAPS[number];
+export declare type FlexWrap = BreakpointCustomizable<FlexWrapType>;
+declare const FLEX_DIRECTIONS: readonly [
+    "row",
+    "row-reverse",
+    "column",
+    "column-reverse"
+];
+export declare type FlexDirectionType = typeof FLEX_DIRECTIONS[number];
+export declare type FlexDirection = BreakpointCustomizable<FlexDirectionType>;
+declare const FLEX_JUSTIFY_CONTENTS: readonly [
+    "flex-start",
+    "flex-end",
+    "center",
+    "space-between",
+    "space-around",
+    "space-evenly"
+];
+export declare type FlexJustifyContentType = typeof FLEX_JUSTIFY_CONTENTS[number];
+export declare type FlexJustifyContent = BreakpointCustomizable<FlexJustifyContentType>;
+declare const FLEX_ALIGN_ITEMS: readonly [
+    "stretch",
+    "flex-start",
+    "flex-end",
+    "center",
+    "baseline"
+];
+export declare type FlexAlignItemsType = typeof FLEX_ALIGN_ITEMS[number];
+export declare type FlexAlignItems = BreakpointCustomizable<FlexAlignItemsType>;
+declare const FLEX_ALIGN_CONTENTS: readonly [
+    "stretch",
+    "flex-start",
+    "flex-end",
+    "center",
+    "space-between",
+    "space-around",
+    "space-evenly"
+];
+export declare type FlexAlignContentType = typeof FLEX_ALIGN_CONTENTS[number];
+export declare type FlexAlignContent = BreakpointCustomizable<FlexAlignContentType>;
+declare const FLEX_ITEM_WIDTHS: readonly [
+    "auto",
+    "one-quarter",
+    "one-third",
+    "half",
+    "two-thirds",
+    "three-quarters",
+    "full"
+];
+export declare type FlexItemWidthType = typeof FLEX_ITEM_WIDTHS[number];
+export declare type FlexItemWidth = BreakpointCustomizable<FlexItemWidthType>;
+declare const FLEX_ITEM_OFFSETS: readonly [
+    "none",
+    "one-quarter",
+    "one-third",
+    "half",
+    "two-thirds",
+    "three-quarters"
+];
+export declare type FlexItemOffsetType = typeof FLEX_ITEM_OFFSETS[number];
+export declare type FlexItemOffset = BreakpointCustomizable<FlexItemOffsetType>;
+declare const FLEX_ITEM_ALIGN_SELFS: readonly [
+    "auto",
+    "flex-start",
+    "flex-end",
+    "center",
+    "baseline",
+    "stretch"
+];
+export declare type FlexItemAlignSelfType = typeof FLEX_ITEM_ALIGN_SELFS[number];
+export declare type FlexItemAlignSelf = BreakpointCustomizable<FlexItemAlignSelfType>;
+declare const FLEX_ITEM_GROWS: readonly [
+    0,
+    1
+];
+export declare type FlexItemGrowType = typeof FLEX_ITEM_GROWS[number];
+export declare type FlexItemGrow = BreakpointCustomizable<FlexItemGrowType>;
+declare const FLEX_ITEM_SHRINKS: readonly [
+    0,
+    1
+];
+export declare type FlexItemShrinkType = typeof FLEX_ITEM_SHRINKS[number];
+export declare type FlexItemShrink = BreakpointCustomizable<FlexItemShrinkType>;
+declare const FLEX_ITEM_FLEXS: readonly [
+    "initial",
+    "auto",
+    "none",
+    "equal"
+];
+export declare type FlexItemFlexType = typeof FLEX_ITEM_FLEXS[number];
+export declare type FlexItemFlex = BreakpointCustomizable<FlexItemFlexType>;
+declare const GRID_DIRECTIONS: readonly [
+    "row",
+    "row-reverse",
+    "column",
+    "column-reverse"
+];
+export declare type GridDirectionType = typeof GRID_DIRECTIONS[number];
+export declare type GridDirection = BreakpointCustomizable<GridDirectionType>;
+declare const GRID_WRAPS: readonly [
+    "nowrap",
+    "wrap"
+];
+export declare type GridWrapType = typeof GRID_WRAPS[number];
+export declare type GridWrap = BreakpointCustomizable<GridWrapType>;
+declare const GRID_GUTTERS: readonly [
+    16,
+    24,
+    36
+];
+export declare type GridGutterType = typeof GRID_GUTTERS[number];
+export declare type GridGutter = BreakpointCustomizable<GridGutterType>;
+declare const GRID_ITEM_SIZES: readonly [
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    10,
+    11,
+    12
+];
+export declare type GridItemSizeType = typeof GRID_ITEM_SIZES[number];
+export declare type GridItemSize = BreakpointCustomizable<GridItemSizeType>;
+declare const GRID_ITEM_OFFSETS: readonly [
+    0,
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    10,
+    11
+];
+export declare type GridItemOffsetType = typeof GRID_ITEM_OFFSETS[number];
+export declare type GridItemOffset = BreakpointCustomizable<GridItemOffsetType>;
+declare const ICON_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type IconAriaAttributes = typeof ICON_ARIA_ATTRIBUTES[number];
+declare const INLINE_NOTIFICATION_STATES: readonly [
+    "error",
+    "warning",
+    "neutral",
+    "success"
+];
+export declare type InlineNotificationState = typeof INLINE_NOTIFICATION_STATES[number];
+declare const LINK_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type LinkAriaAttributes = typeof LINK_ARIA_ATTRIBUTES[number];
+export declare type SocialIconName = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
+declare const LINK_TILE_WEIGHTS: readonly [
+    "regular",
+    "semibold"
+];
+export declare type LinkTileWeight = typeof LINK_TILE_WEIGHTS[number];
+declare const LINK_TILE_SIZES: readonly [
+    "default",
+    "inherit"
+];
+export declare type LinkTileSize = typeof LINK_TILE_SIZES[number];
+declare const LINK_TILE_ALIGNS: readonly [
+    "top",
+    "bottom"
+];
+export declare type LinkTileAlign = typeof LINK_TILE_ALIGNS[number];
+declare const LINK_TILE_ASPECT_RATIOS: readonly [
+    "1:1",
+    "4:3",
+    "3:4",
+    "16:9",
+    "9:16"
+];
+export declare type LinkTileAspectRatio = typeof LINK_TILE_ASPECT_RATIOS[number];
+declare const MARQUE_SIZES: readonly [
+    "responsive",
+    "small",
+    "medium"
+];
+export declare type MarqueSize = typeof MARQUE_SIZES[number];
+declare const MARQUE_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type MarqueAriaAttributes = typeof MARQUE_ARIA_ATTRIBUTES[number];
+declare const MODAL_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type ModalAriaAttributes = typeof MODAL_ARIA_ATTRIBUTES[number];
+declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
+    5,
+    7
+];
+export declare type NumberOfPageLinks = typeof PAGINATION_NUMBER_OF_PAGE_LINKS[number];
+export declare type PageChangeEvent = {
+    page: number;
+    previousPage: number;
+};
+declare const POPOVER_DIRECTIONS: readonly [
+    "top",
+    "right",
+    "bottom",
+    "left"
+];
+export declare type PopoverDirection = typeof POPOVER_DIRECTIONS[number];
+declare const SEGMENTED_CONTROL_BACKGROUND_COLORS: readonly [
+    "background-surface",
+    "background-default"
+];
+export declare type SegmentedControlBackgroundColor = typeof SEGMENTED_CONTROL_BACKGROUND_COLORS[number];
+export declare type SegmentedControlChangeEvent = {
+    value: string | number;
+};
+declare const DROPDOWN_DIRECTIONS: readonly [
+    "down",
+    "up",
+    "auto"
+];
+export declare type DropdownDirection = typeof DROPDOWN_DIRECTIONS[number];
+declare const SPINNER_SIZES: readonly [
+    "small",
+    "medium",
+    "large",
+    "inherit"
+];
+export declare type SpinnerSizeType = typeof SPINNER_SIZES[number];
+export declare type SpinnerSize = BreakpointCustomizable<SpinnerSizeType>;
+declare const SPINNER_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type SpinnerAriaAttributes = typeof SPINNER_ARIA_ATTRIBUTES[number];
+declare const STEPPER_HORIZONTAL_SIZES: readonly [
+    "small",
+    "medium"
+];
+export declare type StepperHorizontalSize = typeof STEPPER_HORIZONTAL_SIZES[number];
+export declare type StepChangeEvent = {
+    activeStepIndex: number;
+};
+declare const STEPPER_ITEM_STATES: readonly [
+    "current",
+    "complete",
+    "warning"
+];
+export declare type StepperState = typeof STEPPER_ITEM_STATES[number];
+export declare type SwitchChangeEvent = {
+    checked: boolean;
+};
+export declare type Direction = "asc" | "desc";
+export declare type TableHeadCellSort = {
+    id: string;
+    active?: boolean;
+    direction?: Direction;
+};
+export declare type SortingChangeEvent = TableHeadCellSort;
+declare const TAB_SIZES: readonly [
+    "small",
+    "medium"
+];
+export declare type TabSize = typeof TAB_SIZES[number];
+declare const TAB_WEIGHTS: readonly [
+    "regular",
+    "semibold"
+];
+export declare type TabWeight = typeof TAB_WEIGHTS[number];
+export declare type TabChangeEvent = {
+    activeTabIndex: number;
+};
+export declare type TabGradientColorTheme = GradientColorTheme;
+declare const TAG_COLORS: readonly [
+    "background-surface",
+    "background-default",
+    "neutral-contrast-high",
+    "notification-neutral",
+    "notification-warning",
+    "notification-success",
+    "notification-error"
+];
+export declare type TagColor = typeof TAG_COLORS[number];
+declare const TAG_DISMISSIBLE_COLORS: readonly [
+    "background-surface",
+    "background-default"
+];
+export declare type TagDismissibleColor = typeof TAG_DISMISSIBLE_COLORS[number];
+declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type TagDismissibleAriaAttribute = typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES[number];
+declare const TEXT_TAGS: readonly [
+    "p",
+    "span",
+    "div",
+    "address",
+    "blockquote",
+    "figcaption",
+    "cite",
+    "time",
+    "legend"
+];
+export declare type TextTag = typeof TEXT_TAGS[number];
+declare const UNIT_POSITIONS: readonly [
+    "prefix",
+    "suffix"
+];
+export declare type TextFieldWrapperUnitPosition = typeof UNIT_POSITIONS[number];
+declare const LIST_TYPES: readonly [
+    "unordered",
+    "ordered"
+];
+export declare type ListType = typeof LIST_TYPES[number];
+declare const ORDER_TYPES: readonly [
+    "numbered",
+    "alphabetically"
+];
+export declare type OrderType = typeof ORDER_TYPES[number];
+declare const TOAST_STATES: readonly [
+    "neutral",
+    "success"
+];
+export declare type ToastState = typeof TOAST_STATES[number];
+export declare type ToastMessage = {
+    text: string;
+    state?: ToastState;
+};
+export {};