@oliasoft-open-source/react-ui-library 4.0.0-beta-26 → 4.0.0-beta-27

package/dist/global.css

@@ -542,10 +542,10 @@ a {
   --spacing-5: 20px;
   --spacing-6: 24px;
   --padding-x: var(--spacing-4);
-  --padding-y: var(--spacing-3);
+  --padding-y: var(--spacing-4);
   --padding: var(--padding-y) var(--padding-x);
   --padding-card-x: var(--spacing-3);
-  --padding-card-y: var(--spacing-2);
+  --padding-card-y: var(--spacing-3);
   --padding-card: var(--padding-card-y) var(--padding-card-x);
   --padding-input-x: var(--spacing-2);
   --padding-input-y: calc((var(--size) - var(--line-height) - 2px) / 2);
@@ -660,7 +660,7 @@ html[data-theme='dark'] {
 }
 
 .field {
-  margin-bottom: var(--spacing-3);
+  margin-bottom: var(--padding-y);
   color: var(--color-text);
 }
 
@@ -682,12 +682,12 @@ html[data-theme='dark'] {
 
 .formRow > *:not(:last-child),
 .form-row > *:not(:last-child) {
-  margin-right: var(--spacing-4);
+  margin-right: var(--padding-x);
 }
 
 .formRow .button,
 .form-row .button {
-  margin-bottom: var(--spacing-4);
+  margin-bottom: var(--padding-y);
 }
 
 html {
@@ -2394,30 +2394,30 @@ html[data-theme='dark'] {
   margin-bottom: var(--spacing-1);
   line-height: 1.25;
 }
-._field_2ll8c_1 {
-  margin-bottom: var(--spacing-3);
+._field_1byxq_1 {
+  margin-bottom: var(--padding-y);
   color: var(--color-text);
 }
-._field_2ll8c_1._labelLeft_2ll8c_5 {
+._field_1byxq_1._labelLeft_1byxq_5 {
   display: flex;
   align-items: center;
 }
-._field_2ll8c_1._labelLeft_2ll8c_5 ._fieldInput_2ll8c_9 {
+._field_1byxq_1._labelLeft_1byxq_5 ._fieldInput_1byxq_9 {
   flex-grow: 1;
 }
-._formRow_2ll8c_12,
-._form-row_2ll8c_13 {
+._formRow_1byxq_12,
+._form-row_1byxq_13 {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
 }
-._formRow_2ll8c_12 > *:not(:last-child),
-._form-row_2ll8c_13 > *:not(:last-child) {
-  margin-right: var(--spacing-4);
+._formRow_1byxq_12 > *:not(:last-child),
+._form-row_1byxq_13 > *:not(:last-child) {
+  margin-right: var(--padding-x);
 }
-._formRow_2ll8c_12 ._button_2ll8c_22,
-._form-row_2ll8c_13 ._button_2ll8c_22 {
-  margin-bottom: var(--spacing-4);
+._formRow_1byxq_12 ._button_1byxq_22,
+._form-row_1byxq_13 ._button_1byxq_22 {
+  margin-bottom: var(--padding-y);
 }
 ._formRow_i2es6_1 {
   display: flex;
@@ -9276,125 +9276,125 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border-table);
 }
-._inputInTable_hyzeo_1 {
+._inputInTable_sgjeo_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_hyzeo_1:not(:hover) {
+._inputInTable_sgjeo_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_hyzeo_1:not(:focus) {
+._inputInTable_sgjeo_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_hyzeo_13 {
+._inputHover_sgjeo_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_hyzeo_18 {
+._inputFocus_sgjeo_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_hyzeo_25,
-._inputWarning_hyzeo_26 {
+._inputError_sgjeo_25,
+._inputWarning_sgjeo_26 {
   position: relative;
 }
-._inputError_hyzeo_25 {
+._inputError_sgjeo_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_hyzeo_25:hover {
+._inputError_sgjeo_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_hyzeo_25:focus {
+._inputError_sgjeo_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_hyzeo_26 {
+._inputWarning_sgjeo_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_hyzeo_26:hover {
+._inputWarning_sgjeo_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_hyzeo_26:focus {
+._inputWarning_sgjeo_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_hyzeo_61 {
+._inputDisabled_sgjeo_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_hyzeo_67 {
+._hideScrollbars_sgjeo_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_hyzeo_67::-webkit-scrollbar {
+._hideScrollbars_sgjeo_67::-webkit-scrollbar {
   display: none;
 }
-._cell_hyzeo_77 a {
+._cell_sgjeo_77 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_hyzeo_77 a:hover {
+._cell_sgjeo_77 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_hyzeo_77 a:active {
+._cell_sgjeo_77 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_hyzeo_77 a._disabledLink_hyzeo_87 {
+._cell_sgjeo_77 a._disabledLink_sgjeo_87 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_hyzeo_91 {
+._inputWrapper_sgjeo_91 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_hyzeo_91 > span,
-._inputWrapper_hyzeo_91 > span > span,
-._inputWrapper_hyzeo_91 > span > span > div {
+._inputWrapper_sgjeo_91 > span,
+._inputWrapper_sgjeo_91 > span > span,
+._inputWrapper_sgjeo_91 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_hyzeo_91 > div,
-._inputWrapper_hyzeo_91 > div > span {
+._inputWrapper_sgjeo_91 > div,
+._inputWrapper_sgjeo_91 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_hyzeo_106 {
+._breakWord_sgjeo_106 {
   word-break: break-word;
 }
-._inputCell_hyzeo_109 {
+._inputCell_sgjeo_109 {
   padding: 0 !important;
 }
-._sliderCell_hyzeo_112 {
+._sliderCell_sgjeo_112 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_hyzeo_116 {
+._staticCell_sgjeo_116 {
   padding: 0 !important;
 }
-._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
+._staticCell_sgjeo_116 ._staticCellContent_sgjeo_119 {
   line-height: 1.25;
   min-height: 100%;
   padding: var(--padding-input);
@@ -9403,35 +9403,35 @@ tbody tr {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
+tbody ._staticCell_sgjeo_116 ._staticCellContent_sgjeo_119 {
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._error_hyzeo_132,
-._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._warning_hyzeo_133 {
+._staticCell_sgjeo_116 ._staticCellContent_sgjeo_119._error_sgjeo_132,
+._staticCell_sgjeo_116 ._staticCellContent_sgjeo_119._warning_sgjeo_133 {
   border: 1px solid transparent;
 }
-._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._error_hyzeo_132 {
+._staticCell_sgjeo_116 ._staticCellContent_sgjeo_119._error_sgjeo_132 {
   background-color: var(--color-background-error);
 }
-._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._warning_hyzeo_133 {
+._staticCell_sgjeo_116 ._staticCellContent_sgjeo_119._warning_sgjeo_133 {
   background-color: var(--color-background-warning);
 }
-._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._unit_hyzeo_142 {
+._staticCell_sgjeo_116 ._staticCellContent_sgjeo_119._unit_sgjeo_142 {
   font-weight: normal;
 }
-._sortingCell_hyzeo_145 ._staticCellContent_hyzeo_119 {
+._sortingCell_sgjeo_145 ._staticCellContent_sgjeo_119 {
   position: relative;
   padding-right: calc(var(--size) + var(--spacing-1)) !important;
   cursor: pointer !important;
 }
-._sortingCell_hyzeo_145 ._staticCellContent_hyzeo_119:hover {
+._sortingCell_sgjeo_145 ._staticCellContent_sgjeo_119:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-[data-theme='dark'] ._sortingCell_hyzeo_145 ._staticCellContent_hyzeo_119:hover {
+[data-theme='dark'] ._sortingCell_sgjeo_145 ._staticCellContent_sgjeo_119:hover {
   background-color: rgba(255, 255, 255, 0.1) !important;
 }
-._sortingCell_hyzeo_145 ._sortingCellIcon_hyzeo_156 {
+._sortingCell_sgjeo_145 ._sortingCellIcon_sgjeo_156 {
   font-size: 1.25em;
   position: absolute;
   right: calc(var(--padding-input-x) - var(--spacing-1));
@@ -9439,27 +9439,22 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   transform: translateY(-50%);
   display: flex;
 }
-._sortingCell_hyzeo_145 ._sortingCellIcon_hyzeo_156 > * {
+._sortingCell_sgjeo_145 ._sortingCellIcon_sgjeo_156 > * {
   display: flex;
 }
-._icon_hyzeo_167 {
+._icon_sgjeo_167 {
   display: inline-flex;
   margin-left: var(--spacing-1);
 }
-._checkBoxCell_hyzeo_171 {
+._checkBoxCell_sgjeo_171 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCell_hyzeo_175 {
-  width: var(--size);
-  text-align: center;
-  padding: 0 !important;
-}
-._iconCell_hyzeo_175 ._iconWrapper_hyzeo_180 {
+._iconCellWrapper_sgjeo_175 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_hyzeo_184 {
+._actionsCell_sgjeo_179 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9467,25 +9462,25 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_hyzeo_192 {
+._rightAligned_sgjeo_187 {
   text-align: right !important;
 }
-._rightAligned_hyzeo_192 ._staticCellContent_hyzeo_119 {
+._rightAligned_sgjeo_187 ._staticCellContent_sgjeo_119 {
   justify-content: flex-end;
 }
-._centerAligned_hyzeo_198 {
+._centerAligned_sgjeo_193 {
   text-align: center !important;
 }
-._centerAligned_hyzeo_198 ._staticCellContent_hyzeo_119 {
+._centerAligned_sgjeo_193 ._staticCellContent_sgjeo_119 {
   justify-content: center;
 }
-._leftAligned_hyzeo_204 {
+._leftAligned_sgjeo_199 {
   text-align: left !important;
 }
-._popover_hyzeo_207 {
+._popover_sgjeo_202 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_hyzeo_210 {
+._disabledPointerEvents_sgjeo_205 {
   pointer-events: none;
 }
 ._clickableRow_11d5t_1 {
@@ -9534,23 +9529,23 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
 ._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._tabs_bpi2q_1 {
+._tabs_eqy95_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_bpi2q_1._padding_bpi2q_7 {
+._tabs_eqy95_1._padding_eqy95_7 {
   padding-left: var(--padding-x);
   padding-right: var(--padding-x);
 }
-._tabs_bpi2q_1._margin_bpi2q_11 {
+._tabs_eqy95_1._margin_eqy95_11 {
   margin: 1rem 0;
 }
-._contentPadding_bpi2q_14 {
+._contentPadding_eqy95_14 {
   padding-top: var(--padding-y);
 }
-._item_bpi2q_17 {
+._item_eqy95_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9568,36 +9563,36 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   color: var(--color-text-primary);
   cursor: pointer;
 }
-._item_bpi2q_17:not(:last-child) {
-  margin-right: var(--spacing-4);
+._item_eqy95_17:not(:last-child) {
+  margin-right: var(--padding-x);
 }
-._item_bpi2q_17:hover:not(._active_bpi2q_38) {
+._item_eqy95_17:hover:not(._active_eqy95_38) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_bpi2q_17:hover:not(._active_bpi2q_38) {
+[data-theme='dark'] ._item_eqy95_17:hover:not(._active_eqy95_38) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_bpi2q_17:active:not(._active_bpi2q_38) {
+._item_eqy95_17:active:not(._active_eqy95_38) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_bpi2q_17:active:not(._active_bpi2q_38) {
+[data-theme='dark'] ._item_eqy95_17:active:not(._active_eqy95_38) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_bpi2q_17._active_bpi2q_38 {
+._item_eqy95_17._active_eqy95_38 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_bpi2q_17._hidden_bpi2q_57 {
+._item_eqy95_17._hidden_eqy95_57 {
   display: none !important;
 }
-._item_bpi2q_17._disabled_bpi2q_60 {
+._item_eqy95_17._disabled_eqy95_60 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_bpi2q_17._left_bpi2q_64 + ._item_bpi2q_17._right_bpi2q_64 {
+._item_eqy95_17._left_eqy95_64 + ._item_eqy95_17._right_eqy95_64 {
   margin-left: auto;
 }
 ._inputInTable_hyht1_1 {
@@ -10572,7 +10567,7 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
 [data-theme='dark'] {
   --color-link-border-hover: var(--color-neutral-600);
 }
-._topbar_uzfj5_8 {
+._topbar_ki10t_8 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10581,15 +10576,15 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_uzfj5_8._fixed_uzfj5_17 {
+._topbar_ki10t_8._fixed_ki10t_17 {
   position: fixed;
 }
 @media print {
-  ._topbar_uzfj5_8 {
+  ._topbar_ki10t_8 {
     display: none !important;
   }
 }
-._appSwitcher_uzfj5_25 {
+._appSwitcher_ki10t_25 {
   color: white;
   display: flex;
   align-items: center;
@@ -10598,22 +10593,22 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   background-color: var(--color-neutral-700);
   aspect-ratio: 1;
 }
-._appSwitcher_uzfj5_25:hover {
+._appSwitcher_ki10t_25:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_uzfj5_25:active {
+._appSwitcher_ki10t_25:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_uzfj5_25 {
+[data-theme='dark'] ._appSwitcher_ki10t_25 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_uzfj5_25:hover {
+[data-theme='dark'] ._appSwitcher_ki10t_25:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_uzfj5_25:active {
+[data-theme='dark'] ._appSwitcher_ki10t_25:active {
   background-color: var(--color-neutral-1000);
 }
-._title_uzfj5_49 {
+._title_ki10t_49 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10621,55 +10616,55 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   padding: 0;
   position: relative;
 }
-._title_uzfj5_49 img,
-._title_uzfj5_49 svg {
+._title_ki10t_49 img,
+._title_ki10t_49 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_uzfj5_49 ._logo_uzfj5_65 {
+._title_ki10t_49 ._logo_ki10t_65 {
   display: flex;
 }
-._title_uzfj5_49 ._label_uzfj5_68 {
+._title_ki10t_49 ._label_ki10t_68 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_uzfj5_73 {
+._brand_ki10t_73 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_uzfj5_78 {
+._version_ki10t_78 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_uzfj5_85,
-._right_uzfj5_86 {
+._left_ki10t_85,
+._right_ki10t_86 {
   display: flex;
   min-width: 0;
 }
-._left_uzfj5_85 {
+._left_ki10t_85 {
   gap: var(--spacing-4);
   padding-left: var(--spacing-4);
 }
-._right_uzfj5_86 {
+._right_ki10t_86 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--spacing-2);
   gap: var(--spacing-2);
 }
-._item_uzfj5_100,
-._link_uzfj5_101 {
+._item_ki10t_100,
+._link_ki10t_101 {
   align-items: center;
   display: flex;
 }
-._item_uzfj5_100 {
+._item_ki10t_100 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -10677,18 +10672,18 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_uzfj5_100._button_uzfj5_113,
-._item_uzfj5_100._menu_uzfj5_114 {
+._item_ki10t_100._button_ki10t_113,
+._item_ki10t_100._menu_ki10t_114 {
   flex-shrink: 0;
 }
-._label_uzfj5_68 {
+._label_ki10t_68 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_uzfj5_101 {
+._link_ki10t_101 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -10696,24 +10691,24 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   font-weight: bold;
   height: 100%;
 }
-._link_uzfj5_101 svg {
+._link_ki10t_101 svg {
   margin-right: var(--spacing-1);
   flex-shrink: 0;
 }
-._link_uzfj5_101:hover {
+._link_ki10t_101:hover {
   color: var(--color-text-primary-hover);
 }
-._link_uzfj5_101:active {
+._link_ki10t_101:active {
   color: var(--color-text-primary-active);
 }
-._link_uzfj5_101._active_uzfj5_142 {
+._link_ki10t_101._active_ki10t_142 {
   color: var(--color-text);
 }
-._link_uzfj5_101:hover,
-._link_uzfj5_101._active_uzfj5_142 {
+._link_ki10t_101:hover,
+._link_ki10t_101._active_ki10t_142 {
   background-color: transparent;
 }
-._link_uzfj5_101:after {
+._link_ki10t_101:after {
   content: '';
   position: absolute;
   left: 0;
@@ -10721,22 +10716,22 @@ tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   bottom: 0;
   border-bottom: 2px solid transparent;
 }
-._link_uzfj5_101:hover:after {
+._link_ki10t_101:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_uzfj5_101._active_uzfj5_142:after {
+._link_ki10t_101._active_ki10t_142:after {
   border-color: var(--color-background-primary);
 }
-._link_uzfj5_101[disabled] {
+._link_ki10t_101[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_uzfj5_167 {
+._alert_ki10t_167 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;
   position: fixed;
-  top: var(--size-xl);
+  top: var(--size-topbar);
   left: 0;
   right: 0;
   z-index: var(--zindex-topbar-alert);