♻️ refactor(icon): update new twitter icon (#1040)

* Create PR for #1019 * feat(icons): add new x icon and replace twitter icon * chore(): update base images * chore(): add x icon to dsIcons --------- Co-authored-by: mladenplaninicic <[email protected]> Co-authored-by: mladenplaninicic <[email protected]>
baloise · Sep 20, 2023 · c7224e8 · c7224e8
1 parent 14d3f8a
commit c7224e8
Show file tree

Hide file tree

Showing 10 changed files with 17 additions and 3 deletions.
diff --git a/.build/optimize-icons.js b/.build/optimize-icons.js
@@ -137,6 +137,7 @@ const main = async () => {
     'balIconXing',
     'balIconLinkedin',
     'balIconTwitter',
+    'balIconX',
     'balIconYoutube',
     'balIconWeb',
     'balIconCaretUp',

diff --git a/.changeset/lucky-parents-admire.md b/.changeset/lucky-parents-admire.md
@@ -0,0 +1,6 @@
+---
+'@baloise/design-system-components': minor
+'@baloise/design-system-icons': minor
+---
+
+add new x icon and replace twitter icon with a new one (x)
diff --git a/packages/components/src/utils/config/initialize.ts b/packages/components/src/utils/config/initialize.ts
@@ -24,6 +24,7 @@ import {
   balIconInstagram,
   balIconLinkedin,
   balIconTwitter,
+  balIconX,
   balIconXing,
   balIconYoutube,
   balIconWeb,
@@ -56,6 +57,7 @@ export const defaultConfig: BalConfigState = {
     balIconInstagram,
     balIconLinkedin,
     balIconTwitter,
+    balIconX,
     balIconXing,
     balIconYoutube,
     balIconWeb,

diff --git a/packages/components/src/utils/constants/icons.constant.ts b/packages/components/src/utils/constants/icons.constant.ts
@@ -5,11 +5,13 @@ export const balIconYoutube = /*#__PURE__*/ '<svg xmlns="http://www.w3.org/2000/
 
 export const balIconXing = /*#__PURE__*/ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M13.0056 0C13.385 0 13.6262 0.406033 13.4447 0.739215L9.3722 8.21397C9.28942 8.3659 9.29108 8.54984 9.37658 8.70026L11.9644 13.2529C12.1539 13.5862 11.9131 14 11.5297 14H8.88832C8.70848 14 8.5425 13.9034 8.45363 13.7471L5.58749 8.70478C5.50059 8.55191 5.50038 8.36464 5.58694 8.21157L10.0872 0.253872C10.1759 0.0969935 10.3422 0 10.5224 0H13.0056ZM5.60519 5.58358C5.68784 5.73855 5.68312 5.92552 5.59276 6.07613L3.43406 9.67396C3.3437 9.82456 3.18095 9.91671 3.00532 9.91671H0.500779C0.111209 9.91671 -0.128712 9.49091 0.0730986 9.15769L1.97318 6.02035C2.06519 5.86842 2.0697 5.67908 1.98502 5.52295L0.655558 3.07176C0.474862 2.7386 0.716068 2.33337 1.09507 2.33337H3.57175C3.7564 2.33337 3.92603 2.43515 4.01292 2.59808L5.60519 5.58358Z"/></svg>';
 
+export const balIconX = /*#__PURE__*/ '<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3608 1.15369C13.4169 1.2059 13.4622 1.26865 13.494 1.33837C13.5259 1.40808 13.5436 1.48339 13.5464 1.55999C13.5491 1.63659 13.5367 1.71297 13.5098 1.78477C13.483 1.85656 13.4423 1.92236 13.39 1.97841L8.64428 7.06727L13.8824 14.0198C13.9477 14.1064 13.9876 14.2095 13.9975 14.3176C14.0075 14.4256 13.9871 14.5343 13.9386 14.6313C13.8902 14.7284 13.8156 14.81 13.7233 14.8671C13.631 14.9241 13.5246 14.9542 13.4161 14.9541H10.2207C10.1303 14.9542 10.0412 14.9333 9.96026 14.893C9.87935 14.8528 9.8089 14.7943 9.75447 14.7222L6.06784 9.8299L1.46336 14.7684C1.41113 14.8245 1.34837 14.8696 1.27867 14.9014C1.20897 14.9332 1.13369 14.9509 1.05714 14.9536C0.980585 14.9563 0.904251 14.9439 0.832496 14.9171C0.760741 14.8903 0.69497 14.8496 0.63894 14.7973C0.582909 14.7451 0.537715 14.6823 0.505938 14.6126C0.474162 14.5429 0.456425 14.4677 0.45374 14.3911C0.451056 14.3146 0.463476 14.2382 0.490292 14.1665C0.517108 14.0947 0.557794 14.029 0.610028 13.9729L5.35572 8.88407L0.117626 1.93154C0.0523114 1.84497 0.0124314 1.74191 0.00246702 1.63393C-0.00749732 1.52595 0.0128489 1.41733 0.0612194 1.32027C0.10959 1.22322 0.184068 1.14157 0.276285 1.08451C0.368503 1.02746 0.474805 0.997244 0.583248 0.997273H3.7793C3.86956 0.997249 3.9586 1.01818 4.0394 1.05842C4.1202 1.09866 4.19055 1.15711 4.24492 1.22917L7.93155 6.12144L12.5354 1.18291C12.5876 1.12679 12.6504 1.08151 12.7201 1.04966C12.7898 1.01782 12.8651 1.00003 12.9417 0.997314C13.0183 0.9946 13.0947 1.00702 13.1665 1.03385C13.2383 1.06068 13.3047 1.10141 13.3608 1.15369ZM7.44036 7.40872C7.42386 7.38964 7.40861 7.36951 7.39471 7.34846L3.48836 2.16343H1.75308L10.511 13.7885H12.2463L7.43975 7.40933L7.44036 7.40872Z"/></svg>';
+
 export const balIconWeb = /*#__PURE__*/ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M5.04883 0.275541C2.32493 1.06453 0.285118 3.46373 0.0275269 6.375H3.22773C3.41606 4.22626 4.03911 2.14922 5.04883 0.275541ZM3.22773 7.625H0.0275269C0.285118 10.5363 2.32493 12.9355 5.04883 13.7245C4.0391 11.8508 3.41606 9.77374 3.22773 7.625ZM6.6522 13.9915C5.44618 12.0855 4.69968 9.90183 4.48294 7.625H9.51704C9.30031 9.90183 8.5538 12.0855 7.34777 13.9915C7.23256 13.9971 7.11661 14 7.00001 14C6.88338 14 6.76743 13.9971 6.6522 13.9915ZM8.95115 13.7245C11.6751 12.9355 13.7149 10.5363 13.9725 7.625H10.7722C10.5839 9.77375 9.96087 11.8508 8.95115 13.7245ZM10.7722 6.375H13.9725C13.7149 3.46372 11.6751 1.06451 8.95114 0.275533C9.96087 2.14921 10.5839 4.22625 10.7722 6.375ZM6.65221 0.00848953C6.76743 0.00285182 6.88339 0 7.00001 0C7.11661 0 7.23256 0.0028513 7.34777 0.008488C8.5538 1.91446 9.3003 4.09817 9.51704 6.375H4.48294C4.69968 4.09817 5.44618 1.91446 6.65221 0.00848953Z" clip-rule="evenodd"/></svg>';
 
 export const balIconUpload = /*#__PURE__*/ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8.99999 4C9.2883 4 9.55108 3.83474 9.67597 3.57489C9.80086 3.31504 9.76575 3.00661 9.58564 2.78148L7.58564 0.281479C7.44331 0.103567 7.22783 0 6.99999 0C6.77215 0 6.55667 0.103567 6.41434 0.281479L4.41434 2.78148C4.23424 3.00661 4.19912 3.31504 4.32401 3.57489C4.4489 3.83474 4.71169 4 4.99999 4H6L6 9.5C6 10.0523 6.44772 10.5 7 10.5C7.55228 10.5 8 10.0523 8 9.5L8 4H8.99999ZM3 12V5.99998C3.55228 5.99998 4 5.55227 4 4.99998C4 4.4477 3.55228 3.99998 3 3.99998H2.5C2.10217 3.99998 1.72064 4.15802 1.43934 4.43932C1.15804 4.72062 1 5.10216 1 5.49998V12.5C1 12.8979 1.15804 13.2794 1.43934 13.5607C1.72065 13.842 2.10218 14 2.5 14L11.5 14.0001C11.8978 14.0001 12.2794 13.842 12.5607 13.5607C12.842 13.2794 13 12.8979 13 12.5001V5.5C13 5.10218 12.842 4.72065 12.5607 4.43934C12.2794 4.15804 11.8978 4 11.5 4H11C10.4477 4 10 4.44772 10 5C10 5.55228 10.4477 6 11 6V12.0001L3 12Z" clip-rule="evenodd"/></svg>';
 
-export const balIconTwitter = /*#__PURE__*/ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8.47472 1.1632C9.77685 0.827743 11.3483 1.2901 12.3047 2.30864H13.3782C13.5503 2.30864 13.7102 2.3971 13.8017 2.54283C13.8932 2.68856 13.9033 2.87107 13.8285 3.02602L12.7729 5.21251C13.0724 7.76023 12.0758 10.1961 10.0711 11.636C8.02037 13.109 5.00352 13.4802 1.42635 12.0145C1.23808 11.9436 1.07547 11.8175 0.9599 11.6526C0.842027 11.4844 0.778794 11.284 0.778794 11.0786C0.778794 10.8733 0.842027 10.6729 0.9599 10.5047C1.07777 10.3365 1.24457 10.2087 1.43762 10.1386C1.45068 10.1339 1.46394 10.1297 1.47735 10.1261C2.0275 9.97689 2.55349 9.75372 3.04127 9.46364C2.0748 8.88294 1.28539 8.03895 0.770816 7.02251C0.12836 5.75346 -0.0438169 4.29828 0.284085 2.91498C0.304935 2.7417 0.370821 2.57659 0.475549 2.43629C0.589879 2.28311 0.745713 2.16592 0.924593 2.09857C1.10347 2.03123 1.29791 2.01656 1.48486 2.05631C1.67164 2.09602 1.84315 2.18837 1.9791 2.32245C3.39156 3.71077 4.62741 4.28532 5.48308 4.52023C5.81481 4.61131 6.09255 4.6522 6.30501 4.66875C6.23919 3.78839 6.38908 3.05479 6.7209 2.47463C7.12526 1.76761 7.76774 1.34534 8.47472 1.1632Z" clip-rule="evenodd"/></svg>';
+export const balIconTwitter = /*#__PURE__*/ '<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3608 1.15369C13.4169 1.2059 13.4622 1.26865 13.494 1.33837C13.5259 1.40808 13.5436 1.48339 13.5464 1.55999C13.5491 1.63659 13.5367 1.71297 13.5098 1.78477C13.483 1.85656 13.4423 1.92236 13.39 1.97841L8.64428 7.06727L13.8824 14.0198C13.9477 14.1064 13.9876 14.2095 13.9975 14.3176C14.0075 14.4256 13.9871 14.5343 13.9386 14.6313C13.8902 14.7284 13.8156 14.81 13.7233 14.8671C13.631 14.9241 13.5246 14.9542 13.4161 14.9541H10.2207C10.1303 14.9542 10.0412 14.9333 9.96026 14.893C9.87935 14.8528 9.8089 14.7943 9.75447 14.7222L6.06784 9.8299L1.46336 14.7684C1.41113 14.8245 1.34837 14.8696 1.27867 14.9014C1.20897 14.9332 1.13369 14.9509 1.05714 14.9536C0.980585 14.9563 0.904251 14.9439 0.832496 14.9171C0.760741 14.8903 0.69497 14.8496 0.63894 14.7973C0.582909 14.7451 0.537715 14.6823 0.505938 14.6126C0.474162 14.5429 0.456425 14.4677 0.45374 14.3911C0.451056 14.3146 0.463476 14.2382 0.490292 14.1665C0.517108 14.0947 0.557794 14.029 0.610028 13.9729L5.35572 8.88407L0.117626 1.93154C0.0523114 1.84497 0.0124314 1.74191 0.00246702 1.63393C-0.00749732 1.52595 0.0128489 1.41733 0.0612194 1.32027C0.10959 1.22322 0.184068 1.14157 0.276285 1.08451C0.368503 1.02746 0.474805 0.997244 0.583248 0.997273H3.7793C3.86956 0.997249 3.9586 1.01818 4.0394 1.05842C4.1202 1.09866 4.19055 1.15711 4.24492 1.22917L7.93155 6.12144L12.5354 1.18291C12.5876 1.12679 12.6504 1.08151 12.7201 1.04966C12.7898 1.01782 12.8651 1.00003 12.9417 0.997314C13.0183 0.9946 13.0947 1.00702 13.1665 1.03385C13.2383 1.06068 13.3047 1.10141 13.3608 1.15369ZM7.44036 7.40872C7.42386 7.38964 7.40861 7.36951 7.39471 7.34846L3.48836 2.16343H1.75308L10.511 13.7885H12.2463L7.43975 7.40933L7.44036 7.40872Z"/></svg>';
 
 export const balIconTrash = /*#__PURE__*/ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M5.76256 2.01256C6.09075 1.68437 6.53587 1.5 7 1.5C7.46413 1.5 7.90925 1.68437 8.23744 2.01256C8.4448 2.21993 8.59475 2.47397 8.67705 2.75H5.32295C5.40525 2.47397 5.5552 2.21993 5.76256 2.01256ZM3.78868 2.75C3.89405 2.07321 4.21153 1.44227 4.7019 0.951903C5.3114 0.34241 6.13805 0 7 0C7.86195 0 8.6886 0.34241 9.2981 0.951903C9.78847 1.44227 10.106 2.07321 10.2113 2.75H13C13.4142 2.75 13.75 3.08579 13.75 3.5C13.75 3.91422 13.4142 4.25 13 4.25H12V12.5C12 12.8978 11.842 13.2794 11.5607 13.5607C11.2794 13.842 10.8978 14 10.5 14H3.5C3.10217 14 2.72064 13.842 2.43934 13.5607C2.15804 13.2794 2 12.8978 2 12.5V4.25H1C0.585786 4.25 0.25 3.91422 0.25 3.5C0.25 3.08579 0.585786 2.75 1 2.75H3.78868ZM5 5.87646C5.34518 5.87646 5.625 6.15629 5.625 6.50146V10.503C5.625 10.8481 5.34518 11.128 5 11.128C4.65482 11.128 4.375 10.8481 4.375 10.503V6.50146C4.375 6.15629 4.65482 5.87646 5 5.87646ZM9.625 6.50146C9.625 6.15629 9.34518 5.87646 9 5.87646C8.65482 5.87646 8.375 6.15629 8.375 6.50146V10.503C8.375 10.8481 8.65482 11.128 9 11.128C9.34518 11.128 9.625 10.8481 9.625 10.503V6.50146Z" clip-rule="evenodd"/></svg>';