draft-components 1.13.0 → 2.0.1

package/esm/index.js

@@ -1,75 +0,0 @@
-export { KeyboardKeys } from './lib/keyboard-keys.js';
-export { assertIfNullable, exhaustiveCheck, once } from './lib/helpers.js';
-export { classNames, focusElement, getRefElement, isReactElementWithRef, mergeRefs } from './lib/react-helpers.js';
-export { useDisableBodyScroll } from './hooks/use-disable-body-scroll.js';
-export { useEscKeyDown } from './hooks/use-esc-key-down.js';
-export { useFocusTrap } from './hooks/use-focus-trap.js';
-export { useMountTransition } from './hooks/use-mount-transition.js';
-export { Alert } from './components/alert/alert.js';
-export { Avatar } from './components/avatar/avatar.js';
-export { AvatarGroup } from './components/avatar-group/avatar-group.js';
-export { Badge } from './components/badge/badge.js';
-export { Breadcrumbs } from './components/breadcrumbs/breadcrumbs.js';
-export { BreadcrumbsItem } from './components/breadcrumbs/breadcrumbs-item.js';
-export { Button } from './components/button/button.js';
-export { IconButton } from './components/button/icon-button.js';
-export { ButtonGroup } from './components/button-group/button-group.js';
-export { Caption } from './components/caption/caption.js';
-export { Checkbox } from './components/checkbox/checkbox.js';
-export { ColorPicker } from './components/color-picker/color-picker.js';
-export { DatePicker } from './components/date-picker/date-picker.js';
-export { DateRangePicker } from './components/date-picker/date-range-picker.js';
-export { DatePickerPopover } from './components/date-picker-popover/date-picker-popover.js';
-export { DateRangePickerPopover } from './components/date-range-picker-popover/date-range-picker-popover.js';
-export { Dialog } from './components/dialog/dialog.js';
-export { DialogHeader } from './components/dialog/dialog-header.js';
-export { DialogBody } from './components/dialog/dialog-body.js';
-export { DialogFooter } from './components/dialog/dialog-footer.js';
-export { EmptyState } from './components/empty-state/empty-state.js';
-export { FilePicker } from './components/file-picker/file-picker.js';
-export { FilterButtons } from './components/filter-buttons/filter-buttons.js';
-export { FilterButton } from './components/filter-buttons/filter-button.js';
-export { FilteredSearch } from './components/filtered-search/filtered-search.js';
-export { StringFilter } from './components/filtered-search/model/string-filter.js';
-export { StringSetFilter } from './components/filtered-search/model/string-set-filter.js';
-export { FormField } from './components/form-field/form-field.js';
-export { Label } from './components/label/label.js';
-export { Menu } from './components/menu/menu.js';
-export { MenuItem } from './components/menu/menu-item.js';
-export { MenuSeparator } from './components/menu/menu-separator.js';
-export { NavList } from './components/nav-list/nav-list.js';
-export { NavListItem } from './components/nav-list/nav-list-item.js';
-export { NavListTitle } from './components/nav-list/nav-list-title.js';
-export { PasswordInput } from './components/password-input/password-input.js';
-export { Popover } from './components/popover/popover.js';
-export { Portal } from './components/portal/portal.js';
-export { Positioner } from './components/positioner/positioner.js';
-export { Radio } from './components/radio/radio.js';
-export { SegmentedControl } from './components/segmented-control/segmented-control.js';
-export { Select } from './components/select/select.js';
-export { SelectionControl } from './components/selection-control/selection-control.js';
-export { SlideOver } from './components/slide-over/slide-over.js';
-export { SlideOverHeader } from './components/slide-over/slide-over-header.js';
-export { SlideOverBody } from './components/slide-over/slide-over-body.js';
-export { Slider } from './components/slider/slider.js';
-export { SliderTickMarks } from './components/slider/slider-tick-marks.js';
-export { Spinner } from './components/spinner/spinner.js';
-export { Switch } from './components/switch/switch.js';
-export { TableContainer } from './components/table/table-container.js';
-export { Table } from './components/table/table.js';
-export { TableHead } from './components/table/table-head.js';
-export { TableBody } from './components/table/table-body.js';
-export { TableRow } from './components/table/table-row.js';
-export { TableHeadCell } from './components/table/table-head-cell.js';
-export { TableCell } from './components/table/table-cell.js';
-export { Tabs } from './components/tabs/tabs.js';
-export { TabList } from './components/tabs/tab-list.js';
-export { Tab } from './components/tabs/tab.js';
-export { TabPanel } from './components/tabs/tab-panel.js';
-export { Tag } from './components/tag/tag.js';
-export { TextInput } from './components/text-input/text-input.js';
-export { Textarea } from './components/textarea/textarea.js';
-export { Toast } from './components/toast/toast.js';
-export { ToastButton } from './components/toast/toast-button.js';
-export { Toaster } from './components/toaster/toaster.js';
-export { Tooltip } from './components/tooltip/tooltip.js';

