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

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/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/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/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/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;