@prismicio/editor-ui 0.4.44-new-codeblock-re-release.4 → 0.4.45

package/dist/components/ActionList/ActionList.d.ts

@@ -7,12 +7,14 @@ export interface ActionListProps extends PropsWithChildren {
     gap?: 0 | 8;
 }
 export declare function ActionList(props: ActionListProps): JSX.Element;
+type Color = "grey" | "tomato";
 export interface ActionListItemProps {
     children: ReactNode;
-    color?: "grey" | "tomato";
+    color?: Color;
     backgroundColor?: "grey" | "transparent";
     description?: ReactNode;
     disabled?: boolean;
+    selected?: boolean;
     endAdornment?: ReactNode;
     endIcon?: IconName;
     onClick?: (event: MouseEvent) => void;
@@ -28,3 +30,4 @@ export interface ActionListItemProps {
     completed?: boolean;
 }
 export declare const ActionListItem: import("react").ForwardRefExoticComponent<ActionListItemProps & import("react").RefAttributes<HTMLDivElement>>;
+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", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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", "viewDay", "visibility", "vue", "zoomOutMap"];
+            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", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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"];
         };
         color: {
             control: string;

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

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

package/dist/components/Badge/Badge.d.ts

@@ -3,8 +3,8 @@ import type { SX } from "../../theme";
 import { type IconName } from "../Icon";
 export interface BadgeProps {
     title: ReactNode;
-    color?: "grey" | "green" | "amber" | "purple" | "tomato";
-    size?: "large" | "medium";
+    color?: "grey" | "green" | "amber" | "purple" | "tomato" | "indigo";
+    size?: "large" | "medium" | "small";
     maxWidth?: 150 | 250;
     icon?: IconName;
     selected?: boolean;

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

@@ -59,9 +59,9 @@ export declare const Default: {
             bottomRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | 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" | 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;
+        borderColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "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" | "indigoFocus" | "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" | "indigo5" | "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;
@@ -125,9 +125,9 @@ export declare const Default: {
             bottomRight?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | 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" | 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;
+        borderColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "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" | "indigoFocus" | "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" | "indigo5" | "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;

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

@@ -5,11 +5,11 @@ import { type IconName } from "../Icon";
 export interface ButtonProps {
     children?: ReactNode;
     /** Note that white is only supported for the invisible button */
-    color?: "grey" | "purple" | "dark" | "tomato" | "amber" | "green" | "white";
+    color?: "grey" | "purple" | "dark" | "tomato" | "amber" | "green" | "white" | "indigo";
     size?: "small" | "medium" | "large";
     disabled?: boolean;
     loading?: boolean;
-    textColor?: "placeholder";
+    textColor?: "placeholder" | "link";
     /**
      * Whether to make the text (children) content of the Button take all the available space.
      * This can be useful when the Button's width is set from the outside instead of being "auto".

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", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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", "viewDay", "visibility", "vue", "zoomOutMap"];
+            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", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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"];
         };
     };
 };
@@ -16,16 +16,16 @@ export default meta;
 export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
-        color?: "green" | "grey" | "purple" | "tomato" | "white" | "dark" | "amber" | undefined;
+        color?: "dark" | "white" | "green" | "grey" | "indigo" | "purple" | "tomato" | "amber" | undefined;
         size?: "small" | "medium" | "large" | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        textColor?: "placeholder" | undefined;
+        textColor?: "link" | "placeholder" | undefined;
         flexContent?: boolean | undefined;
         textWeight?: "bold" | "normal" | undefined;
         sx?: import("../../theme").SX | undefined;
-        startIcon?: "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" | "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" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "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" | "viewDay" | "visibility" | "vue" | "zoomOutMap" | undefined;
-        endIcon?: "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" | "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" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "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" | "viewDay" | "visibility" | "vue" | "zoomOutMap" | undefined;
+        startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
+        endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
         renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         hotkeys?: import("react-hotkeys-hook").Keys | undefined;

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

@@ -34,7 +34,7 @@ export declare const Default: {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        color?: "grey" | "purple" | "dark" | undefined;
+        color?: "dark" | "grey" | "purple" | undefined;
         density?: "regular" | "compact" | undefined;
         sx?: import("../../theme").SX | undefined;
         ref?: import("react").Ref<HTMLDivElement> | undefined;

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

@@ -1,4 +1,4 @@
-import type { KeyboardEvent, MouseEvent, ReactNode } from "react";
+import { type KeyboardEvent, type MouseEvent, type ReactNode } from "react";
 import { type SX } from "../../theme";
 import { type ImageProps } from "../Image";
 import { type TextProps } from "../Text";
@@ -36,7 +36,10 @@ interface CardContentProps {
     padding?: 0 | 32;
 }
 export declare function CardContent(props: CardContentProps): JSX.Element;
-export declare function CardImage(props: ImageProps): JSX.Element;
+interface CardImageProps extends ImageProps {
+    height: 280;
+}
+export declare function CardImage(props: CardImageProps): JSX.Element;
 interface CardFooterProps {
     children?: ReactNode;
     /**

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

@@ -1,2 +1,2 @@
-export { Card, CardContent, CardFooter, CardHeader, CardHeaderActions, CardHeaderTitle } from "./Card";
+export { Card, CardContent, CardFooter, CardHeader, CardHeaderActions, CardHeaderTitle, CardImage } from "./Card";
 export { PreviewCard, PreviewContent, PreviewImage } from "./PreviewCard";

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

@@ -3,9 +3,9 @@ export interface CheckboxProps {
     checked?: boolean;
     indeterminate?: boolean;
     disabled?: boolean;
-    onCheckedChange?: (checked: boolean, event: MouseEvent) => void;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
     tabIndex?: number;
     variant?: "default" | "error";
+    onCheckedChange?: (checked: boolean, event: MouseEvent) => void;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 export declare function Checkbox(props: CheckboxProps): JSX.Element;

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

@@ -1,2 +1 @@
 export { Checkbox } from "./Checkbox";
-export { CheckboxLabel } from "./CheckboxLabel";

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

@@ -6,5 +6,5 @@ export declare const validExtensions: {
     readonly csv: "text/csv";
     readonly txt: "text/plain";
 };
-export type MediaAssetType = "image" | "all";
-export declare function isValidFileExtension(type: string, assetType: "image" | "all"): boolean;
+export type MediaAssetType = "all" | "image" | "document" | "video" | "audio";
+export declare function isValidFileExtension(type: string, assetType: MediaAssetType): boolean;

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

@@ -1,2 +1,3 @@
 export { FileDropZone } from "./FileDropZone";
+export { type MediaAssetType } from "./FileUpload.utils";
 export { FileUploadButton } from "./FileUploadButton";

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

@@ -1,6 +1,10 @@
+import type { SX } from "../../theme";
 import type { CheckboxProps } from "../Checkbox/Checkbox";
-import { type FormFieldProps } from "./FormField";
-export type FormCheckboxProps = CheckboxProps & {
+export interface FormCheckboxProps extends CheckboxProps {
     label: string;
-} & Pick<FormFieldProps, "error" | "sx" | "description">;
+    disabled?: boolean;
+    error?: boolean | string;
+    description?: string;
+    sx?: SX;
+}
 export declare function FormCheckbox(props: FormCheckboxProps): JSX.Element;

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

@@ -11,9 +11,13 @@ type LabelProps = {
     label: string;
     id: string;
 } | object;
-export type FormInputFieldProps = FormFieldProps & {
+export type FormInputFieldProps = {
+    children?: ReactNode;
+    error?: boolean | string;
+    description?: string;
     disabled?: boolean;
     size?: "small" | "medium" | "large";
+    sx?: SX;
 } & LabelProps;
 export declare const FormInputField: import("react").ForwardRefExoticComponent<FormInputFieldProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/{Checkbox/CheckboxLabel.d.ts → Form/InlineLabel.d.ts}

@@ -5,12 +5,12 @@ interface Props {
      */
     value: string;
     /**
-     * The checkbox linked to this label.
+     * The form control linked to this label.
      */
     children: ReactNode;
 }
 /**
- * A Label container component for Checkbox.
+ * A Label container component for small inline from controls.
  */
-export declare function CheckboxLabel(props: Props): JSX.Element;
+export declare function InlineLabel(props: Props): JSX.Element;
 export {};

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

@@ -3,3 +3,4 @@ export { FormDateInput } from "./FormDateInput";
 export { FormField, FormInputField } from "./FormField";
 export { FormInput } from "./FormInput";
 export { FormSearchInput } from "./FormSearchInput";
+export { InlineLabel } from "./InlineLabel";

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", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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", "viewDay", "visibility", "vue", "zoomOutMap"];
+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", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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 type IconName = typeof iconNames[number];

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

@@ -17,5 +17,5 @@ export interface IconButtonProps {
     disabled?: boolean;
 }
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-type Color = "grey" | "green" | "amber" | "purple" | "tomato";
+type Color = "grey" | "green" | "amber" | "purple" | "tomato" | "indigo";
 export {};

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

@@ -52,7 +52,7 @@ interface MediaCardProps {
 export declare function MediaCard(props: MediaCardProps): JSX.Element;
 interface MediaCardPlaceholderProps {
     filename: string;
-    extension?: string;
+    kind?: string;
 }
 export declare function MediaCardPlaceholder(props: MediaCardPlaceholderProps): JSX.Element;
 export {};

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 | 10 | 2 | 1 | 4 | 6 | 8 | 12 | 16 | 18 | 20 | 24 | 28 | 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/ProgressBar/ProgressBar.stories.d.ts

@@ -58,7 +58,7 @@ export declare const Default: {
         max?: number | undefined;
         getValueLabel?: ((value: number, max: number) => string) | undefined;
         displayLabel?: boolean | undefined;
-        color?: "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;
+        color?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "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;
         height?: "normal" | "collapsed" | undefined;
         transition?: "slow" | "fast" | undefined;
     }) => JSX.Element;

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

@@ -1,24 +1,33 @@
 import { type ReactNode } from "react";
 import { type IconName } from "../Icon";
-type Props = {
-    anchor: ReactNode;
-    open: boolean;
-    onOpenChange?: (open: boolean) => void;
+interface ToastAction {
+    title: string;
+    onClick: () => void;
+}
+interface ToastCancel {
+    onClick: () => void;
+}
+interface InlineToastProps {
+    variant?: "inline";
     icon?: IconName;
     loadingIndicator?: boolean;
+}
+interface CardToastProps {
+    variant: "card";
+    subtitle?: ReactNode;
+}
+export type ToastProps = {
+    anchor: ReactNode;
+    open: boolean;
     title: ReactNode;
     seconds?: number;
-    action?: {
-        title: string;
-        onClick: () => void;
-    };
-    cancel?: {
-        onClick: () => void;
-    };
-};
+    action?: ToastAction;
+    cancel?: ToastCancel;
+    onOpenChange?: (open: boolean) => void;
+} & (InlineToastProps | CardToastProps);
 /**
  * We don't use the radix ui toast because of a bug with the timeout.
  * Radix's Toast task tracker is here: https://github.com/radix-ui/primitives/issues/1171
  */
-export declare const Toast: ({ anchor, open, onOpenChange, icon, loadingIndicator, title, seconds, action, cancel }: Props) => JSX.Element;
+export declare function Toast(props: ToastProps): JSX.Element;
 export {};

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

@@ -1,42 +1,9 @@
-import React from "react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    anchor: React.ReactNode;
-    open: boolean;
-    onOpenChange?: ((open: boolean) => void) | undefined;
-    icon?: "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" | "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" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "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" | "viewDay" | "visibility" | "vue" | "zoomOutMap" | undefined;
-    loadingIndicator?: boolean | undefined;
-    title: React.ReactNode;
-    seconds?: number | undefined;
-    action?: {
-        title: string;
-        onClick: () => void;
-    } | undefined;
-    cancel?: {
-        onClick: () => void;
-    } | undefined;
-}>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Toast").ToastProps>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        anchor: React.ReactNode;
-        open: boolean;
-        onOpenChange?: ((open: boolean) => void) | undefined;
-        icon?: "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" | "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" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "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" | "viewDay" | "visibility" | "vue" | "zoomOutMap" | undefined;
-        loadingIndicator?: boolean | undefined;
-        title: React.ReactNode;
-        seconds?: number | undefined;
-        action?: {
-            title: string;
-            onClick: () => void;
-        } | undefined;
-        cancel?: {
-            onClick: () => void;
-        } | undefined;
-    }>;
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Toast").ToastProps>;
+    name: string;
     args: {
-        icon: string;
-        title: string;
         seconds: number;
     };
-    name: string;
 };

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

@@ -1,10 +1,14 @@
-import { type PropsWithChildren } from "react";
+import { type PropsWithChildren, type ReactNode } from "react";
 import type { IconName } from "../Icon";
 interface ToastConfig {
-    title: string;
+    variant?: "inline" | "card";
+    anchor?: ReactNode;
+    title: ReactNode;
+    subtitle?: ReactNode;
     seconds?: number;
     action?: {
         title: string;
+        icon?: IconName;
         onClick: () => void;
     };
     icon?: IconName;

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", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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", "viewDay", "visibility", "vue", "zoomOutMap"];
+            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", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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"];
         };
         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", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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", "viewDay", "visibility", "vue", "zoomOutMap"];
+            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", "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", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "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"];
         };
     };
 };

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

@@ -52,7 +52,7 @@ export declare const Default: {
         disabled?: boolean | undefined;
         density?: "regular" | "compact" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        color?: "grey" | "purple" | "dark" | undefined;
+        color?: "dark" | "grey" | "purple" | undefined;
         type: "single";
         value?: string | undefined;
         onValueChange?: ((value: string) => void) | undefined;
@@ -61,7 +61,7 @@ export declare const Default: {
         disabled?: boolean | undefined;
         density?: "regular" | "compact" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        color?: "grey" | "purple" | "dark" | undefined;
+        color?: "dark" | "grey" | "purple" | undefined;
         type: "multiple";
         value?: string[] | undefined;
         onValueChange?: ((value: string[]) => void) | undefined;