@wavv/ui 2.8.4 → 2.9.0
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.
|
@@ -5,6 +5,8 @@ type Props = {
|
|
|
5
5
|
id?: string;
|
|
6
6
|
/** Places a label element beside the checkbox. The value will set the text of the label */
|
|
7
7
|
label?: string;
|
|
8
|
+
/** Sets a class name on the label text */
|
|
9
|
+
labelClassName?: string;
|
|
8
10
|
/** Sets the label on the left or right of the checkbox */
|
|
9
11
|
labelPosition?: 'left' | 'right';
|
|
10
12
|
/** Sets the color of the label */
|
|
@@ -29,7 +31,7 @@ type Props = {
|
|
|
29
31
|
className?: CheckboxProps['className'];
|
|
30
32
|
style?: CheckboxProps['style'];
|
|
31
33
|
} & Margin & Omit<CheckboxProps, 'value' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'isIndeterminate'>;
|
|
32
|
-
declare const Checkbox: ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare const Checkbox: ({ label, labelClassName, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
33
35
|
export declare const ControlContainer: import("@emotion/styled").StyledComponent<CheckboxProps & import("react").RefAttributes<HTMLLabelElement> & {
|
|
34
36
|
theme?: import("@emotion/react").Theme;
|
|
35
37
|
} & {
|
|
@@ -8,7 +8,7 @@ import { ControlLabel } from "./FormControl.js";
|
|
|
8
8
|
import getFlexPosition from "./helpers/getFlexPosition.js";
|
|
9
9
|
import { marginProps } from "./helpers/styledProps.js";
|
|
10
10
|
import Icon from "./Icon/index.js";
|
|
11
|
-
const Checkbox_Checkbox = ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props })=>{
|
|
11
|
+
const Checkbox_Checkbox = ({ label, labelClassName, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props })=>{
|
|
12
12
|
const labelRight = 'right' === labelPosition;
|
|
13
13
|
const isControlled = 'boolean' == typeof checked;
|
|
14
14
|
const iconSize = small ? 14 : tiny ? 12 : void 0;
|
|
@@ -34,6 +34,7 @@ const Checkbox_Checkbox = ({ label, labelPosition, checked, partial, disabled, r
|
|
|
34
34
|
return /*#__PURE__*/ jsxs(Fragment, {
|
|
35
35
|
children: [
|
|
36
36
|
label && /*#__PURE__*/ jsx(ControlLabel, {
|
|
37
|
+
className: labelClassName,
|
|
37
38
|
disabled: disabled,
|
|
38
39
|
color: labelColor,
|
|
39
40
|
children: label
|
|
@@ -38,9 +38,10 @@ declare const Form: {
|
|
|
38
38
|
className?: import("react-aria-components").SwitchProps["className"];
|
|
39
39
|
style?: import("react-aria-components").SwitchProps["style"];
|
|
40
40
|
} & Margin & Omit<import("react-aria-components").SwitchProps, "isDisabled" | "isSelected">) => import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
Checkbox: ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props }: {
|
|
41
|
+
Checkbox: ({ label, labelClassName, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props }: {
|
|
42
42
|
id?: string;
|
|
43
43
|
label?: string;
|
|
44
|
+
labelClassName?: string;
|
|
44
45
|
labelPosition?: "left" | "right";
|
|
45
46
|
labelColor?: string;
|
|
46
47
|
disabled?: boolean;
|