@arc-ui/components 11.8.0 → 11.10.0

package/dist/Box/Box.cjs.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { SurfaceBackgroundColor, SurfacePadding } from "../_shared/cjs/Surface-b7c51b2b";
-// Do equal height boxes story
-/**
- * Use `Box` as a simple way to group bespoke content and interactive elements together.
- */
-declare const Box: FC<BoxProps>;
-interface BoxProps {
-    /**
-     * Contents of the Box.
-     */
-    children: React.ReactNode;
-    /**
-     * Set Box to fill parent element.
-     */
-    isFullHeight?: boolean;
-    /**
-     * Add rounded corners to the box.
-     */
-    isBorderRadius?: boolean;
-    /**
-     * The border width of the box.
-     */
-    borderWidth?: "thin" | "medium";
-    /**
-     * Box shadow for the box.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Padding for the box.
-     */
-    padding?: SurfacePadding;
-    /**
-     * Background color for the box.
-     */
-    surface?: SurfaceBackgroundColor;
-}
-export { Box, BoxProps };

package/dist/Box/Box.esm.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { SurfaceBackgroundColor, SurfacePadding } from "../_shared/esm/Surface-dde51789";
-// Do equal height boxes story
-/**
- * Use `Box` as a simple way to group bespoke content and interactive elements together.
- */
-declare const Box: FC<BoxProps>;
-interface BoxProps {
-    /**
-     * Contents of the Box.
-     */
-    children: React.ReactNode;
-    /**
-     * Set Box to fill parent element.
-     */
-    isFullHeight?: boolean;
-    /**
-     * Add rounded corners to the box.
-     */
-    isBorderRadius?: boolean;
-    /**
-     * The border width of the box.
-     */
-    borderWidth?: "thin" | "medium";
-    /**
-     * Box shadow for the box.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Padding for the box.
-     */
-    padding?: SurfacePadding;
-    /**
-     * Background color for the box.
-     */
-    surface?: SurfaceBackgroundColor;
-}
-export { Box, BoxProps };

package/dist/BrandLogo/BrandLogo.cjs.d.ts

@@ -1 +0,0 @@
-export { BrandLogo } from "../_shared/cjs/BrandLogo-8107d59f";

package/dist/BrandLogo/BrandLogo.esm.d.ts

@@ -1 +0,0 @@
-export { BrandLogo } from "../_shared/esm/BrandLogo-9ec620e8";

package/dist/Breadcrumbs/Breadcrumbs.cjs.d.ts

@@ -1 +0,0 @@
-export { Breadcrumbs } from "../_shared/cjs/Breadcrumbs-0906dd10";

package/dist/Breadcrumbs/Breadcrumbs.esm.d.ts

@@ -1 +0,0 @@
-export { Breadcrumbs } from "../_shared/esm/Breadcrumbs-dafa8dde";

package/dist/Button/Button.cjs.d.ts

@@ -1 +0,0 @@
-export { Button } from "../_shared/cjs/Button-5aaa6776";

package/dist/Button/Button.esm.d.ts

@@ -1 +0,0 @@
-export { Button } from "../_shared/esm/Button-d1dbcf79";

package/dist/Card/Card.cjs.d.ts

@@ -1 +0,0 @@
-export { Card } from "../_shared/cjs/Card-fd189ba8";

package/dist/Card/Card.esm.d.ts

@@ -1 +0,0 @@
-export { Card } from "../_shared/esm/Card-e62c3ff6";

package/dist/Checkbox/Checkbox.cjs.d.ts

@@ -1 +0,0 @@
-export { Checkbox } from "../_shared/cjs/Checkbox-02c546ca";

package/dist/Checkbox/Checkbox.esm.d.ts

@@ -1 +0,0 @@
-export { Checkbox } from "../_shared/esm/Checkbox-d8891198";

