jpmorganchase · origami-z · May 16, 2025 · Apr 28, 2025 · Apr 29, 2025 · Apr 30, 2025
diff --git a/.changeset/cold-glasses-develop.md b/.changeset/cold-glasses-develop.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/lab": minor
+---
+
+- Removed `Splitter` component from labs, replaced with `@salt-ds/react-resizable-panels-theme` package.
diff --git a/.changeset/good-frogs-drop.md b/.changeset/good-frogs-drop.md
@@ -0,0 +1,33 @@
+---
+"@salt-ds/react-resizable-panels-theme": major
+---
+
+Created the `@salt-ds/react-resizable-panels-theme` package.
+
+To install the `@salt-ds/react-resizable-panels-theme` package, run the command appropriate to your environment: `yarn add @salt-ds/react-resizable-panels-theme` or `npm install @salt-ds/react-resizable-panels-theme`
+
+To import the Salt React Resizable Panels theme, use:
+
+```js
+import "@salt-ds/react-resizable-panels-theme/index.css";
+```
+
+Then wrap your React Resizable Panel Group with the `react-resizable-panels-theme-salt` class name:
+
+```js
+<div className="react-resizable-panels-theme-salt">
+  <PanelGroup direction="horizontal">
+    <Panel id="left">
+      <Text>Left</Text>
+    </Panel>
+    <PanelResizeHandle />
+    <Panel id="middle">
+      <Text>Center</Text>
+    </Panel>
+    <PanelResizeHandle />
+    <Panel id="right">
+      <Text>Right</Text>
+    </Panel>
+  </PanelGroup>
+</div>
+```
diff --git a/package.json b/package.json
@@ -95,6 +95,7 @@
     "react": "^18.3.1",
     "react-docgen-typescript": "2.2.2",
     "react-dom": "^18.3.1",
+    "react-resizable-panels": "^3.0.0",
     "rifm": "^0.12.0",
     "storybook": "^8.4.4",
     "stylelint": "^16.0.0",

diff --git a/packages/lab/package.json b/packages/lab/package.json
@@ -31,7 +31,6 @@
     "deepmerge": "^4.2.2",
     "no-scroll": "^2.1.1",
-    "react-resizable-panels": "^2.1.7",
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tabbable": "^6.0.0",

diff --git a/packages/lab/src/__tests__/__e2e__/splitter/Splitter.cy.tsx b/packages/lab/src/__tests__/__e2e__/splitter/Splitter.cy.tsx
diff --git a/packages/lab/src/index.ts b/packages/lab/src/index.ts
@@ -56,7 +56,6 @@ export * from "./portal";
 export * from "./query-input";
 export * from "./responsive";
 export * from "./search-input";
-export * from "./splitter";
 export * from "./static-list";
 export * from "./system-status";
 export * from "./tabs";

diff --git a/packages/lab/src/splitter/SplitHandle.css b/packages/lab/src/splitter/SplitHandle.css