@instructure/ui-buttons 9.0.2-snapshot-3 → 9.0.2-snapshot-4
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/CHANGELOG.md +1 -1
- package/package.json +19 -19
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/BaseButton/index.d.ts +2 -2
- package/types/BaseButton/index.d.ts.map +1 -1
- package/types/Button/index.d.ts +9 -9
- package/types/CloseButton/index.d.ts +9 -9
- package/types/CondensedButton/index.d.ts +9 -9
- package/types/IconButton/index.d.ts +9 -9
- package/types/ToggleButton/index.d.ts +5 -5
|
@@ -10,7 +10,7 @@ category: components/utilities
|
|
|
10
10
|
**/
|
|
11
11
|
declare class BaseButton extends Component<BaseButtonProps> {
|
|
12
12
|
static readonly componentId = "BaseButton";
|
|
13
|
-
static propTypes: import("@instructure/shared-types
|
|
13
|
+
static propTypes: import("@instructure/shared-types").PropValidators<keyof import("./props").BaseButtonOwnProps>;
|
|
14
14
|
static allowedProps: readonly (keyof import("./props").BaseButtonOwnProps)[];
|
|
15
15
|
static defaultProps: {
|
|
16
16
|
readonly type: "button";
|
|
@@ -32,7 +32,7 @@ declare class BaseButton extends Component<BaseButtonProps> {
|
|
|
32
32
|
componentDidUpdate(): void;
|
|
33
33
|
get makeStylesVariables(): BaseButtonStyleProps;
|
|
34
34
|
get hasOnlyIconVisible(): boolean;
|
|
35
|
-
get elementType(): React.ComponentClass<any, any> | React.FunctionComponent<Readonly<BaseButtonProps>> | React.ComponentClass<Readonly<BaseButtonProps>, any> | NonNullable<import("@instructure/shared-types
|
|
35
|
+
get elementType(): React.ComponentClass<any, any> | React.FunctionComponent<Readonly<BaseButtonProps>> | React.ComponentClass<Readonly<BaseButtonProps>, any> | NonNullable<import("@instructure/shared-types").AsElementType | undefined>;
|
|
36
36
|
get interaction(): import("@instructure/ui-react-utils").InteractionType;
|
|
37
37
|
get isDisabled(): boolean;
|
|
38
38
|
get isReadOnly(): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BaseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAaxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BaseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAaxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS,iGAAY;IAC5B,MAAM,CAAC,YAAY,0DAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAeT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,mBAAmB,IAAI,oBAAoB,CAK9C;IAED,IAAI,kBAAkB,YAGrB;IAED,IAAI,WAAW,4NAEd;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,UAAU,YAEb;IAED,IAAI,UAAU,YAEb;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,UAAU,uBAiBb;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAED,WAAW,UAAW,gBAAgB,CAAC,SAAS,GAAG,OAAO,CAAC,UAa1D;IAED,aAAa,UAAW,mBAAmB,CAAC,SAAS,GAAG,OAAO,CAAC,UA0B/D;IAED,cAAc;IAgCd,MAAM;CAuDP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}
|
package/types/Button/index.d.ts
CHANGED
|
@@ -8,41 +8,41 @@ category: components
|
|
|
8
8
|
**/
|
|
9
9
|
declare class Button extends Component<ButtonProps> {
|
|
10
10
|
static readonly componentId = "Button";
|
|
11
|
-
static propTypes: import("@instructure/shared-types
|
|
11
|
+
static propTypes: import("@instructure/shared-types").PropValidators<keyof {
|
|
12
12
|
children?: React.ReactNode;
|
|
13
13
|
type?: "button" | "submit" | "reset" | undefined;
|
|
14
14
|
size?: "small" | "medium" | "large" | undefined;
|
|
15
15
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
16
|
-
as?: import("@instructure/shared-types
|
|
16
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
17
17
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
18
18
|
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
|
|
19
19
|
focusColor?: "info" | "inverse" | undefined;
|
|
20
20
|
display?: "inline-block" | "block" | undefined;
|
|
21
21
|
textAlign?: "center" | "start" | undefined;
|
|
22
22
|
withBackground?: boolean | undefined;
|
|
23
|
-
margin?: import("@instructure/emotion
|
|
24
|
-
cursor?: import("@instructure/ui-prop-types
|
|
23
|
+
margin?: import("@instructure/emotion").Spacing | undefined;
|
|
24
|
+
cursor?: import("@instructure/ui-prop-types").Cursor | undefined;
|
|
25
25
|
href?: string | undefined;
|
|
26
26
|
renderIcon?: React.ReactNode | (() => React.ReactNode);
|
|
27
|
-
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view
|
|
27
|
+
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
28
28
|
}>;
|
|
29
29
|
static allowedProps: readonly (keyof {
|
|
30
30
|
children?: React.ReactNode;
|
|
31
31
|
type?: "button" | "submit" | "reset" | undefined;
|
|
32
32
|
size?: "small" | "medium" | "large" | undefined;
|
|
33
33
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
34
|
-
as?: import("@instructure/shared-types
|
|
34
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
35
35
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
36
36
|
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
|
|
37
37
|
focusColor?: "info" | "inverse" | undefined;
|
|
38
38
|
display?: "inline-block" | "block" | undefined;
|
|
39
39
|
textAlign?: "center" | "start" | undefined;
|
|
40
40
|
withBackground?: boolean | undefined;
|
|
41
|
-
margin?: import("@instructure/emotion
|
|
42
|
-
cursor?: import("@instructure/ui-prop-types
|
|
41
|
+
margin?: import("@instructure/emotion").Spacing | undefined;
|
|
42
|
+
cursor?: import("@instructure/ui-prop-types").Cursor | undefined;
|
|
43
43
|
href?: string | undefined;
|
|
44
44
|
renderIcon?: React.ReactNode | (() => React.ReactNode);
|
|
45
|
-
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view
|
|
45
|
+
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
46
46
|
})[];
|
|
47
47
|
static defaultProps: {
|
|
48
48
|
type: string;
|
|
@@ -9,20 +9,20 @@ category: components
|
|
|
9
9
|
**/
|
|
10
10
|
declare class CloseButton extends Component<CloseButtonProps> {
|
|
11
11
|
static readonly componentId = "CloseButton";
|
|
12
|
-
static propTypes: import("@instructure/shared-types
|
|
12
|
+
static propTypes: import("@instructure/shared-types").PropValidators<keyof {
|
|
13
13
|
screenReaderLabel: import("react").ReactNode;
|
|
14
14
|
color?: "primary" | "primary-inverse" | undefined;
|
|
15
15
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
16
16
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
17
17
|
size?: "small" | "medium" | "large" | undefined;
|
|
18
|
-
onClick?: ((event: import("react").KeyboardEvent<import("@instructure/ui-view
|
|
19
|
-
margin?: import("@instructure/emotion
|
|
18
|
+
onClick?: ((event: import("react").KeyboardEvent<import("@instructure/ui-view").ViewProps> | import("react").MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
19
|
+
margin?: import("@instructure/emotion").Spacing | undefined;
|
|
20
20
|
placement?: "start" | "end" | "static" | undefined;
|
|
21
21
|
offset?: "small" | "medium" | "none" | "x-small" | undefined;
|
|
22
22
|
type?: "button" | "submit" | "reset" | undefined;
|
|
23
|
-
as?: import("@instructure/shared-types
|
|
23
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
24
24
|
href?: string | undefined;
|
|
25
|
-
cursor?: import("@instructure/ui-prop-types
|
|
25
|
+
cursor?: import("@instructure/ui-prop-types").Cursor | undefined;
|
|
26
26
|
tabIndex?: number | undefined;
|
|
27
27
|
}>;
|
|
28
28
|
static allowedProps: readonly (keyof {
|
|
@@ -31,14 +31,14 @@ declare class CloseButton extends Component<CloseButtonProps> {
|
|
|
31
31
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
32
32
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
33
33
|
size?: "small" | "medium" | "large" | undefined;
|
|
34
|
-
onClick?: ((event: import("react").KeyboardEvent<import("@instructure/ui-view
|
|
35
|
-
margin?: import("@instructure/emotion
|
|
34
|
+
onClick?: ((event: import("react").KeyboardEvent<import("@instructure/ui-view").ViewProps> | import("react").MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
35
|
+
margin?: import("@instructure/emotion").Spacing | undefined;
|
|
36
36
|
placement?: "start" | "end" | "static" | undefined;
|
|
37
37
|
offset?: "small" | "medium" | "none" | "x-small" | undefined;
|
|
38
38
|
type?: "button" | "submit" | "reset" | undefined;
|
|
39
|
-
as?: import("@instructure/shared-types
|
|
39
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
40
40
|
href?: string | undefined;
|
|
41
|
-
cursor?: import("@instructure/ui-prop-types
|
|
41
|
+
cursor?: import("@instructure/ui-prop-types").Cursor | undefined;
|
|
42
42
|
tabIndex?: number | undefined;
|
|
43
43
|
})[];
|
|
44
44
|
static defaultProps: {
|
|
@@ -8,33 +8,33 @@ category: components
|
|
|
8
8
|
**/
|
|
9
9
|
declare class CondensedButton extends Component<CondensedButtonProps> {
|
|
10
10
|
static readonly componentId = "CondensedButton";
|
|
11
|
-
static propTypes: import("@instructure/shared-types
|
|
11
|
+
static propTypes: import("@instructure/shared-types").PropValidators<keyof {
|
|
12
12
|
children?: React.ReactNode;
|
|
13
13
|
type?: "button" | "submit" | "reset" | undefined;
|
|
14
14
|
size?: "small" | "medium" | "large" | undefined;
|
|
15
15
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
16
|
-
as?: import("@instructure/shared-types
|
|
16
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
17
17
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
18
18
|
color?: "primary" | "primary-inverse" | undefined;
|
|
19
|
-
margin?: import("@instructure/emotion
|
|
20
|
-
cursor?: import("@instructure/ui-prop-types
|
|
19
|
+
margin?: import("@instructure/emotion").Spacing | undefined;
|
|
20
|
+
cursor?: import("@instructure/ui-prop-types").Cursor | undefined;
|
|
21
21
|
href?: string | undefined;
|
|
22
22
|
renderIcon?: React.ReactNode | (() => React.ReactNode);
|
|
23
|
-
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view
|
|
23
|
+
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
24
24
|
}>;
|
|
25
25
|
static allowedProps: readonly (keyof {
|
|
26
26
|
children?: React.ReactNode;
|
|
27
27
|
type?: "button" | "submit" | "reset" | undefined;
|
|
28
28
|
size?: "small" | "medium" | "large" | undefined;
|
|
29
29
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
30
|
-
as?: import("@instructure/shared-types
|
|
30
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
31
31
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
32
32
|
color?: "primary" | "primary-inverse" | undefined;
|
|
33
|
-
margin?: import("@instructure/emotion
|
|
34
|
-
cursor?: import("@instructure/ui-prop-types
|
|
33
|
+
margin?: import("@instructure/emotion").Spacing | undefined;
|
|
34
|
+
cursor?: import("@instructure/ui-prop-types").Cursor | undefined;
|
|
35
35
|
href?: string | undefined;
|
|
36
36
|
renderIcon?: React.ReactNode | (() => React.ReactNode);
|
|
37
|
-
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view
|
|
37
|
+
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
38
38
|
})[];
|
|
39
39
|
static defaultProps: {
|
|
40
40
|
type: string;
|
|
@@ -8,24 +8,24 @@ category: components
|
|
|
8
8
|
**/
|
|
9
9
|
declare class IconButton extends Component<IconButtonProps> {
|
|
10
10
|
static readonly componentId = "IconButton";
|
|
11
|
-
static propTypes: import("@instructure/shared-types
|
|
11
|
+
static propTypes: import("@instructure/shared-types").PropValidators<keyof {
|
|
12
12
|
children?: import("@instructure/shared-types").Renderable;
|
|
13
13
|
renderIcon?: import("@instructure/shared-types").Renderable;
|
|
14
14
|
screenReaderLabel: React.ReactNode;
|
|
15
15
|
type?: "button" | "submit" | "reset" | undefined;
|
|
16
16
|
size?: "small" | "medium" | "large" | undefined;
|
|
17
17
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
18
|
-
as?: import("@instructure/shared-types
|
|
18
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
19
19
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
20
20
|
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
|
|
21
21
|
focusColor?: "info" | "inverse" | undefined;
|
|
22
22
|
shape?: "circle" | "rectangle" | undefined;
|
|
23
23
|
withBackground?: boolean | undefined;
|
|
24
24
|
withBorder?: boolean | undefined;
|
|
25
|
-
margin?: import("@instructure/emotion
|
|
26
|
-
cursor?: import("@instructure/ui-prop-types
|
|
25
|
+
margin?: import("@instructure/emotion").Spacing | undefined;
|
|
26
|
+
cursor?: import("@instructure/ui-prop-types").Cursor | undefined;
|
|
27
27
|
href?: string | undefined;
|
|
28
|
-
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view
|
|
28
|
+
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
29
29
|
}>;
|
|
30
30
|
static allowedProps: readonly (keyof {
|
|
31
31
|
children?: import("@instructure/shared-types").Renderable;
|
|
@@ -34,17 +34,17 @@ declare class IconButton extends Component<IconButtonProps> {
|
|
|
34
34
|
type?: "button" | "submit" | "reset" | undefined;
|
|
35
35
|
size?: "small" | "medium" | "large" | undefined;
|
|
36
36
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
37
|
-
as?: import("@instructure/shared-types
|
|
37
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
38
38
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
39
39
|
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
|
|
40
40
|
focusColor?: "info" | "inverse" | undefined;
|
|
41
41
|
shape?: "circle" | "rectangle" | undefined;
|
|
42
42
|
withBackground?: boolean | undefined;
|
|
43
43
|
withBorder?: boolean | undefined;
|
|
44
|
-
margin?: import("@instructure/emotion
|
|
45
|
-
cursor?: import("@instructure/ui-prop-types
|
|
44
|
+
margin?: import("@instructure/emotion").Spacing | undefined;
|
|
45
|
+
cursor?: import("@instructure/ui-prop-types").Cursor | undefined;
|
|
46
46
|
href?: string | undefined;
|
|
47
|
-
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view
|
|
47
|
+
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
48
48
|
})[];
|
|
49
49
|
static defaultProps: {
|
|
50
50
|
type: string;
|
|
@@ -7,16 +7,16 @@ category: components
|
|
|
7
7
|
**/
|
|
8
8
|
declare class ToggleButton extends Component<ToggleButtonProps, ToggleButtonState> {
|
|
9
9
|
static readonly componentId = "ToggleButton";
|
|
10
|
-
static propTypes: import("@instructure/shared-types
|
|
10
|
+
static propTypes: import("@instructure/shared-types").PropValidators<keyof {
|
|
11
11
|
screenReaderLabel: string;
|
|
12
12
|
renderTooltipContent: React.ReactNode | ((...args: any[]) => any);
|
|
13
13
|
renderIcon: import("@instructure/shared-types").Renderable;
|
|
14
14
|
status: "pressed" | "unpressed";
|
|
15
|
-
as?: import("@instructure/shared-types
|
|
15
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
16
16
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
17
17
|
size?: "small" | "medium" | "large" | undefined;
|
|
18
18
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
19
|
-
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view
|
|
19
|
+
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
20
20
|
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
|
|
21
21
|
isShowingTooltip?: boolean | undefined;
|
|
22
22
|
mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
|
|
@@ -28,11 +28,11 @@ declare class ToggleButton extends Component<ToggleButtonProps, ToggleButtonStat
|
|
|
28
28
|
renderTooltipContent: React.ReactNode | ((...args: any[]) => any);
|
|
29
29
|
renderIcon: import("@instructure/shared-types").Renderable;
|
|
30
30
|
status: "pressed" | "unpressed";
|
|
31
|
-
as?: import("@instructure/shared-types
|
|
31
|
+
as?: import("@instructure/shared-types").AsElementType | undefined;
|
|
32
32
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
33
33
|
size?: "small" | "medium" | "large" | undefined;
|
|
34
34
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
35
|
-
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view
|
|
35
|
+
onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps, MouseEvent>) => void) | undefined;
|
|
36
36
|
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
|
|
37
37
|
isShowingTooltip?: boolean | undefined;
|
|
38
38
|
mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
|