@stenajs-webui/forms 19.0.0-next.4 → 19.0.0-next.41

package/dist/components/ui/input-label/InputLabel.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface InputLabelProps {
+    htmlFor?: string;
+    label?: string;
+    screenReaderLabel?: string;
+    className?: string;
+    disabled?: boolean;
+}
+export declare const InputLabel: React.FC<InputLabelProps>;

package/dist/components/ui/input-label/InputLabelText.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface InputLabelTextProps {
+    disabled?: boolean;
+    text?: string;
+}
+export declare const InputLabelText: React.FC<InputLabelTextProps>;

package/dist/components/ui/labelled-text-input/LabelledTextInput.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { InputElementProps } from "@stenajs-webui/core";
+import { ValueAndOnValueChangeProps } from "../types";
+export declare type LabelledTextInputVariant = "normal" | "error";
+export declare type LabelledTextInputSize = "medium" | "large";
+export declare type LabelledTextInputBorderVariant = "normalBorder" | "onlyTop" | "onlyBottom";
+export interface LabelledTextInputProps extends Omit<InputElementProps, "value" | "size">, ValueAndOnValueChangeProps<string> {
+    id: string;
+    label?: string;
+    size?: LabelledTextInputSize;
+    screenReaderLabel?: string;
+    pattern?: string;
+    borderRadiusVariant?: LabelledTextInputBorderVariant;
+    variant?: LabelledTextInputVariant;
+}
+export declare const LabelledTextInput: React.ForwardRefExoticComponent<LabelledTextInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/radio/RadioButtonBox.d.ts

@@ -0,0 +1,16 @@
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import * as React from "react";
+import { RadioButtonProps } from "./RadioButton";
+export declare type RadioButtonBoxVariant = "normal" | "danger";
+export interface RadioButtonBoxProps extends RadioButtonProps {
+    label?: string;
+    /**
+     * If set, this label is used by screen readers instead of label prop.
+     * For example, label could be "male", while screenReaderLabel is "Gender male".
+     * If not set, screen readers will use label prop.
+     */
+    screenReaderLabel?: string;
+    variant?: RadioButtonBoxVariant;
+    icon?: IconDefinition;
+}
+export declare const RadioButtonBox: React.FC<RadioButtonBoxProps>;

package/dist/index.d.ts

@@ -3,10 +3,14 @@ export * from "./components/ui/switch/SwitchWithLabel";
 export * from "./components/ui/checkbox/CheckboxWithLabel";
 export * from "./components/ui/checkbox/Checkbox";
 export * from "./components/ui/radio/RadioButton";
+export * from "./components/ui/radio/RadioButtonBox";
 export * from "./components/ui/radio/RadioButtonWithLabel";
 export * from "./components/ui/numeric-text-input/NumericTextInput";
 export * from "./components/ui/numeric-text-input/hooks/UseNumericInputValue";
 export * from "./components/ui/password-input/PasswordInput";
+export * from "./components/ui/input-label/InputLabel";
+export * from "./components/ui/input-label/InputLabelText";
+export * from "./components/ui/labelled-text-input/LabelledTextInput";
 export * from "./components/ui/text-input/TextInput";
 export * from "./components/ui/text-input/TextInputBox";
 export * from "./components/ui/text-area/TextArea";