@prismicio/editor-ui 0.4.57 → 0.4.58-alpha.repeatable-link-base.1

package/dist/components/ComboBox/ComboBox.d.ts

@@ -36,6 +36,14 @@ export interface ComboBoxProps {
      * Supports only "detached*" variants
      */
     overlay?: boolean;
+    /**
+     * Force no FormInput, to not display input borders twice.
+     * Useful when you want to add FormInputField over ComboBox manually
+     * ie. to display an error message or description.
+     * In the future, we should create FormComboBox component that wraps ComboBox into FormInputField.
+     * Tech debt ticket: https://linear.app/prismic/issue/PBD-1867/editor-ui-refactor-combobox-and-select-components
+     */
+    forceNoFormInput?: boolean;
 }
 export declare const ComboBox: (props: ComboBoxProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 interface ComboBoxContentProps {
@@ -73,6 +81,7 @@ export declare const ComboBoxItem: (props: ComboBoxItemProps & import("react").R
 interface ComboBoxInputProps {
     value: string;
     onValueChange: (search: string) => void;
+    id?: string;
     placeholder?: string;
     /**
      * Auto focuses the input when variant is "attached".
@@ -85,6 +94,7 @@ interface ComboBoxInputProps {
      */
     onFocus?: () => boolean;
     maxLength?: number;
+    startAdornment?: boolean;
     endAdornment?: boolean;
 }
 export declare const ComboBoxInput: (props: ComboBoxInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/dist/components/ComboBox/index.d.ts

@@ -1 +1 @@
-export { ComboBox, ComboboxAction, ComboBoxContent, ComboBoxInput, ComboBoxItem } from "./ComboBox";
+export { ComboBox, ComboboxAction, ComboBoxContent, ComboBoxInput, ComboBoxItem, } from "./ComboBox";

package/dist/components/Dialog/Dialog.d.ts

@@ -25,6 +25,7 @@ export interface DialogProps {
      */
     position?: "center" | "bottomRight" | "top";
     onPointerDownOutside?: RadixDialogContentProps["onPointerDownOutside"];
+    onOpenAutoFocus?: RadixDialogContentProps["onOpenAutoFocus"];
 }
 /**
  * A Dialog rendered in document.body.
@@ -40,7 +41,8 @@ export declare function DialogHeader(props: DialogHeaderProps): JSX.Element;
 interface DialogContentProps {
     children: ReactNode;
     padding?: 16;
-    gap?: 0 | 12;
+    paddingInline?: 8;
+    gap?: 0 | 12 | 16;
 }
 export declare function DialogContent(props: DialogContentProps): JSX.Element;
 export declare function DialogActions(props: {

package/dist/components/Dialog/Options/DialogOptions.d.ts

@@ -23,12 +23,12 @@ export interface DialogOptionsProps {
      */
     footer?: ReactNode;
 }
-export declare const DialogOptions: ({ value, onValueChange, children, width, padding, footer }: DialogOptionsProps) => JSX.Element;
+export declare const DialogOptions: ({ value, onValueChange, children, width, padding, footer, }: DialogOptionsProps) => JSX.Element;
 interface DialogOptionsItemProps {
     value: string;
     icon?: IconName;
     title?: string;
     subtitle?: string;
 }
-export declare const DialogOptionsItem: ({ value, icon, title, subtitle }: DialogOptionsItemProps) => JSX.Element;
+export declare const DialogOptionsItem: ({ value, icon, title, subtitle, }: DialogOptionsItemProps) => JSX.Element;
 export {};

package/dist/components/Dialog/index.d.ts

@@ -1,2 +1,2 @@
-export { Dialog, DialogActionButton, DialogActionLink, DialogActions, DialogCancelButton, DialogContent, DialogHeader, type DialogProps } from "./Dialog";
+export { Dialog, DialogActionButton, DialogActionLink, DialogActions, DialogCancelButton, DialogContent, DialogHeader, type DialogProps, } from "./Dialog";
 export { DialogOptions, DialogOptionsItem } from "./Options/DialogOptions";

package/dist/components/DropdownMenu/index.d.ts

@@ -1 +1 @@
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger } from "./DropdownMenu";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, } from "./DropdownMenu";

package/dist/components/Field/Field.d.ts

@@ -6,6 +6,7 @@ export interface FieldProps {
     labelPosition?: "top" | "side";
     selected?: boolean;
     onMouseOverChange?: (isMouseOver: boolean) => void;
+    variant?: "normal" | "compact";
 }
 export declare const Field: (props: FieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 interface FieldIconProps {

package/dist/components/Field/Field.stories.d.ts

@@ -14,6 +14,12 @@ declare const meta: {
             };
             options: string[];
         };
+        variant: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
     };
 };
 export default meta;

