@orangesk/orange-design-system 3.4.0 → 3.6.0

package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-interface PromoBannerImageSrc {
-    src: string;
-    srcSet?: string;
-}
-interface PromoBannerProps {
-    className?: string;
-    image?: string | PromoBannerImageSrc;
-    alignImage?: "bottom" | "top";
-    /** Remove top padding from item on sm and smaller breakpoints */
-    flushTopSmDown?: boolean;
-    /** Remove bottom padding from item on sm and smaller breakpoints */
-    flushBottomSmDown?: boolean;
-    imageFullWidth?: boolean;
-    /** Make image extend to the edge of viewport even when inside container */
-    bleedImage?: boolean;
-    /** Make image extend to Container boundaries on sm and smaller breakpoints */
-    bleedImageSmDown?: boolean;
-    children?: React.ReactNode;
-    itemClassName?: string;
-    imageClassName?: string;
-    variant?: "vertical" | "reverse";
-}
-export declare const PromoBanner: ({ image, className, alignImage, flushTopSmDown, flushBottomSmDown, bleedImage, bleedImageSmDown, children, itemClassName, imageClassName, variant, imageFullWidth, ...other }: PromoBannerProps) => React.JSX.Element;
-export {};

package/build/components/types/src/components/PromoBanner/index.d.ts

@@ -1 +0,0 @@
-export { PromoBanner } from "./PromoBanner";

package/build/components/types/src/components/PromotionCard/PromotionCard.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { CardColor } from "../Card";
-export interface PromotionCardProps {
-    className?: string;
-    children?: React.ReactNode;
-    color?: CardColor;
-    [key: string]: any;
-}
-export declare const PromotionCard: React.FC<PromotionCardProps>;

package/build/components/types/src/components/PromotionCard/PromotionCardContent.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface PromotionCardContentProps {
-    className?: string;
-    children?: React.ReactNode;
-    [key: string]: any;
-}
-export declare const PromotionCardContent: React.FC<PromotionCardContentProps>;
-export {};

package/build/components/types/src/components/PromotionCard/PromotionCardImageWrapper.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface PromotionCardImageWrapperProps {
-    className?: string;
-    children?: React.ReactNode;
-    [key: string]: any;
-}
-export declare const PromotionCardImageWrapper: React.FC<PromotionCardImageWrapperProps>;
-export {};

package/build/components/types/src/components/PromotionCard/PromotionCardSection.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface PromotionCardSectionProps {
-    /** Inverse colors */
-    isInverse?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-    [key: string]: any;
-}
-export declare const PromotionCardSection: React.FC<PromotionCardSectionProps>;

package/build/components/types/src/components/PromotionCard/PromotionCardTitle.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface PromotionCardTitleProps {
-    className?: string;
-    children: React.ReactElement;
-    [key: string]: any;
-}
-export declare const PromotionCardTitle: React.FC<PromotionCardTitleProps>;
-export {};

package/build/components/types/src/components/PromotionCard/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const CLASS_ROOT = "promotion-card";
-export declare const CLASS_SECTION = "promotion-card__section";
-export declare const CLASS_CONTENT = "promotion-card__content";
-export declare const CLASS_IMAGE_WRAPPER = "promotion-card__image-wrapper";
-export declare const CLASS_TITLE = "promotion-card__title";

package/build/components/types/src/components/PromotionCard/index.d.ts

@@ -1,5 +0,0 @@
-export { PromotionCard } from "./PromotionCard";
-export { PromotionCardContent } from "./PromotionCardContent";
-export { PromotionCardImageWrapper } from "./PromotionCardImageWrapper";
-export { PromotionCardSection } from "./PromotionCardSection";
-export { PromotionCardTitle } from "./PromotionCardTitle";

