Merge branch 'master' into atoledano-playroom-ai

CHANGELOG.md

@@ -1,3 +1,11 @@
+# [16.7.0](https://github.com/Telefonica/mistica-web/compare/v16.6.1...v16.7.0) (2024-12-04)
+
+
+### Features
+
+* **StackingGroup:** use Avatar's text style for moreItems text ([#1297](https://github.com/Telefonica/mistica-web/issues/1297)) ([e45e47c](https://github.com/Telefonica/mistica-web/commit/e45e47c9c1c3ae0b9351c03130de88cc494d4d3b))
+* **VanillaExtract:** Use custom identifier generation ([#1299](https://github.com/Telefonica/mistica-web/issues/1299)) ([8872f87](https://github.com/Telefonica/mistica-web/commit/8872f87465d3bb994326895cfef870391a329cdd))
+
 ## [16.6.1](https://github.com/Telefonica/mistica-web/compare/v16.6.0...v16.6.1) (2024-11-26)
 
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "16.6.1",
+    "version": "16.7.0",
     "license": "MIT",
     "repository": {
         "type": "git",

src/package-version.tsx

@@ -1,2 +1,2 @@
 // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
-export const PACKAGE_VERSION = '16.6.1' as string;
+export const PACKAGE_VERSION = '16.7.0' as string;

vite.config.js

@@ -4,11 +4,24 @@ import react from '@vitejs/plugin-react';
 import {vanillaExtractPlugin} from '@vanilla-extract/vite-plugin';
 import noBundlePlugin from 'vite-plugin-no-bundle';
 import preserveDirectivesPlugin from 'rollup-plugin-preserve-directives';
+import {version as packageVersion} from './package.json';
+
+/**
+ * Identifiers must start with a letter (not number) and can't contain dots
+ * Removing trailing zeros to reduce the size of the identifier
+ *
+ * 1.2.3 => v1_2_3
+ * 1.2.0 => v1_2
+ * 1.0.0 => v1
+ */
+const version = 'v' + packageVersion.replace(/(\.0)*$/, '').replace(/\./g, '_');
 
 export default defineConfig({
     plugins: [
         react(),
-        vanillaExtractPlugin(),
+        vanillaExtractPlugin({
+            identifiers: ({hash}) => `${version}_${hash}`,
+        }),
         noBundlePlugin({
             // Change .css.js files to something else so that they don't get re-processed by consumer apps using vanilla extract too
             fileNames: ({name}) => `${name.replace(/\.css$/, '.css-mistica')}.js`,