fix(components): add icons and palettes to the playground (#4134)

swisspost · Dec 4, 2024 · 37c2c7b · 37c2c7b
1 parent 354aa2e
commit 37c2c7b
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -41,6 +41,7 @@
     "@floating-ui/dom": "1.6.8",
     "@oddbird/popover-polyfill": "0.3.7",
     "@swisspost/design-system-styles": "workspace:9.0.0-next.7",
+    "@swisspost/design-system-icons": "workspace:9.0.0-next.7",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },

diff --git a/packages/components/src/index.html b/packages/components/src/index.html
@@ -6,9 +6,11 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
     />
+    <meta name="design-system-settings" data-post-icon-base="/assets/icons" />
     <title>Stencil Component Starter</title>
 
     <link id="tokens" rel="stylesheet" href="/assets/css/post-tokens-external.css" />
+    <link id="palette" rel="stylesheet" href="/assets/css/post-palettes.css" />
     <link rel="stylesheet" href="/assets/css/index.css" />
     <script type="module" src="/build/post-components.esm.js"></script>
     <script nomodule src="/build/post-components.js"></script>

diff --git a/packages/components/stencil.config.ts b/packages/components/stencil.config.ts
@@ -35,6 +35,14 @@ export const config: Config = {
           src: '../node_modules/@swisspost/design-system-styles/*.css',
           dest: 'assets/css',
         },
+        {
+          src: '../node_modules/@swisspost/design-system-styles/palettes/*.css',
+          dest: 'assets/css',
+        },
+        {
+          src: '../node_modules/@swisspost/design-system-icons/public/post-icons/*.svg',
+          dest: 'assets/icons',
+        },
       ],
       serviceWorker: null, // disable service workers,
     },

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml