Merge branch 'main' into pew-89-dark-mode-audit

justeattakeaway · Feb 6, 2025 · 1a04f98 · 1a04f98
2 parents fab644c + 924ec8e
commit 1a04f98
Show file tree

Hide file tree

Showing 87 changed files with 905 additions and 241 deletions.
diff --git a/.changeset/sharp-spiders-sit.md b/.changeset/sharp-spiders-sit.md
@@ -0,0 +1,6 @@
+---
+"@justeattakeaway/pie-thumbnail": minor
+"pie-storybook": minor
+---
+
+[Added] - the aspect ratio prop
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -247,13 +247,13 @@ jobs:
         uses: ./.github/actions/run-script
         if: github.event_name != 'pull_request' && github.ref == 'refs/heads/main'
         with:
-          script-name: "test:visual:ci --filter='{./packages/components/*}[HEAD^1]'"
+          script-name: "test:visual:ci --filter='{./packages/components/*}[HEAD^1]' --filter='{./packages/tools/*}[HEAD^1]'"
           concurrency: 1
       - name: Run Changed Package Visual Tests
         uses: ./.github/actions/run-script
         if: (github.event_name == 'pull_request' && github.event.pull_request.draft == false) && github.ref != 'refs/heads/main'
         with:
-          script-name: "test:visual:ci --filter='{./packages/components/*}...[origin/main]'"
+          script-name: "test:visual:ci --filter='{./packages/components/*}...[origin/main]' --filter='{./packages/tools/*}...[origin/main]'"
           concurrency: 1
       - name: Upload Playwright Report
         uses: actions/upload-artifact@65c4c4a1ddee5b72f698fdd19549f0f0fb45cf08 # v4.6.0

diff --git a/.github/workflows/ossf-scorecard.yml b/.github/workflows/ossf-scorecard.yml
@@ -40,6 +40,6 @@ jobs:
           retention-days: 5
 
       - name: Upload to code-scanning
-        uses: github/codeql-action/upload-sarif@f6091c0113d1dcf9b98e269ee48e8a7e51b7bdd4 # v3.28.5
+        uses: github/codeql-action/upload-sarif@dd746615b3b9d728a6a37ca2045b68ca76d4841a # v3.28.8
         with:
           sarif_file: results.sarif
diff --git a/apps/examples/wc-angular12/CHANGELOG.md b/apps/examples/wc-angular12/CHANGELOG.md
@@ -1,5 +1,12 @@
 # wc-angular12
 
+## 0.5.52
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @justeattakeaway/pie-webc@0.6.6
+
 ## 0.5.51
 
 ### Patch Changes