package/dist/Clock/Clock.cjs.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { FC } from "react";
-/**
- * `Clock` is a demo component that shows the current time.
- */
-declare const Clock: FC<ClockProps>;
-type LocaleType = "en-GB" | "en-US" | "ar-EG";
-interface ClockProps {
-    /**
-     * Locale for the Clock.
-     */
-    locale?: LocaleType;
-}
-declare const _default: (el: HTMLTimeElement) => Promise<JSX.Element>;
-export { Clock, _default as ClockRehydrator };

package/dist/Clock/Clock.esm.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { FC } from "react";
-/**
- * `Clock` is a demo component that shows the current time.
- */
-declare const Clock: FC<ClockProps>;
-type LocaleType = "en-GB" | "en-US" | "ar-EG";
-interface ClockProps {
-    /**
-     * Locale for the Clock.
-     */
-    locale?: LocaleType;
-}
-declare const _default: (el: HTMLTimeElement) => Promise<JSX.Element>;
-export { Clock, _default as ClockRehydrator };

package/dist/Columns/Columns.cjs.d.ts

@@ -1 +0,0 @@
-export { Columns, Span } from "../_shared/cjs/Columns-e90798f8";

package/dist/Columns/Columns.esm.d.ts

@@ -1 +0,0 @@
-export { Columns, Span } from "../_shared/esm/Columns-8704515b";

package/dist/Curve/Curve.cjs.d.ts

@@ -1 +0,0 @@
-export { Curve } from "../_shared/cjs/Curve-781ef633";

package/dist/Curve/Curve.esm.d.ts

@@ -1 +0,0 @@
-export { Curve } from "../_shared/esm/Curve-bbc5589c";

package/dist/Disclosure/Disclosure.cjs.d.ts

@@ -1,31 +0,0 @@
-import { FC, ReactNode } from "react";
-import { HeadingLevel } from "../_shared/cjs/Heading-e3332dcf";
-/**
- * Use `Disclosure` to display content that is only visible when toggled into
- * an "open" state.
- */
-declare const Disclosure: FC<DisclosureProps>;
-interface DisclosureProps {
-    /**
-     * Content to display in the Disclosure.
-     */
-    children: ReactNode;
-    /**
-     * HTML section heading level of the Disclosure summary. If not provided, will
-     * render as a span.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Should Disclosure details be indented to line-up with summary text?
-     */
-    indentDetails?: boolean;
-    /**
-     * Should the Disclosure content be open by default?
-     */
-    isOpen?: boolean;
-    /**
-     * The Disclosure summary text.
-     */
-    summary: string;
-}
-export { Disclosure };

package/dist/Disclosure/Disclosure.esm.d.ts

@@ -1,31 +0,0 @@
-import { FC, ReactNode } from "react";
-import { HeadingLevel } from "../_shared/esm/Heading-0f629151";
-/**
- * Use `Disclosure` to display content that is only visible when toggled into
- * an "open" state.
- */
-declare const Disclosure: FC<DisclosureProps>;
-interface DisclosureProps {
-    /**
-     * Content to display in the Disclosure.
-     */
-    children: ReactNode;
-    /**
-     * HTML section heading level of the Disclosure summary. If not provided, will
-     * render as a span.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Should Disclosure details be indented to line-up with summary text?
-     */
-    indentDetails?: boolean;
-    /**
-     * Should the Disclosure content be open by default?
-     */
-    isOpen?: boolean;
-    /**
-     * The Disclosure summary text.
-     */
-    summary: string;
-}
-export { Disclosure };

package/dist/DisclosureMini/DisclosureMini.cjs.d.ts

@@ -1 +0,0 @@
-export { DisclosureMini } from "../_shared/cjs/DisclosureMini-52706ee6";

package/dist/DisclosureMini/DisclosureMini.esm.d.ts

@@ -1 +0,0 @@
-export { DisclosureMini } from "../_shared/esm/DisclosureMini-9b819941";

package/dist/Elevation/Elevation.cjs.d.ts

@@ -1,20 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Elevation` to elevate what matters.
- */
-declare const Elevation: FC<ElevationProps>;
-interface ElevationProps {
-    /**
-     * Contents to Elevate.
-     */
-    children: ReactNode;
-    /**
-     * Shadow Elevation level.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Should the Elevation be full width?
-     */
-    isFullWidth?: boolean;
-}
-export { Elevation };

package/dist/Elevation/Elevation.esm.d.ts

@@ -1,20 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Elevation` to elevate what matters.
- */
-declare const Elevation: FC<ElevationProps>;
-interface ElevationProps {
-    /**
-     * Contents to Elevate.
-     */
-    children: ReactNode;
-    /**
-     * Shadow Elevation level.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Should the Elevation be full width?
-     */
-    isFullWidth?: boolean;
-}
-export { Elevation };

package/dist/Filter/Filter.cjs.d.ts

@@ -1 +0,0 @@
-export { Filter } from "../_shared/cjs/Filter-a7574fe7";

package/dist/Filter/Filter.esm.d.ts

@@ -1 +0,0 @@
-export { Filter } from "../_shared/esm/Filter-a01aed11";

package/dist/FormControl/FormControl.cjs.d.ts

@@ -1 +0,0 @@
-export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-1e1bf2bf";

package/dist/FormControl/FormControl.esm.d.ts

@@ -1 +0,0 @@
-export { FormControl, FormControlContext } from "../_shared/esm/FormControl-f18e2f59";

package/dist/Group/Group.cjs.d.ts

@@ -1 +0,0 @@
-export { Group } from "../_shared/cjs/Group-f85dd4c0";

package/dist/Group/Group.esm.d.ts

@@ -1 +0,0 @@
-export { Group } from "../_shared/esm/Group-fb26fd32";

package/dist/Heading/Heading.cjs.d.ts

@@ -1 +0,0 @@
-export { Heading } from "../_shared/cjs/Heading-e3332dcf";

package/dist/Heading/Heading.esm.d.ts

@@ -1 +0,0 @@
-export { Heading } from "../_shared/esm/Heading-0f629151";

package/dist/Icon/Icon.cjs.d.ts

@@ -1 +0,0 @@
-export { Icon } from "../_shared/cjs/Icon-e1dd45eb";

package/dist/Icon/Icon.esm.d.ts

@@ -1 +0,0 @@
-export { Icon } from "../_shared/esm/Icon-c1af47bc";

package/dist/Image/Image.cjs.d.ts

@@ -1 +0,0 @@
-export { Image, loadingOptions } from "../_shared/cjs/Image-0e393cbf";

package/dist/Image/Image.esm.d.ts

@@ -1 +0,0 @@
-export { Image, loadingOptions } from "../_shared/esm/Image-3ed3863c";

package/dist/Markup/Markup.cjs.d.ts

@@ -1,16 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Markup` to display HTML-formatted text.
- */
-declare const Markup: FC<MarkupProps>;
-interface MarkupProps {
-    /**
-     * HTML-formatted text to display in Markup.
-     */
-    children: ReactNode;
-    /**
-     * Should the Markup width be constrained to a typographic measure?
-     */
-    isMeasured?: boolean;
-}
-export { Markup };

package/dist/Markup/Markup.esm.d.ts

@@ -1,16 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Markup` to display HTML-formatted text.
- */
-declare const Markup: FC<MarkupProps>;
-interface MarkupProps {
-    /**
-     * HTML-formatted text to display in Markup.
-     */
-    children: ReactNode;
-    /**
-     * Should the Markup width be constrained to a typographic measure?
-     */
-    isMeasured?: boolean;
-}
-export { Markup };

package/dist/Modal/Modal.cjs.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { ButtonProps } from "../_shared/cjs/Button-5aaa6776";
-/** Use `Modal` to focus a user's attention to an urgent or required prompt for interaction or input. */
-declare const Modal: FC<ModalProps>;
-interface ModalProps {
-    /**
-     * Title for the modal. This will be announced by screen readers when the modal opens.
-     */
-    title: string;
-    /**
-     * Role for the modal. use alertdialog if explicit user input is required e.g deleting an account. role alertdialog will remove the ability to close the modal by either the esc key being pressed, clicking the cross icon or clicking outside.
-     */
-    role?: "dialog" | "alertdialog";
-    /**
-     * Whether to return focus to the element that was focused before the modal opened. True by default.
-     */
-    shouldReturnFocus?: boolean;
-    /**
-     * Description for the modal. This will be announced by screen readers when the modal opens.
-     */
-    description?: string;
-    /**
-     * ID for the element description to be announced by screenreaders in addition to the title.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Configurable actions for the modal.
-     */
-    actions?: Pick<ButtonProps, "form" | "type" | "fill" | "icon" | "iconPosition" | "href" | "id" | "label" | "onClick" | "isDisabled" | "ariaLabel" | "rel">[];
-    /**
-     * Function to be called when the modal has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the modal to false. This function is ignored if the `role` prop is set to `alertdialog`. You can prevent this behavior with the `dialog` role by ommitting this prop.
-     */
-    onRequestClose?: () => void;
-    /**
-     * Size of the modal dialog.
-     */
-    size?: "s" | "m" | "l";
-    /**
-     * Set modal open or closed.
-     */
-    isOpen?: boolean;
-    /**
-     * Enables the dialog content to be scrolled internally.
-     */
-    isContentScrollable?: boolean;
-    /**
-     * Custom content for `Modal`.
-     */
-    children?: React.ReactNode;
-}
-export { Modal };

package/dist/Modal/Modal.esm.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { ButtonProps } from "../_shared/esm/Button-d1dbcf79";
-/** Use `Modal` to focus a user's attention to an urgent or required prompt for interaction or input. */
-declare const Modal: FC<ModalProps>;
-interface ModalProps {
-    /**
-     * Title for the modal. This will be announced by screen readers when the modal opens.
-     */
-    title: string;
-    /**
-     * Role for the modal. use alertdialog if explicit user input is required e.g deleting an account. role alertdialog will remove the ability to close the modal by either the esc key being pressed, clicking the cross icon or clicking outside.
-     */
-    role?: "dialog" | "alertdialog";
-    /**
-     * Whether to return focus to the element that was focused before the modal opened. True by default.
-     */
-    shouldReturnFocus?: boolean;
-    /**
-     * Description for the modal. This will be announced by screen readers when the modal opens.
-     */
-    description?: string;
-    /**
-     * ID for the element description to be announced by screenreaders in addition to the title.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Configurable actions for the modal.
-     */
-    actions?: Pick<ButtonProps, "form" | "type" | "fill" | "icon" | "iconPosition" | "href" | "id" | "label" | "onClick" | "isDisabled" | "ariaLabel" | "rel">[];
-    /**
-     * Function to be called when the modal has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the modal to false. This function is ignored if the `role` prop is set to `alertdialog`. You can prevent this behavior with the `dialog` role by ommitting this prop.
-     */
-    onRequestClose?: () => void;
-    /**
-     * Size of the modal dialog.
-     */
-    size?: "s" | "m" | "l";
-    /**
-     * Set modal open or closed.
-     */
-    isOpen?: boolean;
-    /**
-     * Enables the dialog content to be scrolled internally.
-     */
-    isContentScrollable?: boolean;
-    /**
-     * Custom content for `Modal`.
-     */
-    children?: React.ReactNode;
-}
-export { Modal };

package/dist/Pagination/Pagination.cjs.d.ts

@@ -1,20 +0,0 @@
-import { FC } from "react";
-/**
- * Use `Pagination` to navigate multiple pages.
- */
-declare const Pagination: FC<PaginationProps>;
-interface PaginationProps {
-    /**
-     * Number of pages for the pagination
-     */
-    pageCount: number;
-    /**
-     * Default page to be selected on render. If not provided defaults to 1.
-     */
-    defaultSelectedPage?: number;
-    /**
-     * Function to call when the page changes
-     */
-    onPageChange: (selectedPage: number) => void;
-}
-export { Pagination };

package/dist/Pagination/Pagination.esm.d.ts