package/build/components/types/src/components/Section/Section.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-export declare const sectionColors: readonly ["background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "background-none", "surface-subtle"];
-export type SectionColor = (typeof sectionColors)[number];
-export type SectionSpacing = "default" | "small" | "xsmall";
-export interface SectionProps {
-    /** Background color of section */
-    color?: SectionColor;
-    /**
-     * Spacing between sections
-     *
-     * if two sections with different color meet
-     * use default (larger) spacing, if two section have same color
-     * use small spacing on second one. Use xsmall for specific
-     * cases e.g. as part of Megamenu
-     */
-    spacing?: SectionSpacing;
-    /** Rendered HTML element */
-    tag?: React.ElementType;
-    /** Additional CSS classes */
-    className?: string;
-    /** Section content */
-    children?: React.ReactNode;
-    /** Additional classes passed to the container */
-    containerClassName?: string;
-}
-export declare const Section: React.FC<SectionProps>;

package/build/components/types/src/components/Section/index.d.ts

@@ -1 +0,0 @@
-export { Section } from "./Section";

package/build/components/types/src/components/Skeleton/Skeleton.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Skeleton: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-export { Skeleton };

package/build/components/types/src/components/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export { Skeleton } from "./Skeleton";

package/build/components/types/src/components/SkipLink/SkipLink.d.ts

@@ -1,6 +0,0 @@
-import React, { AnchorHTMLAttributes } from "react";
-interface SkipLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    href?: string;
-}
-declare const SkipLink: React.FC<SkipLinkProps>;
-export { SkipLink };

package/build/components/types/src/components/SkipLink/index.d.ts

@@ -1 +0,0 @@
-export { SkipLink } from "./SkipLink";

package/build/components/types/src/components/SocialButton/SocialButton.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export type SocialName = "x" | "facebook-2" | "linkedin-2" | "instagram" | "pinterest" | "snapchat" | "tiktok" | "whatsapp" | "youtube" | "email";
-type CommonProps = {
-    name: SocialName;
-    className?: string;
-};
-type ButtonProps = CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | keyof CommonProps>;
-type LinkProps = CommonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
-    href: string;
-};
-export type SocialButtonProps = ButtonProps | LinkProps;
-export declare const SocialButton: React.ForwardRefExoticComponent<SocialButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export {};

package/build/components/types/src/components/SocialButton/index.d.ts

@@ -1 +0,0 @@
-export { SocialButton } from "./SocialButton";

package/build/components/types/src/components/StarRating/StarRating.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface StarRatingProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
-    /** Extra class name for root element. */
-    className?: string;
-    /** Rating value. Rounded to nearest whole star. */
-    rating: number;
-}
-declare const StarRating: React.FC<StarRatingProps>;
-export { StarRating };

package/build/components/types/src/components/StarRating/index.d.ts

@@ -1 +0,0 @@
-export { StarRating } from "./StarRating";

package/build/components/types/src/components/Stepbar/Stepbar.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-export declare const showTitlesFromOptions: readonly ["md", "lg", "xl"];
-export declare const variantOptions: readonly ["default", "inverse"];
-export type ShowTitlesFrom = (typeof showTitlesFromOptions)[number];
-export interface StepbarStep {
-    href?: string;
-    isCurrent?: boolean;
-    title: React.ReactNode;
-}
-export interface StepbarProps extends React.HTMLAttributes<HTMLElement> {
-    /** Arial label of nav element */
-    label?: string;
-    /** Titles of non-current steps are visible from this breakpoint */
-    showTitlesFrom?: ShowTitlesFrom;
-    /** Array of step objects */
-    steps: StepbarStep[];
-}
-declare const Stepbar: React.FC<StepbarProps>;
-export { Stepbar };

package/build/components/types/src/components/Stepbar/index.d.ts

@@ -1 +0,0 @@
-export { Stepbar } from "./Stepbar";

package/build/components/types/src/components/Sticker/Sticker.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface StickerProps {
-    color?: "black" | "orange";
-    size?: "small";
-    children?: React.ReactNode;
-    className?: string;
-    [key: string]: any;
-}
-export declare const Sticker: React.FC<StickerProps>;
-export {};

package/build/components/types/src/components/Sticker/index.d.ts

@@ -1,2 +0,0 @@
-import { Sticker } from "./Sticker";
-export { Sticker };

package/build/components/types/src/components/Table/Cell.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export declare const cellTags: readonly ["th", "td"];
-export type CellTag = (typeof cellTags)[number];
-export interface CellProps extends React.HTMLAttributes<HTMLTableCellElement> {
-    /** Render cell as */
-    tag?: CellTag;
-    /** Scope attribute for th elements */
-    scope?: string;
-}
-declare const Cell: React.FC<CellProps>;
-export { Cell };

package/build/components/types/src/components/Table/Footer.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Footer: React.FC;
-export { Footer };

package/build/components/types/src/components/Table/Header.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Header: React.FC;
-export { Header };

