@clickhouse/click-ui 0.0.171 → 0.0.173

package/dist/click-ui.umd.js

@@ -16930,9 +16930,46 @@ var __publicField = (obj, key, value) => {
   }
   var throttle_1 = throttle$1;
   const throttle$2 = /* @__PURE__ */ getDefaultExportFromCjs(throttle_1);
+  const initialPosition = {
+    left: "calc(100% - 4px)",
+    top: "0"
+  };
+  const useResizingState = () => {
+    const [pressedColumnIndex, setPressedColumnIndex] = React.useState(-1);
+    const [pointer, setPointer] = React.useState(null);
+    const [position, setPosition] = React.useState(initialPosition);
+    const [lastPressedTimestamp, setLastPressedTimestamp] = React.useState(0);
+    const getIsPressed = React.useCallback((columnIndex) => {
+      return pressedColumnIndex === columnIndex;
+    }, [pressedColumnIndex]);
+    const setIsPressed = React.useCallback((columnIndex, pressed) => {
+      if (pressed) {
+        setPressedColumnIndex(columnIndex);
+        setLastPressedTimestamp(Date.now());
+      } else {
+        setPressedColumnIndex(-1);
+      }
+    }, []);
+    const getPosition = React.useCallback((columnIndex) => {
+      if (pressedColumnIndex !== columnIndex) {
+        return initialPosition;
+      }
+      return position;
+    }, [position, pressedColumnIndex]);
+    return {
+      pointer,
+      setPointer,
+      getIsPressed,
+      setIsPressed,
+      getPosition,
+      setPosition,
+      lastPressedTimestamp
+    };
+  };
+  const DOUBLE_CLICK_THRESHOLD_MSEC = 300;
   const ResizeSpan = styled.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:", ";}", ""], ({
