@amboss/design-system 1.7.1 → 1.7.2--canary-ts2

package/build/src/components/Logo/Logo.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export declare type LogoProps = {
-    href: string;
-    ariaLabel?: string;
-    role?: string;
-    "data-testid"?: string;
-};
-export declare function Logo({ href, ariaLabel, role, "data-testid": dataTestId, }: LogoProps): React.ReactElement;

package/build/src/components/MediaItem/MediaItem.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-export declare type MediaItemProps = {
-    src: string;
-    title: string;
-    /** Sets the height of the media to equal the width value making a square <br/>
-     */
-    squareByWidth?: boolean;
-    /** Specify fit of the media background. <br/>
-     * "contain" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>
-     * "cover" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.
-     */
-    fit: "cover" | "contain";
-};
-export declare function MediaItem({ src, title, squareByWidth, fit, }: MediaItemProps): React.ReactElement;
-export declare namespace MediaItem {
-    var defaultProps: {
-        mediaCover: boolean;
-        squareByWidth: boolean;
-        fit: string;
-    };
-}

package/build/src/components/MediaViewerBar/MediaViewerBar.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement } from "react";
-export declare type MediaViewerBarProps = {
-    children?: ReactElement | ReactElement[];
-    hasSeparator?: boolean;
-    "data-e2e-test-id"?: string;
-};
-export declare function MediaViewerBar({ children, hasSeparator, "data-e2e-test-id": dataE2eTestId, }: MediaViewerBarProps): ReactElement;

package/build/src/components/Notification/ExpandedContent.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function ExpandedContent(): React.ReactElement;

package/build/src/components/Notification/Notification.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { IconName } from "../Icon/Icon";
-export declare type NotificationProps = {
-    "data-e2e-test-id"?: string;
-    text?: string;
-    icon?: IconName;
-    isDismissable?: boolean;
-    callToActionLabel?: string;
-    expandButtonLabel?: string;
-    shrinkButtonLabel?: string;
-    expandable?: boolean;
-    onClickCallToAction?: (e: React.MouseEvent) => void;
-    onClickDismiss?: () => void;
-    children?: React.ReactNode;
-};
-export declare function Notification({ text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, "data-e2e-test-id": dataE2eTestId, }: NotificationProps): React.ReactElement;

package/build/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { BaseVariations, MQ, SpaceSizes } from "../../../types";
-export declare type ActionButtonProps = {
-    text: string;
-    type?: "button" | "submit";
-    variant: BaseVariations;
-};
-export declare type ButtonGroupProps = {
-    actionButton?: ActionButtonProps;
-    cancelButtonText?: string;
-    onButtonClick?: (action: "cancel" | "action") => void;
-    space?: MQ<SpaceSizes> | SpaceSizes;
-    "data-e2e-test-id"?: string;
-};
-export declare function ButtonGroup({ cancelButtonText, actionButton, onButtonClick, "data-e2e-test-id": dataE2eTestId, }: ButtonGroupProps): React.ReactElement;

package/build/src/components/Patterns/Modal/Modal.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import { StackProps } from "../../Stack/Stack";
-import { ActionButtonProps } from "../ButtonGroup/ButtonGroup";
-import { TextProps } from "../../Typography/Text/Text";
-export declare type ModalProps = {
-    header: string;
-    onAction: (action: "cancel" | "action") => void;
-    role?: "dialog" | "alertdialog";
-    labelHeader?: string;
-    /** The black color is going to be replaced with gray one */
-    subHeader?: string;
-    /** Aspect ratio 16:9 */
-    imageUrl?: string;
-    actionButton?: ActionButtonProps;
-    cancelButtonLabel?: string;
-    /** Aim to use <Modal.Text> and <Modal.Stack> */
-    children: React.ReactNode;
-    "data-e2e-test-id"?: string;
-    privateProps?: {
-        skipPortal?: boolean;
-    };
-};
-export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, cancelButtonLabel, actionButton, role, onAction, privateProps: { skipPortal }, "data-e2e-test-id": dataE2eTestId, }: ModalProps): React.ReactElement;
-export declare namespace Modal {
-    var defaultProps: Partial<ModalProps>;
-    var Stack: ({ children, ...rest }: Omit<StackProps, "space">) => JSX.Element;
-    var Text: ({ children, ...rest }: Omit<TextProps, "size" | "variant">) => JSX.Element;
-}

