@prismicio/editor-ui 0.3.0 → 0.3.1

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

@@ -1,7 +1,7 @@
 import type { IconName } from "./iconNames";
 export declare const Icon: import("react").ForwardRefExoticComponent<Readonly<{
     className?: string | undefined;
-    color?: "inherit" | "grey2" | "grey11" | undefined;
+    color?: "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark2" | "dark6" | "dark7" | "dark12" | undefined;
     name: IconName;
     size?: "medium" | "large" | "small" | "xs" | undefined;
 }> & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -1,14 +1,14 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Readonly<{
     className?: string | undefined;
-    color?: "inherit" | "grey2" | "grey11" | undefined;
-    name: "add" | "search" | "link" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "close" | "cloudUpload" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "desktopWindows" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "imageSearch" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "notes" | "phoneIphone" | "photo" | "pin" | "public" | "schedule" | "tabletMac" | "textFields" | "toggleOff" | "unfoldMore" | "viewDay" | "zoomOutMap";
+    color?: "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark2" | "dark6" | "dark7" | "dark12" | undefined;
+    name: "add" | "search" | "link" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "close" | "cloud" | "cloudUpload" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "event" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "imageSearch" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "notes" | "phoneIphone" | "photo" | "pin" | "public" | "schedule" | "tabletMac" | "textFields" | "toggleOff" | "unfoldMore" | "viewDay" | "zoomOutMap";
     size?: "medium" | "large" | "small" | "xs" | undefined;
 }> & import("react").RefAttributes<SVGSVGElement>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Readonly<{
     className?: string | undefined;
-    color?: "inherit" | "grey2" | "grey11" | undefined;
-    name: "add" | "search" | "link" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "close" | "cloudUpload" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "desktopWindows" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "imageSearch" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "notes" | "phoneIphone" | "photo" | "pin" | "public" | "schedule" | "tabletMac" | "textFields" | "toggleOff" | "unfoldMore" | "viewDay" | "zoomOutMap";
+    color?: "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark2" | "dark6" | "dark7" | "dark12" | undefined;
+    name: "add" | "search" | "link" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "close" | "cloud" | "cloudUpload" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "event" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "imageSearch" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "notes" | "phoneIphone" | "photo" | "pin" | "public" | "schedule" | "tabletMac" | "textFields" | "toggleOff" | "unfoldMore" | "viewDay" | "zoomOutMap";
     size?: "medium" | "large" | "small" | "xs" | undefined;
 }> & import("react").RefAttributes<SVGSVGElement>>>;

package/dist/components/Icon/PrismicLogo.css.d.ts

@@ -0,0 +1 @@
+export declare const pulse: string;

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

@@ -0,0 +1,5 @@
+interface Props {
+    pulse?: boolean;
+}
+export declare const PrismicLogo: import("react").MemoExoticComponent<({ pulse }: Props) => JSX.Element>;
+export {};

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

@@ -1,2 +1,2 @@
-export declare const iconNames: readonly ["add", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "calendarToday", "centerFocusWeak", "check", "close", "cloudUpload", "crop", "cropLandscape", "cropPortrait", "dataObject", "dateRange", "delete", "desktopWindows", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "imageSearch", "keyboardArrowDown", "keyboardArrowUp", "link", "linkOff", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "notes", "phoneIphone", "photo", "pin", "public", "schedule", "search", "tabletMac", "textFields", "toggleOff", "unfoldMore", "viewDay", "zoomOutMap"];
+export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "calendarToday", "centerFocusWeak", "check", "close", "cloud", "cloudUpload", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "dateRange", "delete", "desktopWindows", "dragIndicator", "event", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "imageSearch", "keyboardArrowDown", "keyboardArrowUp", "link", "linkOff", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "notes", "phoneIphone", "photo", "pin", "public", "schedule", "search", "tabletMac", "textFields", "toggleOff", "unfoldMore", "viewDay", "zoomOutMap"];
 export declare type IconName = typeof iconNames[number];

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

@@ -1,2 +1,3 @@
 export { Icon } from "./Icon";
 export type { IconName } from "./iconNames";
+export { PrismicLogo } from "./PrismicLogo";

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

@@ -1,2 +1,5 @@
 export declare const root: string;
-export declare const icon: string;
+export declare const size: {
+    small: string;
+    medium: string;
+};

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

@@ -1,7 +1,8 @@
-import { type CSSProperties, type MouseEvent, type ReactNode } from "react";
-export declare const IconButton: import("react").ForwardRefExoticComponent<Readonly<{
-    children?: ReactNode;
-    className?: string | undefined;
-    onClick?: ((event: MouseEvent) => void) | undefined;
-    style?: CSSProperties | undefined;
-}> & import("react").RefAttributes<HTMLButtonElement>>;
+import type { IconName } from "../Icon/iconNames";
+import * as styles from "./IconButton.css";
+export interface IconButtonProps {
+    icon: IconName;
+    size?: keyof typeof styles.size;
+    onClick?: () => void;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,14 +1,4 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Readonly<{
-    children?: import("react").ReactNode;
-    className?: string | undefined;
-    onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    style?: import("react").CSSProperties | undefined;
-}> & import("react").RefAttributes<HTMLButtonElement>>>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<import("./IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Readonly<{
-    children?: import("react").ReactNode;
-    className?: string | undefined;
-    onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    style?: import("react").CSSProperties | undefined;
-}> & import("react").RefAttributes<HTMLButtonElement>>>;
+export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<import("./IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;

package/dist/components/Image/Image.css.d.ts

@@ -1,3 +1,7 @@
 export declare const loading: string;
 export declare const loaded: string;
 export declare const sizing: Record<"contain" | "none" | "cover", string>;
+export declare const borderRadius: {
+    0: string;
+    4: string;
+};

package/dist/components/Image/Image.d.ts

@@ -5,6 +5,7 @@ export declare type ImageProps = Readonly<{
     loading?: "eager" | "lazy";
     decoding?: "async" | "auto" | "sync";
     sizing?: "contain" | "cover" | "none";
+    borderRadius?: 0 | 4;
     animateOnLoad?: boolean;
     onLoad?: () => void;
 }>;

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

@@ -5,6 +5,7 @@ declare const _default: ComponentMeta<import("react").FC<Readonly<{
     loading?: "eager" | "lazy" | undefined;
     decoding?: "auto" | "async" | "sync" | undefined;
     sizing?: "contain" | "none" | "cover" | undefined;
+    borderRadius?: 0 | 4 | undefined;
     animateOnLoad?: boolean | undefined;
     onLoad?: (() => void) | undefined;
 }>>>;
@@ -15,6 +16,7 @@ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
     loading?: "eager" | "lazy" | undefined;
     decoding?: "auto" | "async" | "sync" | undefined;
     sizing?: "contain" | "none" | "cover" | undefined;
+    borderRadius?: 0 | 4 | undefined;
     animateOnLoad?: boolean | undefined;
     onLoad?: (() => void) | undefined;
 }>>>;

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

@@ -1,3 +1,10 @@
+export declare const pulseAnimation: string;
 export declare const root: string;
-export declare const fitContent: string;
-export declare const child: string;
+export declare const color: {
+    grey5: string;
+    grey1: string;
+};
+export declare const borderRadius: {
+    4: string;
+    6: string;
+};

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

@@ -1,11 +1,12 @@
-import { type CSSProperties, type FC, type ReactNode } from "react";
+import { type CSSProperties, type FC } from "react";
+import * as styles from "./Skeleton.css";
 declare type SkeletonProps = Readonly<{
     height?: CSSProperties["height"];
-    children?: ReactNode;
-    className?: string;
     component?: "span";
     width?: CSSProperties["width"];
     style?: CSSProperties;
+    color?: keyof typeof styles.color;
+    borderRadius?: keyof typeof styles.borderRadius;
 }>;
 export declare const Skeleton: FC<SkeletonProps>;
 export {};

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

@@ -1,18 +1,18 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
     height?: import("csstype").Property.Height<string | number> | undefined;
-    children?: import("react").ReactNode;
-    className?: string | undefined;
     component?: "span" | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     style?: import("react").CSSProperties | undefined;
+    color?: "grey1" | "grey5" | undefined;
+    borderRadius?: 4 | 6 | undefined;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
     height?: import("csstype").Property.Height<string | number> | undefined;
-    children?: import("react").ReactNode;
-    className?: string | undefined;
     component?: "span" | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     style?: import("react").CSSProperties | undefined;
+    color?: "grey1" | "grey5" | undefined;
+    borderRadius?: 4 | 6 | undefined;
 }>>>;

package/dist/components/SliceCard/SliceCard.css.d.ts

@@ -0,0 +1,9 @@
+export declare const root: string;
+export declare const card: string;
+export declare const state: {
+    normal: string;
+    selected: string;
+};
+export declare const outerContent: string;
+export declare const main: string;
+export declare const footer: string;

package/dist/components/SliceCard/SliceCard.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+interface SliceCardProps {
+    title: string;
+    subTitle: string;
+    index: number;
+    children?: ReactNode;
+    menuItems?: ReactNode;
+    selected?: boolean;
+    onSelect?: () => void;
+}
+export declare function SliceCard(props: SliceCardProps): JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+import { SliceCard } from "./SliceCard";
+declare const _default: ComponentMeta<typeof SliceCard>;
+export default _default;
+export declare const Default: ComponentStoryFn<typeof SliceCard>;

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

@@ -0,0 +1 @@
+export { SliceCard } from "./SliceCard";

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

@@ -1,10 +1,10 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-switch").SwitchProps, "disabled" | "value" | "name" | "id" | "checked" | "onCheckedChange"> & {
+declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-switch").SwitchProps, "disabled" | "name" | "id" | "value" | "checked" | "onCheckedChange"> & {
     inField?: boolean | undefined;
     size?: "medium" | "small" | undefined;
 }>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-switch").SwitchProps, "disabled" | "value" | "name" | "id" | "checked" | "onCheckedChange"> & {
+export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-switch").SwitchProps, "disabled" | "name" | "id" | "value" | "checked" | "onCheckedChange"> & {
     inField?: boolean | undefined;
     size?: "medium" | "small" | undefined;
 }>>>;

package/dist/components/Tab/Tab.css.d.ts

@@ -0,0 +1,5 @@
+export declare const tab: string;
+export declare const state: {
+    normal: string;
+    selected: string;
+};

package/dist/components/Tab/Tab.d.ts

@@ -0,0 +1,7 @@
+interface TabProps {
+    title: string;
+    selected?: boolean;
+    onSelect?: () => void;
+}
+export declare function Tab(props: TabProps): JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+import { Tab } from "./Tab";
+declare const _default: ComponentMeta<typeof Tab>;
+export default _default;
+export declare const Default: ComponentStoryFn<typeof Tab>;

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

@@ -0,0 +1 @@
+export { Tab } from "./Tab";

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

@@ -1,35 +1,10 @@
 export declare const root: string;
-export declare const variant: {
-    body1: string;
-    body2: string;
-    body3: string;
-    button1: string;
-    button2: string;
-    caption: string;
-    code: string;
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    inherit: string;
-    pre: string;
-};
+export declare const variant: Record<"inherit" | "normal" | "small" | "bold" | "h1" | "h2" | "h4" | "smallBold" | "extraSmall" | "emphasized", string>;
 export declare const align: {
     start: string;
     center: string;
     end: string;
     inherit: string;
 };
-export declare const color: {
-    grey11: string;
-    grey12: string;
-    inherit: string;
-};
 export declare const inField: string;
 export declare const noWrap: string;
-export declare const weight: {
-    "400": string;
-    "500": string;
-    "600": string;
-    inherit: string;
-};

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

@@ -1,15 +1,15 @@
 import { type ReactNode } from "react";
+import { colors } from "../../theme/colors";
 import * as styles from "./Text.css";
 export declare type TextProps = Readonly<{
     align?: keyof typeof styles.align;
     children?: ReactNode;
     className?: string;
-    color?: keyof typeof styles.color;
+    color?: keyof typeof colors;
     component?: Component;
     inField?: boolean;
     noWrap?: boolean;
     variant?: Variant;
-    weight?: keyof typeof styles.weight;
 }>;
 declare type Component = "code" | "h1" | "h2" | "h3" | "h4" | "kbd" | "p" | "pre" | "span";
 declare type Variant = keyof typeof styles.variant;
@@ -17,11 +17,10 @@ export declare const Text: import("react").ForwardRefExoticComponent<Readonly<{
     align?: "inherit" | "center" | "end" | "start" | undefined;
     children?: ReactNode;
     className?: string | undefined;
-    color?: "inherit" | "grey11" | "grey12" | undefined;
+    color?: "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark2" | "dark6" | "dark7" | "dark12" | undefined;
     component?: Component | undefined;
     inField?: boolean | undefined;
     noWrap?: boolean | undefined;
-    variant?: "inherit" | "pre" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "body1" | "body2" | "body3" | "button1" | "button2" | undefined;
-    weight?: "inherit" | "400" | "500" | "600" | undefined;
+    variant?: "inherit" | "normal" | "small" | "bold" | "h1" | "h2" | "h4" | "smallBold" | "extraSmall" | "emphasized" | undefined;
 }> & import("react").RefAttributes<HTMLElement>>;
 export {};

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