+  })(["top:", ";left:", ";z-index:1;position:absolute;height:", "px;cursor:col-resize;width:4px;overflow:auto;&:hover,&:active,&:hover{background:", ";}", ""], initialPosition.top, initialPosition.left, ({
     $height
   }) => $height, ({
     theme: theme2
@@ -16946,67 +16983,87 @@ var __publicField = (obj, key, value) => {
     height,
     onColumnResize: onColumnResizeProp,
     columnIndex,
-    setResizeCursorPosition
+    getResizerPosition,
+    columnWidth,
+    resizingState
   }) => {
     const resizeRef = React.useRef(null);
-    const pointerRef = React.useRef(null);
-    const [isPressed, setIsPressed] = React.useState(false);
+    const {
+      pointer,
+      setPointer,
+      getIsPressed,
+      setIsPressed,
+      getPosition,
+      setPosition,
+      lastPressedTimestamp
+    } = resizingState;
+    const isPressed = getIsPressed(columnIndex);
+    const position = getPosition(columnIndex);
     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");
+    React.useEffect(() => {
+      const control = resizeRef.current;
+      if (!isPressed || !control || !pointer) {
+        return;
       }
-    }, [columnIndex, onColumnResize, setIsPressed]);
-    const onMouseUp = React.useCallback((e) => {
-      e.stopPropagation();
-      setIsPressed(false);
-    }, [setIsPressed]);
+      const pointerId = pointer.pointerId;
+      try {
+        control.setPointerCapture(pointerId);
+        return () => {
+          if (control.hasPointerCapture(pointerId)) {
+            control.releasePointerCapture(pointerId);
+          }
+        };
+      } catch (e) {
+        console.error(e);
+      }
+    }, [pointer, isPressed, columnIndex]);
     const onPointerDown = React.useCallback((e) => {
       e.stopPropagation();
+      e.preventDefault();
       if (resizeRef.current) {
-        resizeRef.current.setPointerCapture(e.pointerId);
-        const header = resizeRef.current.closest(`[data-header="${columnIndex}"]`);
-        if (header) {
-          pointerRef.current = {
-            pointerId: e.pointerId,
-            initialClientX: e.clientX,
-            width: header.clientWidth
-          };
-          setResizeCursorPosition(resizeRef.current, e.clientX, header.clientWidth, columnIndex);
+        if (lastPressedTimestamp > Date.now() - DOUBLE_CLICK_THRESHOLD_MSEC) {
+          onColumnResize(columnIndex, 0, "auto");
         }
+        setPointer({
+          pointerId: e.pointerId,
+          initialClientX: e.clientX,
+          width: columnWidth
+        });
+        setIsPressed(columnIndex, true);
+        const pos = getResizerPosition(e.clientX, columnWidth, columnIndex);
+        setPosition(pos);
       }
-    }, [columnIndex, setResizeCursorPosition]);
-    const onMouseMove = React.useCallback((e) => {
+    }, [lastPressedTimestamp, setPointer, columnWidth, setIsPressed, columnIndex, getResizerPosition, setPosition, onColumnResize]);
+    const onPointerMove = React.useCallback((e) => {
       e.stopPropagation();
-      if (resizeRef.current && pointerRef.current) {
-        const header = resizeRef.current.closest(`[data-header="${columnIndex}"]`);
-        if (header) {
-          resizeRef.current.setPointerCapture(pointerRef.current.pointerId);
-          const width = header.clientWidth + (e.clientX - pointerRef.current.initialClientX);
-          setResizeCursorPosition(resizeRef.current, e.clientX, width, columnIndex);
-          pointerRef.current.width = Math.max(width, 50);
-        }
+      e.preventDefault();
+      if (isPressed && pointer) {
+        const width = columnWidth + (e.clientX - pointer.initialClientX);
+        const pos = getResizerPosition(e.clientX, width, columnIndex);
+        setPosition(pos);
+        pointer.width = Math.max(width, 50);
       }
-    }, [columnIndex, setResizeCursorPosition]);
+    }, [pointer, isPressed, columnWidth, getResizerPosition, columnIndex, setPosition]);
     return /* @__PURE__ */ jsxRuntime.jsx(ResizeSpan, { ref: resizeRef, $height: height, $isPressed: isPressed, onPointerDown, onPointerUp: (e) => {
-      var _a, _b;
       e.preventDefault();
       e.stopPropagation();
       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;
+      ((pointer == null ? void 0 : pointer.pointerId) || (pointer == null ? void 0 : pointer.pointerId) === 0)) {
+        const shouldCallResize = e.clientX !== pointer.initialClientX;
         if (shouldCallResize) {
-          onColumnResize(columnIndex, pointerRef.current.width, "manual");
+          onColumnResize(columnIndex, pointer.width, "manual");
         }
-        resizeRef.current.style.top = "0";
-        resizeRef.current.style.left = "calc(100% - 4px)";
-        pointerRef.current = null;
+        setPosition(initialPosition);
+        setPointer(null);
+        setIsPressed(columnIndex, false);
       }
-    }, onMouseMove, onMouseDown, onClick: (e) => e.stopPropagation(), onMouseUp, "data-resize": true });
+    }, onPointerMove, onPointerCancel: (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setPosition(initialPosition);
+      setPointer(null);
+      setIsPressed(columnIndex, false);
+    }, onClick: (e) => e.stopPropagation(), "data-resize": true, style: position });
   };
   const HeaderContainer = styled.styled.div.withConfig({
     componentId: "sc-1oadqc8-0"
@@ -17046,15 +17103,16 @@ var __publicField = (obj, key, value) => {
   const Column = ({
     columnIndex,
     cell,
-    columnWidth,
+    getColumnWidth,
     getColumnHorizontalPosition,
     getSelectionType,
     isFirstColumn,
     isLastColumn,
     onColumnResize,
     height,
-    setResizeCursorPosition,
-    showBorder
+    getResizerPosition,
+    showBorder,
+    resizingState
   }) => {
     const selectionType = getSelectionType({
       column: columnIndex,
@@ -17067,9 +17125,10 @@ var __publicField = (obj, key, value) => {
     const columnPosition = getColumnHorizontalPosition(columnIndex);
     const isSelected = selectionType === "selectDirect";
     const isSelectedLeft = (leftSelectionType === "selectDirect" || isSelected) && leftSelectionType !== selectionType;
-    return /* @__PURE__ */ jsxRuntime.jsxs(HeaderCellContainer, { $width: columnWidth(columnIndex), $columnPosition: columnPosition, $height: height, "data-header": columnIndex, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { $type: "header", as: cell, columnIndex, type: "header-cell", $isFirstColumn: isFirstColumn, $selectionType: selectionType, $isLastColumn: isLastColumn, $isFocused: false, $isSelectedLeft: isSelectedLeft, $isSelectedTop: isSelected, $isLastRow: false, $isFirstRow: true, $height: height, "data-grid-row": -1, "data-grid-column": columnIndex, "data-selected": isSelected, $showBorder: showBorder, width: columnWidth(columnIndex) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ColumnResizer, { height, onColumnResize, columnIndex, setResizeCursorPosition })
+    const columnWidth = getColumnWidth(columnIndex);
+    return /* @__PURE__ */ jsxRuntime.jsxs(HeaderCellContainer, { $width: columnWidth, $columnPosition: columnPosition, $height: height, "data-header": columnIndex, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { $type: "header", as: cell, columnIndex, type: "header-cell", $isFirstColumn: isFirstColumn, $selectionType: selectionType, $isLastColumn: isLastColumn, $isFocused: false, $isSelectedLeft: isSelectedLeft, $isSelectedTop: isSelected, $isLastRow: false, $isFirstRow: true, $height: height, "data-grid-row": -1, "data-grid-column": columnIndex, "data-selected": isSelected, $showBorder: showBorder, width: columnWidth }),
+      /* @__PURE__ */ jsxRuntime.jsx(ColumnResizer, { height, onColumnResize, columnIndex, getResizerPosition, columnWidth, resizingState })
     ] });
   };
   const Header = ({
@@ -17080,14 +17139,15 @@ var __publicField = (obj, key, value) => {
     minColumn,
     maxColumn,
     height,
-    columnWidth,
+    getColumnWidth,
     cell,
     columnCount,
     getSelectionType,
     onColumnResize,
     getColumnHorizontalPosition,
-    setResizeCursorPosition,
-    showBorder
+    getResizerPosition,
+    showBorder,
+    resizingState
   }) => {
     const selectedAllType = getSelectionType({
       type: "all"
@@ -17095,7 +17155,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer, { $height: height, $scrolledVertical: scrolledVertical, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ScrollableHeaderContainer, { $left: rowNumberWidth, children: Array.from({
         length: maxColumn - minColumn + 1
-      }, (_, index2) => minColumn + index2).map((columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(Column, { getSelectionType, columnIndex, columnWidth, getColumnHorizontalPosition, cell, isFirstColumn: columnIndex === 0 && !showRowNumber, isLastColumn: columnIndex + 1 === columnCount, onColumnResize, height, setResizeCursorPosition, showBorder }, `header-${columnIndex}`)) }),
+      }, (_, index2) => minColumn + index2).map((columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(Column, { getSelectionType, columnIndex, getColumnWidth, getColumnHorizontalPosition, cell, isFirstColumn: columnIndex === 0 && !showRowNumber, isLastColumn: columnIndex + 1 === columnCount, onColumnResize, height, getResizerPosition, showBorder, resizingState }, `header-${columnIndex}`)) }),
       showRowNumber && /* @__PURE__ */ jsxRuntime.jsx(RowColumnContainer, { $width: rowNumberWidth, $height: height, $columnPosition: 0, $scrolledHorizontal: scrolledHorizontal, children: /* @__PURE__ */ jsxRuntime.jsx(RowColumn, { "data-selected": selectedAllType === "selectDirect", $type: "header", $isFirstRow: true, $isFirstColumn: true, $selectionType: selectedAllType, $isLastRow: false, $isLastColumn: false, $height: height, $isFocused: false, $isSelectedLeft: false, $isSelectedTop: false, "data-grid-row": -1, "data-grid-column": -1, $showBorder: showBorder, children: "#" }) })
     ] });
   };
@@ -31774,6 +31834,7 @@ var __publicField = (obj, key, value) => {
         onSelectProp(action, selection2, focus2);
       }
     }, [onSelectProp]);
+    const resizingState = useResizingState();
     const onFocusChange = React.useCallback((row, column) => {
       setFocus((focus2) => ({
         row: row ?? (focusProp == null ? void 0 : focusProp.row) ?? focus2.row,
@@ -31847,11 +31908,14 @@ var __publicField = (obj, key, value) => {
       }
       return columnLeft + rowNumberWidth - 4;
     }, [getColumnHorizontalPosition, rowNumberWidth]);
-    const setResizeCursorPosition = React.useCallback((element, clientX, width, columnIndex) => {
-      element.style.left = `${getFixedResizerLeftPosition(clientX, width, columnIndex)}px`;
+    const getResizerPosition = React.useCallback((clientX, width, columnIndex) => {
+      const result = {
+        left: `${getFixedResizerLeftPosition(clientX, width, columnIndex)}px`
+      };
       if (outerRef.current) {
-        element.style.top = `${outerRef.current.scrollTop}px`;
+        result.top = `${outerRef.current.scrollTop}px`;
       }
+      return result;
     }, [getFixedResizerLeftPosition]);
     const clearSelectionAndFocus = React.useCallback((force) => {
       setSelection((selection2) => {
@@ -31906,7 +31970,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntime.jsxs(GridContainer, { ...containerProps, className: `sticky-grid__container grid-outer ${props.className ?? ""}`, children: [
         /* @__PURE__ */ jsxRuntime.jsx(GridDataContainer, { $top: showHeader ? headerHeight : 0, $left: showRowNumber ? rowNumberWidth : 0, ref, children }),
         showRowNumber && /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder }),
-        showHeader && /* @__PURE__ */ jsxRuntime.jsx(Header, { scrolledVertical, scrolledHorizontal, showRowNumber, minColumn, maxColumn, height: headerHeight, columnWidth, cell, rowNumberWidth, getSelectionType, columnCount, onColumnResize, getColumnHorizontalPosition, setResizeCursorPosition, showBorder })
+        showHeader && /* @__PURE__ */ jsxRuntime.jsx(Header, { scrolledVertical, scrolledHorizontal, showRowNumber, minColumn, maxColumn, height: headerHeight, getColumnWidth: columnWidth, cell, rowNumberWidth, getSelectionType, columnCount, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState })
       ] });
     });
     React.useEffect(() => {
@@ -41089,19 +41153,19 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           info: {
             background: {
-              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-              hover: "#b5cdf9",
-              active: "#91b3f6"
+              "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+              hover: "#D0DFFB",
+              active: "#A1BEF7"
             },
             text: {
-              "default": "#135be6",
-              hover: "#135be6",
-              active: "#135be6"
+              "default": "#437EEF",
+              hover: "#437EEF",
+              active: "#437EEF"
             },
             stroke: {
-              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-              hover: "#b5cdf9",
-              active: "#91b3f6"
+              "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+              hover: "#D0DFFB",
+              active: "#A1BEF7"
             }
           }
         }
@@ -41757,12 +41821,32 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     chart: {
       bars: {
         color: {
-          green: "#00FF15",
-          blue: "#6c9af3",
-          fuchsia: "#FB64D6",
-          orange: "#ffb864",
-          violet: "#CC66FF",
-          teal: "#00CCAA"
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          red: "#ff2323",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
+        }
+      },
+      color: {
+        "default": {
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          red: "#ff2323",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
         }
       }
     }
@@ -41801,16 +41885,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       },
       feedback: {
         info: {
-          background: "#dae6fc",
-          foreground: "#135be6"
+          background: "#E7EFFD",
+          foreground: "#437EEF"
         },
         success: {
           background: "#E5FFE8",
-          foreground: "#00990D"
+          foreground: "#008A0B"
         },
         warning: {
-          background: "#ffedd8",
-          foreground: "#9e5600"
+          background: "#FFE2D1",
+          foreground: "#A33C00"
         },
         danger: {
           background: "#ffdddd",
@@ -41824,12 +41908,30 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       },
       chart: {
         bars: {
-          green: "#00FF15",
-          blue: "#6c9af3",
-          fuchsia: "#FB64D6",
-          orange: "#ffb864",
-          violet: "#CC66FF",
-          teal: "#00CCAA"
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7",
+          red: "#ff2323"
+        },
+        "default": {
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7",
+          red: "#ff2323"
         }
       },
       iconButton: {
@@ -41870,12 +41972,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         link: {
           label: {
             "default": "#FAFF69",
-            hover: "#feffba",
+            hover: "#FEFFC2",
             active: "#FAFF69"
           },
           icon: {
             "default": "#FAFF69",
-            hover: "rgb(99.6% 100% 75%)",
+            hover: "rgb(99.6% 100% 77.9%)",
             active: "#FAFF69"
           }
         }
@@ -41888,32 +41990,32 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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)"
+          warning: "rgb(100% 46.7% 16.1% / 0.2)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.2)"
         },
         text: {
           "default": "#b3b6bd",
           success: "#CCFFD0",
           neutral: "#c0c0c0",
           danger: "#ffbaba",
-          warning: "#ffca8b",
-          info: "#b5cdf9"
+          warning: "#FFB88F",
+          info: "#D0DFFB"
         },
         iconBackground: {
           "default": "#1F1F1C",
           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)"
+          warning: "rgb(100% 46.7% 16.1% / 0)",
+          info: "rgb(26.3% 49.4% 93.7% / 0)"
         },
         iconForeground: {
           "default": "#b3b6bd",
           success: "lch(95.6 28.9 144 / 0.75)",
           neutral: "lch(77.7 0 0 / 0.75)",
           danger: "lch(82.1 27.7 22 / 0.75)",
-          warning: "lch(85.1 41.3 70.5 / 0.75)",
-          info: "lch(81.7 24.6 268 / 0.75)"
+          warning: "lch(80.9 39 53.9 / 0.75)",
+          info: "lch(88.3 15.5 266 / 0.75)"
         }
       }
     },
@@ -41939,8 +42041,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
           danger: "rgb(100% 13.7% 13.7% / 0.2)",
           disabled: "#414141",
-          info: "rgb(7.45% 35.7% 90.2% / 0.2)",
-          warning: "rgb(100% 58% 8.63% / 0.2)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.2)",
+          warning: "rgb(100% 46.7% 16.1% / 0.2)"
         },
         text: {
           "default": "#b3b6bd",
@@ -41948,8 +42050,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           neutral: "#c0c0c0",
           danger: "#ffbaba",
           disabled: "#808080",
-          info: "#b5cdf9",
-          warning: "#ffca8b"
+          info: "#D0DFFB",
+          warning: "#FFB88F"
         },
         stroke: {
           "default": "#323232",
@@ -41957,8 +42059,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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: "rgb(7.45% 35.7% 90.2% / 0.1)",
-          warning: "rgb(100% 58% 8.63% / 0.1)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          warning: "rgb(100% 46.7% 16.1% / 0.1)"
         }
       }
     },
@@ -42048,7 +42150,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           empty: {
             text: {
               "default": "#FAFF69",
-              hover: "#feffba",
+              hover: "#FEFFC2",
               active: "#FAFF69",
               disabled: "#a0a0a0"
             },
@@ -42147,19 +42249,19 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           info: {
             background: {
-              "default": "rgb(7.45% 35.7% 90.2% / 0.2)",
-              hover: "#0e44ad",
-              active: "#135be6"
+              "default": "rgb(26.3% 49.4% 93.7% / 0.2)",
+              hover: "#1D64EC",
+              active: "#437EEF"
             },
             text: {
-              "default": "#b5cdf9",
-              hover: "#b5cdf9",
-              active: "#b5cdf9"
+              "default": "#D0DFFB",
+              hover: "#D0DFFB",
+              active: "#D0DFFB"
             },
             stroke: {
-              "default": "rgb(7.45% 35.7% 90.2% / 0.2)",
-              hover: "#0e44ad",
-              active: "#135be6"
+              "default": "rgb(26.3% 49.4% 93.7% / 0.2)",
+              hover: "#1D64EC",
+              active: "#437EEF"
             }
           }
         }
@@ -42467,11 +42569,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "rgb(17.8% 17.8% 17.8%)",
               hover: "rgb(17.8% 17.8% 17.8%)",
-              active: "#66FF73",
+              active: "#33FF44",
               disabled: "rgb(17.8% 17.8% 17.8%)"
             },
             stroke: {
-              "default": "#00CC11",
+              "default": "#00BD10",
               hover: "#66FF73",
               active: "#66FF73",
               disabled: "#606060"
@@ -42487,13 +42589,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "rgb(17.8% 17.8% 17.8%)",
               hover: "rgb(17.8% 17.8% 17.8%)",
-              active: "#6c9af3",
+              active: "#437EEF",
               disabled: "rgb(17.8% 17.8% 17.8%)"
             },
             stroke: {
-              "default": "#6c9af3",
-              hover: "#91b3f6",
-              active: "#91b3f6",
+              "default": "#6D9BF3",
+              hover: "#A1BEF7",
+              active: "#A1BEF7",
               disabled: "#606060"
             },
             check: {
@@ -42527,7 +42629,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "rgb(17.8% 17.8% 17.8%)",
               hover: "rgb(17.8% 17.8% 17.8%)",
-              active: "#FAFF69",
+              active: "#FF7729",
               disabled: "rgb(17.8% 17.8% 17.8%)"
             },
             stroke: {
@@ -42547,13 +42649,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "rgb(17.8% 17.8% 17.8%)",
               hover: "rgb(17.8% 17.8% 17.8%)",
-              active: "#66FFE5",
+              active: "#6DF8E1",
               disabled: "rgb(17.8% 17.8% 17.8%)"
             },
             stroke: {
-              "default": "#66FFE5",
-              hover: "#99FFEE",
-              active: "#99FFEE",
+              "default": "#6DF8E1",
+              hover: "#A3FAEC",
+              active: "#A3FAEC",
               disabled: "#606060"
             },
             check: {
@@ -43207,7 +43309,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         icon: {
           "default": "rgb(97.5% 97.5% 97.5%)",
           success: "#CCFFD0",
-          warning: "#ffca8b",
+          warning: "#FFB88F",
           danger: "#ffbaba"
         }
       }
@@ -43318,24 +43420,24 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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)",
-          info: "rgb(7.45% 35.7% 90.2% / 0.2)",
-          warning: "rgb(100% 58% 8.63% / 0.2)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.2)",
+          warning: "rgb(100% 46.7% 16.1% / 0.2)"
         },
         text: {
           "default": "rgba(0,0,0,0)",
           success: "#CCFFD0",
           neutral: "#c0c0c0",
           danger: "#ffbaba",
-          info: "#b5cdf9",
-          warning: "#ffca8b"
+          info: "#D0DFFB",
+          warning: "#FFB88F"
         },
         stroke: {
           "default": "rgba(0,0,0,0)",
           success: "rgb(20% 100% 26.7% / 0.05)",
           neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
           danger: "rgb(100% 13.7% 13.7% / 0.05)",
-          info: "rgb(7.45% 35.7% 90.2% / 0.05)",
-          warning: "rgb(100% 58% 8.63% / 0.05)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+          warning: "rgb(100% 46.7% 16.1% / 0.05)"
         }
       }
     },
@@ -43385,7 +43487,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           muted: "#b3b6bd",
           link: {
             "default": "#FAFF69",
-            hover: "#feffba"
+            hover: "#FEFFC2"
           },
           danger: "#ffbaba"
         },
