@oliasoft-open-source/react-ui-library 4.18.0-beta-11 → 4.18.0-beta-12

package/dist/global.css

@@ -2442,130 +2442,131 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_snjei_1 {
+._inputInTable_4cdnv_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_snjei_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_4cdnv_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_snjei_1:not(:focus) {
+._inputInTable_4cdnv_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_snjei_13 {
+._inputHover_4cdnv_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_snjei_18 {
+._inputFocus_4cdnv_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_snjei_25,
-._inputWarning_snjei_26 {
+._inputError_4cdnv_25,
+._inputWarning_4cdnv_26 {
   position: relative;
 }
-._inputError_snjei_25 {
+._inputError_4cdnv_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_snjei_25:hover {
+._inputError_4cdnv_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_snjei_25:focus {
+._inputError_4cdnv_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_snjei_26 {
+._inputWarning_4cdnv_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_snjei_26:hover {
+._inputWarning_4cdnv_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_snjei_26:focus {
+._inputWarning_4cdnv_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_snjei_61 {
+._inputDisabled_4cdnv_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_snjei_67 {
+._hideScrollbars_4cdnv_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_snjei_67::-webkit-scrollbar {
+._hideScrollbars_4cdnv_67::-webkit-scrollbar {
   display: none;
 }
-._list_snjei_77 {
+._list_4cdnv_77 {
   display: flex;
   flex-direction: column;
   max-height: 100%;
   overflow: hidden;
 }
-._bordered_snjei_83 {
+._bordered_4cdnv_83 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
 }
-._bordered_snjei_83 ._virtualRow_snjei_87:last-child ._item_snjei_87 {
+._bordered_4cdnv_83 ._virtualRow_4cdnv_87:last-child ._item_4cdnv_87 {
   border-bottom: none;
 }
-._header_snjei_90 ._headerTitle_snjei_90,
-._heading_snjei_91 ._itemHeader_snjei_91 {
+._header_4cdnv_90 ._headerTitle_4cdnv_90,
+._heading_4cdnv_91 ._itemHeader_4cdnv_91 {
   transition: opacity 0.3s;
 }
-._narrow_snjei_94 ._header_snjei_90 ._headerTitle_snjei_90,
-._narrow_snjei_94 ._heading_snjei_91 ._itemHeader_snjei_91 {
+._narrow_4cdnv_94 ._header_4cdnv_90 ._headerTitle_4cdnv_90,
+._narrow_4cdnv_94 ._heading_4cdnv_91 ._itemHeader_4cdnv_91 {
   opacity: 0;
 }
-._stickyHeader_snjei_98 {
+._stickyHeader_4cdnv_98 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_snjei_91 {
+._itemHeader_4cdnv_91 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_snjei_91 ._title_snjei_109 {
+._itemHeader_4cdnv_91 ._title_4cdnv_109 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_snjei_91 ._name_snjei_115 {
+._itemHeader_4cdnv_91 ._name_4cdnv_115 {
   font-weight: 400;
+  display: block;
 }
-._itemHeader_snjei_91 ._iconTooltipMargin_snjei_118 {
+._itemHeader_4cdnv_91 ._iconTooltipMargin_4cdnv_119 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_snjei_91 ._bold_snjei_121 {
+._itemHeader_4cdnv_91 ._bold_4cdnv_122 {
   font-weight: bold;
 }
-._header_snjei_90 {
+._header_4cdnv_90 {
   padding: var(--padding);
   display: flex;
   align-items: center;
@@ -2573,7 +2574,7 @@ html[data-theme='dark'] {
   position: sticky;
   top: 0;
 }
-._toggleNarrow_snjei_132 {
+._toggleNarrow_4cdnv_133 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2582,16 +2583,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_snjei_132:hover {
+._toggleNarrow_4cdnv_133:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_snjei_132:active {
+._toggleNarrow_4cdnv_133:active {
   color: var(--color-text-primary-active);
 }
-._narrow_snjei_94 ._toggleNarrow_snjei_132 {
+._narrow_4cdnv_94 ._toggleNarrow_4cdnv_133 {
   transform: scaleX(-1);
 }
-._drag_snjei_150 {
+._drag_4cdnv_151 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2605,24 +2606,24 @@ html[data-theme='dark'] {
   width: var(--size-sm);
   flex-shrink: 0;
 }
-._drag_snjei_150:hover {
+._drag_4cdnv_151:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_snjei_150:active {
+._drag_4cdnv_151:active {
   cursor: grabbing;
   color: var(--color-text-primary-active);
 }
-._dragOverlay_snjei_171 {
+._dragOverlay_4cdnv_172 {
   box-shadow: var(--shadow-layer);
   border-radius: var(--border-radius);
   overflow: hidden;
 }
-._listContent_snjei_176 {
+._listContent_4cdnv_177 {
   flex: 1;
   overflow-y: auto;
   background: var(--color-background);
 }
-._item_snjei_87 {
+._item_4cdnv_87 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2633,7 +2634,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_snjei_87:not(._heading_snjei_91):after {
+._item_4cdnv_87:not(._heading_4cdnv_91):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2644,41 +2645,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_snjei_87._action_snjei_203 {
+._item_4cdnv_87._action_4cdnv_204 {
   cursor: pointer;
 }
-._item_snjei_87._action_snjei_203:not(._active_snjei_206):hover {
+._item_4cdnv_87._action_4cdnv_204:not(._active_4cdnv_207):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_snjei_87._action_snjei_203:not(._active_snjei_206):hover:after {
+._item_4cdnv_87._action_4cdnv_204:not(._active_4cdnv_207):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_snjei_87._indented_snjei_213:after {
+._item_4cdnv_87._indented_4cdnv_214:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_snjei_87._active_snjei_206 {
+._item_4cdnv_87._active_4cdnv_207 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_snjei_87._active_snjei_206:after {
+._item_4cdnv_87._active_4cdnv_207:after {
   background: var(--color-background-primary) !important;
 }
-._item_snjei_87._disabled_snjei_226 {
+._item_4cdnv_87._disabled_4cdnv_227 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_snjei_87._heading_snjei_91 {
+._item_4cdnv_87._heading_4cdnv_91 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_snjei_87._heading_snjei_91._action_snjei_203:hover {
+._item_4cdnv_87._heading_4cdnv_91._action_4cdnv_204:hover {
   color: var(--color-text-primary-hover);
 }
-._item_snjei_87 ._label_snjei_237 {
+._item_4cdnv_87 ._label_4cdnv_238 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2689,38 +2690,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_snjei_87 ._details_snjei_248,
-._item_snjei_87 ._metadata_snjei_249 {
+._item_4cdnv_87 ._details_4cdnv_249,
+._item_4cdnv_87 ._metadata_4cdnv_250 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_snjei_87 ._metadata_snjei_249 {
+._item_4cdnv_87 ._metadata_4cdnv_250 {
   color: var(--color-text-muted);
 }
-._item_snjei_87 ._itemContent_snjei_257 {
+._item_4cdnv_87 ._itemContent_4cdnv_258 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_snjei_87 ._itemContent_snjei_257:empty {
+._item_4cdnv_87 ._itemContent_4cdnv_258:empty {
   padding: inherit;
 }
-._indentIcon_snjei_264 {
+._indentIcon_4cdnv_265 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_snjei_269 {
+._expandIcon_4cdnv_270 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_snjei_269._expanded_snjei_276 svg {
+._expandIcon_4cdnv_270._expanded_4cdnv_277 svg {
   transform: rotate(90deg);
 }
-._right_snjei_279 {
+._right_4cdnv_280 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2728,29 +2729,29 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_snjei_287 {
+._actions_4cdnv_288 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._hideScrollbar_snjei_67 {
+._hideScrollbar_4cdnv_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_snjei_67::-webkit-scrollbar {
+._hideScrollbar_4cdnv_67::-webkit-scrollbar {
   display: none;
 }
-._noPointerEvents_snjei_302 {
+._noPointerEvents_4cdnv_303 {
   pointer-events: none;
 }
-._virtualRows_snjei_305 {
+._virtualRows_4cdnv_306 {
   width: 100%;
   position: relative;
 }
-._virtualRow_snjei_87 {
+._virtualRow_4cdnv_87 {
   position: absolute;
   top: 0;
   left: 0;

package/dist/index.js

@@ -10257,47 +10257,47 @@ function useVirtualizer(options) {
     ...options
   });
 }
-const inputInTable$8 = "_inputInTable_snjei_1";
-const inputHover$8 = "_inputHover_snjei_13";
-const inputFocus$8 = "_inputFocus_snjei_18";
-const inputError$8 = "_inputError_snjei_25";
-const inputWarning$8 = "_inputWarning_snjei_26";
-const inputDisabled$8 = "_inputDisabled_snjei_61";
-const hideScrollbars$8 = "_hideScrollbars_snjei_67";
-const list$1 = "_list_snjei_77";
-const bordered$1 = "_bordered_snjei_83";
-const virtualRow = "_virtualRow_snjei_87";
-const item$4 = "_item_snjei_87";
-const header$1 = "_header_snjei_90";
-const headerTitle = "_headerTitle_snjei_90";
-const heading$3 = "_heading_snjei_91";
-const itemHeader = "_itemHeader_snjei_91";
-const narrow = "_narrow_snjei_94";
-const stickyHeader = "_stickyHeader_snjei_98";
-const title$3 = "_title_snjei_109";
-const name = "_name_snjei_115";
-const iconTooltipMargin = "_iconTooltipMargin_snjei_118";
-const bold = "_bold_snjei_121";
-const toggleNarrow = "_toggleNarrow_snjei_132";
-const drag$1 = "_drag_snjei_150";
-const dragOverlay$1 = "_dragOverlay_snjei_171";
-const listContent = "_listContent_snjei_176";
-const action = "_action_snjei_203";
-const active$3 = "_active_snjei_206";
-const indented = "_indented_snjei_213";
-const disabled$5 = "_disabled_snjei_226";
-const label$6 = "_label_snjei_237";
-const details$2 = "_details_snjei_248";
-const metadata = "_metadata_snjei_249";
-const itemContent = "_itemContent_snjei_257";
-const indentIcon = "_indentIcon_snjei_264";
-const expandIcon = "_expandIcon_snjei_269";
-const expanded = "_expanded_snjei_276";
-const right$4 = "_right_snjei_279";
-const actions = "_actions_snjei_287";
-const hideScrollbar = "_hideScrollbar_snjei_67";
-const noPointerEvents = "_noPointerEvents_snjei_302";
-const virtualRows = "_virtualRows_snjei_305";
+const inputInTable$8 = "_inputInTable_4cdnv_1";
+const inputHover$8 = "_inputHover_4cdnv_13";
+const inputFocus$8 = "_inputFocus_4cdnv_18";
+const inputError$8 = "_inputError_4cdnv_25";
+const inputWarning$8 = "_inputWarning_4cdnv_26";
+const inputDisabled$8 = "_inputDisabled_4cdnv_61";
+const hideScrollbars$8 = "_hideScrollbars_4cdnv_67";
+const list$1 = "_list_4cdnv_77";
+const bordered$1 = "_bordered_4cdnv_83";
+const virtualRow = "_virtualRow_4cdnv_87";
+const item$4 = "_item_4cdnv_87";
+const header$1 = "_header_4cdnv_90";
+const headerTitle = "_headerTitle_4cdnv_90";
+const heading$3 = "_heading_4cdnv_91";
+const itemHeader = "_itemHeader_4cdnv_91";
+const narrow = "_narrow_4cdnv_94";
+const stickyHeader = "_stickyHeader_4cdnv_98";
+const title$3 = "_title_4cdnv_109";
+const name = "_name_4cdnv_115";
+const iconTooltipMargin = "_iconTooltipMargin_4cdnv_119";
+const bold = "_bold_4cdnv_122";
+const toggleNarrow = "_toggleNarrow_4cdnv_133";
+const drag$1 = "_drag_4cdnv_151";
+const dragOverlay$1 = "_dragOverlay_4cdnv_172";
+const listContent = "_listContent_4cdnv_177";
+const action = "_action_4cdnv_204";
+const active$3 = "_active_4cdnv_207";
+const indented = "_indented_4cdnv_214";
+const disabled$5 = "_disabled_4cdnv_227";
+const label$6 = "_label_4cdnv_238";
+const details$2 = "_details_4cdnv_249";
+const metadata = "_metadata_4cdnv_250";
+const itemContent = "_itemContent_4cdnv_258";
+const indentIcon = "_indentIcon_4cdnv_265";
+const expandIcon = "_expandIcon_4cdnv_270";
+const expanded = "_expanded_4cdnv_277";
+const right$4 = "_right_4cdnv_280";
+const actions = "_actions_4cdnv_288";
+const hideScrollbar = "_hideScrollbar_4cdnv_67";
+const noPointerEvents = "_noPointerEvents_4cdnv_303";
+const virtualRows = "_virtualRows_4cdnv_306";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.18.0-beta-11",
+  "version": "4.18.0-beta-12",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {