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

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.
@@ -1,9 +1,11 @@
1
1
  import { ReactNode, ChangeEvent, KeyboardEvent } from 'react';
2
2
  import { ICommonProps } from '../../types';
3
+ import { ICheckboxSize } from './types';
3
4
  import { ICheckboxStyles } from './Checkbox.styles';
4
5
  export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
5
6
  value?: V;
6
7
  children?: ReactNode;
8
+ size?: ICheckboxSize;
7
9
  /** @default false */
8
10
  isChecked?: boolean;
9
11
  /** @default false */
@@ -21,4 +23,4 @@ export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
21
23
  isSelected: boolean;
22
24
  }, event: ChangeEvent<HTMLInputElement> | KeyboardEvent) => void;
23
25
  }
24
- export declare function Checkbox<V>({ value, children, isChecked, isSemiChecked, isInvalid, isDisabled, isReadonly, labelPosition, data, testId, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;
26
+ export declare function Checkbox<V>({ value, children, size, isChecked, isSemiChecked, isInvalid, isDisabled, isReadonly, labelPosition, data, testId, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;
@@ -1,3 +1,4 @@
1
1
  import { ITweakStyles } from '../../theme';
2
+ import { ICheckboxSizes } from './types';
2
3
  export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "children" | "root" | "disabled" | "checked" | "check" | "labelPositionLeft", unknown>;
3
- export type ICheckboxStyles = ITweakStyles<typeof useStyles>;
4
+ export type ICheckboxStyles = ITweakStyles<typeof useStyles, ICheckboxSizes>;
@@ -0,0 +1,3 @@
1
+ export interface ICheckboxSizes {
2
+ }
3
+ export type ICheckboxSize = keyof ICheckboxSizes;
@@ -8616,7 +8616,7 @@ function _object_spread_props$O(target, source) {
8616
8616
  return target;
8617
8617
  }
8618
8618
  function Checkbox(param) {
8619
- 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;
8619
+ 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;
8620
8620
  var classes = useStyles$O({
8621
8621
  theme: tweakStyles
8622
8622
  });
@@ -8630,8 +8630,8 @@ function Checkbox(param) {
8630
8630
  };
8631
8631
  var _obj2;
8632
8632
  return /* @__PURE__ */ jsxs("label", _object_spread_props$O(_object_spread$_({
8633
- 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))
8634
- }, addDataTestId(testId), addDataAttributes(data)), {
8633
+ 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))
8634
+ }, addDataAttributes$1(data, testId)), {
8635
8635
  children: [
8636
8636
  /* @__PURE__ */ jsx("input", _object_spread$_({
8637
8637
  className: classes.input,