package/build/components/types/src/components/Table/Row.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { TableRow } from "./types";
-interface RowProps {
-    row: TableRow;
-}
-declare const Row: {
-    ({ row }: RowProps): React.JSX.Element[];
-    displayName: string;
-};
-export { Row };

package/build/components/types/src/components/Table/Rows.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Rows: React.FC;
-export { Rows };

package/build/components/types/src/components/Table/Table.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { ExpandableRowsCaptions, TableHeader, TableRow } from "./types";
-interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
-    /** Caption helps users with screen readers to find a table and understand what it's about and decide if they want to read it. */
-    caption?: React.ReactNode;
-    expandableRowsCaptions?: ExpandableRowsCaptions;
-    /** Foot element for table */
-    footers?: TableRow[];
-    /** Labels for headers in the table. Value of the key in headers match with the key name in rows */
-    headers: TableHeader[];
-    /** Compact table only takes spaced needed to display its content */
-    isCompact?: boolean;
-    /** Enable responsive card layout below md breakpoint for better accessibility */
-    isResponsive?: boolean;
-    /** If table has horizontal scrollbar */
-    isScrollable?: boolean;
-    /** Different colors for even and odd rows. */
-    isStriped?: boolean;
-    /** rows to print out in the table. */
-    rows: TableRow[];
-    className?: string;
-}
-declare const Table: React.FC<TableProps>;
-export { Table };

package/build/components/types/src/components/Table/Table.static.d.ts

@@ -1,23 +0,0 @@
-interface TableConfig {
-    expandButtonSelector: string;
-    scrollableContainerSelector: string;
-    responsiveTableSelector: string;
-}
-export declare const defaultConfig: TableConfig;
-export default class Table {
-    private element;
-    private config;
-    private expandButtons;
-    private scrollableContainer;
-    private resizeObserver;
-    constructor(element: HTMLElement, config?: Partial<TableConfig>);
-    private addRole;
-    private addARIA;
-    private onExpandClick;
-    private init;
-    private maybeInitScrollable;
-    destroy(): void;
-    update(): void;
-    static getInstance(el: HTMLElement): Table | null;
-}
-export {};

package/build/components/types/src/components/Table/TableContext.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { TableContextType } from "./types";
-declare const TableContext: React.Context<TableContextType>;
-export default TableContext;

package/build/components/types/src/components/Table/docsData.d.ts

@@ -1,41 +0,0 @@
-interface CellValue {
-    value: string;
-    rawValue?: number;
-}
-interface TableHeader {
-    key: string;
-    label: string;
-    isSortable?: boolean;
-    sort?: "none" | "ascending" | "descending";
-    cellProps?: {
-        className?: string;
-    };
-}
-interface TableRow {
-    [key: string]: string | number | CellValue | Array<any>;
-}
-export declare const headers: TableHeader[];
-export declare const rows: TableRow[];
-export declare const unsortedHeaders: TableHeader[];
-export declare const ascendingHeaders: TableHeader[];
-export declare const descendingHeaders: TableHeader[];
-export declare const sortableRows: {
-    date: CellValue;
-}[];
-export declare const ascendingRowsByDate: {
-    date: CellValue;
-}[];
-export declare const descendingRowsByDate: {
-    date: CellValue;
-}[];
-export declare const expandableTableRows: TableRow[];
-export declare const footer: TableRow[];
-export declare const scrollableHeaders: TableHeader[];
-export declare const scrollableRows: TableRow[];
-export declare const shrinkHeaders: TableHeader[];
-export declare const shrinkRows: TableRow[];
-export declare const fillHeaders: TableHeader[];
-export declare const fillRows: TableRow[];
-export declare const responsiveHeaders: TableHeader[];
-export declare const responsiveRows: TableRow[];
-export {};

package/build/components/types/src/components/Table/index.d.ts

@@ -1,2 +0,0 @@
-export { Footer } from "./Footer";
-export { Table } from "./Table";

