@ptbdynamic/plinth 0.0.0-stage → 0.2.0

package/packages/react/dist/data-table.d.ts

@@ -0,0 +1,15 @@
+/** The sort states of a sortable column, as aria-sort takes them. `none` is the default. */
+export declare const dataTableSorts: readonly ["none", "ascending", "descending"];
+export type DataTableSort = (typeof dataTableSorts)[number];
+/** A sort from the list, or `none` when it is not one of them. */
+export declare function dataTableSort(value: string | undefined): DataTableSort;
+/** What a cell is on a phone's card: a labelled field (the default), its title, or its actions. */
+export declare const dataTableCellKinds: readonly ["field", "title", "actions"];
+export type DataTableCellKind = (typeof dataTableCellKinds)[number];
+/** A kind from the list, or `field` when it is not one of them. */
+export declare function dataTableCellKind(value: string | undefined): DataTableCellKind;
+/**
+ * The sort button's icon: an arrow up and an arrow down; the column's aria-sort decides which
+ * of them show. Blade's sort button prints the same markup.
+ */
+export declare const dataTableSortIcon = "<span class=\"plinth-icon plinth-data-table-sort-icon\" data-size=\"sm\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path class=\"plinth-data-table-sort-up\" d=\"M8 9l4-4 4 4\"></path><path class=\"plinth-data-table-sort-down\" d=\"M8 15l4 4 4-4\"></path></svg></span>";

package/packages/react/dist/dialog.d.ts

@@ -0,0 +1,10 @@
+/**
+ * How the dialog shows below 768px: `center` (the default, printed as no attribute) or `bottom`,
+ * a bottom sheet. From 768px up every dialog is centred.
+ */
+export declare const dialogSidePhones: readonly ["center", "bottom"];
+export type DialogSidePhone = (typeof dialogSidePhones)[number];
+/** A side from the list, or `center` when it is not one of them. */
+export declare function dialogSidePhone(value: string | undefined): DialogSidePhone;
+/** The close button's icon, the same cross as the sheet's. Blade's dialog prints the same markup. */
+export declare const dialogCloseIcon = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg>";

package/packages/react/dist/drawer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The drawer's presentation from 768px up: `dialog` (the default), centred like the dialog, or
+ * `sheet`, a panel on the inline-end edge like the sheet.
+ */
+export declare const drawerDesktops: readonly ["dialog", "sheet"];
+export type DrawerDesktop = (typeof drawerDesktops)[number];
+/** A presentation from the list, or `dialog` when it is not one of them. */
+export declare function drawerDesktop(value: string | undefined): DrawerDesktop;
+/** Where a drawer can rest on a phone, smallest first: a peek, half the screen, or all of it. */
+export declare const drawerSnaps: readonly ["peek", "half", "full"];
+export type DrawerSnap = (typeof drawerSnaps)[number];
+/**
+ * The snap points from a list or a string of them separated by spaces: the known ones, each once,
+ * smallest first. Empty when there are none (a drawer as tall as its content).
+ */
+export declare function drawerSnapPoints(value: readonly string[] | string | undefined): DrawerSnap[];
+/** The snap point it opens at: `snap` when it is one of `points`, else the largest of them. */
+export declare function drawerSnap(snap: string | undefined, points: DrawerSnap[]): DrawerSnap | undefined;
+/** The close button's icon, the same cross as the sheet's. Blade's drawer prints the same markup. */
+export declare const drawerCloseIcon = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg>";

package/packages/react/dist/heading.d.ts

@@ -0,0 +1,5 @@
+/** The heading levels a component's heading can take. `h2` is the default. */
+export declare const headingLevels: readonly ["h2", "h3", "h4", "h5", "h6"];
+export type HeadingLevel = (typeof headingLevels)[number];
+/** A level from the list, or `h2` when it is not one of them. */
+export declare function headingLevel(value: string | undefined): HeadingLevel;

package/packages/react/dist/icon.d.ts

@@ -0,0 +1,5 @@
+/** The icon sizes (16, 20 and 24 px), from the shared size scale. `md` is the default. */
+export declare const iconSizes: readonly ["sm", "md", "lg"];
+export type IconSize = (typeof iconSizes)[number];
+/** A size from the list, or `md` when it is not one of them. */
+export declare function iconSize(value: string | undefined): IconSize;

package/packages/react/dist/index.d.ts