package/build/src/components/PictogramButton/PictogramButton.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { IconName } from "../Icon/Icon";
-import { ButtonProps } from "../Button/Button";
-import { AsProp } from "../../types";
-export declare type PictogramButtonProps = Pick<ButtonProps, "variant" | "type" | "disabled" | "onClick" | "onFocus" | "onBlur" | "data-e2e-test-id"> & {
-    /** The centered icon to be displayed. */
-    icon: IconName;
-    /** If true, the button has square corners. */
-    squareCorners?: boolean;
-};
-export declare function PictogramButton<C extends React.ElementType = "button">({ onClick, onFocus, onBlur, type, disabled, as, icon, "data-e2e-test-id": dataE2eTestId, ...rest }: PictogramButtonProps & AsProp<C>): React.ReactElement;
-export declare namespace PictogramButton {
-    var defaultProps: Partial<PictogramButtonProps> & AsProp<"button">;
-}

package/build/src/components/Portal/Portal.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export declare const AMBOSS_DS_PORTAL = "amboss-ds-portal";
-declare type PortalProps = {
-    children: React.ReactNode;
-};
-export declare function Portal({ children }: PortalProps): React.ReactElement;
-export {};

package/build/src/components/ProgressBar/ProgressBar.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { ProgressBarWeight } from "../SegmentedProgressBar/SegmentedProgressBar";
-export declare type ProgressBarProps = {
-    /** The value for 100% progress. Consumer does not need to do percentage calculation. */
-    maxValue: number;
-    /** The value already progressed. If progress >= maxValue the bar is filled completely */
-    progress: number;
-    squareCorners?: boolean;
-    weight?: ProgressBarWeight;
-    "data-e2e-test-id"?: string;
-};
-export declare function ProgressBar({ maxValue, progress, weight, squareCorners, "data-e2e-test-id": dataE2eTestId, }: ProgressBarProps): React.ReactElement;
-export declare namespace ProgressBar {
-    var defaultProps: Partial<ProgressBarProps>;
-}

package/build/src/components/RoundButton/RoundButton.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { IconName } from "../Icon/Icon";
-import { ButtonProps } from "../Button/Button";
-import { AsProp } from "../../types";
-export declare type RoundButtonProps = Pick<ButtonProps, "variant" | "type" | "disabled" | "onClick" | "onFocus" | "onBlur" | "data-e2e-test-id"> & {
-    /** The centered icon to be displayed. */
-    icon: IconName;
-};
-export declare function RoundButton<C extends React.ElementType = "button">({ onClick, onFocus, onBlur, type, disabled, as, icon, "data-e2e-test-id": dataE2eTestId, ...rest }: RoundButtonProps & AsProp<C>): React.ReactElement;
-export declare namespace RoundButton {
-    var defaultProps: Partial<RoundButtonProps> & AsProp<"button">;
-}