package/build/components/types/src/components/Table/types.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-export interface CellValue {
-    value: React.ReactNode;
-    rawValue?: number | string;
-    [key: string]: any;
-}
-export interface TableHeader {
-    key: string;
-    label: React.ReactNode;
-    isSortable?: boolean;
-    sort?: "none" | "ascending" | "descending";
-    cellProps?: React.HTMLAttributes<HTMLTableCellElement>;
-    headCellProps?: React.HTMLAttributes<HTMLTableCellElement>;
-}
-export interface TableRow {
-    [key: string]: React.ReactNode | CellValue | TableRow[] | boolean | undefined;
-    expand?: TableRow[];
-    isExpanded?: boolean;
-    id?: string;
-}
-export interface ExpandableRowsCaptions {
-    header: string;
-    emptyRow: string;
-}
-export interface ExpandableRows {
-    hasExpandableRows: boolean;
-    expandableRowsCaptions?: ExpandableRowsCaptions;
-}
-export interface TableContextType {
-    headers: TableHeader[];
-    rows: TableRow[];
-    footers?: TableRow[];
-    expandableRows?: ExpandableRows;
-    isResponsive?: boolean;
-}

package/build/components/types/src/components/Tabs/Tab.d.ts

@@ -1,13 +0,0 @@
-interface TabProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
-    /** Id of the tabpanel this tab controls. */
-    controls?: string;
-    href?: string;
-    /** Active state */
-    isActive?: boolean;
-    /** Disabled state. */
-    isDisabled?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const Tab: React.FC<TabProps>;
-export { Tab };

package/build/components/types/src/components/Tabs/TabPanel.d.ts

@@ -1,20 +0,0 @@
-export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Optional href for the tab */
-    href?: string;
-    /** Tabpanel id */
-    id?: string;
-    /** Active state */
-    isActive?: boolean;
-    /** Whether the tab is disabled */
-    isDisabled?: boolean;
-    /** Tab content/label */
-    tab?: React.ReactNode;
-    /** Custom render function for tab */
-    renderTab?: (props: TabPanelProps) => React.ReactElement;
-    /** Additional class names */
-    className?: string;
-    /** Children components */
-    children?: React.ReactNode;
-}
-declare const TabPanel: React.FC<TabPanelProps>;
-export { TabPanel };

package/build/components/types/src/components/Tabs/Tabs.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import type { TabPanelProps } from "./TabPanel";
-interface TabsProps extends React.HTMLAttributes<HTMLUListElement> {
-    /** Active Tab index */
-    activeTabIndex?: number;
-    /** Additional classes for tabs header. */
-    classesTabNav?: string;
-    /** All tabs have equal width inside a full-width container */
-    hasEqualTabWidth?: boolean;
-    /** Fullwidth container */
-    isFullWidth?: boolean;
-    /** Tabs behave as links rather than tabs */
-    isLink?: boolean;
-    /** Tab panels as children */
-    children: React.ReactElement<TabPanelProps>[];
-}
-declare const Tabs: React.FC<TabsProps>;
-export { Tabs };

package/build/components/types/src/components/Tabs/Tabs.static.d.ts

@@ -1,40 +0,0 @@
-interface TabsConfig {
-    tabSelector: string;
-}
-export declare const defaultConfig: TabsConfig;
-export declare const configDocs: {
-    tabSelector: string;
-};
-export default class Tabs {
-    private static readonly SCROLL_ALIGNMENT_TOLERANCE;
-    private static readonly SCROLL_EDGE_TOLERANCE;
-    private element;
-    private config;
-    private tabs;
-    private tabPanels;
-    private activeTabIndex;
-    private rovingTabindex;
-    private resizeObserver;
-    private horizontalScrollHandler;
-    private resizeHandler;
-    private viewportElement;
-    constructor(element: HTMLElement, config?: Partial<TabsConfig>);
-    static getInstance(el: HTMLElement): Tabs | null;
-    private init;
-    destroy(): void;
-    private setupOverflowObserver;
-    private teardownOverflowObserver;
-    private updateHorizontalOverflowState;
-    update(): void;
-    private isActive;
-    private isSelected;
-    private setActiveTab;
-    private scrollTabIntoView;
-    private handleClick;
-    private toggleTab;
-    private toggleTabPanel;
-    activateNthTab(index: number): void;
-    private handleTabFocus;
-    private shouldCenterFocusedTab;
-}
-export {};

package/build/components/types/src/components/Tabs/index.d.ts

@@ -1,3 +0,0 @@
-export { Tab } from "./Tab";
-export { TabPanel } from "./TabPanel";
-export { Tabs } from "./Tabs";

package/build/components/types/src/components/Tag/Tag.d.ts

