@mozaic-ds/vue 2.16.0 → 2.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/vue",
-  "version": "2.16.0",
+  "version": "2.18.0",
   "type": "module",
   "description": "Mozaic-Vue is the Vue.js implementation of ADEO Design system",
   "author": "ADEO - ADEO Design system",
@@ -32,7 +32,9 @@
     "release:beta": "release-it --preRelease=beta",
     "prepublishOnly": "npm run build",
     "npm:publish": "npm publish --access public",
-    "npm:publish:beta": "npm publish --access public --tag beta"
+    "npm:publish:beta": "npm publish --access public --tag beta",
+    "figma:connect": "figma connect parse",
+    "figma:connect:publish": "dotenv -e .env -- figma connect publish"
   },
   "files": [
     "dist/*",
@@ -41,54 +43,63 @@
     "*.d.ts"
   ],
   "dependencies": {
-    "@mozaic-ds/styles": "^2.13.0",
+    "@mozaic-ds/styles": "^2.18.0",
     "@mozaic-ds/web-fonts": "^1.65.0",
-    "postcss-scss": "^4.0.9",
+    "postcss-scss": "^4.0.9"
+  },
+  "peerDependencies": {
     "vue": "^3.5.13"
   },
   "devDependencies": {
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
+    "@figma/code-connect": "^1.4.1",
     "@mozaic-ds/css-dev-tools": "1.75.0",
+    "@mozaic-ds/datatable-vue": "^1.0.0",
     "@mozaic-ds/icons-vue": "^2.5.0",
-    "@release-it/conventional-changelog": "^10.0.1",
+    "@release-it/conventional-changelog": "^11.0.0",
     "@storybook/addon-a11y": "^10.0.4",
     "@storybook/addon-docs": "^10.0.4",
     "@storybook/addon-themes": "^10.0.4",
     "@storybook/vue3-vite": "^10.0.4",
     "@types/jsdom": "^28.0.0",
-    "@types/lodash": "^4.17.23",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/coverage-v8": "^4.0.7",
     "@vitest/eslint-plugin": "^1.1.38",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.5.0",
     "@vue/test-utils": "^2.4.6",
+    "dotenv-cli": "^11.0.0",
     "eslint": "^10.0.2",
     "eslint-plugin-storybook": "^10.0.5",
     "eslint-plugin-vue": "^10.0.0",
     "eslint-plugin-vuejs-accessibility": "^2.4.1",
     "globals": "^17.3.0",
     "husky": "^9.1.7",
-    "jsdom": "^28.0.0",
+    "jsdom": "^29.0.0",
     "libphonenumber-js": "^1.12.23",
     "lint-staged": "^16.1.5",
     "mdx-mermaid": "^2.0.3",
     "mermaid": "^11.5.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.3",
-    "release-it": "^19.0.4",
-    "sass": "1.94.2",
+    "release-it": "^20.0.0",
+    "sass": "^1.99.0",
     "storybook": "^10.0.4",
     "storybook-addon-tag-badges": "^3.0.2",
-    "typescript": "^5.7.2",
-    "vite": "^7.1.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.3",
     "vitest": "^4.0.7",
+    "vue": "^3.5.13",
     "vue-component-meta": "^3.0.8",
     "vue-eslint-parser": "^10.1.1",
     "vue-tsc": "^3.1.8"
   },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
   "bugs": {
     "url": "https://github.com/adeo/mozaic-vue/issues"
   },

package/src/components/BrandPresets.mdx

@@ -34,7 +34,7 @@ All it has to do is insert the following code into its main Sass file (entrypoin
   dark
   code={`
 // Entrypoint stylesheet
-@use "@mozaic-ds/tokens/<presetName>" as *;
+@use "@mozaic-ds/tokens/<presetName>/theme" as *;
 `}
 />
 
@@ -49,7 +49,7 @@ For example, for ADEO
   dark
   code={`
 // Entrypoint stylesheet
-@use "@mozaic-ds/tokens/adeo" as *;
+@use "@mozaic-ds/tokens/adeo/theme" as *;
 `}
 />