feat: upgrade to Aquarium 2 with React 19 and antd 6

.github/dependabot.yml

@@ -13,3 +13,15 @@ updates:
       day: 'monday'
       time: '15:00'
     target-branch: 'chore/dependabot'
+
+  - commit-message:
+      prefix: 'ci'
+    directory: '/'
+    labels: ['dependabot', 'github-actions']
+    open-pull-requests-limit: 3
+    package-ecosystem: 'github-actions'
+    schedule:
+      interval: 'weekly'
+      day: 'monday'
+      time: '15:00'
+    target-branch: 'chore/dependabot'

.github/workflows/publish-storybook-pr-preview.yml

@@ -22,10 +22,10 @@ jobs:
       GIT_COMMITTER_EMAIL: developers@mparticle.com
     steps:
       - name: Checkout
-        uses: actions/checkout@v6
+        uses: actions/checkout@v6.0.1
 
       - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v6.1.0
         with:
           node-version: '24.12.0'
           cache: 'npm'

.github/workflows/publish-storybook.yml

@@ -11,10 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v6
+        uses: actions/checkout@v6.0.1
 
       - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v6.1.0
         with:
           node-version: '24.12.0'
           cache: 'npm'

.github/workflows/release.yml

@@ -30,21 +30,21 @@ jobs:
 
     steps:
       - name: Checkout public main branch
-        uses: actions/checkout@v6
+        uses: actions/checkout@v6.0.1
         with:
           token: ${{ secrets.MP_SEMANTIC_RELEASE_BOT }}
           fetch-depth: 0
 
       - name: Import GPG Key
-        uses: crazy-max/ghaction-import-gpg@v6
+        uses: crazy-max/ghaction-import-gpg@v6.3.0
         with:
           gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
           passphrase: ${{ secrets.GPG_PASSPHRASE }}
           git_user_signingkey: true
           git_commit_gpgsign: true
 
       - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v6.1.0
         with:
           node-version: '24.12.0'
 
@@ -62,7 +62,7 @@ jobs:
           npx semantic-release
 
       - name: Archive npm failure logs
-        uses: actions/upload-artifact@v5
+        uses: actions/upload-artifact@v6.0.0
         if: failure()
         with:
           name: npm-logs

.github/workflows/storybook-tests.yml

@@ -8,12 +8,12 @@ jobs:
     timeout-minutes: 10
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
 
       - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v6.1.0
         with:
           node-version: '24.12.0'
           cache: 'npm'

.github/workflows/typescript.yml

@@ -7,12 +7,12 @@ jobs:
     name: typescript
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
 
       - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v6.1.0
         with:
           node-version: '24.12.0'
 

.github/workflows/unit-tests.yml

@@ -8,12 +8,12 @@ jobs:
     timeout-minutes: 5
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
 
       - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v6.1.0
         with:
           node-version: '24.12.0'
 

.husky/pre-commit

@@ -1 +1,2 @@
-npx lint-staged
+npx lint-staged
+npx tsc --noEmit --incremental --tsBuildInfoFile .tsbuildinfo

.npmrc

@@ -0,0 +1 @@
+use-node-version=24.12.0

.storybook/main.ts

@@ -2,7 +2,6 @@ import type { StorybookConfig } from '@storybook/react-vite'
 import react from '@vitejs/plugin-react'
 import type { PluginOption, Plugin } from 'vite'
 import { withoutVitePlugins } from '@storybook/builder-vite'
-import remarkGfm from 'remark-gfm'
 
 type StorybookVitePlugins = { plugins: (PluginOption[] | Plugin)[] }
 
