linear-react-components-ui 1.1.22-beta.1 → 1.1.22-beta.11

package/lib/assets/styles/button.scss

@@ -18,8 +18,12 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   font-family: 'Titillium Web';
   position: relative;
   cursor: pointer;
-  display: inline-block;
-  padding: .5rem .8rem;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  line-height: 1;
+  padding: 0.5rem 0.8rem;
+  box-sizing: border-box;
   letter-spacing: normal;
   border-width: 0;
   border: 1px solid $default-border-color;
@@ -29,7 +33,6 @@ $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;
@@ -47,21 +50,46 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     width: 0;
     height: 0 !important;
   }
-  > .icon-component {
-    width: 15px;
-    height: 15px;
-    margin-top: 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 {
-    margin-left: 0;
-    float: right;
-    margin-top: 0;
+    width: 15px;
+    height: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
     > .spinnerloading {
-      background: none;
-      float: right;
-      margin-top: -15px;
-      margin-bottom: -20px;
-      margin-right: -20px;
+      scale: 2.5;
     }
   }
   &.-pointerEventsRemove {
@@ -281,37 +309,36 @@ $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 {
-  width: auto;
+  display: flex;
+  flex-wrap: wrap;
   > .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,
-  &.-warinig .dropdown-icon,
+  &.-warning .dropdown-icon,
   &.-danger .dropdown-icon {
     fill: #FFF;
   }
-  .dropdown-icon {
-    margin-left: 7px;
-    margin-right: -10px;
-  }
   &.icon-right .icon-component {
-    float: right;
-    margin: 1px 0 0 6px;
+    justify-self: right;
   }
   &.icon-left .icon-component {
-    float: left;
-    margin: 1px 6px 0 0;
+    justify-self: left;
   }
   &.icon-top .icon-component {
     margin-top: 0px;

package/lib/assets/styles/floatMenu.scss

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

package/lib/assets/styles/select.scss

@@ -23,15 +23,15 @@
     }
   }
 
-  .selectwrapper > .multiselect {
+  .selectwrapper>.multiselect {
     flex-wrap: wrap;
 
-    > .textinput {
+    >.textinput {
       order: 1;
       display: inline-block;
     }
 
-    > .selecteditem {
+    >.selecteditem {
       background-color: #f2f9fc;
       border: 1px solid #c9e6f2;
       border-radius: 3px;
@@ -44,18 +44,14 @@
       float: left;
       margin: 2px;
       padding: 0px 8px 0px 5px;
-      &.-disabled {
-        @extend %component-disabled;
-        opacity: 0.7;
-        border: solid 1px $font-color-disabled;
-      }
+
       .close {
         all: unset;
       }
     }
   }
 
-  .selectwrapper > .multiselect > .selecteditem > .close {
+  .selectwrapper>.multiselect>.selecteditem>.close {
     cursor: pointer;
 
     &:after {
@@ -67,9 +63,9 @@
   }
 }
 
-.dropdown-component > .select-dropdown {
+.dropdown-component>.select-dropdown {
   animation: 0.5s ease-in 0s 1 slideDown;
-  background-color: #fff;
+  background-color: #FFF;
   border: $component-border-color;
   @extend %component-menu-dropdown;
   display: grid;
@@ -79,7 +75,7 @@
   overflow-x: hidden;
   margin-top: 2px;
 
-  > .filtercontainer {
+  >.filtercontainer {
     display: grid;
     grid-template-columns: 1fr 20px;
     align-items: center;
@@ -87,7 +83,7 @@
     margin: 4px;
   }
 
-  > .filtercontainer > .filterinput {
+  >.filtercontainer>.filterinput {
     border: 0;
     width: 100%;
     font-size: 13px;
@@ -95,7 +91,7 @@
     padding: 10px 5px;
   }
 
-  > .item {
+  >.item {
     margin: 0;
     padding: 6px 10px;
     display: flex;
@@ -136,21 +132,21 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
-      width: 100%;
+      width: 100%
     }
 
     .menubutton {
-      > .label {
+      >.label {
         flex-grow: 1;
       }
 
-      > .menuicon {
-        margin-right: 5px;
+      >.menuicon {
+        margin-right: 5px
       }
     }
   }
 
-  > .notfound {
+  >.notfound {
     text-indent: 10px;
     color: graytext;
     font-style: italic;

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,8 +349,9 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
 
   > .closebutton {
     cursor: pointer;
-    float: right;
-    margin: -21px -33px 15px 0px;
+    position: absolute;
+    right: -13px;
+    top: -2px;
   }
 }
 

package/lib/assets/styles/tabs.scss

@@ -88,7 +88,15 @@ $dropdown-width: 38px;
     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;
+      }
+    }
   }
 
   .menu>.menuitem>.closepanel {

package/lib/buttons/Button.js

@@ -11,8 +11,8 @@ const _excluded = ["split"];
 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; }
-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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const Button = _ref => {
   let {
       split = false

package/lib/buttons/CancelButton.js

@@ -9,8 +9,8 @@ var _Button = _interopRequireDefault(require("./Button"));
 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 _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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const CancelButton = _ref => {
   let {
       customClass

package/lib/buttons/DangerButton.js

@@ -9,8 +9,8 @@ var _Button = _interopRequireDefault(require("./Button"));
 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 _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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const DangerButton = _ref => {
   let {
       customClass

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", "errorMessage", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef", "handlerClose", "onDeniedText", "tooltip", "tooltipWidth", "tooltipPosition"];
+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"];
 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; }
@@ -21,8 +21,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const DefaultButton = _ref => {
   let {
       dropdown,
@@ -53,16 +53,8 @@ const DefaultButton = _ref => {
       round,
       permissionAttr,
       skeletonize,
-      errorMessage,
-      isFloatMenu,
-      dropdownAlign,
-      customClassForDropdown,
       buttonRef,
-      handlerClose,
-      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.',
-      tooltip,
-      tooltipWidth,
-      tooltipPosition
+      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
@@ -169,7 +161,14 @@ const DefaultButton = _ref => {
       refButton.current = r;
     },
     tabIndex: isDisabled ? -1 : tabIndex
-  }), content, getIcon(), label || '', isLoading && /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "button-container",
+    style: {
+      pointerEvents: 'none'
+    }
+  }, !dropdown && getIcon(), content || label && /*#__PURE__*/_react.default.createElement("div", {
+    className: "button-content"
+  }, content, label || ''), dropdown && getIcon()), 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: ({ icon, ...rest }: IButtonProps) => JSX.Element;
+declare const DestroyButton: ({ ...rest }: IButtonProps) => JSX.Element;
 
 export { DestroyButton as default };

package/lib/buttons/DestroyButton.js

@@ -7,16 +7,11 @@ 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 _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; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const DestroyButton = _ref => {
-  let {
-      icon
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/_react.default.createElement(_DangerButton.default, _extends({}, rest, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "bin",

package/lib/buttons/InfoButton.js

@@ -9,8 +9,8 @@ var _Button = _interopRequireDefault(require("./Button"));
 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 _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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const InfoButton = _ref => {
   let {
       customClass

package/lib/buttons/PrimaryButton.js

@@ -9,8 +9,8 @@ var _Button = _interopRequireDefault(require("./Button"));
 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 _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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const PrimaryButton = _ref => {
   let {
       customClass

package/lib/buttons/SaveButton.js

@@ -9,8 +9,8 @@ var _PrimaryButton = _interopRequireDefault(require("./PrimaryButton"));
 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 _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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const SaveButton = _ref => {
   let {
       customClass

package/lib/buttons/SuccessButton.js

@@ -9,8 +9,8 @@ var _Button = _interopRequireDefault(require("./Button"));
 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 _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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const SuccessButton = _ref => {
   let {
       customClass

package/lib/buttons/WarningButton.js

@@ -9,8 +9,8 @@ var _Button = _interopRequireDefault(require("./Button"));
 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 _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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const WarningButton = _ref => {
   let {
       customClass

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

@@ -1,4 +1,4 @@
-import { IButtonProps } from '../types.js';
+import { ISplitButtonProps } 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: IButtonProps) => JSX.Element;
+declare const SplitButton: (props: ISplitButtonProps) => JSX.Element;
 
 export { SplitButton as default };

package/lib/buttons/split_button/index.js

@@ -6,12 +6,14 @@ 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,
+    customClass = '',
+    customClassForContainer = '',
     size = 'default',
     boxShadow = true,
     visible = true,
@@ -28,7 +30,9 @@ const SplitButton = props => {
     skeletonize,
     dropdownAlign
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `split-button-component ${customClassForContainer}`
+  }, /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
     dropdownAlign: dropdownAlign,
     style: {
       borderRadius: '5px 0px 0px 5px',
@@ -36,22 +40,24 @@ const SplitButton = props => {
       marginRight: 0
     }
   })), /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, splitProps, {
-    iconName: "down",
     customClass: `${customClass} -transparenttext`,
-    iconStyle: {
-      marginRight: -7,
-      marginLeft: 0
-    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "mini_down",
+      color: "#fff",
+      size: 12,
+      style: {
+        margin: 0
+      }
+    }),
+    showIconDropdown: false,
     style: {
       borderRadius: '0px 5px 5px 0px',
       borderLeft: '1px solid #ccc',
-      width: 20,
+      width: 'auto',
       textShadow: 'none',
-      paddingRight: 7,
-      paddingLeft: 0
+      paddingInline: '2px'
     },
-    dropdown: true,
-    label: "."
+    dropdown: true
   }), 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?: Position;
+    iconAlign?: Extract<Position, 'left' | 'center'>;
     iconStyle?: CSSProperties;
     boxShadow?: boolean;
     icon?: ReactElement;
@@ -46,5 +46,8 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     errorMessage?: string;
     onDeniedText?: string;
 }
+interface ISplitButtonProps extends IButtonProps {
+    customClassForContainer?: string;
+}
 
-export { IButtonProps };
+export { IButtonProps, ISplitButtonProps };

package/lib/calendar/DangerCalendar.d.ts

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

package/lib/calendar/DangerCalendar.js

@@ -6,16 +6,11 @@ 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 _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; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const DangerCalendar = _ref => {
-  let {
-      customClass
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   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: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
+declare const InfoCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
 
 export { InfoCalendar as default };

package/lib/calendar/InfoCalendar.js

@@ -6,16 +6,11 @@ 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 _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; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const InfoCalendar = _ref => {
-  let {
-      customClass
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-info"
   }));