colibri-ui 0.7.13 → 0.7.14
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/Checkbox/index.js +4 -4
- package/Checkbox/index.props.d.ts +3 -3
- package/Checkbox/styles.d.ts +1 -1
- package/Checkbox/styles.js +8 -8
- package/esm/Checkbox/index.js +4 -4
- package/esm/Checkbox/index.props.d.ts +3 -3
- package/esm/Checkbox/styles.d.ts +1 -1
- package/esm/Checkbox/styles.js +8 -8
- package/package.json +1 -1
package/esm/Checkbox/index.js
CHANGED
|
@@ -5,7 +5,7 @@ var Checkbox = function Checkbox(_a) {
|
|
|
5
5
|
var id = _a.id,
|
|
6
6
|
name = _a.name,
|
|
7
7
|
value = _a.value,
|
|
8
|
-
|
|
8
|
+
label = _a.label,
|
|
9
9
|
checked = _a.checked,
|
|
10
10
|
onChange = _a.onChange,
|
|
11
11
|
onFocus = _a.onFocus,
|
|
@@ -14,7 +14,7 @@ var Checkbox = function Checkbox(_a) {
|
|
|
14
14
|
variant = _b === void 0 ? "primary" : _b,
|
|
15
15
|
className = _a.className,
|
|
16
16
|
disabled = _a.disabled,
|
|
17
|
-
|
|
17
|
+
isError = _a.isError;
|
|
18
18
|
var control = jsxs(Fragment, {
|
|
19
19
|
children: [jsx(Control, {
|
|
20
20
|
className: className,
|
|
@@ -31,9 +31,9 @@ var Checkbox = function Checkbox(_a) {
|
|
|
31
31
|
}), jsx(FakeCheckbox, {
|
|
32
32
|
variant: variant,
|
|
33
33
|
checked: checked,
|
|
34
|
-
|
|
34
|
+
isError: isError
|
|
35
35
|
}), jsx(Text, {
|
|
36
|
-
children:
|
|
36
|
+
children: label
|
|
37
37
|
})]
|
|
38
38
|
});
|
|
39
39
|
return jsx(Label, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { CSSObject } from "@emotion/react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
3
|
type VariantStyles = {
|
|
4
4
|
backgroundColor?: CSSObject["backgroundColor"];
|
|
5
5
|
borderColor?: CSSObject["borderColor"];
|
|
@@ -22,13 +22,13 @@ export interface CheckboxProps {
|
|
|
22
22
|
id?: string;
|
|
23
23
|
name?: string;
|
|
24
24
|
value?: string | number;
|
|
25
|
-
|
|
25
|
+
label?: ReactNode;
|
|
26
26
|
checked?: boolean;
|
|
27
27
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
28
28
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
29
29
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
30
30
|
className?: string;
|
|
31
31
|
disabled?: boolean;
|
|
32
|
-
|
|
32
|
+
isError?: boolean;
|
|
33
33
|
}
|
|
34
34
|
export {};
|
package/esm/Checkbox/styles.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export declare const FakeCheckbox: import("@emotion/styled").StyledComponent<{
|
|
|
13
13
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
14
14
|
} & {
|
|
15
15
|
checked?: boolean | undefined;
|
|
16
|
-
|
|
16
|
+
isError?: boolean | undefined;
|
|
17
17
|
variant: keyof CheckboxVariant;
|
|
18
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
19
19
|
export declare const Control: import("@emotion/styled").StyledComponent<{
|