package/esm/lib/index.js

@@ -1,3 +0,0 @@
-export { KeyboardKeys } from './keyboard-keys.js';
-export { assertIfNullable, exhaustiveCheck, once } from './helpers.js';
-export { classNames, focusElement, getRefElement, isReactElementWithRef, mergeRefs } from './react-helpers.js';

package/types/components/alert/alert.d.ts

@@ -1,12 +0,0 @@
-import { ComponentPropsWithRef, JSX, ReactNode } from 'react';
-type AlertHTMLProps = ComponentPropsWithRef<'div'>;
-export type AlertAppearance = 'default' | 'info' | 'success' | 'warning' | 'error';
-export type AlertVariant = 'default' | 'full-width' | 'accent-border';
-export type AlertProps = {
-    icon?: JSX.Element | null;
-    heading?: ReactNode;
-    variant?: AlertVariant;
-    appearance?: AlertAppearance;
-} & AlertHTMLProps;
-export declare const Alert: import("react").ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/types/components/alert/index.d.ts

@@ -1 +0,0 @@
-export * from './alert';

package/types/components/avatar/index.d.ts

@@ -1 +0,0 @@
-export * from './avatar';

package/types/components/avatar-group/index.d.ts

@@ -1 +0,0 @@
-export * from './avatar-group';

package/types/components/badge/index.d.ts

@@ -1 +0,0 @@
-export * from './badge';

package/types/components/breadcrumbs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './breadcrumbs';
-export * from './breadcrumbs-item';

package/types/components/button/icon-button.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonProps } from './button';
-export type IconButtonBaseProps = Omit<ButtonProps, 'children' | 'caption' | 'leftIcon' | 'rightIcon'>;
-export type IconButtonProps = {
-    icon: ReactNode;
-} & IconButtonBaseProps;
-export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/types/components/button/index.d.ts

@@ -1,2 +0,0 @@
-export * from './button';
-export * from './icon-button';

package/types/components/button-group/index.d.ts

@@ -1 +0,0 @@
-export * from './button-group';

package/types/components/caption/caption.d.ts

@@ -1,7 +0,0 @@
-import { ComponentPropsWithRef } from 'react';
-export type CaptionAppearance = 'default' | 'info' | 'success' | 'error' | 'warning';
-export type CaptionProps = ComponentPropsWithRef<'div'> & {
-    showIcon?: boolean;
-    appearance?: CaptionAppearance;
-};
-export declare const Caption: import("react").ForwardRefExoticComponent<Omit<CaptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/types/components/caption/icons.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare function InfoIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function SuccessIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function ErrorIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function WarningIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/caption/index.d.ts

@@ -1 +0,0 @@
-export * from './caption';

package/types/components/checkbox/index.d.ts

@@ -1 +0,0 @@
-export * from './checkbox';

package/types/components/color-picker/index.d.ts

@@ -1 +0,0 @@
-export * from './color-picker';

package/types/components/date-picker/icons.d.ts

@@ -1,3 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare function ChevronLeftIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronRightIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/date-picker/index.d.ts

@@ -1,2 +0,0 @@
-export * from './date-picker';
-export * from './date-range-picker';

package/types/components/date-picker-popover/index.d.ts

@@ -1 +0,0 @@
-export * from './date-picker-popover';

package/types/components/date-range-picker-popover/index.d.ts

@@ -1,2 +0,0 @@
-export * from './types';
-export * from './date-range-picker-popover';

package/types/components/dialog/index.d.ts

