@abgov/react-components 6.5.0-alpha.2 → 6.5.0-alpha.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.
@@ -18,6 +18,8 @@ interface WCProps extends Margins {
18
18
  value?: string | number;
19
19
  arialabel?: string;
20
20
  description?: string | React.ReactNode;
21
+ reveal?: React.ReactNode;
22
+ revealarialabel?: string;
21
23
  maxwidth?: string;
22
24
  testid?: string;
23
25
  }
@@ -33,9 +35,11 @@ export interface GoabCheckboxProps extends Margins {
33
35
  testId?: string;
34
36
  ariaLabel?: string;
35
37
  description?: string | React.ReactNode;
38
+ reveal?: React.ReactNode;
39
+ revealAriaLabel?: string;
36
40
  maxWidth?: string;
37
41
  onChange?: (detail: GoabCheckboxOnChangeDetail) => void;
38
42
  }
39
43
  export type Props = GoabCheckboxProps;
40
- export declare function GoabCheckbox({ id, name, testId, error, disabled, checked, value, text, description, maxWidth, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoabCheckboxProps): JSX.Element;
44
+ export declare function GoabCheckbox({ id, name, testId, error, disabled, checked, value, text, description, reveal, revealAriaLabel, maxWidth, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoabCheckboxProps): JSX.Element;
41
45
  export default GoabCheckbox;
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- import { GoabDatePickerOnChangeDetail, Margins } from '@abgov/ui-components-common';
2
+ import { GoabDatePickerInputType, GoabDatePickerOnChangeDetail, Margins } from '@abgov/ui-components-common';
3
3
  interface WCProps extends Margins {
4
4
  ref: React.RefObject<HTMLElement | null>;
5
5
  name?: string;
@@ -7,6 +7,7 @@ interface WCProps extends Margins {
7
7
  error?: string;
8
8
  min?: string;
9
9
  max?: string;
10
+ type?: string;
10
11
  relative?: string;
11
12
  disabled?: string;
12
13
  testid?: string;
@@ -24,13 +25,14 @@ export interface GoabDatePickerProps extends Margins {
24
25
  error?: boolean;
25
26
  min?: Date;
26
27
  max?: Date;
28
+ type?: GoabDatePickerInputType;
27
29
  testId?: string;
28
30
  /***
29
31
  * @deprecated This property has no effect and will be removed in a future version
30
32
  */
31
33
  relative?: boolean;
32
34
  disabled?: boolean;
33
- onChange: (detail: GoabDatePickerOnChangeDetail) => void;
35
+ onChange?: (detail: GoabDatePickerOnChangeDetail) => void;
34
36
  }
35
- export declare function GoabDatePicker({ name, value, error, min, max, testId, disabled, mt, mr, mb, ml, relative, onChange, }: GoabDatePickerProps): JSX.Element;
37
+ export declare function GoabDatePicker({ name, value, error, min, max, testId, disabled, type, mt, mr, mb, ml, relative, onChange, }: GoabDatePickerProps): JSX.Element;
36
38
  export default GoabDatePicker;
@@ -25,6 +25,7 @@ interface WCProps extends Margins {
25
25
  suffix?: string;
26
26
  arialabel?: string;
27
27
  testid?: string;
28
+ textalign?: string;
28
29
  min?: string | number;
29
30
  max?: string | number;
30
31
  step?: number;
@@ -61,6 +62,7 @@ interface BaseProps extends Margins {
61
62
  trailingContent?: React.ReactNode;
62
63
  maxLength?: number;
63
64
  trailingIconAriaLabel?: string;
65
+ textAlign?: "left" | "right";
64
66
  }
65
67
  type OnChange<T = string> = (detail: GoabInputOnChangeDetail<T>) => void;
66
68
  type OnFocus<T = string> = (detail: GoabInputOnFocusDetail<T>) => void;
@@ -96,7 +98,7 @@ interface GoabDateInputProps extends BaseProps {
96
98
  onBlur?: OnBlur<GoabDate>;
97
99
  onKeyPress?: OnKeyPress<GoabDate>;
98
100
  }
99
- export declare function GoabInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, trailingIconAriaLabel, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, }: GoabInputProps & {
101
+ export declare function GoabInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, trailingIconAriaLabel, textAlign, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, }: GoabInputProps & {
100
102
  type?: GoabInputType;
101
103
  }): JSX.Element;
102
104
  export declare function GoabInputText(props: GoabInputProps): JSX.Element;
@@ -110,6 +112,6 @@ export declare function GoabInputUrl(props: GoabInputProps): JSX.Element;
110
112
  export declare function GoabInputTel(props: GoabInputProps): JSX.Element;
111
113
  export declare function GoabInputFile(props: GoabInputProps): JSX.Element;
112
114
  export declare function GoabInputMonth(props: GoabInputProps): JSX.Element;
113
- export declare function GoabInputNumber({ min, max, value, ...props }: GoabNumberInputProps): JSX.Element;
115
+ export declare function GoabInputNumber({ min, max, value, textAlign, ...props }: GoabNumberInputProps): JSX.Element;
114
116
  export declare function GoabInputRange(props: GoabInputProps): JSX.Element;
115
117
  export default GoabInput;
@@ -4,6 +4,8 @@ interface WCProps extends Margins {
4
4
  name?: string;
5
5
  value?: string;
6
6
  description?: string | React.ReactNode;
7
+ reveal?: React.ReactNode;
8
+ revealarialabel?: string;
7
9
  label?: string;
8
10
  maxwidth?: string;
9
11
  disabled?: string;
@@ -23,6 +25,8 @@ export interface GoabRadioItemProps extends Margins {
23
25
  label?: string;
24
26
  name?: string;
25
27
  description?: string | React.ReactNode;
28
+ reveal?: React.ReactNode;
29
+ revealAriaLabel?: string;
26
30
  maxWidth?: string;
27
31
  disabled?: boolean;
28
32
  checked?: boolean;
@@ -30,5 +34,5 @@ export interface GoabRadioItemProps extends Margins {
30
34
  children?: React.ReactNode;
31
35
  ariaLabel?: string;
32
36
  }
33
- export declare function GoabRadioItem({ name, label, value, description, maxWidth, disabled, checked, error, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
37
+ export declare function GoabRadioItem({ name, label, value, description, reveal, revealAriaLabel, maxWidth, disabled, checked, error, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
34
38
  export default GoabRadioItem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/react-components",
3
- "version": "6.5.0-alpha.2",
3
+ "version": "6.5.0-alpha.3",
4
4
  "description": "Government of Alberta - UI components for React",
5
5
  "bugs": {
6
6
  "url": "https://github.com/GovAlta/ui-components/issues"