package/build/src/components/SearchResult/SearchResult.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-import { IconName } from "../Icon/Icon";
-export declare type SecondaryTarget = {
-    title: string;
-    body?: string;
-    link: (props: {
-        children: React.ReactNode;
-    }) => React.ReactElement;
-    "data-e2e-test-id"?: string;
-};
-export declare type SecondaryTargetsProps = {
-    data: SecondaryTarget[];
-    renderItem: (item: SecondaryTarget) => React.ReactElement;
-    compact?: boolean;
-};
-export declare type SearchResultProps = {
-    /** The result title. Supports some nested HTML tags like <b> and <i>. Text gets clamped after 3 lines. */
-    title: string;
-    /** The subtitle that accompanies the title. Supports some nested HTML tags like <b> and <i>. Text gets clamped after 3 lines. */
-    subtitle?: string;
-    /** The primary AMBOSS target. */
-    link: (props: {
-        children: React.ReactNode;
-    }) => React.ReactElement;
-    /** The left icon */
-    icon?: IconName;
-    /** List of details. Supports some nested HTML tags like <b> and <i>. */
-    details?: string[];
-    /** Usually a text content of the search result. Supports some nested HTML tags like <b> and <i>. Maximum 3 details items allowed where each test gets clamped after 3 lines. */
-    body?: string;
-    /** List of secondary AMBOSS targets with titles. Text gets clamped after 3 lines. */
-    secondaryTargets?: SecondaryTarget[];
-    /** Indicate an external link */
-    isExternal?: boolean;
-    /** List of labels. For example: preclinic, clinic, physician. */
-    labels?: string[];
-    /** The test id for the result's primary target. */
-    "data-e2e-test-id"?: string;
-};
-export declare function SearchResult({ title, subtitle, icon, details, body, secondaryTargets, link, labels, "data-e2e-test-id": dataE2eTestId, }: SearchResultProps): React.ReactElement;
-export declare namespace SearchResult {
-    var defaultProps: Partial<SearchResultProps>;
-}

package/build/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-export declare type ValuesVariant = "success" | "warning" | "alert";
-export declare type StyleVariant = ValuesVariant | "inProgress";
-export declare type Value = number;
-export declare type ProgressBarWeight = "thin" | "fat";
-export declare type SegmentedProgressBarProps = {
-    /** The value for 100% progress. Consumer does not need to do percentage calculation.
-     * Just pass this number and some values. The progress bar does all percentag calculations */
-    maxValue: number;
-    /** The values already progressed. Possible ValuesVariants are used to display progress in a different color.
-     * Variants are:
-     * success => green;
-     * warning => yellow;
-     * alert => red */
-    values: Partial<Record<ValuesVariant, Value>>;
-    squareCorners?: boolean;
-    weight?: ProgressBarWeight;
-    privateProps?: SegmentedProgressBarPrivateProps;
-    "data-e2e-test-id"?: string;
-};
-declare type SegmentedProgressBarPrivateProps = {
-    monochrome?: boolean;
-};
-export declare function SegmentedProgressBar({ maxValue, values, weight, squareCorners, privateProps: { monochrome }, "data-e2e-test-id": dataE2eTestId, }: SegmentedProgressBarProps): React.ReactElement;
-export declare namespace SegmentedProgressBar {
-    var defaultProps: Partial<SegmentedProgressBarProps>;
-}
-export {};

package/build/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts

@@ -1,10 +0,0 @@
-import { StyleVariant, Value, ValuesVariant } from "./SegmentedProgressBar";
-declare const getPercentagesForVariants: (maxValue: number, values: Partial<Record<ValuesVariant, Value>>) => {
-    percentage: number;
-    style: StyleVariant;
-}[];
-declare const sanitizeInputValues: (maxValue: number, values: Partial<Record<ValuesVariant, Value>>) => {
-    sanitizedMaxValue: number;
-    sanitizedValues: Partial<Record<ValuesVariant, Value>>;
-};
-export { sanitizeInputValues, getPercentagesForVariants };

package/build/src/components/ShadowWebComponent/ShadowWebComponent.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "shadow-element": {
-                theme: "light-theme" | "dark-theme";
-            };
-        }
-    }
-}
-export declare function ShadowWebComponent({ theme, }: {
-    theme: "light-theme" | "dark-theme";
-}): React.ReactElement;

package/build/src/components/Stack/Stack.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import { HorizontalAlignment, MQ, SpaceSizes } from "../../types";
-export declare type StackProps = {
-    /** Represents the vertical between the Stack's children
-     * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes
-     */
-    space?: MQ<SpaceSizes> | SpaceSizes;
-    /** Represents elements' horizontal alignment
-     * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes
-     */
-    alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;
-    children: React.ReactNode[] | React.ReactElement;
-    "data-e2e-test-id"?: string;
-};
-export declare function Stack({ children, space, alignItems, "data-e2e-test-id": dataE2eTestId, }: StackProps): React.ReactElement;
-export declare namespace Stack {
-    var defaultProps: Partial<StackProps>;
-}

