td-stylekit 32.0.1 → 33.1.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# [33.1.0](https://github.com/treasure-data/td-stylekit/compare/v33.0.0...v33.1.0) (2026-04-20)
+
+
+### Features
+
+* **API-8974:** Update Logo components with new logo assets ([#1794](https://github.com/treasure-data/td-stylekit/issues/1794)) ([9270ef9](https://github.com/treasure-data/td-stylekit/commit/9270ef9ff188a9b9ade30aedbcc132bb63e3f28b))
+
+# [33.0.0](https://github.com/treasure-data/td-stylekit/compare/v32.0.1...v33.0.0) (2026-03-25)
+
+
+### Features
+
+* **UIDX-593:** Remove Tree and react-sortable-tree dep ([#1770](https://github.com/treasure-data/td-stylekit/issues/1770)) ([a764224](https://github.com/treasure-data/td-stylekit/commit/a764224c57503e3b8b089a0d72b7008365c76c9d))
+
+
+### BREAKING CHANGES
+
+* **UIDX-593:** Testing major release mechanism with empty commit
+
+* feat!: trigger major release
+* **UIDX-593:** Testing major release mechanism with proper conventional commit format
+
+* fix Preview
+
 ## [32.0.1](https://github.com/treasure-data/td-stylekit/compare/v32.0.0...v32.0.1) (2026-03-03)
 
 

package/dist/es/DataGrid/elements.d.ts

@@ -453,12 +453,6 @@ export declare const CategoryInput: typeof Input & StyledComponent<any, {}, {
             Root: symbol;
             ToggleKnob: symbol;
         };
-        Tree: {
-            NodeContentWrapper: symbol;
-            IconWrapper: symbol;
-            PlusMinusButton: symbol;
-            Spinner: symbol;
-        };
         UserAvatar: {
             Root: symbol;
             AvatarFallback: symbol;

package/dist/es/Logo/Logo.js

@@ -18,7 +18,7 @@ function LogoTD(_ref) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 30 : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 21 : _ref$height,
+    height = _ref$height === void 0 ? 20 : _ref$height,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'themed' : _ref$variant;
   // return the relevant logo based on the variant - if the type is 'themed'

package/dist/es/Logo/LogoDark.js

@@ -17,110 +17,134 @@ function LogoDark(_ref) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 30 : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 21 : _ref$height;
+    height = _ref$height === void 0 ? 20 : _ref$height;
   return (0, _jsxRuntime.jsxs)("svg", {
     "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg"),
     width: width,
     height: height,
     className: className,
-    version: "1.1",
-    viewBox: "0 0 30 21",
+    viewBox: "0 0 156 104",
     xmlns: "http://www.w3.org/2000/svg",
     children: [(0, _jsxRuntime.jsxs)("defs", {
       "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs"),
       children: [(0, _jsxRuntime.jsxs)("linearGradient", {
         "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
-        id: "a-6",
-        x1: "489.81",
-        x2: "545.14",
-        y1: "508.1",
-        y2: "603.95",
-        gradientTransform: "matrix(1 0 0 -1 -542.85 580.46)",
+        id: "logo-dark-gradient",
+        x1: "26.5",
+        y1: "78.52",
+        x2: "116.36",
+        y2: "-11.35",
         gradientUnits: "userSpaceOnUse",
         children: [(0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#85f",
-          offset: "0"
+          offset: ".03",
+          stopColor: "#ff86b4"
         }), (0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#00b6ff",
-          offset: "1"
+          offset: ".04",
+          stopColor: "#fa84b7"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: ".16",
+          stopColor: "#c572dd"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: ".25",
+          stopColor: "#a468f5"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: ".31",
+          stopColor: "#9864ff"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: ".38",
+          stopColor: "#8470ff"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: ".68",
+          stopColor: "#3d9cff"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: ".89",
+          stopColor: "#11b8ff"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: "1",
+          stopColor: "#00c3ff"
         })]
-      }), (0, _jsxRuntime.jsx)("linearGradient", {
-        "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
-        id: "linearGradient3192",
-        x1: "530.33",
-        x2: "540.4",
-        y1: "569.98",
-        y2: "611.57",
-        gradientTransform: "matrix(1 0 0 -1 -542.85 580.46)",
-        gradientUnits: "userSpaceOnUse"
       }), (0, _jsxRuntime.jsxs)("linearGradient", {
         "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
-        id: "b-8",
-        x1: "530.33",
-        x2: "540.4",
-        y1: "569.98",
-        y2: "611.57",
-        gradientTransform: "matrix(1,0,0,-1,0,1080)",
+        id: "logo-dark-gradient-2",
+        x1: "87.78",
+        y1: "17.35",
+        x2: "87.78",
+        y2: "-12.19",
         gradientUnits: "userSpaceOnUse",
         children: [(0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#fff",
-          offset: ".07"
+          offset: ".07",
+          stopColor: "#fff"
         }), (0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#009fff",
-          offset: ".89"
+          offset: ".89",
+          stopColor: "#00baff"
         })]
-      }), (0, _jsxRuntime.jsx)("linearGradient", {
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
         "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
-        id: "c-5",
-        x1: "569.17",
-        x2: "604.29",
-        y1: "565.3",
-        y2: "595.33",
-        gradientTransform: "translate(-542.85 -499.54)"
+        id: "logo-dark-gradient-3",
+        x1: "121.2",
+        y1: "15.53",
+        x2: "170.87",
+        y2: "15.53",
+        gradientUnits: "userSpaceOnUse",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: "0",
+          stopColor: "#fff"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
+          offset: ".89",
+          stopColor: "#30c4ff"
+        })]
       }), (0, _jsxRuntime.jsxs)("linearGradient", {
         "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient"),
-        id: "d",
-        x1: "523.4",
-        x2: "578.42",
-        y1: "539.16",
-        y2: "520.11",
-        gradientTransform: "matrix(1 0 0 -1 -542.85 580.46)",
+        id: "logo-dark-gradient-4",
+        x1: "84.53",
+        y1: "59.64",
+        x2: "143.97",
+        y2: "70.74",
         gradientUnits: "userSpaceOnUse",
         children: [(0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#4036c1",
-          offset: "0"
+          offset: ".03",
+          stopColor: "#7b32dc"
         }), (0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#539eff",
-          offset: ".98"
+          offset: ".98",
+          stopColor: "#32bdff"
         })]
       })]
     }), (0, _jsxRuntime.jsxs)("g", {
       "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g"),
-      transform: "matrix(.20552 0 0 .20552 19.308 1.8254)",
+      id: "Stacked",
       children: [(0, _jsxRuntime.jsx)("path", {
         "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g", "path"),
-        d: "m-15.956 87.688 65.9-65.91a7.06 7.06 0 0 0 0-10l-17.31-17.32a11.36 11.36 0 0 0-8.05-3.34h-91a11.4 11.4 0 0 0-8.06 3.34l-17.37 17.35a7 7 0 0 0-0.1 9.9l0.1 0.1 65.9 65.91a7.06 7.06 0 0 0 10 0z",
-        fill: "url(#a-6)"
+        d: "M83.02,102.82l70.21-70.21c2.93-2.93,2.93-7.69,0-10.62l-18.44-18.44C132.52,1.28,129.43,0,126.21,0H29.22C26,0,22.91,1.28,20.64,3.56L2.2,21.99c-2.93,2.93-2.93,7.69,0,10.62l70.21,70.21c2.93,2.93,7.69,2.93,10.62,0Z",
+        fill: "url(#logo-dark-gradient)"
       }), (0, _jsxRuntime.jsx)("path", {
         "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g", "path"),
-        d: "m-75.006-5.0117a10 10 0 0 1 9.11-2.74l114.44 23.21a3.51 3.51 0 0 1 2.73 4.13 3.26 3.26 0 0 1-0.22 0.69 7 7 0 0 0-1.11-8.5l-17.31-17.32a11.36 11.36 0 0 0-8.05-3.34h-91a11.4 11.4 0 0 0-8.06 3.34z",
-        fill: "url(#linearGradient3192)",
+        d: "M20.13,4.07c2.54-2.54,6.18-3.64,9.7-2.92l121.91,24.78c2.43.49,3.58,3.07,2.68,5.14,1.66-2.87,1.27-6.6-1.18-9.06l-18.44-18.44c-2.28-2.28-5.36-3.55-8.58-3.55H29.22c-3.22,0-6.31,1.28-8.58,3.56l-.51.51Z",
+        fill: "url(#logo-dark-gradient-2)",
         opacity: ".4"
       }), (0, _jsxRuntime.jsx)("path", {
         "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g", "path"),
-        d: "m26.814-3.8117-6.66 13.53 28.39 5.74a3.51 3.51 0 0 1 2.73 4.13 3.26 3.26 0 0 1-0.22 0.69 7 7 0 0 0-1.11-8.5l-17.31-17.32a11.36 11.36 0 0 0-8.05-3.34h-0.88a3.48 3.48 0 0 1 3.11 5.06z",
-        fill: "url(#c-5)",
-        opacity: ".4"
+        d: "M128.59,5.35l-7.14,14.42,30.29,6.15c2.43.49,3.58,3.07,2.68,5.14,1.66-2.87,1.27-6.6-1.18-9.06l-18.44-18.44c-2.28-2.28-5.36-3.55-8.58-3.55h-.94c2.75,0,4.54,2.88,3.32,5.35Z",
+        fill: "url(#logo-dark-gradient-3)",
+        opacity: ".6"
       }), (0, _jsxRuntime.jsx)("path", {
         "data-gs": gs("src", "logo", "logodark.tsx", "logo-dark", "svg", "g", "path"),
-        d: "m51.054 20.318a3.5 3.5 0 0 0-1.82-4.6 3.26 3.26 0 0 0-0.69-0.22l-28.39-5.78-38.2 77.09a4.69 4.69 0 0 1-5.59 2.4 7.06 7.06 0 0 0 7.68-1.52l65.9-65.91a6.33 6.33 0 0 0 1.11-1.46z",
-        fill: "url(#d)"
+        d: "M154.42,31.06c.9-2.06-.25-4.64-2.68-5.14l-30.29-6.15-40.65,82.12c-1.14,2.3-3.72,3.25-5.96,2.56,2.72,1.12,5.97.58,8.18-1.63l70.21-70.21c.47-.47.86-1,1.19-1.56h0Z",
+        fill: "url(#logo-dark-gradient-4)"
       })]
     })]
   });

