@salt-ds/lab 1.0.0-alpha.5 → 1.0.0-alpha.6

package/dist-types/form-field-context/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./FormFieldContext";
+export * from "./FormFieldContextNext";
 export * from "./useFormFieldProps";
+export * from "./useFormFieldPropsNext";

package/dist-types/form-field-context/useFormFieldPropsNext.d.ts

@@ -0,0 +1,2 @@
+import { FormFieldContextNextValue } from "./FormFieldContextNext";
+export declare function useFormFieldPropsNext(): Partial<FormFieldContextNextValue>;

package/dist-types/form-field-next/FormFieldHelperText.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TextProps } from "@salt-ds/core";
+import { FormFieldProps } from "./FormFieldNext";
+import "./FormFieldHelperText.css";
+export interface FormFieldHelperTextProps extends Omit<TextProps<"label">, "variant" | "styleAs"> {
+    helperText: FormFieldProps["helperText"];
+    disabled?: boolean;
+}
+export declare const FormFieldHelperText: ({ className, disabled, helperText, ...restProps }: FormFieldHelperTextProps) => JSX.Element;

package/dist-types/form-field-next/FormFieldLabel.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TextProps } from "@salt-ds/core";
+import "./FormFieldLabel.css";
+export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant" | "styleAs"> {
+    /**
+     * Whether the Form Field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The label value for the FormFieldLabel
+     */
+    label?: string;
+}
+export declare const FormFieldLabel: ({ className, disabled, label, ...restProps }: FormFieldLabelProps) => JSX.Element;

package/dist-types/form-field-next/FormFieldNext.d.ts

@@ -0,0 +1,50 @@
+import { HTMLAttributes } from "react";
+import "./FormFieldNext.css";
+export declare type FormFieldLabelPlacement = "top" | "left";
+export interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, A11yValueProps {
+    /**
+     * Disabled prop
+     */
+    disabled?: boolean;
+    /**
+     * The helper text content
+     */
+    helperText?: string;
+    /**
+     * The label value for the FormField
+     */
+    label?: string;
+    /**
+     * Location the label, values: 'top' (default) or 'left'
+     */
+    labelPlacement?: FormFieldLabelPlacement;
+    /**
+     * Readonly prop
+     */
+    readOnly?: boolean;
+    /**
+     * Optional id prop
+     */
+    id?: string;
+}
+export interface A11yValueProps {
+    /**
+     * If `true`, the FormField will be disabled.
+     */
+    disabled?: boolean;
+    /** Helper Text */
+    helperTextId?: string;
+    /** id of the label node */
+    labelId?: string;
+    /**
+     * If `true`, the FormField will be readonly.
+     */
+    readOnly?: boolean;
+}
+export interface useA11yValueValue {
+    "aria-labelledby": A11yValueProps["labelId"];
+    "aria-describedby": A11yValueProps["helperTextId"] | undefined;
+    disabled: A11yValueProps["disabled"];
+    readOnly: A11yValueProps["readOnly"];
+}
+export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/form-field-next/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./FormFieldNext";
+export * from "./FormFieldHelperText";
+export * from "./FormFieldLabel";

package/dist-types/index.d.ts

@@ -23,10 +23,12 @@ export * from "./dropdown";
 export * from "./editable-label";
 export * from "./file-drop-zone";
 export * from "./form-field";
+export { FormField as FormFieldNext } from "./form-field-next";
 export * from "./form-field-context";
 export * from "./form-group";
 export * from "./formatted-input";
 export * from "./input";
+export { Input as InputNext } from "./input-next";
 export * from "./layer-layout";
 export * from "./list";
 export * from "./logo";

package/dist-types/input-next/InputNext.d.ts

@@ -0,0 +1,34 @@
+import { ChangeEvent, HTMLAttributes, InputHTMLAttributes } from "react";
+import "./InputNext.css";
+export interface InputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /**
+     * The value of the `input` element, required for an uncontrolled component.
+     */
+    defaultValue?: HTMLInputElement["defaultValue"];
+    /**
+     * If `true`, the component is disabled.
+     */
+    disabled?: HTMLInputElement["disabled"];
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Callback for change event.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    type?: HTMLInputElement["type"];
+    /**
+     * The value of the `input` element, required for a controlled component.
+     */
+    value?: HTMLInputElement["value"];
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist-types/input-next/index.d.ts

@@ -0,0 +1 @@
+export * from "./InputNext";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.6",
   "license": "Apache-2.0",
   "main": "dist-cjs/packages/lab/src/index.js",
   "sideEffects": [
@@ -23,12 +23,12 @@
   "module": "dist-es/packages/lab/src/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
-    "@salt-ds/core": "1.5.0",
+    "@salt-ds/core": "1.6.0",
     "clsx": "^1.2.1",
     "react-window": "^1.8.6",
     "compute-scroll-into-view": "^3.0.0",
-    "@floating-ui/react": "^0.20.0",
-    "@salt-ds/icons": "1.2.0",
+    "@floating-ui/react": "^0.23.0",
+    "@salt-ds/icons": "1.3.0",
     "@internationalized/date": "^3.0.0",
     "tinycolor2": "^1.4.2",
     "react-color": "^2.19.3",