Add publish workflow (#779)

Author: chaance

.github/workflows/build.yml

@@ -0,0 +1,27 @@
+name: Build
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: read
+
+jobs:
+  validate:
+    name: Validate
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: CI Setup
+        uses: ./.github/actions/ci-setup
+
+      - name: Lint
+        run: pnpm --filter "@radix-ui/*" lint
+
+      - name: Build packages
+        run: pnpm --filter "@radix-ui/*" build

.github/workflows/publish.yml

@@ -0,0 +1,41 @@
+name: Publish Package
+
+on:
+  release:
+    types: [created]
+
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  publish:
+    name: Publish Package
+    if: github.repository == 'radix-ui/themes'
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: CI Setup
+        uses: ./.github/actions/ci-setup
+
+      - name: Setup npm registry
+        uses: actions/setup-node@v4
+        with:
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Lint
+        run: pnpm --filter "@radix-ui/*" lint
+
+      - name: Build packages
+        run: pnpm --filter "@radix-ui/*" build
+
+      - name: Publish packages
+        run: pnpm --filter "@radix-ui/*" publish --access public --provenance --no-git-checks

package.json

@@ -4,7 +4,7 @@
   "packageManager": "pnpm@10.0.0",
   "scripts": {
     "build": "turbo run build",
-    "build:pkg": "pnpm --filter @radix-ui/themes build",
+    "build:pkg": "pnpm --filter \"@radix-ui/*\" build",
     "dev": "turbo run dev --no-cache --continue",
     "lint": "turbo run lint",
     "clean": "turbo run clean && rm -rf node_modules .turbo",

packages/radix-ui-themes/src/components/theme-panel.tsx

@@ -64,6 +64,9 @@ const ThemePanelImpl = React.forwardRef<ThemePanelImplElement, ThemePanelImplPro
       onScalingChange,
     } = themeContext;
 
+    const [resolvedAppearance, setResolvedAppearance] = React.useState<'light' | 'dark' | null>(
+      appearance === 'inherit' ? null : appearance,
+    );
     const hasOnAppearanceChangeProp = onAppearanceChangeProp !== undefined;
     const handleAppearanceChangeProp = useCallbackRef(onAppearanceChangeProp);
     const handleAppearanceChange = React.useCallback(
@@ -115,10 +118,6 @@ const ThemePanelImpl = React.forwardRef<ThemePanelImplElement, ThemePanelImplPro
       setTimeout(() => setCopyState('idle'), 2000);
     }
 
-    const [resolvedAppearance, setResolvedAppearance] = React.useState<'light' | 'dark' | null>(
-      appearance === 'inherit' ? null : appearance,
-    );
-
     const keyboardInputElement = `
       [contenteditable],
       [role="combobox"],