diff --git a/apps/examples/wc-angular12/package.json b/apps/examples/wc-angular12/package.json
@@ -1,6 +1,6 @@
 {
     "name": "wc-angular12",
-    "version": "0.5.51",
+    "version": "0.5.52",
     "private": true,
     "scripts": {
         "ng": "ng",
@@ -18,7 +18,7 @@
         "@angular/platform-browser-dynamic": "15.2.0",
         "@angular/router": "15.2.0",
         "@justeattakeaway/pie-css": "0.14.1",
-        "@justeattakeaway/pie-webc": "0.6.5",
+        "@justeattakeaway/pie-webc": "0.6.6",
         "rxjs": "7.8.0",
         "tslib": "2.3.0",
         "zone.js": "0.12.0"

diff --git a/apps/examples/wc-nuxt2/CHANGELOG.md b/apps/examples/wc-nuxt2/CHANGELOG.md
@@ -1,5 +1,12 @@
 # wc-nuxt2
 
+## 0.7.53
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @justeattakeaway/pie-webc@0.6.6
+
 ## 0.7.52
 
 ### Patch Changes

diff --git a/apps/examples/wc-nuxt2/package.json b/apps/examples/wc-nuxt2/package.json
@@ -1,7 +1,7 @@
 {
   "name": "wc-nuxt2",
   "author": "Just Eat Takeaway.com - Design System Team",
-  "version": "0.7.52",
+  "version": "0.7.53",
   "private": true,
   "scripts": {
     "dev": "nuxt",
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@justeattakeaway/pie-css": "0.14.1",
-    "@justeattakeaway/pie-webc": "0.6.5",
+    "@justeattakeaway/pie-webc": "0.6.6",
     "core-js": "3.30.0",
     "nuxt": "2.17.0",
     "vue": "2.7.16",

diff --git a/apps/examples/wc-react17/CHANGELOG.md b/apps/examples/wc-react17/CHANGELOG.md
@@ -1,5 +1,12 @@
 # wc-react17
 
+## 0.5.51
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @justeattakeaway/pie-webc@0.6.6
+
 ## 0.5.50
 
 ### Patch Changes

diff --git a/apps/examples/wc-react17/package.json b/apps/examples/wc-react17/package.json
@@ -1,7 +1,7 @@
 {
   "name": "wc-react17",
   "private": true,
-  "version": "0.5.50",
+  "version": "0.5.51",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@justeattakeaway/pie-css": "0.14.1",
-    "@justeattakeaway/pie-webc": "0.6.5",
+    "@justeattakeaway/pie-webc": "0.6.6",
     "@lit/react": "1.0.5",
     "react": "17.0.2",
     "react-dom": "17.0.2"

diff --git a/apps/examples/wc-react18/CHANGELOG.md b/apps/examples/wc-react18/CHANGELOG.md
@@ -1,5 +1,12 @@
 # wc-react18
 
+## 0.6.51
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @justeattakeaway/pie-webc@0.6.6
+
 ## 0.6.50
 
 ### Patch Changes

diff --git a/apps/examples/wc-react18/package.json b/apps/examples/wc-react18/package.json
@@ -1,7 +1,7 @@
 {
   "name": "wc-react18",
   "private": true,
-  "version": "0.6.50",
+  "version": "0.6.51",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@justeattakeaway/pie-css": "0.14.1",
-    "@justeattakeaway/pie-webc": "0.6.5",
+    "@justeattakeaway/pie-webc": "0.6.6",
     "@lit/react": "1.0.5",
     "react": "18.3.1",
     "react-dom": "18.3.1"

diff --git a/apps/examples/wc-vue3/CHANGELOG.md b/apps/examples/wc-vue3/CHANGELOG.md
@@ -1,5 +1,12 @@
 # wc-vue3
 
+## 0.5.53
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @justeattakeaway/pie-webc@0.6.6
+
 ## 0.5.52
 
 ### Patch Changes

diff --git a/apps/examples/wc-vue3/package.json b/apps/examples/wc-vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wc-vue3",
-  "version": "0.5.52",
+  "version": "0.5.53",
   "private": true,
   "scripts": {
     "dev": "vite",
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@justeattakeaway/pie-css": "0.14.1",
-    "@justeattakeaway/pie-webc": "0.6.5",
+    "@justeattakeaway/pie-webc": "0.6.6",
     "@vitejs/plugin-vue": "4.0.0",
     "vite": "5.3.6",
     "vue": "3.2.47"

diff --git a/apps/pie-docs/CHANGELOG.md b/apps/pie-docs/CHANGELOG.md
@@ -1,5 +1,21 @@
 # Changelog
 
+## 4.25.0
+
+### Minor Changes
+
+- [Added] - Icons ([#2187](https://github.com/justeattakeaway/pie/pull/2187)) by [@raoufswe](https://github.com/raoufswe)
+
+  ### Misc
+
+  - drone
+  - drone-large
+
+### Patch Changes
+
+- Updated dependencies [[`a643b87`](https://github.com/justeattakeaway/pie/commit/a643b876e66d86effc318d0f0bb98b06508ee003)]:
+  - @justeattakeaway/pie-icons@5.4.0
+
 ## 4.24.1
 
 ### Patch Changes

diff --git a/apps/pie-docs/package.json b/apps/pie-docs/package.json
@@ -2,7 +2,7 @@
   "name": "pie-docs",
   "private": true,
   "description": "Documentation website for the PIE design system",
-  "version": "4.24.1",
+  "version": "4.25.0",
   "main": "index.js",
   "keywords": [],
   "author": "Just Eat Takeaway.com - Design System Team",
@@ -43,7 +43,7 @@
     "@justeat/pie-design-tokens": "6.8.1",
     "@justeattakeaway/browserslist-config-pie": "0.2.0",
     "@justeattakeaway/pie-css": "0.14.1",
-    "@justeattakeaway/pie-icons": "5.3.0",
+    "@justeattakeaway/pie-icons": "5.4.0",
     "@types/markdown-it": "13.0.2",
     "eleventy-plugin-toc": "1.1.5",
     "js-cookie": "2.2.1",

diff --git a/apps/pie-docs/src/__tests__/_11ty/shortcodes/__snapshots__/categorisedIconList.test.js.snap b/apps/pie-docs/src/__tests__/_11ty/shortcodes/__snapshots__/categorisedIconList.test.js.snap
@@ -3207,6 +3207,17 @@ exports[`categorisedIconList.js > should return the expected HTML 1`] = `
         </div>
         <span class=\\"c-categorisedIconList-iconCard-separator\\"></span>
         <p>DIY</p>
+    </li><li class=\\"c-categorisedIconList-iconCard\\">
+        <div class=\\"c-categorisedIconList-iconCard-iconContainer\\">
+            <div class=\\"c-categorisedIconList-icon-large\\" aria-hidden=\\"true\\">
+                <svg xmlns=\\"http://www.w3.org/2000/svg\\" role=\\"presentation\\" focusable=\\"false\\" fill=\\"#000\\" viewBox=\\"0 0 32 32\\" height=\\"50\\" width=\\"50\\" class=\\"c-pieIcon c-pieIcon--droneLarge\\"><path d=\\"M29.25 3.87H27.5v-.796h-1.75v.796H24v1.75h1.75v3.552a1.746 1.746 0 0 0-1.313 1.69v.918H22.25v-.175a1.75 1.75 0 0 0-1.75-1.75h-8.741a1.75 1.75 0 0 0-1.75 1.75v.175H7.82v-1.129c0-.814-.56-1.496-1.312-1.689V5.7h1.75v-1.75h-1.75v-.875h-1.75v.875H3v1.75h1.75v3.263a1.746 1.746 0 0 0-1.313 1.69v3.5c0 .962.788 1.75 1.75 1.75h.875c.963 0 1.75-.788 1.75-1.75v-.622H10v.131c0 .814.56 1.497 1.321 1.698v3.754L4.75 23.215v4.857H6.5v-3.894l5.154-3.22c.315.437.831.735 1.417.735h6.055c.595 0 1.12-.298 1.435-.753l5.189 3.247v3.893h1.75v-4.856l-6.624-4.139v-3.701a1.755 1.755 0 0 0 1.374-1.715v-.131h2.188v.831c0 .963.787 1.75 1.75 1.75h.875c.962 0 1.75-.788 1.75-1.75v-3.5c0-.814-.56-1.496-1.313-1.689V5.63h1.75V3.87ZM6.062 14.151h-.875v-3.5h.875v3.5Zm13.055 4.927a.878.878 0 0 1-.875.875h-4.305a.878.878 0 0 1-.874-.875V15.42h6.054v3.658ZM20.5 13.67h-8.741v-2.065H20.5v2.065Zm6.563.691h-.875v-3.5h.875v3.5Z\\"></path><path d=\\"M16.186 19.244c-.945 0-1.706-.77-1.706-1.706 0-.937.77-1.707 1.706-1.707.936 0 1.706.77 1.706 1.707 0 .936-.77 1.706-1.706 1.706Zm0-1.75.044.044s-.018-.044-.044-.044Z\\"></path></svg>
+            </div>
+            <div class=\\"c-categorisedIconList-icon\\" aria-hidden=\\"true\\">
+                <svg xmlns=\\"http://www.w3.org/2000/svg\\" role=\\"presentation\\" focusable=\\"false\\" fill=\\"#000\\" viewBox=\\"0 0 16 16\\" height=\\"50\\" width=\\"50\\" class=\\"c-pieIcon c-pieIcon--drone\\"><path d=\\"M14.344 7.974v-1.75c0-.613-.359-1.129-.875-1.374V3.17h.656V1.849H11.5V3.16h.656v1.531H3.844v-1.53H4.5V1.848H1.875V3.16h.656v1.68c-.516.245-.875.77-.875 1.374v1.75c0 .84.692 1.531 1.532 1.531h1.198l-2.73 1.943v2.528H2.97v-1.846l1.767-1.251a1.52 1.52 0 0 0 1.514 1.365h3.5c.744 0 1.356-.525 1.505-1.225l1.566 1.12v1.846h1.313v-2.529l-2.73-1.942h1.409c.84 0 1.53-.691 1.53-1.531Zm-4.375 2.73a.217.217 0 0 1-.219.218h-3.5a.217.217 0 0 1-.219-.218V9.61H9.97v1.094ZM3.188 8.193a.217.217 0 0 1-.22-.22v-1.75c0-.122.097-.218.22-.218h9.624c.123 0 .22.096.22.219v1.75a.217.217 0 0 1-.22.219H3.188Z\\"></path></svg>
+            </div>
+        </div>
+        <span class=\\"c-categorisedIconList-iconCard-separator\\"></span>
+        <p>Drone</p>
     </li><li class=\\"c-categorisedIconList-iconCard\\">
         <div class=\\"c-categorisedIconList-iconCard-iconContainer\\">
             <div class=\\"c-categorisedIconList-icon-large\\" aria-hidden=\\"true\\">

diff --git a/apps/pie-docs/src/iconData.json b/apps/pie-docs/src/iconData.json
@@ -1316,6 +1316,10 @@
                     "name": "diy",
                     "displayName": "DIY"
                 },
+                {
+                    "name": "drone",
+                    "displayName": "Drone"
+                },
                 {
                     "name": "electronic-accessories",
                     "displayName": "Electronic Accessories"

diff --git a/apps/pie-storybook/CHANGELOG.md b/apps/pie-storybook/CHANGELOG.md
@@ -1,5 +1,32 @@
 # Changelog
 
+## 1.21.0
+
+### Minor Changes
+
+- [Added] - the size prop ([#2180](https://github.com/justeattakeaway/pie/pull/2180)) by [@raoufswe](https://github.com/raoufswe)
+
+### Patch Changes
+
+- Updated dependencies [[`601b98c`](https://github.com/justeattakeaway/pie/commit/601b98cfe18f08a1a6a8c630598b1305760f46a3), [`e631ea7`](https://github.com/justeattakeaway/pie/commit/e631ea7aed6ac221130bd014baea888286c499db), [`a643b87`](https://github.com/justeattakeaway/pie/commit/a643b876e66d86effc318d0f0bb98b06508ee003), [`18c17c6`](https://github.com/justeattakeaway/pie/commit/18c17c63f28dac91d0dcb15f21ad1e2ded96dd4b), [`f4b445c`](https://github.com/justeattakeaway/pie/commit/f4b445c749574aabfbc2e8e1dbe762762ebff613)]:
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+  - @justeattakeaway/[email protected]
+
 ## 1.20.0
 
 ### Minor Changes

diff --git a/apps/pie-storybook/package.json b/apps/pie-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pie-storybook",
-  "version": "1.20.0",
+  "version": "1.21.0",
   "private": true,
   "description": "Storybook for PIE Design System components",
   "scripts": {
@@ -16,32 +16,32 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@justeat/pie-design-tokens": "6.8.1",
-    "@justeattakeaway/pie-assistive-text": "0.8.1",
+    "@justeattakeaway/pie-assistive-text": "0.8.2",
     "@justeattakeaway/pie-button": "1.1.0",
     "@justeattakeaway/pie-card": "0.22.0",
-    "@justeattakeaway/pie-checkbox": "0.13.7",
-    "@justeattakeaway/pie-checkbox-group": "0.7.7",
-    "@justeattakeaway/pie-chip": "0.9.4",
-    "@justeattakeaway/pie-cookie-banner": "1.2.4",
+    "@justeattakeaway/pie-checkbox": "0.13.8",
+    "@justeattakeaway/pie-checkbox-group": "0.7.8",
+    "@justeattakeaway/pie-chip": "0.9.5",
+    "@justeattakeaway/pie-cookie-banner": "1.2.5",
     "@justeattakeaway/pie-css": "0.14.1",
     "@justeattakeaway/pie-divider": "1.1.0",
     "@justeattakeaway/pie-form-label": "0.14.4",
-    "@justeattakeaway/pie-icon-button": "1.1.0",
-    "@justeattakeaway/pie-icons-webc": "1.2.0",
+    "@justeattakeaway/pie-icon-button": "1.1.1",
+    "@justeattakeaway/pie-icons-webc": "1.3.0",
     "@justeattakeaway/pie-link": "1.0.0",
     "@justeattakeaway/pie-lottie-player": "0.0.5",
-    "@justeattakeaway/pie-modal": "1.1.1",
-    "@justeattakeaway/pie-notification": "0.12.7",
-    "@justeattakeaway/pie-radio": "0.7.0",
-    "@justeattakeaway/pie-radio-group": "0.6.0",
+    "@justeattakeaway/pie-modal": "1.2.0",
+    "@justeattakeaway/pie-notification": "0.12.8",
+    "@justeattakeaway/pie-radio": "0.8.0",
+    "@justeattakeaway/pie-radio-group": "0.7.0",
     "@justeattakeaway/pie-spinner": "1.0.0",
-    "@justeattakeaway/pie-switch": "1.0.1",
+    "@justeattakeaway/pie-switch": "1.0.2",
     "@justeattakeaway/pie-tag": "0.12.0",
-    "@justeattakeaway/pie-text-input": "0.25.0",
-    "@justeattakeaway/pie-textarea": "0.13.1",
-    "@justeattakeaway/pie-thumbnail": "0.3.0",
-    "@justeattakeaway/pie-toast": "0.7.0",
-    "@justeattakeaway/pie-toast-provider": "0.2.0",
+    "@justeattakeaway/pie-text-input": "0.25.1",
+    "@justeattakeaway/pie-textarea": "0.13.2",
+    "@justeattakeaway/pie-thumbnail": "0.4.0",
+    "@justeattakeaway/pie-toast": "0.7.1",
+    "@justeattakeaway/pie-toast-provider": "0.2.1",
     "dompurify": "3.1.3"
   },
   "devDependencies": {

diff --git a/apps/pie-storybook/static/images/burger-16by9.png b/apps/pie-storybook/static/images/burger-16by9.png
diff --git a/apps/pie-storybook/static/images/burger-4by3.png b/apps/pie-storybook/static/images/burger-4by3.png
diff --git a/apps/pie-storybook/static/images/pie-logo.svg b/apps/pie-storybook/static/images/pie-logo.svg