package/dist/components/Field/index.d.ts

@@ -1 +1 @@
-export { Field, FieldControl, FieldFooter, FieldIcon, FieldLabel } from "./Field";
+export { Field, FieldControl, FieldFooter, FieldIcon, FieldLabel, } from "./Field";

package/dist/components/FieldSet/FieldSet.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+type Variant = "normal" | "compact";
 export interface FieldSetProps {
     children?: ReactNode;
     selected?: boolean;
@@ -10,5 +11,7 @@ export interface FieldSetProps {
      * Additional content to be displayed in the header.
      */
     header?: ReactNode;
+    variant?: Variant;
 }
 export declare function FieldSet(props: FieldSetProps): JSX.Element;
+export {};

package/dist/components/Form/Form.d.ts

@@ -1,8 +1,9 @@
-import type { ReactNode } from "react";
+import type { FormEventHandler, ReactNode } from "react";
 import type { SX } from "../../theme";
 export interface FormProps {
+    id?: string;
     children?: ReactNode;
     sx?: SX;
-    onSubmit: () => void;
+    onSubmit?: FormEventHandler<HTMLFormElement>;
 }
 export declare function Form(props: FormProps): JSX.Element;

package/dist/components/Form/Form.stories.d.ts

@@ -14,9 +14,10 @@ declare const meta: {
 export default meta;
 export declare const Default: {
     render: (args: {
+        id?: string | undefined;
         children?: import("react").ReactNode;
         sx?: import("../../theme").SX | undefined;
-        onSubmit: () => void;
+        onSubmit?: import("react").FormEventHandler<HTMLFormElement> | undefined;
     }) => JSX.Element;
     args: {};
     name: string;

package/dist/components/Form/FormField.d.ts

@@ -1,25 +1,38 @@
 import { type ReactNode } from "react";
 import type { SX } from "../../theme";
-export type FormFieldProps = {
+export interface FormFieldProps {
     children?: ReactNode;
     error?: boolean | string;
     description?: string;
+    descriptionPosition?: "top" | "bottom";
     sx?: SX;
-};
+    id?: string;
+}
+/**
+ * A field with a description and optional error message.
+ */
 export declare const FormField: (props: FormFieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 type LabelProps = {
     label: string;
-    id: string;
 } | object;
 export type RoundedSide = "all" | "top" | "bottom";
 export type FormInputFieldProps = {
-    children?: ReactNode;
-    error?: boolean | string;
-    description?: string;
     disabled?: boolean;
     size?: "small" | "medium" | "large";
-    sx?: SX;
     roundedSide?: RoundedSide;
-} & LabelProps;
+    /**
+     * Providing an id to both FormInputField and an Input field
+     * allows to connect the input to an error message (via aria-errormessage).
+     */
+    id?: string;
+} & LabelProps & FormFieldProps;
+/**
+ * A field with a label, description and optional error message.
+ */
 export declare const FormInputField: (props: FormInputFieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+interface AnimatedFormErrorProps {
+    error?: string | boolean;
+    id?: string;
+}
+export declare function AnimatedFormError(props: AnimatedFormErrorProps): JSX.Element;
 export {};

package/dist/components/Form/FormFieldError.d.ts

@@ -1,8 +1,7 @@
 import { type ReactNode } from "react";
-import type { SX } from "../../theme";
 type FormFieldErrorProps = {
     children: ReactNode;
-    sx: SX;
+    id?: string;
 };
 export declare function FormFieldError(props: FormFieldErrorProps): JSX.Element;
 export {};

package/dist/components/Form/FormInput.d.ts

@@ -15,7 +15,8 @@ export interface FormInputProps extends Pick<FormInputFieldProps, "disabled" | "
     prefix?: ReactNode;
     prefixTooltip?: string;
     suffix?: ReactNode;
+    maxLength?: number;
 }
-export declare function FormInput(props: FormInputProps): JSX.Element;
+export declare const FormInput: (props: FormInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 type AutoCompleteValue = "username" | "current-password";
 export {};

package/dist/components/Form/FormSearchInput.d.ts

@@ -10,6 +10,7 @@ export interface FormSearchInputProps extends Pick<FormInputFieldProps, "disable
     role?: AriaRole;
     onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
+    startAdornment?: boolean;
     endAdornment?: boolean;
     autoFocus?: boolean;
 }

package/dist/components/Form/index.d.ts

@@ -1,6 +1,6 @@
 export { Form } from "./Form";
 export { FormDateInput } from "./FormDateInput";
-export { FormField, FormInputField } from "./FormField";
-export { FormInput } from "./FormInput";
+export { AnimatedFormError, FormField, FormInputField } from "./FormField";
+export { FormInput, type FormInputProps } from "./FormInput";
 export { FormSearchInput } from "./FormSearchInput";
 export { InlineLabel } from "./InlineLabel";

package/dist/components/HeaderTabLink/HeaderTabLink.d.ts

@@ -2,7 +2,8 @@ interface Props {
     text: string;
     selected: boolean;
     disabled?: boolean;
-    renderLink: (children: JSX.Element) => JSX.Element;
+    renderLink?: (children: JSX.Element) => JSX.Element;
+    onClick?: () => void;
 }
 export declare function HeaderTabLink(props: Props): JSX.Element;
 export {};

package/dist/components/Icon/iconNames.d.ts

@@ -1,2 +1,2 @@
-export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
 export type IconName = typeof iconNames[number];

package/dist/components/IconButton/IconButton.d.ts

@@ -12,6 +12,7 @@ export interface IconButtonProps {
     size?: "small" | "medium" | "large";
     variant?: "solid" | "ghost";
     disabled?: boolean;
+    type?: "button";
     onClick?: (event: MouseEvent | KeyboardEvent) => void;
     onMouseDown?: (event: MouseEvent) => void;
     onMouseUp?: (event: MouseEvent) => void;

package/dist/components/MediaCard/index.d.ts

@@ -1 +1 @@
-export { getProgressPropsFromMediaStatus, MediaCard, MediaCardPlaceholder } from "./MediaCard";
+export { getProgressPropsFromMediaStatus, MediaCard, MediaCardPlaceholder, } from "./MediaCard";

package/dist/components/OverflowContainer/OverflowContainer.d.ts

@@ -15,7 +15,7 @@ interface OverflowItemProps {
 }
 export declare function OverflowItem(props: OverflowItemProps): JSX.Element;
 interface OverflowAdornmentProps {
-    adornment: ({ numberOfVisibleItems }: {
+    adornment: ({ numberOfVisibleItems, }: {
         numberOfVisibleItems: number;
     }) => ReactNode;
 }

package/dist/components/OverflowContainer/OverflowContainer.stories.d.ts

@@ -13,7 +13,7 @@ declare const meta: {
     };
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
         children: import("react").ReactNode[];
-        gap?: (0 | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120) | undefined;
+        gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120) | undefined;
     }>) => JSX.Element)[];
 };
 export default meta;

package/dist/components/OverflowContainer/index.d.ts

@@ -1 +1 @@
-export { OverflowContainer, OverflowEndAdornment, OverflowItem } from "./OverflowContainer";
+export { OverflowContainer, OverflowEndAdornment, OverflowItem, } from "./OverflowContainer";

package/dist/components/ProgressCircle/ProgressCircle.d.ts

@@ -11,4 +11,4 @@ export interface ProgressCircleProps {
  * Follow MUI animation.
  * See: https://github.com/mui/material-ui/tree/b4c2e4ecb8dfec0432f9f55778cd90e10c5be5d7/packages/mui-material/src/CircularProgress
  */
-export declare function ProgressCircle({ color }: ProgressCircleProps): JSX.Element;
+export declare function ProgressCircle({ color, }: ProgressCircleProps): JSX.Element;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -3,6 +3,7 @@ import type { SX } from "../../theme";
 export interface SearchInputProps {
     value: string;
     onValueChange: (value: string) => void;
+    id?: string;
     placeholder?: string;
     maxLength?: number;
     isLoading?: boolean;
@@ -10,6 +11,7 @@ export interface SearchInputProps {
     role?: AriaRole;
     onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
+    startAdornment?: boolean;
     endAdornment?: boolean;
     /**
      * AutoFocus can cause assesibilty issues when used, especially in forms.

package/dist/components/Select/Select.d.ts

@@ -51,4 +51,10 @@ interface SelectItemProps {
     value: string;
 }
 export declare function SelectItem(props: SelectItemProps): JSX.Element;
+interface SelectFooterActionProps {
+    onClick: () => void;
+    iconName: IconName;
+    label: string;
+}
+export declare function SelectFooterAction(props: SelectFooterActionProps): JSX.Element;
 export {};

package/dist/components/Select/index.d.ts

@@ -1,2 +1,2 @@
-export { Select, SelectItem } from "./Select";
+export { Select, SelectFooterAction, SelectItem } from "./Select";
 export { SelectGhostTrigger } from "./SelectGhostTrigger";

package/dist/components/Skeleton/Skeleton.d.ts

@@ -3,7 +3,7 @@ import type { SX, ThemeKeys } from "../../theme";
 export interface Props {
     component?: "span";
     borderRadius?: ThemeKeys<"borderRadius", 0 | 4 | 6 | 12 | "100%">;
-    color?: ThemeKeys<"color", "grey1" | "grey5">;
+    color?: ThemeKeys<"color", "grey1" | "grey5" | "purple5">;
     width?: number | string;
     height?: number | string;
     /**
@@ -31,20 +31,20 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
         flexShrink?: 0 | undefined;
         flexBasis?: 0 | undefined;
         flexWrap?: "wrap" | undefined;
-        order?: 0 | 1 | 2 | 3 | undefined;
-        alignSelf?: "center" | "end" | "stretch" | "start" | undefined;
-        justifySelf?: "center" | "end" | "stretch" | "start" | undefined;
+        order?: 0 | 2 | 1 | 3 | undefined;
+        alignSelf?: "center" | "stretch" | "start" | "end" | undefined;
+        justifySelf?: "center" | "stretch" | "start" | "end" | undefined;
         visibility?: "hidden" | "visible" | undefined;
         position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
-        marginLeft?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        marginRight?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        marginTop?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        marginBottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        marginInline?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        marginBlock?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        top?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        left?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        right?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
-        bottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
+        marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
     };
 }, HTMLElement>;

package/dist/components/Skeleton/Skeleton.stories.d.ts

@@ -38,7 +38,7 @@ export declare const Default: {
     render: (args: {
         component?: "span" | undefined;
         borderRadius?: 0 | "100%" | 4 | 6 | 12 | undefined;
-        color?: "grey1" | "grey5" | undefined;
+        color?: "grey1" | "grey5" | "purple5" | undefined;
         width?: string | number | undefined;
         height?: string | number | undefined;
         children?: import("react").ReactNode;

package/dist/components/Table/index.d.ts

@@ -1 +1 @@
-export { Table, TableBody, TableCell, TableHead, type TableProps, TableRow } from "./Table";
+export { Table, TableBody, TableCell, TableHead, type TableProps, TableRow, } from "./Table";

package/dist/components/TagField/TagFieldHeader.d.ts

@@ -18,5 +18,5 @@ interface TagsContainerProps {
     removeSelectedValue: (valueToDelete: string | LastItemLocation) => void;
     open: boolean;
 }
-export declare function TagFieldHeaderContent({ displayedTags, extraTags, removeSelectedValue, open }: TagsContainerProps): JSX.Element;
+export declare function TagFieldHeaderContent({ displayedTags, extraTags, removeSelectedValue, open, }: TagsContainerProps): JSX.Element;
 export {};

package/dist/components/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import { type AnchorHTMLAttributes, type ReactNode } from "react";
+import { type AnchorHTMLAttributes, type AriaRole, type ReactNode } from "react";
 import { type SX, type ThemeKeys } from "../../theme";
 interface BaseTextProps {
     display?: "inline-flex";
@@ -20,6 +20,16 @@ interface BaseTextProps {
     title?: string;
     hyphens?: boolean;
     overflowWrap?: "anywhere";
+    /**
+     * Standard HTML id attribute
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+     */
+    id?: string;
+    /**
+     * Standard ARIA role attribute
+     * https://www.w3.org/TR/wai-aria-1.1/#role_definitions
+     */
+    role?: AriaRole;
 }
 interface LinkProps extends BaseTextProps {
     href: string;

package/dist/components/Toast/ToastContext.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren, type ReactNode } from "react";
 import type { IconName } from "../Icon";
-export interface ToastConfig {
+interface ToastConfig {
     variant?: "inline" | "card";
     anchor?: ReactNode;
     title: ReactNode;

package/dist/components/Toast/index.d.ts

@@ -1,2 +1,2 @@
 export { Toast } from "./Toast";
-export { type ToastConfig, ToastProvider, useToast } from "./ToastContext";
+export { ToastProvider, useToast } from "./ToastContext";

package/dist/components/ToggleButton/ToggleButton.stories.d.ts

@@ -20,13 +20,13 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         endIcon: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
     };
 };

package/dist/components/Toolbar/index.d.ts

@@ -1 +1 @@
-export { Toolbar, ToolbarButton, ToolbarButtonGroup, ToolbarSelect, ToolbarSelectItem, ToolbarSeparator, ToolbarToggleButton, ToolbarToggleButtonGroup, ToolbarToggleButtonGroupItem } from "./Toolbar";
+export { Toolbar, ToolbarButton, ToolbarButtonGroup, ToolbarSelect, ToolbarSelectItem, ToolbarSeparator, ToolbarToggleButton, ToolbarToggleButtonGroup, ToolbarToggleButtonGroupItem, } from "./Toolbar";

package/dist/components/Video/Video.stories.d.ts

@@ -22,7 +22,7 @@ export declare const Default: {
         src: string;
         loop?: boolean | undefined;
         autoPlay?: boolean | undefined;
-        sizing?: "none" | "contain" | "cover" | undefined;
+        sizing?: "contain" | "none" | "cover" | undefined;
         borderRadius?: 0 | 4 | undefined;
         boxShadow?: "3" | undefined;
         animateOnLoad?: boolean | undefined;

package/dist/components/Window/index.d.ts

@@ -1 +1 @@
-export { Window, WindowFrame, WindowTabs, WindowTabsContent, WindowTabsList, WindowTabsTrigger } from "./Window";
+export { Window, WindowFrame, WindowTabs, WindowTabsContent, WindowTabsList, WindowTabsTrigger, } from "./Window";