@@ -0,0 +1,49 @@
+export { PlinthAvatar, type PlinthAvatarProps } from './PlinthAvatar';
+export { PlinthBadge, type PlinthBadgeProps } from './PlinthBadge';
+export { PlinthButton, type PlinthButtonProps } from './PlinthButton';
+export { PlinthCallout, type PlinthCalloutProps } from './PlinthCallout';
+export { PlinthCodeBlock, type PlinthCodeBlockProps } from './PlinthCodeBlock';
+export { PlinthConfirmDialog, type PlinthConfirmDialogProps } from './PlinthConfirmDialog';
+export { PlinthDataTable, type PlinthDataTableProps } from './PlinthDataTable';
+export { PlinthDataTableCell, type PlinthDataTableCellProps } from './PlinthDataTableCell';
+export { PlinthDataTableColumn, type PlinthDataTableColumnProps } from './PlinthDataTableColumn';
+export { PlinthDataTableEmpty, type PlinthDataTableEmptyProps } from './PlinthDataTableEmpty';
+export { PlinthDataTableRow, type PlinthDataTableRowProps } from './PlinthDataTableRow';
+export { PlinthDataTableSort, type PlinthDataTableSortProps } from './PlinthDataTableSort';
+export { PlinthDialog, type PlinthDialogProps } from './PlinthDialog';
+export { PlinthDrawer, type PlinthDrawerProps } from './PlinthDrawer';
+export { PlinthIcon, type PlinthIconProps } from './PlinthIcon';
+export { PlinthIconButton, type PlinthIconButtonProps } from './PlinthIconButton';
+export { PlinthListCard, type PlinthListCardProps } from './PlinthListCard';
+export { PlinthListRow, type PlinthListRowProps } from './PlinthListRow';
+export { PlinthMenu, type PlinthMenuProps } from './PlinthMenu';
+export { PlinthMenuGroup, type PlinthMenuGroupProps } from './PlinthMenuGroup';
+export { PlinthMenuItem, type PlinthMenuItemProps } from './PlinthMenuItem';
+export { PlinthMenuSeparator, type PlinthMenuSeparatorProps } from './PlinthMenuSeparator';
+export { PlinthMenuSheet, type PlinthMenuSheetProps } from './PlinthMenuSheet';
+export { PlinthPageHeader, type PlinthPageHeaderProps } from './PlinthPageHeader';
+export { PlinthPill, type PlinthPillProps } from './PlinthPill';
+export { PlinthPillRow, type PlinthPillRowProps } from './PlinthPillRow';
+export { PlinthSectionMenu, type PlinthSectionMenuProps } from './PlinthSectionMenu';
+export { PlinthSectionMenuItem, type PlinthSectionMenuItemProps } from './PlinthSectionMenuItem';
+export { PlinthSheet, type PlinthSheetProps } from './PlinthSheet';
+export { PlinthTextarea, type PlinthTextareaProps } from './PlinthTextarea';
+export { PlinthTextField, type PlinthTextFieldProps } from './PlinthTextField';
+export { avatarGlyph, avatarSizes, initialsFrom, type AvatarSize } from './avatar';
+export { buttonVariants, type ButtonVariant, type InvokerCommand, type InvokerCommandProps, } from './button';
+export { calloutIcons, calloutRole, calloutRoles, calloutTone, calloutTones, type CalloutRole, type CalloutTone, } from './callout';
+export { type CodeBlockTab } from './code-block';
+export { confirmDialogFieldLabels, confirmDialogKind, confirmDialogKinds, confirmDialogPattern, confirmDialogTone, confirmDialogTones, type ConfirmDialogKind, type ConfirmDialogTone, } from './confirm-dialog';
+export { dataTableCellKind, dataTableCellKinds, dataTableSort, dataTableSortIcon, dataTableSorts, type DataTableCellKind, type DataTableSort, } from './data-table';
+export { dialogCloseIcon, dialogSidePhone, dialogSidePhones, type DialogSidePhone } from './dialog';
+export { headingLevel, headingLevels, type HeadingLevel } from './heading';
+export { controlSizes, iconSizeFor, resolveSize, sizes, type ControlSize, type Size } from './size';
+export { iconSizes, type IconSize } from './icon';
+export { listRowChevron } from './list-row';
+export { MenuIdContext, menuItemTone, menuItemTones, type MenuItemTone } from './menu';
+export { pageHeaderLevel, pageHeaderLevels, type PageHeaderLevel } from './page-header';
+export { drawerCloseIcon, drawerDesktop, drawerDesktops, drawerSnap, drawerSnapPoints, drawerSnaps, type DrawerDesktop, type DrawerSnap, } from './drawer';
+export { swipeToClose, useSwipeToClose } from './swipe';
+export { fieldDescribedBy, textFieldSize, textFieldSizes, type TextFieldSize } from './text-field';
+export { sheetCloseIcon, sheetSide, sheetSidePhone, sheetSides, type SheetSide } from './sheet';
+export { tones, type Tone } from './tones';