@@ -1,29 +0,0 @@
-import React from "react";
-import { TagButtonProps } from "./TagButton";
-export declare const colors: readonly ["black", "orange", "yellow", "green", "blue", "success", "info", "warning", "danger", "transparent"];
-export type TagColor = (typeof colors)[number];
-export type TagSize = "small" | "large";
-interface CommonProps {
-    color?: TagColor;
-    size?: TagSize;
-    isDisabled?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-    actionButton?: React.ReactElement<TagButtonProps>;
-}
-type SpanProps = CommonProps & Omit<React.HTMLAttributes<HTMLSpanElement>, keyof CommonProps> & {
-    onClick?: undefined;
-    href?: undefined;
-};
-type ButtonProps = CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    href?: undefined;
-};
-type AnchorProps = CommonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
-    href: string;
-    onClick?: undefined;
-};
-type TagProps = SpanProps | ButtonProps | AnchorProps;
-export declare const CLASS_ROOT = "tag";
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>>;
-export { Tag };

package/build/components/types/src/components/Tag/TagButton.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export type TagButtonProps = {
-    className?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    children?: React.ReactNode;
-    isDisabled?: boolean;
-    ariaLabel?: string;
-    iconName: string;
-    size?: string;
-};
-declare const TagButton: React.ForwardRefExoticComponent<TagButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { TagButton };

package/build/components/types/src/components/Tag/index.d.ts

@@ -1,3 +0,0 @@
-export type { TagColor, TagSize } from "./Tag";
-export { Tag } from "./Tag";
-export { TagButton } from "./TagButton";

package/build/components/types/src/components/Tile/Tile.d.ts

@@ -1,16 +0,0 @@
-import React, { ReactNode } from "react";
-export type TileHAlign = "center";
-export type TileVAlign = "center" | "end" | "space-between";
-export type TileVariant = "compact" | "action";
-export interface TileProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Horizontal alignment of the tile content. */
-    hAlign?: TileHAlign;
-    /** Vertical alignment of the tile content. */
-    vAlign?: TileVAlign;
-    /** Tile variant. */
-    variant?: TileVariant;
-    children?: ReactNode;
-    className?: string;
-}
-declare const Tile: React.FC<TileProps>;
-export { Tile };

package/build/components/types/src/components/Tile/index.d.ts

@@ -1 +0,0 @@
-export { Tile } from "./Tile";

package/build/components/types/src/components/Timeline/Timeline.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export interface TimelineItem {
-    description: React.ReactNode;
-    label?: React.ReactNode;
-    title: React.ReactNode;
-}
-export interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {
-    items: TimelineItem[];
-    titleTag?: HeadingTag;
-}
-declare const Timeline: React.FC<TimelineProps>;
-export { Timeline };

package/build/components/types/src/components/Timeline/index.d.ts

@@ -1,2 +0,0 @@
-export type { TimelineItem, TimelineProps } from "./Timeline";
-export { Timeline } from "./Timeline";

package/build/components/types/src/components/Tooltip/InfoTooltip.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { TooltipProps } from "./Tooltip";
-type InfoTooltipProps = Omit<TooltipProps, "onAbort"> & Omit<React.HTMLAttributes<HTMLButtonElement>, "onAbort"> & {
-    children?: React.ReactNode;
-    className?: string;
-};
-declare const InfoTooltip: React.FC<InfoTooltipProps>;
-export { InfoTooltip };

package/build/components/types/src/components/Tooltip/Tooltip.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-export type TooltipPlacement = "auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-export interface TooltipProps extends React.HTMLAttributes<HTMLElement> {
-    /** Tooltip dialog content */
-    dialog?: React.ReactNode;
-    /** Tooltip ID */
-    id?: string;
-    /** Preferred placement, if there is enough room. Defaults to top. */
-    placement?: TooltipPlacement;
-    /** Custom trigger renderer. Passes required aria attributes and children in an object as argument. */
-    renderTrigger?: (props: {
-        "data-tooltip-trigger": true;
-        "aria-describedby": string;
-        "aria-owns": string;
-        children: React.ReactNode;
-    }) => React.ReactNode;
-    /** Render dialog as */
-    tag?: "span";
-    /** Additional CSS classes */
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const Tooltip: React.FC<TooltipProps>;
-export { Tooltip };