@helpscout/ui-kit-react 0.1.4 → 0.1.5

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

@@ -2,14 +2,19 @@
 import { type VariantProps } from "class-variance-authority";
 import { type InputProps as RACInputProps } from "react-aria-components";
 declare const inputStyles: (props?: ({
+    align?: "left" | "right" | null | undefined;
     state?: "success" | "warning" | "error" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type InputVariantProps = VariantProps<typeof inputStyles>;
 export interface InputProps extends RACInputProps {
+    /** Change the alignment of the input text. */
+    align?: InputVariantProps["align"];
+    /** Render the input with a prefix. */
+    prefix?: string;
     /** Changes the appearance of the input to indicate an error, success, or warning state. */
     state?: InputVariantProps["state"];
 }
-export declare function Input({ className, disabled, state, ...props }: InputProps): JSX.Element;
+export declare function Input({ className, align, disabled, prefix, state, ...props }: InputProps): JSX.Element;
 export declare namespace Input {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../lib/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAGL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,uBAAuB,CAAC;AA6B/B,QAAA,MAAM,WAAW;;8EAQf,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,2FAA2F;IAC3F,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAiB1B;yBAtBe,KAAK"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../lib/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAGL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,uBAAuB,CAAC;AA+B/B,QAAA,MAAM,WAAW;;;8EAYf,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,8CAA8C;IAC9C,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAc,EACd,QAAQ,EACR,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAsB1B;yBA7Be,KAAK"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { type MenuItemProps as MenuItemRACProps, MenuTrigger } from "react-aria-components";
+interface MenuProps {
+    /** Optional class name to apply to the menu. */
+    className?: string;
+    /** The children to render in the menu. */
+    children: React.ReactNode;
+    /** Optional array of keys to disable. */
+    disabledKeys?: Array<string | number>;
+    /** Handler that is called when an item is selected. */
+    onAction: (key: string | number) => void;
+}
+declare function Menu({ className, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+interface MenuItemProps extends MenuItemRACProps {
+    /** Whether the menu item is disabled. */
+    isDisabled?: boolean;
+}
+declare function MenuItem({ className, isDisabled, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export { Menu, MenuItem, MenuTrigger, type MenuProps };
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../lib/components/menu/menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,KAAK,aAAa,IAAI,gBAAgB,EAEtC,WAAW,EAEZ,MAAM,uBAAuB,CAAC;AAI/B,UAAU,SAAS;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAEtC,uDAAuD;IACvD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAM/C;AAED,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAWnE;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,CAAC"}

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

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

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

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

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { type VariantProps } from "class-variance-authority";
 declare const textStyles: (props?: ({
-    tone?: "default" | "success" | "warning" | "error" | "critical" | "disabled" | "headline" | "dark" | "light" | "info" | null | undefined;
-    variant?: "heading-lg" | "heading-md" | "body-md-strong" | "body-md" | "body-sm" | null | undefined;
+    tone?: "default" | "success" | "warning" | "error" | "critical" | "headline" | "dark" | "light" | "disabled" | "info" | null | undefined;
+    variant?: "heading-md" | "heading-lg" | "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>;

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

@@ -1,6 +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" | "disabled" | "headline" | "dark" | "light" | "info";
+    variant: "heading-md" | "heading-lg" | "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-field/text-field.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { type TextFieldProps as RACTextFieldProps } from "react-aria-components";
+import { type InputProps } from "../input/input";
 export interface TextFieldProps extends Omit<RACTextFieldProps, "isInvalid"> {
+    /** Change the alignment of the input text. */
+    align?: InputProps["align"];
     /** The label for the input. */
     label?: string;
     /** Shows a description under the label. */
@@ -9,6 +12,8 @@ export interface TextFieldProps extends Omit<RACTextFieldProps, "isInvalid"> {
     isDisabled?: boolean;
     /** Shows a placeholder in the input. */
     placeholder?: string;
+    /** Render the input with a prefix. */
+    prefix?: InputProps["prefix"];
     /** Shows a validation message under the input. */
     validationMessage?: string;
     /** Changes the appearance of the text field. */

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

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../lib/components/text-field/text-field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,uBAAuB,CAAC;AAQ/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC;IAC1E,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,gDAAgD;IAChD,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAyB9B;yBAjCe,SAAS"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../lib/components/text-field/text-field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC;IAC1E,8CAA8C;IAC9C,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAE5B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,gDAAgD;IAChD,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA2B9B;yBAnCe,SAAS"}

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

@@ -2,18 +2,19 @@ export { Badge, type BadgeProps, type BadgeVariantProps, } from "./components/ba
 export { Button, type ButtonProps, type ButtonVariantProps, } from "./components/button/button";
 export { ButtonGroup, ButtonGroupItem, type ButtonGroupProps, type ButtonGroupItemProps, } from "./components/button-group/button-group";
 export { Divider, type DividerProps } from "./components/divider/divider";
-export { Theme, type ThemeProps } from "./components/theme/theme";
+export { Icon, type IconProps, type IconVariantProps, } from "./components/icon/icon";
 export { Input, type InputProps, type InputVariantProps, } from "./components/input/input";
 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 { Icon, type IconProps, type IconVariantProps, } from "./components/icon/icon";
+export { List, ListItem, type ListProps, type ListVariantProps, } from "./components/list/list";
+export { Menu, MenuItem, MenuTrigger, type MenuProps, } from "./components/menu/menu";
 export { NumberField, type NumberFieldProps, } from "./components/number-field/number-field";
 export { Text, type TextProps, type TextVariantProps, } from "./components/text/text";
 export { TextArea, type TextAreaProps, type TextAreaVariantProps, } from "./components/text-area/text-area";
 export { TextAreaField, type TextAreaFieldProps, } from "./components/text-area-field/text-area-field";
 export { TextField, type TextFieldProps, } from "./components/text-field/text-field";
+export { Theme, type ThemeProps } from "./components/theme/theme";
 export { Thumbnail, type ThumbnailProps, type ThumbnailVariantProps, } from "./components/thumbnail/thumbnail";
-export { List, ListItem, type ListProps, type ListVariantProps, } from "./components/list/list";
 export { useFocusRing } from "./hooks/useFocusRing/useFocusRing";
 export { ValidationAlert, type ValidationAlertProps, type ValidationAlertVariantProps, } from "./components/validation-alert/validation-alert";
 //# 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,EACL,WAAW,EACX,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,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,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,oBAAoB,GAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,gDAAgD,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,EACL,WAAW,EACX,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,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,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,SAAS,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,oBAAoB,GAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,gDAAgD,CAAC"}