@oliasoft-open-source/react-ui-library 5.0.3-beta-4 → 5.0.4

package/dist/global.css

@@ -9143,80 +9143,80 @@ button:active .remirror-menu-pane-shortcut,
   width: 8px;
   height: 14px;
 }
-._inputInTable_xkoxm_1 {
+._inputInTable_9c21g_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_xkoxm_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_9c21g_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_xkoxm_1:not(:focus) {
+._inputInTable_9c21g_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_xkoxm_13 {
+._inputHover_9c21g_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_xkoxm_18 {
+._inputFocus_9c21g_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_xkoxm_25,
-._inputWarning_xkoxm_26 {
+._inputError_9c21g_25,
+._inputWarning_9c21g_26 {
   position: relative;
 }
-._inputError_xkoxm_25 {
+._inputError_9c21g_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_xkoxm_25:hover {
+._inputError_9c21g_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_xkoxm_25:focus {
+._inputError_9c21g_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_xkoxm_26 {
+._inputWarning_9c21g_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_xkoxm_26:hover {
+._inputWarning_9c21g_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_xkoxm_26:focus {
+._inputWarning_9c21g_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_xkoxm_61 {
+._inputDisabled_9c21g_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_xkoxm_67 {
+._hideScrollbars_9c21g_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_xkoxm_67::-webkit-scrollbar {
+._hideScrollbars_9c21g_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9227,7 +9227,7 @@ html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-800);
   --color-background-table-row-tinted: var(--color-neutral-800);
 }
-._wrapper_xkoxm_85 {
+._wrapper_9c21g_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9235,23 +9235,23 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_xkoxm_85._bordered_xkoxm_93 {
+._wrapper_9c21g_85._bordered_9c21g_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_xkoxm_98 {
+._scroll_9c21g_98 {
   background: var(--color-background);
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_xkoxm_98:not(:first-child) {
+._scroll_9c21g_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_xkoxm_109 {
+._table_9c21g_109 {
   color: var(--color-text);
   border-collapse: separate;
   border-spacing: 0;
@@ -9259,35 +9259,35 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_xkoxm_109 > :first-child {
+._table_9c21g_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_xkoxm_109 > :first-child > :first-child {
+._table_9c21g_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_xkoxm_109 > :first-child > :first-child > :first-child {
+._table_9c21g_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_xkoxm_109 > :first-child > :first-child > :last-child {
+._table_9c21g_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_xkoxm_109 > :last-child {
+._table_9c21g_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_xkoxm_109 > :last-child > :last-child {
+._table_9c21g_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_xkoxm_109 > :last-child > :last-child > :first-child {
+._table_9c21g_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_xkoxm_109 > :last-child > :last-child > :last-child {
+._table_9c21g_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
-._dragOverlay_xkoxm_145 {
+._dragOverlay_9c21g_145 {
   box-shadow: var(--shadow-layer);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -9306,10 +9306,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_xkoxm_109 > *:not(:last-child) > tr th,
-._table_xkoxm_109 > *:not(:last-child) > tr td,
-._table_xkoxm_109 > *:last-child > tr:not(:last-child) th,
-._table_xkoxm_109 > *:last-child > tr:not(:last-child) td {
+._table_9c21g_109 > *:not(:last-child) > tr th,
+._table_9c21g_109 > *:not(:last-child) > tr td,
+._table_9c21g_109 > *:last-child > tr:not(:last-child) th,
+._table_9c21g_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9318,7 +9318,7 @@ td:not(:first-child) {
   }
   td,
   th {
-    height: 100%;
+    height: auto;
   }
 }
 thead {
@@ -9336,7 +9336,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_xkoxm_194 tbody [data-even='true'] {
+._striped_9c21g_194 tbody [data-even='true'] {
   background-color: var(--color-background-table-row-tinted);
 }
 tbody:before {

package/dist/index.js

@@ -972,8 +972,8 @@ function TbBolt(props) {
 function TbBook2(props) {
   return GenIcon({ "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": "M19 4v16h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12z" } }, { "tag": "path", "attr": { "d": "M19 16h-12a2 2 0 0 0 -2 2" } }, { "tag": "path", "attr": { "d": "M9 8h6" } }] })(props);
 }
-function TbBuilding(props) {
-  return GenIcon({ "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 21l18 0" } }, { "tag": "path", "attr": { "d": "M9 8l1 0" } }, { "tag": "path", "attr": { "d": "M9 12l1 0" } }, { "tag": "path", "attr": { "d": "M9 16l1 0" } }, { "tag": "path", "attr": { "d": "M14 8l1 0" } }, { "tag": "path", "attr": { "d": "M14 12l1 0" } }, { "tag": "path", "attr": { "d": "M14 16l1 0" } }, { "tag": "path", "attr": { "d": "M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" } }] })(props);
+function TbBuildingSkyscraper(props) {
+  return GenIcon({ "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 21l18 0" } }, { "tag": "path", "attr": { "d": "M5 21v-14l8 -4v18" } }, { "tag": "path", "attr": { "d": "M19 21v-10l-6 -4" } }, { "tag": "path", "attr": { "d": "M9 9l0 .01" } }, { "tag": "path", "attr": { "d": "M9 12l0 .01" } }, { "tag": "path", "attr": { "d": "M9 15l0 .01" } }, { "tag": "path", "attr": { "d": "M9 18l0 .01" } }] })(props);
 }
 function TbCamera(props) {
   return GenIcon({ "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": "M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" } }, { "tag": "path", "attr": { "d": "M9 13a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" } }] })(props);
@@ -1101,9 +1101,6 @@ function TbKey(props) {
 function TbLayoutColumns(props) {
   return GenIcon({ "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 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" } }, { "tag": "path", "attr": { "d": "M12 4l0 16" } }] })(props);
 }
-function TbLayoutGrid(props) {
-  return GenIcon({ "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 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" } }, { "tag": "path", "attr": { "d": "M14 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" } }, { "tag": "path", "attr": { "d": "M4 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" } }, { "tag": "path", "attr": { "d": "M14 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" } }] })(props);
-}
 function TbLayoutRows(props) {
   return GenIcon({ "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 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" } }, { "tag": "path", "attr": { "d": "M4 12l16 0" } }] })(props);
 }
@@ -1212,9 +1209,6 @@ function TbSortAscending(props) {
 function TbSortDescending(props) {
   return GenIcon({ "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 TbSquare(props) {
-  return GenIcon({ "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);
-}
 function TbStar(props) {
   return GenIcon({ "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 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" } }] })(props);
 }
@@ -1254,6 +1248,12 @@ function AiOutlineMinusSquare(props) {
 function AiOutlinePlusSquare(props) {
   return GenIcon({ "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);
 }
+const Layout1 = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%204H6C4.89543%204%204%204.89543%204%206V18C4%2019.1046%204.89543%2020%206%2020H18C19.1046%2020%2020%2019.1046%2020%2018V6C20%204.89543%2019.1046%204%2018%204Z'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const Layout3SplitTop = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2012H20M12%204V12M18%2020H6C4.89543%2020%204%2019.1046%204%2018V6C4%204.8954%204.89543%204%206%204H18C19.1046%204%2020%204.8954%2020%206V18C20%2019.1046%2019.1046%2020%2018%2020Z'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const Layout3SplitBottom = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2012H20M12%2020V12M18%204H6C4.89543%204%204%204.89543%204%206V18C4%2019.1046%204.89543%2020%206%2020H18C19.1046%2020%2020%2019.1046%2020%2018V6C20%204.89543%2019.1046%204%2018%204Z'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const Layout3SplitLeft = "data:image/svg+xml,%3csvg%20fill='none'%20height='1em'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m12%2020v-16m-8%208h8m8-6v12c0%201.1046-.8954%202-2%202h-12c-1.1046%200-2-.8954-2-2v-12c0-1.1046.8954-2%202-2h12c1.1046%200%202%20.8954%202%202z'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'/%3e%3c/svg%3e";
+const Layout3SplitRight = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%204L12%2020M20%2012H12M4%2018L4%206C4%204.89543%204.89543%204%206%204L18%204C19.1046%204%2020%204.89543%2020%206V18C20%2019.1046%2019.1046%2020%2018%2020H6C4.89543%2020%204%2019.1046%204%2018Z'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const Layout4Grid = "data:image/svg+xml,%3csvg%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%204C4.89543%204%204%204.89543%204%206V18C4%2019.1046%204.89543%2020%206%2020H18C19.1046%2020%2020%2019.1046%2020%2018V6C20%204.89543%2019.1046%204%2018%204M6%204H18M6%204H12M18%204H12M4%2012H20M12%204V20'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 const NamedIcon = ({ icon: icon2 }) => {
   switch (icon2) {
     case "add":
@@ -1325,7 +1325,7 @@ const NamedIcon = ({ icon: icon2 }) => {
       return /* @__PURE__ */ jsx(VscCollapseAll, {});
     // Replace with TbCopyMinus when react-icons is updated
     case "company":
-      return /* @__PURE__ */ jsx(TbBuilding, {});
+      return /* @__PURE__ */ jsx(TbBuildingSkyscraper, {});
     case "compare":
       return /* @__PURE__ */ jsx(TbScale, {});
     case "delete":
@@ -1393,13 +1393,21 @@ const NamedIcon = ({ icon: icon2 }) => {
       return /* @__PURE__ */ jsx(TbLayoutColumns, {});
     case "layout grid":
     case "grid":
-      return /* @__PURE__ */ jsx(TbLayoutGrid, {});
+      return /* @__PURE__ */ jsx(ReactSVG, { src: Layout4Grid });
     case "layout rows":
     case "rows":
       return /* @__PURE__ */ jsx(TbLayoutRows, {});
     case "layout single":
     case "square":
-      return /* @__PURE__ */ jsx(TbSquare, {});
+      return /* @__PURE__ */ jsx(ReactSVG, { src: Layout1 });
+    case "layout 3 split top":
+      return /* @__PURE__ */ jsx(ReactSVG, { src: Layout3SplitTop });
+    case "layout 3 split bottom":
+      return /* @__PURE__ */ jsx(ReactSVG, { src: Layout3SplitBottom });
+    case "layout 3 split left":
+      return /* @__PURE__ */ jsx(ReactSVG, { src: Layout3SplitLeft });
+    case "layout 3 split right":
+      return /* @__PURE__ */ jsx(ReactSVG, { src: Layout3SplitRight });
     case "link":
       return /* @__PURE__ */ jsx(TbLink, {});
     case "list":
@@ -168403,12 +168411,12 @@ const Spacer = ({
     }
   }
 );
-const wrapper = "_wrapper_xkoxm_85";
-const bordered = "_bordered_xkoxm_93";
-const scroll = "_scroll_xkoxm_98";
-const table = "_table_xkoxm_109";
-const dragOverlay = "_dragOverlay_xkoxm_145";
-const striped = "_striped_xkoxm_194";
+const wrapper = "_wrapper_9c21g_85";
+const bordered = "_bordered_9c21g_93";
+const scroll = "_scroll_9c21g_98";
+const table = "_table_9c21g_109";
+const dragOverlay = "_dragOverlay_9c21g_145";
+const striped = "_striped_9c21g_194";
 const styles$c = {
   wrapper,
   bordered,