@clickhouse/click-ui 0.0.155 → 0.0.157

package/dist/click-ui.umd.js

@@ -10437,7 +10437,7 @@ var __publicField = (obj, key, value) => {
     $maxWidth
   }) => $maxWidth ?? "none", ({
     $minWidth
-  }) => $minWidth ?? "none", ({
+  }) => $minWidth ?? "auto", ({
     theme: theme2,
     $paddingSize
   }) => theme2.click.container.space[$paddingSize], ({
@@ -16926,11 +16926,16 @@ var __publicField = (obj, key, value) => {
   const throttle$2 = /* @__PURE__ */ getDefaultExportFromCjs(throttle_1);
   const ResizeSpan = styled.div.withConfig({
     componentId: "sc-1r6e5v3-0"
-  })(["top:0;left:calc(100% - 4px);z-index:1;position:absolute;height:", "px;cursor:col-resize;width:4px;overflow:auto;&:hover,&:active,&:hover{background:", ";}&:active{height:100%;position:fixed;}"], ({
+  })(["top:0;left:calc(100% - 4px);z-index:1;position:absolute;height:", "px;cursor:col-resize;width:4px;overflow:auto;&:hover,&:active,&:hover{background:", ";}", ""], ({
     $height
   }) => $height, ({
     theme: theme2
-  }) => theme2.click.grid.header.cell.color.stroke.selectDirect);
+  }) => theme2.click.grid.header.cell.color.stroke.selectDirect, ({
+    $isPressed
+  }) => $isPressed && `
+      height: 100%;
+      position: fixed;
+    `);
   const ColumnResizer = ({
     height,
     onColumnResize: onColumnResizeProp,
@@ -16939,14 +16944,20 @@ var __publicField = (obj, key, value) => {
   }) => {
     const resizeRef = React.useRef(null);
     const pointerRef = React.useRef(null);
+    const [isPressed, setIsPressed] = React.useState(false);
     const onColumnResize = throttle$2(onColumnResizeProp, 1e3);
     const onMouseDown = React.useCallback((e) => {
       e.preventDefault();
       e.stopPropagation();
+      setIsPressed(true);
       if (e.detail > 1) {
         onColumnResize(columnIndex, 0, "auto");
       }
-    }, [columnIndex, onColumnResize]);
+    }, [columnIndex, onColumnResize, setIsPressed]);
+    const onMouseUp = React.useCallback((e) => {
+      e.stopPropagation();
+      setIsPressed(false);
+    }, [setIsPressed]);
     const onPointerDown = React.useCallback((e) => {
       e.stopPropagation();
       if (resizeRef.current) {
@@ -16968,17 +16979,18 @@ var __publicField = (obj, key, value) => {
         const header = resizeRef.current.closest(`[data-header="${columnIndex}"]`);
         if (header) {
           resizeRef.current.setPointerCapture(pointerRef.current.pointerId);
-          const width = header.scrollWidth + (e.clientX - pointerRef.current.initialClientX);
+          const width = header.clientWidth + (e.clientX - pointerRef.current.initialClientX);
           setResizeCursorPosition(resizeRef.current, e.clientX, width, columnIndex);
           pointerRef.current.width = Math.max(width, 50);
         }
       }
     }, [columnIndex, setResizeCursorPosition]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ResizeSpan, { ref: resizeRef, $height: height, onPointerDown, onPointerUp: (e) => {
-      var _a;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ResizeSpan, { ref: resizeRef, $height: height, $isPressed: isPressed, onPointerDown, onPointerUp: (e) => {
+      var _a, _b;
       e.preventDefault();
       e.stopPropagation();
-      if (resizeRef.current && ((_a = pointerRef.current) == null ? void 0 : _a.pointerId)) {
+      if (resizeRef.current && // 0 is a valid pointerId in Firefox
+      (((_a = pointerRef.current) == null ? void 0 : _a.pointerId) || ((_b = pointerRef.current) == null ? void 0 : _b.pointerId) === 0)) {
         resizeRef.current.releasePointerCapture(pointerRef.current.pointerId);
         const shouldCallResize = e.clientX !== pointerRef.current.initialClientX;
         if (shouldCallResize) {
@@ -16988,7 +17000,7 @@ var __publicField = (obj, key, value) => {
         resizeRef.current.style.left = "calc(100% - 4px)";
         pointerRef.current = null;
       }
-    }, onMouseMove, onMouseDown, onClick: (e) => e.stopPropagation(), onMouseUp: (e) => e.stopPropagation(), "data-resize": true });
+    }, onMouseMove, onMouseDown, onClick: (e) => e.stopPropagation(), onMouseUp, "data-resize": true });
   };
   const HeaderContainer = styled.div.withConfig({
     componentId: "sc-1oadqc8-0"
@@ -31645,7 +31657,7 @@ var __publicField = (obj, key, value) => {
     $showBorder,
     theme: theme2
   }) => $showBorder && `border: 1px solid ${theme2.click.grid.header.cell.color.stroke.default}`);
-  const OuterElementType = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, "data-testid": "grid-outer-element", ...props }));
+  const OuterElementType = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, "data-testid": "grid-outer-element", tabIndex: 0, ...props }));
   const Grid = React.forwardRef(({
     autoFocus,
     autoHeight = false,
@@ -32773,11 +32785,11 @@ var __publicField = (obj, key, value) => {
     };
     const onChange = (value) => {
       var _a;
-      const valueToNumber = Number(value);
-      if (valueToNumber < 1 || ((_a = inputRef.current) == null ? void 0 : _a.disabled) || (typeof totalPages !== "undefined" ? valueToNumber > totalPages : false)) {
+      const sanitizedValue = parseInt(value, 10);
+      if (sanitizedValue < 1 || ((_a = inputRef.current) == null ? void 0 : _a.disabled) || (typeof totalPages !== "undefined" ? sanitizedValue > totalPages : false)) {
         return;
       }
-      onChangeProp(valueToNumber);
+      onChangeProp(sanitizedValue);
     };
     const onPageSizeChange = (value) => {
       if (typeof onPageSizeChangeProp === "function") {
@@ -41081,9 +41093,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           danger: {
             background: {
-              "default": "#ffdddd",
-              hover: "#ff9898",
-              active: "lch(78 26.3 22)"
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 59.6% 59.6% / 0.2)",
+              active: "rgb(100% 72.9% 72.9% / 0.3)"
             },
             text: {
               "default": "#c10000"
@@ -41170,7 +41182,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           danger: {
             background: {
-              "default": "#ffdddd",
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
               hover: "#ff9898",
               active: "#ffbaba"
             },
@@ -41180,9 +41192,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               active: "#c10000"
             },
             stroke: {
-              "default": "#ffdddd",
-              hover: "#ff9898",
-              active: "lch(78 26.3 22)"
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 59.6% 59.6% / 0.2)",
+              active: "rgb(100% 72.9% 72.9% / 0.3)"
             }
           },
           ghost: {
@@ -41204,7 +41216,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           info: {
             background: {
-              "default": "#dae6fc",
+              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
               hover: "#b5cdf9",
               active: "#91b3f6"
             },
@@ -41214,7 +41226,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               active: "#135be6"
             },
             stroke: {
-              "default": "#dae6fc",
+              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
               hover: "#b5cdf9",
               active: "#91b3f6"
             }
@@ -41286,7 +41298,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           stroke: {
             "default": "#e6e7e9",
             hover: "#e6e7e9",
-            active: "lch(84 2.28 258)",
+            active: "rgb(81.2% 82.3% 83.8%)",
             disabled: "rgba(0,0,0,0)"
           }
         }
@@ -41368,7 +41380,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#ffffff",
             hover: "#f6f7fa",
-            active: "lch(92.4 1.49 272)",
+            active: "rgb(91.6% 92% 93.1%)",
             disabled: "#dfdfdf"
           },
           title: {
@@ -41462,8 +41474,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             active: "#161517"
           },
           background: {
-            "default": "lch(97.2 1.57 272 / 0.9)",
-            hover: "lch(91.8 1.07 266)",
+            "default": "rgb(96.5% 96.9% 98% / 0.9)",
+            hover: "rgb(90.4% 90.8% 91.6%)",
             active: "lch(89.3 1.07 266)"
           },
           stroke: {
@@ -41938,12 +41950,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         "default": {
           label: {
             "default": "#ffffff",
-            hover: "lch(100 0 0)",
+            hover: "rgb(100% 100% 100%)",
             active: "#ffffff"
           },
           icon: {
             "default": "#ffffff",
-            hover: "lch(100 0 0)",
+            hover: "rgb(100% 100% 100%)",
             active: "#ffffff"
           }
         },
@@ -41955,7 +41967,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           icon: {
             "default": "#FAFF69",
-            hover: "lch(98.8 31.4 104)",
+            hover: "rgb(99.6% 100% 75%)",
             active: "#FAFF69"
           }
         }
@@ -41965,11 +41977,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         background: {
           "default": "#1F1F1C",
-          success: "#004206",
-          neutral: "#414141",
-          danger: "#610000",
-          warning: "#4f2b00",
-          info: "#09255B"
+          success: "rgb(20% 100% 26.7% / 0.2)",
+          neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
+          danger: "rgb(100% 13.7% 13.7% / 0.2)",
+          warning: "rgb(100% 58% 8.63% / 0.2)",
+          info: "rgb(7.45% 35.7% 90.2% / 0.2)"
         },
         text: {
           "default": "#b3b6bd",
@@ -41981,11 +41993,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         iconBackground: {
           "default": "#1F1F1C",
-          success: "#004206",
-          neutral: "#414141",
-          danger: "#610000",
-          warning: "#4f2b00",
-          info: "#09255B"
+          success: "rgb(20% 100% 26.7% / 0)",
+          neutral: "rgb(62.7% 62.7% 62.7% / 0)",
+          danger: "rgb(100% 13.7% 13.7% / 0)",
+          warning: "rgb(100% 58% 8.63% / 0)",
+          info: "rgb(7.45% 35.7% 90.2% / 0)"
         },
         iconForeground: {
           "default": "#b3b6bd",
@@ -42015,12 +42027,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         background: {
           "default": "#1F1F1C",
-          success: "#004206",
-          neutral: "#414141",
-          danger: "#610000",
+          success: "rgb(20% 100% 26.7% / 0.2)",
+          neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
+          danger: "rgb(100% 13.7% 13.7% / 0.2)",
           disabled: "#414141",
-          info: "#09255B",
-          warning: "#4f2b00"
+          info: "rgb(7.45% 35.7% 90.2% / 0.2)",
+          warning: "rgb(100% 58% 8.63% / 0.2)"
         },
         text: {
           "default": "#b3b6bd",
@@ -42033,12 +42045,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         stroke: {
           "default": "#323232",
-          success: "#004206",
-          neutral: "#414141",
-          danger: "#610000",
+          success: "rgb(20% 100% 26.7% / 0.1)",
+          neutral: "rgb(62.7% 62.7% 62.7% / 0.1)",
+          danger: "rgb(100% 22.3% 22.3% / 0.2)",
           disabled: "rgb(24.2% 24.2% 24.2%)",
-          info: "#09255B",
-          warning: "#4f2b00"
+          info: "rgb(7.45% 35.7% 90.2% / 0.1)",
+          warning: "rgb(100% 58% 8.63% / 0.1)"
         }
       }
     },
@@ -42057,8 +42069,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           muted: "#b3b6bd"
         },
         title: {
-          "default": "lch(97.5 0 0)",
-          muted: "lch(97.5 0 0)"
+          "default": "rgb(97.5% 97.5% 97.5%)",
+          muted: "rgb(97.5% 97.5% 97.5%)"
         }
       }
     },
@@ -42081,7 +42093,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             stroke: {
               "default": "#FAFF69",
               hover: "#FAFF69",
-              active: "lch(83.3 60.6 103)",
+              active: "rgb(83% 84.6% 34.9%)",
               disabled: "#414141"
             }
           },
@@ -42107,9 +42119,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           danger: {
             background: {
-              "default": "#610000",
-              hover: "#910000",
-              active: "lch(28.6 65.8 40)",
+              "default": "rgb(100% 13.7% 13.7% / 0.2)",
+              hover: "rgb(100% 13.7% 13.7% / 0.3)",
+              active: "rgb(100% 13.7% 13.7% / 0.45)",
               disabled: "#414141"
             },
             text: {
@@ -42119,9 +42131,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               disabled: "#808080"
             },
             stroke: {
-              "default": "#610000",
-              hover: "#910000",
-              active: "lch(28.6 65.8 40)",
+              "default": "rgb(100% 22.3% 22.3% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.05)",
+              active: "rgb(100% 13.7% 13.7% / 0.05)",
               disabled: "#414141"
             }
           },
@@ -42170,12 +42182,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#FAFF69",
               hover: "rgb(98.6% 100% 58.8%)",
-              active: "lch(86.5 62.9 103)"
+              active: "rgb(86.2% 87.9% 36.2%)"
             },
             stroke: {
               "default": "rgba(0,0,0,0)",
               hover: "rgb(98.6% 100% 58.8%)",
-              active: "lch(86.5 62.9 103)"
+              active: "rgb(86.2% 87.9% 36.2%)"
             },
             text: {
               "default": "#1F1F1C",
@@ -42193,9 +42205,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           danger: {
             background: {
-              "default": "#610000",
+              "default": "rgb(100% 13.7% 13.7% / 0.2)",
               hover: "#ff9898",
-              active: "#ffbaba"
+              active: "#c10000"
             },
             text: {
               "default": "#ffbaba",
@@ -42203,9 +42215,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               active: "#ffbaba"
             },
             stroke: {
-              "default": "#610000",
-              hover: "#910000",
-              active: "lch(28.6 65.8 40)"
+              "default": "rgb(100% 13.7% 13.7% / 0.2)",
+              hover: "rgb(100% 13.7% 13.7% / 0.3)",
+              active: "rgb(100% 13.7% 13.7% / 0.45)"
             }
           },
           ghost: {
@@ -42227,7 +42239,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           info: {
             background: {
-              "default": "#09255B",
+              "default": "rgb(7.45% 35.7% 90.2% / 0.2)",
               hover: "#0e44ad",
               active: "#135be6"
             },
@@ -42237,7 +42249,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               active: "#b5cdf9"
             },
             stroke: {
-              "default": "#09255B",
+              "default": "rgb(7.45% 35.7% 90.2% / 0.2)",
               hover: "#0e44ad",
               active: "#135be6"
             }
@@ -42250,14 +42262,14 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             main: {
               "default": "#FAFF69",
               hover: "lch(89.7 46.7 104)",
-              active: "lch(83.3 60.6 103)",
-              disabled: "lch(25.2 0 0)"
+              active: "rgb(83% 84.6% 34.9%)",
+              disabled: "rgb(23.3% 23.3% 23.3%)"
             },
             action: {
-              "default": "lch(87.8 63.4 103)",
-              hover: "lch(82.5 43 104)",
-              active: "lch(73.3 53.3 103)",
-              disabled: "lch(22.2 0 0)"
+              "default": "rgb(88.2% 90% 37.1%)",
+              hover: "rgb(81.8% 83.2% 49.2%)",
+              active: "rgb(73% 74.4% 30.7%)",
+              disabled: "rgb(20.5% 20.5% 20.5%)"
             }
           },
           text: {
@@ -42273,17 +42285,17 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             disabled: "rgba(0,0,0,0)"
           },
           divide: {
-            "default": "lch(85.4 61.7 103)",
-            hover: "lch(78.5 40.9 104)",
-            active: "lch(72.9 53 103)",
-            disabled: "lch(23.1 0 0)"
+            "default": "rgb(85.8% 87.5% 36%)",
+            hover: "rgb(77.8% 79.1% 46.8%)",
+            active: "rgb(72.6% 74% 30.5%)",
+            disabled: "rgb(21.3% 21.3% 21.3%)"
           }
         },
         secondary: {
           divide: {
             "default": "lch(31.2 0 0)",
             hover: "lch(34.8 0 0)",
-            active: "lch(24.8 2.56 307)",
+            active: "rgb(23.7% 22.9% 24.4%)",
             disabled: "lch(23.4 0 0)"
           },
           background: {
@@ -42295,9 +42307,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             },
             action: {
               "default": "#282828",
-              hover: "lch(18.2 0 0)",
-              active: "lch(21.9 0 0)",
-              disabled: "lch(23.9 0 0)"
+              hover: "rgb(17.8% 17.8% 17.8%)",
+              active: "rgb(20.7% 20.7% 20.7%)",
+              disabled: "rgb(22.1% 22.1% 22.1%)"
             }
           },
           text: {
@@ -42309,7 +42321,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           stroke: {
             "default": "#414141",
             hover: "#414141",
-            active: "lch(24.8 2.56 307)",
+            active: "rgb(23.7% 22.9% 24.4%)",
             disabled: "rgba(0,0,0,0)"
           }
         }