package/build/src/components/SubThemeProvider/SubThemeProvider.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { SubThemeTypes } from "../../../build-tokens/_subThemeType";
-export declare type SubThemeProviderProps = {
-    "data-e2e-test-id"?: string;
-    children: React.ReactNode[] | React.ReactNode;
-    name: "unset" | SubThemeTypes;
-};
-export declare function SubThemeProvider({ name, children, "data-e2e-test-id": dataE2eTestId, }: SubThemeProviderProps): React.ReactElement;

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

@@ -1,17 +0,0 @@
-import React from "react";
-import { IconName } from "../Icon/Icon";
-export declare type TabsProps = {
-    children?: React.ReactElement;
-    /** an index of active tab */
-    activeTab?: number;
-    onTabSelect?: (selectedTab: number) => void;
-    /** an array of tabs, contains "header", "as", "iconLeft" and "iconRight" */
-    tabs: {
-        header: string;
-        as?: "a" | "button" | React.ComponentType;
-        iconLeft?: IconName;
-        iconRight?: IconName;
-    }[];
-    "data-e2e-test-id"?: string;
-};
-export declare function Tabs({ tabs, activeTab, children, onTabSelect, "data-e2e-test-id": dataE2eTestId, }: TabsProps): React.ReactElement;

package/build/src/components/Typography/Header/Header.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-import { Theme } from "@emotion/react";
-declare type HeaderProps = {
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    children: React.ReactNode;
-    "data-e2e-test-id"?: string;
-    id?: string;
-};
-export declare const H1: import("@emotion/styled").StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType<any>;
-} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H2: import("@emotion/styled").StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType<any>;
-} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H3: import("@emotion/styled").StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType<any>;
-} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H4: import("@emotion/styled").StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType<any>;
-} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H5: import("@emotion/styled").StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType<any>;
-} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H6: import("@emotion/styled").StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType<any>;
-} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export {};

package/build/src/components/Typography/StyledText/StyledText.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export declare type FormattedElementProps = {
-    key: string;
-    children: string | React.ReactNode[];
-};
-export declare const makeStyledJSX: (string: string) => React.ReactNode[] | string | null;
-export declare type StyledTextProps = {
-    children: string;
-    "data-e2e-test-id"?: string;
-};
-export declare function StyledText({ children, "data-e2e-test-id": dataE2eTestId, }: StyledTextProps): React.ReactElement;

package/build/src/components/Typography/Text/Text.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { TextAlignment, TextVariations, TextSize, MQ, Hyphens } from "../../../types";
-export declare type TextProps = {
-    children: React.ReactNode;
-    size?: TextSize;
-    weight?: "normal" | "bold" | "black" | "inherit";
-    transform?: "none" | "capitalize" | "uppercase" | "lowercase";
-    as?: "p" | "span";
-    variant?: TextVariations;
-    align?: TextAlignment;
-    hyphens?: Hyphens | MQ<Hyphens>;
-    "data-e2e-test-id"?: string;
-};
-export declare const Text: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
-} & TextProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/build/src/components/Typography/TextClamped/TextClamped.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { TextProps } from "../Text/Text";
-export declare type TextClampedProps = TextProps & {
-    /** The maximum number of lines. Default is 1. */
-    lines?: number;
-};
-export declare function TextClamped(props: TextClampedProps): React.ReactElement;
-export declare namespace TextClamped {
-    var defaultProps: Partial<TextClampedProps>;
-}

