@oliasoft-open-source/react-ui-library 4.11.3-beta-1 → 4.11.3-beta-2

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

@@ -16,7 +16,7 @@ import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
 import { noop as noop$3, set, get as get$2, isString as isString$3, isNumber as isNumber$1, isBoolean as isBoolean$2, isFunction as isFunction$3, isEmpty, isArray as isArray$1, toNumber, debounce as debounce$2, isObject as isObject$5, isEqual as isEqual$4 } from "lodash";
-import { toString as toString$1, isScientificStringNum, roundToPrecision, toNum, roundToFixed, validateNumber, cleanNumStr, stripLeadingZeros, unitFromQuantity, getUnit, ALT_UNITS, isValueWithUnit, getValue as getValue$1, withUnit, convertSamePrecision, convertAndGetValue, KNOWN_UNITS, split as split$1, label as label$b, isValidNum, getAltUnitsListByQuantity, altUnitsList, getUnitsForQuantity, roundByMagnitudeToFixed } from "@oliasoft-open-source/units";
+import { toString as toString$1, isScientificStringNum, roundToPrecision, toNum, roundToFixed, validateNumber, cleanNumStr, stripLeadingZeros, unitFromQuantity, getUnit, KNOWN_UNITS, ALT_UNITS, isValueWithUnit, getValue as getValue$1, withUnit, convertSamePrecision, convertAndGetValue, split as split$1, label as label$b, isValidNum, getAltUnitsListByQuantity, altUnitsList, getUnitsForQuantity, roundByMagnitudeToFixed } from "@oliasoft-open-source/units";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -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: [
@@ -70149,7 +70142,8 @@ const isWrongValue = (val) => {
 };
 const isValueWithUnknownUnit = (value) => {
   if (!value) return false;
-  return Boolean(getUnit(value));
+  const unit2 = getUnit(value);
+  return !KNOWN_UNITS.includes(unit2);
 };
 const checkConversion = ({
   value,
@@ -70213,13 +70207,15 @@ const safeConvertValue = ({
   defaultFromUnit,
   doNotConvertValue
 }) => {
-  const isWithUnit = isValueWithUnknownUnit(value) || isValueWithUnit(value);
   const rawValue = getValue$1(value);
   const isInvalidInput = isWrongValue(rawValue);
+  if (isValueWithUnknownUnit(value)) {
+    return { value: rawValue };
+  }
   if (isInvalidInput) {
     return { value: rawValue };
   }
-  if (!isWithUnit) {
+  if (!isValueWithUnit(value)) {
     return { value };
   }
   return convertUnit({