indicator-ui 0.0.16 → 0.0.17

package/dist/index.js

@@ -3018,7 +3018,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"checkbox":"Checkbox-module__checkbox___GSei6","textBlock":"Checkbox-module__textBlock___lgsN_","text":"Checkbox-module__text___bgxrk","indeterminate":"Checkbox-module__indeterminate___rVkUe","supportingText":"Checkbox-module__supportingText___BR8D6","disabled":"Checkbox-module__disabled___haSYz","error":"Checkbox-module__error___YOn5a"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"checkbox":"Checkbox-module__checkbox___GSei6","textBlock":"Checkbox-module__textBlock___lgsN_","text":"Checkbox-module__text___bgxrk","indeterminate":"Checkbox-module__indeterminate___rVkUe","supportingText":"Checkbox-module__supportingText___BR8D6","disabled":"Checkbox-module__disabled___haSYz","error":"Checkbox-module__error___YOn5a","widthFill":"Checkbox-module__widthFill___EHcfi","heightFill":"Checkbox-module__heightFill___uqjBX","widthHug":"Checkbox-module__widthHug___N5weH","heightHug":"Checkbox-module__heightHug___SK_mI"});
 
 /***/ }),
 
@@ -6876,7 +6876,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const CheckboxMark = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ type = "checkbox", indeterminate = false, checked = false, error = false, relation = false, disabled = false, isButton = true, hover = false, onClick, className = _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxMarkStyle }, ref) => {
+const CheckboxMark = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ type = "checkbox", indeterminate = false, checked = false, error = false, relation = false, disabled = false, isButton = true, hover = false, onClick, additionStyle, className = _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxMarkStyle }, ref) => {
     const getClassName = () => {
         return (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.checkboxMark, {
             [className?.checkbox]: type === 'checkbox',
@@ -6888,7 +6888,7 @@ const CheckboxMark = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ type =
             [className?.incorrect]: relation === 'incorrect',
             [className?.indeterminate]: indeterminate,
             [className?.hover]: hover,
-        });
+        }, additionStyle);
     };
     const getIcon = () => {
         if (indeterminate) {
@@ -7026,11 +7026,15 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function Checkbox({ checked = false, type = 'checkbox', error = false, subtype = false, disabled = false, text, supportingText, indeterminate = false, onClick, className = _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle, }) {
+function Checkbox({ checked = false, type = 'checkbox', error = false, subtype = false, disabled = false, text, supportingText, indeterminate = false, onClick, width = 'fill', height = 'hug', className = _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle, }) {
     const [isHover, setIsHover] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", { onClick: onClick, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.checkbox, {
             [className?.error]: error,
             [className?.disabled]: disabled,
+            [className?.widthFill]: width === 'fill',
+            [className?.widthHug]: width === 'hug',
+            [className?.heightFill]: height === 'fill',
+            [className?.heightHug]: height === 'hug',
         }), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.CheckboxMark, { type: type, indeterminate: indeterminate, disabled: disabled, error: error, checked: checked, isButton: false, hover: isHover, relation: subtype }), text &&
                 (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.textBlock, { [className?.indeterminate]: indeterminate }), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: className?.text, children: text }), supportingText && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: className?.supportingText, children: supportingText })] })] }));
 }