chore: NO-JIRA sync-rebrand-2025-beta (#702)

Signed-off-by: Julio Ortega <julio.ortega@dialpad.com>

Author: juliodialpad

.github/workflows/visual_tests.yml

@@ -2,7 +2,7 @@ name: Visual Tests
 
 on:
   push:
-    branches: [ staging ]
+    branches: [ staging, rebrand-2025-beta ]
   pull_request:
     types: [ unlabeled, labeled, synchronize, opened ]
 
@@ -54,8 +54,17 @@ jobs:
           message-id: 'missing-visual-test-label'
           refresh-message-position: true
 
+  get-branch-name:
+    runs-on: ubuntu-latest
+    outputs:
+      current_branch: ${{ steps.branch-name.outputs.current_branch }}
+    steps:
+      - name: Get branch name
+        id: branch-name
+        uses: tj-actions/branch-names@v8
+
   dialtone-vue-2:
-    needs: filter-actions
+    needs: [filter-actions, get-branch-name]
     if: ${{ github.event_name == 'push' || (needs.filter-actions.outputs.dialtone-vue-2 == 'true' && contains(github.event.pull_request.labels.*.name, 'visual-test-ready')) }}
 
     runs-on: ubuntu-latest
@@ -93,5 +102,5 @@ jobs:
       - name: Run Dialtone-vue 2 Visual Tests
         env:
           PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
-          PERCY_TARGET_BRANCH: ${{ github.base_ref }}
+          PERCY_TARGET_BRANCH: ${{ needs.get-branch-name.outputs.current_branch == 'rebrand-2025-beta' && 'staging' || github.base_ref }}
         run: pnpm nx run --verbose dialtone-vue2:test:visual

README.md

@@ -34,7 +34,6 @@ If you don't care about theming and just want to use Dialtone with the default l
 
 ```css
 @import "@dialpad/dialtone/css-default-theme";
-
 ```
 
 - Javascript

gulpfile.cjs

@@ -21,7 +21,7 @@ const del = require('del');
 //  ================================================================================
 const paths = {
   clean: {
-    dist: './dist/**',
+    dist: ['./dist/**'],
   },
   input: {
     css: './packages/dialtone-css/lib/dist/**',
@@ -60,7 +60,7 @@ const cleanUp = (items) => {
 
 //  --  Clean out dist folder
 const cleanDist = () => {
-  return cleanUp([paths.clean.dist]);
+  return cleanUp(paths.clean.dist);
 };
 
 //  ================================================================================

package.json

@@ -19,7 +19,8 @@
     "packageExtensions": {
       "@dialpad/dialtone-vue@2": {
         "peerDependencies": {
-          "vue": "^2.6.0"
+          "vue": "^2.6.0",
+          "@percy/cli-command": "1.30.9"
         }
       },
       "@dialpad/dialtone-vue@3": {
@@ -138,8 +139,8 @@
     "@dialpad/conventional-changelog-angular": "^1.1.1",
     "@dialpad/semantic-release-changelog-json": "^1.0.0",
     "@faker-js/faker": "8.4.1",
-    "@percy/cli": "1.29.3",
-    "@percy/storybook": "6.0.2",
+    "@percy/cli": "1.30.9",
+    "@percy/storybook": "6.0.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",

packages/dialtone-emojis/release-ci.config.cjs

@@ -56,5 +56,9 @@ module.exports = {
       name: 'alpha',
       prerelease: true,
     },
+    {
+      name: 'rebrand-2025-beta',
+      prerelease: true,
+    },
   ],
 };

packages/dialtone-icons/android/project.json

@@ -12,7 +12,7 @@
         ]
       }
     },
-    "build": {
+    "build:android": {
       "executor": "nx:run-commands",
       "dependsOn": ["clean-dist"],
       "options": {

packages/dialtone-icons/package.json

@@ -18,8 +18,14 @@
         "./vue2/dist/types/src/icons/*.vue.d.ts",
         "./vue2/dist/types/src/illustrations/*.vue.d.ts"
       ],
-      "import": "./vue2/dist/components/*.js",
-      "require": "./vue2/dist/components/*.cjs"
+      "import": [
+        "./vue2/dist/components/icons/*.js",
+        "./vue2/dist/components/illustrations/*.js"
+      ],
+      "require": [
+        "./vue2/dist/components/icons/*.cjs",
+        "./vue2/dist/components/illustrations/*.cjs"
+      ]
     },
     "./vue3": {
       "types": "./vue3/dist/types/index.d.ts",
@@ -31,8 +37,14 @@
         "./vue3/dist/types/src/icons/*.vue.d.ts",
         "./vue3/dist/types/src/illustrations/*.vue.d.ts"
       ],
-      "import": "./vue3/dist/components/*.js",
-      "require": "./vue3/dist/components/*.cjs"
+      "import": [
+        "./vue3/dist/components/icons/*.js",
+        "./vue3/dist/components/illustrations/*.js"
+      ],
+      "require": [
+        "./vue3/dist/components/icons/*.cjs",
+        "./vue3/dist/components/illustrations/*.cjs"
+      ]
     },
     "./icons.js": "./dist/icons.js",
     "./illustrations.js": "./dist/illustrations.js",

packages/dialtone-icons/release-ci.config.cjs

@@ -60,5 +60,9 @@ module.exports = {
       name: 'alpha',
       prerelease: true,
     },
+    {
+      name: 'rebrand-2025-beta',
+      prerelease: true,
+    },
   ],
 };

packages/dialtone-icons/vue2/package.json

@@ -13,9 +13,18 @@
       "require": "./dist/dialtone-icons.cjs"
     },
     "./*": {
-      "types": "./dist/types/src/**/*.d.ts",
-      "import": "./dist/components/*.js",
-      "require": "./dist/components/*.cjs"
+      "types": [
+        "./dist/types/src/icons/*.vue.d.ts",
+        "./dist/types/src/illustrations/*.vue.d.ts"
+      ],
+      "import": [
+        "./dist/components/icons/*.js",
+        "./dist/components/illustrations/*.js"
+      ],
+      "require": [
+        "./dist/components/icons/*.cjs",
+        "./dist/components/illustrations/*.cjs"
+      ]
     }
   }
 }

packages/dialtone-icons/vue2/vite.config.js

@@ -6,13 +6,13 @@ import { glob } from 'glob';
 import dts from 'vite-plugin-dts';
 
 const iconEntries = glob.sync('../src/icons/*.vue').reduce((entries, path) => {
-  const entryName = path.replace(/^\.\.\/src\/icons\/(.*)\.vue$/, 'components/$1');
+  const entryName = path.replace(/^\.\.\/src\/icons\/(.*)\.vue$/, 'components/icons/$1');
   entries[entryName] = path;
   return entries;
 }, {});
 
 const illustrationEntries = glob.sync('../src/illustrations/*.vue').reduce((entries, path) => {
-  const entryName = path.replace(/^\.\.\/src\/illustrations\/(.*)\.vue$/, 'components/$1');
+  const entryName = path.replace(/^\.\.\/src\/illustrations\/(.*)\.vue$/, 'components/illustrations/$1');
   entries[entryName] = path;
   return entries;
 }, {});