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

package/dist/assets/{index-2d59d5c8.css → index-1b91f9a3.css}

@@ -531,6 +531,7 @@ a {
   --font-size-xs: 11px;
   --line-height: 20px;
   --line-height-sm: 16px;
+  --letter-spacing-wide: 0.05em;
   --size-xl: 48px;
   --size-lg: 36px;
   --size: 30px;
@@ -563,8 +564,8 @@ a {
   --shadow-layer: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1),
     0 0 4px rgba(0, 0, 0, 0.1);
   --color-text: var(--color-neutral-900);
-  --color-text-muted: var(--color-neutral-700);
-  --color-text-faint: var(--color-neutral-500);
+  --color-text-muted: var(--color-neutral-650);
+  --color-text-faint: var(--color-neutral-400);
   --color-text-error: var(--color-error-600);
   --color-text-warning: var(--color-warning-600);
   --color-text-success: var(--color-success-600);
@@ -618,7 +619,7 @@ html[data-theme='dark'] {
   --color-background-info: var(--color-info-800);
   --color-background-success: var(--color-success-800);
   --color-background-warning: var(--color-warning-800);
-  --color-background-primary: var(--color-primary-600);
+  --color-background-primary: var(--color-primary-500);
   --color-background-cardheader: var(--color-neutral-850);
   --color-background-input: var(--color-neutral-800);
   --color-background-listitem-active: var(--color-primary-700);
@@ -1383,17 +1384,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1nid8_11._active_1nid8_33 {
   color: var(--color-text-primary-active);
 }
-._wrapper_4axhn_1 {
+._wrapper_uioq1_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_4axhn_5 ._wrapper_4axhn_1 {
+._layer_uioq1_5 ._wrapper_uioq1_1 {
   width: 100%;
 }
-._layerContainer_4axhn_8 {
+._layerContainer_uioq1_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_4axhn_5 {
+._layer_uioq1_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1405,97 +1406,97 @@ html[data-theme='dark'] {
   position: relative;
   overflow-y: auto;
 }
-._layer_4axhn_5._nested_4axhn_23 {
+._layer_uioq1_5._nested_uioq1_23 {
   margin: -1px 2px;
 }
-._layer_4axhn_5 ul {
+._layer_uioq1_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_4axhn_5 ul li {
+._layer_uioq1_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_4axhn_35 {
+._fileInput_uioq1_35 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_4axhn_40 {
+._trigger_uioq1_40 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_4axhn_5 ._trigger_4axhn_40 {
+._layer_uioq1_5 ._trigger_uioq1_40 {
   width: 100%;
 }
-._middleAlignedInline_4axhn_49 {
+._middleAlignedInline_uioq1_49 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_4axhn_55 {
+._heading_uioq1_55 {
   color: var(--color-text-muted);
-  letter-spacing: 0.1em;
+  letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
-  font-size: var(--font-size-sm);
+  font-weight: bold;
 }
-._heading_4axhn_55 ._headingIcon_4axhn_61 {
+._heading_uioq1_55 ._headingIcon_uioq1_61 {
   float: right;
 }
-._heading_4axhn_55 ._headingIcon_4axhn_61 svg {
+._heading_uioq1_55 ._headingIcon_uioq1_61 svg {
   color: var(--color-text-faint);
 }
-._heading_4axhn_55 ._headingIcon_4axhn_61:hover {
+._heading_uioq1_55 ._headingIcon_uioq1_61:hover {
   cursor: pointer;
 }
-._heading_4axhn_55 ._headingIcon_4axhn_61:hover svg {
+._heading_uioq1_55 ._headingIcon_uioq1_61:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_4axhn_73 {
+._option_uioq1_73 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_4axhn_55,
-._option_4axhn_73,
-._layer_4axhn_5 ._trigger_4axhn_40 {
+._heading_uioq1_55,
+._option_uioq1_73,
+._layer_uioq1_5 ._trigger_uioq1_40 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_4axhn_73,
-._layer_4axhn_5 ._trigger_4axhn_40 {
+._option_uioq1_73,
+._layer_uioq1_5 ._trigger_uioq1_40 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._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 {
+._option_uioq1_73:hover,
+._layer_uioq1_5 ._trigger_uioq1_40:hover,
+._option_uioq1_73._active_uioq1_92,
+._layer_uioq1_5 ._trigger_uioq1_40._active_uioq1_92 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_4axhn_73._selected_4axhn_97 {
+._option_uioq1_73._selected_uioq1_97 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_4axhn_5 ._trigger_4axhn_40 {
+._layer_uioq1_5 ._trigger_uioq1_40 {
   align-items: center;
 }
-._optionContent_4axhn_103 {
+._optionContent_uioq1_103 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_4axhn_107 ._optionContent_4axhn_103 {
+._inline_uioq1_107 ._optionContent_uioq1_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_4axhn_112,
-._check_4axhn_113 {
+._icon_uioq1_112,
+._check_uioq1_113 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1504,78 +1505,78 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_4axhn_112 {
+._icon_uioq1_112 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._icon_4axhn_112:empty {
+._icon_uioq1_112:empty {
   display: none;
 }
-._icon_4axhn_112 img {
+._icon_uioq1_112 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_4axhn_135 {
+._text_uioq1_135 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_4axhn_140 {
+._label_uioq1_140 {
   margin-right: auto;
 }
-._label_4axhn_140,
-._heading_4axhn_55 {
+._label_uioq1_140,
+._heading_uioq1_55 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_4axhn_151 {
+._description_uioq1_151 {
   color: #999;
   display: block;
 }
-._arrow_4axhn_155 {
+._arrow_uioq1_155 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_4axhn_159 {
+._divider_uioq1_159 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_4axhn_163 {
+._deprecatedSemanticIcon_uioq1_163 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_4axhn_167 {
+._disabled_uioq1_167 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_4axhn_172 {
+._buttonLabel_uioq1_172 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_4axhn_178 {
+._buttonCaret_uioq1_178 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_4axhn_182 {
+._component_uioq1_182 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_4axhn_188 {
+._right_uioq1_188 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_4axhn_193 {
+._actions_uioq1_193 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
@@ -1770,7 +1771,7 @@ html[data-theme='dark'] {
 ._link_11ofj_25:active {
   color: var(--color-text-primary-active);
 }
-._heading_1bklz_1 {
+._heading_yhdiy_1 {
   color: var(--color-text);
   line-height: var(--size-sm);
   font-weight: bold;
@@ -1779,20 +1780,20 @@ html[data-theme='dark'] {
   user-select: none;
   padding: 0;
 }
-._heading_1bklz_1._top_1bklz_10 {
+._heading_yhdiy_1._top_yhdiy_10 {
   font-size: var(--font-size-xl);
   margin-bottom: var(--padding-sm);
 }
-._heading_1bklz_1:not(._top_1bklz_10) {
-  font-size: var(--font-size-sm);
+._heading_yhdiy_1:not(._top_yhdiy_10) {
+  font-size: var(--font-size);
   color: var(--color-text-muted);
   text-transform: uppercase;
-  letter-spacing: 0.1em;
+  letter-spacing: var(--letter-spacing-wide);
 }
-._icons_1bklz_20 {
+._icons_yhdiy_20 {
   display: inline-flex;
 }
-._icons_1bklz_20 > * {
+._icons_yhdiy_20 > * {
   margin-left: var(--padding-xxs);
 }
 ._dialog_1ruhc_1 {
@@ -2400,123 +2401,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 +2526,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 +2546,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 +2578,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 +2589,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 +2664,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 {
@@ -2738,80 +2739,80 @@ html[data-theme='dark'] {
 ._details_477i5_53 {
   margin-top: var(--padding-xs);
 }
-._inputInTable_60ej2_1 {
+._inputInTable_tj916_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_60ej2_1:not(:hover) {
+._inputInTable_tj916_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_60ej2_1:not(:focus) {
+._inputInTable_tj916_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_60ej2_13 {
+._inputHover_tj916_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_60ej2_18 {
+._inputFocus_tj916_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_60ej2_25,
-._inputWarning_60ej2_26 {
+._inputError_tj916_25,
+._inputWarning_tj916_26 {
   position: relative;
 }
-._inputError_60ej2_25 {
+._inputError_tj916_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_60ej2_25:hover {
+._inputError_tj916_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_60ej2_25:focus {
+._inputError_tj916_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_60ej2_26 {
+._inputWarning_tj916_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_60ej2_26:hover {
+._inputWarning_tj916_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_60ej2_26:focus {
+._inputWarning_tj916_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_60ej2_61 {
+._inputDisabled_tj916_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_60ej2_67 {
+._hideScrollbars_tj916_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_60ej2_67::-webkit-scrollbar {
+._hideScrollbars_tj916_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2820,7 +2821,7 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_60ej2_83 {
+._container_tj916_83 {
   --padding-message: var(--padding-sm);
   padding: var(--padding-message);
   border-radius: var(--border-radius);
@@ -2836,40 +2837,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_60ej2_83::-webkit-scrollbar {
+._container_tj916_83::-webkit-scrollbar {
   display: none;
 }
-._container_60ej2_83._block_60ej2_102 {
+._container_tj916_83._block_tj916_102 {
   display: flex;
 }
-._container_60ej2_83._info_60ej2_105 {
+._container_tj916_83._info_tj916_105 {
   color: var(--color-text-info);
   background-color: var(--color-background-info);
 }
-._container_60ej2_83._success_60ej2_109 {
+._container_tj916_83._success_tj916_109 {
   color: var(--color-text-success);
   background-color: var(--color-background-success);
 }
-._container_60ej2_83._warning_60ej2_113 {
+._container_tj916_83._warning_tj916_113 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning);
 }
-._container_60ej2_83._error_60ej2_117 {
+._container_tj916_83._error_tj916_117 {
   color: var(--color-text-error);
   background-color: var(--color-background-error);
 }
-._content_60ej2_121 {
+._content_tj916_121 {
   flex: 1;
   min-width: 0;
 }
-._heading_60ej2_125 {
+._heading_tj916_125 {
   font-weight: bold;
-  letter-spacing: 0.1em;
+  letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_60ej2_132 {
+._icon_tj916_132 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2877,37 +2878,37 @@ html[data-theme='dark'] {
   margin-right: var(--padding-xs);
   font-size: var(--size-xs);
 }
-._dismiss_60ej2_140 {
+._dismiss_tj916_140 {
   margin-left: var(--padding);
   color: var(--color-text);
 }
-._dismiss_60ej2_140._absolute_60ej2_144 {
+._dismiss_tj916_140._absolute_tj916_144 {
   position: absolute;
   top: var(--padding-sm);
   right: var(--padding-sm);
 }
-._dismiss_60ej2_140 {
+._dismiss_tj916_140 {
   --offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);
   display: flex;
   margin-top: var(--offset-message-dismiss);
   margin-bottom: var(--offset-message-dismiss);
   margin-right: var(--offset-message-dismiss);
 }
-._legendToggle_60ej2_156 {
+._legendToggle_tj916_156 {
   opacity: 0.6;
 }
-._legendToggle_60ej2_156:hover {
+._legendToggle_tj916_156:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_60ej2_156:active {
+._legendToggle_tj916_156:active {
   opacity: 1;
 }
-._detailsText_60ej2_166 {
+._detailsText_tj916_166 {
   margin-top: var(--padding-xxs);
   word-break: break-word;
 }
-._footer_60ej2_170 {
+._footer_tj916_170 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--padding-sm);
@@ -2943,7 +2944,7 @@ html[data-theme='dark'] {
 ._newLine_sb0hc_28 {
   white-space: 'pre-wrap';
 }
-._menu_1s0p3_1 {
+._menu_12x4u_1 {
   overflow-y: auto;
   position: relative;
   min-width: 160px;
@@ -2953,30 +2954,30 @@ html[data-theme='dark'] {
   background-color: var(--color-background-layer);
   margin-top: 2px;
 }
-._header_1s0p3_11 {
+._header_12x4u_11 {
   padding: var(--padding-xs) var(--padding-sm);
   display: flex;
   justify-content: space-between;
 }
-._header_1s0p3_11 a {
+._header_12x4u_11 a {
   color: var(--color-text-primary);
   font-weight: normal;
   cursor: pointer;
 }
-._header_1s0p3_11 a:hover {
+._header_12x4u_11 a:hover {
   color: var(--color-text-primary-hover);
 }
-._header_1s0p3_11 a:active {
+._header_12x4u_11 a:active {
   color: var(--color-text-primary-active);
 }
-._item_1s0p3_27 {
+._item_12x4u_27 {
   padding: var(--padding-xs) var(--padding-sm);
   background: transparent;
   cursor: default;
 }
-._heading_1s0p3_32 {
+._heading_12x4u_32 {
   color: var(--color-text-muted);
-  letter-spacing: 0.1em;
+  letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   padding: var(--padding-xs) var(--padding-sm);
@@ -3213,10 +3214,10 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._layerContainer_8ackd_1 {
+._layerContainer_1lbvo_1 {
   z-index: var(--zindex-dropdown);
 }
-._layer_8ackd_1 {
+._layer_1lbvo_1 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -3226,48 +3227,48 @@ html[data-theme='dark'] {
   position: relative;
   font-size: var(--font-size);
 }
-._layer_8ackd_1 ul {
+._layer_1lbvo_1 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_8ackd_1 ul li {
+._layer_1lbvo_1 ul li {
   list-style: none;
   display: block;
 }
-._layer_8ackd_1._small_8ackd_23 {
+._layer_1lbvo_1._small_1lbvo_23 {
   font-size: var(--font-size-sm);
 }
-._heading_8ackd_26,
-._option_8ackd_27,
-._message_8ackd_28 {
+._heading_1lbvo_26,
+._option_1lbvo_27,
+._message_1lbvo_28 {
   padding: var(--padding-input);
   padding-right: 0;
 }
-._small_8ackd_23 ._heading_8ackd_26,
-._small_8ackd_23 ._option_8ackd_27,
-._small_8ackd_23 ._message_8ackd_28 {
+._small_1lbvo_23 ._heading_1lbvo_26,
+._small_1lbvo_23 ._option_1lbvo_27,
+._small_1lbvo_23 ._message_1lbvo_28 {
   padding: var(--padding-input-sm);
   padding-right: 0;
 }
-._heading_8ackd_26 {
+._heading_1lbvo_26 {
   color: var(--color-text-muted);
-  letter-spacing: 0.1em;
+  letter-spacing: var(--letter-spacing-wide);
+  font-weight: bold;
   text-transform: uppercase;
-  font-size: var(--font-size-sm);
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._small_8ackd_23 ._heading_8ackd_26 {
-  font-size: var(--font-size-xs);
+._small_1lbvo_23 ._heading_1lbvo_26 {
+  font-size: var(--font-size-sm);
 }
-._message_8ackd_28 {
+._message_1lbvo_28 {
   color: var(--color-text-faint);
 }
-._option_8ackd_27 {
+._option_1lbvo_27 {
   line-height: var(--line-height);
   display: flex;
   align-items: center;
@@ -3276,18 +3277,18 @@ html[data-theme='dark'] {
   height: 100%;
   cursor: pointer;
 }
-._option_8ackd_27._focused_8ackd_64,
-._option_8ackd_27:hover {
+._option_1lbvo_27._focused_1lbvo_64,
+._option_1lbvo_27:hover {
   background-color: var(--color-background-listitem-hover);
 }
-._option_8ackd_27._selected_8ackd_68 {
+._option_1lbvo_27._selected_1lbvo_68 {
   background-color: var(--color-background-listitem-active);
 }
-._option_8ackd_27._disabled_8ackd_71 {
+._option_1lbvo_27._disabled_1lbvo_71 {
   opacity: 0.2;
   cursor: inherit;
 }
-._option_8ackd_27 ._check_8ackd_75 {
+._option_1lbvo_27 ._check_1lbvo_75 {
   color: var(--color-text);
   font-size: var(--font-size);
   width: var(--size);
@@ -3297,31 +3298,31 @@ html[data-theme='dark'] {
   align-items: center;
   flex-shrink: 0;
 }
-._small_8ackd_23 ._option_8ackd_27 ._check_8ackd_75 {
+._small_1lbvo_23 ._option_1lbvo_27 ._check_1lbvo_75 {
   width: var(--size-sm);
   height: var(--size-sm);
 }
-._option_8ackd_27 ._check_8ackd_75 svg {
+._option_1lbvo_27 ._check_1lbvo_75 svg {
   display: block;
 }
-._option_8ackd_27 ._optionContent_8ackd_92 {
+._option_1lbvo_27 ._optionContent_1lbvo_92 {
   flex-wrap: wrap;
   margin-right: auto;
   overflow: hidden;
 }
-._option_8ackd_27 ._optionContent_8ackd_92 ._label_8ackd_97 {
+._option_1lbvo_27 ._optionContent_1lbvo_92 ._label_1lbvo_97 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._option_8ackd_27 ._optionContent_8ackd_92 ._icon_8ackd_104 {
+._option_1lbvo_27 ._optionContent_1lbvo_92 ._icon_1lbvo_104 {
   display: inline-flex;
   margin-left: var(--padding-xxs);
   line-height: 0;
 }
-._details_8ackd_109 {
+._details_1lbvo_109 {
   float: right;
   display: inline;
   white-space: nowrap;
@@ -8552,80 +8553,80 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1bs65_1 {
+._inputInTable_1fihp_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1bs65_1:not(:hover) {
+._inputInTable_1fihp_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1bs65_1:not(:focus) {
+._inputInTable_1fihp_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1bs65_13 {
+._inputHover_1fihp_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1bs65_18 {
+._inputFocus_1fihp_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1bs65_25,
-._inputWarning_1bs65_26 {
+._inputError_1fihp_25,
+._inputWarning_1fihp_26 {
   position: relative;
 }
-._inputError_1bs65_25 {
+._inputError_1fihp_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1bs65_25:hover {
+._inputError_1fihp_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1bs65_25:focus {
+._inputError_1fihp_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1bs65_26 {
+._inputWarning_1fihp_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1bs65_26:hover {
+._inputWarning_1fihp_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1bs65_26:focus {
+._inputWarning_1fihp_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1bs65_61 {
+._inputDisabled_1fihp_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1bs65_67 {
+._hideScrollbars_1fihp_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1bs65_67::-webkit-scrollbar {
+._hideScrollbars_1fihp_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -8633,42 +8634,42 @@ button:active .remirror-menu-pane-shortcut,
   --size-sidebar-icon: var(--size);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_1bs65_82 {
+._sidebar_1fihp_82 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_1bs65_82 {
+  ._sidebar_1fihp_82 {
     display: none;
   }
 }
-._inner_1bs65_93 {
+._inner_1fihp_93 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1bs65_93::-webkit-scrollbar {
+._inner_1fihp_93::-webkit-scrollbar {
   display: none;
 }
-._title_1bs65_103,
-._subtitle_1bs65_104,
-._label_1bs65_105 {
+._title_1fihp_103,
+._subtitle_1fihp_104,
+._label_1fihp_105 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1bs65_109 ._title_1bs65_103,
-._collapsed_1bs65_109 ._subtitle_1bs65_104,
-._collapsed_1bs65_109 ._label_1bs65_105 {
+._collapsed_1fihp_109 ._title_1fihp_103,
+._collapsed_1fihp_109 ._subtitle_1fihp_104,
+._collapsed_1fihp_109 ._label_1fihp_105 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1bs65_103 {
+._title_1fihp_103 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8677,19 +8678,19 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-xl);
   padding: 0 var(--padding);
 }
-._subtitle_1bs65_104 {
+._subtitle_1fihp_104 {
   margin-bottom: var(--padding-xs);
   white-space: nowrap;
-  font-size: var(--font-size-sm);
-  letter-spacing: 0.1em;
+  font-size: var(--font-size);
+  letter-spacing: var(--letter-spacing-wide);
   color: var(--color-neutral-500);
   padding: 0 var(--padding);
 }
-._list_1bs65_134 {
+._list_1fihp_134 {
   margin-bottom: var(--padding-xl);
   margin-top: 0;
 }
-._item_1bs65_138 {
+._item_1fihp_138 {
   transition: padding 0.2s, color 0.2s;
   font-size: var(--font-size-lg);
   font-weight: normal;
@@ -8698,34 +8699,34 @@ button:active .remirror-menu-pane-shortcut,
   align-items: center;
   color: var(--color-neutral-400);
 }
-._collapsed_1bs65_109 ._item_1bs65_138 {
+._collapsed_1fihp_109 ._item_1fihp_138 {
   padding: var(--padding-xxs) calc((var(--size-sidebar) - var(--size-sidebar-icon)) / 2);
 }
-._item_1bs65_138:hover {
+._item_1fihp_138:hover {
   color: var(--color-neutral-200);
 }
-._item_1bs65_138._experimental_1bs65_153 {
+._item_1fihp_138._experimental_1fihp_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_1bs65_138:active,
-._item_1bs65_138._active_1bs65_157 {
+._item_1fihp_138:active,
+._item_1fihp_138._active_1fihp_157 {
   color: var(--color-neutral-0);
   background-color: var(--color-primary-700);
 }
-._icon_1bs65_161 {
+._icon_1fihp_161 {
   margin-right: var(--padding-sm);
   line-height: 0;
   flex-shrink: 0;
   display: block;
   font-size: var(--size-sidebar-icon);
 }
-._icon_1bs65_161 > span {
+._icon_1fihp_161 > span {
   display: block;
 }
-._icon_1bs65_161 svg {
+._icon_1fihp_161 svg {
   stroke-width: 1;
 }
-._label_1bs65_105 {
+._label_1fihp_105 {
   white-space: nowrap;
   overflow: hidden;
 }
@@ -9533,23 +9534,23 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
 ._disabledPointerEvents_sdi21_204 {
   pointer-events: none;
 }
-._tabs_1ibh7_1 {
+._tabs_1jz3v_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_1ibh7_1._padding_1ibh7_7 {
+._tabs_1jz3v_1._padding_1jz3v_7 {
   padding-left: var(--padding);
   padding-right: var(--padding);
 }
-._tabs_1ibh7_1._margin_1ibh7_11 {
+._tabs_1jz3v_1._margin_1jz3v_11 {
   margin: var(--padding) 0;
 }
-._contentPadding_1ibh7_14 {
+._contentPadding_1jz3v_14 {
   padding-top: var(--padding);
 }
-._item_1ibh7_17 {
+._item_1jz3v_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9566,37 +9567,39 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   font-weight: bold;
   color: var(--color-text-primary);
   cursor: pointer;
+  letter-spacing: var(--letter-spacing-wide);
+  text-transform: uppercase;
 }
-._item_1ibh7_17:not(:last-child) {
+._item_1jz3v_17:not(:last-child) {
   margin-right: var(--padding);
 }
-._item_1ibh7_17:hover:not(._active_1ibh7_38) {
+._item_1jz3v_17:hover:not(._active_1jz3v_40) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_1ibh7_17:hover:not(._active_1ibh7_38) {
+[data-theme='dark'] ._item_1jz3v_17:hover:not(._active_1jz3v_40) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_1ibh7_17:active:not(._active_1ibh7_38) {
+._item_1jz3v_17:active:not(._active_1jz3v_40) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_1ibh7_17:active:not(._active_1ibh7_38) {
+[data-theme='dark'] ._item_1jz3v_17:active:not(._active_1jz3v_40) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_1ibh7_17._active_1ibh7_38 {
+._item_1jz3v_17._active_1jz3v_40 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_1ibh7_17._hidden_1ibh7_57 {
+._item_1jz3v_17._hidden_1jz3v_59 {
   display: none !important;
 }
-._item_1ibh7_17._disabled_1ibh7_60 {
+._item_1jz3v_17._disabled_1jz3v_62 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1ibh7_17._left_1ibh7_64 + ._item_1ibh7_17._right_1ibh7_64 {
+._item_1jz3v_17._left_1jz3v_66 + ._item_1jz3v_17._right_1jz3v_66 {
   margin-left: auto;
 }
 ._inputInTable_hyht1_1 {