@@ -43412,16 +43514,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     feedback: {
       color: {
         info: {
-          background: "rgb(7.45% 35.7% 90.2% / 0.2)",
-          foreground: "#b5cdf9"
+          background: "rgb(26.3% 49.4% 93.7% / 0.2)",
+          foreground: "#D0DFFB"
         },
         success: {
           background: "rgb(20% 100% 26.7% / 0.2)",
           foreground: "#CCFFD0"
         },
         warning: {
-          background: "rgb(100% 58% 8.63% / 0.2)",
-          foreground: "#ffca8b"
+          background: "rgb(100% 46.7% 16.1% / 0.2)",
+          foreground: "#FFB88F"
         },
         danger: {
           background: "rgb(100% 13.7% 13.7% / 0.2)",
@@ -43442,12 +43544,32 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     chart: {
       bars: {
         color: {
-          green: "#66FF73",
-          blue: "#6c9af3",
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#33FF44",
+          fuchsia: "#FB64D6",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          red: "#ff2323",
+          teal: "#6DF8E1",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
+        }
+      },
+      color: {
+        "default": {
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#33FF44",
           fuchsia: "#FB64D6",
-          orange: "#FAFF69",
+          yellow: "#eef400",
           violet: "#BB33FF",
-          teal: "#66FFE5"
+          babyblue: "#00CBEB",
+          red: "#ff2323",
+          teal: "#6DF8E1",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
         }
       }
     }
@@ -43466,7 +43588,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         muted: "#b3b6bd",
         link: {
           "default": "#FAFF69",
-          hover: "#feffba"
+          hover: "#FEFFC2"
         }
       },
       stroke: {
@@ -43486,16 +43608,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       },
       feedback: {
         info: {
-          background: "#09255B",
-          foreground: "#b5cdf9"
+          background: "#0D3E9B",
+          foreground: "#D0DFFB"
         },
         success: {
           background: "#004206",
           foreground: "#CCFFD0"
         },
         warning: {
-          background: "#4f2b00",
-          foreground: "#ffca8b"
+          background: "#7A2D00",
+          foreground: "#FFB88F"
         },
         danger: {
           background: "#610000",
@@ -43509,12 +43631,30 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       },
       chart: {
         bars: {
-          green: "#66FF73",
-          blue: "#6c9af3",
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#33FF44",
+          fuchsia: "#FB64D6",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          danger: "#ff2323",
+          teal: "#6DF8E1",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
+        },
+        "default": {
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#33FF44",
           fuchsia: "#FB64D6",
-          orange: "#FAFF69",
+          yellow: "#eef400",
           violet: "#BB33FF",
-          teal: "#66FFE5"
+          babyblue: "#00CBEB",
+          danger: "#ff2323",
+          teal: "#6DF8E1",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
         }
       },
       iconButton: {
@@ -43557,14 +43697,14 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         link: {
           label: {
-            "default": "#135be6",
-            hover: "#092e73",
-            active: "#135be6"
+            "default": "#437EEF",
+            hover: "#104EC6",
+            active: "#437EEF"
           },
           icon: {
-            "default": "#135be6",
-            hover: "lch(26.3 42.1 284)",
-            active: "#135be6"
+            "default": "#437EEF",
+            hover: "lch(40.8 66.4 286)",
+            active: "#437EEF"
           }
         }
       }
@@ -43576,32 +43716,32 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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)"
+          warning: "rgb(100% 46.7% 16.1% / 0.1)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)"
         },
         text: {
           "default": "#696e79",
-          success: "#00990D",
+          success: "#008A0B",
           neutral: "#53575f",
           danger: "#c10000",
-          warning: "#9e5600",
-          info: "#135be6"
+          warning: "#A33C00",
+          info: "#437EEF"
         },
         iconBackground: {
           "default": "#ffffff",
           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)"
+          warning: "rgb(100% 46.7% 16.1% / 0)",
+          info: "rgb(26.3% 49.4% 93.7% / 0)"
         },
         iconForeground: {
           "default": "#696e79",
-          success: "lch(54.9 75.8 135 / 0.75)",
+          success: "lch(49.8 70.2 135 / 0.75)",
           neutral: "lch(36.8 5.23 267 / 0.75)",
           danger: "lch(41 86.6 40.9 / 0.75)",
-          warning: "lch(44.6 59.8 63.2 / 0.75)",
-          info: "lch(41.9 80.9 287 / 0.75)"
+          warning: "lch(40.2 66.6 51.1 / 0.75)",
+          info: "lch(53.4 64.6 279 / 0.75)"
         }
       }
     },
@@ -43627,17 +43767,17 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
           danger: "rgb(100% 13.7% 13.7% / 0.1)",
           disabled: "#dfdfdf",
-          info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-          warning: "rgb(100% 58% 8.63% / 0.1)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          warning: "rgb(100% 46.7% 16.1% / 0.1)"
         },
         text: {
           "default": "#696e79",
-          success: "#00990D",
+          success: "#008A0B",
           neutral: "#53575f",
           danger: "#c10000",
           disabled: "#a0a0a0",
-          info: "#135be6",
-          warning: "#9e5600"
+          info: "#437EEF",
+          warning: "#A33C00"
         },
         stroke: {
           "default": "#e6e7e9",
@@ -43645,8 +43785,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+          warning: "rgb(100% 46.7% 16.1% / 0.05)"
         }
       }
     },
@@ -43735,9 +43875,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           empty: {
             text: {
-              "default": "#135be6",
-              hover: "#092e73",
-              active: "#135be6",
+              "default": "#437EEF",
+              hover: "#104EC6",
+              active: "#437EEF",
               disabled: "#a0a0a0"
             },
             background: {
@@ -43835,19 +43975,19 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           info: {
             background: {
-              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-              hover: "#b5cdf9",
-              active: "#91b3f6"
+              "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+              hover: "#D0DFFB",
+              active: "#A1BEF7"
             },
             text: {
-              "default": "#135be6",
-              hover: "#135be6",
-              active: "#135be6"
+              "default": "#437EEF",
+              hover: "#437EEF",
+              active: "#437EEF"
             },
             stroke: {
-              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-              hover: "#b5cdf9",
-              active: "#91b3f6"
+              "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+              hover: "#D0DFFB",
+              active: "#A1BEF7"
             }
           }
         }
@@ -43998,7 +44138,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           link: {
             "default": "#161517",
-            hover: "#135be6",
+            hover: "#437EEF",
             active: "#161517",
             disabled: "#a0a0a0"
           },
@@ -44149,7 +44289,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#62de85",
+              active: "#00E513",
               disabled: "#dfdfdf"
             },
             stroke: {
@@ -44169,13 +44309,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#6c9af3",
+              active: "#437EEF",
               disabled: "#dfdfdf"
             },
             stroke: {
-              "default": "#6c9af3",
-              hover: "#6c9af3",
-              active: "#6c9af3",
+              "default": "#6D9BF3",
+              hover: "#6D9BF3",
+              active: "#6D9BF3",
               disabled: "#c0c0c0"
             },
             check: {
@@ -44189,7 +44329,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#FB64D6",
+              active: "#FB32C9",
               disabled: "#dfdfdf"
             },
             stroke: {
@@ -44209,13 +44349,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#ffb864",
+              active: "#FF7729",
               disabled: "#dfdfdf"
             },
             stroke: {
-              "default": "#ffb864",
-              hover: "#ffb864",
-              active: "#ffb864",
+              "default": "#FF9457",
+              hover: "#FF9457",
+              active: "#FF9457",
               disabled: "#c0c0c0"
             },
             check: {
@@ -44229,13 +44369,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#00CCAA",
+              active: "#089B83",
               disabled: "#dfdfdf"
             },
             stroke: {
-              "default": "#00CCAA",
-              hover: "#00CCAA",
-              active: "#00CCAA",
+              "default": "#089B83",
+              hover: "#089B83",
+              active: "#089B83",
               disabled: "#c0c0c0"
             },
             check: {
@@ -44249,7 +44389,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#CC66FF",
+              active: "#BB33FF",
               disabled: "#dfdfdf"
             },
             stroke: {
@@ -44772,7 +44912,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "rgb(85% 89.5% 97.8%)"
+            active: "rgb(89.8% 92.8% 98.1%)"
           },
           title: {
             "default": "#161517"
@@ -44794,8 +44934,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         color: {
           background: {
             "default": "#ffffff",
-            hover: "lch(90.9 12.2 266 / 0.2)",
-            active: "rgb(85.9% 90.4% 98.9% / 0.2)"
+            hover: "lch(94.1 7.78 264 / 0.2)",
+            active: "rgb(90.8% 93.8% 99.2% / 0.2)"
           },
           stroke: {
             "default": "#e6e7e9"
@@ -44804,7 +44944,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             "default": "#161517"
           },
           link: {
-            "default": "#135be6"
+            "default": "#437EEF"
           },
           label: {
             "default": "#696e79"
@@ -44884,8 +45024,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         icon: {
           "default": "lch(11.1 1.37 305)",
-          success: "#00990D",
-          warning: "#9e5600",
+          success: "#008A0B",
+          warning: "#A33C00",
           danger: "#c10000"
         }
       }
@@ -44938,8 +45078,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           color: {
             background: {
               "default": "#f6f7fa",
-              selectIndirect: "lch(93.2 9.14 266)",
-              selectDirect: "lch(90 12.1 266)"
+              selectIndirect: "lch(95.6 5.84 264)",
+              selectDirect: "lch(93.2 7.7 264)"
             },
             title: {
               "default": "#696e79",
@@ -44948,8 +45088,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             },
             stroke: {
               "default": "lch(89.3 1.07 266)",
-              selectIndirect: "lch(88.6 11.9 266)",
-              selectDirect: "lch(79.7 24 268)"
+              selectIndirect: "lch(91.8 7.59 264)",
+              selectDirect: "lch(86.1 15.1 266)"
             }
           }
         }
@@ -44959,13 +45099,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           color: {
             background: {
               "default": "#ffffff",
-              selectIndirect: "lch(90.9 12.2 266 / 0.2)",
-              selectDirect: "lch(90.9 12.2 266 / 0.2)"
+              selectIndirect: "lch(94.1 7.78 264 / 0.2)",
+              selectDirect: "lch(94.1 7.78 264 / 0.2)"
             },
             stroke: {
               "default": "#e6e7e9",
-              selectIndirect: "lch(65.4 19.7 268)",
-              selectDirect: "#135be6"
+              selectIndirect: "lch(70.7 12.4 266)",
+              selectDirect: "#437EEF"
             },
             text: {
               "default": "lch(7.17 1.44 305)",
@@ -44993,24 +45133,24 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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)",
-          info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-          warning: "rgb(100% 58% 8.63% / 0.1)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          warning: "rgb(100% 46.7% 16.1% / 0.1)"
         },
         text: {
           "default": "rgba(0,0,0,0)",
-          success: "#00990D",
+          success: "#008A0B",
           neutral: "#53575f",
           danger: "#c10000",
-          info: "#135be6",
-          warning: "#9e5600"
+          info: "#437EEF",
+          warning: "#A33C00"
         },
         stroke: {
           "default": "rgba(0,0,0,0)",
           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)",
-          info: "rgb(7.45% 35.7% 90.2% / 0.05)",
-          warning: "rgb(100% 58% 8.63% / 0.05)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+          warning: "rgb(100% 46.7% 16.1% / 0.05)"
         }
       }
     },
@@ -45059,8 +45199,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#161517",
           muted: "#696e79",
           link: {
-            "default": "#135be6",
-            hover: "#092e73"
+            "default": "#437EEF",
+            hover: "#104EC6"
           },
           danger: "#c10000"
         },
@@ -45073,7 +45213,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#151515"
         },
         outline: {
-          "default": "#135be6"
+          "default": "#437EEF"
         },
         shadow: {
           "default": "lch(6.77 0 0 / 0.15)"
@@ -45087,16 +45227,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     feedback: {
       color: {
         info: {
-          background: "rgb(7.45% 35.7% 90.2% / 0.1)",
-          foreground: "#135be6"
+          background: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          foreground: "#437EEF"
         },
         success: {
           background: "rgb(20% 100% 26.7% / 0.1)",
-          foreground: "#00990D"
+          foreground: "#008A0B"
         },
         warning: {
-          background: "rgb(100% 58% 8.63% / 0.1)",
-          foreground: "#9e5600"
+          background: "rgb(100% 46.7% 16.1% / 0.1)",
+          foreground: "#A33C00"
         },
         danger: {
           background: "rgb(100% 13.7% 13.7% / 0.1)",
@@ -45117,12 +45257,32 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     chart: {
       bars: {
         color: {
-          green: "#62de85",
-          blue: "#6c9af3",
-          fuchsia: "#FB64D6",
-          orange: "#ffb864",
-          violet: "#CC66FF",
-          teal: "#00CCAA"
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          red: "#ff2323",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
+        }
+      },
+      color: {
+        "default": {
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          red: "#ff2323",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
         }
       }
     }
@@ -45141,8 +45301,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         "default": "#161517",
         muted: "#696e79",
         link: {
-          "default": "#135be6",
-          hover: "#092e73"
+          "default": "#437EEF",
+          hover: "#104EC6"
         }
       },
       stroke: {
@@ -45155,23 +45315,23 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         "default": "#151515"
       },
       outline: {
-        "default": "#135be6"
+        "default": "#437EEF"
       },
       shadow: {
         "default": "lch(6.77 0 0 / 0.15)"
       },
       feedback: {
         info: {
-          background: "#dae6fc",
-          foreground: "#135be6"
+          background: "#E7EFFD",
+          foreground: "#437EEF"
         },
         success: {
           background: "#E5FFE8",
-          foreground: "#00990D"
+          foreground: "#008A0B"
         },
         warning: {
-          background: "#ffedd8",
-          foreground: "#9e5600"
+          background: "#FFE2D1",
+          foreground: "#A33C00"
         },
         danger: {
           background: "#ffdddd",
@@ -45185,18 +45345,36 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       },
       chart: {
         bars: {
-          green: "#62de85",
-          blue: "#6c9af3",
-          fuchsia: "#FB64D6",
-          orange: "#ffb864",
-          violet: "#CC66FF",
-          teal: "#00CCAA"
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7",
+          red: "#ff2323"
+        },
+        "default": {
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7",
+          red: "#ff2323"
         }
       },
       iconButton: {
         badge: {
-          foreground: "#135be6",
-          background: "#dae6fc"
+          foreground: "#437EEF",
+          background: "#E7EFFD"
         }
       },
       icon: {
@@ -45287,14 +45465,14 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         link: {
           label: {
-            "default": "#135be6",
-            hover: "#092e73",
-            active: "#135be6"
+            "default": "#437EEF",
+            hover: "#104EC6",
+            active: "#437EEF"
           },
           icon: {
-            "default": "#135be6",
-            hover: "lch(26.3 42.1 284)",
-            active: "#135be6"
+            "default": "#437EEF",
+            hover: "lch(40.8 66.4 286)",
+            active: "#437EEF"
           }
         }
       }
@@ -45348,32 +45526,32 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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)"
+          warning: "rgb(100% 46.7% 16.1% / 0.1)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)"
         },
         text: {
           "default": "#696e79",
-          success: "#00990D",
+          success: "#008A0B",
           neutral: "#53575f",
           danger: "#c10000",
-          warning: "#9e5600",
-          info: "#135be6"
+          warning: "#A33C00",
+          info: "#437EEF"
         },
         iconBackground: {
           "default": "#ffffff",
           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)"
+          warning: "rgb(100% 46.7% 16.1% / 0)",
+          info: "rgb(26.3% 49.4% 93.7% / 0)"
         },
         iconForeground: {
           "default": "#696e79",
-          success: "lch(54.9 75.8 135 / 0.75)",
+          success: "lch(49.8 70.2 135 / 0.75)",
           neutral: "lch(36.8 5.23 267 / 0.75)",
           danger: "lch(41 86.6 40.9 / 0.75)",
-          warning: "lch(44.6 59.8 63.2 / 0.75)",
-          info: "lch(41.9 80.9 287 / 0.75)"
+          warning: "lch(40.2 66.6 51.1 / 0.75)",
+          info: "lch(53.4 64.6 279 / 0.75)"
         }
       }
     },
@@ -45463,17 +45641,17 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
           danger: "rgb(100% 13.7% 13.7% / 0.1)",
           disabled: "#dfdfdf",
-          info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-          warning: "rgb(100% 58% 8.63% / 0.1)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          warning: "rgb(100% 46.7% 16.1% / 0.1)"
         },
         text: {
           "default": "#696e79",
-          success: "#00990D",
+          success: "#008A0B",
           neutral: "#53575f",
           danger: "#c10000",
           disabled: "#a0a0a0",
-          info: "#135be6",
-          warning: "#9e5600"
+          info: "#437EEF",
+          warning: "#A33C00"
         },
         stroke: {
           "default": "#e6e7e9",
@@ -45481,8 +45659,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+          warning: "rgb(100% 46.7% 16.1% / 0.05)"
         }
       }
     },
@@ -45637,9 +45815,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           empty: {
             text: {
-              "default": "#135be6",
-              hover: "#092e73",
-              active: "#135be6",
+              "default": "#437EEF",
+              hover: "#104EC6",
+              active: "#437EEF",
               disabled: "#a0a0a0"
             },
             background: {
@@ -45763,19 +45941,19 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           info: {
             background: {
-              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-              hover: "#b5cdf9",
-              active: "#91b3f6"
+              "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+              hover: "#D0DFFB",
+              active: "#A1BEF7"
             },
             text: {
-              "default": "#135be6",
-              hover: "#135be6",
-              active: "#135be6"
+              "default": "#437EEF",
+              hover: "#437EEF",
+              active: "#437EEF"
             },
             stroke: {
-              "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
-              hover: "#b5cdf9",
-              active: "#91b3f6"
+              "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
+              hover: "#D0DFFB",
+              active: "#A1BEF7"
             }
           }
         }
@@ -46037,7 +46215,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           link: {
             "default": "#161517",
-            hover: "#135be6",
+            hover: "#437EEF",
             active: "#161517",
             disabled: "#a0a0a0"
           },
@@ -46304,7 +46482,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#62de85",
+              active: "#00E513",
               disabled: "#dfdfdf"
             },
             stroke: {
@@ -46324,13 +46502,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#6c9af3",
+              active: "#437EEF",
               disabled: "#dfdfdf"
             },
             stroke: {
-              "default": "#6c9af3",
-              hover: "#6c9af3",
-              active: "#6c9af3",
+              "default": "#6D9BF3",
+              hover: "#6D9BF3",
+              active: "#6D9BF3",
               disabled: "#c0c0c0"
             },
             check: {
@@ -46344,7 +46522,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#FB64D6",
+              active: "#FB32C9",
               disabled: "#dfdfdf"
             },
             stroke: {
@@ -46364,13 +46542,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#ffb864",
+              active: "#FF7729",
               disabled: "#dfdfdf"
             },
             stroke: {
-              "default": "#ffb864",
-              hover: "#ffb864",
-              active: "#ffb864",
+              "default": "#FF9457",
+              hover: "#FF9457",
+              active: "#FF9457",
               disabled: "#c0c0c0"
             },
             check: {
@@ -46384,13 +46562,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#00CCAA",
+              active: "#089B83",
               disabled: "#dfdfdf"
             },
             stroke: {
-              "default": "#00CCAA",
-              hover: "#00CCAA",
-              active: "#00CCAA",
+              "default": "#089B83",
+              hover: "#089B83",
+              active: "#089B83",
               disabled: "#c0c0c0"
             },
             check: {
@@ -46404,7 +46582,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#f6f7fa",
               hover: "#f6f7fa",
-              active: "#CC66FF",
+              active: "#BB33FF",
               disabled: "#dfdfdf"
             },
             stroke: {
@@ -47508,7 +47686,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             "default": "#f6f7fa",
             hover: "#f6f7fa",
-            active: "rgb(85% 89.5% 97.8%)"
+            active: "rgb(89.8% 92.8% 98.1%)"
           },
           title: {
             "default": "#161517"
@@ -47565,8 +47743,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         color: {
           background: {
             "default": "#ffffff",
-            hover: "lch(90.9 12.2 266 / 0.2)",
-            active: "rgb(85.9% 90.4% 98.9% / 0.2)"
+            hover: "lch(94.1 7.78 264 / 0.2)",
+            active: "rgb(90.8% 93.8% 99.2% / 0.2)"
           },
           stroke: {
             "default": "#e6e7e9"
@@ -47575,7 +47753,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             "default": "#161517"
           },
           link: {
-            "default": "#135be6"
+            "default": "#437EEF"
           },
           label: {
             "default": "#696e79"
@@ -47725,8 +47903,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         icon: {
           "default": "lch(11.1 1.37 305)",
-          success: "#00990D",
-          warning: "#9e5600",
+          success: "#008A0B",
+          warning: "#A33C00",
           danger: "#c10000"
         }
       }
@@ -47916,8 +48094,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           color: {
             background: {
               "default": "#f6f7fa",
-              selectIndirect: "lch(93.2 9.14 266)",
-              selectDirect: "lch(90 12.1 266)"
+              selectIndirect: "lch(95.6 5.84 264)",
+              selectDirect: "lch(93.2 7.7 264)"
             },
             title: {
               "default": "#696e79",
@@ -47926,8 +48104,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             },
             stroke: {
               "default": "lch(89.3 1.07 266)",
-              selectIndirect: "lch(88.6 11.9 266)",
-              selectDirect: "lch(79.7 24 268)"
+              selectIndirect: "lch(91.8 7.59 264)",
+              selectDirect: "lch(86.1 15.1 266)"
             }
           }
         },
@@ -47947,13 +48125,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           color: {
             background: {
               "default": "#ffffff",
-              selectIndirect: "lch(90.9 12.2 266 / 0.2)",
-              selectDirect: "lch(90.9 12.2 266 / 0.2)"
+              selectIndirect: "lch(94.1 7.78 264 / 0.2)",
+              selectDirect: "lch(94.1 7.78 264 / 0.2)"
             },
             stroke: {
               "default": "#e6e7e9",
-              selectIndirect: "lch(65.4 19.7 268)",
-              selectDirect: "#135be6"
+              selectIndirect: "lch(70.7 12.4 266)",
+              selectDirect: "#437EEF"
             },
             text: {
               "default": "lch(7.17 1.44 305)",
@@ -48047,24 +48225,24 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           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)",
-          info: "rgb(7.45% 35.7% 90.2% / 0.1)",
-          warning: "rgb(100% 58% 8.63% / 0.1)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          warning: "rgb(100% 46.7% 16.1% / 0.1)"
         },
         text: {
           "default": "rgba(0,0,0,0)",
-          success: "#00990D",
+          success: "#008A0B",
           neutral: "#53575f",
           danger: "#c10000",
-          info: "#135be6",
-          warning: "#9e5600"
+          info: "#437EEF",
+          warning: "#A33C00"
         },
         stroke: {
           "default": "rgba(0,0,0,0)",
           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)",
-          info: "rgb(7.45% 35.7% 90.2% / 0.05)",
-          warning: "rgb(100% 58% 8.63% / 0.05)"
+          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+          warning: "rgb(100% 46.7% 16.1% / 0.05)"
         }
       }
     },
@@ -48145,8 +48323,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#161517",
           muted: "#696e79",
           link: {
-            "default": "#135be6",
-            hover: "#092e73"
+            "default": "#437EEF",
+            hover: "#104EC6"
           },
           danger: "#c10000"
         },
