@oliasoft-open-source/react-ui-library 4.12.1 → 4.12.2

package/dist/global.css

@@ -9395,11 +9395,8 @@ button:active .remirror-menu-pane-shortcut,
 .rc-slider .rc-slider-handle {
   opacity: 1;
 }
-.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 .rc-slider-mark {
+  top: 0;
 }
 .rc-slider-disabled {
   background-color: transparent !important;
@@ -9409,30 +9406,27 @@ button:active .remirror-menu-pane-shortcut,
 .rc-slider-disabled .rc-slider-dot {
   cursor: default !important;
 }
-._container_1a936_1 {
+._container_1bhdk_1 {
   display: flex;
   align-items: center;
   min-height: var(--size);
   gap: 4px;
 }
-._container_1a936_1._small_1a936_7 {
+._container_1bhdk_1._small_1bhdk_7 {
   min-height: var(--size-sm);
 }
-._container_1a936_1._hasMarks_1a936_10 {
-  padding-bottom: 20px;
-}
-._container_1a936_1._vertical_1a936_13 {
+._container_1bhdk_1._vertical_1bhdk_10 {
   flex-direction: column;
   padding-bottom: 0;
 }
-._container_1a936_1._vertical_1a936_13 ._hasArrows_1a936_17 {
+._container_1bhdk_1._vertical_1bhdk_10 ._hasArrows_1bhdk_14 {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-._container_1a936_1._vertical_1a936_13 ._button_1a936_21 svg {
+._container_1bhdk_1._vertical_1bhdk_10 ._button_1bhdk_18 svg {
   transform: rotate(-90deg);
 }
-._label_1a936_24 {
+._label_1bhdk_21 {
   white-space: nowrap;
   margin-left: var(--padding-xs);
   line-height: 1;
@@ -9440,6 +9434,10 @@ 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 = "_dot_nwprz_33";
+const dot$1 = "_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: dot$1,
   hasChildren
 };
 const isDark = (hexColor) => {
@@ -55158,27 +55158,35 @@ if (process.env.NODE_ENV !== "production") {
 }
 var _default = Handle;
 default_1 = Handle$1.default = _default;
-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 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 styles$c = {
   container,
   small: small$2,
-  hasMarks,
   vertical,
   hasArrows,
   button: button$1,
-  label: label$1
+  label: label$1,
+  dot
 };
 const formatMarkers = (marks) => {
   return marks.reduce((acc, { label: label2, tooltip: tooltip2, value }) => {
-    const isTooltip = tooltip2 !== void 0;
-    const formattedValue = isTooltip ? /* @__PURE__ */ jsx(Tooltip, { text: tooltip2, children: label2 }) : label2 || value;
-    acc[value] = formattedValue;
+    acc[value] = /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        text: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          tooltip2,
+          tooltip2 ? ": " : "",
+          label2 ?? value
+        ] }),
+        children: /* @__PURE__ */ jsx("div", { className: styles$c.dot })
+      }
+    );
     return acc;
   }, {});
 };
@@ -55255,8 +55263,7 @@ const Slider = ({
       className: cx$2(
         styles$c.container,
         small2 ? styles$c.small : "",
-        vertical2.enabled ? styles$c.vertical : "",
-        !isEmpty(marks) ? styles$c.hasMarks : ""
+        vertical2.enabled ? styles$c.vertical : ""
       ),
       style: vertical2.enabled ? { width: vertical2.width, height: vertical2.height } : { width: width2 },
       children: [