@oliasoft-open-source/react-ui-library 4.11.2-beta-2 → 4.11.2-beta-3

package/dist/global.css

@@ -9395,8 +9395,11 @@ button:active .remirror-menu-pane-shortcut,
 .rc-slider .rc-slider-handle {
   opacity: 1;
 }
-.rc-slider .rc-slider-mark {
-  top: 0;
+.rc-slider .rc-slider-mark-text {
+  color: var(--color-text-faint);
+}
+.rc-slider .rc-slider-mark-text-active {
+  color: var(--color-text-muted);
 }
 .rc-slider-disabled {
   background-color: transparent !important;
@@ -9406,27 +9409,30 @@ button:active .remirror-menu-pane-shortcut,
 .rc-slider-disabled .rc-slider-dot {
   cursor: default !important;
 }
-._container_1bhdk_1 {
+._container_1a936_1 {
   display: flex;
   align-items: center;
   min-height: var(--size);
   gap: 4px;
 }
-._container_1bhdk_1._small_1bhdk_7 {
+._container_1a936_1._small_1a936_7 {
   min-height: var(--size-sm);
 }
-._container_1bhdk_1._vertical_1bhdk_10 {
+._container_1a936_1._hasMarks_1a936_10 {
+  padding-bottom: 20px;
+}
+._container_1a936_1._vertical_1a936_13 {
   flex-direction: column;
   padding-bottom: 0;
 }
-._container_1bhdk_1._vertical_1bhdk_10 ._hasArrows_1bhdk_14 {
+._container_1a936_1._vertical_1a936_13 ._hasArrows_1a936_17 {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-._container_1bhdk_1._vertical_1bhdk_10 ._button_1bhdk_18 svg {
+._container_1a936_1._vertical_1a936_13 ._button_1a936_21 svg {
   transform: rotate(-90deg);
 }
-._label_1bhdk_21 {
+._label_1a936_24 {
   white-space: nowrap;
   margin-left: var(--padding-xs);
   line-height: 1;
@@ -9434,10 +9440,6 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._dot_1bhdk_29 {
-  width: 8px;
-  height: 14px;
-}
 ._inputInTable_1dg3w_1 {
   background-color: transparent;
   border-radius: inherit !important;

package/dist/index.js

@@ -4494,7 +4494,7 @@ const label$9 = "_label_nwprz_11";
 const dark = "_dark_nwprz_23";
 const light = "_light_nwprz_26";
 const small$b = "_small_nwprz_29";
-const dot$1 = "_dot_nwprz_33";
+const dot = "_dot_nwprz_33";
 const hasChildren = "_hasChildren_nwprz_39";
 const styles$K = {
   wrapper: wrapper$3,
@@ -4503,7 +4503,7 @@ const styles$K = {
   dark,
   light,
   small: small$b,
-  dot: dot$1,
+  dot,
   hasChildren
 };
 const isDark = (hexColor) => {
@@ -55158,35 +55158,27 @@ if (process.env.NODE_ENV !== "production") {
 }
 var _default = Handle;
 default_1 = Handle$1.default = _default;
-const container = "_container_1bhdk_1";
-const small$2 = "_small_1bhdk_7";
-const vertical = "_vertical_1bhdk_10";
-const hasArrows = "_hasArrows_1bhdk_14";
-const button$1 = "_button_1bhdk_18";
-const label$1 = "_label_1bhdk_21";
-const dot = "_dot_1bhdk_29";
+const container = "_container_1a936_1";
+const small$2 = "_small_1a936_7";
+const hasMarks = "_hasMarks_1a936_10";
+const vertical = "_vertical_1a936_13";
+const hasArrows = "_hasArrows_1a936_17";
+const button$1 = "_button_1a936_21";
+const label$1 = "_label_1a936_24";
 const styles$c = {
   container,
   small: small$2,
+  hasMarks,
   vertical,
   hasArrows,
   button: button$1,
-  label: label$1,
-  dot
+  label: label$1
 };
 const formatMarkers = (marks) => {
   return marks.reduce((acc, { label: label2, tooltip: tooltip2, value }) => {
-    acc[value] = /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        text: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          tooltip2,
-          tooltip2 ? ": " : "",
-          label2 ?? value
-        ] }),
-        children: /* @__PURE__ */ jsx("div", { className: styles$c.dot })
-      }
-    );
+    const isTooltip = tooltip2 !== void 0;
+    const formattedValue = isTooltip ? /* @__PURE__ */ jsx(Tooltip, { text: tooltip2, children: label2 }) : label2 || value;
+    acc[value] = formattedValue;
     return acc;
   }, {});
 };
@@ -55263,7 +55255,8 @@ const Slider = ({
       className: cx$2(
         styles$c.container,
         small2 ? styles$c.small : "",
-        vertical2.enabled ? styles$c.vertical : ""
+        vertical2.enabled ? styles$c.vertical : "",
+        !isEmpty(marks) ? styles$c.hasMarks : ""
       ),
       style: vertical2.enabled ? { width: vertical2.width, height: vertical2.height } : { width: width2 },
       children: [
@@ -55659,6 +55652,10 @@ const NumberInput = ({
   const validateInputValue = (value2) => {
     const validation = validateNumber(value2);
     const isPlaceholder = placeholder3 && isEmptyNullOrUndefined(value2);
+    const isInfinity = [Infinity, -Infinity].includes(Number(value2));
+    if (isInfinity) {
+      return { valid: true, errors: [] };
+    }
     if (isPlaceholder) {
       return { valid: true, errors: [] };
     }