iglooform 2.4.7 → 2.4.11

package/es/button/index.js

@@ -5,9 +5,9 @@ var _excluded = ["className", "children", "onClick", "icon", "disabled"],
     _excluded3 = ["className", "children"],
     _excluded4 = ["className", "children"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -102,20 +102,18 @@ var IglooButton = function IglooButton(props) {
     };
   }();
 
-  return _jsx(_Button, Object.assign({
+  return _jsx(_Button, _objectSpread(_objectSpread({
     className: "".concat(className, " igloo-button"),
     onClick: handleClick
-  }, omit(rest, formMethods), {
+  }, omit(rest, formMethods)), {}, {
     icon: loading ? _jsx(LoadingOutlined, {
       spinning: true
     }, void 0) : icon,
-    disabled: loading || disabled
-  }, {
-    children: children && _jsx(Typography, Object.assign({
-      level: "h4"
-    }, {
+    disabled: loading || disabled,
+    children: children && _jsx(Typography, {
+      level: "h4",
       children: children
-    }), void 0)
+    }, void 0)
   }), void 0);
 };
 
@@ -134,15 +132,14 @@ export var GreenButton = function GreenButton(_ref2) {
       children = _ref2.children,
       rest = _objectWithoutProperties(_ref2, _excluded2);
 
-  return _jsx(_Button, Object.assign({
+  return _jsx(_Button, _objectSpread(_objectSpread({
     className: "".concat(className, " green "),
     type: "primary"
-  }, rest, {
-    children: _jsx(Typography, Object.assign({
-      level: "h4"
-    }, {
+  }, rest), {}, {
+    children: _jsx(Typography, {
+      level: "h4",
       children: children
-    }), void 0)
+    }, void 0)
   }), void 0);
 };
 export var YellowButton = function YellowButton(_ref3) {
@@ -151,15 +148,14 @@ export var YellowButton = function YellowButton(_ref3) {
       children = _ref3.children,
       rest = _objectWithoutProperties(_ref3, _excluded3);
 
-  return _jsx(_Button, Object.assign({
+  return _jsx(_Button, _objectSpread(_objectSpread({
     className: "".concat(className, " yellow "),
     type: "primary"
-  }, rest, {
-    children: _jsx(Typography, Object.assign({
-      level: "h4"
-    }, {
+  }, rest), {}, {
+    children: _jsx(Typography, {
+      level: "h4",
       children: children
-    }), void 0)
+    }, void 0)
   }), void 0);
 };
 export var RedButton = function RedButton(_ref4) {
@@ -168,14 +164,13 @@ export var RedButton = function RedButton(_ref4) {
       children = _ref4.children,
       rest = _objectWithoutProperties(_ref4, _excluded4);
 
-  return _jsx(_Button, Object.assign({
+  return _jsx(_Button, _objectSpread(_objectSpread({
     className: "".concat(className, " red "),
     type: "primary"
-  }, rest, {
-    children: _jsx(Typography, Object.assign({
-      level: "h4"
-    }, {
+  }, rest), {}, {
+    children: _jsx(Typography, {
+      level: "h4",
       children: children
-    }), void 0)
+    }, void 0)
   }), void 0);
 };

package/es/button/style/index.less

@@ -7,16 +7,27 @@
   padding: 0 16px;
   text-shadow: none;
   box-shadow: none;
+  background-color: transparent;
+
   &[disabled] {
     opacity: 0.3;
-    border: none;
+    color: @primary-color;
+    border: 1px solid @primary-color;
+    background-color: transparent;
+
+    &:hover {
+      color: @primary-color;
+      border-color: @primary-color;
+      background-color: transparent;
+    }
+    &:active,
+    &:focus {
+      color: @primary-color;
+      border-color: @primary-color;
+      background-color: transparent;
+    }
   }
-}
 
-.ant-btn-default {
-  background-color: transparent;
-  color: @primary-color;
-  border: 1px solid @primary-color;
   &:hover {
     color: @btn-hover-color;
     border-color: @btn-hover-color;
@@ -28,18 +39,6 @@
     border-color: @btn-focus-color;
     background-color: transparent;
   }
-  &[disabled] {
-    color: @primary-color;
-    background-color: transparent;
-    border: 1px solid @primary-color;
-
-    &:focus,
-    &:hover {
-      color: @primary-color;
-      background-color: transparent;
-      border: 1px solid @primary-color;
-    }
-  }
 }
 
 .ant-btn-primary {
@@ -49,11 +48,13 @@
   &:hover {
     border-color: @btn-hover-color;
     background-color: @btn-hover-bg;
+    color: white;
   }
   &:active,
   &:focus {
     border-color: @btn-focus-color;
     background-color: @btn-focus-bg;
+    color: white;
   }
   &[disabled] {
     color: white;
@@ -71,6 +72,7 @@
   padding: 0;
   height: unset;
   color: @primary-color;
+  border: none;
 
   &:hover {
     color: @hover-color;
@@ -81,6 +83,7 @@
   }
 
   &[disabled] {
+    border: none;
     color: @primary-color;
     &:hover {
       color: @primary-color;
@@ -92,6 +95,7 @@
   padding: 0;
   height: unset;
   color: @black;
+  border: none;
 
   &:hover {
     color: @primary-color;
@@ -103,8 +107,8 @@
   }
 
   &[disabled] {
+    border: none;
     color: @black;
-
     &:hover {
       color: @black;
       background-color: transparent;

package/es/card-detail/card-group.js

@@ -16,42 +16,36 @@ var IglooCardGroup = function IglooCardGroup(props) {
   var className = props.className,
       style = props.style;
 
-  var subTitle = _jsxs(_Space, Object.assign({
+  var subTitle = _jsxs(_Space, {
     size: 8,
     style: {
       marginBottom: 16
-    }
-  }, {
-    children: [_jsx(Typography, Object.assign({
-      level: "h4"
-    }, {
+    },
+    children: [_jsx(Typography, {
+      level: "h4",
       children: subHeading
-    }), void 0), subStatus]
-  }), void 0);
+    }, void 0), subStatus]
+  }, void 0);
 
-  return subHeading || subStatus ? _jsxs(_Row, Object.assign({
+  return subHeading || subStatus ? _jsxs(_Row, {
     style: style,
-    className: classnames('igloo-form-card-container-group-with-header', className)
-  }, {
-    children: [_jsx(_Col, Object.assign({
-      span: 24
-    }, {
+    className: classnames('igloo-form-card-container-group-with-header', className),
+    children: [_jsx(_Col, {
+      span: 24,
       children: (subHeading || subStatus) && subTitle
-    }), void 0), _jsx(_Row, Object.assign({
+    }, void 0), _jsx(_Row, {
       gutter: [32, 16],
       style: {
         width: '100%'
-      }
-    }, {
+      },
       children: children
-    }), void 0)]
-  }), void 0) : _jsx(_Row, Object.assign({
+    }, void 0)]
+  }, void 0) : _jsx(_Row, {
     gutter: [32, 16],
     style: style,
-    className: classnames('igloo-form-card-container-group', className)
-  }, {
+    className: classnames('igloo-form-card-container-group', className),
     children: children
-  }), void 0);
+  }, void 0);
 };
 
 IglooCardGroup.displayName = 'IglooCardGroup';

package/es/card-detail/card-item.js

@@ -1,7 +1,7 @@
 import "antd/es/col/style";
 import _Col from "antd/es/col";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classnames from 'classnames';
@@ -22,18 +22,16 @@ var IglooCardItem = function IglooCardItem(props) {
         return null;
 
       case 'string':
-        return _jsx(Typography, Object.assign({
-          level: "body1"
-        }, {
+        return _jsx(Typography, {
+          level: "body1",
           children: children
-        }), void 0);
+        }, void 0);
 
       case 'number':
-        return _jsx(Typography, Object.assign({
-          level: "body1"
-        }, {
+        return _jsx(Typography, {
+          level: "body1",
           children: children
-        }), void 0);
+        }, void 0);
 
       case 'object':
         return children;
@@ -43,20 +41,17 @@ var IglooCardItem = function IglooCardItem(props) {
     }
   }
 
-  return _jsxs(_Col, Object.assign({
+  return _jsxs(_Col, {
     span: span || 4,
-    className: classnames('igloofrom-card-detail-item', className)
-  }, {
-    children: [_jsx("div", Object.assign({
-      className: "card-item-title"
-    }, {
-      children: _jsx(Typography, Object.assign({
-        level: "body1"
-      }, {
+    className: classnames('igloofrom-card-detail-item', className),
+    children: [_jsx("div", {
+      className: "card-item-title",
+      children: _jsx(Typography, {
+        level: "body1",
         children: title
-      }), void 0)
-    }), void 0), renderContent(children)]
-  }), void 0);
+      }, void 0)
+    }, void 0), renderContent(children)]
+  }, void 0);
 };
 
 IglooCardItem.displayName = 'IglooCardItem';

package/es/card-detail/card-page.js

@@ -23,30 +23,26 @@ var IglooCardPage = function IglooCardPage(props) {
     }, index);
   });
 
-  var titleContent = _jsxs(_Space, Object.assign({
-    size: 8
-  }, {
+  var titleContent = _jsxs(_Space, {
+    size: 8,
     children: [_jsx("span", {
       children: pageTitleIcon
-    }, void 0), _jsx(Typography, Object.assign({
-      level: "h3a"
-    }, {
+    }, void 0), _jsx(Typography, {
+      level: "h3a",
       children: title
-    }), void 0), pageStatusIcon]
-  }), void 0);
+    }, void 0), pageStatusIcon]
+  }, void 0);
 
-  return _jsx(_Card, Object.assign({
+  return _jsx(_Card, {
     style: style,
     className: classnames('igloo-card-page', className),
     title: titleContent,
-    extra: _jsx(_Space, Object.assign({
-      size: 18
-    }, {
+    extra: _jsx(_Space, {
+      size: 18,
       children: extraButtonsWithKey
-    }), void 0)
-  }, {
+    }, void 0),
     children: DealWithCardItem(children, true)
-  }), void 0);
+  }, void 0);
 };
 
 export default IglooCardPage;

package/es/card-detail/card.js

@@ -4,6 +4,12 @@ import "antd/es/space/style";
 import _Space from "antd/es/space";
 var _excluded = ["title", "contentTitle", "contentStatus", "className"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -23,38 +29,32 @@ var IglooCard = function IglooCard(props) {
       className = props.className,
       rest = _objectWithoutProperties(props, _excluded);
 
-  var cardTitle = _jsx(_Space, Object.assign({
-    size: 8
-  }, {
-    children: _jsx(Typography, Object.assign({
-      level: "h3b"
-    }, {
+  var cardTitle = _jsx(_Space, {
+    size: 8,
+    children: _jsx(Typography, {
+      level: "h3b",
       children: title
-    }), void 0)
-  }), void 0);
+    }, void 0)
+  }, void 0);
 
-  var contentTitleDom = _jsxs(_Space, Object.assign({
-    size: 8
-  }, {
-    children: [_jsx(Typography, Object.assign({
-      level: "h4"
-    }, {
+  var contentTitleDom = _jsxs(_Space, {
+    size: 8,
+    children: [_jsx(Typography, {
+      level: "h4",
       children: contentTitle
-    }), void 0), contentStatus]
-  }), void 0);
+    }, void 0), contentStatus]
+  }, void 0);
 
-  return _jsx(_Card, Object.assign({
+  return _jsx(_Card, _objectSpread(_objectSpread({
     type: "inner",
     title: cardTitle
-  }, rest, {
-    className: classnames('igloo-form-card-container', className)
-  }, {
+  }, rest), {}, {
+    className: classnames('igloo-form-card-container', className),
     children: _jsxs("div", {
-      children: [contentTitle && _jsx("div", Object.assign({
-        className: "igloo-form-card-container-title"
-      }, {
+      children: [contentTitle && _jsx("div", {
+        className: "igloo-form-card-container-title",
         children: contentTitleDom
-      }), void 0), DealWithCardItem(children, false)]
+      }, void 0), DealWithCardItem(children, false)]
     }, void 0)
   }), void 0);
 };

package/es/card-detail/style/index.less

@@ -54,7 +54,11 @@
 
     .igloo-card-detail-customize-content-wraper {
       margin: 0px 24px;
+    }
 
+    .igloo-card-detail-top-group-no-head,
+    .igloo-card-detail-top-group-with-head,
+    .igloo-card-detail-customize-content-wraper {
       .igloofrom-card-detail-item {
         color: #212121;
 
@@ -113,6 +117,15 @@
       }
 
       .igloo-form-card-container-group {
+        .igloofrom-card-detail-item {
+          color: #212121;
+
+          .card-item-title {
+            color: #666666;
+            margin-bottom: 4px;
+          }
+        }
+
         & + .igloo-form-card-container-group {
           padding-top: 16px;
           position: relative;

package/es/card-detail/utils.js

@@ -1,10 +1,10 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
@@ -55,13 +55,12 @@ export function wrapCardItem() {
     if (Array.isArray(item)) {
       if (!item.length) return null;
       var padding = hasCustomizeWrap ? "24px 24px 32px 24px" : "".concat(index ? 24 : 0, "px 0px 24px 0px");
-      return item[0].type.displayName === 'IglooCardItem' ? _jsx(CardGroup, Object.assign({
+      return item[0].type.displayName === 'IglooCardItem' ? _jsx(CardGroup, {
         style: {
           padding: padding
-        }
-      }, {
+        },
         children: item
-      }), index) : item;
+      }, index) : item;
     } // 对齐样式
 
 

package/es/checkbox/index.js

@@ -11,6 +11,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Typography from '../typography';
 import formMethods from '../utils/form-methods';
@@ -19,7 +25,7 @@ import classnames from 'classnames';
 import './style/index.less';
 
 var IglooCheckbox = function IglooCheckbox(props) {
-  return _jsx(_Checkbox, Object.assign({}, omit(props, formMethods)), void 0);
+  return _jsx(_Checkbox, _objectSpread({}, omit(props, formMethods)), void 0);
 };
 
 IglooCheckbox.formItemPropsHandler = function (config) {
@@ -39,39 +45,34 @@ export var CheckboxGroup = function CheckboxGroup(_ref) {
       value = _ref.value,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return _jsx(_Checkbox.Group, Object.assign({}, omit(rest, formMethods), {
+  return _jsx(_Checkbox.Group, _objectSpread(_objectSpread({}, omit(rest, formMethods)), {}, {
     className: classnames('igloo-checkbox-group', className),
-    value: value
-  }, {
-    children: _jsx(_Row, Object.assign({
-      gutter: [8, 8]
-    }, {
+    value: value,
+    children: _jsx(_Row, {
+      gutter: [8, 8],
       children: options.map(function (_ref2) {
         var label = _ref2.label,
             key = _ref2.value,
             extraInfo = _ref2.extraInfo,
             rest = _objectWithoutProperties(_ref2, _excluded2);
 
-        return _jsxs(_Col, Object.assign({
+        return _jsxs(_Col, {
           span: 24,
-          className: 'igloo-checkbox-group-normal'
-        }, {
-          children: [_jsx(_Checkbox, Object.assign({
+          className: 'igloo-checkbox-group-normal',
+          children: [_jsx(_Checkbox, _objectSpread(_objectSpread({
             value: key
-          }, rest, {
-            children: _jsx(Typography, Object.assign({
-              level: "body1"
-            }, {
+          }, rest), {}, {
+            children: _jsx(Typography, {
+              level: "body1",
               children: label
-            }), void 0)
-          }), void 0), _jsx("div", Object.assign({
-            className: "igloo-checkbox-extra"
-          }, {
+            }, void 0)
+          }), void 0), _jsx("div", {
+            className: "igloo-checkbox-extra",
             children: extraInfo && (extraInfo.shownTrigger === 'all' || extraInfo.shownTrigger === 'checked' && value === key || extraInfo.shownTrigger === 'unchecked' && value !== key) && extraInfo.content
-          }), void 0)]
-        }), key);
+          }, void 0)]
+        }, key);
       })
-    }), void 0)
+    }, void 0)
   }), void 0);
 };