package/build/src/components/VirtualScrollList/VirtualScrollList.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export declare type VirtualScrollListProps = {
-    "data-e2e-test-id"?: string;
-    maxHeight: number;
-    itemHeight: number;
-    itemAmount: number;
-    emptyState: () => React.ReactNode;
-    itemInView: number;
-    itemTemplate: (index: number) => React.ReactNode;
-};
-export declare function VirtualScrollList({ maxHeight, itemHeight, itemAmount, emptyState, itemInView, itemTemplate, "data-e2e-test-id": dataE2eTestId, }: VirtualScrollListProps): React.ReactElement;

package/build/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts

@@ -1,36 +0,0 @@
-declare type Offset = {
-    amount: number;
-    isInterpolated: boolean;
-};
-declare type State = {
-    avgItemHeight?: number;
-    overscan?: number;
-    maxHeight?: number;
-    topOffsets?: Offset[];
-    renderFrom?: number;
-    scrolledItemCount?: number;
-    scrolledInPx?: number;
-    lastItemHeight?: number;
-    amountOfItemsInView?: number;
-    maxContentHeight?: number;
-    recommendedScrollPosition?: number;
-};
-declare type Action = {
-    type: "scroll";
-    scrollTop: number;
-} | {
-    type: "updateViewport";
-    viewportNode: HTMLDivElement;
-    itemAmount: number;
-} | {
-    type: "reset";
-    itemHeight: number;
-    maxHeight: number;
-    overscan: number;
-} | {
-    type: "recommendScrollPosition";
-    scrollTop: number;
-    itemToBeInView: number;
-};
-export declare const VirtualScrollReducer: (prevState: State, action: Action) => State;
-export {};

package/build/src/index.d.ts

@@ -1,45 +0,0 @@
-export declare const dark: import("../build-tokens/visualConfig").VisualConfig, light: import("../build-tokens/visualConfig").VisualConfig;
-export { ThemeProvider, CacheProvider } from "@emotion/react";
-export { default as createCache } from "@emotion/cache";
-export { Card } from "./components/Card/Card";
-export { CardBox } from "./components/Card/CardBox";
-export { Box } from "./components/Box/Box";
-export { Inline } from "./components/Inline/Inline";
-export { Stack } from "./components/Stack/Stack";
-export { H1, H2, H3, H4, H5, H6 } from "./components/Typography/Header/Header";
-export { Text } from "./components/Typography/Text/Text";
-export { TextClamped } from "./components/Typography/TextClamped/TextClamped";
-export { StyledText } from "./components/Typography/StyledText/StyledText";
-export { Link } from "./components/Link/Link";
-export { Icon } from "./components/Icon/Icon";
-export { Button } from "./components/Button/Button";
-export { Divider } from "./components/Divider/Divider";
-export { Column, Columns } from "./components/Column/Columns";
-export { Tabs } from "./components/Tabs/Tabs";
-export { Badge } from "./components/Badge/Badge";
-export { SearchResult } from "./components/SearchResult/SearchResult";
-export { ToggleButton } from "./components/Form/ToggleButton/ToggleButton";
-export { DropdownMenu } from "./components/DropdownMenu/DropdownMenu";
-export { FormFieldGroup } from "./components/Form/FormFieldGroup/FormFieldGroup";
-export { Input } from "./components/Form/Input/Input";
-export { Checkbox } from "./components/Form/Checkbox/Checkbox";
-export { Toggle } from "./components/Form/Toggle/Toggle";
-export { Radio } from "./components/Form/Radio/Radio";
-export { RadioButton } from "./components/Form/RadioButton/RadioButton";
-export { Textarea } from "./components/Form/Textarea/Textarea";
-export { Select } from "./components/Form/Select/Select";
-export { SubThemeProvider } from "./components/SubThemeProvider/SubThemeProvider";
-export { PictogramButton } from "./components/PictogramButton/PictogramButton";
-export { MediaViewerBar } from "./components/MediaViewerBar/MediaViewerBar";
-export { SegmentedProgressBar } from "./components/SegmentedProgressBar/SegmentedProgressBar";
-export { ProgressBar } from "./components/ProgressBar/ProgressBar";
-export { Container } from "./components/Container/Container";
-export { PasswordInput } from "./components/Form/PasswordInput/PasswordInput";
-export { RoundButton } from "./components/RoundButton/RoundButton";
-export { Notification } from "./components/Notification/Notification";
-export { Logo } from "./components/Logo/Logo";
-export { MediaItem } from "./components/MediaItem/MediaItem";
-export { Callout } from "./components/Callout/Callout";
-export { Modal } from "./components/Patterns/Modal/Modal";
-export { ButtonGroup } from "./components/Patterns/ButtonGroup/ButtonGroup";
-export { Collapsible, CollapsibleHeader, } from "./components/Collapsible/Collapsible";