@@ -15,22 +14,7 @@ const config: StorybookConfig & StorybookVitePlugins = {
 
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts|tsx)', '../docs/**/*.stories.@(ts|tsx)', '../docs/**/*.mdx'],
 
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    {
-      name: '@storybook/addon-docs',
-      options: {
-        mdxPluginOptions: {
-          mdxCompileOptions: {
-            // needed for rendering markdown tables in .mdx
-            remarkPlugins: [remarkGfm],
-          },
-        },
-      },
-    },
-  ],
+  addons: ['@storybook/addon-docs'],
 
   docs: {
     defaultName: 'Documentation',
@@ -46,7 +30,7 @@ const config: StorybookConfig & StorybookVitePlugins = {
   },
 
   core: {
-    disableTelemetry: true, // requested by security
+    disableTelemetry: true,
   },
 
   typescript: {

.storybook/manager.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { addons } from '@storybook/manager-api'
+import { addons } from 'storybook/manager-api'
 import customTheme from './theme'
 import { Badge } from 'antd'
 

.storybook/preview.tsx

@@ -1,6 +1,18 @@
 import type { Preview } from '@storybook/react'
+import React from 'react'
+import { ConfigProvider } from '../src/components'
+import { FontFamily } from '../src/styles/style'
 
 const preview: Preview = {
+  decorators: [
+    Story => (
+      <ConfigProvider>
+        <div style={{ fontFamily: FontFamily }}>
+          <Story />
+        </div>
+      </ConfigProvider>
+    ),
+  ],
   parameters: {
     layout: 'centered',
     options: {

.storybook/theme.ts

@@ -1,4 +1,4 @@
-import { create } from '@storybook/theming'
+import { create } from 'storybook/theming'
 import { LightTheme } from '../design/LightTheme'
 
 export default create({

.stylelintrc

@@ -1,7 +1,6 @@
 {
   "extends": ["stylelint-config-standard"],
-  "plugins": ["stylelint-no-indistinguishable-colors"],
-  "rules": {
+    "rules": {
     "selector-class-pattern": null,
     "block-no-empty": true,
     "comment-no-empty": true,

CLAUDE.md

@@ -1,2 +1 @@
-- start all new branches with either fix/ feat/ chore/
 - Always read CONTRIBUTING.md before executing any git action

LLM_SETUP_PROMPT.md

@@ -8,19 +8,14 @@
 
 **Required Dependencies:**
 
-```bash
-yarn add @mparticle/aquarium antd@5 dayjs@1
-```
-
 **Dependency Matrix:**
 | Package | Required | Purpose |
 |---------|----------|---------|
 | `@mparticle/aquarium` | ✅ Yes | Main Aquarium component library |
-| `antd` | ✅ Yes | Peer dependency - Ant Design UI framework |
-| `dayjs` | ✅ Yes | Peer dependency - Date handling for DatePicker, Calendar, etc. |
-| `react` | ✅ Yes | Peer dependency (>=17.0.2) |
-| `react-dom` | ✅ Yes | Peer dependency (>=17.0.2) |
-
+| `antd` | ✅ Yes | Peer dependency (6.1.x) - Ant Design UI framework |
+| `dayjs` | ✅ Yes | Peer dependency (1.11.x) - Date handling for DatePicker, Calendar, etc. |
+| `react` | ✅ Yes | Peer dependency (>=19.0.2) |
+| `react-dom` | ✅ Yes | Peer dependency (>=19.0.0) |
 **Post-Installation:**
 
 1. Add aquarium CSS to app styles entry point (ex `main.scss`, `style.less`, or global entry):

docs/About/Changelog.mdx

@@ -1,4 +1,4 @@
-import {  Markdown } from "@storybook/blocks"
+import { Markdown } from "@storybook/addon-docs/blocks"
 
 import changelog from '../../CHANGELOG.md?raw'
 

docs/Candidate Components/Directory/Date Range Filter/Documentation.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story } from '@storybook/blocks';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
 
 import * as SelectWithRangePickerStories from './SelectWithRangePicker.stories';
 

docs/Candidate Components/Directory/Date Range Filter/SelectWithRangePicker.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react'
 import { SelectWithRangePicker as Component } from './SelectWithRangePicker'
-import { fn } from '@storybook/test'
-import { useArgs } from '@storybook/preview-api'
+import { fn } from 'storybook/test'
+import { useArgs } from 'storybook/preview-api'
 
 const meta: Meta<typeof Component> = {
   title: 'Candidate Components/Directory/Date Range Filter',