maru_design2 2.23.2 → 2.23.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [2.23.3](https://github.com/42maru-ai/maru-design2/compare/v2.23.2...v2.23.3) (2025-03-12)
+
+
+### Bug Fixes
+
+* :bento: Icon - add llm-studio icons [#402](https://github.com/42maru-ai/maru-design2/issues/402) ([cf94bd4](https://github.com/42maru-ai/maru-design2/commit/cf94bd4d76f10f6ded4e094e4e2feb2186ad6d04))
+* :bug: Slider - FIX 여러 개의 슬라이더가 있을 때 하나를 조정해도 배경색이 동시에 다 변하는 버그 수정 ([e9bc3a3](https://github.com/42maru-ai/maru-design2/commit/e9bc3a3547f6ab11227628126767e08c63a203c0))
+* :speech_balloon: update iconmap ([2740b73](https://github.com/42maru-ai/maru-design2/commit/2740b73f1c3e62e1a435288fa98b42602fd5d5fc))
+
 ## [2.23.2](https://github.com/42maru-ai/maru-design2/compare/v2.23.1...v2.23.2) (2025-03-04)
 
 

package/dist/components/atoms/icon/iconmap.d.ts

@@ -144,8 +144,10 @@ export declare const ICONS: {
     readonly Dataflow04_s1615: "Dataflow04_s1615";
     readonly Dataflow04_s2415: "Dataflow04_s2415";
     readonly Dataflow05_s1815: "Dataflow05_s1815";
+    readonly Diagram02_s1610: "Diagram02_s1610";
     readonly Diagram_s2014: "Diagram_s2014";
     readonly Diagram_s2415: "Diagram_s2415";
+    readonly Dotpoints01_s1617: "Dotpoints01_s1617";
     readonly Dotpoints01_s2420: "Dotpoints01_s2420";
     readonly DotsGrid_s1815: "DotsGrid_s1815";
     readonly DotsGrid_s2420: "DotsGrid_s2420";
@@ -162,6 +164,7 @@ export declare const ICONS: {
     readonly Downstream_s1410: "Downstream_s1410";
     readonly Downstream_s2410: "Downstream_s2410";
     readonly Drag_s1613: "Drag_s1613";
+    readonly Edit03_s1210: "Edit03_s1210";
     readonly Edit03_s1413: "Edit03_s1413";
     readonly Edit03_s1613: "Edit03_s1613";
     readonly Expand_s1613: "Expand_s1613";

package/dist/index.js

@@ -2001,6 +2001,39 @@ var iconmap = {
     }],
     "rects": []
   },
+  "Diagram02_s1610": {
+    "width": "16",
+    "height": "16",
+    "viewBox": "0 0 16 16",
+    "fill": "none",
+    "paths": [{
+      "d": "M2.6665 3.33268C2.6665 3.15587 2.73674 2.9863 2.86177 2.86128C2.98679 2.73625 3.15636 2.66602 3.33317 2.66602H5.99984C6.17665 2.66602 6.34622 2.73625 6.47124 2.86128C6.59627 2.9863 6.6665 3.15587 6.6665 3.33268V5.99935C6.6665 6.17616 6.59627 6.34573 6.47124 6.47075C6.34622 6.59578 6.17665 6.66602 5.99984 6.66602H3.33317C3.15636 6.66602 2.98679 6.59578 2.86177 6.47075C2.73674 6.34573 2.6665 6.17616 2.6665 5.99935V3.33268Z",
+      "fill": "#BDBDBD",
+      "stroke": "#BDBDBD",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, {
+      "d": "M9.3335 3.33268C9.3335 3.15587 9.40373 2.9863 9.52876 2.86128C9.65378 2.73625 9.82335 2.66602 10.0002 2.66602H12.6668C12.8436 2.66602 13.0132 2.73625 13.1382 2.86128C13.2633 2.9863 13.3335 3.15587 13.3335 3.33268V5.99935C13.3335 6.17616 13.2633 6.34573 13.1382 6.47075C13.0132 6.59578 12.8436 6.66602 12.6668 6.66602H10.0002C9.82335 6.66602 9.65378 6.59578 9.52876 6.47075C9.40373 6.34573 9.3335 6.17616 9.3335 5.99935V3.33268Z",
+      "fill": "#BDBDBD",
+      "stroke": "#BDBDBD",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, {
+      "d": "M2.6665 10.0007C2.6665 9.82384 2.73674 9.65427 2.86177 9.52925C2.98679 9.40422 3.15636 9.33398 3.33317 9.33398H5.99984C6.17665 9.33398 6.34622 9.40422 6.47124 9.52925C6.59627 9.65427 6.6665 9.82384 6.6665 10.0007V12.6673C6.6665 12.8441 6.59627 13.0137 6.47124 13.1387C6.34622 13.2637 6.17665 13.334 5.99984 13.334H3.33317C3.15636 13.334 2.98679 13.2637 2.86177 13.1387C2.73674 13.0137 2.6665 12.8441 2.6665 12.6673V10.0007Z",
+      "fill": "#BDBDBD",
+      "stroke": "#BDBDBD",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, {
+      "d": "M9.3335 10.0007C9.3335 9.82384 9.40373 9.65427 9.52876 9.52925C9.65378 9.40422 9.82335 9.33398 10.0002 9.33398H12.6668C12.8436 9.33398 13.0132 9.40422 13.1382 9.52925C13.2633 9.65427 13.3335 9.82384 13.3335 10.0007V12.6673C13.3335 12.8441 13.2633 13.0137 13.1382 13.1387C13.0132 13.2637 12.8436 13.334 12.6668 13.334H10.0002C9.82335 13.334 9.65378 13.2637 9.52876 13.1387C9.40373 13.0137 9.3335 12.8441 9.3335 12.6673V10.0007Z",
+      "fill": "#BDBDBD",
+      "stroke": "#BDBDBD",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }],
+    "circles": [],
+    "rects": []
+  },
   "Diagram_s2014": {
     "width": "20",
     "height": "20",
@@ -2051,6 +2084,51 @@ var iconmap = {
     "circles": [],
     "rects": []
   },
+  "Dotpoints01_s1617": {
+    "width": "16",
+    "height": "16",
+    "viewBox": "0 0 16 16",
+    "fill": "none",
+    "paths": [{
+      "d": "M6.66663 4H13.2218",
+      "stroke": "#213A78",
+      "strokeWidth": "1.7",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, {
+      "d": "M6.66663 7.99609H13.2218",
+      "stroke": "#213A78",
+      "strokeWidth": "1.7",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, {
+      "d": "M6.66663 11.9941H13.2218",
+      "stroke": "#213A78",
+      "strokeWidth": "1.7",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, {
+      "d": "M3.3335 4V4.00667",
+      "stroke": "#213A78",
+      "strokeWidth": "2.3",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, {
+      "d": "M3.3335 7.99609V8.00276",
+      "stroke": "#213A78",
+      "strokeWidth": "2.3",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }, {
+      "d": "M3.3335 11.9941V12.0008",
+      "stroke": "#213A78",
+      "strokeWidth": "2.3",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }],
+    "circles": [],
+    "rects": []
+  },
   "Dotpoints01_s2420": {
     "width": "24",
     "height": "24",
@@ -2537,6 +2615,20 @@ var iconmap = {
     "circles": [],
     "rects": []
   },
+  "Edit03_s1210": {
+    "width": "12",
+    "height": "13",
+    "viewBox": "0 0 12 13",
+    "fill": "none",
+    "paths": [{
+      "d": "M5.99999 10.5001H10.5M1.5 10.5001H2.33727C2.58186 10.5001 2.70416 10.5001 2.81925 10.4725C2.92128 10.448 3.01883 10.4076 3.1083 10.3528C3.20921 10.2909 3.29569 10.2044 3.46864 10.0315L9.75001 3.75011C10.1642 3.3359 10.1642 2.66433 9.75001 2.25011C9.3358 1.8359 8.66423 1.8359 8.25001 2.25011L1.96863 8.53148C1.79568 8.70444 1.7092 8.79091 1.64736 8.89183C1.59253 8.9813 1.55213 9.07884 1.52763 9.18088C1.5 9.29597 1.5 9.41826 1.5 9.66285V10.5001Z",
+      "stroke": "#213A78",
+      "strokeLinecap": "round",
+      "strokeLinejoin": "round"
+    }],
+    "circles": [],
+    "rects": []
+  },
   "Edit03_s1413": {
     "width": "14",
     "height": "14",
@@ -5805,8 +5897,10 @@ var ICONS = {
   "Dataflow04_s1615": "Dataflow04_s1615",
   "Dataflow04_s2415": "Dataflow04_s2415",
   "Dataflow05_s1815": "Dataflow05_s1815",
+  "Diagram02_s1610": "Diagram02_s1610",
   "Diagram_s2014": "Diagram_s2014",
   "Diagram_s2415": "Diagram_s2415",
+  "Dotpoints01_s1617": "Dotpoints01_s1617",
   "Dotpoints01_s2420": "Dotpoints01_s2420",
   "DotsGrid_s1815": "DotsGrid_s1815",
   "DotsGrid_s2420": "DotsGrid_s2420",
@@ -5823,6 +5917,7 @@ var ICONS = {
   "Downstream_s1410": "Downstream_s1410",
   "Downstream_s2410": "Downstream_s2410",
   "Drag_s1613": "Drag_s1613",
+  "Edit03_s1210": "Edit03_s1210",
   "Edit03_s1413": "Edit03_s1413",
   "Edit03_s1613": "Edit03_s1613",
   "Expand_s1613": "Expand_s1613",
@@ -8582,7 +8677,7 @@ function Skeleton(_a) {
   });
 }
 
-var css_248z$c = ".maru-slider-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  position: relative;\n  width: 100%;\n}\n\n.maru-slider {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  outline: none;\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background 0.2s ease;\n}\n.maru-slider::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  background: white;\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n}\n.maru-slider::-moz-range-thumb {\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  background: white;\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n}\n.maru-slider:active::-webkit-slider-thumb {\n  transform: scale(1.2);\n}\n.maru-slider:active::-moz-range-thumb {\n  transform: scale(1.2);\n}\n.maru-slider[disabled] {\n  cursor: default;\n  opacity: 0.5;\n}\n.maru-slider[disabled]:active::-webkit-slider-thumb {\n  transform: none;\n}\n.maru-slider[disabled]:active::-moz-range-thumb {\n  transform: none;\n}\n\n.maru-slider-primary .maru-slider {\n  background: linear-gradient(to right, var(--p) 0%, var(--p) calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 100%);\n}\n.maru-slider-primary .maru-slider::-webkit-slider-thumb {\n  border: 3px solid var(--p);\n}\n.maru-slider-primary .maru-slider::-moz-range-thumb {\n  border: 3px solid var(--p);\n}\n\n.maru-slider-secondary .maru-slider {\n  background: linear-gradient(to right, #8c8c8c 0%, #8c8c8c calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 100%);\n}\n.maru-slider-secondary .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #8c8c8c;\n}\n.maru-slider-secondary .maru-slider::-moz-range-thumb {\n  border: 3px solid #8c8c8c;\n}\n\n.maru-slider-positive .maru-slider {\n  background: linear-gradient(to right, #32a483 0%, #32a483 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 100%);\n}\n.maru-slider-positive .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #32a483;\n}\n.maru-slider-positive .maru-slider::-moz-range-thumb {\n  border: 3px solid #32a483;\n}\n\n.maru-slider-warning .maru-slider {\n  background: linear-gradient(to right, #ffb020 0%, #ffb020 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 100%);\n}\n.maru-slider-warning .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #ffb020;\n}\n.maru-slider-warning .maru-slider::-moz-range-thumb {\n  border: 3px solid #ffb020;\n}\n\n.maru-slider-danger .maru-slider {\n  background: linear-gradient(to right, #e53e3e 0%, #e53e3e calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 100%);\n}\n.maru-slider-danger .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #e53e3e;\n}\n.maru-slider-danger .maru-slider::-moz-range-thumb {\n  border: 3px solid #e53e3e;\n}\n\n.maru-slider-success .maru-slider {\n  background: linear-gradient(to right, #308acc 0%, #308acc calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 100%);\n}\n.maru-slider-success .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #308acc;\n}\n.maru-slider-success .maru-slider::-moz-range-thumb {\n  border: 3px solid #308acc;\n}";
+var css_248z$c = ".maru-slider-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  position: relative;\n  width: 100%;\n}\n\n.maru-slider {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  outline: none;\n  width: 100%;\n  height: 6px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background 0.2s ease;\n}\n.maru-slider::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  background: white;\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n}\n.maru-slider::-moz-range-thumb {\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  background: white;\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n}\n.maru-slider:active::-webkit-slider-thumb {\n  transform: scale(1.2);\n}\n.maru-slider:active::-moz-range-thumb {\n  transform: scale(1.2);\n}\n.maru-slider[disabled] {\n  cursor: default;\n  opacity: 0.5;\n}\n.maru-slider[disabled]:active::-webkit-slider-thumb {\n  transform: none;\n}\n.maru-slider[disabled]:active::-moz-range-thumb {\n  transform: none;\n}\n\n.maru-slider-primary .maru-slider {\n  background: linear-gradient(to right, var(--p) 0%, var(--p) var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-primary .maru-slider::-webkit-slider-thumb {\n  border: 3px solid var(--p);\n}\n.maru-slider-primary .maru-slider::-moz-range-thumb {\n  border: 3px solid var(--p);\n}\n\n.maru-slider-secondary .maru-slider {\n  background: linear-gradient(to right, #8c8c8c 0%, #8c8c8c var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-secondary .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #8c8c8c;\n}\n.maru-slider-secondary .maru-slider::-moz-range-thumb {\n  border: 3px solid #8c8c8c;\n}\n\n.maru-slider-positive .maru-slider {\n  background: linear-gradient(to right, #32a483 0%, #32a483 var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-positive .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #32a483;\n}\n.maru-slider-positive .maru-slider::-moz-range-thumb {\n  border: 3px solid #32a483;\n}\n\n.maru-slider-warning .maru-slider {\n  background: linear-gradient(to right, #ffb020 0%, #ffb020 var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-warning .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #ffb020;\n}\n.maru-slider-warning .maru-slider::-moz-range-thumb {\n  border: 3px solid #ffb020;\n}\n\n.maru-slider-danger .maru-slider {\n  background: linear-gradient(to right, #e53e3e 0%, #e53e3e var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-danger .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #e53e3e;\n}\n.maru-slider-danger .maru-slider::-moz-range-thumb {\n  border: 3px solid #e53e3e;\n}\n\n.maru-slider-success .maru-slider {\n  background: linear-gradient(to right, #308acc 0%, #308acc var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-success .maru-slider::-webkit-slider-thumb {\n  border: 3px solid #308acc;\n}\n.maru-slider-success .maru-slider::-moz-range-thumb {\n  border: 3px solid #308acc;\n}";
 styleInject(css_248z$c);
 
 function Slider(_a) {
@@ -8599,10 +8694,7 @@ function Slider(_a) {
     _f = _a.disabled,
     disabled = _f === void 0 ? false : _f,
     className = _a.className;
-  useEffect(function () {
-    var progress = (value - min) / (max - min);
-    document.documentElement.style.setProperty('--slider-progress', progress.toString());
-  }, [value, min, max]);
+  var progress = (value - min) / (max - min) * 100;
   var handleSliderChange = function handleSliderChange(e) {
     onChange(+e.target.value);
   };
@@ -8619,7 +8711,10 @@ function Slider(_a) {
       min: min,
       max: max,
       step: step,
-      disabled: disabled
+      disabled: disabled,
+      style: {
+        '--slider-progress': "".concat(progress, "%")
+      }
     })
   }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maru_design2",
-  "version": "2.23.2",
+  "version": "2.23.3",
   "main": "./dist/index.js",
   "author": "zena-42maru",
   "license": "MIT",