@oliasoft-open-source/react-ui-library 4.10.10 → 4.10.11-beta-2

package/dist/global.css

@@ -9373,6 +9373,9 @@ button:active .remirror-menu-pane-shortcut,
   border-width: 4px 4px 0;
   border-top-color: #6c6c6c;
 }
+.rc-slider {
+  --height-slider: 14px;
+}
 .rc-slider:not(.rc-slider-disabled) .rc-slider-rail {
   background-color: var(--color-border);
 }
@@ -9395,11 +9398,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 +9409,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 +9437,10 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
+._dot_1bhdk_29 {
+  width: 8px;
+  height: 14px;
+}
 ._inputInTable_k0mvt_1 {
   background-color: transparent;
   border-radius: inherit !important;

package/dist/index.js

@@ -4497,7 +4497,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,
@@ -4506,7 +4506,7 @@ const styles$K = {
   dark,
   light,
   small: small$b,
-  dot,
+  dot: dot$1,
   hasChildren
 };
 const isDark = (hexColor) => {
@@ -55183,27 +55183,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;
   }, {});
 };
@@ -55280,8 +55288,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: [