@helpscout/ui-kit-react 0.1.0 → 0.1.1

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

@@ -0,0 +1,16 @@
+import { type VariantProps } from "class-variance-authority";
+import { type InputProps as RACInputProps } from "react-aria-components";
+declare const inputStyles: (props?: ({
+    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 {
+    /** 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 namespace Input {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { type NumberFieldProps as RCANumberFieldProps } from "react-aria-components";
+export interface NumberFieldProps extends RCANumberFieldProps {
+}
+export declare function NumberField({ className, ...props }: NumberFieldProps): JSX.Element;
+export declare namespace NumberField {
+    var displayName: string;
+}
+//# sourceMappingURL=numberfield.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numberfield.d.ts","sourceRoot":"","sources":["../../../../lib/components/numberfield/numberfield.tsx"],"names":[],"mappings":"AAGA,OAAO,EAOL,KAAK,gBAAgB,IAAI,mBAAmB,EAC7C,MAAM,uBAAuB,CAAC;AAY/B,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;CAAG;AAEhE,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4BhC;yBA/Be,WAAW"}

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { type VariantProps } from "class-variance-authority";
 declare const textStyles: (props?: ({
-    tone?: "default" | "success" | "warning" | "error" | "critical" | "headline" | "dark" | "light" | "disabled" | "info" | null | undefined;
+    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;
     visuallyHidden?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

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" | "headline" | "dark" | "light" | "disabled" | "info";
+    tone: "default" | "success" | "warning" | "error" | "critical" | "disabled" | "headline" | "dark" | "light" | "info";
 };
 //# sourceMappingURL=text.utils.d.ts.map

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

@@ -0,0 +1,20 @@
+import { type TextFieldProps as RACTextFieldProps } from "react-aria-components";
+export interface TextFieldProps extends Omit<RACTextFieldProps, "isInvalid"> {
+    /** The label for the input. */
+    label?: string;
+    /** Shows a description under the label. */
+    description?: string;
+    /** Controls if the textfield is disabled. */
+    isDisabled?: boolean;
+    /** Shows a placeholder in the input. */
+    placeholder?: string;
+    /** Shows a validation message under the input. */
+    validationMessage?: string;
+    /** Changes the appearance of the text field. */
+    validationState?: "error" | "success" | "warning";
+}
+export declare function TextField({ label, description, isRequired, placeholder, validationMessage, validationState, ...props }: TextFieldProps): JSX.Element;
+export declare namespace TextField {
+    var displayName: string;
+}
+//# sourceMappingURL=text-field.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

package/dist/lib/components/validation-alert/validation-alert.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
+declare const validationAlertStyles: (props?: ({
+    state?: "success" | "warning" | "error" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ValidationAlertVariantProps = VariantProps<typeof validationAlertStyles>;
+export interface ValidationAlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Changes the appearance of the alert to indicate an error, success, or warning state. */
+    state?: ValidationAlertVariantProps["state"];
+}
+export declare function ValidationAlert({ children, className, state, ...props }: ValidationAlertProps): JSX.Element | null;
+export declare namespace ValidationAlert {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=validation-alert.d.ts.map

package/dist/lib/components/validation-alert/validation-alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-alert.d.ts","sourceRoot":"","sources":["../../../../lib/components/validation-alert/validation-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,qBAAqB;;8EAQzB,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,OAAO,qBAAqB,CAC7B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,2FAA2F;IAC3F,KAAK,CAAC,EAAE,2BAA2B,CAAC,OAAO,CAAC,CAAC;CAC9C;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAa3C;yBAlBe,eAAe"}

package/dist/lib/components/validation-alert/validation-alert.test.d.ts

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

package/dist/lib/components/validation-alert/validation-alert.test.d.ts.map

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

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

@@ -1,8 +1,13 @@
 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 { 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 { Text, type TextProps, type TextVariantProps, } from "./components/text/text";
+export { TextField, type TextFieldProps, } from "./components/text-field/text-field";
 export { Thumbnail, type ThumbnailProps, type ThumbnailVariantProps, } from "./components/thumbnail/thumbnail";
+export { useFocusRing } from "./hooks/useFocusRing/useFocusRing";
+export { ValidationAlert, type ValidationAlertProps, type ValidationAlertVariantProps, } from "./components/validation-alert/validation-alert";
+export { NumberField, type NumberFieldProps, } from "./components/numberfield/numberfield";
 //# 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,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"}
+{"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,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,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAC;AAC5C,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;AACxD,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,sCAAsC,CAAC"}