package/dist/es/Logo/LogoLight.js

@@ -15,108 +15,126 @@ function LogoLight(_ref) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 30 : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 21 : _ref$height;
+    height = _ref$height === void 0 ? 20 : _ref$height;
   return (0, _jsxRuntime.jsxs)("svg", {
     "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg"),
     width: width,
     height: height,
     className: className,
-    version: "1.1",
-    viewBox: "0 0 30 21",
+    viewBox: "0 0 156 104",
     xmlns: "http://www.w3.org/2000/svg",
     children: [(0, _jsxRuntime.jsxs)("defs", {
       "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs"),
       children: [(0, _jsxRuntime.jsxs)("linearGradient", {
         "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient"),
-        id: "paint0_linear",
-        x1: "9.5454",
-        x2: "18.336",
-        y1: "14.795",
-        y2: "1.5642",
+        id: "logo-light-gradient",
+        x1: "43.56",
+        y1: "86.46",
+        x2: "102.47",
+        y2: "-15.58",
         gradientUnits: "userSpaceOnUse",
         children: [(0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#EFECFF",
-          offset: "0"
+          offset: "0",
+          stopColor: "#fff"
         }), (0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#A4C9EB",
-          offset: "1"
+          offset: "1",
+          stopColor: "#c8c8c8"
         })]
       }), (0, _jsxRuntime.jsxs)("linearGradient", {
         "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient"),
-        id: "paint1_linear",
-        x1: "18.136",
-        x2: "19.201",
-        y1: "1.9091",
-        y2: "-4.7377",
+        id: "logo-light-gradient-2",
+        x1: "86.7",
+        y1: "20.57",
+        x2: "97.43",
+        y2: "-23.74",
         gradientUnits: "userSpaceOnUse",
         children: [(0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#fff",
-          offset: ".07"
+          offset: ".07",
+          stopColor: "#fff"
         }), (0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#009FFF",
-          offset: ".89"
+          offset: "1",
+          stopColor: "#f0f0f0"
         })]
       }), (0, _jsxRuntime.jsxs)("linearGradient", {
         "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient"),
-        id: "paint2_linear",
-        x1: "3743.5",
-        x2: "4101.1",
-        y1: "1482.8",
-        y2: "1154.2",
+        id: "logo-light-gradient-3",
+        x1: "79.31",
+        y1: "53.41",
+        x2: "137.92",
+        y2: "73.7",
         gradientUnits: "userSpaceOnUse",
         children: [(0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#fff",
-          offset: ".07"
+          offset: ".34",
+          stopColor: "#c8c8c8"
         }), (0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#009FFF",
-          offset: ".89"
+          offset: ".55",
+          stopColor: "#d0d0d0"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
+          offset: ".9",
+          stopColor: "#e7e7e7"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
+          offset: "1",
+          stopColor: "#f0f0f0"
         })]
       }), (0, _jsxRuntime.jsxs)("linearGradient", {
         "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient"),
-        id: "paint3_linear",
-        x1: "19.568",
-        x2: "27.727",
-        y1: "10.5",
-        y2: "14.708",
+        id: "logo-light-gradient-4",
+        x1: "-31.25",
+        y1: "6.25",
+        x2: "137.84",
+        y2: "64.79",
         gradientUnits: "userSpaceOnUse",
         children: [(0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#EAF0FF",
-          offset: "0"
+          offset: "0",
+          stopColor: "#85f"
         }), (0, _jsxRuntime.jsx)("stop", {
           "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "defs", "linear-gradient", "stop"),
-          stopColor: "#7BA2CB",
-          offset: ".98"
+          offset: "1",
+          stopColor: "#00b6ff"
         })]
       })]
     }), (0, _jsxRuntime.jsxs)("g", {
       "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g"),
-      transform: "matrix(.98199 0 0 .98199 -.0017606 .00011238)",
-      clipPath: "url(#clip0)",
+      style: {
+        isolation: 'isolate'
+      },
       children: [(0, _jsxRuntime.jsx)("path", {
         "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "path"),
-        d: "m16.317 20.561 13.797-14.039c0.2766-0.28152 0.4319-0.66328 0.4319-1.0613s-0.1553-0.77983-0.4319-1.0613l-3.6233-3.6881c-0.2215-0.22534-0.4845-0.40408-0.7739-0.52601-0.2894-0.12193-0.5995-0.18466-0.9128-0.18461h-19.061c-0.31323-5.0053e-5 -0.6234 0.062682-0.91279 0.18461-0.2894 0.12193-0.55237 0.30067-0.77387 0.52601l-3.6233 3.6881c-0.27657 0.28151-0.43194 0.66328-0.43194 1.0613s0.15537 0.77982 0.43194 1.0613l13.797 14.039c0.2767 0.2814 0.6519 0.4395 1.0431 0.4395s0.7663-0.1581 1.043-0.4395z",
-        fill: "url(#paint0_linear)"
+        d: "M83.02,102.82l70.21-70.21c2.93-2.93,2.93-7.69,0-10.62l-18.44-18.44C132.52,1.28,129.43,0,126.21,0H29.22C26,0,22.91,1.28,20.64,3.56L2.2,21.99c-2.93,2.93-2.93,7.69,0,10.62l70.21,70.21c2.93,2.93,7.69,2.93,10.62,0Z",
+        fill: "url(#logo-light-gradient)"
       }), (0, _jsxRuntime.jsx)("path", {
         "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "path"),
-        d: "m3.9557 0.81288c0.24587-0.24981 0.54868-0.43383 0.88143-0.53563 0.33274-0.1018 0.68507-0.11823 1.0256-0.047812l23.959 4.9547c0.1067 0.02229 0.2073 0.0685 0.2942 0.13528 0.087 0.06678 0.1583 0.15245 0.2086 0.25078 0.0504 0.09833 0.0786 0.20684 0.0825 0.31764 4e-3 0.1108-0.0164 0.22111-0.0596 0.3229 0.1627-0.28598 0.2281-0.61864 0.1859-0.94629s-0.1895-0.63196-0.4191-0.86566l-3.6233-3.6881c-0.2215-0.22534-0.4845-0.40408-0.7739-0.52601-0.2894-0.12193-0.5995-0.18466-0.9128-0.18461h-19.061c-0.31323-5.0053e-5 -0.6234 0.062682-0.9128 0.18461-0.2894 0.12193-0.55236 0.30067-0.77387 0.52601z",
-        fill: "url(#paint1_linear)",
-        opacity: ".4"
+        d: "M20.13,4.07c2.54-2.54,6.18-3.64,9.7-2.92l121.91,24.78c2.43.49,3.58,3.07,2.68,5.14,1.66-2.87,1.27-6.6-1.18-9.06l-18.44-18.44c-2.28-2.28-5.36-3.55-8.58-3.55H29.22c-3.22,0-6.31,1.28-8.58,3.56l-.51.51Z",
+        fill: "url(#logo-light-gradient-2)",
+        opacity: ".7"
       }), (0, _jsxRuntime.jsx)("path", {
         "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "path"),
-        d: "m25.278 1.0698-1.4019 2.8844 5.9517 1.2311c0.1067 0.02229 0.2072 0.0685 0.2942 0.13528s0.1582 0.15245 0.2086 0.25078c0.0503 0.09833 0.0785 0.20684 0.0825 0.31764 0.0039 0.11081-0.0164 0.22111-0.0596 0.3229 0.1627-0.28598 0.228-0.61864 0.1859-0.94629-0.0422-0.32765-0.1895-0.63196-0.4192-0.86566l-3.6297-3.6895c-0.2215-0.22534-0.4845-0.40408-0.7739-0.52601-0.2894-0.12193-0.5995-0.18466-0.9128-0.18461h-0.1842c0.1244-0.001081 0.247 0.030301 0.3561 0.091151 0.1091 0.06085 0.2011 0.14914 0.2671 0.25644 0.0661 0.1073 0.104 0.23003 0.1101 0.35647 0.0062 0.12644-0.0196 0.25239-0.0749 0.36581z",
-        fill: "url(#paint2_linear)",
-        opacity: ".4"
+        d: "M128.59,5.35l-7.14,14.42,30.29,6.15c2.43.49,3.58,3.07,2.68,5.14,1.66-2.87,1.27-6.6-1.18-9.06l-18.44-18.44c-2.28-2.28-5.36-3.55-8.58-3.55h-.94c2.75,0,4.54,2.88,3.32,5.35Z",
+        fill: "#fff"
       }), (0, _jsxRuntime.jsx)("path", {
         "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "path"),
-        d: "m30.347 6.2108c0.0433-0.10179 0.0636-0.2121 0.0597-0.3229-4e-3 -0.1108-0.0322-0.21931-0.0825-0.31764-0.0504-0.09832-0.1216-0.184-0.2086-0.25078s-0.1875-0.11299-0.2943-0.13528l-5.9516-1.2311-7.9888 16.422c-0.103 0.213-0.2772 0.3817-0.4914 0.4759-0.2141 0.0942-0.4542 0.1077-0.6773 0.0381 0.2694 0.1136 0.5659 0.1433 0.8519 0.0855 0.286-0.0579 0.5487-0.2008 0.7549-0.4107l13.795-14.042c0.0909-0.09263 0.1694-0.19712 0.2332-0.31073z",
-        fill: "url(#paint3_linear)"
+        d: "M154.42,31.06c.9-2.06-.25-4.64-2.68-5.14l-30.29-6.15-40.65,82.12c-1.14,2.3-3.72,3.25-5.96,2.56,2.72,1.12,5.97.58,8.18-1.63l70.21-70.21c.47-.47.86-1,1.19-1.56h0Z",
+        fill: "url(#logo-light-gradient-3)"
+      }), (0, _jsxRuntime.jsx)("g", {
+        "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "g"),
+        style: {
+          mixBlendMode: 'color',
+          opacity: 0.5
+        },
+        children: (0, _jsxRuntime.jsx)("path", {
+          "data-gs": gs("src", "logo", "logolight.tsx", "logo-light", "svg", "g", "g", "path"),
+          d: "M155.39,26.89c-.01-.26-.03-.51-.07-.77-.03-.19-.07-.37-.11-.55-.03-.13-.04-.26-.08-.38-.04-.14-.1-.26-.15-.4-.06-.17-.12-.33-.19-.5-.12-.28-.27-.54-.43-.81-.08-.13-.15-.27-.23-.39-.26-.38-.55-.75-.89-1.09h0s-18.44-18.44-18.44-18.44c-.85-.85-1.82-1.57-2.87-2.13-.02-.01-.04-.02-.06-.03C130.14.49,128.2,0,126.21,0H29.22C26,0,22.91,1.28,20.64,3.56L2.2,21.99c-2.93,2.93-2.93,7.69,0,10.62l70.21,70.21c.72.72,1.56,1.26,2.45,1.63,0,0,0,0,0,0,0,0,0,0,.01,0,.07.03.14.04.21.07.34.13.69.23,1.04.31.14.03.29.05.44.08.3.05.6.08.9.09.14,0,.28.01.42.01.43,0,.85-.04,1.27-.12.04,0,.07-.02.11-.03.39-.08.77-.2,1.15-.34.13-.05.25-.11.37-.16.29-.13.58-.28.86-.45.12-.07.23-.14.34-.21.37-.26.73-.54,1.06-.87l70.21-70.21c.31-.31.58-.65.82-1,.09-.12.17-.25.25-.37.04-.06.08-.12.12-.18.09-.15.14-.31.22-.46.1-.2.21-.4.29-.6.11-.27.18-.56.25-.84.07-.29.13-.59.17-.89.03-.27.07-.53.08-.8,0-.19-.01-.38-.02-.58Z",
+          fill: "url(#logo-light-gradient-4)"
+        })
       })]
     })]
   });

package/dist/es/ThemeProvider/overridable.d.ts

@@ -215,12 +215,6 @@ declare const Overridable: {
         Root: symbol;
         ToggleKnob: symbol;
     };
-    Tree: {
-        NodeContentWrapper: symbol;
-        IconWrapper: symbol;
-        PlusMinusButton: symbol;
-        Spinner: symbol;
-    };
     UserAvatar: {
         Root: symbol;
         AvatarFallback: symbol;

package/dist/es/ThemeProvider/overridable.js

@@ -223,12 +223,6 @@ var Overridable = {
     Root: Symbol('Toggle.Root'),
     ToggleKnob: Symbol('Toggle.ToggleKnob')
   },
-  Tree: {
-    NodeContentWrapper: Symbol('Tree.NodeContentWrapper'),
-    IconWrapper: Symbol('Tree.IconWrapper'),
-    PlusMinusButton: Symbol('Tree.PlusMinusButton'),
-    Spinner: Symbol('Tree.Spinner')
-  },
   UserAvatar: {
     Root: Symbol('UserAvatar.Root'),
     AvatarFallback: Symbol('UserAvatar.AvatarFallback')

package/dist/es/ThemeProvider/reskinTheme.js

@@ -182,40 +182,6 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
   ':hover': {
     backgroundColor: palette.secondary[3]
   }
-}), _overridable["default"].Tree.NodeContentWrapper, function (props) {
-  return {
-    borderRadius: radius[1],
-    backgroundColor: props.selected ? palette.secondary[0] : palette.neutral[0],
-    color: props.disabled ? palette.neutral[9] : props.selected ? palette.secondary[5] : palette.neutral[11],
-    ':hover': {
-      color: props.selected ? palette.secondary[5] : props.disabled ? '' : palette.secondary[4],
-      // I'm only using this to override the hover color of the icon
-      // because I don't want to import IconWrapper and cause a circular dependency.
-      // The selector should be: [IconWrapper as any]
-      'div > div:has(+ div)': {
-        color: props.selected ? "".concat(palette.secondary[5], " !important") // don't do this in real life :P
-        : props.disabled ? '' : palette.secondary[4]
-      }
-    }
-  };
-}), _overridable["default"].Tree.IconWrapper, function (props) {
-  return {
-    color: props.disabled ? palette.neutral[7] : props.selected ? palette.secondary[5] : palette.neutral[8]
-  };
-}), _overridable["default"].Tree.PlusMinusButton, function (props) {
-  return {
-    color: props.disabled ? palette.neutral[7] : props.selected ? palette.neutral[0] : palette.neutral[8],
-    backgroundColor: props.spinner ? 'transparent' : props.selected ? palette.secondary[5] : palette.neutral[0],
-    ':hover': {
-      color: props.selected ? palette.neutral[0] : props.disabled ? '' : palette.secondary[4]
-    }
-  };
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_overrides, _overridable["default"].Tree.Spinner, function (props) {
-  return {
-    borderTopColor: props.selected ? palette.secondary[2] : '#706e6b',
-    borderRightColor: props.selected ? palette.secondary[2] : '#706e6b',
-    borderBottomColor: props.selected ? palette.secondary[2] : '#706e6b'
-  };
 }), _overridable["default"].Link.Root, {
   fontWeight: 'inherit'
 }), _overridable["default"].Tabs.Tab, {
@@ -229,7 +195,7 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
   return {
     borderRadius: radius[0]
   };
-}), _overridable["default"].ActionBar.IconButton, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_overrides, _overridable["default"].ActionBar.IconButton, {
   borderRadius: radius[1]
 }), _overridable["default"].ActionBar.Root, {
   backgroundColor: 'transparent',
@@ -275,7 +241,7 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
     };
   }
   return {};
-}), _defineProperty(_defineProperty(_overrides, _overridable["default"].UserAvatar.Root, {
+}), _overridable["default"].UserAvatar.Root, {
   backgroundColor: palette.neutral[2]
 }), _overridable["default"].UserAvatar.AvatarFallback, {
   backgroundColor: palette.neutral[2],

package/dist/es/index.d.ts

@@ -66,7 +66,6 @@ import TimePicker from './TimePicker';
 import Toast from './Toast';
 import Toggle from './Toggle';
 import TooltipPopover from './TooltipPopover';
-import Tree, { TREE_UTILS, TreeNodeContent, TreeNodeContentWrapper, TreeNodeIconWrapper } from './Tree';
 import UserAvatar from './UserAvatar';
 import View from './View';
 import VisuallyHidden from './VisuallyHidden';
@@ -118,8 +117,6 @@ export { Paragraph };
 export { Row };
 /** @deprecated Use semantic HTML with Tailwind classes */
 export { Text };
-/** @deprecated Use react-aria-components to build your own */
-export { Tree, TREE_UTILS, TreeNodeContent, TreeNodeContentWrapper, TreeNodeIconWrapper };
 /** @deprecated Use @treasure-data/stylekit/tooltip */
 export { TooltipPopover };
 /** @deprecated Use semantic HTML with Tailwind classes */

package/dist/es/index.js

@@ -376,12 +376,6 @@ Object.defineProperty(exports, "Slider", {
     return _Slider["default"];
   }
 });
-Object.defineProperty(exports, "TREE_UTILS", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.TREE_UTILS;
-  }
-});
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function get() {
@@ -436,30 +430,6 @@ Object.defineProperty(exports, "TooltipPopover", {
     return _TooltipPopover["default"];
   }
 });
-Object.defineProperty(exports, "Tree", {
-  enumerable: true,
-  get: function get() {
-    return _Tree["default"];
-  }
-});
-Object.defineProperty(exports, "TreeNodeContent", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.TreeNodeContent;
-  }
-});
-Object.defineProperty(exports, "TreeNodeContentWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.TreeNodeContentWrapper;
-  }
-});
-Object.defineProperty(exports, "TreeNodeIconWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.TreeNodeIconWrapper;
-  }
-});
 Object.defineProperty(exports, "UserAvatar", {
   enumerable: true,
   get: function get() {
@@ -595,7 +565,6 @@ var _TimePicker = _interopRequireDefault(require("./TimePicker"));
 var _Toast = _interopRequireDefault(require("./Toast"));
 var _Toggle = _interopRequireDefault(require("./Toggle"));
 var _TooltipPopover = _interopRequireDefault(require("./TooltipPopover"));
-var _Tree = _interopRequireWildcard(require("./Tree"));
 var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
 var _View = _interopRequireDefault(require("./View"));
 var _VisuallyHidden = _interopRequireDefault(require("./VisuallyHidden"));
@@ -628,7 +597,6 @@ if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
 /** @deprecated Use semantic HTML with Tailwind classes */
 // eslint-disable-next-line deprecation/deprecation
 /** @deprecated Use semantic HTML with Tailwind classes */
-/** @deprecated Use react-aria-components to build your own */
 /** @deprecated Use @treasure-data/stylekit/tooltip */
 /** @deprecated Use semantic HTML with Tailwind classes */
 /** @deprecated Stylekit no longer provides charts */

package/llms.md

@@ -129,7 +129,7 @@ The build system outputs ES modules with TypeScript declarations:
 - Uses Yarn v3.2.0 workspaces
 - Conventional commit format required for releases
 - Automated releases via semantic-release
-- Peer dependencies: React & ReactDOM 18.2.0, react-dnd, react-virtualized
+- Peer dependencies: React & ReactDOM 18.2.0, react-virtualized
 - When you see a code like FG-123, CON-123, API-123, AI-123, etc, that is a Jira ticket you can get more information on using the Jira tool.
 - When you create a branch for a Jira ticket use the format `ai-fix-<ticket key>`, e.g. ai-fix-FG-123.
 - When you create a new branch do it locally with the git cli.