@@ -1,4 +0,0 @@
-export * from './dialog';
-export * from './dialog-header';
-export * from './dialog-body';
-export * from './dialog-footer';

package/types/components/dialog/x-mark-icon.d.ts

@@ -1,2 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/empty-state/empty-state.d.ts

@@ -1,11 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-type EmptyStateHTMLProps = ComponentPropsWithoutRef<'div'>;
-export type EmptyStateProps = {
-    image?: ReactNode;
-    heading?: ReactNode;
-    description?: ReactNode;
-    primaryAction?: ReactNode;
-    secondaryAction?: ReactNode;
-} & EmptyStateHTMLProps;
-export declare function EmptyState({ className, image, heading, description, primaryAction, secondaryAction, children, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/types/components/empty-state/index.d.ts

@@ -1 +0,0 @@
-export * from './empty-state';

package/types/components/file-picker/index.d.ts

@@ -1 +0,0 @@
-export * from './file-picker';

package/types/components/filter-buttons/index.d.ts

@@ -1,2 +0,0 @@
-export * from './filter-buttons';
-export * from './filter-button';

package/types/components/filtered-search/icons.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare function MagnifyingGlassIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function TrashIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowReturnRight(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/form-field/index.d.ts

@@ -1 +0,0 @@
-export * from './form-field';

package/types/components/index.d.ts

@@ -1,42 +0,0 @@
-export * from './alert';
-export * from './avatar';
-export * from './avatar-group';
-export * from './badge';
-export * from './breadcrumbs';
-export * from './button';
-export * from './button-group';
-export * from './caption';
-export * from './checkbox';
-export * from './color-picker';
-export * from './date-picker';
-export * from './date-picker-popover';
-export * from './date-range-picker-popover';
-export * from './dialog';
-export * from './empty-state';
-export * from './file-picker';
-export * from './filter-buttons';
-export * from './filtered-search';
-export * from './form-field';
-export * from './label';
-export * from './menu';
-export * from './nav-list';
-export * from './password-input';
-export * from './popover';
-export * from './portal';
-export * from './positioner';
-export * from './radio';
-export * from './segmented-control';
-export * from './select';
-export * from './selection-control';
-export * from './slide-over';
-export * from './slider';
-export * from './spinner';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './tag';
-export * from './text-input';
-export * from './textarea';
-export * from './toast';
-export * from './toaster';
-export * from './tooltip';

package/types/components/label/index.d.ts

@@ -1 +0,0 @@
-export * from './label';

package/types/components/menu/index.d.ts

@@ -1,3 +0,0 @@
-export * from './menu';
-export * from './menu-item';
-export * from './menu-separator';

package/types/components/nav-list/index.d.ts

@@ -1,3 +0,0 @@
-export * from './nav-list';
-export * from './nav-list-item';
-export * from './nav-list-title';

package/types/components/password-input/icons.d.ts

@@ -1,3 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare function EyeIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function EyeSlashIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/password-input/index.d.ts

@@ -1 +0,0 @@
-export * from './password-input';

package/types/components/password-input/password-input.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { TextInputProps } from '../text-input';
-type PasswordInputBaseProps = Omit<TextInputProps, 'type' | 'rightAddOn'>;
-export type PasswordInputProps = {
-    isDefaultVisible?: boolean;
-    showPasswordTitle?: string;
-    hidePasswordTitle?: string;
-} & PasswordInputBaseProps;
-export declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/types/components/popover/index.d.ts

@@ -1 +0,0 @@
-export * from './popover';

package/types/components/portal/index.d.ts

@@ -1 +0,0 @@
-export * from './portal';

package/types/components/positioner/index.d.ts

@@ -1 +0,0 @@
-export * from './positioner';

package/types/components/radio/index.d.ts

@@ -1 +0,0 @@
-export * from './radio';

package/types/components/segmented-control/index.d.ts

@@ -1 +0,0 @@
-export * from './segmented-control';

package/types/components/segmented-control/segmented-control-button.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-export type SegmentedControlButtonProps<T extends string | number> = {
-    icon?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    checked: boolean;
-    value: T;
-    onChangeValue: (value: T) => void;
-};
-export declare function SegmentedControlButton<T extends string | number>({ className, checked, icon, children, value, onChangeValue, }: SegmentedControlButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/select/index.d.ts

@@ -1 +0,0 @@
-export * from './select';

package/types/components/selection-control/index.d.ts

@@ -1 +0,0 @@
-export * from './selection-control';

package/types/components/slider/index.d.ts

@@ -1,2 +0,0 @@
-export * from './slider';
-export { SliderTickMarks } from './slider-tick-marks';

package/types/components/spinner/index.d.ts

@@ -1 +0,0 @@
-export * from './spinner';

package/types/components/switch/index.d.ts

@@ -1 +0,0 @@
-export * from './switch';

package/types/components/table/icons.d.ts

@@ -1,4 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare function ArrowsUpDown(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowSmallDown(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowSmallUp(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/table/index.d.ts

@@ -1,7 +0,0 @@
-export * from './table-container';
-export * from './table';
-export * from './table-head';
-export * from './table-body';
-export * from './table-row';
-export * from './table-head-cell';
-export * from './table-cell';

package/types/components/tabs/index.d.ts

@@ -1,4 +0,0 @@
-export * from './tabs';
-export * from './tab-list';
-export * from './tab';
-export * from './tab-panel';

package/types/components/tag/index.d.ts

@@ -1 +0,0 @@
-export * from './tag';

package/types/components/tag/tag.d.ts

@@ -1,18 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-type TagBaseProps = ComponentPropsWithoutRef<'strong'>;
-export type TagFill = 'gray' | 'green' | 'cyan' | 'blue' | 'purple' | 'pink' | 'red' | 'orange' | 'yellow';
-export type TagSize = 'sm' | 'md' | 'lg';
-export type TagVariant = 'tinted' | 'plain';
-export type TagProps = {
-    isRounded?: boolean;
-    variant?: TagVariant;
-    fill?: TagFill;
-    size?: TagSize;
-} & TagBaseProps;
-export declare const Tag: import("react").ForwardRefExoticComponent<{
-    isRounded?: boolean | undefined;
-    variant?: TagVariant | undefined;
-    fill?: TagFill | undefined;
-    size?: TagSize | undefined;
-} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
-export {};

package/types/components/text-input/index.d.ts

@@ -1 +0,0 @@
-export * from './text-input';

package/types/components/textarea/index.d.ts

@@ -1 +0,0 @@
-export * from './textarea';

package/types/components/textarea/textarea.d.ts

@@ -1,20 +0,0 @@
-import { ComponentPropsWithRef, ReactNode } from 'react';
-type TextareaHTMLProps = ComponentPropsWithRef<'textarea'>;
-export type TextareaSize = 'sm' | 'md' | 'lg';
-export type TextareaWidth = '30ch' | '40ch' | '60ch' | '80ch';
-export type TextAreaChangeValueHandler = (value: string) => void;
-export type CharacterCountRenderFn = (params: {
-    maxCharacters: number;
-    characterCount: number;
-}) => ReactNode;
-export type TextareaProps = TextareaHTMLProps & {
-    hasError?: boolean;
-    isBlock?: boolean;
-    showCharacterCount?: boolean;
-    renderCharacterCount?: CharacterCountRenderFn;
-    size?: TextareaSize;
-    width?: TextareaWidth;
-    onChangeValue?: TextAreaChangeValueHandler;
-};
-export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-export {};

package/types/components/toast/index.d.ts

@@ -1,2 +0,0 @@
-export * from './toast';
-export * from './toast-button';

package/types/components/toast/x-mark-icon.d.ts

@@ -1,2 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare function XMarkIcon(props: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/types/components/toaster/index.d.ts

@@ -1 +0,0 @@
-export * from './toaster';

package/types/components/tooltip/index.d.ts

@@ -1 +0,0 @@
-export * from './tooltip';

package/types/hooks/index.d.ts

@@ -1,4 +0,0 @@
-export * from './use-disable-body-scroll';
-export * from './use-esc-key-down';
-export * from './use-focus-trap';
-export * from './use-mount-transition';

package/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './lib';
-export * from './hooks';
-export * from './components';

package/types/lib/index.d.ts

@@ -1,3 +0,0 @@
-export * from './keyboard-keys';
-export * from './helpers';
-export * from './react-helpers';