@helpscout/ui-kit-react 0.0.1 → 0.1.0

package/dist/lib/components/button/button.d.ts

@@ -1,23 +1,14 @@
 import { type VariantProps } from "class-variance-authority";
 import { type ButtonProps as RACButtonProps } from "react-aria-components";
 declare const buttonStyles: (props?: ({
-    fullWidth?: boolean | null | undefined;
-    color?: "danger" | "primary" | "secondary" | null | undefined;
-    size?: "sm" | "md" | "xs" | "xxs" | null | undefined;
-    variant?: "link" | "solid" | "outline" | null | undefined;
+    variant?: "critical" | "primary" | "secondary" | "tertiary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonVariantProps = VariantProps<typeof buttonStyles>;
 export interface ButtonProps extends RACButtonProps {
-    /** Changes the color of the button to signal the intent of its action. */
-    color?: ButtonVariantProps["color"];
-    /** Renders a full-width button. */
-    fullWidth?: ButtonVariantProps["fullWidth"];
-    /** Sets the size of the button. */
-    size?: ButtonVariantProps["size"];
     /** Changes the appearance of the button. */
     variant?: ButtonVariantProps["variant"];
 }
-export declare function Button({ className, color, fullWidth, size, variant, ...props }: ButtonProps): JSX.Element;
+export declare function Button({ className, variant, ...props }: ButtonProps): JSX.Element;
 export declare namespace Button {
     var displayName: string;
 }

package/dist/lib/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../lib/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAM/B,QAAA,MAAM,YAAY;;;;;8EAsBhB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAGnE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,0EAA0E;IAC1E,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAEpC,mCAAmC;IACnC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAE5C,mCAAmC;IACnC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAElC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;CACzC;AACD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,KAAmB,EACnB,SAAiB,EACjB,IAAW,EACX,OAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAQ3B;yBAfe,MAAM"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../lib/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAEL,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAQ/B,QAAA,MAAM,YAAY;;8EAShB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAGnE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,4CAA4C;IAC5C,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;CACzC;AACD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAqB,EACrB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAgB3B;yBApBe,MAAM"}

package/dist/lib/components/label/label.d.ts

@@ -0,0 +1,30 @@
+import { type VariantProps } from "class-variance-authority";
+import { type GroupProps, type LabelProps as RACLabelProps } from "react-aria-components";
+declare const labelStyles: (props?: ({
+    required?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type LabelVariantProps = VariantProps<typeof labelStyles>;
+export interface LabelProps extends RACLabelProps {
+    /** Displays a required indicator next to the label. */
+    required?: boolean;
+}
+export declare function Label({ className, ...props }: LabelProps): JSX.Element;
+export declare namespace Label {
+    var displayName: string;
+}
+export interface LabelDescriptionProps {
+    /** The description text to display. */
+    children: string;
+}
+export declare function LabelDescription({ children, }: LabelDescriptionProps): JSX.Element;
+export declare namespace LabelDescription {
+    var displayName: string;
+}
+export interface LabelGroupProps extends GroupProps {
+}
+export declare function LabelGroup(props: LabelGroupProps): JSX.Element;
+export declare namespace LabelGroup {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=label.d.ts.map

package/dist/lib/components/label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../lib/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,KAAK,UAAU,EAEf,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,uBAAuB,CAAC;AAM/B,QAAA,MAAM,WAAW;;8EAMf,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAWtE;yBAXe,KAAK;;;AAarB,MAAM,WAAW,qBAAqB;IACpC,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,GACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAMrC;yBARe,gBAAgB;;;AAUhC,MAAM,WAAW,eAAgB,SAAQ,UAAU;CAAG;AAEtD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAE9D;yBAFe,UAAU"}

package/dist/lib/components/label/label.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=label.test.d.ts.map

package/dist/lib/components/label/label.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.test.d.ts","sourceRoot":"","sources":["../../../../lib/components/label/label.test.tsx"],"names":[],"mappings":""}

package/dist/lib/components/link/link.d.ts

@@ -3,6 +3,8 @@ import { type LinkProps as RACLinkProps } from "react-aria-components";
 declare const linkStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export type LinkVariantProps = VariantProps<typeof linkStyles>;
 export interface LinkProps extends RACLinkProps {
+    /** Whether the link is disabled. */
+    isDisabled?: boolean;
 }
 export declare function Link({ className, ...props }: LinkProps): JSX.Element;
 export declare namespace Link {

package/dist/lib/components/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../lib/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,KAAK,SAAS,IAAI,YAAY,EAC/B,MAAM,uBAAuB,CAAC;AAI/B,QAAA,MAAM,UAAU,oFAAmB,CAAC;AAEpC,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAC/D,MAAM,WAAW,SAAU,SAAQ,YAAY;CAmB9C;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAEpE;yBAFe,IAAI"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../lib/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAEL,KAAK,SAAS,IAAI,YAAY,EAC/B,MAAM,uBAAuB,CAAC;AAM/B,QAAA,MAAM,UAAU,oFAAmB,CAAC;AAEpC,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAWpE;yBAXe,IAAI"}

package/dist/lib/components/text/text.d.ts

@@ -0,0 +1,31 @@
+import { type VariantProps } from "class-variance-authority";
+declare const textStyles: (props?: ({
+    tone?: "default" | "success" | "warning" | "error" | "critical" | "headline" | "dark" | "light" | "disabled" | "info" | null | undefined;
+    variant?: "heading-lg" | "heading-md" | "body-md-strong" | "body-md" | "body-sm" | null | undefined;
+    visuallyHidden?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TextVariantProps = VariantProps<typeof textStyles>;
+export type Element = "dt" | "dd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "legend" | "p" | "span" | "strong";
+export interface TextProps {
+    /** Optional HTML element type to render as.
+     * @default 'span'
+     */
+    as?: Element;
+    /** Optional class name to apply to the text. */
+    className?: string;
+    /** The text to display. */
+    children: React.ReactNode;
+    /** The HTML id attribute */
+    id?: string;
+    /** Optional tone of the text. */
+    tone?: TextVariantProps["tone"];
+    /** Optional variant of the text. */
+    variant?: TextVariantProps["variant"];
+    /** Optional boolean to visually hide the text.
+     * @default false
+     */
+    visuallyHidden?: boolean;
+}
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/lib/components/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../lib/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AASlE,QAAA,MAAM,UAAU;;;;8EAyBd,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,MAAM,MAAM,OAAO,GACf,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,GAAG,GACH,MAAM,GACN,QAAQ,CAAC;AAEb,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2BAA2B;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,4BAA4B;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,iCAAiC;IACjC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAEhC,oCAAoC;IACpC,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAEtC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID,eAAO,MAAM,IAAI,mGA8BhB,CAAC"}

package/dist/lib/components/text/text.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text.test.d.ts.map

package/dist/lib/components/text/text.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.test.d.ts","sourceRoot":"","sources":["../../../../lib/components/text/text.test.tsx"],"names":[],"mappings":""}

package/dist/lib/components/text/text.utils.d.ts

@@ -0,0 +1,6 @@
+import { TextProps } from "./text";
+export declare const mapPropDefaults: ({ as, variant, tone, }: Pick<TextProps, "as" | "variant" | "tone">) => {
+    variant: "heading-lg" | "heading-md" | "body-md-strong" | "body-md" | "body-sm";
+    tone: "default" | "success" | "warning" | "error" | "critical" | "headline" | "dark" | "light" | "disabled" | "info";
+};
+//# sourceMappingURL=text.utils.d.ts.map

package/dist/lib/components/text/text.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.utils.d.ts","sourceRoot":"","sources":["../../../../lib/components/text/text.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,SAAS,EAAE,MAAM,QAAQ,CAAC;AAsB5C,eAAO,MAAM,eAAe,2BAIzB,KAAK,SAAS,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC;;;CAQ5C,CAAC"}

package/dist/lib/components/thumbnail/thumbnail.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+declare const thumbnailStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    fit?: "cover" | "contain" | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ThumbnailVariantProps = VariantProps<typeof thumbnailStyles>;
+export interface ThumbnailProps {
+    /** The alt text for the thumbnail. */
+    alt: string;
+    /** The source of the image to display can either be a URL string or an SVG element. */
+    src: string | React.ReactElement<React.SVGProps<SVGSVGElement>>;
+    /** Optional fit style for the thumbnail image. */
+    fit?: ThumbnailVariantProps["fit"];
+    /** Optionally disables the thumbnail. */
+    isDisabled?: boolean;
+    /** Optional size of the thumbnail. */
+    size?: ThumbnailVariantProps["size"];
+}
+export declare function Thumbnail({ src, alt, size, fit, isDisabled, ...props }: ThumbnailProps): JSX.Element;
+export declare namespace Thumbnail {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=thumbnail.d.ts.map

package/dist/lib/components/thumbnail/thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.d.ts","sourceRoot":"","sources":["../../../../lib/components/thumbnail/thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,eAAe;;;;8EAenB,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAEzE,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IAEZ,uFAAuF;IACvF,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAEhE,kDAAkD;IAClD,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAEnC,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sCAAsC;IACtC,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,GAAG,EACH,IAAW,EACX,GAAa,EACb,UAAU,EACV,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAqB9B;yBA5Be,SAAS"}

package/dist/lib/components/thumbnail/thumbnail.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=thumbnail.test.d.ts.map

package/dist/lib/components/thumbnail/thumbnail.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.test.d.ts","sourceRoot":"","sources":["../../../../lib/components/thumbnail/thumbnail.test.tsx"],"names":[],"mappings":""}

package/dist/lib/hooks/useFocusRing/useFocusRing.d.ts

@@ -0,0 +1,8 @@
+import { AriaFocusRingProps, FocusRingAria } from "react-aria";
+interface FocusRingWithStylesAria extends FocusRingAria {
+    /** Contain all required classnames to make the focus ring work on an element. */
+    focusRingClassnames: string;
+}
+export declare function useFocusRing(props?: AriaFocusRingProps): FocusRingWithStylesAria;
+export {};
+//# sourceMappingURL=useFocusRing.d.ts.map

package/dist/lib/hooks/useFocusRing/useFocusRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusRing.d.ts","sourceRoot":"","sources":["../../../../lib/hooks/useFocusRing/useFocusRing.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,aAAa,EAEd,MAAM,YAAY,CAAC;AAMpB,UAAU,uBAAwB,SAAQ,aAAa;IACrD,iFAAiF;IACjF,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAC1B,KAAK,GAAE,kBAAuB,GAC7B,uBAAuB,CAYzB"}

package/dist/lib/ui-kit-react.d.ts

@@ -1,5 +1,8 @@
 export { Badge, type BadgeProps, type BadgeVariantProps, } from "./components/badge/badge";
 export { Button, type ButtonProps, type ButtonVariantProps, } from "./components/button/button";
 export { Theme, type ThemeProps } from "./components/theme/theme";
+export { Label, LabelDescription, LabelGroup, type LabelProps, type LabelVariantProps, type LabelDescriptionProps, type LabelGroupProps, } from "./components/label/label";
 export { Link, type LinkProps, type LinkVariantProps, } from "./components/link/link";
+export { Text, type TextProps, type TextVariantProps, } from "./components/text/text";
+export { Thumbnail, type ThumbnailProps, type ThumbnailVariantProps, } from "./components/thumbnail/thumbnail";
 //# sourceMappingURL=ui-kit-react.d.ts.map

package/dist/lib/ui-kit-react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC"}

package/dist/prop-types.json

@@ -63,72 +63,9 @@
     }
   },
   "Button": {
-    "color": {
-      "defaultValue": {
-        "value": "secondary"
-      },
-      "description": "Changes the color of the button to signal the intent of its action.",
-      "name": "color",
-      "parent": {
-        "fileName": "ui-kit-react/lib/components/button/button.tsx",
-        "name": "ButtonProps"
-      },
-      "declarations": [
-        {
-          "fileName": "ui-kit-react/lib/components/button/button.tsx",
-          "name": "ButtonProps"
-        }
-      ],
-      "required": false,
-      "type": {
-        "name": "\"danger\" | \"primary\" | \"secondary\" | null"
-      }
-    },
-    "fullWidth": {
-      "defaultValue": {
-        "value": false
-      },
-      "description": "Renders a full-width button.",
-      "name": "fullWidth",
-      "parent": {
-        "fileName": "ui-kit-react/lib/components/button/button.tsx",
-        "name": "ButtonProps"
-      },
-      "declarations": [
-        {
-          "fileName": "ui-kit-react/lib/components/button/button.tsx",
-          "name": "ButtonProps"
-        }
-      ],
-      "required": false,
-      "type": {
-        "name": "boolean | null"
-      }
-    },
-    "size": {
-      "defaultValue": {
-        "value": "md"
-      },
-      "description": "Sets the size of the button.",
-      "name": "size",
-      "parent": {
-        "fileName": "ui-kit-react/lib/components/button/button.tsx",
-        "name": "ButtonProps"
-      },
-      "declarations": [
-        {
-          "fileName": "ui-kit-react/lib/components/button/button.tsx",
-          "name": "ButtonProps"
-        }
-      ],
-      "required": false,
-      "type": {
-        "name": "\"sm\" | \"md\" | \"xs\" | \"xxs\" | null"
-      }
-    },
     "variant": {
       "defaultValue": {
-        "value": "solid"
+        "value": "secondary"
       },
       "description": "Changes the appearance of the button.",
       "name": "variant",
@@ -144,7 +81,7 @@
       ],
       "required": false,
       "type": {
-        "name": "\"link\" | \"solid\" | \"outline\" | null"
+        "name": "\"critical\" | \"primary\" | \"secondary\" | \"tertiary\" | null"
       }
     },
     "form": {
@@ -872,19 +809,40 @@
       }
     }
   },
+  "Label": {
+    "required": {
+      "defaultValue": null,
+      "description": "Displays a required indicator next to the label.",
+      "name": "required",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/label/label.tsx",
+        "name": "LabelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/label/label.tsx",
+          "name": "LabelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    }
+  },
   "Link": {
     "isDisabled": {
       "defaultValue": null,
       "description": "Whether the link is disabled.",
       "name": "isDisabled",
       "parent": {
-        "fileName": "apps-platform/node_modules/.pnpm/@react-aria+link@3.6.5_react@18.2.0/node_modules/@react-aria/link/dist/types.d.ts",
-        "name": "AriaLinkOptions"
+        "fileName": "ui-kit-react/lib/components/link/link.tsx",
+        "name": "LinkProps"
       },
       "declarations": [
         {
-          "fileName": "apps-platform/node_modules/.pnpm/@react-aria+link@3.6.5_react@18.2.0/node_modules/@react-aria/link/dist/types.d.ts",
-          "name": "AriaLinkOptions"
+          "fileName": "ui-kit-react/lib/components/link/link.tsx",
+          "name": "LinkProps"
         }
       ],
       "required": false,
@@ -1425,6 +1383,145 @@
       }
     }
   },
+  "Text": {
+    "as": {
+      "defaultValue": {
+        "value": "'span'"
+      },
+      "description": "Optional HTML element type to render as.",
+      "name": "as",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/text/text.tsx",
+        "name": "TextProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/text/text.tsx",
+          "name": "TextProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "Element"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Optional class name to apply to the text.",
+      "name": "className",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/text/text.tsx",
+        "name": "TextProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/text/text.tsx",
+          "name": "TextProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "The text to display.",
+      "name": "children",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/text/text.tsx",
+        "name": "TextProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/text/text.tsx",
+          "name": "TextProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "id": {
+      "defaultValue": null,
+      "description": "The HTML id attribute",
+      "name": "id",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/text/text.tsx",
+        "name": "TextProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/text/text.tsx",
+          "name": "TextProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "tone": {
+      "defaultValue": null,
+      "description": "Optional tone of the text.",
+      "name": "tone",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/text/text.tsx",
+        "name": "TextProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/text/text.tsx",
+          "name": "TextProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "\"default\" | \"headline\" | \"dark\" | \"light\" | \"disabled\" | \"critical\" | \"error\" | \"info\" | \"success\" | \"warning\" | null"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Optional variant of the text.",
+      "name": "variant",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/text/text.tsx",
+        "name": "TextProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/text/text.tsx",
+          "name": "TextProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "\"heading-lg\" | \"heading-md\" | \"body-md-strong\" | \"body-md\" | \"body-sm\" | null"
+      }
+    },
+    "visuallyHidden": {
+      "defaultValue": {
+        "value": false
+      },
+      "description": "Optional boolean to visually hide the text.",
+      "name": "visuallyHidden",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/text/text.tsx",
+        "name": "TextProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/text/text.tsx",
+          "name": "TextProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    }
+  },
   "Theme": {
     "children": {
       "defaultValue": null,
@@ -1466,5 +1563,106 @@
         "name": "boolean"
       }
     }
+  },
+  "Thumbnail": {
+    "alt": {
+      "defaultValue": null,
+      "description": "The alt text for the thumbnail.",
+      "name": "alt",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+        "name": "ThumbnailProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+          "name": "ThumbnailProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "string"
+      }
+    },
+    "src": {
+      "defaultValue": null,
+      "description": "The source of the image to display can either be a URL string or an SVG element.",
+      "name": "src",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+        "name": "ThumbnailProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+          "name": "ThumbnailProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "string | ReactElement<SVGProps<SVGSVGElement>, string | JSXElementConstructor<any>>"
+      }
+    },
+    "fit": {
+      "defaultValue": {
+        "value": "cover"
+      },
+      "description": "Optional fit style for the thumbnail image.",
+      "name": "fit",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+        "name": "ThumbnailProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+          "name": "ThumbnailProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "\"cover\" | \"contain\" | null"
+      }
+    },
+    "isDisabled": {
+      "defaultValue": null,
+      "description": "Optionally disables the thumbnail.",
+      "name": "isDisabled",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+        "name": "ThumbnailProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+          "name": "ThumbnailProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "size": {
+      "defaultValue": {
+        "value": "md"
+      },
+      "description": "Optional size of the thumbnail.",
+      "name": "size",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+        "name": "ThumbnailProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/thumbnail/thumbnail.tsx",
+          "name": "ThumbnailProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "\"sm\" | \"md\" | \"lg\" | null"
+      }
+    }
   }
 }