package/build/src/shared/informDeprecation.d.ts

@@ -1 +0,0 @@
-export declare const informDeprecation: (property: unknown, value: unknown, location: string, details?: string) => void;

package/build/src/shared/mediaQueries.d.ts

@@ -1,13 +0,0 @@
-import { MQ } from "../types";
-declare type MqProp<T> = [
-    T | MQ<T>,
-    Record<T extends string ? T : never, string | number>
-];
-declare type EmotionCssPropertyName = string;
-declare type EmotionCssValue = string | number;
-declare type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;
-declare type MqFunc = (rules: Record<string, MqProp<any>>) => Record<string, EmotionCssValue | EmotionCssDescription>;
-export declare const mq: MqFunc;
-export declare const mqValue: (rules: Record<EmotionCssPropertyName, EmotionCssValue[] | EmotionCssValue>) => Record<string, EmotionCssValue | EmotionCssDescription>;
-export declare function getMediaQueryClasses<T>(s: T | MQ<T> | undefined, styles: Record<string, string>, prefix?: string): string[];
-export {};

package/build/src/shared/replaceDeprecated.d.ts

@@ -1 +0,0 @@
-export declare const replaceDeprecated: (property: unknown, from: unknown, to: unknown, location: string, details?: string) => unknown;

package/build/src/shared/useAutoPosition.d.ts

@@ -1,5 +0,0 @@
-import { RefObject } from "react";
-export declare type VerticalPosition = "up" | "down";
-export declare type HorizontalPosition = "left" | "right";
-export declare type Position = [VerticalPosition, HorizontalPosition];
-export declare const useAutoPosition: (anchorRef: RefObject<HTMLElement>, contentRef: RefObject<HTMLElement>, isActive: boolean) => Position;

package/build/src/shared/useDocument.d.ts

@@ -1 +0,0 @@
-export declare function useDocument(): Document;

package/build/src/shared/useHover.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function useHover(ref: React.MutableRefObject<any>): boolean;

package/build/src/shared/useKeyboard.d.ts

@@ -1,17 +0,0 @@
-import { RefObject } from "react";
-/**
- * useKeyboard handles activation of keyboard hotkeys on a given element.
- * @param {Record<string, (e: KeyboardEvent) => {}} config - A map of keyboardEvent code to function.
- * @param {RefObject} ref - The element which the keyboard config has to apply on.
- * @param {boolean} isActive - A flag to determine when the keyboard config has to be applied.
- *
- * Example:
- * useKeyboard({
- *  Escape: closeMenu,
- *  ArrowUp: () => { doSomething() },
- *  KeyB: () => { console.log("bagi") },
- * }, menuRef, menuOpen)
- *
- * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.
- */
-export declare function useKeyboard(config: Record<string, (e: KeyboardEvent) => void | boolean>, ref: RefObject<any>, isActive: boolean): void;

package/build/src/shared/useOnEscapePress.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const useOnEscapePress: (onEscape: (e: KeyboardEvent) => void, callbackDependencies?: import("react").DependencyList) => void;

package/build/src/shared/useOutsideClick.d.ts

@@ -1,11 +0,0 @@
-import { RefObject } from "react";
-/**
- * useOutsideClick handles outside click of a given element.
- * @param {RefObject} ref - Reference to a DOM element.
- * @param {e: Event) => void} handler - Function invoked when a click is triggered outside the referenced element.
- * @param {boolean} isActive - A flag to determine when the outside click event needs to be applied.
- *
- * Example: useOutsideClick(menuRef, closeMenu, menuIsOpen)
- * Means that when a menu is opened, clicking outside of the menu will close the mneu.
- */
-export declare const useOutsideClick: (ref: RefObject<any>, handler: (e: Event) => void, isActive: boolean) => void;

package/build/src/shared/useWindow.d.ts

@@ -1 +0,0 @@
-export declare function useWindow(): Window;

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

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-import { Literal, Union, Static } from "runtypes";
-export declare const LinkTextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">]>;
-export declare type LinkTextSize = Static<typeof LinkTextSizeRuntype>;
-export declare const TextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
-export declare type TextSize = Static<typeof TextSizeRuntype>;
-export declare const TextAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">]>;
-export declare type TextAlignment = Static<typeof TextAlignmentRuntype>;
-export declare const HorizontalAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">, Literal<"spaceBetween">]>;
-export declare type HorizontalAlignment = Static<typeof HorizontalAlignmentRuntype>;
-export declare const VerticalAlignmentRuntype: Union<[Literal<"top">, Literal<"bottom">, Literal<"center">, Literal<"spaceBetween">]>;
-export declare type VerticalAlignment = Static<typeof VerticalAlignmentRuntype>;
-export declare const SpaceSizesRuntype: Union<[Literal<"zero">, Literal<"xxs">, Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">, Literal<"xl">, Literal<"xxl">]>;
-export declare type SpaceSizes = Static<typeof SpaceSizesRuntype>;
-export declare const ColumsSizesRuntype: Union<[Literal<1>, Literal<2>, Literal<3>, Literal<4>, Literal<5>, Literal<6>, Literal<7>, Literal<8>, Literal<9>, Literal<10>, Literal<11>, Literal<12>, Literal<"auto">, Literal<"narrow">, Literal<"fill">]>;
-export declare type ColumnSizes = Static<typeof ColumsSizesRuntype>;
-export declare const ColumnAlignmentRunType: Union<[Literal<"auto">, Literal<"start">, Literal<"center">, Literal<"end">]>;
-export declare type ColumnAlignment = Static<typeof ColumnAlignmentRunType>;
-export declare const OrderRuntype: Union<[Literal<"first">, Literal<"last">, Literal<"unset">]>;
-export declare type Order = Static<typeof OrderRuntype>;
-export declare const BaseVariationsRuntype: Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>;
-export declare type BaseVariations = Static<typeof BaseVariationsRuntype>;
-declare const TextVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"info">, Literal<"error">, Literal<"warning">]>;
-export declare type TextVariations = Static<typeof TextVariationsRuntype>;
-declare const IconsVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">]>;
-export declare type IconsVariations = Static<typeof IconsVariationsRuntype>;
-declare const CalloutVariationsRuntype: Union<[Literal<"info">, Literal<"success">, Literal<"error">, Literal<"warning">]>;
-export declare type CalloutVariations = Static<typeof CalloutVariationsRuntype>;
-declare const LinkVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>]>;
-export declare type LinkVariations = Static<typeof LinkVariationsRuntype>;
-export declare type MQ<T> = [T, T?, T?];
-declare const ButtonSizeRuntype: Union<[Literal<"s">, Literal<"m">, Literal<"l">]>;
-export declare type ButtonSize = Static<typeof ButtonSizeRuntype>;
-export declare const HyphensRuntype: Union<[Literal<"auto">, Literal<"none">, Literal<"manual">]>;
-export declare type Hyphens = Static<typeof HyphensRuntype>;
-export declare const ToggleSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
-export declare type ToggleSize = Static<typeof ToggleSizeRuntype>;
-export declare type AsProp<C extends React.ElementType> = {
-    as?: C;
-};
-declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-export declare type PolymorphicComponentProp<C extends React.ElementType, Props = {
-    as: "a";
-}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-export {};