@oliasoft-open-source/react-ui-library 4.0.0-beta-56 → 4.0.0-beta-57

package/dist/global.css

@@ -2400,123 +2400,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_ibcjb_1 {
+._inputInTable_hj49e_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_ibcjb_1:not(:hover) {
+._inputInTable_hj49e_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_ibcjb_1:not(:focus) {
+._inputInTable_hj49e_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_ibcjb_13 {
+._inputHover_hj49e_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_ibcjb_18 {
+._inputFocus_hj49e_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_ibcjb_25,
-._inputWarning_ibcjb_26 {
+._inputError_hj49e_25,
+._inputWarning_hj49e_26 {
   position: relative;
 }
-._inputError_ibcjb_25 {
+._inputError_hj49e_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_ibcjb_25:hover {
+._inputError_hj49e_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_ibcjb_25:focus {
+._inputError_hj49e_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_ibcjb_26 {
+._inputWarning_hj49e_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_ibcjb_26:hover {
+._inputWarning_hj49e_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_ibcjb_26:focus {
+._inputWarning_hj49e_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_ibcjb_61 {
+._inputDisabled_hj49e_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_ibcjb_67 {
+._hideScrollbars_hj49e_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_ibcjb_67::-webkit-scrollbar {
+._hideScrollbars_hj49e_67::-webkit-scrollbar {
   display: none;
 }
-._header_ibcjb_77 ._headerTitle_ibcjb_77,
-._heading_ibcjb_78 ._itemHeader_ibcjb_78 {
+._header_hj49e_77 ._headerTitle_hj49e_77,
+._heading_hj49e_78 ._itemHeader_hj49e_78 {
   transition: opacity 0.3s;
 }
-._narrow_ibcjb_81 ._header_ibcjb_77 ._headerTitle_ibcjb_77,
-._narrow_ibcjb_81 ._heading_ibcjb_78 ._itemHeader_ibcjb_78 {
+._narrow_hj49e_81 ._header_hj49e_77 ._headerTitle_hj49e_77,
+._narrow_hj49e_81 ._heading_hj49e_78 ._itemHeader_hj49e_78 {
   opacity: 0;
 }
-._stickyHeader_ibcjb_85 {
+._stickyHeader_hj49e_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_ibcjb_78 {
+._itemHeader_hj49e_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_ibcjb_78 ._title_ibcjb_96 {
+._itemHeader_hj49e_78 ._title_hj49e_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_ibcjb_78 ._name_ibcjb_102 {
+._itemHeader_hj49e_78 ._name_hj49e_102 {
   font-weight: 400;
 }
-._itemHeader_ibcjb_78 ._iconTooltipMargin_ibcjb_105 {
+._itemHeader_hj49e_78 ._iconTooltipMargin_hj49e_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_ibcjb_78 ._bold_ibcjb_108 {
+._itemHeader_hj49e_78 ._bold_hj49e_108 {
   font-weight: bold;
 }
-._header_ibcjb_77 {
+._header_hj49e_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_ibcjb_117 {
+._toggleNarrow_hj49e_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2525,16 +2525,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_ibcjb_117:hover {
+._toggleNarrow_hj49e_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_ibcjb_117:active {
+._toggleNarrow_hj49e_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_ibcjb_81 ._toggleNarrow_ibcjb_117 {
+._narrow_hj49e_81 ._toggleNarrow_hj49e_117 {
   transform: scaleX(-1);
 }
-._drag_ibcjb_135 {
+._drag_hj49e_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2545,28 +2545,28 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_ibcjb_135:hover {
+._drag_hj49e_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_ibcjb_135:active {
+._drag_hj49e_135:active {
   color: var(--color-text-primary-active);
 }
-._list_ibcjb_152 {
+._list_hj49e_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_ibcjb_152._bordered_ibcjb_156:first-child,
-._list_ibcjb_152._bordered_ibcjb_156:first-child > :first-child {
+._list_hj49e_152._bordered_hj49e_156:first-child,
+._list_hj49e_152._bordered_hj49e_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_ibcjb_152._bordered_ibcjb_156:last-child,
-._list_ibcjb_152._bordered_ibcjb_156:last-child > :last-child {
+._list_hj49e_152._bordered_hj49e_156:last-child,
+._list_hj49e_152._bordered_hj49e_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_ibcjb_78 {
+._item_hj49e_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2577,7 +2577,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_ibcjb_78:not(._heading_ibcjb_78):after {
+._item_hj49e_78:not(._heading_hj49e_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2588,73 +2588,73 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_ibcjb_78._action_ibcjb_189 {
+._item_hj49e_78._action_hj49e_189 {
   cursor: pointer;
 }
-._item_ibcjb_78._action_ibcjb_189:not(._active_ibcjb_192):hover {
+._item_hj49e_78._action_hj49e_189:not(._active_hj49e_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_ibcjb_78._action_ibcjb_189:not(._active_ibcjb_192):hover:after {
+._item_hj49e_78._action_hj49e_189:not(._active_hj49e_192):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_ibcjb_78._active_ibcjb_192 {
+._item_hj49e_78._active_hj49e_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_ibcjb_78._active_ibcjb_192:after {
+._item_hj49e_78._active_hj49e_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_ibcjb_78._disabled_ibcjb_207 {
+._item_hj49e_78._disabled_hj49e_207 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_ibcjb_78._heading_ibcjb_78 {
+._item_hj49e_78._heading_hj49e_78 {
   color: var(--color-text-muted);
-  background-color: transparent;
+  background-color: var(--color-background-cardheader);
 }
-._item_ibcjb_78._heading_ibcjb_78._action_ibcjb_189:hover {
+._item_hj49e_78._heading_hj49e_78._action_hj49e_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_ibcjb_78 ._label_ibcjb_218 {
+._item_hj49e_78 ._label_hj49e_218 {
   display: flex;
   align-items: center;
   margin-right: var(--padding-xs);
   flex-shrink: 0;
 }
-._item_ibcjb_78 ._details_ibcjb_224,
-._item_ibcjb_78 ._metadata_ibcjb_225 {
+._item_hj49e_78 ._details_hj49e_224,
+._item_hj49e_78 ._metadata_hj49e_225 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_ibcjb_78 ._metadata_ibcjb_225 {
+._item_hj49e_78 ._metadata_hj49e_225 {
   color: var(--color-text-muted);
 }
-._item_ibcjb_78 ._itemContent_ibcjb_233 {
+._item_hj49e_78 ._itemContent_hj49e_233 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_ibcjb_78 ._itemContent_ibcjb_233:empty {
+._item_hj49e_78 ._itemContent_hj49e_233:empty {
   padding: inherit;
 }
-._indentIcon_ibcjb_240 {
+._indentIcon_hj49e_240 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_ibcjb_245 {
+._expandIcon_hj49e_245 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_ibcjb_245._expanded_ibcjb_252 svg {
+._expandIcon_hj49e_245._expanded_hj49e_252 svg {
   transform: rotate(90deg);
 }
-._right_ibcjb_255 {
+._right_hj49e_255 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2663,24 +2663,24 @@ html[data-theme='dark'] {
   margin-right: calc(var(--padding-xs) * -1);
   min-height: var(--size-sm);
 }
-._actions_ibcjb_264 {
+._actions_hj49e_264 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_ibcjb_269 {
+._scrollableList_hj49e_269 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_ibcjb_67 {
+._hideScrollbar_hj49e_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_ibcjb_67::-webkit-scrollbar {
+._hideScrollbar_hj49e_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-f8e95fed.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-2d59d5c8.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-d8911ded.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-cd5cc3b5.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -3086,6 +3086,12 @@ function TbSortAscending(props) {
 function TbSortDescending(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 6l9 0" } }, { "tag": "path", "attr": { "d": "M4 12l7 0" } }, { "tag": "path", "attr": { "d": "M4 18l7 0" } }, { "tag": "path", "attr": { "d": "M15 15l3 3l3 -3" } }, { "tag": "path", "attr": { "d": "M18 6l0 12" } }] })(props);
 }
+function TbSquareRoundedMinus(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M9 12h6" } }, { "tag": "path", "attr": { "d": "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" } }] })(props);
+}
+function TbSquareRoundedPlus(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" } }, { "tag": "path", "attr": { "d": "M15 12h-6" } }, { "tag": "path", "attr": { "d": "M12 9v6" } }] })(props);
+}
 function TbSquare(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" } }] })(props);
 }
@@ -3116,12 +3122,6 @@ function TbUsers(props) {
 function TbX(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M18 6l-12 12" } }, { "tag": "path", "attr": { "d": "M6 6l12 12" } }] })(props);
 }
-function AiOutlineMinusSquare(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attr": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] })(props);
-}
-function AiOutlinePlusSquare(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attr": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] })(props);
-}
 function VscCollapseAll(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 16 16", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M9 9H4v1h5V9z" } }, { "tag": "path", "attr": { "fillRule": "evenodd", "clipRule": "evenodd", "d": "M5 3l1-1h7l1 1v7l-1 1h-2v2l-1 1H3l-1-1V6l1-1h2V3zm1 2h4l1 1v4h2V3H6v2zm4 1H3v7h7V6z" } }] })(props);
 }
@@ -3193,7 +3193,7 @@ const NamedIcon = ({ icon: icon2 }) => {
     case "code":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(TbCode, {});
     case "collapse":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(AiOutlineMinusSquare, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(TbSquareRoundedMinus, {});
     case "collapse all":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(VscCollapseAll, {});
     case "company":
@@ -3221,7 +3221,7 @@ const NamedIcon = ({ icon: icon2 }) => {
     case "exclamation":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(TbExclamationMark, {});
     case "expand":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(AiOutlinePlusSquare, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(TbSquareRoundedPlus, {});
     case "expand all":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(VscExpandAll, {});
     case "external":
@@ -26100,42 +26100,42 @@ var InfiniteScroll = (
     return InfiniteScroll2;
   }(Component$1)
 );
-const inputInTable$8 = "_inputInTable_ibcjb_1";
-const inputHover$8 = "_inputHover_ibcjb_13";
-const inputFocus$8 = "_inputFocus_ibcjb_18";
-const inputError$8 = "_inputError_ibcjb_25";
-const inputWarning$8 = "_inputWarning_ibcjb_26";
-const inputDisabled$8 = "_inputDisabled_ibcjb_61";
-const hideScrollbars$8 = "_hideScrollbars_ibcjb_67";
-const header$1 = "_header_ibcjb_77";
-const headerTitle = "_headerTitle_ibcjb_77";
-const heading$3 = "_heading_ibcjb_78";
-const itemHeader = "_itemHeader_ibcjb_78";
-const narrow = "_narrow_ibcjb_81";
-const stickyHeader = "_stickyHeader_ibcjb_85";
-const title$3 = "_title_ibcjb_96";
-const name = "_name_ibcjb_102";
-const iconTooltipMargin = "_iconTooltipMargin_ibcjb_105";
-const bold = "_bold_ibcjb_108";
-const toggleNarrow = "_toggleNarrow_ibcjb_117";
-const drag$1 = "_drag_ibcjb_135";
-const list$1 = "_list_ibcjb_152";
-const bordered$1 = "_bordered_ibcjb_156";
-const item$4 = "_item_ibcjb_78";
-const action = "_action_ibcjb_189";
-const active$3 = "_active_ibcjb_192";
-const disabled$5 = "_disabled_ibcjb_207";
-const label$6 = "_label_ibcjb_218";
-const details$2 = "_details_ibcjb_224";
-const metadata = "_metadata_ibcjb_225";
-const itemContent = "_itemContent_ibcjb_233";
-const indentIcon = "_indentIcon_ibcjb_240";
-const expandIcon = "_expandIcon_ibcjb_245";
-const expanded = "_expanded_ibcjb_252";
-const right$4 = "_right_ibcjb_255";
-const actions = "_actions_ibcjb_264";
-const scrollableList = "_scrollableList_ibcjb_269";
-const hideScrollbar = "_hideScrollbar_ibcjb_67";
+const inputInTable$8 = "_inputInTable_hj49e_1";
+const inputHover$8 = "_inputHover_hj49e_13";
+const inputFocus$8 = "_inputFocus_hj49e_18";
+const inputError$8 = "_inputError_hj49e_25";
+const inputWarning$8 = "_inputWarning_hj49e_26";
+const inputDisabled$8 = "_inputDisabled_hj49e_61";
+const hideScrollbars$8 = "_hideScrollbars_hj49e_67";
+const header$1 = "_header_hj49e_77";
+const headerTitle = "_headerTitle_hj49e_77";
+const heading$3 = "_heading_hj49e_78";
+const itemHeader = "_itemHeader_hj49e_78";
+const narrow = "_narrow_hj49e_81";
+const stickyHeader = "_stickyHeader_hj49e_85";
+const title$3 = "_title_hj49e_96";
+const name = "_name_hj49e_102";
+const iconTooltipMargin = "_iconTooltipMargin_hj49e_105";
+const bold = "_bold_hj49e_108";
+const toggleNarrow = "_toggleNarrow_hj49e_117";
+const drag$1 = "_drag_hj49e_135";
+const list$1 = "_list_hj49e_152";
+const bordered$1 = "_bordered_hj49e_156";
+const item$4 = "_item_hj49e_78";
+const action = "_action_hj49e_189";
+const active$3 = "_active_hj49e_192";
+const disabled$5 = "_disabled_hj49e_207";
+const label$6 = "_label_hj49e_218";
+const details$2 = "_details_hj49e_224";
+const metadata = "_metadata_hj49e_225";
+const itemContent = "_itemContent_hj49e_233";
+const indentIcon = "_indentIcon_hj49e_240";
+const expandIcon = "_expandIcon_hj49e_245";
+const expanded = "_expanded_hj49e_252";
+const right$4 = "_right_hj49e_255";
+const actions = "_actions_hj49e_264";
+const scrollableList = "_scrollableList_hj49e_269";
+const hideScrollbar = "_hideScrollbar_hj49e_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,