@@ -1,20 +0,0 @@
-import { FC } from "react";
-/**
- * Use `Pagination` to navigate multiple pages.
- */
-declare const Pagination: FC<PaginationProps>;
-interface PaginationProps {
-    /**
-     * Number of pages for the pagination
-     */
-    pageCount: number;
-    /**
-     * Default page to be selected on render. If not provided defaults to 1.
-     */
-    defaultSelectedPage?: number;
-    /**
-     * Function to call when the page changes
-     */
-    onPageChange: (selectedPage: number) => void;
-}
-export { Pagination };

package/dist/PaginationSimple/PaginationSimple.cjs.d.ts

@@ -1,28 +0,0 @@
-import { FC } from "react";
-/**
- * Use `PaginationSimple` to navigate multiple pages.
- */
-declare const PaginationSimple: FC<PaginationSimpleProps>;
-interface PaginationSimpleProps {
-    /**
-     * hides prev button if true.
-     */
-    hidePrev?: boolean;
-    /**
-     * hides next button if true.
-     */
-    hideNext?: boolean;
-    /**
-     * if true buttons will hug either edge of the parent element
-     */
-    isFluid?: boolean;
-    /**
-     * Function to call when previous page is selected
-     */
-    onPrevPage: () => void;
-    /**
-     * Function to call when next page is selected
-     */
-    onNextPage: () => void;
-}
-export { PaginationSimple };

package/dist/PaginationSimple/PaginationSimple.esm.d.ts

@@ -1,28 +0,0 @@
-import { FC } from "react";
-/**
- * Use `PaginationSimple` to navigate multiple pages.
- */
-declare const PaginationSimple: FC<PaginationSimpleProps>;
-interface PaginationSimpleProps {
-    /**
-     * hides prev button if true.
-     */
-    hidePrev?: boolean;
-    /**
-     * hides next button if true.
-     */
-    hideNext?: boolean;
-    /**
-     * if true buttons will hug either edge of the parent element
-     */
-    isFluid?: boolean;
-    /**
-     * Function to call when previous page is selected
-     */
-    onPrevPage: () => void;
-    /**
-     * Function to call when next page is selected
-     */
-    onNextPage: () => void;
-}
-export { PaginationSimple };

package/dist/Poster/Poster.cjs.d.ts

@@ -1 +0,0 @@
-export { Poster } from "../_shared/cjs/Poster-faea1ad3";

package/dist/Poster/Poster.esm.d.ts

@@ -1 +0,0 @@
-export { Poster } from "../_shared/esm/Poster-a83ae770";

package/dist/ProgressBar/ProgressBar.cjs.d.ts

@@ -1,47 +0,0 @@
-import { FC } from "react";
-type ProgressBarState = "loading" | "error" | "success";
-type ProgressBarIcons = "refresh" | "cross" | "tick";
-declare const ProgressBar: FC<ProgressBarProps>;
-interface ProgressBarProps {
-    /**
-     * Label for screen readers.
-     */
-    ariaLabel: string;
-    /**
-     * Headline for the progress bar.
-     */
-    headline?: string;
-    /**
-     * Title for the progress bar, (e.g. an uploading file's name).
-     */
-    title?: string;
-    /**
-     * Percentage value for the progress bar (negative numbers are rounded to 0, numbers over 100 are rounded to 100).
-     */
-    value?: number;
-    /**
-     * Provide an additional informative description for the progress bar, or brand building slot for secondary messaging which can change over time with progress.
-     */
-    description?: string;
-    /**
-     * Value to display for the progress bar. This is fully customisable, and can be a percentage (15%) Time remaining (1m 15s remaining), proportion of data uploaded/to upload (100KB out of 256KB).
-     */
-    displayValue?: string;
-    /**
-     * State of the progress bar.
-     */
-    state?: ProgressBarState;
-    /**
-     * Sets progress bar to infinitely animate. Use if the progress of a given task cannot be known. The value prop will have no effect if this prop is set to true.
-     */
-    isIndeterminate?: boolean;
-    /**
-     * Action for the progress bar.
-     */
-    action?: {
-        text: string;
-        action: () => void;
-        icon?: ProgressBarIcons;
-    };
-}
-export { ProgressBar };