@oliasoft-open-source/react-ui-library 4.0.0-beta-12 → 4.0.0-beta-14

package/dist/global.css

@@ -566,13 +566,13 @@ a {
   --zindex-tooltip: 2003;
   --shadow-button: 0 1px 2px rgba(0, 0, 0, 0.1);
   --shadow-layer: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
-  --color-text: var(--color-neutral-800);
+  --color-text: var(--color-neutral-900);
   --color-text-muted: var(--color-neutral-550);
   --color-text-faint: var(--color-neutral-300);
-  --color-text-error: var(--color-error-600);
-  --color-text-warning: var(--color-warning-600);
-  --color-text-success: var(--color-success-600);
-  --color-text-info: var(--color-info-600);
+  --color-text-error: var(--color-error-650);
+  --color-text-warning: var(--color-warning-650);
+  --color-text-success: var(--color-success-650);
+  --color-text-info: var(--color-info-650);
   --color-text-primary: var(--color-primary-500);
   --color-text-primary-hover: var(--color-primary-550);
   --color-text-primary-active: var(--color-primary-600);
@@ -580,10 +580,10 @@ a {
   --color-background: var(--color-neutral-50);
   --color-background-raised: white;
   --color-background-disabled: rgba(0, 0, 0, 0.05);
-  --color-background-info: var(--color-info-100);
-  --color-background-error: var(--color-error-100);
-  --color-background-success: var(--color-success-100);
-  --color-background-warning: var(--color-warning-100);
+  --color-background-info: var(--color-info-150);
+  --color-background-error: var(--color-error-150);
+  --color-background-success: var(--color-success-150);
+  --color-background-warning: var(--color-warning-150);
   --color-background-primary: var(--color-primary-500);
   --color-background-input: white;
   --color-background-listitem-active: var(--color-primary-100);
@@ -607,28 +607,28 @@ html[data-theme='dark'] {
   --color-text-primary: var(--color-primary-450);
   --color-text-primary-active: var(--color-primary-350);
   --color-text-primary-hover: var(--color-primary-400);
-  --color-text-error: var(--color-error-200);
-  --color-text-info: var(--color-info-200);
-  --color-text-success: var(--color-success-200);
-  --color-text-warning: var(--color-warning-200);
+  --color-text-error: var(--color-error-300);
+  --color-text-info: var(--color-info-300);
+  --color-text-success: var(--color-success-300);
+  --color-text-warning: var(--color-warning-300);
   --color-text-placeholder: rgba(255, 255, 255, 0.4);
   --color-background: var(--color-neutral-950);
   --color-background-raised: var(--color-neutral-900);
-  --color-background-disabled: rgba(255, 255, 255, 0.1);
-  --color-background-error: var(--color-error-700);
-  --color-background-info: var(--color-info-700);
-  --color-background-success: var(--color-success-700);
-  --color-background-warning: var(--color-warning-700);
+  --color-background-disabled: rgba(255, 255, 255, 0.05);
+  --color-background-error: var(--color-error-800);
+  --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-500);
   --color-background-input: var(--color-neutral-850);
   --color-background-listitem-active: var(--color-primary-850);
   --color-background-listitem-hover: var(--color-neutral-850);
-  --color-border: var(--color-neutral-750);
-  --color-border-checkbox: var(--color-neutral-1000);
+  --color-border: var(--color-neutral-800);
+  --color-border-checkbox: var(--color-neutral-600);
   --color-border-hover: var(--color-neutral-500);
   --color-border-focus: var(--color-primary-500);
-  --color-border-error: var(--color-neutral-1000);
-  --color-border-warning: var(--color-neutral-1000);
+  --color-border-error: var(--color-error-650);
+  --color-border-warning: var(--color-warning-650);
   --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.5);
 }
 
