linear-react-components-ui 1.1.21-rc.5 → 1.1.22-beta.2

package/lib/assets/styles/button.scss

@@ -18,12 +18,8 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   font-family: 'Titillium Web';
   position: relative;
   cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  line-height: 1;
-  padding: 0.5rem 0.8rem;
-  box-sizing: border-box;
+  display: inline-block;
+  padding: .5rem .8rem;
   letter-spacing: normal;
   border-width: 0;
   border: 1px solid $default-border-color;
@@ -33,6 +29,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   background-color: $default-color;
   color: $font-color-soft;
   line-height: 1;
+  text-align: center;
   transition: background-color .3s;
   transition: all 0.2s ease-in-out;
   box-shadow: $shadow-button-default;
@@ -50,46 +47,21 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     width: 0;
     height: 0 !important;
   }
-  &:has(.spinnercontainer) {
-    > .button-container:has(svg) {
-      > .button-content {
-        margin-right: auto;
-      }
-    }
-  }
-  &.icon-left .button-container {
-    .icon-component {
-      margin-right: auto;
-    }
-  }
-  > .button-container {
-    display: flex;
-    align-items: center;
-    flex: 1;
-    gap: 6px;
-    justify-content: center;
-    font-family: inherit;
-    font-weight: inherit;
-    font-size: inherit;
-    > .button-content {
-      font-family: inherit;
-      font-weight: inherit;
-      font-size: inherit;
-    }
-    > .icon-component {
-      width: 15px;
-      height: 15px;
-    }
-  }
-  > .spinnercontainer {
+  > .icon-component {
     width: 15px;
     height: 15px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-left: auto;
+    margin-top: 0 !important;
+  }
+  > .spinnercontainer {
+    margin-left: 0;
+    float: right;
+    margin-top: 0;
     > .spinnerloading {
-      scale: 2.5;
+      background: none;
+      float: right;
+      margin-top: -15px;
+      margin-bottom: -20px;
+      margin-right: -20px;
     }
   }
   &.-pointerEventsRemove {
@@ -309,36 +281,37 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   }
 }
 
-.split-button-component {
-  display: flex;
-}
-
-.btn-container {
-  gap: 10px;
-}
-
 .btn-container,
 .toolbar-group {
-  display: flex;
-  flex-wrap: wrap;
+  width: auto;
   > .button-component {
+    margin-right: 10px;
     line-height: 15px;
   }
+  > .button-component:last-child {
+    margin-right: 1px;
+  }
 }
 
 .button-component {
   &.-primary .dropdown-icon,
   &.-success .dropdown-icon,
   &.-info .dropdown-icon,
-  &.-warning .dropdown-icon,
+  &.-warinig .dropdown-icon,
   &.-danger .dropdown-icon {
     fill: #FFF;
   }
+  .dropdown-icon {
+    margin-left: 7px;
+    margin-right: -10px;
+  }
   &.icon-right .icon-component {
-    justify-self: right;
+    float: right;
+    margin: 1px 0 0 6px;
   }
   &.icon-left .icon-component {
-    justify-self: left;
+    float: left;
+    margin: 1px 6px 0 0;
   }
   &.icon-top .icon-component {
     margin-top: 0px;

package/lib/assets/styles/file.scss

@@ -159,14 +159,8 @@
     margin-top: 3px;
   }
   > .-skeletonized {
-    @extend %skeleton-component;
     height: 180px !important;
-    color: transparent !important;
-    text-shadow: none;
-    box-shadow: none;
-    border-color: transparent !important;
-    transition: none;
-  }  
+  }
 }
 
 .input-simple-file-container {
@@ -219,3 +213,12 @@
       }
   }
 }
+
+.-skeletonized {
+  @extend %skeleton-component;
+  color: transparent !important;
+  text-shadow: none;
+  box-shadow: none;
+  border-color: transparent !important;
+  transition: none;
+}

package/lib/assets/styles/floatMenu.scss

@@ -2,6 +2,7 @@
 @import "commons.scss";
 @import "effects.scss";
 .floatmenu-component {
+  width: 100%;
   display: flex;
   justify-content: center;
   >.buttonfloat {
@@ -9,7 +10,8 @@
     width: 100%;
     text-align: center;
     >.icon-component {
-      margin: 0;
+      float: none;
+      margin-right: 2px;
     }
   }
 }

package/lib/assets/styles/sidenav.scss

@@ -260,7 +260,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   background-color: #eee;
   height: auto;
   width: auto;
-  // float: right;
+  float: right;
   padding: 10px 20px 20px;
   position: absolute;
   -webkit-box-shadow: 3px 1px 6px 0px rgba(50, 50, 50, 0.35);
@@ -349,9 +349,8 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
 
   > .closebutton {
     cursor: pointer;
-    position: absolute;
-    right: -13px;
-    top: -2px;
+    float: right;
+    margin: -21px -33px 15px 0px;
   }
 }
 

package/lib/assets/styles/tabs.scss

@@ -49,15 +49,12 @@ $dropdown-width: 38px;
     text-shadow: 0 1px $font-color-second;
     cursor: pointer;
     line-height: 20px;
-    margin-right: 2px;
+    margin-right: 1px;
     padding: 0;
     width: auto;
-    min-width: 112px;
+    min-width: 100px;
     display: flex;
     align-items: center;
-    border: 1px solid $font-color-second;
-    border-top: 2px solid $font-color-second;
-    border-bottom: 1px solid $component-border-color;
     &.selected {
       border: 1px solid $component-border-color;
       background: $font-color-second;
@@ -66,15 +63,6 @@ $dropdown-width: 38px;
       box-shadow: 0;
       font-weight: bold;
     }
-    &.witherrorcontent {
-      border: 1px solid $input-error-border-color;
-      border-top: 2px solid $input-error-border-color;
-      border-bottom: 1px solid transparent;
-      background-color: $input-error-bg-color;
-      &.selected {
-        border-top: 2px solid $component-selected-color;
-      }
-    }
     &.selected>.closepanel,
     &:hover>.closepanel {
       visibility: visible;
@@ -87,16 +75,7 @@ $dropdown-width: 38px;
     background: transparent;
     border: 0;
     width: 100%;
-    text-align: left;
-    justify-content: flex-start;
-    box-shadow: none !important;
-
-    .button-container {
-      justify-content: flex-start;
-      > svg {
-        margin-right: 10px;
-      }
-    }
+    text-align: left
   }
 
   .menu>.menuitem>.closepanel {

package/lib/buttons/DefaultButton.js

@@ -11,7 +11,7 @@ var _withTooltip = _interopRequireWildcard(require("../internals/withTooltip"));
 var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
-const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "buttonRef", "onDeniedText"];
+const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "errorMessage", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef", "handlerClose", "onDeniedText", "tooltip", "tooltipWidth", "tooltipPosition"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -53,8 +53,16 @@ const DefaultButton = _ref => {
       round,
       permissionAttr,
       skeletonize,
+      errorMessage,
+      isFloatMenu,
+      dropdownAlign,
+      customClassForDropdown,
       buttonRef,
-      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
+      handlerClose,
+      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.',
+      tooltip,
+      tooltipWidth,
+      tooltipPosition
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
@@ -161,11 +169,7 @@ const DefaultButton = _ref => {
       refButton.current = r;
     },
     tabIndex: isDisabled ? -1 : tabIndex
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "button-container"
-  }, !dropdown && getIcon(), content || label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "button-content"
-  }, content, label || ''), dropdown && getIcon()), isLoading && /*#__PURE__*/_react.default.createElement("div", {
+  }), content, getIcon(), label || '', isLoading && /*#__PURE__*/_react.default.createElement("div", {
     className: "spinnercontainer"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
     align: "none",

package/lib/buttons/DestroyButton.d.ts

@@ -6,6 +6,6 @@ import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const DestroyButton: ({ ...rest }: IButtonProps) => JSX.Element;
+declare const DestroyButton: ({ icon, ...rest }: IButtonProps) => JSX.Element;
 
 export { DestroyButton as default };

package/lib/buttons/DestroyButton.js

@@ -7,11 +7,16 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DangerButton = _interopRequireDefault(require("./DangerButton"));
 var _icons = _interopRequireDefault(require("../icons"));
+const _excluded = ["icon"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const DestroyButton = _ref => {
-  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      icon
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DangerButton.default, _extends({}, rest, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "bin",

package/lib/buttons/split_button/index.d.ts

@@ -1,4 +1,4 @@
-import { ISplitButtonProps } from '../types.js';
+import { IButtonProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Position.js';
@@ -6,6 +6,6 @@ import '../../@types/Size.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
-declare const SplitButton: (props: ISplitButtonProps) => JSX.Element;
+declare const SplitButton: (props: IButtonProps) => JSX.Element;
 
 export { SplitButton as default };

package/lib/buttons/split_button/index.js

@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultButton = _interopRequireDefault(require("../DefaultButton"));
-var _icons = _interopRequireDefault(require("../../icons"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SplitButton = props => {
   const {
     children,
-    customClass = '',
-    customClassForContainer = '',
+    customClass,
     size = 'default',
     boxShadow = true,
     visible = true,
@@ -30,9 +28,7 @@ const SplitButton = props => {
     skeletonize,
     dropdownAlign
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `split-button-component ${customClassForContainer}`
-  }, /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
     dropdownAlign: dropdownAlign,
     style: {
       borderRadius: '5px 0px 0px 5px',
@@ -40,24 +36,22 @@ const SplitButton = props => {
       marginRight: 0
     }
   })), /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, splitProps, {
+    iconName: "down",
     customClass: `${customClass} -transparenttext`,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: "mini_down",
-      color: "#fff",
-      size: 12,
-      style: {
-        margin: 0
-      }
-    }),
-    showIconDropdown: false,
+    iconStyle: {
+      marginRight: -7,
+      marginLeft: 0
+    },
     style: {
       borderRadius: '0px 5px 5px 0px',
       borderLeft: '1px solid #ccc',
-      width: 'auto',
+      width: 20,
       textShadow: 'none',
-      paddingInline: '2px'
+      paddingRight: 7,
+      paddingLeft: 0
     },
-    dropdown: true
+    dropdown: true,
+    label: "."
   }), children));
 };
 var _default = exports.default = SplitButton;

package/lib/buttons/types.d.ts

@@ -14,7 +14,7 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     size?: Size;
     iconName?: IconNames;
     customClass?: string;
-    iconAlign?: Extract<Position, 'left' | 'center'>;
+    iconAlign?: Position;
     iconStyle?: CSSProperties;
     boxShadow?: boolean;
     icon?: ReactElement;
@@ -46,8 +46,5 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     errorMessage?: string;
     onDeniedText?: string;
 }
-interface ISplitButtonProps extends IButtonProps {
-    customClassForContainer?: string;
-}
 
-export { IButtonProps, ISplitButtonProps };
+export { IButtonProps };

package/lib/calendar/DangerCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const DangerCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
+declare const DangerCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
 
 export { DangerCalendar as default };

package/lib/calendar/DangerCalendar.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
+const _excluded = ["customClass"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const DangerCalendar = _ref => {
-  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      customClass
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-danger"
   }));

