react-magma-dom 4.10.2-next.2 → 4.11.0-next.11
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/Checkbox/index.d.ts +4 -0
- package/dist/components/DateTimePicker/index.d.ts +7 -2
- package/dist/components/Dropdown/DropdownSplitButton.d.ts +5 -0
- package/dist/components/Select/SelectContainer.d.ts +1 -0
- package/dist/components/Select/index.d.ts +4 -0
- package/dist/components/TimePicker/useTimePicker.d.ts +4 -0
- package/dist/esm/index.js +6596 -6442
- package/dist/esm/index.js.map +1 -1
- package/dist/properties.json +120 -76
- package/dist/react-magma-dom.cjs.development.js +3013 -2862
- 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
|
@@ -68,6 +68,10 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
|
|
|
68
68
|
* @internal
|
|
69
69
|
*/
|
|
70
70
|
hideFocus?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Text for aria-label attribute for the checkbox.
|
|
73
|
+
*/
|
|
74
|
+
ariaLabel?: string;
|
|
71
75
|
}
|
|
72
76
|
export declare const HiddenLabelText: import("@emotion/styled").StyledComponent<{
|
|
73
77
|
theme?: import("@emotion/react").Theme;
|
|
@@ -71,14 +71,19 @@ export interface DateTimePickerProps extends Omit<React.InputHTMLAttributes<HTML
|
|
|
71
71
|
* Value of the date input, used when setting the date value externally
|
|
72
72
|
*/
|
|
73
73
|
value?: Date;
|
|
74
|
+
/**
|
|
75
|
+
* Optional timezone to display with the selected date and time (e.g. "America/New_York").
|
|
76
|
+
* If provided, the component will display its short abbreviation (e.g. "EST") and include the timezone when returning values.
|
|
77
|
+
*/
|
|
78
|
+
timezone?: string;
|
|
74
79
|
/**
|
|
75
80
|
* Event that will fire when day is changed
|
|
76
81
|
*/
|
|
77
|
-
onDateChange?: (day: Date, event: React.SyntheticEvent) => void;
|
|
82
|
+
onDateChange?: (day: Date, event: React.SyntheticEvent, timezone?: string) => void;
|
|
78
83
|
/**
|
|
79
84
|
* Event that will fire when time is changed
|
|
80
85
|
*/
|
|
81
|
-
onTimeChange?: (time: string) => void;
|
|
86
|
+
onTimeChange?: (time: string, timezone?: string) => void;
|
|
82
87
|
/**
|
|
83
88
|
* Event that will fire when the text input loses focus
|
|
84
89
|
*/
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { IconProps } from 'react-magma-icons';
|
|
2
3
|
import { ButtonStyles } from '../Button';
|
|
3
4
|
export interface DropdownSplitButtonProps extends ButtonStyles {
|
|
4
5
|
/**
|
|
@@ -17,6 +18,10 @@ export interface DropdownSplitButtonProps extends ButtonStyles {
|
|
|
17
18
|
* If true, element is disabled
|
|
18
19
|
*/
|
|
19
20
|
disabled?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Leading icon to display on the left side within the component
|
|
23
|
+
*/
|
|
24
|
+
leadingIcon?: React.ReactElement<IconProps>;
|
|
20
25
|
/**
|
|
21
26
|
* Function that fires when the button is clicked
|
|
22
27
|
*/
|
|
@@ -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
|
*/
|
|
@@ -19,6 +19,10 @@ export interface UseTimePickerProps extends Omit<FormFieldContainerBaseProps, 'i
|
|
|
19
19
|
* Full time value passed in and converted to use in hour, minute, and AM/PM fields. To clear the TimePicker - send the undefined value.
|
|
20
20
|
*/
|
|
21
21
|
value?: string | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* @internal
|
|
24
|
+
*/
|
|
25
|
+
timezone?: string;
|
|
22
26
|
/**
|
|
23
27
|
* Function called when the component is changed to a new time
|
|
24
28
|
*/
|