@@ -48159,7 +48337,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#151515"
         },
         outline: {
-          "default": "#135be6"
+          "default": "#437EEF"
         },
         shadow: {
           "default": "lch(6.77 0 0 / 0.15)"
@@ -48173,16 +48351,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     feedback: {
       color: {
         info: {
-          background: "rgb(7.45% 35.7% 90.2% / 0.1)",
-          foreground: "#135be6"
+          background: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          foreground: "#437EEF"
         },
         success: {
           background: "rgb(20% 100% 26.7% / 0.1)",
-          foreground: "#00990D"
+          foreground: "#008A0B"
         },
         warning: {
-          background: "rgb(100% 58% 8.63% / 0.1)",
-          foreground: "#9e5600"
+          background: "rgb(100% 46.7% 16.1% / 0.1)",
+          foreground: "#A33C00"
         },
         danger: {
           background: "rgb(100% 13.7% 13.7% / 0.1)",
@@ -48203,12 +48381,32 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     chart: {
       bars: {
         color: {
-          green: "#62de85",
-          blue: "#6c9af3",
-          fuchsia: "#FB64D6",
-          orange: "#ffb864",
-          violet: "#CC66FF",
-          teal: "#00CCAA"
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          red: "#ff2323",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
+        }
+      },
+      color: {
+        "default": {
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          red: "#ff2323",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7"
         }
       }
     }
@@ -48265,8 +48463,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         "default": "#161517",
         muted: "#696e79",
         link: {
-          "default": "#135be6",
-          hover: "#092e73"
+          "default": "#437EEF",
+          hover: "#104EC6"
         }
       },
       stroke: {
@@ -48279,23 +48477,23 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         "default": "#151515"
       },
       outline: {
-        "default": "#135be6"
+        "default": "#437EEF"
       },
       shadow: {
         "default": "lch(6.77 0 0 / 0.15)"
       },
       feedback: {
         info: {
-          background: "#dae6fc",
-          foreground: "#135be6"
+          background: "#E7EFFD",
+          foreground: "#437EEF"
         },
         success: {
           background: "#E5FFE8",
-          foreground: "#00990D"
+          foreground: "#008A0B"
         },
         warning: {
-          background: "#ffedd8",
-          foreground: "#9e5600"
+          background: "#FFE2D1",
+          foreground: "#A33C00"
         },
         danger: {
           background: "#ffdddd",
@@ -48309,18 +48507,38 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       },
       chart: {
         bars: {
-          green: "#62de85",
-          blue: "#6c9af3",
-          fuchsia: "#FB64D6",
-          orange: "#ffb864",
-          violet: "#CC66FF",
-          teal: "#00CCAA"
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          danger: "#ff2323",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7",
+          red: "#ff2323"
+        },
+        "default": {
+          blue: "#437EEF",
+          orange: "#FF7729",
+          green: "#00E513",
+          fuchsia: "#FB32C9",
+          yellow: "#eef400",
+          violet: "#BB33FF",
+          babyblue: "#00CBEB",
+          danger: "#ff2323",
+          teal: "#089B83",
+          sunrise: "#FFC300",
+          slate: "#9a9ea7",
+          red: "#ff2323"
         }
       },
       iconButton: {
         badge: {
-          foreground: "#135be6",
-          background: "#dae6fc"
+          foreground: "#437EEF",
+          background: "#E7EFFD"
         }
       },
       icon: {
@@ -48335,14 +48553,15 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   const palette = {
     brand: {
       "50": "#ffffe8",
-      "100": "#feffba",
+      "100": "#FEFFC2",
       "200": "#fdffa3",
       "300": "#FAFF69",
       "400": "#eef400",
-      "500": "#9fa300",
-      "600": "#4f5100",
-      "700": "#27291B",
-      "800": "#161600",
+      "500": "#C7CC00",
+      "600": "#959900",
+      "700": "#686B00",
+      "800": "#3C4601",
+      "900": "#333300",
       base: "#fbff46"
     },
     neutral: {
@@ -48391,17 +48610,17 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       base: "#2f2c3a"
     },
     info: {
-      "50": "#dae6fc",
-      "100": "#b5cdf9",
-      "200": "#91b3f6",
-      "300": "#6c9af3",
-      "400": "#135be6",
-      "500": "#0e44ad",
-      "600": "#092e73",
-      "650": "#09255B",
-      "700": "#061d48",
-      "800": "#05173a",
-      "900": "#041330",
+      "50": "#E7EFFD",
+      "100": "#D0DFFB",
+      "200": "#A1BEF7",
+      "300": "#6D9BF3",
+      "400": "#437EEF",
+      "500": "#1D64EC",
+      "600": "#104EC6",
+      "650": "#0D3E9B",
+      "700": "#0D3E9B",
+      "800": "#092B6C",
+      "900": "#061C47",
       base: "#4781f0"
     },
     success: {
@@ -48410,25 +48629,25 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       "200": "#99FFA1",
       "300": "#66FF73",
       "400": "#33FF44",
-      "500": "#00FF15",
-      "600": "#00CC11",
-      "700": "#00990D",
-      "800": "#006609",
+      "500": "#00E513",
+      "600": "#00BD10",
+      "700": "#008A0B",
+      "800": "#006108",
       "850": "#004206",
       "900": "#004206",
       base: "#62de85"
     },
     warning: {
-      "50": "#ffedd8",
-      "100": "#ffdbb1",
-      "200": "#ffca8b",
-      "300": "#ffb864",
-      "400": "#ff9416",
-      "500": "#ed8000",
-      "600": "#c66b00",
-      "700": "#9e5600",
-      "800": "#4f2b00",
-      "900": "#271500",
+      "50": "#FFE2D1",
+      "100": "#FFCBAD",
+      "200": "#FFB88F",
+      "300": "#FF9457",
+      "400": "#FF7729",
+      "500": "#F55A00",
+      "600": "#D64F00",
+      "700": "#A33C00",
+      "800": "#7A2D00",
+      "900": "#471A00",
       base: "#ffa63d"
     },
     danger: {
@@ -48454,17 +48673,17 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       transparent: "rgba(0,0,0,0)"
     },
     teal: {
-      "50": "#E5FFFB",
-      "100": "#CCFFF6",
-      "200": "#99FFEE",
-      "300": "#66FFE5",
-      "400": "#33FFDD",
-      "500": "#00FFD4",
-      "600": "#00CCAA",
-      "700": "#009980",
-      "800": "#006655",
+      "50": "#E6FEFA",
+      "100": "#CFFCF4",
+      "200": "#A3FAEC",
+      "300": "#6DF8E1",
+      "400": "#0CEDC8",
+      "500": "#0BD0AF",
+      "600": "#089B83",
+      "700": "#067462",
+      "800": "#045245",
       "850": "#004237",
-      "900": "#00332A"
+      "900": "#03352D"
     },
     violet: {
       "50": "#F6E5FF",
@@ -48491,6 +48710,30 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       "800": "#66004D",
       "850": "#4D0039",
       "900": "#330026"
+    },
+    sunrise: {
+      "50": "#FFF3CC",
+      "100": "#FFE799",
+      "200": "#FFDB66",
+      "300": "#FFCF33",
+      "400": "#FFC300",
+      "500": "#E0AC00",
+      "600": "#B28800",
+      "700": "#8A6900",
+      "800": "#574200",
+      "900": "#332700"
+    },
+    babyblue: {
+      "50": "#DBFAFF",
+      "100": "#BDF6FF",
+      "200": "#8AEFFF",
+      "300": "#33E4FF",
+      "400": "#00CBEB",
+      "500": "#00B5D1",
+      "600": "#008599",
+      "700": "#006170",
+      "800": "#00424D",
+      "900": "#002C33"
     }
   };
   const sizes = {