@oliasoft-open-source/react-ui-library 3.1.2 → 3.1.4

package/dist/global.css

@@ -7632,72 +7632,72 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_1mluz_326 {
+._inputInTable_16teh_326 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputInTable_1mluz_326:hover,
-._inputInTable_1mluz_326:focus {
+._inputInTable_16teh_326:hover,
+._inputInTable_16teh_326:focus {
   position: relative;
 }
-._inputInTable_1mluz_326:hover {
+._inputInTable_16teh_326:hover {
   z-index: 2;
 }
-._inputInTable_1mluz_326:focus {
+._inputInTable_16teh_326:focus {
   z-index: 3;
 }
-._inputFocus_1mluz_342 {
+._inputFocus_16teh_342 {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputError_1mluz_347,
-._inputWarning_1mluz_348 {
+._inputError_16teh_347,
+._inputWarning_16teh_348 {
   position: relative;
 }
-._inputError_1mluz_347 {
+._inputError_16teh_347 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1mluz_347:hover {
+._inputError_16teh_347:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1mluz_347:focus {
+._inputError_16teh_347:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputWarning_1mluz_348 {
+._inputWarning_16teh_348 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1mluz_348:hover {
+._inputWarning_16teh_348:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1mluz_348:focus {
+._inputWarning_16teh_348:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputDisabled_1mluz_379 {
+._inputDisabled_16teh_379 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_1mluz_384 {
+._hideScrollbars_16teh_384 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1mluz_384::-webkit-scrollbar {
+._hideScrollbars_16teh_384::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -7712,39 +7712,37 @@ html[data-theme='dark'] {
   --color-background-drawer-tab-hover: var(--color-primary-muted-700);
   --color-border-drawer-tab: var(--color-border);
 }
-._inline_1mluz_406 {
+._inline_16teh_406 {
   position: relative;
 }
-._inline_1mluz_406._left_1mluz_409 {
+._inline_16teh_406._left_16teh_409 {
   order: -1;
-  margin-left: -1px;
 }
-._inline_1mluz_406._right_1mluz_413 {
+._inline_16teh_406._right_16teh_412 {
   order: 9999;
-  margin-right: -1px;
 }
-._fixed_1mluz_417 {
+._fixed_16teh_415 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: 99;
 }
-._fixed_1mluz_417._left_1mluz_409 {
+._fixed_16teh_415._left_16teh_409 {
   left: 0;
 }
-._fixed_1mluz_417._right_1mluz_413 {
+._fixed_16teh_415._right_16teh_412 {
   right: 0;
 }
-._left_1mluz_409 ._border_1mluz_429 {
+._left_16teh_409 ._border_16teh_427 {
   border-right: 1px solid var(--color-border);
 }
-._right_1mluz_413 ._border_1mluz_429 {
+._right_16teh_412 ._border_16teh_427 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_1mluz_435 {
+._shadow_16teh_433 {
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
 }
-._drawerContent_1mluz_438 {
+._drawerContent_16teh_436 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -7756,40 +7754,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_1mluz_450 ._drawerContent_1mluz_438 {
+._isResizing_16teh_448 ._drawerContent_16teh_436 {
   transition: none;
 }
 @media print {
-  ._drawerContent_1mluz_438 {
+  ._drawerContent_16teh_436 {
     background: transparent !important;
   }
 }
-._drawerContent_1mluz_438::-webkit-scrollbar {
+._drawerContent_16teh_436::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_1mluz_461 {
+._toggleButton_16teh_459 {
   transition: transform 0.4s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: 102;
 }
-._left_1mluz_409 ._toggleButton_1mluz_461 {
+._left_16teh_409 ._toggleButton_16teh_459 {
   right: -19px;
 }
-._right_1mluz_413 ._toggleButton_1mluz_461 {
+._right_16teh_412 ._toggleButton_16teh_459 {
   left: -19px;
 }
-._toggleButton_1mluz_461._top_1mluz_474 {
+._toggleButton_16teh_459._top_16teh_472 {
   top: 20px;
 }
-._toggleButton_1mluz_461._bottom_1mluz_477 {
+._toggleButton_16teh_459._bottom_16teh_475 {
   bottom: 20px;
 }
-._toggleButton_1mluz_461._toggleButtonOpen_1mluz_480 {
+._toggleButton_16teh_459._toggleButtonOpen_16teh_478 {
   transform: rotate(0deg);
 }
-._tabs_1mluz_483 {
+._tabs_16teh_481 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -7799,13 +7797,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_1mluz_409 ._tabs_1mluz_483 {
+._left_16teh_409 ._tabs_16teh_481 {
   right: 0;
 }
-._right_1mluz_413 ._tabs_1mluz_483 {
+._right_16teh_412 ._tabs_16teh_481 {
   left: 0;
 }
-._tabs_1mluz_483 ._tab_1mluz_483 {
+._tabs_16teh_481 ._tab_16teh_481 {
   height: 38px;
   width: 38px;
   display: flex;
@@ -7816,39 +7814,39 @@ html[data-theme='dark'] {
   transition: color 0.3s, background-color 0.3s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_1mluz_409 ._tabs_1mluz_483 ._tab_1mluz_483 {
+._left_16teh_409 ._tabs_16teh_481 ._tab_16teh_481 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_1mluz_409 ._tabs_1mluz_483 ._tab_1mluz_483._active_1mluz_514 {
+._left_16teh_409 ._tabs_16teh_481 ._tab_16teh_481._active_16teh_512 {
   border-left-color: transparent;
 }
-._right_1mluz_413 ._tabs_1mluz_483 ._tab_1mluz_483 {
+._right_16teh_412 ._tabs_16teh_481 ._tab_16teh_481 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_1mluz_413 ._tabs_1mluz_483 ._tab_1mluz_483._active_1mluz_514 {
+._right_16teh_412 ._tabs_16teh_481 ._tab_16teh_481._active_16teh_512 {
   border-right-color: transparent;
 }
-._tabs_1mluz_483 ._tab_1mluz_483:not(._active_1mluz_514) {
+._tabs_16teh_481 ._tab_16teh_481:not(._active_16teh_512) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_1mluz_483 ._tab_1mluz_483:not(._active_1mluz_514):hover {
+._tabs_16teh_481 ._tab_16teh_481:not(._active_16teh_512):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_1mluz_483 ._tab_1mluz_483._active_1mluz_514 {
+._tabs_16teh_481 ._tab_16teh_481._active_16teh_512 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._left_1mluz_409 ._tabsContent_1mluz_536 {
+._left_16teh_409 ._tabsContent_16teh_534 {
   padding-right: 36px;
 }
-._right_1mluz_413 ._tabsContent_1mluz_536 {
+._right_16teh_412 ._tabsContent_16teh_534 {
   padding-left: 36px;
 }
-._resizeHandle_1mluz_542 {
+._resizeHandle_16teh_540 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -7861,18 +7859,18 @@ html[data-theme='dark'] {
   font-size: 12px;
   transition: all 0.2s;
 }
-._resizeHandle_1mluz_542:hover {
+._resizeHandle_16teh_540:hover {
   background: rgba(235, 100, 41, 0.15);
   color: var(--color-text-primary);
 }
-._resizeHandle_1mluz_542:active {
+._resizeHandle_16teh_540:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_1mluz_409 ._resizeHandle_1mluz_542 {
+._left_16teh_409 ._resizeHandle_16teh_540 {
   right: 0;
 }
-._right_1mluz_413 ._resizeHandle_1mluz_542 {
+._right_16teh_412 ._resizeHandle_16teh_540 {
   left: 0;
 }
 /*

package/dist/index.js

@@ -12734,29 +12734,29 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$9 = "_inputInTable_1mluz_326";
-const inputFocus$9 = "_inputFocus_1mluz_342";
-const inputError$9 = "_inputError_1mluz_347";
-const inputWarning$9 = "_inputWarning_1mluz_348";
-const inputDisabled$9 = "_inputDisabled_1mluz_379";
-const hideScrollbars$9 = "_hideScrollbars_1mluz_384";
-const inline$1 = "_inline_1mluz_406";
-const left$2 = "_left_1mluz_409";
-const right$6 = "_right_1mluz_413";
-const fixed$1 = "_fixed_1mluz_417";
-const border = "_border_1mluz_429";
-const shadow = "_shadow_1mluz_435";
-const drawerContent = "_drawerContent_1mluz_438";
-const isResizing = "_isResizing_1mluz_450";
-const toggleButton = "_toggleButton_1mluz_461";
-const top = "_top_1mluz_474";
-const bottom = "_bottom_1mluz_477";
-const toggleButtonOpen = "_toggleButtonOpen_1mluz_480";
-const tabs$1 = "_tabs_1mluz_483";
-const tab$1 = "_tab_1mluz_483";
-const active$4 = "_active_1mluz_514";
-const tabsContent = "_tabsContent_1mluz_536";
-const resizeHandle = "_resizeHandle_1mluz_542";
+const inputInTable$9 = "_inputInTable_16teh_326";
+const inputFocus$9 = "_inputFocus_16teh_342";
+const inputError$9 = "_inputError_16teh_347";
+const inputWarning$9 = "_inputWarning_16teh_348";
+const inputDisabled$9 = "_inputDisabled_16teh_379";
+const hideScrollbars$9 = "_hideScrollbars_16teh_384";
+const inline$1 = "_inline_16teh_406";
+const left$2 = "_left_16teh_409";
+const right$6 = "_right_16teh_412";
+const fixed$1 = "_fixed_16teh_415";
+const border = "_border_16teh_427";
+const shadow = "_shadow_16teh_433";
+const drawerContent = "_drawerContent_16teh_436";
+const isResizing = "_isResizing_16teh_448";
+const toggleButton = "_toggleButton_16teh_459";
+const top = "_top_16teh_472";
+const bottom = "_bottom_16teh_475";
+const toggleButtonOpen = "_toggleButtonOpen_16teh_478";
+const tabs$1 = "_tabs_16teh_481";
+const tab$1 = "_tab_16teh_481";
+const active$4 = "_active_16teh_512";
+const tabsContent = "_tabsContent_16teh_534";
+const resizeHandle = "_resizeHandle_16teh_540";
 const styles$z = {
   inputInTable: inputInTable$9,
   inputFocus: inputFocus$9,
@@ -14945,7 +14945,7 @@ const Drawer = ({
   const [open, setOpen] = isStandardButton || tabs2 ? useState(openProp) : [openProp, null];
   const [activeTab, setActiveTab] = useState(open ? defaultTabIndex : null);
   const openWidth = Array.isArray(width) ? width[activeTab] : width;
-  const TABS_WIDTH = 38;
+  const TABS_WIDTH = 37;
   const currentWidth = open ? openWidth : tabs2 ? TABS_WIDTH : closedWidth;
   const handleTabClick = (index2) => {
     if (activeTab === index2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.1.2",
+  "version": "3.1.4",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",