@oliasoft-open-source/react-ui-library 3.1.1 → 3.1.3

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;
 }
 /*
@@ -17600,78 +17598,78 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_47zhf_326 {
+._inputInTable_1qv7j_326 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputInTable_47zhf_326:hover,
-._inputInTable_47zhf_326:focus {
+._inputInTable_1qv7j_326:hover,
+._inputInTable_1qv7j_326:focus {
   position: relative;
 }
-._inputInTable_47zhf_326:hover {
+._inputInTable_1qv7j_326:hover {
   z-index: 2;
 }
-._inputInTable_47zhf_326:focus {
+._inputInTable_1qv7j_326:focus {
   z-index: 3;
 }
-._inputFocus_47zhf_342 {
+._inputFocus_1qv7j_342 {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputError_47zhf_347,
-._inputWarning_47zhf_348 {
+._inputError_1qv7j_347,
+._inputWarning_1qv7j_348 {
   position: relative;
 }
-._inputError_47zhf_347 {
+._inputError_1qv7j_347 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_47zhf_347:hover {
+._inputError_1qv7j_347:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_47zhf_347:focus {
+._inputError_1qv7j_347:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputWarning_47zhf_348 {
+._inputWarning_1qv7j_348 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_47zhf_348:hover {
+._inputWarning_1qv7j_348:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_47zhf_348:focus {
+._inputWarning_1qv7j_348:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputDisabled_47zhf_379 {
+._inputDisabled_1qv7j_379 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_47zhf_384 {
+._hideScrollbars_1qv7j_384 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_47zhf_384::-webkit-scrollbar {
+._hideScrollbars_1qv7j_384::-webkit-scrollbar {
   display: none;
 }
-._cellWrapperPadding_47zhf_394 {
+._cellWrapperPadding_1qv7j_394 {
   padding: 9.5px 14px !important;
 }
-._flexBlock_47zhf_397 {
+._flexBlock_1qv7j_397 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17684,20 +17682,20 @@ html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-750);
   --color-background-table-row-tinted: var(--color-neutral-850);
 }
-._scrollWrapper_47zhf_410._bordered_47zhf_410 {
+._scrollWrapper_1qv7j_410._bordered_1qv7j_410 {
   border: 1px solid var(--color-border);
   border-radius: 0.28571429rem;
 }
-._scrollWrapper_47zhf_410._maxHeight_47zhf_414 {
+._scrollWrapper_1qv7j_410._maxHeight_1qv7j_414 {
   display: block;
   overflow-y: auto;
   overflow-x: hidden;
 }
-._scrollWrapper_47zhf_410._maxHeight_47zhf_414 tfoot td {
+._scrollWrapper_1qv7j_410._maxHeight_1qv7j_414 tfoot td {
   position: sticky;
   bottom: 0;
 }
-._table_47zhf_423 {
+._table_1qv7j_423 {
   width: 100%;
   background: var(--color-background-raised);
   box-shadow: none;
@@ -17707,32 +17705,32 @@ html[data-theme='dark'] {
   border-spacing: 0;
   border-radius: inherit;
 }
-._table_47zhf_423 > :first-child {
+._table_1qv7j_423 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_47zhf_423 > :first-child > :first-child {
+._table_1qv7j_423 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_47zhf_423 > :first-child > :first-child > :first-child {
+._table_1qv7j_423 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_47zhf_423 > :first-child > :first-child > :last-child {
+._table_1qv7j_423 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_47zhf_423 > :last-child {
+._table_1qv7j_423 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_47zhf_423 > :last-child > :last-child {
+._table_1qv7j_423 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_47zhf_423 > :last-child > :last-child > :first-child {
+._table_1qv7j_423 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_47zhf_423 > :last-child > :last-child > :last-child {
+._table_1qv7j_423 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -17749,7 +17747,8 @@ td:first-child {
   tr {
     height: 36px;
   }
-  td {
+  td,
+  th {
     height: 100%;
   }
 }
@@ -17775,16 +17774,16 @@ td {
 tr:first-child td {
   border-top: none;
 }
-._cellWrapper_47zhf_394 {
+._cellWrapper_1qv7j_394 {
   padding: 9.5px 14px !important;
 }
-._title_47zhf_504,
-._footer_47zhf_505 {
+._title_1qv7j_505,
+._footer_1qv7j_506 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._striped_47zhf_510 tbody tr:nth-child(even) {
+._striped_1qv7j_511 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 tfoot td {

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) {
@@ -34769,22 +34769,22 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_47zhf_326";
-const inputFocus$2 = "_inputFocus_47zhf_342";
-const inputError$2 = "_inputError_47zhf_347";
-const inputWarning$2 = "_inputWarning_47zhf_348";
-const inputDisabled$2 = "_inputDisabled_47zhf_379";
-const hideScrollbars$2 = "_hideScrollbars_47zhf_384";
-const cellWrapperPadding$3 = "_cellWrapperPadding_47zhf_394";
-const flexBlock$3 = "_flexBlock_47zhf_397";
-const scrollWrapper = "_scrollWrapper_47zhf_410";
-const bordered = "_bordered_47zhf_410";
-const maxHeight = "_maxHeight_47zhf_414";
-const table = "_table_47zhf_423";
-const cellWrapper$3 = "_cellWrapper_47zhf_394";
-const title$2 = "_title_47zhf_504";
-const footer$1 = "_footer_47zhf_505";
-const striped = "_striped_47zhf_510";
+const inputInTable$2 = "_inputInTable_1qv7j_326";
+const inputFocus$2 = "_inputFocus_1qv7j_342";
+const inputError$2 = "_inputError_1qv7j_347";
+const inputWarning$2 = "_inputWarning_1qv7j_348";
+const inputDisabled$2 = "_inputDisabled_1qv7j_379";
+const hideScrollbars$2 = "_hideScrollbars_1qv7j_384";
+const cellWrapperPadding$3 = "_cellWrapperPadding_1qv7j_394";
+const flexBlock$3 = "_flexBlock_1qv7j_397";
+const scrollWrapper = "_scrollWrapper_1qv7j_410";
+const bordered = "_bordered_1qv7j_410";
+const maxHeight = "_maxHeight_1qv7j_414";
+const table = "_table_1qv7j_423";
+const cellWrapper$3 = "_cellWrapper_1qv7j_394";
+const title$2 = "_title_1qv7j_505";
+const footer$1 = "_footer_1qv7j_506";
+const striped = "_striped_1qv7j_511";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputFocus: inputFocus$2,

package/package.json

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