@duro-app/ui 3.2.1 → 3.4.0
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/CheckboxGroup/CheckboxGroup.d.ts +9 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/Field/Field.d.ts +10 -1
- package/dist/components/Field/Field.d.ts.map +1 -1
- package/dist/components/Field/Field.meta.d.ts.map +1 -1
- package/dist/components/Field/Field.stories.d.ts +3 -0
- package/dist/components/Field/Field.stories.d.ts.map +1 -1
- package/dist/components/Field/FieldContext.d.ts +19 -0
- package/dist/components/Field/FieldContext.d.ts.map +1 -1
- package/dist/components/Fieldset/Fieldset.d.ts +1 -0
- package/dist/components/Fieldset/Fieldset.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +9 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +9 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts.map +1 -1
- package/dist/index.js +1646 -1593
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/CheckboxGroup/CheckboxGroup.tsx +12 -0
- package/src/components/Field/Field.meta.ts +27 -0
- package/src/components/Field/Field.stories.tsx +93 -0
- package/src/components/Field/Field.tsx +51 -7
- package/src/components/Field/FieldContext.ts +25 -0
- package/src/components/Fieldset/Fieldset.tsx +26 -9
- package/src/components/RadioGroup/RadioGroup.tsx +12 -0
- package/src/components/ToggleGroup/ToggleGroup.tsx +12 -0
|
@@ -5,9 +5,17 @@ interface RootProps {
|
|
|
5
5
|
onValueChange?: (value: string[]) => void;
|
|
6
6
|
orientation?: 'horizontal' | 'vertical';
|
|
7
7
|
disabled?: boolean;
|
|
8
|
+
/** Accessible name when the group is not inside a Field.Root (inside one,
|
|
9
|
+
* the Field.Label names it). */
|
|
10
|
+
'aria-label'?: string;
|
|
11
|
+
/** id of the element that names the group, when not inside a Field.Root. */
|
|
12
|
+
'aria-labelledby'?: string;
|
|
8
13
|
children: ReactNode;
|
|
9
14
|
}
|
|
10
|
-
declare function Root({ value: controlledValue, defaultValue, onValueChange, orientation, disabled, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function Root({ value: controlledValue, defaultValue, onValueChange, orientation, disabled, children, ...labelling }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare namespace Root {
|
|
17
|
+
var isFieldGroup: true;
|
|
18
|
+
}
|
|
11
19
|
interface ItemProps {
|
|
12
20
|
value: string;
|
|
13
21
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAA;AA2B5E,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;qCACiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,WAAwB,EACxB,QAAgB,EAChB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,SAAS,2CAyBX;kBAjCQ,IAAI;;;AAqCb,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAoB,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAiBzE;AAKD,eAAO,MAAM,aAAa;;;CAGzB,CAAA"}
|
|
@@ -2,13 +2,22 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { LabelPosition } from '../Form/FormContext';
|
|
3
3
|
interface RootProps {
|
|
4
4
|
name?: string;
|
|
5
|
+
/** The control is a group of controls rather than one input — the label
|
|
6
|
+
* then names the group (`aria-labelledby`) instead of pointing `for` at an
|
|
7
|
+
* input. Detected automatically when a direct child is a ToggleGroup,
|
|
8
|
+
* CheckboxGroup.Root or RadioGroup.Root; set it for any other group. */
|
|
9
|
+
group?: boolean;
|
|
5
10
|
invalid?: boolean;
|
|
6
11
|
required?: boolean;
|
|
7
12
|
disabled?: boolean;
|
|
8
13
|
labelPosition?: LabelPosition;
|
|
9
14
|
children: ReactNode;
|
|
10
15
|
}
|
|
11
|
-
|
|
16
|
+
/** A group control marks itself so a Field can tell it holds a group. */
|
|
17
|
+
export type FieldGroupComponent = {
|
|
18
|
+
isFieldGroup?: true;
|
|
19
|
+
};
|
|
20
|
+
declare function Root({ name, group, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
12
21
|
interface LabelProps {
|
|
13
22
|
children: ReactNode;
|
|
14
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAK9E,OAAO,KAAK,EAAC,aAAa,EAAqB,MAAM,qBAAqB,CAAA;AAI1E,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAK9E,OAAO,KAAK,EAAC,aAAa,EAAqB,MAAM,qBAAqB,CAAA;AAI1E,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;6EAGyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,yEAAyE;AACzE,MAAM,MAAM,mBAAmB,GAAG;IAAC,YAAY,CAAC,EAAE,IAAI,CAAA;CAAC,CAAA;AAUvD,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAO/C;AAqJD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE,UAAU,2CAsCpC;AAGD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE,gBAAgB,2CAOhD;AAGD,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE,UAAU,kDAUpC;AAED,eAAO,MAAM,KAAK;;;;;CAKjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Field.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+DlB,CAAA"}
|
|
@@ -8,4 +8,7 @@ export declare const FormExample: Story;
|
|
|
8
8
|
export declare const WithNecessityIcon: Story;
|
|
9
9
|
export declare const LabelSide: Story;
|
|
10
10
|
export declare const Disabled: Story;
|
|
11
|
+
export declare const GroupControls: Story;
|
|
12
|
+
export declare const SingleControlStillLabelled: Story;
|
|
13
|
+
export declare const FieldsetLegendNamesTheGroup: Story;
|
|
11
14
|
//# sourceMappingURL=Field.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAcpD,QAAA,MAAM,IAAI,EAAE,IAQX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAwD3B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAaxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAWzC,CAAA"}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { LabelPosition, NecessityIndicator } from '../Form/FormContext';
|
|
2
2
|
interface FieldContextValue {
|
|
3
3
|
controlId: string;
|
|
4
|
+
/** id of the Field.Label — what a GROUP control points `aria-labelledby` at. */
|
|
5
|
+
labelId: string;
|
|
6
|
+
/** The control is a group (ToggleGroup, CheckboxGroup, RadioGroup, a set of
|
|
7
|
+
* checkboxes): the label names the group instead of pointing `for` at one
|
|
8
|
+
* input, which a group is not. */
|
|
9
|
+
group?: boolean;
|
|
4
10
|
descriptionId: string;
|
|
5
11
|
errorId: string;
|
|
6
12
|
invalid: boolean;
|
|
@@ -20,4 +26,17 @@ interface FieldContextValue {
|
|
|
20
26
|
export type { FieldContextValue };
|
|
21
27
|
export declare const FieldContext: import('react').Context<FieldContextValue | null>;
|
|
22
28
|
export declare function useFieldContext(): FieldContextValue | null;
|
|
29
|
+
interface GroupLabelling {
|
|
30
|
+
'aria-label'?: string;
|
|
31
|
+
'aria-labelledby'?: string;
|
|
32
|
+
}
|
|
33
|
+
/** The accessible-name wiring for a group control: its own `aria-label` /
|
|
34
|
+
* `aria-labelledby` when given, else the enclosing Field's label and its
|
|
35
|
+
* description / error. Outside a Field with neither, the group is unnamed —
|
|
36
|
+
* pass one. */
|
|
37
|
+
export declare function useFieldGroupLabelling(own: GroupLabelling): {
|
|
38
|
+
'aria-label': string | undefined;
|
|
39
|
+
'aria-labelledby': string | undefined;
|
|
40
|
+
'aria-describedby': string | undefined;
|
|
41
|
+
};
|
|
23
42
|
//# sourceMappingURL=FieldContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldContext.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,qBAAqB,CAAA;AAE1E,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,OAAO,CAAA;QACd,QAAQ,EAAE,CAAC,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;QACvC,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAC/B,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,YAAY,EAAC,iBAAiB,EAAC,CAAA;AAE/B,eAAO,MAAM,YAAY,mDAAgD,CAAA;AAEzE,wBAAgB,eAAe,6BAE9B"}
|
|
1
|
+
{"version":3,"file":"FieldContext.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,qBAAqB,CAAA;AAE1E,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,gFAAgF;IAChF,OAAO,EAAE,MAAM,CAAA;IACf;;uCAEmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,OAAO,CAAA;QACd,QAAQ,EAAE,CAAC,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;QACvC,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAC/B,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,YAAY,EAAC,iBAAiB,EAAC,CAAA;AAE/B,eAAO,MAAM,YAAY,mDAAgD,CAAA;AAEzE,wBAAgB,eAAe,6BAE9B;AAED,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED;;;gBAGgB;AAChB,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,cAAc;;;;EAQzD"}
|
|
@@ -12,6 +12,7 @@ declare function Root({ disabled, gap, children }: RootProps): import("react/jsx
|
|
|
12
12
|
interface LegendProps {
|
|
13
13
|
children: ReactNode;
|
|
14
14
|
}
|
|
15
|
+
/** Names the group: the Root points `aria-labelledby` at it. */
|
|
15
16
|
declare function Legend({ children }: LegendProps): import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
export declare const Fieldset: {
|
|
17
18
|
Root: typeof Root;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA6D,MAAM,OAAO,CAAA;AAEhG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,GAAG,MAAM,CAAC,CAAA;AAY/D,UAAU,SAAS;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,GAAG,CAAC,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAKD,iBAAS,IAAI,CAAC,EAAC,QAAgB,EAAE,GAAU,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAkBhE;AAGD,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,gEAAgE;AAChE,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAOtC;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}
|
|
@@ -5,9 +5,17 @@ interface RootProps {
|
|
|
5
5
|
onValueChange?: (value: string) => void;
|
|
6
6
|
orientation?: 'horizontal' | 'vertical';
|
|
7
7
|
disabled?: boolean;
|
|
8
|
+
/** Accessible name when the group is not inside a Field.Root (inside one,
|
|
9
|
+
* the Field.Label names it). */
|
|
10
|
+
'aria-label'?: string;
|
|
11
|
+
/** id of the element that names the group, when not inside a Field.Root. */
|
|
12
|
+
'aria-labelledby'?: string;
|
|
8
13
|
children: ReactNode;
|
|
9
14
|
}
|
|
10
|
-
declare function Root({ value: controlledValue, defaultValue, onValueChange, orientation, disabled, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function Root({ value: controlledValue, defaultValue, onValueChange, orientation, disabled, children, ...labelling }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare namespace Root {
|
|
17
|
+
var isFieldGroup: true;
|
|
18
|
+
}
|
|
11
19
|
interface ItemProps {
|
|
12
20
|
value: string;
|
|
13
21
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAA;AA0B5E,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;qCACiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,WAAwB,EACxB,QAAgB,EAChB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,SAAS,2CAyBX;kBAjCQ,IAAI;;;AAqCb,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAoB,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA8BzE;AAKD,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}
|
|
@@ -16,8 +16,16 @@ interface ToggleGroupProps {
|
|
|
16
16
|
orientation?: Orientation;
|
|
17
17
|
/** Size applied to all child toggles. */
|
|
18
18
|
size?: ToggleSize;
|
|
19
|
+
/** Accessible name when the group is not inside a Field.Root (inside one,
|
|
20
|
+
* the Field.Label names it). */
|
|
21
|
+
'aria-label'?: string;
|
|
22
|
+
/** id of the element that names the group, when not inside a Field.Root. */
|
|
23
|
+
'aria-labelledby'?: string;
|
|
19
24
|
children: ReactNode;
|
|
20
25
|
}
|
|
21
|
-
export declare function ToggleGroup({ value: controlledValue, defaultValue, onValueChange, multiple, disabled, orientation, size, children, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare function ToggleGroup({ value: controlledValue, defaultValue, onValueChange, multiple, disabled, orientation, size, children, ...labelling }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare namespace ToggleGroup {
|
|
28
|
+
var isFieldGroup: true;
|
|
29
|
+
}
|
|
22
30
|
export {};
|
|
23
31
|
//# sourceMappingURL=ToggleGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAqB,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAqB,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAA;AAIzE,UAAU,gBAAgB;IACxB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,yCAAyC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;qCACiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,WAA0B,EAC1B,IAAgB,EAChB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,gBAAgB,2CA8BlB;yBAxCe,WAAW"}
|