@oliasoft-open-source/react-ui-library 4.0.0-beta-9 → 4.0.0-beta-10

package/dist/global.css

@@ -1208,80 +1208,80 @@ a {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._inputInTable_1z38r_1 {
+._inputInTable_4glow_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1z38r_1:not(:hover) {
+._inputInTable_4glow_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1z38r_1:not(:focus) {
+._inputInTable_4glow_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1z38r_13 {
+._inputHover_4glow_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1z38r_18 {
+._inputFocus_4glow_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1z38r_25,
-._inputWarning_1z38r_26 {
+._inputError_4glow_25,
+._inputWarning_4glow_26 {
   position: relative;
 }
-._inputError_1z38r_25 {
+._inputError_4glow_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1z38r_25:hover {
+._inputError_4glow_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1z38r_25:focus {
+._inputError_4glow_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1z38r_26 {
+._inputWarning_4glow_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1z38r_26:hover {
+._inputWarning_4glow_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1z38r_26:focus {
+._inputWarning_4glow_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1z38r_61 {
+._inputDisabled_4glow_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1z38r_67 {
+._hideScrollbars_4glow_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1z38r_67::-webkit-scrollbar {
+._hideScrollbars_4glow_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1307,7 +1307,7 @@ html[data-theme='dark'] {
   --color-border-button: var(--color-border);
   --color-border-button-hover: var(--color-border);
 }
-._button_1z38r_100 {
+._button_4glow_100 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1333,224 +1333,221 @@ html[data-theme='dark'] {
   min-height: var(--size);
   box-shadow: var(--shadow-button);
 }
-._button_1z38r_100:hover {
+._button_4glow_100:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_1z38r_100:focus {
+._button_4glow_100:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_1z38r_100:active {
+._button_4glow_100:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_1z38r_100._active_1z38r_137:not(._green_1z38r_137):not(._red_1z38r_137):not(._orange_1z38r_137) {
+._button_4glow_100._active_4glow_137:not(._green_4glow_137):not(._red_4glow_137):not(._orange_4glow_137) {
   border-color: var(--color-background-button-primary);
   color: var(--color-text-primary);
   position: relative;
   z-index: 2;
 }
-._button_1z38r_100:hover,
-._button_1z38r_100:focus,
-._button_1z38r_100:active {
+._button_4glow_100:hover,
+._button_4glow_100:focus,
+._button_4glow_100:active {
   position: relative;
   z-index: 1;
 }
-._button_1z38r_100 ._icon_1z38r_149 {
+._button_4glow_100 ._icon_4glow_149 {
   margin: -2px;
   margin-right: var(--spacing-xs);
   font-size: 1.25em;
 }
-._iconOnly_1z38r_154 {
+._iconOnly_4glow_154 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_1z38r_154 ._icon_1z38r_149 {
+._iconOnly_4glow_154 ._icon_4glow_149 {
   margin: 0;
   line-height: 0;
 }
-._basic_1z38r_164 {
+._basic_4glow_164 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_1z38r_164._muted_1z38r_170 {
+._basic_4glow_164._muted_4glow_170 {
   color: var(--color-text-muted);
 }
-._basic_1z38r_164:hover {
+._basic_4glow_164:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_1z38r_164:active,
-._basic_1z38r_164._active_1z38r_137 {
+._basic_4glow_164:active,
+._basic_4glow_164._active_4glow_137 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_1z38r_182 {
+._disabled_4glow_182 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_1z38r_182:not(._active_1z38r_137):not(._basic_1z38r_164) {
+._disabled_4glow_182:not(._active_4glow_137):not(._basic_4glow_164) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_1z38r_192 {
+._small_4glow_192 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_1z38r_197,
-._round_1z38r_198 {
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  font-weight: bold;
+._pill_4glow_197,
+._round_4glow_198 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_1z38r_198 {
+._round_4glow_198 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_1z38r_198._small_1z38r_192 {
+._round_4glow_198._small_4glow_192 {
   width: var(--size-sm);
 }
-._orange_1z38r_137:not(._basic_1z38r_164) {
+._orange_4glow_137:not(._basic_4glow_164) {
   background-color: var(--color-background-button-primary);
 }
-._orange_1z38r_137:not(._basic_1z38r_164):hover {
+._orange_4glow_137:not(._basic_4glow_164):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_1z38r_137:not(._basic_1z38r_164):active,
-._orange_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137 {
+._orange_4glow_137:not(._basic_4glow_164):active,
+._orange_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_1z38r_137:not(._basic_1z38r_164) {
+._red_4glow_137:not(._basic_4glow_164) {
   background-color: var(--color-background-button-error);
 }
-._red_1z38r_137:not(._basic_1z38r_164):hover {
+._red_4glow_137:not(._basic_4glow_164):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_1z38r_137:not(._basic_1z38r_164):active,
-._red_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137 {
+._red_4glow_137:not(._basic_4glow_164):active,
+._red_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
   background-color: var(--color-background-button-error-active);
 }
-._red_1z38r_137._basic_1z38r_164 {
+._red_4glow_137._basic_4glow_164 {
   color: var(--color-text-error);
 }
-._green_1z38r_137:not(._basic_1z38r_164) {
+._green_4glow_137:not(._basic_4glow_164) {
   background-color: var(--color-background-button-success);
 }
-._green_1z38r_137:not(._basic_1z38r_164):hover {
+._green_4glow_137:not(._basic_4glow_164):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_1z38r_137:not(._basic_1z38r_164):active,
-._green_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137 {
+._green_4glow_137:not(._basic_4glow_164):active,
+._green_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
   background-color: var(--color-background-button-success-active);
 }
-._green_1z38r_137._basic_1z38r_164 {
+._green_4glow_137._basic_4glow_164 {
   color: var(--color-text-success);
 }
-._orange_1z38r_137:not(._basic_1z38r_164),
-._red_1z38r_137:not(._basic_1z38r_164),
-._green_1z38r_137:not(._basic_1z38r_164) {
+._orange_4glow_137:not(._basic_4glow_164),
+._red_4glow_137:not(._basic_4glow_164),
+._green_4glow_137:not(._basic_4glow_164) {
   color: #fff;
 }
-._orange_1z38r_137:not(._basic_1z38r_164):hover,
-._red_1z38r_137:not(._basic_1z38r_164):hover,
-._green_1z38r_137:not(._basic_1z38r_164):hover {
+._orange_4glow_137:not(._basic_4glow_164):hover,
+._red_4glow_137:not(._basic_4glow_164):hover,
+._green_4glow_137:not(._basic_4glow_164):hover {
   color: #fff;
 }
-._orange_1z38r_137:not(._basic_1z38r_164):active,
-._red_1z38r_137:not(._basic_1z38r_164):active,
-._green_1z38r_137:not(._basic_1z38r_164):active,
-._orange_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137,
-._red_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137,
-._green_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137 {
+._orange_4glow_137:not(._basic_4glow_164):active,
+._red_4glow_137:not(._basic_4glow_164):active,
+._green_4glow_137:not(._basic_4glow_164):active,
+._orange_4glow_137:not(._basic_4glow_164)._active_4glow_137,
+._red_4glow_137:not(._basic_4glow_164)._active_4glow_137,
+._green_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
   color: #fff;
 }
-._error_1z38r_268 {
+._error_4glow_265 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_1z38r_268:hover {
+._error_4glow_265:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_1z38r_268:focus {
+._error_4glow_265:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_1z38r_285 {
+._warning_4glow_282 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_1z38r_285:hover {
+._warning_4glow_282:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_1z38r_285:focus {
+._warning_4glow_282:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_1z38r_302 {
+._inverted_4glow_299 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_1z38r_302:hover,
-._inverted_1z38r_302:active {
+._inverted_4glow_299:hover,
+._inverted_4glow_299:active {
   box-shadow: none;
 }
-._inverted_1z38r_302._orange_1z38r_137 {
+._inverted_4glow_299._orange_4glow_137 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_1z38r_302._red_1z38r_137 {
+._inverted_4glow_299._red_4glow_137 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_1z38r_302._green_1z38r_137 {
+._inverted_4glow_299._green_4glow_137 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_1z38r_302._orange_1z38r_137:hover,
-._inverted_1z38r_302._red_1z38r_137:hover,
-._inverted_1z38r_302._green_1z38r_137:hover,
-._inverted_1z38r_302._orange_1z38r_137:active,
-._inverted_1z38r_302._red_1z38r_137:active,
-._inverted_1z38r_302._green_1z38r_137:active {
+._inverted_4glow_299._orange_4glow_137:hover,
+._inverted_4glow_299._red_4glow_137:hover,
+._inverted_4glow_299._green_4glow_137:hover,
+._inverted_4glow_299._orange_4glow_137:active,
+._inverted_4glow_299._red_4glow_137:active,
+._inverted_4glow_299._green_4glow_137:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_1z38r_332,
-._groupOrderMiddle_1z38r_333,
-._groupOrderLast_1z38r_334 {
+._groupOrderFirst_4glow_329,
+._groupOrderMiddle_4glow_330,
+._groupOrderLast_4glow_331 {
   margin-right: 0;
 }
-._groupOrderFirst_1z38r_332,
-._groupOrderMiddle_1z38r_333 {
+._groupOrderFirst_4glow_329,
+._groupOrderMiddle_4glow_330 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1z38r_334,
-._groupOrderMiddle_1z38r_333 {
+._groupOrderLast_4glow_331,
+._groupOrderMiddle_4glow_330 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }

package/dist/index.js

@@ -11619,32 +11619,32 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const inputInTable$b = "_inputInTable_1z38r_1";
-const inputHover$b = "_inputHover_1z38r_13";
-const inputFocus$b = "_inputFocus_1z38r_18";
-const inputError$b = "_inputError_1z38r_25";
-const inputWarning$b = "_inputWarning_1z38r_26";
-const inputDisabled$b = "_inputDisabled_1z38r_61";
-const hideScrollbars$b = "_hideScrollbars_1z38r_67";
-const button$3 = "_button_1z38r_100";
-const active$7 = "_active_1z38r_137";
-const green$1 = "_green_1z38r_137";
-const red$1 = "_red_1z38r_137";
-const orange$1 = "_orange_1z38r_137";
-const icon$4 = "_icon_1z38r_149";
-const iconOnly = "_iconOnly_1z38r_154";
-const basic = "_basic_1z38r_164";
-const muted$2 = "_muted_1z38r_170";
-const disabled$7 = "_disabled_1z38r_182";
-const small$c = "_small_1z38r_192";
-const pill = "_pill_1z38r_197";
-const round = "_round_1z38r_198";
-const error$8 = "_error_1z38r_268";
-const warning$c = "_warning_1z38r_285";
-const inverted$1 = "_inverted_1z38r_302";
-const groupOrderFirst$4 = "_groupOrderFirst_1z38r_332";
-const groupOrderMiddle$4 = "_groupOrderMiddle_1z38r_333";
-const groupOrderLast$4 = "_groupOrderLast_1z38r_334";
+const inputInTable$b = "_inputInTable_4glow_1";
+const inputHover$b = "_inputHover_4glow_13";
+const inputFocus$b = "_inputFocus_4glow_18";
+const inputError$b = "_inputError_4glow_25";
+const inputWarning$b = "_inputWarning_4glow_26";
+const inputDisabled$b = "_inputDisabled_4glow_61";
+const hideScrollbars$b = "_hideScrollbars_4glow_67";
+const button$3 = "_button_4glow_100";
+const active$7 = "_active_4glow_137";
+const green$1 = "_green_4glow_137";
+const red$1 = "_red_4glow_137";
+const orange$1 = "_orange_4glow_137";
+const icon$4 = "_icon_4glow_149";
+const iconOnly = "_iconOnly_4glow_154";
+const basic = "_basic_4glow_164";
+const muted$2 = "_muted_4glow_170";
+const disabled$7 = "_disabled_4glow_182";
+const small$c = "_small_4glow_192";
+const pill = "_pill_4glow_197";
+const round = "_round_4glow_198";
+const error$8 = "_error_4glow_265";
+const warning$c = "_warning_4glow_282";
+const inverted$1 = "_inverted_4glow_299";
+const groupOrderFirst$4 = "_groupOrderFirst_4glow_329";
+const groupOrderMiddle$4 = "_groupOrderMiddle_4glow_330";
+const groupOrderLast$4 = "_groupOrderLast_4glow_331";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -11871,7 +11871,8 @@ const Button = ({
   groupOrder,
   loading,
   error: error2,
-  warning: warning2
+  warning: warning2,
+  active: active2
 }) => {
   const disabledContext = useContext(DisabledContext);
   const buttonLabel2 = trigger2 === "Button" ? label2 : trigger2 === "DropDownButton" ? /* @__PURE__ */ jsxRuntime.exports.jsxs("span", {
@@ -11906,7 +11907,8 @@ const Button = ({
       loading,
       disabled: disabled2,
       error: error2,
-      warning: warning2
+      warning: warning2,
+      active: active2
     })
   });
 };
@@ -11991,7 +11993,8 @@ const Trigger$1 = React__default.forwardRef(
       groupOrder,
       loading,
       error: error2,
-      warning: warning2
+      warning: warning2,
+      active: isOpen2
     }) : trigger2 === "Text" ? /* @__PURE__ */ jsxRuntime.exports.jsx(Text$1, {
       label: label2,
       title: title2,