feat(Button): emotion removal vanilla extract (#5428)

* feat(Button): emotion removal vanilla extract

* fix: unit tests and checks

* fix: update prefix to add uv

* fix: snapshot update

Author: matthprost

.storybook/storybookThemes.ts

@@ -23,7 +23,6 @@ const generateStorybookTheme = ({
   brandImage,
 }: GenerateStorybookThemeProps) =>
   create({
-    base,
     // UI
     appBg: theme.colors.neutral.background,
     appBorderColor: theme.colors.neutral.borderWeak,
@@ -33,6 +32,9 @@ const generateStorybookTheme = ({
 
     // Toolbar default and active colors
     barTextColor: theme.colors.neutral.textWeak,
+    barSelectedColor: theme.colors.primary.text,
+    barBg: theme.colors.neutral.backgroundWeak,
+
     buttonBg: theme.colors.neutral.background,
     buttonBorder: theme.colors.neutral.border,
 
@@ -44,6 +46,9 @@ const generateStorybookTheme = ({
 
     brandUrl,
 
+    buttonBg: theme.colors.neutral.background,
+    buttonBorder: theme.colors.neutral.border,
+
     colorPrimary: theme.colors.primary.backgroundStrong,
     colorSecondary: theme.colors.primary.backgroundStrong,
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "root",
   "private": true,
-  "packageManager": "pnpm@10.17.1",
+  "packageManager": "pnpm@10.15.1",
   "engines": {
     "node": ">=18.x",
     "pnpm": ">=9.x"
@@ -33,8 +33,6 @@
     "oxc": "oxlint -c .oxlintrc.json",
     "oxc:fix": "pnpm run oxc --fix",
     "prepare": "husky",
-    "analyse:deps:ui": "tsx ./utils/scripts/analyse-deps.ts packages/ui/src/components",
-    "analyse:deps:form": "tsx ./utils/scripts/analyse-deps.ts packages/form/src/components",
     "tokens:update": "tsx ./utils/scripts/figma-synchronise-tokens.tsx && pnpm run format packages/themes/src/themes/console",
     "icons:update": "tsx ./utils/scripts/generate-icons-file.tsx && pnpm run format packages/icons",
     "release": "pnpm build && pnpm changeset publish",
@@ -99,7 +97,7 @@
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
     "@babel/runtime": "7.28.4",
-    "@biomejs/biome": "2.2.5",
+    "@biomejs/biome": "2.2.4",
     "@changesets/changelog-github": "0.5.1",
     "@changesets/cli": "2.29.7",
     "@commitlint/cli": "19.8.1",
@@ -110,50 +108,50 @@
     "@emotion/jest": "11.13.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
-    "@eslint/compat": "1.4.0",
+    "@eslint/compat": "1.3.2",
     "@eslint/eslintrc": "3.3.1",
     "@manypkg/cli": "0.25.1",
-    "@playwright/test": "1.55.1",
+    "@playwright/test": "1.55.0",
     "@scaleway/eslint-config-react": "5.2.10",
     "@scaleway/tsconfig": "1.1.2",
     "@size-limit/file": "11.2.0",
     "@size-limit/preset-big-lib": "11.2.0",
-    "@storybook/addon-a11y": "9.1.10",
-    "@storybook/addon-docs": "9.1.10",
-    "@storybook/addon-links": "9.1.10",
-    "@storybook/addon-themes": "9.1.10",
-    "@storybook/builder-vite": "9.1.10",
+    "@storybook/addon-a11y": "9.1.5",
+    "@storybook/addon-docs": "9.1.5",
+    "@storybook/addon-links": "9.1.5",
+    "@storybook/addon-themes": "9.1.5",
+    "@storybook/builder-vite": "9.1.5",
     "@storybook/mdx2-csf": "1.1.0",
-    "@storybook/react-vite": "9.1.10",
+    "@storybook/react-vite": "9.1.5",
     "@svgr/rollup": "8.1.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@types/node": "22.18.8",
+    "@types/node": "22.18.3",
     "@types/react": "19.1.13",
     "@types/react-dom": "19.1.9",
     "@types/zxcvbn": "4.4.5",
     "@ultraviolet/fonts": "workspace:*",
     "@ultraviolet/themes": "workspace:*",
     "@ultraviolet/ui": "workspace:*",
     "@vanilla-extract/vite-plugin": "5.1.1",
-    "@vitejs/plugin-react": "5.0.4",
+    "@vitejs/plugin-react": "5.0.2",
     "@vitest/coverage-istanbul": "3.2.4",
     "@vitest/ui": "3.2.4",
     "babel-loader": "10.0.0",
     "babel-plugin-annotate-pure-calls": "0.5.0",
     "babel-plugin-named-exports-order": "0.0.2",
-    "browserslist": "4.26.3",
+    "browserslist": "4.25.4",
     "cross-env": "10.0.0",
     "cz-conventional-changelog": "3.3.0",
     "date-fns": "4.1.0",
     "emoji-toolkit": "9.0.1",
     "esbuild-plugin-browserslist": "1.0.1",
-    "eslint": "9.36.0",
+    "eslint": "9.35.0",
     "eslint-plugin-oxlint": "1.14.0",
-    "eslint-plugin-storybook": "9.1.10",
-    "eslint-plugin-testing-library": "7.11.0",
+    "eslint-plugin-storybook": "9.1.5",
+    "eslint-plugin-testing-library": "7.6.8",
     "expect": "30.1.2",
     "file-loader": "6.2.0",
     "globals": "16.4.0",
@@ -162,10 +160,10 @@
     "husky": "9.1.7",
     "identity-obj-proxy": "3.0.0",
     "jest-axe": "10.0.0",
-    "lint-staged": "16.2.3",
+    "lint-staged": "16.1.6",
     "oxlint": "1.14.0",
     "postcss": "8.5.6",
-    "publint": "0.3.13",
+    "publint": "0.3.12",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "react-scan": "0.4.3",
@@ -176,14 +174,14 @@
     "rollup-plugin-postcss": "4.0.2",
     "rollup-preserve-directives": "1.1.3",
     "size-limit": "11.2.0",
-    "storybook": "9.1.10",
+    "storybook": "9.1.5",
     "storybook-addon-tag-badges": "2.0.2",
     "svgo": "4.0.0",
     "timekeeper": "2.3.1",
-    "tsx": "4.20.6",
-    "turbo": "2.5.8",
-    "typescript": "5.9.3",
-    "vite": "7.1.9",
+    "tsx": "4.20.5",
+    "turbo": "2.5.6",
+    "typescript": "5.9.2",
+    "vite": "7.1.5",
     "vitest": "3.2.4",
     "vitest-canvas-mock": "0.3.3",
     "vitest-localstorage-mock": "0.1.2",