ui-beyable 1.1.0-beta.23 → 1.1.0-beta.24

package/lib/cjs/components/Checkbox/Checkbox.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ICheckbox, IRadio, ISwitch } from './types';
 import { IList } from '../List/types';
-declare function Checkbox({ children, type, label, description, tooltip, tooltipHTML, name, value, checked, forcedChecked, disabled, onChange, size, fullWidth }: ICheckbox): JSX.Element;
+declare function Checkbox({ children, type, label, description, tooltip, tooltipHTML, name, value, checked, forcedChecked, disabled, onChange, size, fullWidth, className }: ICheckbox): JSX.Element;
 declare function Radio(props: IRadio): JSX.Element;
-declare function Switch({ children, label, name, value, checked, onChange, disabled, forcedChecked, position, size, align, verticalSize, noMargin }: ISwitch): JSX.Element;
+declare function Switch({ children, label, name, value, checked, onChange, disabled, forcedChecked, position, size, align, verticalSize, noMargin, className }: ISwitch): JSX.Element;
 declare function CheckboxList(props: IList): JSX.Element;
 export { Checkbox, Radio, Switch, CheckboxList };

package/lib/cjs/components/Checkbox/types.d.ts

@@ -9,6 +9,7 @@ interface ICommon {
     forcedChecked?: boolean;
     disabled?: boolean;
     onChange?: any;
+    className?: string;
 }
 interface IRadio extends ICommon {
     size?: 's' | 'm' | 'l';

package/lib/cjs/index.js

@@ -2453,7 +2453,7 @@ var margin = {"l_2":"Margin-module_l_2__SAWjp","l_3":"Margin-module_l_3__oR-rV",
 styleInject(css_248z$p);
 
 function Checkbox(_a) {
-    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'checkbox' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.tooltip, tooltip = _e === void 0 ? '' : _e, _f = _a.tooltipHTML, tooltipHTML = _f === void 0 ? '' : _f, name = _a.name, value = _a.value, checked = _a.checked, forcedChecked = _a.forcedChecked, _g = _a.disabled, disabled = _g === void 0 ? false : _g, onChange = _a.onChange, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.fullWidth, fullWidth = _j === void 0 ? false : _j;
+    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'checkbox' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.tooltip, tooltip = _e === void 0 ? '' : _e, _f = _a.tooltipHTML, tooltipHTML = _f === void 0 ? '' : _f, name = _a.name, value = _a.value, checked = _a.checked, forcedChecked = _a.forcedChecked, _g = _a.disabled, disabled = _g === void 0 ? false : _g, onChange = _a.onChange, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.fullWidth, fullWidth = _j === void 0 ? false : _j, className = _a.className;
     var tooltipID = v4();
     var change = function (ev) {
         if (typeof onChange === 'function') {
@@ -2481,6 +2481,9 @@ function Checkbox(_a) {
         l: styles$i.wrapper_size_l,
         xl: styles$i.wrapper_size_xl,
     };
+    if (className) {
+        cssClass.push(className);
+    }
     if (disabled) {
         cssClass.push(styles$i.wrapper_disabled);
     }
@@ -2533,7 +2536,7 @@ function Radio(props) {
     return (React.createElement(Checkbox, __assign({}, props, { type: "radio" }), props.children));
 }
 function Switch(_a) {
-    var children = _a.children, label = _a.label, name = _a.name, value = _a.value, checked = _a.checked, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, forcedChecked = _a.forcedChecked, _c = _a.position, position = _c === void 0 ? 'left' : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.align, align = _e === void 0 ? 'top' : _e, _f = _a.verticalSize, verticalSize = _f === void 0 ? 'm' : _f, _g = _a.noMargin, noMargin = _g === void 0 ? false : _g;
+    var children = _a.children, label = _a.label, name = _a.name, value = _a.value, checked = _a.checked, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, forcedChecked = _a.forcedChecked, _c = _a.position, position = _c === void 0 ? 'left' : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.align, align = _e === void 0 ? 'top' : _e, _f = _a.verticalSize, verticalSize = _f === void 0 ? 'm' : _f, _g = _a.noMargin, noMargin = _g === void 0 ? false : _g, className = _a.className;
     var change = function (ev) {
         if (typeof onChange === 'function') {
             onChange(ev);
@@ -2557,6 +2560,9 @@ function Switch(_a) {
         l: styles$i.wrapper_padding_l,
         xl: styles$i.wrapper_padding_xl,
     };
+    if (className) {
+        labelClass.push(className);
+    }
     if (isChecked) {
         switchClass.push(styles$i.switch_checked);
     }