react-magma-dom 5.1.0-rc.11 → 5.1.0-rc.13
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/NavTabs/NavTabs.d.ts +4 -2
- package/dist/components/NavTabs/NavTabs.stories.d.ts +3 -3
- package/dist/components/Select/Select.stories.d.ts +10 -0
- package/dist/components/Select/SelectContainer.d.ts +1 -0
- package/dist/components/Select/index.d.ts +4 -0
- package/dist/esm/index.js +75 -54
- package/dist/esm/index.js.map +1 -1
- package/dist/properties.json +123 -0
- package/dist/react-magma-dom.cjs.development.js +70 -52
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,9 @@ import * as React from 'react';
|
|
|
2
2
|
import { TabsBorderPosition, TabsIconPosition, TabsProps } from '../Tabs';
|
|
3
3
|
import { Omit } from '../../utils';
|
|
4
4
|
import { TabsOrientation, TabsTextTransform } from '../Tabs/shared';
|
|
5
|
-
export
|
|
5
|
+
export interface NavTabsProps extends Omit<TabsProps, 'onChange'> {
|
|
6
|
+
'aria-label': string;
|
|
7
|
+
}
|
|
6
8
|
interface NavTabsContextInterface {
|
|
7
9
|
borderPosition?: TabsBorderPosition;
|
|
8
10
|
iconPosition?: TabsIconPosition;
|
|
@@ -12,5 +14,5 @@ interface NavTabsContextInterface {
|
|
|
12
14
|
textTransform?: TabsTextTransform;
|
|
13
15
|
}
|
|
14
16
|
export declare const NavTabsContext: React.Context<NavTabsContextInterface>;
|
|
15
|
-
export declare const NavTabs: React.ForwardRefExoticComponent<(
|
|
17
|
+
export declare const NavTabs: React.ForwardRefExoticComponent<(NavTabsProps & import("../Tabs").HorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (NavTabsProps & import("../Tabs").VerticalTabsProps & React.RefAttributes<HTMLDivElement>)>;
|
|
16
18
|
export {};
|
|
@@ -4,20 +4,20 @@ import { NavTabsProps } from '.';
|
|
|
4
4
|
declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const Default: {
|
|
7
|
-
render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R,
|
|
7
|
+
render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, NavTabsProps>;
|
|
8
8
|
args: {};
|
|
9
9
|
};
|
|
10
10
|
export declare const IconOnly: StoryObj<NavTabsProps>;
|
|
11
11
|
export declare const BackgroundColor: StoryObj<NavTabsProps>;
|
|
12
12
|
export declare const Inverse: {
|
|
13
|
-
render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R,
|
|
13
|
+
render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, NavTabsProps>;
|
|
14
14
|
args: {
|
|
15
15
|
isInverse: boolean;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
export declare const CustomTab: StoryObj<NavTabsProps>;
|
|
19
19
|
export declare const Scrolling: {
|
|
20
|
-
render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R,
|
|
20
|
+
render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, NavTabsProps & {
|
|
21
21
|
activeIndex: number;
|
|
22
22
|
}>;
|
|
23
23
|
args: {
|
|
@@ -21,6 +21,7 @@ export declare const Default: {
|
|
|
21
21
|
isLabelVisuallyHidden: boolean;
|
|
22
22
|
isMulti: boolean;
|
|
23
23
|
labelPosition: LabelPosition;
|
|
24
|
+
ariaLabel: string;
|
|
24
25
|
};
|
|
25
26
|
};
|
|
26
27
|
export declare const Disabled: {
|
|
@@ -42,12 +43,14 @@ export declare const Disabled: {
|
|
|
42
43
|
isLabelVisuallyHidden: boolean;
|
|
43
44
|
isMulti: boolean;
|
|
44
45
|
labelPosition: LabelPosition;
|
|
46
|
+
ariaLabel: string;
|
|
45
47
|
};
|
|
46
48
|
};
|
|
47
49
|
export declare const Multi: {
|
|
48
50
|
render: (props: MultiSelectProps<SelectOptions>) => React.JSX.Element;
|
|
49
51
|
args: {
|
|
50
52
|
disabled: boolean;
|
|
53
|
+
ariaLabel: string;
|
|
51
54
|
labelText: string;
|
|
52
55
|
items: ({
|
|
53
56
|
label: string;
|
|
@@ -90,6 +93,7 @@ export declare const ErrorMessage: {
|
|
|
90
93
|
isLabelVisuallyHidden: boolean;
|
|
91
94
|
isMulti: boolean;
|
|
92
95
|
labelPosition: LabelPosition;
|
|
96
|
+
ariaLabel: string;
|
|
93
97
|
};
|
|
94
98
|
};
|
|
95
99
|
export declare const HelperMessage: {
|
|
@@ -110,6 +114,7 @@ export declare const HelperMessage: {
|
|
|
110
114
|
isLabelVisuallyHidden: boolean;
|
|
111
115
|
isMulti: boolean;
|
|
112
116
|
labelPosition: LabelPosition;
|
|
117
|
+
ariaLabel: string;
|
|
113
118
|
};
|
|
114
119
|
};
|
|
115
120
|
export declare const Inverse: {
|
|
@@ -132,6 +137,7 @@ export declare const Inverse: {
|
|
|
132
137
|
isClearable: boolean;
|
|
133
138
|
isLabelVisuallyHidden: boolean;
|
|
134
139
|
labelPosition: LabelPosition;
|
|
140
|
+
ariaLabel: string;
|
|
135
141
|
};
|
|
136
142
|
decorators: ((Story: any) => React.JSX.Element)[];
|
|
137
143
|
};
|
|
@@ -153,6 +159,7 @@ export declare const LeftAlignedLabel: {
|
|
|
153
159
|
isClearable: boolean;
|
|
154
160
|
isLabelVisuallyHidden: boolean;
|
|
155
161
|
isMulti: boolean;
|
|
162
|
+
ariaLabel: string;
|
|
156
163
|
};
|
|
157
164
|
};
|
|
158
165
|
export declare const LeftAlignedLabelWithContainer: {
|
|
@@ -173,6 +180,7 @@ export declare const LeftAlignedLabelWithContainer: {
|
|
|
173
180
|
isClearable: boolean;
|
|
174
181
|
isLabelVisuallyHidden: boolean;
|
|
175
182
|
isMulti: boolean;
|
|
183
|
+
ariaLabel: string;
|
|
176
184
|
};
|
|
177
185
|
decorators: ((Story: any) => React.JSX.Element)[];
|
|
178
186
|
};
|
|
@@ -204,6 +212,7 @@ export declare const WithDisabledItems: {
|
|
|
204
212
|
isLabelVisuallyHidden: boolean;
|
|
205
213
|
isMulti: boolean;
|
|
206
214
|
labelPosition: LabelPosition;
|
|
215
|
+
ariaLabel: string;
|
|
207
216
|
};
|
|
208
217
|
};
|
|
209
218
|
export declare const MultiWithDisabledItems: {
|
|
@@ -243,5 +252,6 @@ export declare const MultiWithDisabledItems: {
|
|
|
243
252
|
helperMessage: string;
|
|
244
253
|
isLabelVisuallyHidden: boolean;
|
|
245
254
|
labelPosition: LabelPosition;
|
|
255
|
+
ariaLabel: string;
|
|
246
256
|
};
|
|
247
257
|
};
|
|
@@ -11,6 +11,7 @@ export declare const SelectContainerElement: import("@emotion/styled").StyledCom
|
|
|
11
11
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
12
|
interface SelectContainerInterface<T> {
|
|
13
13
|
additionalContent?: React.ReactNode;
|
|
14
|
+
ariaLabel?: string;
|
|
14
15
|
children: React.ReactNode[];
|
|
15
16
|
containerStyle?: React.CSSProperties;
|
|
16
17
|
descriptionId?: string;
|
|
@@ -107,6 +107,10 @@ export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>,
|
|
|
107
107
|
* Id of the element that describes the select trigger button
|
|
108
108
|
*/
|
|
109
109
|
ariaDescribedBy?: string;
|
|
110
|
+
/**
|
|
111
|
+
* Aria label for the select trigger button
|
|
112
|
+
*/
|
|
113
|
+
ariaLabel?: string;
|
|
110
114
|
/**
|
|
111
115
|
* @internal
|
|
112
116
|
*/
|