@true-engineering/true-react-common-ui-kit 4.0.0-alpha40 → 4.0.0-alpha43

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode, ChangeEvent, KeyboardEvent } from 'react';
 import { ICommonProps } from '../../types';
+import { ICheckboxSize } from './types';
 import { ICheckboxStyles } from './Checkbox.styles';
 export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
     value?: V;
     children?: ReactNode;
+    size?: ICheckboxSize;
     /** @default false */
     isChecked?: boolean;
     /** @default false */
@@ -21,4 +23,4 @@ export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
         isSelected: boolean;
     }, event: ChangeEvent<HTMLInputElement> | KeyboardEvent) => void;
 }
-export declare function Checkbox<V>({ value, children, isChecked, isSemiChecked, isInvalid, isDisabled, isReadonly, labelPosition, data, testId, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;
+export declare function Checkbox<V>({ value, children, size, isChecked, isSemiChecked, isInvalid, isDisabled, isReadonly, labelPosition, data, testId, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;

package/dist/components/Checkbox/Checkbox.styles.d.ts

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
+import { ICheckboxSizes } from './types';
 export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "children" | "root" | "disabled" | "checked" | "check" | "labelPositionLeft", unknown>;
-export type ICheckboxStyles = ITweakStyles<typeof useStyles>;
+export type ICheckboxStyles = ITweakStyles<typeof useStyles, ICheckboxSizes>;

package/dist/components/Checkbox/types.d.ts

@@ -0,0 +1,3 @@
+export interface ICheckboxSizes {
+}
+export type ICheckboxSize = keyof ICheckboxSizes;

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
 import { ICommonProps } from '../../types';
+import { IRadioButtonSize } from './types';
 import { IRadioButtonStyles } from './RadioButton.styles';
 export interface IRadioButtonProps<Value extends string> extends ICommonProps<IRadioButtonStyles> {
     children?: ReactNode;
     value: Value;
     groupName: string;
+    size?: IRadioButtonSize;
     isChecked?: boolean;
     /** @default false */
     isDisabled?: boolean;
@@ -12,4 +14,4 @@ export interface IRadioButtonProps<Value extends string> extends ICommonProps<IR
     isInvalid?: boolean;
     onChange: (value: Value) => void | Promise<void>;
 }
-export declare function RadioButton<Value extends string>({ children, value, groupName, isChecked, isDisabled, isInvalid, data, testId, tweakStyles, onChange, }: IRadioButtonProps<Value>): JSX.Element;
+export declare function RadioButton<Value extends string>({ children, value, groupName, size, isChecked, isDisabled, isInvalid, data, testId, tweakStyles, onChange, }: IRadioButtonProps<Value>): JSX.Element;

package/dist/components/RadioButton/RadioButton.styles.d.ts

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
+import { IRadioButtonSizes } from './types';
 export declare const useStyles: import("../../theme").IUseStyles<"content" | "input" | "isDisabled" | "label" | "isInvalid", unknown>;
-export type IRadioButtonStyles = ITweakStyles<typeof useStyles>;
+export type IRadioButtonStyles = ITweakStyles<typeof useStyles, IRadioButtonSizes>;

package/dist/components/RadioButton/types.d.ts

@@ -0,0 +1,3 @@
+export interface IRadioButtonSizes {
+}
+export type IRadioButtonSize = keyof IRadioButtonSizes;

package/dist/true-react-common-ui-kit.js

@@ -8616,7 +8616,7 @@ function _object_spread_props$O(target, source) {
   return target;
 }
 function Checkbox(param) {
-  var value = param.value, children = param.children, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
+  var value = param.value, children = param.children, size2 = param.size, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
   var classes = useStyles$O({
     theme: tweakStyles
   });
@@ -8630,8 +8630,8 @@ function Checkbox(param) {
   };
   var _obj2;
   return /* @__PURE__ */ jsxs("label", _object_spread_props$O(_object_spread$_({
-    className: clsx(classes.root, (_obj2 = {}, _define_property$11(_obj2, classes.checked, isSelected), _define_property$11(_obj2, classes.invalid, isInvalid), _define_property$11(_obj2, classes.disabled, isDisabled), _define_property$11(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
-  }, addDataTestId(testId), addDataAttributes(data)), {
+    className: clsx(classes.root, isNotEmpty(size2) && classes[size2], (_obj2 = {}, _define_property$11(_obj2, classes.checked, isSelected), _define_property$11(_obj2, classes.invalid, isInvalid), _define_property$11(_obj2, classes.disabled, isDisabled), _define_property$11(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
+  }, addDataAttributes$1(data, testId)), {
     children: [
       /* @__PURE__ */ jsx("input", _object_spread$_({
         className: classes.input,
@@ -28689,15 +28689,15 @@ function _object_spread_props$c(target, source) {
   return target;
 }
 function RadioButton(param) {
-  var children = param.children, value = param.value, groupName = param.groupName, isChecked = param.isChecked, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onChange = param.onChange;
+  var children = param.children, value = param.value, groupName = param.groupName, size2 = param.size, isChecked = param.isChecked, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onChange = param.onChange;
   var classes = useStyles$8({
     theme: tweakStyles
   });
   var _obj2;
   return /* @__PURE__ */ jsxs("label", _object_spread_props$c(_object_spread$c({
-    className: clsx(classes.label, isDisabled && classes.isDisabled),
+    className: clsx(classes.label, isNotEmpty(size2) && classes[size2], _define_property$c({}, classes.isDisabled, isDisabled)),
     htmlFor: "".concat(groupName, "--").concat(value)
-  }, addDataTestId(testId), addDataAttributes(data)), {
+  }, addDataAttributes$1(data, testId)), {
     children: [
       /* @__PURE__ */ jsx("input", {
         id: "".concat(groupName, "--").concat(value),