UXPT-10383: rounded Material SVGs from filled to unfilled

Author: sdalonzo

apps/storybook/.storybook/main.ts

@@ -1,6 +1,4 @@
 import type { StorybookConfig } from '@storybook/react-vite'
-import turbosnap from 'vite-plugin-turbosnap'
-import { mergeConfig } from 'vite'
 
 const packagesWithStories = [
   'carousel',
@@ -31,19 +29,6 @@ const config: StorybookConfig = {
   typescript: {
     check: false,
   },
-  async viteFinal(config, { configType }) {
-    return mergeConfig(config, {
-      plugins:
-        configType === 'PRODUCTION'
-          ? [
-              turbosnap({
-                // This should be the base path of your storybook.  In monorepos, you may only need process.cwd().
-                rootDir: config.root ?? process.cwd(),
-              }),
-            ]
-          : [],
-    })
-  },
 }
 
 export default config

apps/storybook/package.json

@@ -40,7 +40,7 @@
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "^8.3.0",
     "babel-plugin-react-docgen": "^4.2.1",
-    "chromatic": "^10.9.6",
+    "chromatic": "^13.1.2",
     "core-js": "^3.37.1",
     "eslint": "^8.55.0",
     "npm-run-all": "^4.1.5",

common/changes/pcln-design-system/icons-without-fill_2025-07-25-01-43.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-design-system",
+      "comment": "update snapshots that depend on pcln-icons",
+      "type": "patch"
+    }
+  ],
+  "packageName": "pcln-design-system"
+}

common/changes/pcln-icons/icons-without-fill_2025-07-25-01-38.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-icons",
+      "comment": "UXPT-10383: rounded Material SVGs from filled to unfilled",
+      "type": "major"
+    }
+  ],
+  "packageName": "pcln-icons"
+}

common/changes/pcln-modal/icons-without-fill_2025-07-25-01-43.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-modal",
+      "comment": "update snapshots that depend on pcln-icons",
+      "type": "patch"
+    }
+  ],
+  "packageName": "pcln-modal"
+}

common/config/rush/pnpm-lock.yaml

@@ -79,12 +79,12 @@ exports[`Avatar renders default 1`] = `
           height="24"
           role="img"
           tabindex="-1"
-          viewBox="0 0 24 24"
+          viewBox="0 -960 960 960"
           width="24"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M12 12c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm0 2c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z"
+            d="M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47zM160-240v-32q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v32q0 33-23.5 56.5T720-160H240q-33 0-56.5-23.5T160-240zm80 0h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560zm0-80zm0 400z"
           />
         </svg>
       </div>