@oliasoft-open-source/react-ui-library 3.9.2 → 3.9.4

package/dist/global.css

@@ -4218,7 +4218,7 @@ html[data-theme='dark'] {
   --color-border-button-hover: var(--color-border);
   --color-text-button-muted: rgba(255, 255, 255, 0.4);
 }
-._button_1uuml_367 {
+._button_1qp1u_367 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -4244,82 +4244,82 @@ html[data-theme='dark'] {
   min-height: 38px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
-._button_1uuml_367:hover {
+._button_1qp1u_367:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_1uuml_367:focus {
+._button_1qp1u_367:focus {
   box-shadow: var(--shadow-focus);
 }
-._button_1uuml_367:active {
+._button_1qp1u_367:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_1uuml_367._active_1uuml_404:not(._green_1uuml_404):not(._red_1uuml_404):not(._orange_1uuml_404) {
+._button_1qp1u_367._active_1qp1u_404:not(._green_1qp1u_404):not(._red_1qp1u_404):not(._orange_1qp1u_404) {
   border-color: var(--color-background-button-primary);
   color: var(--color-text-primary);
   position: relative;
   z-index: 2;
 }
-._button_1uuml_367:hover,
-._button_1uuml_367:focus,
-._button_1uuml_367:active {
+._button_1qp1u_367:hover,
+._button_1qp1u_367:focus,
+._button_1qp1u_367:active {
   position: relative;
   z-index: 1;
 }
-._button_1uuml_367 ._icon_1uuml_416 {
+._button_1qp1u_367 ._icon_1qp1u_416 {
   margin: 0 8px 0 -4px;
 }
-._button_1uuml_367 ._icon_1uuml_416 svg {
+._button_1qp1u_367 ._icon_1qp1u_416 svg {
   height: 14px;
   width: 14px;
 }
-._iconOnly_1uuml_423 {
+._iconOnly_1qp1u_423 {
   padding: 0.78571429em 0.78571429em 0.78571429em;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_1uuml_423 ._icon_1uuml_416 {
+._iconOnly_1qp1u_423 ._icon_1qp1u_416 {
   margin: 0;
   line-height: 0;
 }
-._basic_1uuml_433 {
+._basic_1qp1u_433 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_1uuml_433._muted_1uuml_439 {
+._basic_1qp1u_433._muted_1qp1u_439 {
   color: var(--color-text-button-muted);
 }
-._basic_1uuml_433:hover,
-._basic_1uuml_433:focus {
+._basic_1qp1u_433:hover,
+._basic_1qp1u_433:focus {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_1uuml_433:active,
-._basic_1uuml_433._active_1uuml_404 {
+._basic_1qp1u_433:active,
+._basic_1qp1u_433._active_1qp1u_404 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_1uuml_452 {
+._disabled_1qp1u_452 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_1uuml_452:not(._active_1uuml_404):not(._basic_1uuml_433) {
+._disabled_1qp1u_452:not(._active_1qp1u_404):not(._basic_1qp1u_433) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_1uuml_462 {
+._small_1qp1u_462 {
   font-size: 12px;
   min-height: 24px;
   padding: 0 0.75rem;
 }
-._pill_1uuml_467,
-._round_1uuml_468 {
+._pill_1qp1u_467,
+._round_1qp1u_468 {
   text-transform: uppercase;
   letter-spacing: 0.1em;
   font-size: 13px;
@@ -4328,114 +4328,120 @@ html[data-theme='dark'] {
   display: inline-flex;
   align-items: center;
 }
-._round_1uuml_468 {
+._round_1qp1u_468 {
   padding: 0;
   width: 38px;
   line-height: 1;
 }
-._round_1uuml_468._small_1uuml_462 {
+._round_1qp1u_468._small_1qp1u_462 {
   width: 24px;
 }
-._orange_1uuml_404 {
+._orange_1qp1u_404:not(._basic_1qp1u_433) {
   background-color: var(--color-background-button-primary);
 }
-._orange_1uuml_404:hover,
-._orange_1uuml_404:focus {
+._orange_1qp1u_404:not(._basic_1qp1u_433):hover,
+._orange_1qp1u_404:not(._basic_1qp1u_433):focus {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_1uuml_404:active,
-._orange_1uuml_404._active_1uuml_404 {
+._orange_1qp1u_404:not(._basic_1qp1u_433):active,
+._orange_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_1uuml_404 {
+._red_1qp1u_404:not(._basic_1qp1u_433) {
   background-color: var(--color-background-button-error);
 }
-._red_1uuml_404:hover,
-._red_1uuml_404:focus {
+._red_1qp1u_404:not(._basic_1qp1u_433):hover,
+._red_1qp1u_404:not(._basic_1qp1u_433):focus {
   background-color: var(--color-background-button-error-hover);
 }
-._red_1uuml_404:active,
-._red_1uuml_404._active_1uuml_404 {
+._red_1qp1u_404:not(._basic_1qp1u_433):active,
+._red_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404 {
   background-color: var(--color-background-button-error-active);
 }
-._green_1uuml_404 {
+._red_1qp1u_404._basic_1qp1u_433 {
+  color: var(--color-text-error);
+}
+._green_1qp1u_404:not(._basic_1qp1u_433) {
   background-color: var(--color-background-button-success);
 }
-._green_1uuml_404:hover,
-._green_1uuml_404:focus {
+._green_1qp1u_404:not(._basic_1qp1u_433):hover,
+._green_1qp1u_404:not(._basic_1qp1u_433):focus {
   background-color: var(--color-background-button-success-hover);
 }
-._green_1uuml_404:active,
-._green_1uuml_404._active_1uuml_404 {
+._green_1qp1u_404:not(._basic_1qp1u_433):active,
+._green_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404 {
   background-color: var(--color-background-button-success-active);
 }
-._orange_1uuml_404,
-._red_1uuml_404,
-._green_1uuml_404 {
+._green_1qp1u_404._basic_1qp1u_433 {
+  color: var(--color-text-success);
+}
+._orange_1qp1u_404:not(._basic_1qp1u_433),
+._red_1qp1u_404:not(._basic_1qp1u_433),
+._green_1qp1u_404:not(._basic_1qp1u_433) {
   color: #fff;
 }
-._orange_1uuml_404:hover,
-._red_1uuml_404:hover,
-._green_1uuml_404:hover,
-._orange_1uuml_404:focus,
-._red_1uuml_404:focus,
-._green_1uuml_404:focus {
+._orange_1qp1u_404:not(._basic_1qp1u_433):hover,
+._red_1qp1u_404:not(._basic_1qp1u_433):hover,
+._green_1qp1u_404:not(._basic_1qp1u_433):hover,
+._orange_1qp1u_404:not(._basic_1qp1u_433):focus,
+._red_1qp1u_404:not(._basic_1qp1u_433):focus,
+._green_1qp1u_404:not(._basic_1qp1u_433):focus {
   color: #fff;
 }
-._orange_1uuml_404:active,
-._red_1uuml_404:active,
-._green_1uuml_404:active,
-._orange_1uuml_404._active_1uuml_404,
-._red_1uuml_404._active_1uuml_404,
-._green_1uuml_404._active_1uuml_404 {
+._orange_1qp1u_404:not(._basic_1qp1u_433):active,
+._red_1qp1u_404:not(._basic_1qp1u_433):active,
+._green_1qp1u_404:not(._basic_1qp1u_433):active,
+._orange_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404,
+._red_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404,
+._green_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404 {
   color: #fff;
 }
-._inverted_1uuml_539 {
+._inverted_1qp1u_545 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_1uuml_539:hover,
-._inverted_1uuml_539:focus,
-._inverted_1uuml_539:active {
+._inverted_1qp1u_545:hover,
+._inverted_1qp1u_545:focus,
+._inverted_1qp1u_545:active {
   box-shadow: none;
 }
-._inverted_1uuml_539._orange_1uuml_404 {
+._inverted_1qp1u_545._orange_1qp1u_404 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_1uuml_539._red_1uuml_404 {
+._inverted_1qp1u_545._red_1qp1u_404 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_1uuml_539._green_1uuml_404 {
+._inverted_1qp1u_545._green_1qp1u_404 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_1uuml_539._orange_1uuml_404:hover,
-._inverted_1uuml_539._red_1uuml_404:hover,
-._inverted_1uuml_539._green_1uuml_404:hover,
-._inverted_1uuml_539._orange_1uuml_404:focus,
-._inverted_1uuml_539._red_1uuml_404:focus,
-._inverted_1uuml_539._green_1uuml_404:focus,
-._inverted_1uuml_539._orange_1uuml_404:active,
-._inverted_1uuml_539._red_1uuml_404:active,
-._inverted_1uuml_539._green_1uuml_404:active {
+._inverted_1qp1u_545._orange_1qp1u_404:hover,
+._inverted_1qp1u_545._red_1qp1u_404:hover,
+._inverted_1qp1u_545._green_1qp1u_404:hover,
+._inverted_1qp1u_545._orange_1qp1u_404:focus,
+._inverted_1qp1u_545._red_1qp1u_404:focus,
+._inverted_1qp1u_545._green_1qp1u_404:focus,
+._inverted_1qp1u_545._orange_1qp1u_404:active,
+._inverted_1qp1u_545._red_1qp1u_404:active,
+._inverted_1qp1u_545._green_1qp1u_404:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_1uuml_573,
-._groupOrderMiddle_1uuml_574,
-._groupOrderLast_1uuml_575 {
+._groupOrderFirst_1qp1u_579,
+._groupOrderMiddle_1qp1u_580,
+._groupOrderLast_1qp1u_581 {
   margin-right: 0;
 }
-._groupOrderFirst_1uuml_573,
-._groupOrderMiddle_1uuml_574 {
+._groupOrderFirst_1qp1u_579,
+._groupOrderMiddle_1qp1u_580 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1uuml_575,
-._groupOrderMiddle_1uuml_574 {
+._groupOrderLast_1qp1u_581,
+._groupOrderMiddle_1qp1u_580 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }

package/dist/index.js

@@ -9393,23 +9393,23 @@ Badge.propTypes = {
   margin: PropTypes__default.string,
   small: PropTypes__default.bool
 };
-const button$3 = "_button_1uuml_367";
-const active$7 = "_active_1uuml_404";
-const green$1 = "_green_1uuml_404";
-const red$1 = "_red_1uuml_404";
-const orange$1 = "_orange_1uuml_404";
-const icon$4 = "_icon_1uuml_416";
-const iconOnly = "_iconOnly_1uuml_423";
-const basic = "_basic_1uuml_433";
-const muted$2 = "_muted_1uuml_439";
-const disabled$8 = "_disabled_1uuml_452";
-const small$c = "_small_1uuml_462";
-const pill = "_pill_1uuml_467";
-const round = "_round_1uuml_468";
-const inverted$1 = "_inverted_1uuml_539";
-const groupOrderFirst$4 = "_groupOrderFirst_1uuml_573";
-const groupOrderMiddle$4 = "_groupOrderMiddle_1uuml_574";
-const groupOrderLast$4 = "_groupOrderLast_1uuml_575";
+const button$3 = "_button_1qp1u_367";
+const active$7 = "_active_1qp1u_404";
+const green$1 = "_green_1qp1u_404";
+const red$1 = "_red_1qp1u_404";
+const orange$1 = "_orange_1qp1u_404";
+const icon$4 = "_icon_1qp1u_416";
+const iconOnly = "_iconOnly_1qp1u_423";
+const basic = "_basic_1qp1u_433";
+const muted$2 = "_muted_1qp1u_439";
+const disabled$8 = "_disabled_1qp1u_452";
+const small$c = "_small_1qp1u_462";
+const pill = "_pill_1qp1u_467";
+const round = "_round_1qp1u_468";
+const inverted$1 = "_inverted_1qp1u_545";
+const groupOrderFirst$4 = "_groupOrderFirst_1qp1u_579";
+const groupOrderMiddle$4 = "_groupOrderMiddle_1qp1u_580";
+const groupOrderLast$4 = "_groupOrderLast_1qp1u_581";
 const buttonStyles = {
   button: button$3,
   active: active$7,
@@ -57277,7 +57277,7 @@ const Slider = ({
       basic: true,
       small: true,
       round: true,
-      onClick: () => onChangeValue(min),
+      onClick: () => onChangeValue(range2 ? [min, value == null ? void 0 : value[1]] : min),
       disabled: disabled2 || value === min || disabledContext,
       icon: /* @__PURE__ */ jsx(FaFastBackward, {})
     })
@@ -57288,7 +57288,7 @@ const Slider = ({
       basic: true,
       small: true,
       round: true,
-      onClick: () => onChangeValue(max),
+      onClick: () => onChangeValue(range2 ? [value == null ? void 0 : value[0], max] : max),
       disabled: disabled2 || value === max || disabledContext,
       icon: /* @__PURE__ */ jsx(FaFastForward, {})
     })