@@ -3,22 +3,20 @@ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
     align?: "inherit" | "center" | "end" | "start" | undefined;
     children?: import("react").ReactNode;
     className?: string | undefined;
-    color?: "inherit" | "grey11" | "grey12" | undefined;
+    color?: "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark2" | "dark6" | "dark7" | "dark12" | undefined;
     component?: ("pre" | "code" | "h1" | "h2" | "h3" | "h4" | "kbd" | "p" | "span") | undefined;
     inField?: boolean | undefined;
     noWrap?: boolean | undefined;
-    variant?: "inherit" | "pre" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "body1" | "body2" | "body3" | "button1" | "button2" | undefined;
-    weight?: "inherit" | "400" | "500" | "600" | undefined;
+    variant?: "inherit" | "normal" | "small" | "bold" | "h1" | "h2" | "h4" | "smallBold" | "extraSmall" | "emphasized" | undefined;
 }> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Readonly<{
     align?: "inherit" | "center" | "end" | "start" | undefined;
     children?: import("react").ReactNode;
     className?: string | undefined;
-    color?: "inherit" | "grey11" | "grey12" | undefined;
+    color?: "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark2" | "dark6" | "dark7" | "dark12" | undefined;
     component?: ("pre" | "code" | "h1" | "h2" | "h3" | "h4" | "kbd" | "p" | "span") | undefined;
     inField?: boolean | undefined;
     noWrap?: boolean | undefined;
-    variant?: "inherit" | "pre" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "body1" | "body2" | "body3" | "button1" | "button2" | undefined;
-    weight?: "inherit" | "400" | "500" | "600" | undefined;
+    variant?: "inherit" | "normal" | "small" | "bold" | "h1" | "h2" | "h4" | "smallBold" | "extraSmall" | "emphasized" | undefined;
 }> & import("react").RefAttributes<HTMLElement>>>;

package/dist/components/TextLink/TextLink.css.d.ts

@@ -0,0 +1 @@
+export declare const root: string;

package/dist/components/TextLink/TextLink.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from "react";
+export interface TextLinkProps {
+    href: string;
+    children: string;
+}
+/**
+ * A basic link with a single line of text.
+ */
+export declare const TextLink: FC<TextLinkProps>;

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

@@ -0,0 +1,4 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<import("./TextLink").TextLinkProps>>;
+export default _default;
+export declare const Default: ComponentStoryFn<import("react").FC<import("./TextLink").TextLinkProps>>;

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

@@ -0,0 +1 @@
+export { TextLink } from "./TextLink";

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

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const content: string;
+export declare const separator: string;
+export declare const button: string;

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { IconName } from "../Icon";
+declare type Props = {
+    anchor: React.ReactNode;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    icon: IconName;
+    title: string;
+    seconds: number;
+    action?: {
+        title: string;
+        onClick: () => void;
+    };
+};
+export declare const Toast: ({ anchor, open, onOpenChange, icon, title, seconds, action }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,27 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+import React from "react";
+declare const _default: ComponentMeta<({ anchor, open, onOpenChange, icon, title, seconds, action }: {
+    anchor: React.ReactNode;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    icon: "add" | "search" | "link" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "close" | "cloud" | "cloudUpload" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "event" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "imageSearch" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "notes" | "phoneIphone" | "photo" | "pin" | "public" | "schedule" | "tabletMac" | "textFields" | "toggleOff" | "unfoldMore" | "viewDay" | "zoomOutMap";
+    title: string;
+    seconds: number;
+    action?: {
+        title: string;
+        onClick: () => void;
+    } | undefined;
+}) => JSX.Element>;
+export default _default;
+export declare const Default: ComponentStoryFn<({ anchor, open, onOpenChange, icon, title, seconds, action }: {
+    anchor: React.ReactNode;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    icon: "add" | "search" | "link" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "calendarToday" | "centerFocusWeak" | "check" | "close" | "cloud" | "cloudUpload" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "event" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "imageSearch" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "notes" | "phoneIphone" | "photo" | "pin" | "public" | "schedule" | "tabletMac" | "textFields" | "toggleOff" | "unfoldMore" | "viewDay" | "zoomOutMap";
+    title: string;
+    seconds: number;
+    action?: {
+        title: string;
+        onClick: () => void;
+    } | undefined;
+}) => JSX.Element>;

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

@@ -0,0 +1 @@
+export { Toast } from "./Toast";

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

@@ -1,19 +1,19 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "value" | "type" | "onValueChange"> & {
+declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "type" | "value" | "onValueChange"> & {
     density?: "compact" | "regular" | undefined;
     size?: "medium" | "large" | "small" | undefined;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
-}> | Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "value" | "type" | "onValueChange"> & {
+}> | Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "type" | "value" | "onValueChange"> & {
     density?: "compact" | "regular" | undefined;
     size?: "medium" | "large" | "small" | undefined;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
 }>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "value" | "type" | "onValueChange"> & {
+export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "type" | "value" | "onValueChange"> & {
     density?: "compact" | "regular" | undefined;
     size?: "medium" | "large" | "small" | undefined;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
-}> | Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "value" | "type" | "onValueChange"> & {
+}> | Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "type" | "value" | "onValueChange"> & {
     density?: "compact" | "regular" | undefined;
     size?: "medium" | "large" | "small" | undefined;
     variant?: "primary" | "secondary" | "tertiary" | undefined;

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

@@ -1,4 +1,4 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-toolbar").ToolbarProps, "children" | "className">>>>;
+declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-toolbar").ToolbarProps, "className" | "children">>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-toolbar").ToolbarProps, "children" | "className">>>>;
+export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-toolbar").ToolbarProps, "className" | "children">>>>;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export { AnimatedList } from "./components/AnimatedList";
+export { Alert, AlertButton } from "./components/Alert";
+export { AnimatedElement, AnimatedList } from "./components/Animated";
 export { AppBackground } from "./components/AppBackground";
 export { Badge } from "./components/Badge";
 export { BlankSlate, BlankSlateActions, BlankSlateDescription, BlankSlateIcon, BlankSlateImage, BlankSlateTitle } from "./components/BlankSlate";
@@ -12,17 +13,19 @@ export { Cropper } from "./components/Cropper";
 export { CropperControls } from "./components/CropperControls";
 export { DateInput } from "./components/DateInput";
 export { Dialog, DialogContent, DialogHeader, DialogOptions, DialogOptionsItem } from "./components/Dialog";
+export { DocumentStatusDot } from "./components/DocumentStatusDot";
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, dropdownMenuStyles, DropdownMenuTrigger } from "./components/DropdownMenu";
+export { EmbedPreview, EmptyEmbed } from "./components/Embed";
 export { ErrorBoundary } from "./components/ErrorBoundary";
-export { Field, FieldControl, FieldIcon, FieldLabel } from "./components/Field";
+export { Field, FieldControl, FieldFooter, FieldIcon, FieldLabel } from "./components/Field";
 export { FieldSet, FieldSetLegend } from "./components/FieldSet";
+export { Form, FormInput } from "./components/Form";
 export { Group, GroupItem } from "./components/Group";
 export { HairlineButton } from "./components/HairlineButton";
-export { Icon } from "./components/Icon";
+export { Icon, PrismicLogo } from "./components/Icon";
 export { IconButton } from "./components/IconButton";
 export { Image, SuspenseImage } from "./components/Image";
 export { Layout, LayoutContent } from "./components/Layout";
-export { Link } from "./components/Link";
 export { type MasonryItemInfo, Masonry, MasonryMedia, MasonrySkeleton } from "./components/Masonry";
 export { NumberInput } from "./components/NumberInput";
 export { LinkDescriptionPopover, Popover } from "./components/Popover";
@@ -31,12 +34,16 @@ export { SearchInput } from "./components/SearchInput";
 export { Select, SelectItem } from "./components/Select";
 export { Separator } from "./components/Separator";
 export { Skeleton } from "./components/Skeleton";
+export { SliceCard } from "./components/SliceCard";
 export { Slider } from "./components/Slider";
 export { Switch } from "./components/Switch";
+export { Tab } from "./components/Tab";
 export { type TextProps, Text } from "./components/Text";
 export { TextArea } from "./components/TextArea";
 export { TextInput } from "./components/TextInput";
+export { TextLink } from "./components/TextLink";
 export { ThemeProvider } from "./components/ThemeProvider";
+export { Toast } from "./components/Toast";
 export { ToggleButton } from "./components/ToggleButton";
 export { ToggleButtonGroup, ToggleButtonGroupItem } from "./components/ToggleButtonGroup";
 export { Toolbar, ToolbarButton, ToolbarButtonGroup, ToolbarSelect, ToolbarSelectItem, ToolbarSeparator, ToolbarToggleButton, ToolbarToggleButtonGroup, ToolbarToggleButtonGroupItem } from "./components/Toolbar";