feat(pie-monorepo): DSW-1040 add pie-css to wc-vanilla app (#687)

justeattakeaway · Aug 4, 2023 · 64f449f · 64f449f
1 parent 30b7d30
commit 64f449f
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 13 deletions.
diff --git a/apps/examples/wc-vanilla/index.html b/apps/examples/wc-vanilla/index.html
@@ -26,16 +26,9 @@
             font-feature-settings: "tnum"; /* Enable tabular numbers */
         }
         </style>
-        <link rel="stylesheet" href="/node_modules/@justeat/pie-design-tokens/dist/jet.css"/>
-        <link rel="stylesheet" href="/node_modules/@justeat/pie-design-tokens/dist/jet-hsl-colors.css"/>
     </head>
     <body>
         <div id="app"></div>
         <script type="module" src="/main.js"></script>
-        <script type="module" src="./node_modules/@justeattakeaway/pie-button"></script>
-        <script type="module" src="./node_modules/@justeattakeaway/pie-icon-button"></script>
-        <script type="module" src="./node_modules/@justeattakeaway/pie-icons-webc/dist/icons/IconSearch.js"></script>
-        <script type="module" src="./node_modules/@justeattakeaway/pie-icons-webc/dist/icons/IconSearch.js"></script>
-        <script type="module" src="./node_modules/@justeattakeaway/pie-modal"></script>
     </body>
 </html>
diff --git a/apps/examples/wc-vanilla/main.js b/apps/examples/wc-vanilla/main.js
@@ -1,3 +1,9 @@
+import '@justeattakeaway/pie-css';
+import '@justeattakeaway/pie-button';
+import '@justeattakeaway/pie-modal';
+import '@justeattakeaway/pie-icon-button';
+import '@justeattakeaway/pie-icons-webc/dist/icons/IconClose';
+import '@justeattakeaway/pie-icons-webc/dist/icons/IconSearch';
 import './style.css';
 import { setupCounter } from './counter';
 

diff --git a/apps/examples/wc-vanilla/package.json b/apps/examples/wc-vanilla/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@justeat/pie-design-tokens": "5.3.0",
     "@justeattakeaway/pie-button": "0.23.0",
+    "@justeattakeaway/pie-css": "0.1.0",
     "@justeattakeaway/pie-icon-button": "0.13.0",
     "@justeattakeaway/pie-icons-webc": "0.5.0",
     "@justeattakeaway/pie-modal": "0.14.0"

diff --git a/apps/examples/wc-vanilla/style.css b/apps/examples/wc-vanilla/style.css
@@ -1,12 +1,7 @@
 html {
-    box-sizing: border-box;
     height: 100%;
 }
 
-*, *:before, *:after {
-    box-sizing: inherit;
-}
-
 body {
     font-family: JetSansDigital;
     margin: 0;

diff --git a/yarn.lock b/yarn.lock
@@ -5474,7 +5474,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/pie-css@workspace:*, @justeattakeaway/pie-css@workspace:packages/tools/pie-css":
+"@justeattakeaway/pie-css@0.1.0, @justeattakeaway/pie-css@workspace:*, @justeattakeaway/pie-css@workspace:packages/tools/pie-css":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-css@workspace:packages/tools/pie-css"
   dependencies:
@@ -36526,6 +36526,7 @@ __metadata:
   dependencies:
     "@justeat/pie-design-tokens": 5.3.0
     "@justeattakeaway/pie-button": 0.23.0
+    "@justeattakeaway/pie-css": 0.1.0
     "@justeattakeaway/pie-icon-button": 0.13.0
     "@justeattakeaway/pie-icons-webc": 0.5.0
     "@justeattakeaway/pie-modal": 0.14.0