@stenajs-webui/forms 20.17.1 → 20.17.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/checkbox/CheckboxWithLabel.d.ts +7 -1
- package/dist/components/ui/radio/RadioButtonWithLabel.d.ts +6 -0
- package/dist/components/ui/switch/SwitchWithLabel.d.ts +6 -0
- package/dist/index.es.js +270 -240
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
|
@@ -2,7 +2,13 @@ import * as React from "react";
|
|
|
2
2
|
import { Ref } from "react";
|
|
3
3
|
import { CheckboxProps } from "./Checkbox";
|
|
4
4
|
export interface CheckboxWithLabelProps extends CheckboxProps {
|
|
5
|
-
label
|
|
5
|
+
label: string;
|
|
6
|
+
/**
|
|
7
|
+
* If set, this label is used by screen readers instead of label prop.
|
|
8
|
+
* For example, label could be "male", while screenReaderLabel is "Gender male".
|
|
9
|
+
* If not set, screen readers will use label prop.
|
|
10
|
+
*/
|
|
11
|
+
screenReaderLabel?: string;
|
|
6
12
|
textColor?: string;
|
|
7
13
|
wrapperRef?: Ref<HTMLDivElement>;
|
|
8
14
|
inputRef?: Ref<HTMLInputElement>;
|
|
@@ -3,6 +3,12 @@ import { Ref } from "react";
|
|
|
3
3
|
import { RadioButtonProps } from "./RadioButton";
|
|
4
4
|
export interface RadioButtonWithLabelProps extends RadioButtonProps {
|
|
5
5
|
label: string;
|
|
6
|
+
/**
|
|
7
|
+
* If set, this label is used by screen readers instead of label prop.
|
|
8
|
+
* For example, label could be "male", while screenReaderLabel is "Gender male".
|
|
9
|
+
* If not set, screen readers will use label prop.
|
|
10
|
+
*/
|
|
11
|
+
screenReaderLabel?: string;
|
|
6
12
|
textColor?: string;
|
|
7
13
|
wrapperRef?: Ref<HTMLDivElement>;
|
|
8
14
|
inputRef?: Ref<HTMLInputElement>;
|
|
@@ -2,6 +2,12 @@ import * as React from "react";
|
|
|
2
2
|
import { SwitchProps } from "./Switch";
|
|
3
3
|
export interface SwitchWithLabelProps extends SwitchProps {
|
|
4
4
|
label: string;
|
|
5
|
+
/**
|
|
6
|
+
* If set, this label is used by screen readers instead of label prop.
|
|
7
|
+
* For example, label could be "male", while screenReaderLabel is "Gender male".
|
|
8
|
+
* If not set, screen readers will use label prop.
|
|
9
|
+
*/
|
|
10
|
+
screenReaderLabel?: string;
|
|
5
11
|
textColor?: string;
|
|
6
12
|
}
|
|
7
13
|
export declare const SwitchWithLabel: React.FC<SwitchWithLabelProps>;
|