npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.11.1 → 4.11.2-beta-1 - Mend

@oliasoft-open-source/react-ui-library 4.11.1 → 4.11.2-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (142) hide show

package/dist/global.css CHANGED Viewed

@@ -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_1dg3w_1 {
   background-color: transparent;
   border-radius: inherit !important;

package/dist/index.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-~~DoFa61ar~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-~~BpSdrNXy~~.css"></head><body><div id="content"></div></body>
1	+ <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-BMWyiwz3.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BaYhOc6M.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -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: [