@oliasoft-open-source/react-ui-library 4.0.0-beta-51 → 4.0.0-beta-53

package/dist/assets/{index-20a7a01e.css → index-58a715fe.css}

@@ -966,83 +966,84 @@ a {
 ._contentWrapper_1cgsf_16 {
   border-radius: inherit;
 }
-._inputInTable_p7a3o_1 {
+._inputInTable_vvyhs_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_p7a3o_1:not(:hover) {
+._inputInTable_vvyhs_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_p7a3o_1:not(:focus) {
+._inputInTable_vvyhs_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_p7a3o_13 {
+._inputHover_vvyhs_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_p7a3o_18 {
+._inputFocus_vvyhs_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_p7a3o_25,
-._inputWarning_p7a3o_26 {
+._inputError_vvyhs_25,
+._inputWarning_vvyhs_26 {
   position: relative;
 }
-._inputError_p7a3o_25 {
+._inputError_vvyhs_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_p7a3o_25:hover {
+._inputError_vvyhs_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_p7a3o_25:focus {
+._inputError_vvyhs_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_p7a3o_26 {
+._inputWarning_vvyhs_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_p7a3o_26:hover {
+._inputWarning_vvyhs_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_p7a3o_26:focus {
+._inputWarning_vvyhs_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_p7a3o_61 {
+._inputDisabled_vvyhs_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_p7a3o_67 {
+._hideScrollbars_vvyhs_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_p7a3o_67::-webkit-scrollbar {
+._hideScrollbars_vvyhs_67::-webkit-scrollbar {
   display: none;
 }
 :root {
+  --color-border-button: rgba(0, 0, 0, 0.15);
   --color-background-button-default: var(--color-neutral-0);
   --color-background-button-default-hover: var(--color-neutral-50);
   --color-background-button-default-active: var(--color-neutral-100);
@@ -1059,12 +1060,13 @@ a {
   --color-background-button-error-active: var(--color-error-600);
 }
 html[data-theme='dark'] {
+  --color-border-button: var(--color-border);
   --color-background-button-default: var(--color-neutral-800);
   --color-background-button-default-hover: var(--color-neutral-750);
   --color-background-button-default-active: var(--color-neutral-700);
   --color-text-button-default-active: white;
 }
-._button_p7a3o_99 {
+._button_vvyhs_101 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1090,233 +1092,233 @@ html[data-theme='dark'] {
   box-shadow: var(--shadow-button);
   font-weight: bold;
 }
-._button_p7a3o_99:hover {
+._button_vvyhs_101:hover {
   background: var(--color-background-button-default-hover);
 }
-._button_p7a3o_99:focus {
+._button_vvyhs_101:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_p7a3o_99:active {
+._button_vvyhs_101:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_p7a3o_99._active_p7a3o_135:not(._green_p7a3o_135):not(._red_p7a3o_135):not(._orange_p7a3o_135) {
+._button_vvyhs_101._active_vvyhs_137:not(._green_vvyhs_137):not(._red_vvyhs_137):not(._orange_vvyhs_137) {
   border-color: var(--color-border-button-default-active);
   color: var(--color-text-button-default-active);
   position: relative;
   z-index: 2;
 }
-._button_p7a3o_99:hover,
-._button_p7a3o_99:focus,
-._button_p7a3o_99:active {
+._button_vvyhs_101:hover,
+._button_vvyhs_101:focus,
+._button_vvyhs_101:active {
   position: relative;
   z-index: 1;
 }
-._button_p7a3o_99 ._icon_p7a3o_147 {
+._button_vvyhs_101 ._icon_vvyhs_149 {
   margin: -2px;
   margin-right: var(--padding-xxs);
   font-size: var(--size-xs);
   display: flex;
 }
-._iconOnly_p7a3o_153 {
+._iconOnly_vvyhs_155 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_p7a3o_153 ._icon_p7a3o_147 {
+._iconOnly_vvyhs_155 ._icon_vvyhs_149 {
   margin: 0;
   line-height: 0;
 }
-._basic_p7a3o_163 {
+._basic_vvyhs_165 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_p7a3o_163._muted_p7a3o_169 {
+._basic_vvyhs_165._muted_vvyhs_171 {
   color: var(--color-text-muted);
 }
-._basic_p7a3o_163:hover {
+._basic_vvyhs_165:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._basic_p7a3o_163:hover {
+[data-theme='dark'] ._basic_vvyhs_165:hover {
   background: rgba(255, 255, 255, 0.1);
 }
-._basic_p7a3o_163:active,
-._basic_p7a3o_163._active_p7a3o_135 {
+._basic_vvyhs_165:active,
+._basic_vvyhs_165._active_vvyhs_137 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-[data-theme='dark'] ._basic_p7a3o_163:active,
-[data-theme='dark'] ._basic_p7a3o_163._active_p7a3o_135 {
+[data-theme='dark'] ._basic_vvyhs_165:active,
+[data-theme='dark'] ._basic_vvyhs_165._active_vvyhs_137 {
   background: rgba(255, 255, 255, 0.2);
 }
-._disabled_p7a3o_188 {
+._disabled_vvyhs_190 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_p7a3o_188:not(._active_p7a3o_135):not(._basic_p7a3o_163) {
+._disabled_vvyhs_190:not(._active_vvyhs_137):not(._basic_vvyhs_165) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_p7a3o_198 {
+._small_vvyhs_200 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_p7a3o_203,
-._round_p7a3o_204 {
+._pill_vvyhs_205,
+._round_vvyhs_206 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_p7a3o_204 {
+._round_vvyhs_206 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_p7a3o_204._small_p7a3o_198 {
+._round_vvyhs_206._small_vvyhs_200 {
   width: var(--size-sm);
 }
-._orange_p7a3o_135:not(._basic_p7a3o_163) {
+._orange_vvyhs_137:not(._basic_vvyhs_165) {
   background-color: var(--color-background-button-primary);
 }
-._orange_p7a3o_135:not(._basic_p7a3o_163):hover {
+._orange_vvyhs_137:not(._basic_vvyhs_165):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_p7a3o_135:not(._basic_p7a3o_163):active,
-._orange_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135 {
+._orange_vvyhs_137:not(._basic_vvyhs_165):active,
+._orange_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_p7a3o_135:not(._basic_p7a3o_163) {
+._red_vvyhs_137:not(._basic_vvyhs_165) {
   background-color: var(--color-background-button-error);
 }
-._red_p7a3o_135:not(._basic_p7a3o_163):hover {
+._red_vvyhs_137:not(._basic_vvyhs_165):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_p7a3o_135:not(._basic_p7a3o_163):active,
-._red_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135 {
+._red_vvyhs_137:not(._basic_vvyhs_165):active,
+._red_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
   background-color: var(--color-background-button-error-active);
 }
-._red_p7a3o_135._basic_p7a3o_163 {
+._red_vvyhs_137._basic_vvyhs_165 {
   color: var(--color-text-error);
 }
-._green_p7a3o_135:not(._basic_p7a3o_163) {
+._green_vvyhs_137:not(._basic_vvyhs_165) {
   background-color: var(--color-background-button-success);
 }
-._green_p7a3o_135:not(._basic_p7a3o_163):hover {
+._green_vvyhs_137:not(._basic_vvyhs_165):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_p7a3o_135:not(._basic_p7a3o_163):active,
-._green_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135 {
+._green_vvyhs_137:not(._basic_vvyhs_165):active,
+._green_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
   background-color: var(--color-background-button-success-active);
 }
-._green_p7a3o_135._basic_p7a3o_163 {
+._green_vvyhs_137._basic_vvyhs_165 {
   color: var(--color-text-success);
 }
-._orange_p7a3o_135,
-._red_p7a3o_135,
-._green_p7a3o_135 {
-  border-color: transparent;
+._orange_vvyhs_137,
+._red_vvyhs_137,
+._green_vvyhs_137 {
+  border-color: var(--color-border-button);
 }
-._orange_p7a3o_135:not(._basic_p7a3o_163),
-._red_p7a3o_135:not(._basic_p7a3o_163),
-._green_p7a3o_135:not(._basic_p7a3o_163) {
+._orange_vvyhs_137:not(._basic_vvyhs_165),
+._red_vvyhs_137:not(._basic_vvyhs_165),
+._green_vvyhs_137:not(._basic_vvyhs_165) {
   color: #fff;
 }
-._orange_p7a3o_135:not(._basic_p7a3o_163):hover,
-._red_p7a3o_135:not(._basic_p7a3o_163):hover,
-._green_p7a3o_135:not(._basic_p7a3o_163):hover {
+._orange_vvyhs_137:not(._basic_vvyhs_165):hover,
+._red_vvyhs_137:not(._basic_vvyhs_165):hover,
+._green_vvyhs_137:not(._basic_vvyhs_165):hover {
   color: #fff;
 }
-._orange_p7a3o_135:not(._basic_p7a3o_163):active,
-._red_p7a3o_135:not(._basic_p7a3o_163):active,
-._green_p7a3o_135:not(._basic_p7a3o_163):active,
-._orange_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135,
-._red_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135,
-._green_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135 {
+._orange_vvyhs_137:not(._basic_vvyhs_165):active,
+._red_vvyhs_137:not(._basic_vvyhs_165):active,
+._green_vvyhs_137:not(._basic_vvyhs_165):active,
+._orange_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137,
+._red_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137,
+._green_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
   color: #fff;
 }
-._error_p7a3o_276 {
+._error_vvyhs_278 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_p7a3o_276:hover {
+._error_vvyhs_278:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_p7a3o_276:focus {
+._error_vvyhs_278:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_p7a3o_293 {
+._warning_vvyhs_295 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_p7a3o_293:hover {
+._warning_vvyhs_295:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_p7a3o_293:focus {
+._warning_vvyhs_295:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_p7a3o_310 {
+._inverted_vvyhs_312 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_p7a3o_310:hover,
-._inverted_p7a3o_310:active {
+._inverted_vvyhs_312:hover,
+._inverted_vvyhs_312:active {
   box-shadow: none;
 }
-._inverted_p7a3o_310._orange_p7a3o_135 {
+._inverted_vvyhs_312._orange_vvyhs_137 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_p7a3o_310._red_p7a3o_135 {
+._inverted_vvyhs_312._red_vvyhs_137 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_p7a3o_310._green_p7a3o_135 {
+._inverted_vvyhs_312._green_vvyhs_137 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_p7a3o_310._orange_p7a3o_135:hover,
-._inverted_p7a3o_310._red_p7a3o_135:hover,
-._inverted_p7a3o_310._green_p7a3o_135:hover,
-._inverted_p7a3o_310._orange_p7a3o_135:active,
-._inverted_p7a3o_310._red_p7a3o_135:active,
-._inverted_p7a3o_310._green_p7a3o_135:active {
+._inverted_vvyhs_312._orange_vvyhs_137:hover,
+._inverted_vvyhs_312._red_vvyhs_137:hover,
+._inverted_vvyhs_312._green_vvyhs_137:hover,
+._inverted_vvyhs_312._orange_vvyhs_137:active,
+._inverted_vvyhs_312._red_vvyhs_137:active,
+._inverted_vvyhs_312._green_vvyhs_137:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_p7a3o_340,
-._groupOrderMiddle_p7a3o_341,
-._groupOrderLast_p7a3o_342 {
+._groupOrderFirst_vvyhs_342,
+._groupOrderMiddle_vvyhs_343,
+._groupOrderLast_vvyhs_344 {
   margin-right: 0;
 }
-._groupOrderFirst_p7a3o_340,
-._groupOrderMiddle_p7a3o_341 {
+._groupOrderFirst_vvyhs_342,
+._groupOrderMiddle_vvyhs_343 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_p7a3o_342,
-._groupOrderMiddle_p7a3o_341 {
+._groupOrderLast_vvyhs_344,
+._groupOrderMiddle_vvyhs_343 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -1378,17 +1380,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1nid8_11._active_1nid8_33 {
   color: var(--color-text-primary-active);
 }
-._wrapper_zibyd_1 {
+._wrapper_4axhn_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_zibyd_5 ._wrapper_zibyd_1 {
+._layer_4axhn_5 ._wrapper_4axhn_1 {
   width: 100%;
 }
-._layerContainer_zibyd_8 {
+._layerContainer_4axhn_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_zibyd_5 {
+._layer_4axhn_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1400,98 +1402,97 @@ html[data-theme='dark'] {
   position: relative;
   overflow-y: auto;
 }
-._layer_zibyd_5._nested_zibyd_23 {
+._layer_4axhn_5._nested_4axhn_23 {
   margin: -1px 2px;
 }
-._layer_zibyd_5 ul {
+._layer_4axhn_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_zibyd_5 ul li {
+._layer_4axhn_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_zibyd_35 {
-  width: 100%;
-  height: 100%;
+._fileInput_4axhn_35 {
   opacity: 0;
   position: absolute;
+  inset: 0;
 }
-._trigger_zibyd_41 {
+._trigger_4axhn_40 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._layer_4axhn_5 ._trigger_4axhn_40 {
   width: 100%;
 }
-._middleAlignedInline_zibyd_50 {
+._middleAlignedInline_4axhn_49 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_zibyd_56 {
+._heading_4axhn_55 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62 {
+._heading_4axhn_55 ._headingIcon_4axhn_61 {
   float: right;
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62 svg {
+._heading_4axhn_55 ._headingIcon_4axhn_61 svg {
   color: var(--color-text-faint);
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62:hover {
+._heading_4axhn_55 ._headingIcon_4axhn_61:hover {
   cursor: pointer;
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62:hover svg {
+._heading_4axhn_55 ._headingIcon_4axhn_61:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_zibyd_74 {
+._option_4axhn_73 {
   color: inherit;
   display: block;
+  position: relative;
 }
-._heading_zibyd_56,
-._option_zibyd_74,
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._heading_4axhn_55,
+._option_4axhn_73,
+._layer_4axhn_5 ._trigger_4axhn_40 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_zibyd_74,
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._option_4axhn_73,
+._layer_4axhn_5 ._trigger_4axhn_40 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_zibyd_74:hover,
-._layer_zibyd_5 ._trigger_zibyd_41:hover,
-._option_zibyd_74._active_zibyd_92,
-._layer_zibyd_5 ._trigger_zibyd_41._active_zibyd_92 {
+._option_4axhn_73:hover,
+._layer_4axhn_5 ._trigger_4axhn_40:hover,
+._option_4axhn_73._active_4axhn_92,
+._layer_4axhn_5 ._trigger_4axhn_40._active_4axhn_92 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_zibyd_74._selected_zibyd_97 {
+._option_4axhn_73._selected_4axhn_97 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._layer_4axhn_5 ._trigger_4axhn_40 {
   align-items: center;
 }
-._optionContent_zibyd_103 {
+._optionContent_4axhn_103 {
   flex-wrap: wrap;
   margin-right: auto;
-  position: relative;
 }
-._inline_zibyd_108 ._optionContent_zibyd_103 {
+._inline_4axhn_107 ._optionContent_4axhn_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_zibyd_113,
-._check_zibyd_114 {
+._icon_4axhn_112,
+._check_4axhn_113 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1500,78 +1501,78 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_zibyd_113 {
+._icon_4axhn_112 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._icon_zibyd_113:empty {
+._icon_4axhn_112:empty {
   display: none;
 }
-._icon_zibyd_113 img {
+._icon_4axhn_112 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_zibyd_136 {
+._text_4axhn_135 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_zibyd_141 {
+._label_4axhn_140 {
   margin-right: auto;
 }
-._label_zibyd_141,
-._heading_zibyd_56 {
+._label_4axhn_140,
+._heading_4axhn_55 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_zibyd_152 {
+._description_4axhn_151 {
   color: #999;
   display: block;
 }
-._arrow_zibyd_156 {
+._arrow_4axhn_155 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_zibyd_160 {
+._divider_4axhn_159 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_zibyd_164 {
+._deprecatedSemanticIcon_4axhn_163 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_zibyd_168 {
+._disabled_4axhn_167 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_zibyd_173 {
+._buttonLabel_4axhn_172 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_zibyd_179 {
+._buttonCaret_4axhn_178 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_zibyd_183 {
+._component_4axhn_182 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_zibyd_189 {
+._right_4axhn_188 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_zibyd_194 {
+._actions_4axhn_193 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
@@ -10568,13 +10569,13 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   --size-topbar: var(--size-xl);
   --color-link-border-hover: var(--color-neutral-100);
   --shadow-topbar: var(--shadow-layer);
-  --border-top-bar: none;
+  --border-topbar: none;
 }
 [data-theme='dark'] {
   --color-link-border-hover: var(--color-neutral-600);
-  --border-topbar: 1px var(--color-border);
+  --border-topbar: 1px solid var(--color-border);
 }
-._topbar_11jto_11 {
+._topbar_hoilu_11 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10584,59 +10585,61 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_11jto_11._fixed_11jto_21 {
+._topbar_hoilu_11._fixed_hoilu_21 {
   position: fixed;
 }
 @media print {
-  ._topbar_11jto_11 {
+  ._topbar_hoilu_11 {
     display: none !important;
   }
 }
-._appSwitcher_11jto_29 {
+._appSwitcher_hoilu_29 {
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   background-color: var(--color-neutral-700);
-  aspect-ratio: 1;
+  height: var(--size-topbar);
+  width: var(--size-topbar);
   font-size: var(--size);
   position: relative;
 }
-._appSwitcher_11jto_29:hover {
+._appSwitcher_hoilu_29:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_11jto_29:active {
+._appSwitcher_hoilu_29:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_11jto_29 {
+[data-theme='dark'] ._appSwitcher_hoilu_29 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_11jto_29:hover {
+[data-theme='dark'] ._appSwitcher_hoilu_29:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_11jto_29:active {
+[data-theme='dark'] ._appSwitcher_hoilu_29:active {
   background-color: var(--color-neutral-1000);
 }
-._appSwitcher_11jto_29 > * {
+._appSwitcher_hoilu_29 > * {
   position: relative;
   z-index: 1;
 }
-._appSwitcher_11jto_29:after {
+._appSwitcher_hoilu_29:after {
   content: '';
   position: absolute;
   inset: 0;
   background-image: url('/react-ui-library/assets/bg-rock-164a1bdb.jpg');
   z-index: 0;
   transition: opacity 0.2s;
+  opacity: 0.75;
 }
-._appSwitcher_11jto_29:hover:after {
+._appSwitcher_hoilu_29:hover:after {
   opacity: 0.75;
 }
-._appSwitcher_11jto_29:active:after {
+._appSwitcher_hoilu_29:active:after {
   opacity: 0.5;
 }
-._title_11jto_73 {
+._title_hoilu_75 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10644,55 +10647,55 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   padding: 0;
   position: relative;
 }
-._title_11jto_73 img,
-._title_11jto_73 svg {
+._title_hoilu_75 img,
+._title_hoilu_75 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_11jto_73 ._logo_11jto_89 {
+._title_hoilu_75 ._logo_hoilu_91 {
   display: flex;
 }
-._title_11jto_73 ._label_11jto_92 {
+._title_hoilu_75 ._label_hoilu_94 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_11jto_97 {
+._brand_hoilu_99 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_11jto_102 {
+._version_hoilu_104 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_11jto_109,
-._right_11jto_110 {
+._left_hoilu_111,
+._right_hoilu_112 {
   display: flex;
   min-width: 0;
 }
-._left_11jto_109 {
+._left_hoilu_111 {
   gap: var(--padding);
   padding-left: var(--padding);
 }
-._right_11jto_110 {
+._right_hoilu_112 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--padding-xs);
   gap: var(--padding-xs);
 }
-._item_11jto_124,
-._link_11jto_125 {
+._item_hoilu_126,
+._link_hoilu_127 {
   align-items: center;
   display: flex;
 }
-._item_11jto_124 {
+._item_hoilu_126 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -10700,18 +10703,18 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_11jto_124._button_11jto_137,
-._item_11jto_124._menu_11jto_138 {
+._item_hoilu_126._button_hoilu_139,
+._item_hoilu_126._menu_hoilu_140 {
   flex-shrink: 0;
 }
-._label_11jto_92 {
+._label_hoilu_94 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_11jto_125 {
+._link_hoilu_127 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -10719,24 +10722,24 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   font-weight: bold;
   height: 100%;
 }
-._link_11jto_125 svg {
+._link_hoilu_127 svg {
   margin-right: var(--padding-xxs);
   flex-shrink: 0;
 }
-._link_11jto_125:hover {
+._link_hoilu_127:hover {
   color: var(--color-text-primary-hover);
 }
-._link_11jto_125:active {
+._link_hoilu_127:active {
   color: var(--color-text-primary-active);
 }
-._link_11jto_125._active_11jto_166 {
+._link_hoilu_127._active_hoilu_168 {
   color: var(--color-text);
 }
-._link_11jto_125:hover,
-._link_11jto_125._active_11jto_166 {
+._link_hoilu_127:hover,
+._link_hoilu_127._active_hoilu_168 {
   background-color: transparent;
 }
-._link_11jto_125:after {
+._link_hoilu_127:after {
   content: '';
   position: absolute;
   left: 0;
@@ -10744,17 +10747,17 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   bottom: 0;
   border-bottom: 1px solid transparent;
 }
-._link_11jto_125:hover:after {
+._link_hoilu_127:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_11jto_125._active_11jto_166:after {
+._link_hoilu_127._active_hoilu_168:after {
   border-color: var(--color-background-primary);
 }
-._link_11jto_125[disabled] {
+._link_hoilu_127[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_11jto_191 {
+._alert_hoilu_193 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;