@prismicio/editor-ui 0.4.26 → 0.4.28

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,16 @@
+import { type AccordionItemProps as ItemProps, type AccordionMultipleProps as RootMultipleProps, type AccordionSingleProps as RootSingleProps } from "@radix-ui/react-accordion";
+export type AccordionProps = Omit<RootMultipleProps, "type" | "value" | "defaultValue" | "onValueChange"> & {
+    type: RootMultipleProps["type"] | RootSingleProps["type"];
+    expanded?: RootMultipleProps["value"];
+    defaultExpanded?: RootMultipleProps["defaultValue"];
+    onExpandedChange?: RootMultipleProps["onValueChange"];
+};
+export declare function Accordion(props: AccordionProps): JSX.Element;
+type AccordionItemState = {
+    isExpanded: boolean;
+};
+type AccordionItemProps = Omit<ItemProps, "children"> & {
+    children?: ItemProps["children"] | ((state: AccordionItemState) => ItemProps["children"]);
+};
+export declare function AccordionItem(props: AccordionItemProps): JSX.Element;
+export {};

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

@@ -0,0 +1,33 @@
+import type { StoryObj } from "@storybook/react";
+import { Accordion } from "./Accordion";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: typeof Accordion;
+    argTypes: {
+        children: {
+            control: {
+                disable: boolean;
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        expanded: {
+            control: {
+                disable: boolean;
+            };
+        };
+        defaultExpanded: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Controlled: Story;
+export declare const Uncontrolled: Story;

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

@@ -0,0 +1,3 @@
+export { Accordion, AccordionItem, type AccordionProps } from "./Accordion";
+export { useAccordion } from "./useAccordion";
+export { AccordionContent, AccordionHeader, AccordionTrigger } from "@radix-ui/react-accordion";

package/dist/components/Accordion/useAccordion.d.ts

@@ -0,0 +1,18 @@
+type UseAccordionType = "single" | "multiple";
+type UseAccordionArgs = {
+    type: UseAccordionType;
+    defaultExpanded?: string[];
+};
+type UseAccordionValue = {
+    type: UseAccordionType;
+    expanded: string[];
+    expand: (expanded: string | string[]) => void;
+    collapse: (expanded: string | string[]) => void;
+    accordionProps: {
+        type: UseAccordionType;
+        expanded: string[];
+        onExpandedChange: (expanded: string[]) => void;
+    };
+};
+export declare function useAccordion(args: UseAccordionArgs): UseAccordionValue;
+export {};

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

@@ -7,7 +7,7 @@ declare const meta: {
     argTypes: {
         icon: {
             control: string;
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
         color: {
             control: string;

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

@@ -8,7 +8,7 @@ export default meta;
 export declare const Default: {
     render: (args: {
         ariaLabel: string;
-        gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        gap?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
         direction?: "horizontal" | "vertical" | undefined;
         items: unknown[];
         getItemKey: (item: unknown) => string;

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

@@ -13,7 +13,7 @@ declare const meta: {
 export default meta;
 export declare const Default: {
     render: (args: {
-        as?: "article" | "div" | "form" | "header" | "nav" | "ol" | "span" | "ul" | undefined;
+        as?: "div" | "form" | "nav" | "ol" | "span" | "ul" | "article" | "header" | undefined;
         children?: import("react").ReactNode;
         position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
         top?: string | number | undefined;
@@ -38,13 +38,13 @@ export declare const Default: {
             duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
             delay?: string | undefined;
         } | undefined;
-        padding?: (0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | {
-            block?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            inline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        padding?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | {
+            block?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            inline?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            top?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            bottom?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            left?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            right?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
         }) | undefined;
         border?: (boolean | {
             top?: boolean | undefined;
@@ -52,24 +52,24 @@ export declare const Default: {
             left?: boolean | undefined;
             right?: boolean | undefined;
         }) | undefined;
-        borderRadius?: (0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | {
-            topLeft?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
-            topRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
-            bottomLeft?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
-            bottomRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
+        borderRadius?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | {
+            topLeft?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
+            topRight?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
+            bottomLeft?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
+            bottomRight?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
         }) | undefined;
         borderStyle?: "none" | "dashed" | "solid" | undefined;
         borderColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
-        boxShadow?: "1" | "2" | "4" | "none" | "3" | "-1" | "purpleFocus" | "ghostFocus" | "greenFocus" | "amberFocus" | "tomatoFocus" | "gradient" | "greyFocus" | "cropper" | "windowTabs" | undefined;
+        boxShadow?: "none" | "1" | "2" | "4" | "3" | "-1" | "purpleFocus" | "ghostFocus" | "greenFocus" | "amberFocus" | "tomatoFocus" | "gradient" | "greyFocus" | "cropper" | undefined;
         backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
         opacity?: 0 | 1 | 0.1 | 0.3 | 0.4 | 0.5 | 0.6 | 0.8 | 0.9 | undefined;
         visibility?: "hidden" | "visible" | undefined;
-        overflowY?: "auto" | "hidden" | undefined;
+        overflowY?: "hidden" | "auto" | undefined;
         overflow?: "hidden" | undefined;
         gridColumn?: string | undefined;
         gridRow?: string | undefined;
         transform?: import("csstype").Property.Transform | undefined;
-        gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        gap?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
         alignItems?: "center" | "flex-start" | undefined;
         justifyContent?: "center" | "end" | "space-between" | undefined;
         display: "grid";
@@ -79,7 +79,7 @@ export declare const Default: {
         ref?: import("react").Ref<HTMLElement> | undefined;
         key?: import("react").Key | null | undefined;
     } | {
-        as?: "article" | "div" | "form" | "header" | "nav" | "ol" | "span" | "ul" | undefined;
+        as?: "div" | "form" | "nav" | "ol" | "span" | "ul" | "article" | "header" | undefined;
         children?: import("react").ReactNode;
         position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
         top?: string | number | undefined;
@@ -104,13 +104,13 @@ export declare const Default: {
             duration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
             delay?: string | undefined;
         } | undefined;
-        padding?: (0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | {
-            block?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            inline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-            right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        padding?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | {
+            block?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            inline?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            top?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            bottom?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            left?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+            right?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
         }) | undefined;
         border?: (boolean | {
             top?: boolean | undefined;
@@ -118,28 +118,28 @@ export declare const Default: {
             left?: boolean | undefined;
             right?: boolean | undefined;
         }) | undefined;
-        borderRadius?: (0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | {
-            topLeft?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
-            topRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
-            bottomLeft?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
-            bottomRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
+        borderRadius?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | {
+            topLeft?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
+            topRight?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
+            bottomLeft?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
+            bottomRight?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
         }) | undefined;
         borderStyle?: "none" | "dashed" | "solid" | undefined;
         borderColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
-        boxShadow?: "1" | "2" | "4" | "none" | "3" | "-1" | "purpleFocus" | "ghostFocus" | "greenFocus" | "amberFocus" | "tomatoFocus" | "gradient" | "greyFocus" | "cropper" | "windowTabs" | undefined;
+        boxShadow?: "none" | "1" | "2" | "4" | "3" | "-1" | "purpleFocus" | "ghostFocus" | "greenFocus" | "amberFocus" | "tomatoFocus" | "gradient" | "greyFocus" | "cropper" | undefined;
         backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
         opacity?: 0 | 1 | 0.1 | 0.3 | 0.4 | 0.5 | 0.6 | 0.8 | 0.9 | undefined;
         visibility?: "hidden" | "visible" | undefined;
-        overflowY?: "auto" | "hidden" | undefined;
+        overflowY?: "hidden" | "auto" | undefined;
         overflow?: "hidden" | undefined;
         gridColumn?: string | undefined;
         gridRow?: string | undefined;
         transform?: import("csstype").Property.Transform | undefined;
-        gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        gap?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
         alignItems?: "center" | "flex-start" | undefined;
         justifyContent?: "center" | "end" | "space-between" | undefined;
         display?: "flex" | "inline-flex" | undefined;
-        flexDirection?: "column" | "row" | undefined;
+        flexDirection?: "row" | "column" | undefined;
         gridTemplateColumns?: undefined;
         gridTemplateRows?: undefined;
         ref?: import("react").Ref<HTMLElement> | undefined;

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

@@ -8,7 +8,7 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
     };
 };
@@ -24,8 +24,8 @@ export declare const Default: {
         flexContent?: boolean | undefined;
         textWeight?: "bold" | "normal" | undefined;
         sx?: import("../../theme/new").SX | undefined;
-        startIcon?: "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
-        endIcon?: "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+        startIcon?: "label" | "code" | "link" | "image" | "search" | "alert" | "visibility" | "description" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+        endIcon?: "label" | "code" | "link" | "image" | "search" | "alert" | "visibility" | "description" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
         renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;

package/dist/components/Card/Card.d.ts

@@ -1,12 +1,13 @@
 import type { KeyboardEvent, MouseEvent, ReactNode } from "react";
-import type { SX } from "../../theme/new";
+import { type SX } from "../../theme/new";
 import { type TextProps } from "../Text";
 export interface CardProps {
     children?: ReactNode;
     color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1";
     variant?: "dashed" | "elevated" | "outlined" | "selected";
     radius?: 4 | 6;
-    paddingBlock?: 8 | 16;
+    paddingBlock?: 0 | 8 | 16 | 28;
+    paddingInline?: 16 | 24;
     onSelect?: (event: MouseEvent | KeyboardEvent) => void;
     sx?: SX;
 }
@@ -34,6 +35,11 @@ interface CardContentProps {
 export declare function CardContent(props: CardContentProps): JSX.Element;
 interface CardFooterProps {
     children?: ReactNode;
+    /**
+     * Determines if the footer should have padding.
+     * @default true
+     */
+    hasPadding?: boolean;
     sx?: SX;
 }
 export declare function CardFooter(props: CardFooterProps): JSX.Element;

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

@@ -36,7 +36,8 @@ export declare const Default: {
         color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1" | undefined;
         variant?: "dashed" | "selected" | "elevated" | "outlined" | undefined;
         radius?: 4 | 6 | undefined;
-        paddingBlock?: 8 | 16 | undefined;
+        paddingBlock?: 0 | 8 | 16 | 28 | undefined;
+        paddingInline?: 16 | 24 | undefined;
         onSelect?: ((event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void) | undefined;
         sx?: import("../../theme/new").SX | undefined;
     }) => JSX.Element;

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

@@ -8,9 +8,9 @@ export declare const Default: import("@storybook/types").StoryAnnotations<import
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     tabIndex?: number | undefined;
 }, {
-    disabled?: boolean | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     tabIndex?: number | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    disabled?: boolean | undefined;
     checked?: boolean | undefined;
     onCheckedChange?: ((checked: boolean) => void) | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    image?: string | undefined;
     zoom: number;
     crop: import("react-easy-crop").Point;
-    image?: string | undefined;
     aspect: number;
     onZoomChange?: ((zoom: number) => void) | undefined;
     onCropChange: (location: import("react-easy-crop").Point) => void;
@@ -11,9 +11,9 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
 export default _default;
 export declare const Default: {
     render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+        image?: string | undefined;
         zoom: number;
         crop: import("react-easy-crop").Point;
-        image?: string | undefined;
         aspect: number;
         onZoomChange?: ((zoom: number) => void) | undefined;
         onCropChange: (location: import("react-easy-crop").Point) => void;

package/dist/components/FileUpload/FileDropZone.d.ts

@@ -3,7 +3,6 @@ import { type MediaAssetType } from "./FileUpload.utils";
 export interface FileDropZoneProps {
     onFilesSelected: (files: File[]) => void;
     overlay: ReactNode;
-    overlayVariant?: "default" | "simple";
     assetType?: MediaAssetType;
     children?: ReactNode;
 }

package/dist/components/Group/Group.d.ts

@@ -1,11 +1,13 @@
 import type { ReactNode } from "react";
-export interface GroupProps<ITEM> {
+import { type AccordionProps } from "../Accordion";
+export type GroupProps<ITEM> = {
     items: ITEM[];
     title?: string;
     addItemButtonTitle?: string;
     maxItems?: number;
+    accordionType: AccordionProps["type"];
     getItemKey: (item: ITEM) => string;
     children: (item: ITEM, index: number) => ReactNode;
     onAddItem?: () => void;
-}
+} & Pick<AccordionProps, "expanded" | "onExpandedChange">;
 export declare function Group<ITEM>(props: GroupProps<ITEM>): JSX.Element;

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

@@ -1,6 +1,34 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { StoryObj } from "@storybook/react";
 import { Group } from "./Group";
 type Story = StoryObj<typeof meta>;
-declare const meta: Meta<typeof Group>;
+declare const meta: {
+    title: string;
+    component: typeof Group;
+    argTypes: {
+        children: {};
+        items: {
+            control: {
+                disable: boolean;
+            };
+        };
+        expanded: {
+            control: {
+                disable: boolean;
+            };
+        };
+        accordionType: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        addItemButtonTitle: {
+            control: {
+                type: string;
+            };
+        };
+        onAddItem: {};
+    };
+};
 export default meta;
 export declare const Default: Story;

package/dist/components/Group/GroupItem.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from "react";
 interface Props {
     index?: number;
     title?: string;
+    accordionValue: string;
     onMove?: (params: {
         index: number;
         offset: number;

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

@@ -1,2 +1,2 @@
-export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
+export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
 export type IconName = typeof iconNames[number];

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

@@ -6,7 +6,7 @@ export interface IconButtonProps {
     hiddenLabel?: string;
     icon: IconName | JSX.Element;
     loading?: boolean;
-    onClick?: () => void;
+    onClick?: (event: MouseEvent) => void;
     onMouseDown?: (event: MouseEvent) => void;
     onMouseUp?: (event: MouseEvent) => void;
     radius?: "full" | "medium";

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 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100) | undefined;
+        gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100) | undefined;
     }>) => JSX.Element)[];
 };
 export default meta;

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

@@ -25,16 +25,16 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
         justifySelf?: "center" | "stretch" | undefined;
         visibility?: "hidden" | "visible" | undefined;
         position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
-        marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        borderRadius?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
+        marginLeft?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginRight?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginTop?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginBottom?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginInline?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginBlock?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        top?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        left?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        right?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        bottom?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        borderRadius?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "100%" | undefined;
     };
 }, HTMLElement>;

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

@@ -37,7 +37,7 @@ export default meta;
 export declare const Default: {
     render: (args: {
         component?: "span" | undefined;
-        borderRadius?: 0 | "100%" | 4 | 6 | 12 | undefined;
+        borderRadius?: 0 | 4 | 6 | 12 | "100%" | undefined;
         color?: "grey1" | "grey5" | undefined;
         width?: string | number | undefined;
         height?: string | number | undefined;

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

@@ -1,7 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "onValueChange" | "step" | "min" | "max">>>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>>;
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "onValueChange" | "step" | "min" | "max">>>;
     args: {
         min: number;
         max: number;

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

@@ -5,6 +5,8 @@ export interface TableProps {
     columnLayout: string;
     isLoading?: boolean;
     isInteractive?: boolean;
+    border?: boolean;
+    radius?: boolean;
 }
 /**
  * Outer table component. This should wrap any table header and body in order to

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

@@ -13,10 +13,16 @@ interface BaseTextProps {
     underline?: boolean;
     highlight?: boolean;
     sx?: SX;
+    /**
+     * Standard HTML title attribute
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title
+     */
+    title?: string;
 }
 interface LinkProps extends BaseTextProps {
     href: string;
-    color?: "indigo11" | "purple11" | "tomato11" | "white";
+    color?: "indigo11" | "purple11" | "tomato11" | "white" | "grey11" | "grey12";
+    underline?: boolean;
     inline?: boolean;
     component?: "a";
     target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];

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

@@ -3,7 +3,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     anchor: React.ReactNode;
     open: boolean;
     onOpenChange?: ((open: boolean) => void) | undefined;
-    icon?: "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+    icon?: "label" | "code" | "link" | "image" | "search" | "alert" | "visibility" | "description" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
     loadingIndicator?: boolean | undefined;
     title: string;
     seconds?: number | undefined;
@@ -21,7 +21,7 @@ export declare const Default: {
         anchor: React.ReactNode;
         open: boolean;
         onOpenChange?: ((open: boolean) => void) | undefined;
-        icon?: "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+        icon?: "label" | "code" | "link" | "image" | "search" | "alert" | "visibility" | "description" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
         loadingIndicator?: boolean | undefined;
         title: string;
         seconds?: number | undefined;