Skip to content

Commit

Permalink
feat(pie-icons): DSW-000 update high priority icons (#2105)
Browse files Browse the repository at this point in the history
  • Loading branch information
@maledr5
maledr5 authored Dec 5, 2024
1 parent 664411b commit 78d17bb
Show file tree
Hide file tree
Showing 9 changed files with 50 additions and 14 deletions.
20 changes: 20 additions & 0 deletions .changeset/chatty-singers-jam.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
"@justeattakeaway/pie-icons": minor
"@justeattakeaway/pie-icons-react": minor
"@justeattakeaway/pie-icons-vue": minor
"@justeattakeaway/pie-icons-webc": minor
---

[Added] - Icons

## Communication
- share-2
- share-2-large

[Updated] - Icons

## Pay
- takeaway-pay
- takeaway-pay-large
- takeaway-pay-filled-large
- takeaway-pay-filled
19 changes: 15 additions & 4 deletions apps/pie-docs/src/__tests__/_11ty/shortcodes/__snapshots__/categorisedIconList.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1103,6 +1103,17 @@ exports[`categorisedIconList.js > should return the expected HTML 1`] = `
</div>
<span class=\\"c-categorisedIconList-iconCard-separator\\"></span>
<p>Share</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--share2Large\\"><path fill-rule=\\"evenodd\\" d=\\"m16.875 5.736 4.016 4.087v-.01l1.234-1.233-4.926-4.926A1.71 1.71 0 0 0 16 3.164c-.438 0-.866.157-1.199.49L9.875 8.589l1.234 1.234 4.016-4.017V17.33h1.75V5.736Zm2.625 5.679h2.625a2.633 2.633 0 0 1 2.625 2.625v11.375a2.633 2.633 0 0 1-2.625 2.625H9.875a2.633 2.633 0 0 1-2.625-2.625V14.04a2.633 2.633 0 0 1 2.625-2.625H12.5v1.75H9.875A.878.878 0 0 0 9 14.04v11.375c0 .481.394.875.875.875h12.25a.878.878 0 0 0 .875-.875V14.04a.878.878 0 0 0-.875-.875H19.5v-1.75Z\\" clip-rule=\\"evenodd\\"></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--share2\\"><path fill-rule=\\"evenodd\\" d=\\"m8.656 3.301 1.83 1.829.927-.928L8.77 1.56A1.06 1.06 0 0 0 8 1.236c-.28 0-.56.114-.77.324L4.58 4.211l.927.928L7.344 3.3v5.233h1.312V3.3ZM9.97 6.162h1.094c.84 0 1.53.692 1.53 1.532v5.25c0 .84-.69 1.531-1.53 1.531H4.936c-.84 0-1.53-.691-1.53-1.531v-5.25c0-.84.69-1.532 1.53-1.532h1.094v1.313H4.938a.217.217 0 0 0-.22.219v5.25c0 .122.097.218.22.218h6.125a.217.217 0 0 0 .218-.218v-5.25a.217.217 0 0 0-.219-.219H9.97V6.162Z\\" clip-rule=\\"evenodd\\"></path></svg>
</div>
</div>
<span class=\\"c-categorisedIconList-iconCard-separator\\"></span>
<p>Share 2</p>
</li>
</ul>
</li><li>
Expand Down Expand Up @@ -3916,21 +3927,21 @@ exports[`categorisedIconList.js > should return the expected HTML 1`] = `
</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--takeawayPayLarge\\"><path d=\\"M27.48 6.349H4.52C3.129 6.349 2 7.425 2 8.746v14.508c0 1.32 1.129 2.397 2.52 2.397h22.96c1.383 0 2.52-1.076 2.52-2.397V8.746c0-1.321-1.129-2.397-2.52-2.397Zm.77 16.896c0 .359-.341.647-.77.647H4.52c-.42 0-.77-.288-.77-.647V8.746c0-.359.341-.647.77-.647h22.96c.42 0 .77.288.77.647v14.508-.01Z\\"></path><path d=\\"M16.367 13.751h-1.96v4.874h1.033v-1.619h.928c1.015 0 1.732-.682 1.732-1.627s-.709-1.628-1.733-1.628Zm-.096 2.371h-.831v-1.487h.831c.455 0 .77.289.77.744s-.315.743-.77.743Z\\"></path><path d=\\"M11.599 14.556s-.026-.035-.026-.06c-.062-.727-.167-1.445-.167-1.445a.217.217 0 0 0-.175-.157l-.595-.07a.12.12 0 0 0-.122.122v.718s-.788-.91-1.19-1.155a.535.535 0 0 0-.289-.088.488.488 0 0 0-.289.088c-2.003 1.234-3.106 3.255-3.15 3.36a.259.259 0 0 0-.017.087.19.19 0 0 0 .149.193l.577.114a.187.187 0 0 1 .14.166c0 .105.114 2.38.254 2.966.017.088.105.149.192.149l4.27-.018a.197.197 0 0 0 .193-.148c.14-.595.245-2.87.254-2.967a.199.199 0 0 1 .14-.166l.577-.114c.088-.017.149-.105.149-.192 0-.018 0-.044-.018-.07-.017-.061-.323-.613-.883-1.313h.026Z\\"></path><path d=\\"M20.314 14.836c-.735 0-1.26.263-1.54.604l.595.577c.166-.183.48-.314.857-.314.455 0 .788.21.788.665v.06l-.963.044c-1.006.053-1.505.455-1.505 1.12 0 .71.578 1.12 1.383 1.12.507 0 .91-.183 1.128-.49h.018v.394h.91v-2.319c0-.848-.578-1.478-1.663-1.478l-.008.017Zm.7 2.424c0 .446-.394.752-.91.752-.333 0-.595-.14-.595-.428 0-.263.236-.412.647-.438l.858-.052v.166Z\\"></path><path d=\\"M24.47 17.453h-.017l-.954-2.53H22.43l1.488 3.72c-.184.402-.324.55-.727.55a1.59 1.59 0 0 1-.323-.034v.857c.114.027.28.044.411.044.936 0 1.286-.499 1.671-1.444l1.488-3.701h-1.033l-.953 2.529.017.009Z\\"></path></svg>
<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--takeawayPayLarge\\"><path d=\\"M25.739 6.664H6.26a2.85 2.85 0 0 0-2.844 2.844v12.985a2.85 2.85 0 0 0 2.844 2.843H25.74a2.85 2.85 0 0 0 2.843-2.843V9.508a2.85 2.85 0 0 0-2.843-2.844Zm.402 15.829a.401.401 0 0 1-.402.402H6.26a.401.401 0 0 1-.402-.402V9.508c0-.228.183-.403.402-.403H25.74c.227 0 .402.184.402.403v12.985Z\\"></path><path d=\\"M20.48 13.576s-.044-.061-.044-.096a49.756 49.756 0 0 0-.297-2.459c-.026-.14-.158-.245-.298-.262 0 0-1.032-.123-1.05-.123a.215.215 0 0 0-.218.21v1.216s-1.374-1.557-2.083-1.977a.932.932 0 0 0-1.006 0c-3.518 2.109-5.451 5.53-5.53 5.723a.413.413 0 0 0-.035.148c0 .158.114.289.262.333l1.015.183a.347.347 0 0 1 .254.29c.009.174.201 4.05.438 5.057a.342.342 0 0 0 .34.254l7.49-.027a.357.357 0 0 0 .342-.253c.245-1.007.429-4.883.438-5.058a.347.347 0 0 1 .253-.289l1.015-.184a.347.347 0 0 0 .263-.332.292.292 0 0 0-.035-.123c-.035-.096-.56-1.04-1.549-2.23h.035Z\\"></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--takeawayPay\\"><path d=\\"M13.25 2.969H2.75c-.84 0-1.531.691-1.531 1.531v7c0 .84.691 1.531 1.531 1.531h10.5c.84 0 1.531-.691 1.531-1.531v-7c0-.84-.691-1.531-1.531-1.531Zm.219 8.531a.217.217 0 0 1-.219.219H2.75a.217.217 0 0 1-.219-.219v-7c0-.122.096-.219.219-.219h10.5c.123 0 .219.097.219.219v7Z\\"></path><path d=\\"M9.899 6.968s-.018-.027-.018-.044c-.043-.525-.122-1.041-.122-1.041-.009-.062-.07-.105-.131-.114 0 0-.438-.053-.447-.053a.088.088 0 0 0-.087.088v.516s-.586-.656-.884-.84A.349.349 0 0 0 8 5.419a.421.421 0 0 0-.21.061c-1.496.893-2.31 2.345-2.345 2.424a.162.162 0 0 0-.017.061c0 .07.043.123.113.14l.429.079a.14.14 0 0 1 .105.122c0 .07.088 1.715.184 2.144a.15.15 0 0 0 .14.105h3.176v-.009c.07 0 .123-.043.14-.105.105-.429.184-2.073.184-2.143 0-.062.052-.105.105-.123l.429-.079c.06-.017.113-.07.113-.14 0-.008 0-.035-.017-.052-.018-.044-.236-.446-.656-.945l.026.009Z\\"></path></svg>
<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--takeawayPay\\"><path d=\\"M13.25 2.969H2.75c-.84 0-1.531.691-1.531 1.531v7c0 .84.691 1.531 1.531 1.531h10.5c.84 0 1.531-.691 1.531-1.531v-7c0-.84-.691-1.531-1.531-1.531Zm.219 8.531a.217.217 0 0 1-.219.219H2.75a.217.217 0 0 1-.219-.219v-7c0-.122.096-.219.219-.219h10.5c.123 0 .219.097.219.219v7Z\\"></path><path d=\\"M10.415 6.696s-.026-.035-.026-.052c-.061-.665-.158-1.33-.158-1.33a.187.187 0 0 0-.166-.14l-.569-.061a.116.116 0 0 0-.114.113v.657s-.743-.84-1.12-1.068a.491.491 0 0 0-.27-.079.491.491 0 0 0-.272.079C5.821 5.953 4.78 7.799 4.736 7.904a.255.255 0 0 0-.017.079c0 .087.061.157.14.175l.551.105c.07.017.131.078.14.157 0 .096.105 2.188.236 2.721.018.079.097.132.184.132l4.042-.018a.19.19 0 0 0 .184-.131c.132-.543.228-2.634.236-2.721a.197.197 0 0 1 .14-.158l.552-.105a.186.186 0 0 0 .14-.175c0-.017 0-.044-.018-.061-.017-.053-.306-.56-.831-1.208Z\\"></path></svg>
</div>
</div>
<span class=\\"c-categorisedIconList-iconCard-separator\\"></span>
<p>Takeaway Pay</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--takeawayPayFilledLarge\\"><path d=\\"M15.44 16.122h.831c.455 0 .77-.288.77-.743s-.315-.744-.77-.744h-.831v1.487Z\\"></path><path d=\\"M21.014 17.26c0 .446-.394.752-.91.752-.333 0-.595-.14-.595-.428 0-.263.236-.412.647-.438l.858-.052v.166Z\\"></path><path fill-rule=\\"evenodd\\" d=\\"M27.48 6.349H4.52C3.129 6.349 2 7.425 2 8.746v14.508c0 1.32 1.129 2.397 2.52 2.397h22.96c1.383 0 2.52-1.076 2.52-2.397V8.746c0-1.321-1.129-2.397-2.52-2.397Zm-15.908 8.146c0 .026.027.061.027.061h-.027c.56.7.867 1.251.884 1.313a.118.118 0 0 1 .018.07c0 .087-.062.175-.15.192l-.577.114a.198.198 0 0 0-.14.166l-.01.183c-.031.569-.125 2.28-.243 2.783a.197.197 0 0 1-.193.15l-4.27.017c-.087 0-.175-.062-.192-.15-.14-.585-.254-2.86-.254-2.965a.187.187 0 0 0-.14-.167l-.578-.113a.19.19 0 0 1-.148-.193c0-.035.008-.061.017-.087.044-.105 1.146-2.127 3.15-3.36a.488.488 0 0 1 .289-.088c.105 0 .21.035.289.088.402.245 1.19 1.155 1.19 1.155v-.718a.12.12 0 0 1 .122-.122l.595.07a.217.217 0 0 1 .175.157s.105.718.166 1.444Zm2.835-.744h1.96c1.024 0 1.733.683 1.733 1.628 0 .945-.718 1.627-1.733 1.627h-.927v1.619h-1.033V13.75Zm5.907 1.085c-.735 0-1.26.263-1.54.604l.595.577c.166-.183.48-.315.857-.315.455 0 .788.21.788.665v.062l-.963.043c-1.006.053-1.505.455-1.505 1.12 0 .71.578 1.12 1.383 1.12.507 0 .91-.183 1.128-.49h.018v.394h.91v-2.319c0-.848-.578-1.478-1.663-1.478l-.008.017Zm4.138 2.616h.018l-.018-.008.954-2.53h1.033l-1.488 3.702c-.385.945-.735 1.444-1.671 1.444-.131 0-.298-.018-.411-.044v-.857c.078.017.2.035.323.035.403 0 .543-.15.727-.552l-1.488-3.718H23.5l.953 2.528Z\\" clip-rule=\\"evenodd\\"></path></svg>
<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--takeawayPayFilledLarge\\"><path d=\\"M25.739 6.664H6.26a2.85 2.85 0 0 0-2.844 2.844v12.985a2.85 2.85 0 0 0 2.844 2.843H25.74a2.85 2.85 0 0 0 2.843-2.843V9.508a2.85 2.85 0 0 0-2.843-2.844Zm-3.938 9.59-1.015.183a.347.347 0 0 0-.254.29c-.008.174-.2 4.05-.437 5.057a.35.35 0 0 1-.341.254l-7.49.026a.357.357 0 0 1-.341-.254c-.245-.997-.43-4.883-.438-5.057a.347.347 0 0 0-.254-.29l-1.015-.183a.347.347 0 0 1-.262-.333c0-.052.008-.104.035-.148.079-.184 2.012-3.614 5.53-5.723a.91.91 0 0 1 .507-.148c.193 0 .359.052.499.148.709.42 2.083 1.978 2.083 1.978v-1.216c0-.114.096-.21.218-.21.009 0 1.05.122 1.05.122a.336.336 0 0 1 .298.262s.184 1.226.297 2.46c0 .034.018.07.044.096.98 1.19 1.505 2.135 1.549 2.23a.444.444 0 0 1 .035.123.355.355 0 0 1-.263.333h-.035Z\\"></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--takeawayPayFilled\\"><path d=\\"M13.25 2.969H2.75c-.84 0-1.531.691-1.531 1.531v7c0 .84.691 1.531 1.531 1.531h10.5c.84 0 1.531-.691 1.531-1.531v-7c0-.84-.691-1.531-1.531-1.531Zm-2.791 5.136-.429.079a.152.152 0 0 0-.105.122c0 .07-.088 1.715-.184 2.144a.15.15 0 0 1-.14.105H6.425v.009c-.07 0-.131-.044-.14-.105-.105-.429-.184-2.074-.184-2.144 0-.061-.052-.105-.105-.122l-.429-.08c-.06-.017-.113-.07-.113-.14 0-.026 0-.043.017-.06.035-.08.849-1.532 2.345-2.424a.349.349 0 0 1 .21-.061c.079 0 .149.026.21.06.298.176.884.84.884.84v-.516c0-.052.044-.087.088-.087l.446.053c.061 0 .114.052.131.113 0 0 .079.516.123 1.042 0 .017.008.035.017.043.42.508.639.902.656.945a.18.18 0 0 1 .018.053c0 .07-.044.122-.114.14l-.026-.009Z\\"></path></svg>
<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--takeawayPayFilled\\"><path d=\\"M13.25 2.969H2.75c-.84 0-1.531.691-1.531 1.531v7c0 .84.691 1.531 1.531 1.531h10.5c.84 0 1.531-.691 1.531-1.531v-7c0-.84-.691-1.531-1.531-1.531ZM11.124 8.14l-.552.105a.187.187 0 0 0-.14.158c0 .096-.104 2.178-.236 2.72a.19.19 0 0 1-.184.132l-4.042.018c-.087 0-.166-.053-.184-.132-.131-.542-.227-2.633-.236-2.721a.197.197 0 0 0-.14-.158l-.551-.104a.187.187 0 0 1-.14-.175c0-.027 0-.053.017-.08.044-.104 1.085-1.95 2.984-3.088a.491.491 0 0 1 .271-.079c.097 0 .193.027.271.079.377.228 1.12 1.067 1.12 1.067v-.656c0-.061.053-.114.114-.114l.569.062c.079 0 .149.061.166.14 0 0 .097.656.158 1.33 0 .017.009.035.026.052.534.639.814 1.147.831 1.208a.358.358 0 0 1 .018.061.179.179 0 0 1-.14.175Z\\"></path></svg>
</div>
</div>
<span class=\\"c-categorisedIconList-iconCard-separator\\"></span>
Expand Down
4 changes: 4 additions & 0 deletions apps/pie-docs/src/iconData.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -447,6 +447,10 @@
{
"name": "share",
"displayName": "Share"
},
{
"name": "share-2",
"displayName": "Share 2"
}
]
},
Expand Down
3 changes: 3 additions & 0 deletions packages/tools/pie-icons/src/assets/share-2-large.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions packages/tools/pie-icons/src/assets/share-2.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 1 addition & 3 deletions packages/tools/pie-icons/src/assets/takeaway-pay-filled-large.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 78d17bb

Please sign in to comment.