@@ -963,17 +963,17 @@ a {
 ._contentWrapper_109k5_16 {
   border-radius: inherit;
 }
-._wrapper_1kbgw_1 {
+._wrapper_jynuc_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_1kbgw_5 ._wrapper_1kbgw_1 {
+._layer_jynuc_5 ._wrapper_jynuc_1 {
   width: 100%;
 }
-._layerContainer_1kbgw_8 {
+._layerContainer_jynuc_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_1kbgw_5 {
+._layer_jynuc_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -985,98 +985,98 @@ a {
   position: relative;
   overflow-y: auto;
 }
-._layer_1kbgw_5._nested_1kbgw_23 {
+._layer_jynuc_5._nested_jynuc_23 {
   margin: -1px 2px;
 }
-._layer_1kbgw_5 ul {
+._layer_jynuc_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_1kbgw_5 ul li {
+._layer_jynuc_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_1kbgw_35 {
+._fileInput_jynuc_35 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_1kbgw_41 {
+._trigger_jynuc_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_1kbgw_5 ._trigger_1kbgw_41 {
+._layer_jynuc_5 ._trigger_jynuc_41 {
   width: 100%;
 }
-._middleAlignedInline_1kbgw_50 {
+._middleAlignedInline_jynuc_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_1kbgw_56 {
+._heading_jynuc_56 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_1kbgw_56 ._headingIcon_1kbgw_62 {
+._heading_jynuc_56 ._headingIcon_jynuc_62 {
   float: right;
 }
-._heading_1kbgw_56 ._headingIcon_1kbgw_62 svg {
+._heading_jynuc_56 ._headingIcon_jynuc_62 svg {
   color: var(--color-text-faint);
 }
-._heading_1kbgw_56 ._headingIcon_1kbgw_62:hover {
+._heading_jynuc_56 ._headingIcon_jynuc_62:hover {
   cursor: pointer;
 }
-._heading_1kbgw_56 ._headingIcon_1kbgw_62:hover svg {
+._heading_jynuc_56 ._headingIcon_jynuc_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_1kbgw_74 {
+._option_jynuc_74 {
   color: inherit;
   display: block;
 }
-._heading_1kbgw_56,
-._option_1kbgw_74,
-._layer_1kbgw_5 ._trigger_1kbgw_41 {
+._heading_jynuc_56,
+._option_jynuc_74,
+._layer_jynuc_5 ._trigger_jynuc_41 {
   padding: var(--padding-input);
 }
-._option_1kbgw_74,
-._layer_1kbgw_5 ._trigger_1kbgw_41 {
+._option_jynuc_74,
+._layer_jynuc_5 ._trigger_jynuc_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_1kbgw_74:hover,
-._layer_1kbgw_5 ._trigger_1kbgw_41:hover,
-._option_1kbgw_74._active_1kbgw_91,
-._layer_1kbgw_5 ._trigger_1kbgw_41._active_1kbgw_91 {
+._option_jynuc_74:hover,
+._layer_jynuc_5 ._trigger_jynuc_41:hover,
+._option_jynuc_74._active_jynuc_91,
+._layer_jynuc_5 ._trigger_jynuc_41._active_jynuc_91 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_1kbgw_74._selected_1kbgw_96 {
+._option_jynuc_74._selected_jynuc_96 {
   background-color: var(--color-background-listitem-active);
   font-weight: bold;
 }
-._layer_1kbgw_5 ._trigger_1kbgw_41 {
+._layer_jynuc_5 ._trigger_jynuc_41 {
   align-items: center;
 }
-._optionContent_1kbgw_103 {
+._optionContent_jynuc_103 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_1kbgw_108 ._optionContent_1kbgw_103 {
+._inline_jynuc_108 ._optionContent_jynuc_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_1kbgw_113,
-._check_1kbgw_114 {
+._icon_jynuc_113,
+._check_jynuc_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1084,78 +1084,79 @@ a {
   justify-content: center;
   align-items: center;
 }
-._icon_1kbgw_113 {
+._icon_jynuc_113 {
   margin-right: var(--spacing-xs);
   color: var(--color-text-primary);
 }
-._icon_1kbgw_113:empty {
+._icon_jynuc_113:empty {
   display: none;
 }
-._icon_1kbgw_113 img {
+._icon_jynuc_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_1kbgw_135 {
+._text_jynuc_135 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_1kbgw_140 {
+._label_jynuc_140 {
   margin-right: auto;
 }
-._label_1kbgw_140,
-._heading_1kbgw_56 {
+._label_jynuc_140,
+._heading_jynuc_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_1kbgw_151 {
+._description_jynuc_151 {
   color: #999;
   display: block;
 }
-._arrow_1kbgw_155 {
+._arrow_jynuc_155 {
   margin-left: var(--spacing-xs);
   display: flex;
 }
-._divider_1kbgw_159 {
+._divider_jynuc_159 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_1kbgw_163 {
+._deprecatedSemanticIcon_jynuc_163 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_1kbgw_167 {
+._disabled_jynuc_167 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_1kbgw_172 {
+._buttonLabel_jynuc_172 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
   line-height: 1.2;
 }
-._buttonCaret_1kbgw_179 {
-  margin-left: 5px;
+._buttonCaret_jynuc_179 {
+  display: flex;
+  margin-left: var(--spacing-2xs);
 }
-._component_1kbgw_182 {
+._component_jynuc_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_1kbgw_188 {
+._right_jynuc_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_1kbgw_193 {
+._actions_jynuc_194 {
   margin-left: var(--spacing-xs);
   display: flex;
   align-items: center;
@@ -2775,89 +2776,89 @@ html[data-theme='dark'] {
 ._details_cvm5e_53 {
   margin-top: var(--spacing-xs);
 }
-._inputInTable_i0gah_1 {
+._inputInTable_1k0ge_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_i0gah_1:not(:hover) {
+._inputInTable_1k0ge_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_i0gah_1:not(:focus) {
+._inputInTable_1k0ge_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_i0gah_13 {
+._inputHover_1k0ge_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_i0gah_18 {
+._inputFocus_1k0ge_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_i0gah_25,
-._inputWarning_i0gah_26 {
+._inputError_1k0ge_25,
+._inputWarning_1k0ge_26 {
   position: relative;
 }
-._inputError_i0gah_25 {
+._inputError_1k0ge_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_i0gah_25:hover {
+._inputError_1k0ge_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_i0gah_25:focus {
+._inputError_1k0ge_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_i0gah_26 {
+._inputWarning_1k0ge_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_i0gah_26:hover {
+._inputWarning_1k0ge_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_i0gah_26:focus {
+._inputWarning_1k0ge_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_i0gah_61 {
+._inputDisabled_1k0ge_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_i0gah_67 {
+._hideScrollbars_1k0ge_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_i0gah_67::-webkit-scrollbar {
+._hideScrollbars_1k0ge_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --color-border-message: rgba(0, 0, 0, 0.1);
 }
 html[data-theme='dark'] {
-  --color-border-message: transparent;
+  --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_i0gah_83 {
+._container_1k0ge_83 {
   padding: var(--padding-card);
   border-radius: var(--border-radius);
   display: inline-flex;
@@ -2872,40 +2873,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_i0gah_83::-webkit-scrollbar {
+._container_1k0ge_83::-webkit-scrollbar {
   display: none;
 }
-._container_i0gah_83._block_i0gah_101 {
+._container_1k0ge_83._block_1k0ge_101 {
   display: flex;
 }
-._container_i0gah_83._info_i0gah_104 {
+._container_1k0ge_83._info_1k0ge_104 {
   color: var(--color-text-info);
   background-color: var(--color-background-info);
 }
-._container_i0gah_83._success_i0gah_108 {
+._container_1k0ge_83._success_1k0ge_108 {
   color: var(--color-text-success);
   background-color: var(--color-background-success);
 }
-._container_i0gah_83._warning_i0gah_112 {
+._container_1k0ge_83._warning_1k0ge_112 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning);
 }
-._container_i0gah_83._error_i0gah_116 {
+._container_1k0ge_83._error_1k0ge_116 {
   color: var(--color-text-error);
   background-color: var(--color-background-error);
 }
-._content_i0gah_120 {
+._content_1k0ge_120 {
   flex: 1;
   min-width: 0;
 }
-._heading_i0gah_124 {
+._heading_1k0ge_124 {
   font-weight: bold;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_i0gah_131 {
+._icon_1k0ge_131 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2913,36 +2914,36 @@ html[data-theme='dark'] {
   margin-right: 12px;
   font-size: 18px;
 }
-._dismiss_i0gah_139 {
+._dismiss_1k0ge_139 {
   margin-left: 12px;
   color: var(--color-text);
 }
-._dismiss_i0gah_139._absolute_i0gah_143 {
+._dismiss_1k0ge_139._absolute_1k0ge_143 {
   position: absolute;
   top: var(--spacing-xs);
   right: var(--spacing-sm);
 }
-._dismiss_i0gah_139 {
+._dismiss_1k0ge_139 {
   display: flex;
   margin-top: -2px;
   margin-bottom: -2px;
   margin-right: -6px;
 }
-._legendToggle_i0gah_154 {
+._legendToggle_1k0ge_154 {
   opacity: 0.6;
 }
-._legendToggle_i0gah_154:hover {
+._legendToggle_1k0ge_154:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_i0gah_154:active {
+._legendToggle_1k0ge_154:active {
   opacity: 1;
 }
-._detailsText_i0gah_164 {
+._detailsText_1k0ge_164 {
   margin-top: var(--spacing);
   word-break: break-word;
 }
-._footer_i0gah_168 {
+._footer_1k0ge_168 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-sm);
@@ -8513,121 +8514,121 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1j67l_1 {
+._inputInTable_m7vt5_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1j67l_1:not(:hover) {
+._inputInTable_m7vt5_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1j67l_1:not(:focus) {
+._inputInTable_m7vt5_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1j67l_13 {
+._inputHover_m7vt5_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1j67l_18 {
+._inputFocus_m7vt5_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1j67l_25,
-._inputWarning_1j67l_26 {
+._inputError_m7vt5_25,
+._inputWarning_m7vt5_26 {
   position: relative;
 }
-._inputError_1j67l_25 {
+._inputError_m7vt5_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1j67l_25:hover {
+._inputError_m7vt5_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1j67l_25:focus {
+._inputError_m7vt5_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1j67l_26 {
+._inputWarning_m7vt5_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1j67l_26:hover {
+._inputWarning_m7vt5_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1j67l_26:focus {
+._inputWarning_m7vt5_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1j67l_61 {
+._inputDisabled_m7vt5_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1j67l_67 {
+._hideScrollbars_m7vt5_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1j67l_67::-webkit-scrollbar {
+._hideScrollbars_m7vt5_67::-webkit-scrollbar {
   display: none;
 }
 :root {
-  --color-background-sidebar: var(--color-neutral-950);
+  --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_1j67l_80 {
+._sidebar_m7vt5_80 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding-y) 0;
 }
 @media print {
-  ._sidebar_1j67l_80 {
+  ._sidebar_m7vt5_80 {
     display: none;
   }
 }
-._inner_1j67l_91 {
+._inner_m7vt5_91 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1j67l_91::-webkit-scrollbar {
+._inner_m7vt5_91::-webkit-scrollbar {
   display: none;
 }
-._title_1j67l_101,
-._subtitle_1j67l_102,
-._label_1j67l_103 {
+._title_m7vt5_101,
+._subtitle_m7vt5_102,
+._label_m7vt5_103 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1j67l_107 ._title_1j67l_101,
-._collapsed_1j67l_107 ._subtitle_1j67l_102,
-._collapsed_1j67l_107 ._label_1j67l_103 {
+._collapsed_m7vt5_107 ._title_m7vt5_101,
+._collapsed_m7vt5_107 ._subtitle_m7vt5_102,
+._collapsed_m7vt5_107 ._label_m7vt5_103 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1j67l_101 {
+._title_m7vt5_101 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8636,7 +8637,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-lg);
   padding: 0 var(--padding-x);
 }
-._subtitle_1j67l_102 {
+._subtitle_m7vt5_102 {
   margin-bottom: 0.75rem;
   white-space: nowrap;
   font-size: var(--font-size-sm);
@@ -8644,11 +8645,11 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.6;
   padding: 0 var(--padding-x);
 }
-._list_1j67l_132 {
+._list_m7vt5_132 {
   margin-bottom: 2rem;
   margin-top: 0;
 }
-._item_1j67l_136 {
+._item_m7vt5_136 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
@@ -8658,30 +8659,30 @@ button:active .remirror-menu-pane-shortcut,
   padding: 0 var(--padding-x);
   align-items: center;
 }
-._collapsed_1j67l_107 ._item_1j67l_136 {
+._collapsed_m7vt5_107 ._item_m7vt5_136 {
   padding: 0 9px;
 }
-._item_1j67l_136:focus {
+._item_m7vt5_136:focus {
   outline: none;
 }
-._item_1j67l_136::-moz-focus-inner {
+._item_m7vt5_136::-moz-focus-inner {
   border: 0;
 }
-._item_1j67l_136:hover,
-._item_1j67l_136:focus {
+._item_m7vt5_136:hover,
+._item_m7vt5_136:focus {
   color: var(--color-primary-400);
 }
-._item_1j67l_136:active {
+._item_m7vt5_136:active {
   color: var(--color-primary-300);
 }
-._item_1j67l_136._active_1j67l_162 {
+._item_m7vt5_136._active_m7vt5_162 {
   color: white;
   background: black;
 }
-._item_1j67l_136._experimental_1j67l_166 {
+._item_m7vt5_136._experimental_m7vt5_166 {
   background: #40130b;
 }
-._icon_1j67l_169 {
+._icon_m7vt5_169 {
   margin-right: 10px;
   line-height: 0;
   flex-shrink: 0;
@@ -8689,23 +8690,23 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.4;
   display: block;
 }
-._item_1j67l_136:hover ._icon_1j67l_169,
-._item_1j67l_136:focus ._icon_1j67l_169 {
+._item_m7vt5_136:hover ._icon_m7vt5_169,
+._item_m7vt5_136:focus ._icon_m7vt5_169 {
   opacity: 0.6;
 }
-._item_1j67l_136:active ._icon_1j67l_169 {
+._item_m7vt5_136:active ._icon_m7vt5_169 {
   opacity: 0.8;
 }
-._item_1j67l_136._active_1j67l_162 ._icon_1j67l_169 {
+._item_m7vt5_136._active_m7vt5_162 ._icon_m7vt5_169 {
   opacity: 1;
 }
-._icon_1j67l_169 > * {
+._icon_m7vt5_169 > * {
   opacity: 1;
 }
-._icon_1j67l_169 > span {
+._icon_m7vt5_169 > span {
   display: block;
 }
-._label_1j67l_103 {
+._label_m7vt5_103 {
   white-space: nowrap;
   overflow: hidden;
 }
@@ -9046,80 +9047,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_179we_1 {
+._inputInTable_7al02_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_179we_1:not(:hover) {
+._inputInTable_7al02_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_179we_1:not(:focus) {
+._inputInTable_7al02_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_179we_13 {
+._inputHover_7al02_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_179we_18 {
+._inputFocus_7al02_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_179we_25,
-._inputWarning_179we_26 {
+._inputError_7al02_25,
+._inputWarning_7al02_26 {
   position: relative;
 }
-._inputError_179we_25 {
+._inputError_7al02_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_179we_25:hover {
+._inputError_7al02_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_179we_25:focus {
+._inputError_7al02_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_179we_26 {
+._inputWarning_7al02_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_179we_26:hover {
+._inputWarning_7al02_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_179we_26:focus {
+._inputWarning_7al02_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_179we_61 {
+._inputDisabled_7al02_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_179we_67 {
+._hideScrollbars_7al02_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_179we_67::-webkit-scrollbar {
+._hideScrollbars_7al02_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9130,9 +9131,9 @@ button:active .remirror-menu-pane-shortcut,
 html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-750);
   --color-background-table-row-tinted: var(--color-neutral-850);
-  --color-border-table: black;
+  --color-border-table: var(--color-neutral-700);
 }
-._wrapper_179we_87 {
+._wrapper_7al02_87 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9140,21 +9141,21 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_179we_87._bordered_179we_95 {
+._wrapper_7al02_87._bordered_7al02_95 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border-table);
 }
-._scroll_179we_99 {
+._scroll_7al02_99 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_179we_99:not(:first-child) {
+._scroll_7al02_99:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_179we_109 {
+._table_7al02_109 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9162,32 +9163,32 @@ html[data-theme='dark'] {
   border-radius: inherit;
   width: 100%;
 }
-._table_179we_109 > :first-child {
+._table_7al02_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_179we_109 > :first-child > :first-child {
+._table_7al02_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_179we_109 > :first-child > :first-child > :first-child {
+._table_7al02_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_179we_109 > :first-child > :first-child > :last-child {
+._table_7al02_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_179we_109 > :last-child {
+._table_7al02_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_179we_109 > :last-child > :last-child {
+._table_7al02_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_179we_109 > :last-child > :last-child > :first-child {
+._table_7al02_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_179we_109 > :last-child > :last-child > :last-child {
+._table_7al02_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9204,10 +9205,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_179we_109 > *:not(:last-child) > tr th,
-._table_179we_109 > *:not(:last-child) > tr td,
-._table_179we_109 > *:last-child > tr:not(:last-child) th,
-._table_179we_109 > *:last-child > tr:not(:last-child) td {
+._table_7al02_109 > *:not(:last-child) > tr th,
+._table_7al02_109 > *:not(:last-child) > tr td,
+._table_7al02_109 > *:last-child > tr:not(:last-child) th,
+._table_7al02_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9234,7 +9235,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_179we_189 tbody tr:nth-child(even) {
+._striped_7al02_189 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_1vehb_1 {

package/dist/index.js

@@ -11278,34 +11278,34 @@ var lodash = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 const _$1 = lodash.exports;
-const wrapper$4 = "_wrapper_1kbgw_1";
-const layer$1 = "_layer_1kbgw_5";
-const layerContainer$1 = "_layerContainer_1kbgw_8";
-const nested = "_nested_1kbgw_23";
-const fileInput$1 = "_fileInput_1kbgw_35";
-const trigger$2 = "_trigger_1kbgw_41";
-const middleAlignedInline = "_middleAlignedInline_1kbgw_50";
-const heading$5 = "_heading_1kbgw_56";
-const headingIcon = "_headingIcon_1kbgw_62";
-const option$1 = "_option_1kbgw_74";
-const active$8 = "_active_1kbgw_91";
-const selected$1 = "_selected_1kbgw_96";
-const optionContent$1 = "_optionContent_1kbgw_103";
-const inline$4 = "_inline_1kbgw_108";
-const icon$5 = "_icon_1kbgw_113";
-const check$1 = "_check_1kbgw_114";
-const text$3 = "_text_1kbgw_135";
-const label$a = "_label_1kbgw_140";
-const description = "_description_1kbgw_151";
-const arrow$1 = "_arrow_1kbgw_155";
-const divider$1 = "_divider_1kbgw_159";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1kbgw_163";
-const disabled$8 = "_disabled_1kbgw_167";
-const buttonLabel = "_buttonLabel_1kbgw_172";
-const buttonCaret = "_buttonCaret_1kbgw_179";
-const component = "_component_1kbgw_182";
-const right$7 = "_right_1kbgw_188";
-const actions$2 = "_actions_1kbgw_193";
+const wrapper$4 = "_wrapper_jynuc_1";
+const layer$1 = "_layer_jynuc_5";
+const layerContainer$1 = "_layerContainer_jynuc_8";
+const nested = "_nested_jynuc_23";
+const fileInput$1 = "_fileInput_jynuc_35";
+const trigger$2 = "_trigger_jynuc_41";
+const middleAlignedInline = "_middleAlignedInline_jynuc_50";
+const heading$5 = "_heading_jynuc_56";
+const headingIcon = "_headingIcon_jynuc_62";
+const option$1 = "_option_jynuc_74";
+const active$8 = "_active_jynuc_91";
+const selected$1 = "_selected_jynuc_96";
+const optionContent$1 = "_optionContent_jynuc_103";
+const inline$4 = "_inline_jynuc_108";
+const icon$5 = "_icon_jynuc_113";
+const check$1 = "_check_jynuc_114";
+const text$3 = "_text_jynuc_135";
+const label$a = "_label_jynuc_140";
+const description = "_description_jynuc_151";
+const arrow$1 = "_arrow_jynuc_155";
+const divider$1 = "_divider_jynuc_159";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_jynuc_163";
+const disabled$8 = "_disabled_jynuc_167";
+const buttonLabel = "_buttonLabel_jynuc_172";
+const buttonCaret = "_buttonCaret_jynuc_179";
+const component = "_component_jynuc_183";
+const right$7 = "_right_jynuc_189";
+const actions$2 = "_actions_jynuc_194";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -27018,27 +27018,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$7 = "_inputInTable_i0gah_1";
-const inputHover$7 = "_inputHover_i0gah_13";
-const inputFocus$7 = "_inputFocus_i0gah_18";
-const inputError$7 = "_inputError_i0gah_25";
-const inputWarning$7 = "_inputWarning_i0gah_26";
-const inputDisabled$7 = "_inputDisabled_i0gah_61";
-const hideScrollbars$7 = "_hideScrollbars_i0gah_67";
-const container$1 = "_container_i0gah_83";
-const block$1 = "_block_i0gah_101";
-const info = "_info_i0gah_104";
-const success = "_success_i0gah_108";
-const warning$6 = "_warning_i0gah_112";
-const error$4 = "_error_i0gah_116";
-const content$1 = "_content_i0gah_120";
-const heading$2 = "_heading_i0gah_124";
-const icon$3 = "_icon_i0gah_131";
-const dismiss$1 = "_dismiss_i0gah_139";
-const absolute = "_absolute_i0gah_143";
-const legendToggle = "_legendToggle_i0gah_154";
-const detailsText = "_detailsText_i0gah_164";
-const footer$1 = "_footer_i0gah_168";
+const inputInTable$7 = "_inputInTable_1k0ge_1";
+const inputHover$7 = "_inputHover_1k0ge_13";
+const inputFocus$7 = "_inputFocus_1k0ge_18";
+const inputError$7 = "_inputError_1k0ge_25";
+const inputWarning$7 = "_inputWarning_1k0ge_26";
+const inputDisabled$7 = "_inputDisabled_1k0ge_61";
+const hideScrollbars$7 = "_hideScrollbars_1k0ge_67";
+const container$1 = "_container_1k0ge_83";
+const block$1 = "_block_1k0ge_101";
+const info = "_info_1k0ge_104";
+const success = "_success_1k0ge_108";
+const warning$6 = "_warning_1k0ge_112";
+const error$4 = "_error_1k0ge_116";
+const content$1 = "_content_1k0ge_120";
+const heading$2 = "_heading_1k0ge_124";
+const icon$3 = "_icon_1k0ge_131";
+const dismiss$1 = "_dismiss_1k0ge_139";
+const absolute = "_absolute_1k0ge_143";
+const legendToggle = "_legendToggle_1k0ge_154";
+const detailsText = "_detailsText_1k0ge_164";
+const footer$1 = "_footer_1k0ge_168";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -57019,24 +57019,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_1j67l_1";
-const inputHover$3 = "_inputHover_1j67l_13";
-const inputFocus$3 = "_inputFocus_1j67l_18";
-const inputError$3 = "_inputError_1j67l_25";
-const inputWarning$3 = "_inputWarning_1j67l_26";
-const inputDisabled$3 = "_inputDisabled_1j67l_61";
-const hideScrollbars$3 = "_hideScrollbars_1j67l_67";
-const sidebar = "_sidebar_1j67l_80";
-const inner = "_inner_1j67l_91";
-const title$2 = "_title_1j67l_101";
-const subtitle = "_subtitle_1j67l_102";
-const label$2 = "_label_1j67l_103";
-const collapsed = "_collapsed_1j67l_107";
-const list = "_list_1j67l_132";
-const item$2 = "_item_1j67l_136";
-const active$2 = "_active_1j67l_162";
-const experimental = "_experimental_1j67l_166";
-const icon$1 = "_icon_1j67l_169";
+const inputInTable$3 = "_inputInTable_m7vt5_1";
+const inputHover$3 = "_inputHover_m7vt5_13";
+const inputFocus$3 = "_inputFocus_m7vt5_18";
+const inputError$3 = "_inputError_m7vt5_25";
+const inputWarning$3 = "_inputWarning_m7vt5_26";
+const inputDisabled$3 = "_inputDisabled_m7vt5_61";
+const hideScrollbars$3 = "_hideScrollbars_m7vt5_67";
+const sidebar = "_sidebar_m7vt5_80";
+const inner = "_inner_m7vt5_91";
+const title$2 = "_title_m7vt5_101";
+const subtitle = "_subtitle_m7vt5_102";
+const label$2 = "_label_m7vt5_103";
+const collapsed = "_collapsed_m7vt5_107";
+const list = "_list_m7vt5_132";
+const item$2 = "_item_m7vt5_136";
+const active$2 = "_active_m7vt5_162";
+const experimental = "_experimental_m7vt5_166";
+const icon$1 = "_icon_m7vt5_169";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -59475,18 +59475,18 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_179we_1";
-const inputHover$2 = "_inputHover_179we_13";
-const inputFocus$2 = "_inputFocus_179we_18";
-const inputError$2 = "_inputError_179we_25";
-const inputWarning$2 = "_inputWarning_179we_26";
-const inputDisabled$2 = "_inputDisabled_179we_61";
-const hideScrollbars$2 = "_hideScrollbars_179we_67";
-const wrapper = "_wrapper_179we_87";
-const bordered = "_bordered_179we_95";
-const scroll2 = "_scroll_179we_99";
-const table = "_table_179we_109";
-const striped = "_striped_179we_189";
+const inputInTable$2 = "_inputInTable_7al02_1";
+const inputHover$2 = "_inputHover_7al02_13";
+const inputFocus$2 = "_inputFocus_7al02_18";
+const inputError$2 = "_inputError_7al02_25";
+const inputWarning$2 = "_inputWarning_7al02_26";
+const inputDisabled$2 = "_inputDisabled_7al02_61";
+const hideScrollbars$2 = "_hideScrollbars_7al02_67";
+const wrapper = "_wrapper_7al02_87";
+const bordered = "_bordered_7al02_95";
+const scroll2 = "_scroll_7al02_99";
+const table = "_table_7al02_109";
+const striped = "_striped_7al02_189";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.0.0-beta-12",
+  "version": "4.0.0-beta-14",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {