ropav 0.1.8 → 0.2.0

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "ropav",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "license": "MIT",
   "type": "module",
-  "packageManager": "pnpm@11.17.0",
   "engines": {
     "node": "^20.19.0 || ^22.13.0 || >=24.0.0"
   },
@@ -11,7 +10,8 @@
     "dist",
     "docs",
     "src/styles/**/*.scss",
-    "src/styles/styles-manifest.json"
+    "src/styles/generated",
+    "tokens/manifest.json"
   ],
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -213,6 +213,10 @@
       "types": "./dist/components/toast/index.d.ts",
       "import": "./dist/components/toast/index.js"
     },
+    "./toolbar": {
+      "types": "./dist/components/toolbar/index.d.ts",
+      "import": "./dist/components/toolbar/index.js"
+    },
     "./tooltip": {
       "types": "./dist/components/tooltip/index.d.ts",
       "import": "./dist/components/tooltip/index.js"
@@ -222,40 +226,10 @@
       "import": "./dist/unplugin-icons.js"
     },
     "./base.css": "./dist/base.css",
-    "./styles-manifest": "./src/styles/styles-manifest.json",
-    "./styles-manifest.json": "./src/styles/styles-manifest.json",
+    "./styles-manifest": "./tokens/manifest.json",
+    "./styles-manifest.json": "./tokens/manifest.json",
     "./scss/*.scss": "./src/styles/*.scss"
   },
-  "scripts": {
-    "dev": "pnpm run storybook",
-    "publication:sync": "node scripts/sync-package-publication.mjs --write",
-    "publication:check": "node scripts/sync-package-publication.mjs --check",
-    "publication:verify": "node scripts/verify-package-publication.mjs",
-    "tokens:build": "style-dictionary build --config scripts/tokens.config.mjs --silent",
-    "tokens:check": "node scripts/check-tokens.mjs",
-    "typecheck": "vue-tsc -b tsconfig.app.json tsconfig.node.json tsconfig.test.json",
-    "typecheck:storybook": "vue-tsc -p tsconfig.storybook.json --noEmit",
-    "lint": "oxlint",
-    "lint:fix": "oxlint --fix",
-    "format": "oxfmt",
-    "format:check": "oxfmt --check",
-    "test": "vitest run --project=unit --project=tooling",
-    "test:consumer-types:built": "tsc -p tests/fixtures/consumer-types/tsconfig.bundler.json && tsc -p tests/fixtures/consumer-types/tsconfig.nodenext.json",
-    "test:bundle:built": "node scripts/check-package-bundle.mjs",
-    "test:consumer-fixture:built": "node tests/fixtures/consumer-app/check.mjs && vue-tsc -p tests/fixtures/consumer-app/tsconfig.json --noEmit && vite build --config tests/fixtures/consumer-app/vite.config.ts && node tests/fixtures/consumer-app/assertions.mjs",
-    "test:package": "pnpm run build && pnpm run publication:verify && pnpm run test:bundle:built && pnpm run test:consumer-types:built && pnpm run test:consumer-fixture:built",
-    "test:watch": "vitest --project=unit --project=tooling",
-    "test:typecheck": "vitest run --project=unit --project=tooling --typecheck",
-    "test:storybook": "vitest run --project=storybook-light --project=storybook-dark",
-    "build": "pnpm run publication:check && pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck && vite build",
-    "verify": "pnpm run lint && pnpm run format:check && pnpm run typecheck:storybook && pnpm run test && pnpm run test:storybook && pnpm run test:package",
-    "prepublishOnly": "pnpm run verify",
-    "preview": "vite preview",
-    "storybook": "pnpm run tokens:build && storybook dev -p 6006 --no-open",
-    "build-storybook": "pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck:storybook && storybook build",
-    "changelog": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md",
-    "release": "pnpm run verify && bumpp --git-check --all --commit \"chore(release): v%s\" --tag \"v%s\" --execute \"pnpm run changelog\""
-  },
   "peerDependencies": {
     "@vue/compiler-vapor": "3.6.0-rc.2",
     "unplugin-icons": "^23.0.1",
@@ -282,11 +256,12 @@
     "@types/node": "^26.1.1",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vitest/browser-playwright": "^4.1.10",
+    "@vue/compiler-sfc": "3.6.0-rc.2",
     "@vue/compiler-vapor": "3.6.0-rc.2",
     "@vue/tsconfig": "^0.9.1",
-    "bumpp": "^12.0.0",
-    "conventional-changelog": "^8.1.0",
-    "conventional-changelog-conventionalcommits": "^10.2.1",
+    "bumpp": "^12.1.1",
+    "conventional-changelog": "^7.1.0",
+    "conventional-changelog-conventionalcommits": "^9.3.1",
     "jsdom": "^29.1.1",
     "oxfmt": "^0.60.0",
     "oxlint": "^1.75.0",
@@ -296,6 +271,7 @@
     "storybook-addon-pseudo-states": "^10.5.3",
     "style-dictionary": "5.5.0",
     "typescript": "~6.0.3",
+    "umberkit": "0.0.1",
     "unplugin-icons": "^23.0.1",
     "vite": "^8.1.5",
     "vite-plugin-dts": "^5.0.3",
@@ -306,5 +282,42 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/daopk/ropav"
+  },
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": ">=24.7.0",
+      "onFail": "error"
+    }
+  },
+  "scripts": {
+    "dev": "pnpm run storybook",
+    "lint": "oxlint .",
+    "lint:fix": "oxlint . --fix",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "changelog": "node scripts/changelog.mjs",
+    "release": "test -z \"$(git status --porcelain)\" && bumpp --commit \"chore(release): v{version}\" --tag \"v{version}\" --execute \"pnpm run changelog\"",
+    "test:workspace": "node --test tests/*.test.mjs",
+    "publication:sync": "node scripts/sync-package-publication.mjs --write",
+    "publication:check": "node scripts/sync-package-publication.mjs --check",
+    "publication:verify": "node scripts/verify-package-publication.mjs",
+    "tokens:build": "umberkit generate && umberkit build",
+    "tokens:check": "umberkit check",
+    "typecheck": "vue-tsc -b tsconfig.app.json tsconfig.node.json tsconfig.test.json",
+    "typecheck:storybook": "vue-tsc -p tsconfig.storybook.json --noEmit",
+    "test": "pnpm run tokens:emit && vitest run --project=unit --project=tooling",
+    "test:consumer-types:built": "tsc -p tests/fixtures/consumer-types/tsconfig.bundler.json && tsc -p tests/fixtures/consumer-types/tsconfig.nodenext.json",
+    "test:bundle:built": "node scripts/check-package-bundle.mjs",
+    "test:consumer-fixture:built": "node tests/fixtures/consumer-app/check.mjs && vue-tsc -p tests/fixtures/consumer-app/tsconfig.json --noEmit && vite build --config tests/fixtures/consumer-app/vite.config.ts && node tests/fixtures/consumer-app/assertions.mjs",
+    "test:package": "pnpm run build && pnpm run publication:verify && pnpm run test:bundle:built && pnpm run test:consumer-types:built && pnpm run test:consumer-fixture:built",
+    "test:watch": "pnpm run tokens:emit && vitest --project=unit --project=tooling",
+    "test:storybook": "pnpm run tokens:emit && vitest run --project=storybook-light --project=storybook-dark",
+    "build": "pnpm run publication:check && pnpm run tokens:check && pnpm run tokens:emit && pnpm run typecheck && vite build",
+    "verify": "pnpm run lint && pnpm run format:check && pnpm run test:workspace && pnpm run typecheck:storybook && pnpm run test && pnpm run test:storybook && pnpm run test:package",
+    "preview": "vite preview",
+    "storybook": "pnpm run tokens:emit && storybook dev -p 6006 --no-open",
+    "build-storybook": "pnpm run tokens:emit && pnpm run typecheck:storybook && storybook build",
+    "tokens:emit": "umberkit build"
   }
-}
+}

package/src/styles/_mixins.scss

@@ -1,8 +1,4 @@
-@use 'variables' as *;
-
-$rp-component-colors:
-    'dark', 'gray', 'red', 'pink', 'grape', 'violet', 'indigo', 'blue', 'cyan', 'teal', 'green',
-    'lime', 'yellow', 'orange';
+@use 'generated/tokens.scss' as *;
 
 @mixin flex-center {
     display: inline-flex;
@@ -96,7 +92,7 @@ $rp-component-colors:
 }
 
 @mixin menu-surface(
-    $z-index: $z-index-dropdown,
+    $z-index: $rp-z-index-dropdown,
     $surface: var(--rp-color-default),
     $radius: var(--rp-radius-lg)
 ) {