CHORE: update react, node, emotion, vite

.github/workflows/build-and-deploy.yml

@@ -0,0 +1,81 @@
+name: Build and Deploy
+
+on:
+  push:
+    branches: "*"
+  pull_request:
+    branches: "*"
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container:
+      image: cimg/node:22.16
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Copy npm config
+        run: cp .npmrc.ci .npmrc
+
+      - name: Restore cache
+        uses: actions/cache@v4
+        with:
+          path: ./node_modules
+          key: v1-dependencies-${{ hashFiles('package-lock.json') }}
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Save cache
+        uses: actions/cache/save@v4
+        with:
+          path: ./node_modules
+          key: v1-dependencies-${{ hashFiles('package-lock.json') }}
+
+      - name: Build
+        run: npm run build
+
+      - name: Persist to workspace
+        uses: actions/upload-artifact@v4
+        with:
+          name: mojotech-ui
+          path: .
+
+  ensure_version_bump:
+    runs-on: ubuntu-latest
+    container:
+      image: cimg/node:22.16
+    needs: build
+    if: github.ref == 'refs/heads/release'
+
+    steps:
+      - name: Attach workspace
+        uses: actions/download-artifact@v4
+        with:
+          name: mojotech-ui
+          path: .
+
+      - name: Ensure version bump
+        run: |
+          ./scripts/npm_version_check.sh
+
+  publish:
+    runs-on: ubuntu-latest
+    container:
+      image: cimg/node:22.16
+    needs: ensure_version_bump
+    if: github.ref == 'refs/heads/release'
+
+    steps:
+      - name: Attach workspace
+        uses: actions/download-artifact@v4
+        with:
+          name: mojotech-ui
+          path: .
+
+      - name: Publish updated NPM package
+        run: |
+          npm publish

.gitignore

@@ -3,3 +3,5 @@ build
 storybook-static
 dist
 .DS_Store
+
+*storybook.log

.nvmrc

@@ -1 +1 @@
-lts/carbon
+22.16.0

.storybook/main.js

@@ -0,0 +1,13 @@
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: [
+    "../stories/**/*.mdx",
+    "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+  ],
+  addons: ["@storybook/addon-docs", "@storybook/addon-onboarding"],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+};
+export default config;

.storybook/preview.jsx

@@ -0,0 +1,23 @@
+import { ThemeProvider } from "@emotion/react";
+import theme from "../src/lib/theme";
+
+/** @type { import('@storybook/react-vite').Preview } */
+const preview = {
+  decorators: [
+    (Story) => (
+      <ThemeProvider theme={theme}>
+        <Story />
+      </ThemeProvider>
+    ),
+  ],
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

.tool-versions

@@ -1 +1 @@
-nodejs 16.15.1
+nodejs 22.16.0