@oliasoft-open-source/react-ui-library 4.0.0-beta-47 → 4.0.0-beta-49

package/dist/assets/{index-08b39fce.css → index-614d8b93.css}

@@ -8543,123 +8543,123 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1xhau_1 {
+._inputInTable_1p8ji_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1xhau_1:not(:hover) {
+._inputInTable_1p8ji_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1xhau_1:not(:focus) {
+._inputInTable_1p8ji_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1xhau_13 {
+._inputHover_1p8ji_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1xhau_18 {
+._inputFocus_1p8ji_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1xhau_25,
-._inputWarning_1xhau_26 {
+._inputError_1p8ji_25,
+._inputWarning_1p8ji_26 {
   position: relative;
 }
-._inputError_1xhau_25 {
+._inputError_1p8ji_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1xhau_25:hover {
+._inputError_1p8ji_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1xhau_25:focus {
+._inputError_1p8ji_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1xhau_26 {
+._inputWarning_1p8ji_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1xhau_26:hover {
+._inputWarning_1p8ji_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1xhau_26:focus {
+._inputWarning_1p8ji_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1xhau_61 {
+._inputDisabled_1p8ji_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1xhau_67 {
+._hideScrollbars_1p8ji_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1xhau_67::-webkit-scrollbar {
+._hideScrollbars_1p8ji_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --size-sidebar-icon: var(--size);
-  --color-background-sidebar: var(--color-neutral-950);
+  --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_1xhau_82 {
+._sidebar_1p8ji_82 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_1xhau_82 {
+  ._sidebar_1p8ji_82 {
     display: none;
   }
 }
-._inner_1xhau_93 {
+._inner_1p8ji_93 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1xhau_93::-webkit-scrollbar {
+._inner_1p8ji_93::-webkit-scrollbar {
   display: none;
 }
-._title_1xhau_103,
-._subtitle_1xhau_104,
-._label_1xhau_105 {
+._title_1p8ji_103,
+._subtitle_1p8ji_104,
+._label_1p8ji_105 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1xhau_109 ._title_1xhau_103,
-._collapsed_1xhau_109 ._subtitle_1xhau_104,
-._collapsed_1xhau_109 ._label_1xhau_105 {
+._collapsed_1p8ji_109 ._title_1p8ji_103,
+._collapsed_1p8ji_109 ._subtitle_1p8ji_104,
+._collapsed_1p8ji_109 ._label_1p8ji_105 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1xhau_103 {
+._title_1p8ji_103 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8668,7 +8668,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-xl);
   padding: 0 var(--padding);
 }
-._subtitle_1xhau_104 {
+._subtitle_1p8ji_104 {
   margin-bottom: var(--padding-xs);
   white-space: nowrap;
   font-size: var(--font-size-sm);
@@ -8676,11 +8676,11 @@ button:active .remirror-menu-pane-shortcut,
   color: var(--color-neutral-500);
   padding: 0 var(--padding);
 }
-._list_1xhau_134 {
+._list_1p8ji_134 {
   margin-bottom: var(--padding-xl);
   margin-top: 0;
 }
-._item_1xhau_138 {
+._item_1p8ji_138 {
   transition: padding 0.2s, color 0.2s;
   font-size: var(--font-size-lg);
   font-weight: normal;
@@ -8689,34 +8689,34 @@ button:active .remirror-menu-pane-shortcut,
   align-items: center;
   color: var(--color-neutral-300);
 }
-._collapsed_1xhau_109 ._item_1xhau_138 {
+._collapsed_1p8ji_109 ._item_1p8ji_138 {
   padding: var(--padding-xxs) calc((var(--size-sidebar) - var(--size-sidebar-icon)) / 2);
 }
-._item_1xhau_138:hover {
+._item_1p8ji_138:hover {
   color: var(--color-neutral-100);
 }
-._item_1xhau_138._experimental_1xhau_153 {
+._item_1p8ji_138._experimental_1p8ji_153 {
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
 }
-._item_1xhau_138:active,
-._item_1xhau_138._active_1xhau_157 {
+._item_1p8ji_138:active,
+._item_1p8ji_138._active_1p8ji_157 {
   color: var(--color-neutral-0);
   background: var(--color-neutral-800);
 }
-._icon_1xhau_161 {
+._icon_1p8ji_161 {
   margin-right: var(--padding-sm);
   line-height: 0;
   flex-shrink: 0;
   display: block;
   font-size: var(--size-sidebar-icon);
 }
-._icon_1xhau_161 > span {
+._icon_1p8ji_161 > span {
   display: block;
 }
-._icon_1xhau_161 svg {
+._icon_1p8ji_161 svg {
   stroke-width: 1;
 }
-._label_1xhau_105 {
+._label_1p8ji_105 {
   white-space: nowrap;
   overflow: hidden;
 }
@@ -9057,93 +9057,93 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_1cgo3_1 {
+._inputInTable_slixv_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1cgo3_1:not(:hover) {
+._inputInTable_slixv_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1cgo3_1:not(:focus) {
+._inputInTable_slixv_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1cgo3_13 {
+._inputHover_slixv_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1cgo3_18 {
+._inputFocus_slixv_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1cgo3_25,
-._inputWarning_1cgo3_26 {
+._inputError_slixv_25,
+._inputWarning_slixv_26 {
   position: relative;
 }
-._inputError_1cgo3_25 {
+._inputError_slixv_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1cgo3_25:hover {
+._inputError_slixv_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1cgo3_25:focus {
+._inputError_slixv_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1cgo3_26 {
+._inputWarning_slixv_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1cgo3_26:hover {
+._inputWarning_slixv_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1cgo3_26:focus {
+._inputWarning_slixv_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1cgo3_61 {
+._inputDisabled_slixv_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1cgo3_67 {
+._hideScrollbars_slixv_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1cgo3_67::-webkit-scrollbar {
+._hideScrollbars_slixv_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --color-background-table-header: var(--color-neutral-150);
   --color-background-table-row-tinted: var(--color-neutral-50);
-  --color-border-table: var(--color-neutral-200);
+  --color-border-table: var(--color-neutral-250);
 }
 html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-800);
   --color-background-table-row-tinted: var(--color-neutral-850);
   --color-border-table: var(--color-neutral-700);
 }
-._wrapper_1cgo3_87 {
+._wrapper_slixv_87 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9151,21 +9151,21 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_1cgo3_87._bordered_1cgo3_95 {
+._wrapper_slixv_87._bordered_slixv_95 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border-table);
 }
-._scroll_1cgo3_99 {
+._scroll_slixv_99 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_1cgo3_99:not(:first-child) {
+._scroll_slixv_99:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_1cgo3_109 {
+._table_slixv_109 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9174,32 +9174,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_1cgo3_109 > :first-child {
+._table_slixv_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1cgo3_109 > :first-child > :first-child {
+._table_slixv_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1cgo3_109 > :first-child > :first-child > :first-child {
+._table_slixv_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_1cgo3_109 > :first-child > :first-child > :last-child {
+._table_slixv_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_1cgo3_109 > :last-child {
+._table_slixv_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1cgo3_109 > :last-child > :last-child {
+._table_slixv_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1cgo3_109 > :last-child > :last-child > :first-child {
+._table_slixv_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_1cgo3_109 > :last-child > :last-child > :last-child {
+._table_slixv_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9215,10 +9215,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_1cgo3_109 > *:not(:last-child) > tr th,
-._table_1cgo3_109 > *:not(:last-child) > tr td,
-._table_1cgo3_109 > *:last-child > tr:not(:last-child) th,
-._table_1cgo3_109 > *:last-child > tr:not(:last-child) td {
+._table_slixv_109 > *:not(:last-child) > tr th,
+._table_slixv_109 > *:not(:last-child) > tr td,
+._table_slixv_109 > *:last-child > tr:not(:last-child) th,
+._table_slixv_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9245,7 +9245,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_1cgo3_189 tbody tr:nth-child(even) {
+._striped_slixv_189 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_15m3r_1 {
@@ -10564,7 +10564,7 @@ tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119 {
 [data-theme='dark'] {
   --color-link-border-hover: var(--color-neutral-600);
 }
-._topbar_11fiu_8 {
+._topbar_16paq_8 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10573,15 +10573,15 @@ tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_11fiu_8._fixed_11fiu_17 {
+._topbar_16paq_8._fixed_16paq_17 {
   position: fixed;
 }
 @media print {
-  ._topbar_11fiu_8 {
+  ._topbar_16paq_8 {
     display: none !important;
   }
 }
-._appSwitcher_11fiu_25 {
+._appSwitcher_16paq_25 {
   color: white;
   display: flex;
   align-items: center;
@@ -10590,23 +10590,42 @@ tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119 {
   background-color: var(--color-neutral-700);
   aspect-ratio: 1;
   font-size: var(--size);
+  position: relative;
 }
-._appSwitcher_11fiu_25:hover {
+._appSwitcher_16paq_25:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_11fiu_25:active {
+._appSwitcher_16paq_25:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_11fiu_25 {
+[data-theme='dark'] ._appSwitcher_16paq_25 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_11fiu_25:hover {
+[data-theme='dark'] ._appSwitcher_16paq_25:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_11fiu_25:active {
+[data-theme='dark'] ._appSwitcher_16paq_25:active {
   background-color: var(--color-neutral-1000);
 }
-._title_11fiu_50 {
+._appSwitcher_16paq_25 > * {
+  position: relative;
+  z-index: 1;
+}
+._appSwitcher_16paq_25:after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-image: url('/react-ui-library/assets/bg-rock-164a1bdb.jpg');
+  z-index: 0;
+  transition: opacity 0.2s;
+}
+._appSwitcher_16paq_25:hover:after {
+  opacity: 0.75;
+}
+._appSwitcher_16paq_25:active:after {
+  opacity: 0.5;
+}
+._title_16paq_69 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10614,55 +10633,55 @@ tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119 {
   padding: 0;
   position: relative;
 }
-._title_11fiu_50 img,
-._title_11fiu_50 svg {
+._title_16paq_69 img,
+._title_16paq_69 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_11fiu_50 ._logo_11fiu_66 {
+._title_16paq_69 ._logo_16paq_85 {
   display: flex;
 }
-._title_11fiu_50 ._label_11fiu_69 {
+._title_16paq_69 ._label_16paq_88 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_11fiu_74 {
+._brand_16paq_93 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_11fiu_79 {
+._version_16paq_98 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_11fiu_86,
-._right_11fiu_87 {
+._left_16paq_105,
+._right_16paq_106 {
   display: flex;
   min-width: 0;
 }
-._left_11fiu_86 {
+._left_16paq_105 {
   gap: var(--padding);
   padding-left: var(--padding);
 }
-._right_11fiu_87 {
+._right_16paq_106 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--padding-xs);
   gap: var(--padding-xs);
 }
-._item_11fiu_101,
-._link_11fiu_102 {
+._item_16paq_120,
+._link_16paq_121 {
   align-items: center;
   display: flex;
 }
-._item_11fiu_101 {
+._item_16paq_120 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -10670,18 +10689,18 @@ tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_11fiu_101._button_11fiu_114,
-._item_11fiu_101._menu_11fiu_115 {
+._item_16paq_120._button_16paq_133,
+._item_16paq_120._menu_16paq_134 {
   flex-shrink: 0;
 }
-._label_11fiu_69 {
+._label_16paq_88 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_11fiu_102 {
+._link_16paq_121 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -10689,24 +10708,24 @@ tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119 {
   font-weight: bold;
   height: 100%;
 }
-._link_11fiu_102 svg {
+._link_16paq_121 svg {
   margin-right: var(--padding-xxs);
   flex-shrink: 0;
 }
-._link_11fiu_102:hover {
+._link_16paq_121:hover {
   color: var(--color-text-primary-hover);
 }
-._link_11fiu_102:active {
+._link_16paq_121:active {
   color: var(--color-text-primary-active);
 }
-._link_11fiu_102._active_11fiu_143 {
+._link_16paq_121._active_16paq_162 {
   color: var(--color-text);
 }
-._link_11fiu_102:hover,
-._link_11fiu_102._active_11fiu_143 {
+._link_16paq_121:hover,
+._link_16paq_121._active_16paq_162 {
   background-color: transparent;
 }
-._link_11fiu_102:after {
+._link_16paq_121:after {
   content: '';
   position: absolute;
   left: 0;
@@ -10714,17 +10733,17 @@ tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119 {
   bottom: 0;
   border-bottom: 1px solid transparent;
 }
-._link_11fiu_102:hover:after {
+._link_16paq_121:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_11fiu_102._active_11fiu_143:after {
+._link_16paq_121._active_16paq_162:after {
   border-color: var(--color-background-primary);
 }
-._link_11fiu_102[disabled] {
+._link_16paq_121[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_11fiu_168 {
+._alert_16paq_187 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;