package/lib/calendar/InfoCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const InfoCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
+declare const InfoCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
 
 export { InfoCalendar as default };

package/lib/calendar/InfoCalendar.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
+const _excluded = ["customClass"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const InfoCalendar = _ref => {
-  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      customClass
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-info"
   }));

package/lib/calendar/PrimaryCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const PrimaryCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
+declare const PrimaryCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
 
 export { PrimaryCalendar as default };

package/lib/calendar/PrimaryCalendar.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
+const _excluded = ["customClass"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const PrimaryCalendar = _ref => {
-  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      customClass
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-primary"
   }));

package/lib/calendar/SuccessCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const SuccessCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
+declare const SuccessCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
 
 export { SuccessCalendar as default };

package/lib/calendar/SuccessCalendar.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
+const _excluded = ["customClass"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const SuccessCalendar = _ref => {
-  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      customClass
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-success"
   }));

package/lib/calendar/WarningCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const WarningCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
+declare const WarningCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
 
 export { WarningCalendar as default };

package/lib/calendar/WarningCalendar.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
+const _excluded = ["customClass"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const WarningCalendar = _ref => {
-  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  let {
+      customClass
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-warning"
   }));

package/lib/checkbox/Label.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
+var _hint = _interopRequireDefault(require("../hint"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Label = _ref => {
+  let {
+    label,
+    targetSpanRef,
+    disabled,
+    hint
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "description"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    ref: r => {
+      if (targetSpanRef) targetSpanRef(r);
+    }
+  }, label), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    disabled: disabled,
+    visible: !!hint,
+    description: hint,
+    customClass: "hint"
+  }));
+};
+var _default = exports.default = (0, _withTooltip.default)(Label);

package/lib/dialog/Question.js

@@ -54,7 +54,7 @@ const Question = props => {
     handlerClose: onUnconfirmClick,
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "question",
-      colorStyle: "primary",
+      color: "#3498db",
       size: 64
     })
   }));

package/lib/dialog/form/index.js

@@ -32,8 +32,7 @@ const ModalForm = props => {
     children,
     className = '',
     wrapperClassName = '',
-    contentClassName = '',
-    headerClassName = ''
+    contentClassName = ''
   } = props;
   const headerRef = (0, _react.useRef)(null);
   const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
@@ -63,7 +62,7 @@ const ModalForm = props => {
     className: className,
     wrapperClassName: `dialog-form-wrapper ${wrapperClassName}`
   }), props.title && /*#__PURE__*/_react.default.createElement("div", {
-    className: `header-form ${headerClassName}`
+    className: "header-form"
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {
     title: props.title,
     handlerClose: props.handlerClose,

package/lib/dialog/types.d.ts

@@ -43,7 +43,6 @@ interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     icon?: JSX.Element;
     content?: ReactNode;
     contentClassName?: string;
-    headerClassName?: string;
 }
 interface ICommonDialogProps {
     onConfirmClick?: () => void;

package/lib/drawer/Drawer.d.ts

@@ -5,6 +5,6 @@ import '../@types/Position.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, customClassElementDrawer, ...rest }: IDrawerProps) => React__default.ReactPortal;
+declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, ...rest }: IDrawerProps) => React__default.ReactPortal;
 
 export { BaseDrawer as default };