@@ -42319,7 +42331,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "rgba(0,0,0,0)",
             hover: "#282828",
-            active: "lch(18.2 0 0)",
+            active: "rgb(17.8% 17.8% 17.8%)",
             disabled: "rgba(0,0,0,0)",
             "disabled-active": "lch(0 0 0 / 0)",
             panel: "rgba(0,0,0,0)"
@@ -42352,7 +42364,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "rgba(0,0,0,0)",
             hover: "#282828",
-            active: "lch(15.8 0 0)"
+            active: "rgb(15.4% 15.4% 15.4%)"
           },
           stroke: {
             "default": "#323232",
@@ -42373,13 +42385,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#1F1F1C",
             hover: "#282828",
-            active: "lch(15.3 0 0)",
+            active: "rgb(14.9% 14.9% 14.9%)",
             disabled: "#414141"
           },
           title: {
-            "default": "lch(97.5 0 0)",
-            hover: "lch(97.5 0 0)",
-            active: "lch(97.5 0 0)",
+            "default": "rgb(97.5% 97.5% 97.5%)",
+            hover: "rgb(97.5% 97.5% 97.5%)",
+            active: "rgb(97.5% 97.5% 97.5%)",
             disabled: "#808080"
           },
           description: {
@@ -42397,7 +42409,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           stroke: {
             "default": "#323232",
             hover: "#323232",
-            active: "lch(19.7 0 0)",
+            active: "rgb(18.6% 18.6% 18.6%)",
             disabled: "#414141"
           }
         }
@@ -42407,13 +42419,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#1F1F1C",
             hover: "#282828",
-            active: "lch(15.3 0 0)",
+            active: "rgb(14.9% 14.9% 14.9%)",
             disabled: "#414141"
           },
           title: {
-            "default": "lch(97.5 0 0)",
-            hover: "lch(97.5 0 0)",
-            active: "lch(97.5 0 0)",
+            "default": "rgb(97.5% 97.5% 97.5%)",
+            hover: "rgb(97.5% 97.5% 97.5%)",
+            active: "rgb(97.5% 97.5% 97.5%)",
             disabled: "#808080"
           },
           description: {
@@ -42440,9 +42452,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               disabled: "#414141"
             },
             title: {
-              "default": "lch(97.5 0 0)",
-              hover: "lch(97.5 0 0)",
-              active: "lch(97.5 0 0)",
+              "default": "rgb(97.5% 97.5% 97.5%)",
+              hover: "rgb(97.5% 97.5% 97.5%)",
+              active: "rgb(97.5% 97.5% 97.5%)",
               disabled: "#808080"
             },
             description: {
@@ -42468,9 +42480,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               disabled: "#414141"
             },
             title: {
-              "default": "lch(97.5 0 0)",
-              hover: "lch(97.5 0 0)",
-              active: "lch(97.5 0 0)",
+              "default": "rgb(97.5% 97.5% 97.5%)",
+              hover: "rgb(97.5% 97.5% 97.5%)",
+              active: "rgb(97.5% 97.5% 97.5%)",
               disabled: "#808080"
             },
             description: {
@@ -42501,9 +42513,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             active: "#FAFF69"
           },
           background: {
-            "default": "lch(16.1 0 0 / 0.9)",
-            hover: "lch(18.2 0 0 / 0.9)",
-            active: "lch(20.2 0 0 / 0.9)"
+            "default": "rgb(15.7% 15.7% 15.7% / 0.9)",
+            hover: "rgb(17.8% 17.8% 17.8% / 0.9)",
+            active: "rgb(19.9% 19.9% 19.9% / 0.9)"
           },
           stroke: {
             "default": "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
@@ -42517,8 +42529,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     checkbox: {
       color: {
         background: {
-          "default": "lch(18.2 0 0)",
-          hover: "lch(18.2 0 0)",
+          "default": "rgb(17.8% 17.8% 17.8%)",
+          hover: "rgb(17.8% 17.8% 17.8%)",
           active: "#FAFF69",
           disabled: "#414141"
         },
@@ -42596,7 +42608,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       monacoTheme: {
         parameter: {
           foreground: "#c0c0c0",
-          background: "#414141"
+          background: "rgb(62.7% 62.7% 62.7% / 0.2)"
         }
       }
     },
@@ -42616,11 +42628,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     field: {
       color: {
         background: {
-          "default": "lch(18.2 0 0)",
-          hover: "lch(20.2 0 0)",
-          active: "lch(20.2 0 0)",
+          "default": "rgb(17.8% 17.8% 17.8%)",
+          hover: "rgb(19.9% 19.9% 19.9%)",
+          active: "rgb(19.9% 19.9% 19.9%)",
           disabled: "#414141",
-          error: "lch(20.2 0 0)"
+          error: "rgb(19.9% 19.9% 19.9%)"
         },
         text: {
           "default": "#e6e7e9",
@@ -42630,8 +42642,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           error: "#ffbaba"
         },
         stroke: {
-          "default": "lch(24.7 0 0)",
-          hover: "lch(28.5 0 0)",
+          "default": "rgb(23.6% 23.6% 23.6%)",
+          hover: "rgb(27.4% 27.4% 27.4%)",
           active: "#FAFF69",
           disabled: "#414141",
           error: "#ffbaba"
@@ -42644,11 +42656,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           error: "#ffbaba"
         },
         format: {
-          "default": "lch(62.9 0 0)",
-          hover: "lch(62.9 0 0)",
-          active: "lch(62.9 0 0)",
+          "default": "rgb(60.2% 60.2% 60.2%)",
+          hover: "rgb(60.2% 60.2% 60.2%)",
+          active: "rgb(60.2% 60.2% 60.2%)",
           disabled: "#808080",
-          error: "lch(62.9 0 0)"
+          error: "rgb(60.2% 60.2% 60.2%)"
         },
         genericLabel: {
           "default": "#ffffff",
@@ -42674,16 +42686,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           background: {
             "default": "#282828",
-            hover: "lch(23.5 0 0)",
+            hover: "rgb(23.1% 23.1% 23.1%)",
             active: "#282828",
             disabled: "#414141"
           },
           format: {
             "default": "lch(62.9 0 0)",
-            hover: "lch(62.9 0 0)",
-            active: "lch(62.9 0 0)",
+            hover: "rgb(60.2% 60.2% 60.2%)",
+            active: "rgb(60.2% 60.2% 60.2%)",
             disabled: "#808080",
-            error: "lch(62.9 0 0)"
+            error: "rgb(60.2% 60.2% 60.2%)"
           },
           stroke: {
             "default": "#323232"
@@ -42768,8 +42780,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     radio: {
       color: {
         background: {
-          "default": "lch(18.2 0 0)",
-          hover: "lch(18.2 0 0)",
+          "default": "rgb(17.8% 17.8% 17.8%)",
+          hover: "rgb(17.8% 17.8% 17.8%)",
           active: "#FAFF69",
           disabled: "#414141"
         },
@@ -42781,7 +42793,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         indicator: {
           "default": "#1F1F1C",
-          hover: "lch(18.2 0 0)",
+          hover: "rgb(17.8% 17.8% 17.8%)",
           active: "#151515",
           disabled: "#808080"
         }
@@ -43026,10 +43038,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#282828",
             hover: "#282828",
-            active: "lch(18.2 0 0)"
+            active: "rgb(17.8% 17.8% 17.8%)"
           },
           title: {
-            "default": "lch(97.5 0 0)"
+            "default": "rgb(97.5% 97.5% 97.5%)"
           },
           icon: {
             "default": "#ffffff"
@@ -43049,7 +43061,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#1F1F1C",
             hover: "lch(15.8 0 0)",
-            active: "lch(17.9 0 0)"
+            active: "rgb(17.5% 17.5% 17.5%)"
           },
           stroke: {
             "default": "#323232"
@@ -43128,7 +43140,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     toast: {
       color: {
         title: {
-          "default": "lch(97.5 0 0)"
+          "default": "rgb(97.5% 97.5% 97.5%)"
         },
         description: {
           "default": "#b3b6bd"
@@ -43137,7 +43149,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#414141"
         },
         icon: {
-          "default": "lch(97.5 0 0)",
+          "default": "rgb(97.5% 97.5% 97.5%)",
           success: "#CCFFD0",
           warning: "#ffca8b",
           danger: "#ffbaba"
@@ -43160,7 +43172,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#1F1F1C"
         },
         title: {
-          "default": "lch(97.5 0 0)"
+          "default": "rgb(97.5% 97.5% 97.5%)"
         },
         description: {
           "default": "#b3b6bd"
@@ -43176,7 +43188,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#282828"
         },
         title: {
-          "default": "lch(97.5 0 0)"
+          "default": "rgb(97.5% 97.5% 97.5%)"
         },
         description: {
           "default": "#b3b6bd"
@@ -43270,10 +43282,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#FAFF69"
         },
         shadow: {
-          "default": "lch(6.77 0 0 / 0.6)"
+          "default": "rgb(8.24% 8.24% 8.24% / 0.6)"
         },
         title: {
-          "default": "lch(97.5 0 0)",
+          "default": "rgb(97.5% 97.5% 97.5%)",
           muted: "#b3b6bd"
         }
       }
@@ -43281,23 +43293,23 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     feedback: {
       color: {
         info: {
-          background: "#09255B",
+          background: "rgb(7.45% 35.7% 90.2% / 0.2)",
           foreground: "#b5cdf9"
         },
         success: {
-          background: "#004206",
+          background: "rgb(20% 100% 26.7% / 0.2)",
           foreground: "#CCFFD0"
         },
         warning: {
-          background: "#4f2b00",
+          background: "rgb(100% 58% 8.63% / 0.2)",
           foreground: "#ffca8b"
         },
         danger: {
-          background: "#610000",
+          background: "rgb(100% 13.7% 13.7% / 0.2)",
           foreground: "#ffbaba"
         },
         neutral: {
-          background: "#414141",
+          background: "rgb(62.7% 62.7% 62.7% / 0.2)",
           foreground: "#c0c0c0",
           stroke: "#323232"
         }
@@ -43439,11 +43451,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         background: {
           "default": "#ffffff",
-          success: "#E5FFE8",
-          neutral: "#e6e7e9",
-          danger: "#ffdddd",
-          warning: "#ffedd8",
-          info: "#dae6fc"
+          success: "rgb(20% 100% 26.7% / 0.1)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.1)",
+          warning: "rgb(100% 58% 8.63% / 0.1)",
+          info: "rgb(7.45% 35.7% 90.2% / 0.1)"
         },
         text: {
           "default": "#696e79",
@@ -43455,11 +43467,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         iconBackground: {
           "default": "#ffffff",
-          success: "#E5FFE8",
-          neutral: "#e6e7e9",
-          danger: "#ffdddd",
-          warning: "#ffedd8",
-          info: "#dae6fc"
+          success: "rgb(20% 100% 26.7% / 0)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0)",
+          danger: "rgb(100% 13.7% 13.7% / 0)",
+          warning: "rgb(100% 58% 8.63% / 0)",
+          info: "rgb(7.45% 35.7% 90.2% / 0)"
         },
         iconForeground: {
           "default": "#696e79",
@@ -43488,13 +43500,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     badge: {
       color: {
         background: {
-          "default": "#ffffff",
-          success: "#E5FFE8",
-          neutral: "#e6e7e9",
-          danger: "#ffdddd",
+          "default": "#f6f7fa",
+          success: "rgb(20% 100% 26.7% / 0.1)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.1)",
           disabled: "#dfdfdf",
-          info: "#dae6fc",
-          warning: "#ffedd8"
+          info: "rgb(7.45% 35.7% 90.2% / 0.1)",
+          warning: "rgb(100% 58% 8.63% / 0.1)"
         },
         text: {
           "default": "#696e79",
@@ -43507,12 +43519,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         stroke: {
           "default": "#e6e7e9",
-          success: "#E5FFE8",
-          neutral: "#e6e7e9",
-          danger: "#ffdddd",
-          disabled: "lch(84.4 0 0)",
-          info: "#dae6fc",
-          warning: "#ffedd8"
+          success: "rgb(20% 100% 26.7% / 0.05)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.05)",
+          disabled: "rgb(83.1% 83.1% 83.1%)",
+          info: "rgb(7.45% 35.7% 90.2% / 0.05)",
+          warning: "rgb(100% 58% 8.63% / 0.05)"
         }
       }
     },
@@ -43581,9 +43593,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           danger: {
             background: {
-              "default": "#ffdddd",
-              hover: "#ffbaba",
-              active: "lch(70.3 41.1 23.9)",
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.2)",
+              active: "rgb(100% 13.7% 13.7% / 0.3)",
               disabled: "#dfdfdf"
             },
             text: {
@@ -43593,9 +43605,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               disabled: "#a0a0a0"
             },
             stroke: {
-              "default": "#ffdddd",
-              hover: "#ffbaba",
-              active: "lch(70.3 41.1 23.9)",
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.05)",
+              active: "rgb(100% 13.7% 13.7% / 0.05)",
               disabled: "#dfdfdf"
             }
           },
@@ -43667,9 +43679,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           danger: {
             background: {
-              "default": "#ffdddd",
-              hover: "#ffbaba",
-              active: "lch(70.3 41.1 23.9)"
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.2)",
+              active: "rgb(100% 13.7% 13.7% / 0.3)"
             },
             text: {
               "default": "#c10000",
@@ -43677,9 +43689,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               active: "#c10000"
             },
             stroke: {
-              "default": "#ffdddd",
-              hover: "#ffbaba",
-              active: "lch(70.3 41.1 23.9)"
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.2)",
+              active: "rgb(100% 13.7% 13.7% / 0.3)"
             }
           },
           ghost: {
@@ -43701,7 +43713,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           info: {
             background: {
-              "default": "#dae6fc",
+              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
               hover: "#b5cdf9",
               active: "#91b3f6"
             },
@@ -43711,7 +43723,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               active: "#135be6"
             },
             stroke: {
-              "default": "#dae6fc",
+              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
               hover: "#b5cdf9",
               active: "#91b3f6"
             }
@@ -43725,13 +43737,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               "default": "#302e32",
               hover: "lch(27 3.82 267)",
               active: "lch(5.68 1.13 305)",
-              disabled: "lch(81.3 0 0)"
+              disabled: "rgb(80% 80% 80%)"
             },
             action: {
-              "default": "lch(6.24 1.29 305)",
+              "default": "rgb(7.76% 7.41% 8.12%)",
               hover: "lch(25.6 3.63 267)",
               active: "lch(3.47 0.72 305)",
-              disabled: "lch(77.2 0 0)"
+              disabled: "lch(77.9 0 0)"
             }
           },
           text: {
@@ -43771,7 +43783,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               "default": "#f6f7fa",
               hover: "lch(94.8 1.53 272)",
               active: "lch(92.9 1.5 272)",
-              disabled: "lch(77.2 0 0)"
+              disabled: "lch(77.9 0 0)"
             }
           },
           text: {
@@ -43783,7 +43795,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           stroke: {
             "default": "#e6e7e9",
             hover: "#e6e7e9",
-            active: "lch(84 2.28 258)",
+            active: "rgb(81.2% 82.3% 83.8%)",
             disabled: "rgba(0,0,0,0)"
           }
         }
@@ -43881,7 +43893,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#ffffff",
             hover: "#f6f7fa",
-            active: "lch(95 0 0)",
+            active: "rgb(95% 95% 95%)",
             disabled: "#dfdfdf"
           },
           title: {
@@ -43975,8 +43987,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             active: "#161517"
           },
           background: {
-            "default": "lch(97.2 1.57 272 / 0.9)",
-            hover: "lch(91.8 1.07 266)",
+            "default": "rgb(96.5% 96.9% 98% / 0.9)",
+            hover: "rgb(90.4% 90.8% 91.6%)",
             active: "lch(89.8 1.08 266)"
           },
           stroke: {
@@ -44064,7 +44076,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       monacoTheme: {
         parameter: {
           foreground: "#53575f",
-          background: "#e6e7e9"
+          background: "rgb(41.2% 43.1% 47.5% / 0.1)"
         }
       }
     },
@@ -44084,8 +44096,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     field: {
       color: {
         background: {
-          "default": "lch(97.3 1.53 272)",
-          hover: "lch(97.3 1.53 272)",
+          "default": "rgb(96.6% 96.9% 98.1%)",
+          hover: "rgb(96.6% 96.9% 98.1%)",
           active: "#ffffff",
           disabled: "#dfdfdf",
           error: "#ffffff"
@@ -44098,8 +44110,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           error: "#c10000"
         },
         stroke: {
-          "default": "lch(92 1.05 266)",
-          hover: "lch(83.8 2.3 258)",
+          "default": "rgb(90.7% 91.1% 91.8%)",
+          hover: "rgb(81% 82.1% 83.6%)",
           active: "#161517",
           disabled: "#dfdfdf",
           error: "#c10000"
@@ -44142,7 +44154,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           background: {
             "default": "#ffffff",
-            hover: "lch(97.5 1.43 272)",
+            hover: "rgb(96.8% 97.1% 98.2%)",
             active: "#ffffff",
             disabled: "#ffffff"
           },
@@ -44496,7 +44508,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "lch(90.3 11.8 266)"
+            active: "rgb(85% 89.5% 97.8%)"
           },
           title: {
             "default": "#161517"
@@ -44519,7 +44531,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#ffffff",
             hover: "lch(90.9 12.2 266 / 0.2)",
-            active: "lch(91.1 11.9 266 / 0.2)"
+            active: "rgb(85.9% 90.4% 98.9% / 0.2)"
           },
           stroke: {
             "default": "#e6e7e9"
@@ -44748,23 +44760,23 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     feedback: {
       color: {
         info: {
-          background: "#dae6fc",
+          background: "rgb(7.45% 35.7% 90.2% / 0.1)",
           foreground: "#135be6"
         },
         success: {
-          background: "#E5FFE8",
+          background: "rgb(20% 100% 26.7% / 0.1)",
           foreground: "#00990D"
         },
         warning: {
-          background: "#ffedd8",
+          background: "rgb(100% 58% 8.63% / 0.1)",
           foreground: "#9e5600"
         },
         danger: {
-          background: "#ffdddd",
+          background: "rgb(100% 13.7% 13.7% / 0.1)",
           foreground: "#c10000"
         },
         neutral: {
-          background: "#e6e7e9",
+          background: "rgb(41.2% 43.1% 47.5% / 0.1)",
           foreground: "#53575f",
           stroke: "#e6e7e9"
         }
@@ -45002,11 +45014,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         background: {
           "default": "#ffffff",
-          success: "#E5FFE8",
-          neutral: "#e6e7e9",
-          danger: "#ffdddd",
-          warning: "#ffedd8",
-          info: "#dae6fc"
+          success: "rgb(20% 100% 26.7% / 0.1)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.1)",
+          warning: "rgb(100% 58% 8.63% / 0.1)",
+          info: "rgb(7.45% 35.7% 90.2% / 0.1)"
         },
         text: {
           "default": "#696e79",
@@ -45018,11 +45030,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         iconBackground: {
           "default": "#ffffff",
-          success: "#E5FFE8",
-          neutral: "#e6e7e9",
-          danger: "#ffdddd",
-          warning: "#ffedd8",
-          info: "#dae6fc"
+          success: "rgb(20% 100% 26.7% / 0)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0)",
+          danger: "rgb(100% 13.7% 13.7% / 0)",
+          warning: "rgb(100% 58% 8.63% / 0)",
+          info: "rgb(7.45% 35.7% 90.2% / 0)"
         },
         iconForeground: {
           "default": "#696e79",
@@ -45115,13 +45127,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       },
       color: {
         background: {
-          "default": "#ffffff",
-          success: "#E5FFE8",
-          neutral: "#e6e7e9",
-          danger: "#ffdddd",
+          "default": "#f6f7fa",
+          success: "rgb(20% 100% 26.7% / 0.1)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.1)",
           disabled: "#dfdfdf",
-          info: "#dae6fc",
-          warning: "#ffedd8"
+          info: "rgb(7.45% 35.7% 90.2% / 0.1)",
+          warning: "rgb(100% 58% 8.63% / 0.1)"
         },
         text: {
           "default": "#696e79",
@@ -45134,12 +45146,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         stroke: {
           "default": "#e6e7e9",
-          success: "#E5FFE8",
-          neutral: "#e6e7e9",
-          danger: "#ffdddd",
-          disabled: "lch(84.4 0 0)",
-          info: "#dae6fc",
-          warning: "#ffedd8"
+          success: "rgb(20% 100% 26.7% / 0.05)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.05)",
+          disabled: "rgb(83.1% 83.1% 83.1%)",
+          info: "rgb(7.45% 35.7% 90.2% / 0.05)",
+          warning: "rgb(100% 58% 8.63% / 0.05)"
         }
       }
     },
@@ -45274,9 +45286,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           danger: {
             background: {
-              "default": "#ffdddd",
-              hover: "#ffbaba",
-              active: "lch(70.3 41.1 23.9)",
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.2)",
+              active: "rgb(100% 13.7% 13.7% / 0.3)",
               disabled: "#dfdfdf"
             },
             text: {
@@ -45286,9 +45298,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               disabled: "#a0a0a0"
             },
             stroke: {
-              "default": "#ffdddd",
-              hover: "#ffbaba",
-              active: "lch(70.3 41.1 23.9)",
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.05)",
+              active: "rgb(100% 13.7% 13.7% / 0.05)",
               disabled: "#dfdfdf"
             }
           },
@@ -45386,9 +45398,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           danger: {
             background: {
-              "default": "#ffdddd",
-              hover: "#ffbaba",
-              active: "lch(70.3 41.1 23.9)"
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.2)",
+              active: "rgb(100% 13.7% 13.7% / 0.3)"
             },
             text: {
               "default": "#c10000",
@@ -45396,9 +45408,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               active: "#c10000"
             },
             stroke: {
-              "default": "#ffdddd",
-              hover: "#ffbaba",
-              active: "lch(70.3 41.1 23.9)"
+              "default": "rgb(100% 13.7% 13.7% / 0.1)",
+              hover: "rgb(100% 13.7% 13.7% / 0.2)",
+              active: "rgb(100% 13.7% 13.7% / 0.3)"
             }
           },
           ghost: {
@@ -45420,7 +45432,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           info: {
             background: {
-              "default": "#dae6fc",
+              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
               hover: "#b5cdf9",
               active: "#91b3f6"
             },
@@ -45430,7 +45442,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               active: "#135be6"
             },
             stroke: {
-              "default": "#dae6fc",
+              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
               hover: "#b5cdf9",
               active: "#91b3f6"
             }
@@ -45471,13 +45483,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               "default": "#302e32",
               hover: "lch(27 3.82 267)",
               active: "lch(5.68 1.13 305)",
-              disabled: "lch(81.3 0 0)"
+              disabled: "rgb(80% 80% 80%)"
             },
             action: {
-              "default": "lch(6.24 1.29 305)",
+              "default": "rgb(7.76% 7.41% 8.12%)",
               hover: "lch(25.6 3.63 267)",
               active: "lch(3.47 0.72 305)",
-              disabled: "lch(77.2 0 0)"
+              disabled: "lch(77.9 0 0)"
             }
           },
           text: {
@@ -45517,7 +45529,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
               "default": "#f6f7fa",
               hover: "lch(94.8 1.53 272)",
               active: "lch(92.9 1.5 272)",
-              disabled: "lch(77.2 0 0)"
+              disabled: "lch(77.9 0 0)"
             }
           },
           text: {
@@ -45529,7 +45541,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           stroke: {
             "default": "#e6e7e9",
             hover: "#e6e7e9",
-            active: "lch(84 2.28 258)",
+            active: "rgb(81.2% 82.3% 83.8%)",
             disabled: "rgba(0,0,0,0)"
           }
         }
@@ -45757,7 +45769,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#ffffff",
             hover: "#f6f7fa",
-            active: "lch(95 0 0)",
+            active: "rgb(95% 95% 95%)",
             disabled: "#dfdfdf"
           },
           title: {
@@ -45897,8 +45909,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             active: "#161517"
           },
           background: {
-            "default": "lch(97.2 1.57 272 / 0.9)",
-            hover: "lch(91.8 1.07 266)",
+            "default": "rgb(96.5% 96.9% 98% / 0.9)",
+            hover: "rgb(90.4% 90.8% 91.6%)",
             active: "lch(89.8 1.08 266)"
           },
           stroke: {
@@ -46029,7 +46041,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       monacoTheme: {
         parameter: {
           foreground: "#53575f",
-          background: "#e6e7e9"
+          background: "rgb(41.2% 43.1% 47.5% / 0.1)"
         }
       }
     },
@@ -46144,8 +46156,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       },
       color: {
         background: {
-          "default": "lch(97.3 1.53 272)",
-          hover: "lch(97.3 1.53 272)",
+          "default": "rgb(96.6% 96.9% 98.1%)",
+          hover: "rgb(96.6% 96.9% 98.1%)",
           active: "#ffffff",
           disabled: "#dfdfdf",
           error: "#ffffff"
@@ -46158,8 +46170,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           error: "#c10000"
         },
         stroke: {
-          "default": "lch(92 1.05 266)",
-          hover: "lch(83.8 2.3 258)",
+          "default": "rgb(90.7% 91.1% 91.8%)",
+          hover: "rgb(81% 82.1% 83.6%)",
           active: "#161517",
           disabled: "#dfdfdf",
           error: "#c10000"
@@ -46240,7 +46252,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           background: {
             "default": "#ffffff",
-            hover: "lch(97.5 1.43 272)",
+            hover: "rgb(96.8% 97.1% 98.2%)",
             active: "#ffffff",
             disabled: "#ffffff"
           },
@@ -47017,7 +47029,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "lch(90.3 11.8 266)"
+            active: "rgb(85% 89.5% 97.8%)"
           },
           title: {
             "default": "#161517"
@@ -47075,7 +47087,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#ffffff",
             hover: "lch(90.9 12.2 266 / 0.2)",
-            active: "lch(91.1 11.9 266 / 0.2)"
+            active: "rgb(85.9% 90.4% 98.9% / 0.2)"
           },
           stroke: {
             "default": "#e6e7e9"
@@ -47563,23 +47575,23 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     feedback: {
       color: {
         info: {
-          background: "#dae6fc",
+          background: "rgb(7.45% 35.7% 90.2% / 0.1)",
           foreground: "#135be6"
         },
         success: {
-          background: "#E5FFE8",
+          background: "rgb(20% 100% 26.7% / 0.1)",
           foreground: "#00990D"
         },
         warning: {
-          background: "#ffedd8",
+          background: "rgb(100% 58% 8.63% / 0.1)",
           foreground: "#9e5600"
         },
         danger: {
-          background: "#ffdddd",
+          background: "rgb(100% 13.7% 13.7% / 0.1)",
           foreground: "#c10000"
         },
         neutral: {
-          background: "#e6e7e9",
+          background: "rgb(41.2% 43.1% 47.5% / 0.1)",
           foreground: "#53575f",
           stroke: "#e6e7e9"
         }