From 37e49bd744d9a92021717ba33bd01e1bb96cc4ee Mon Sep 17 00:00:00 2001 From: Henrique Limas Date: Wed, 20 Sep 2023 10:36:30 -0700 Subject: [PATCH 1/7] FEAT: Update icons with latest skin (#243) Co-authored-by: hlimas --- .../__snapshots__/index.spec.tsx.snap | 3416 ++++++++++++----- src/ebay-icon/__tests__/constants.ts | 100 +- src/ebay-icon/types.ts | 101 +- src/ebay-svg/svg.tsx | 131 +- yarn.lock | 6 +- 5 files changed, 2858 insertions(+), 896 deletions(-) diff --git a/src/ebay-icon/__tests__/__snapshots__/index.spec.tsx.snap b/src/ebay-icon/__tests__/__snapshots__/index.spec.tsx.snap index b1b0ed08..a865f023 100644 --- a/src/ebay-icon/__tests__/__snapshots__/index.spec.tsx.snap +++ b/src/ebay-icon/__tests__/__snapshots__/index.spec.tsx.snap @@ -395,6 +395,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + arrowRight20 + + + + + arrowRight24 @@ -463,6 +480,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + arrows3dFilled64Colored + + + + + article16 @@ -667,6 +701,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + authenticityGuarantee16 + + + + + authenticityGuarantee16Fit @@ -684,6 +735,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + authenticityGuarantee24 + + + + + authenticityGuarantee24Fit @@ -718,6 +786,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + avatarSignedOut + + + + + bag24 @@ -939,6 +1024,57 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + bookmark16 + + + + + + + + bookmark24 + + + + + + + + brandAuthorizedSeller16 + + + + + brandAuthorizedSeller16Fit @@ -956,6 +1092,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + brandAuthorizedSeller24 + + + + + brandAuthorizedSeller24Fit @@ -1313,6 +1466,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + certifiedRecycled16 + + + + + certifiedRecycled16Fit @@ -1330,6 +1500,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + certifiedRecycled24 + + + + + certifiedRecycled24Fit @@ -1823,6 +2010,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + clickToCall16 + + + + + clickToCall16Fit @@ -2095,6 +2299,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + confirmation64 + + + + + confirmationFilled16 @@ -2896,1105 +3117,1496 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` - directFromBrand16Fit + directFromBrand16 - directFromBrand24Fit + directFromBrand16Fit - discover12Colored + directFromBrand24 - discover18Colored + directFromBrand24Fit - discover24Colored + discord24 - discover32Colored + discount16 - download16 + discount24 - download24 + discover12Colored - ebayBalance12Colored + discover18Colored - ebayBalance18Colored + discover24Colored - ebayBalance24Colored + discover32Colored - ebayBalance32Colored + dollar16 - ebayBucks16Colored + dollar24 - ebayInternationalShipping16Fit + download16 - ebayInternationalShipping24Fit + download24 - ebayLive16 + ebayBalance12Colored - ebayLive24 + ebayBalance18Colored - ebayMastercard12Colored + ebayBalance24Colored - ebayMastercard18Colored + ebayBalance32Colored - ebayMastercard24Colored + ebayBucks16Colored - ebayMastercard32Colored + ebayBucksLogo16Colored - ebayMoneyBackGuaranteeLogo16Colored + ebayForCharity16Fit - ebayPlus16Fit + ebayForCharity24Fit - ebayPlus24Fit + ebayInternationalShipping16 - ebayPlusLogo16Colored + ebayInternationalShipping16Fit - ebayRefurbished16Fit + ebayInternationalShipping24 - ebayRefurbished24Fit + ebayInternationalShipping24Fit - eekArrow + ebayLive16 - eekRangeArrow + ebayLive24 - escrow16Fit + ebayMastercard12Colored - escrow24Fit + ebayMastercard18Colored - escrowCard12Colored + ebayMastercard24Colored - escrowCard18Colored + ebayMastercard32Colored - escrowCard24Colored + ebayMoneyBackGuaranteeLogo16Colored - escrowCard32Colored + ebayPlus16Fit - expand16 + ebayPlus24Fit - externalLink16 + ebayPlusLogo16Colored - externalLink24 + ebayPreloved16 - faceHappiest24 + ebayPreloved24 - faceHappy24 + ebayRefurbished16 - faceNeutral24 + ebayRefurbished16Fit - faceSad24 + ebayRefurbished24 - faceSaddest24 + ebayRefurbished24Fit - fastAndFree16 + eekArrow - fastAndFree24 + eekRangeArrow - file16 + escrow16Fit - file24 + escrow24Fit - filter16 + escrowCard12Colored - filter24 + escrowCard18Colored - fingerprint24 + escrowCard24Colored - fingerprint64 + escrowCard32Colored - flag16 + euro16 - flag24 + euro24 - flagFilled16 + expand16 - flagFilled24 + externalLink16 - flash24 + externalLink24 - flashAuto24 + faceHappiest24 - flashOff24 + faceHappy24 - folder16 + faceNeutral24 - folder24 + faceSad24 - freeWarranty16Fit + faceSaddest24 - freeWarranty24Fit + facebook24 - fullView16 + facebookMessenger24 - fullView24 + fastAndFree16 - fullViewFilled16 + fastAndFree24 + + + + + file16 + + + + + + + + file24 + + + + + + + + filter16 + + + + + + + + filter24 + + + + + + + + fingerprint24 + + + + + + + + fingerprint64 + + + + + + + + flag16 + + + + + + + + flag24 + + + + + + + + flagFilled16 + + + + + + + + flagFilled24 + + + + + + + + flash24 + + + + + + + + flashAuto24 + + + + + + + + flashOff24 + + + + + + + + folder16 + + + + + + + + folder24 + + + + + + + + franc16 + + + + + + + + franc24 + + + + + + + + freeWarranty16 + + + + + + + + freeWarranty16Fit + + + + + + + + freeWarranty24Fit + + + + + + + + fullView16 + + + + + + + + fullView24 + + + + + + + + fullViewFilled16 + + + @@ -4006,3633 +4618,4262 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + + + gallery16 + + + + + + + + gallery24 + + + + + + + + generalCard12Colored + + + + + + + + generalCard18Colored + + + + + + + + generalCard24Colored + + + + + + + + generalCard32Colored + + + + + + + + genericCard12Colored + + + + + + + + genericCard18Colored + + + + + + + + genericCard24Colored + + + + + + + + genericCard32Colored + + + + + + + + gift16 + + + + + + + + gift24 + + + + + + + + gift64 + + + + + + + + giftCard12Colored + + + + + + + + giftCard18Colored + + + + + + + + giftCard24Colored + + + + + + + + giftCard32Colored + + + + + + + + glasses24 + + + + + + + + glasses64 + + + + + + + + googlePay12Colored + + + + + + + + googlePay18Colored + + + + + + + + googlePay24Colored + + + + + + + + googlePay32Colored + + + + + + + + gridView16 + + + + + + + + gridView24 + + + + + + + + gridViewFilled16 + + + - gallery16 + gridViewFilled24 - gallery24 + handbag16 - generalCard12Colored + handbag24 - generalCard18Colored + hanger16 - generalCard24Colored + hanger24 - generalCard32Colored + headphone16 - genericCard12Colored + headphone24 - genericCard18Colored + help16 - genericCard24Colored + help20 + + + + + help24 + + + + + + + + helpOutline16 + + + + + + + + helpOutline24 + + + + + + + + hide16 + + + + + + + + hide24 + + + + + + + + history24 + + + + + + + + history64 + + + + + + + + home24 + + + + + + + + homeFilled24 + + + + + + + + image16 + + + + + + + + image24 + + + - genericCard32Colored + image64 - gift16 + inbox16 - gift24 + inbox24 - gift64 + information16 - giftCard12Colored + information24 - giftCard18Colored + informationFilled16 - giftCard24Colored + informationFilled24 - giftCard32Colored + inspect16 - glasses24 + inspect24 - glasses64 + instagram24 - googlePay12Colored + jcb12Colored - googlePay18Colored + jcb18Colored - googlePay24Colored + jcb24Colored - googlePay32Colored + jcb32Colored - gridView16 + jetSki16 - gridView24 + jetSki24 - gridViewFilled16 + key16 - gridViewFilled24 + key24 - handbag16 + keyboard16 - handbag24 + keyboard24 - hanger16 + klarnaBlack12Colored - hanger24 + klarnaBlack18Colored - headphone16 + klarnaBlack24Colored - headphone24 + klarnaBlack32Colored - help16 + klarnaPink12Colored - help20 + klarnaPink18Colored - help24 + klarnaPink24Colored - helpOutline16 + klarnaPink32Colored - helpOutline24 + klarnaWhite12Colored - hide16 + klarnaWhite18Colored - hide24 + klarnaWhite24Colored - history24 + klarnaWhite32Colored - history64 + krona16 - home24 + krona24 - homeFilled24 + lamp16 - image16 + lamp24 - image24 + largeBox24 - image64 + legacyAuthenticityGuarantee48Colored - imagePlaceholder + legacyClickToCall48Colored - inbox16 + legacyEscrow48Colored - inbox24 + legacyFreeWarranty48Colored - information16 + legacyMoneyBackGuaranteeChf48Colored - information24 + legacyMoneyBackGuaranteeEu48Colored - informationFilled16 + legacyMoneyBackGuaranteeUk48Colored - informationFilled24 + legacyMoneyBackGuaranteeUs48Colored - inspect16 + legacyMoneyBackGuaranteeZl48Colored - inspect24 + legacyTopRatedSeller48Colored - jcb12Colored + lightbulb16 - jcb18Colored + lightbulb24 - jcb24Colored + lightningBolt16 - jcb32Colored + lightningBolt24 - keyboard16 + link24 - keyboard24 + linkedin24 - klarnaBlack12Colored + listView16 - klarnaBlack18Colored + listView24 - klarnaBlack24Colored + listViewFilled16 - klarnaBlack32Colored + listViewFilled24 - klarnaPink12Colored + liveEye16 - klarnaPink18Colored + liveEye24 - klarnaPink24Colored + location16 - klarnaPink32Colored + location24 - klarnaWhite12Colored + location64 - klarnaWhite18Colored + locked16 - klarnaWhite24Colored + locked24 - klarnaWhite32Colored + maestro12Colored - lamp16 + maestro18Colored - lamp24 + maestro24Colored - largeBox24 + maestro32Colored - legacyAuthenticityGuarantee48Colored + mail16 - legacyClickToCall48Colored + mail24 - legacyEscrow48Colored + mail64 - legacyFreeWarranty48Colored + mailMove16 - legacyMoneyBackGuaranteeChf48Colored + mailMove24 - legacyMoneyBackGuaranteeEu48Colored + mailOpen16 - legacyMoneyBackGuaranteeUk48Colored + mailOpen24 - legacyMoneyBackGuaranteeUs48Colored + mailUnread16 - legacyMoneyBackGuaranteeZl48Colored + mailUnread24 - legacyTopRatedSeller48Colored + masonryView24 - lightbulb16 + masonryViewFilled24 - lightbulb24 + mastercard12Colored - lightningBolt16 + mastercard18Colored - lightningBolt24 + mastercard24Colored - listView16 + mastercard32Colored - listView24 + mediumBox24 - listViewFilled16 + menu20 - listViewFilled24 + menu24 - liveEye16 + microphone16 - liveEye24 + microphone24 - location24 + mobile24 - location64 + mobileSignal24 - locked16 + moneyBackGuarantee16Fit - locked24 + moneyBackGuarantee24Fit - maestro12Colored + motorcycle16 - maestro18Colored + motorcycle24 - maestro24Colored + move16 - maestro32Colored + move24 - mail16 + nectar24Colored - mail24 + nectarLogo24Colored - mail64 + negativeFilled16 - mailMove16 + negativeFilled24 - mailMove24 + neutral16 - mailOpen16 + neutral24 - mailOpen24 + notification16 - mailUnread16 + notification20 - mailUnread24 + notification24 - masonryView24 + notification64 - masonryViewFilled24 + notificationFilled24 - mastercard12Colored + onTheWay16 - mastercard18Colored + onTheWay24 - mastercard24Colored + overflowHorizontal16 - mastercard32Colored + overflowHorizontal20 - mediumBox24 + overflowHorizontal24 - menu20 + overflowVertical16 - menu24 + overflowVertical20 - microphone16 + overflowVertical24 - microphone24 + package16 - mobile24 + package24 - mobileSignal24 + package64 - motorcycle16 + pause16 - motorcycle24 + pause24 - move16 + pause64Colored - move24 + pauseFilled64Colored - nectar24Colored + payoneer12Colored - negativeFilled16 + payoneer18Colored - negativeFilled24 + payoneer24Colored - neutral16 + payoneer32Colored - neutral24 + paypal12Colored - notification16 + paypal18Colored - notification20 + paypal24Colored - notification24 + paypal32Colored - notificationFilled24 + paypalCredit12Colored - onTheWay16 + paypalCredit18Colored - onTheWay24 + paypalCredit24Colored - overflowHorizontal16 + paypalCredit32Colored - overflowHorizontal20 + paypalDisabled12Colored - overflowHorizontal24 + paypalDisabled18Colored - overflowVertical16 + paypalDisabled24Colored - overflowVertical20 + paypalDisabled32Colored - overflowVertical24 + pencil16 - package24 + pencil20 - pause16 + pencil24 - pause24 + peso16 - pause64Colored + peso24 - payoneer12Colored + phone16 - payoneer18Colored + phone24 - payoneer24Colored + pin24 - payoneer32Colored + pinFilled24 - paypal12Colored + pinterest24 - paypal18Colored + play16 - paypal24Colored + play24 - paypal32Colored + play64Colored - paypalCredit12Colored + playFilled16 - paypalCredit18Colored + playFilled16Colored - paypalCredit24Colored + playFilled24 - paypalCredit32Colored + playFilled24Colored - paypalDisabled12Colored + playFilled64Colored - paypalDisabled18Colored + postepay12Colored - paypalDisabled24Colored + postepay18Colored - paypalDisabled32Colored + postepay24Colored - pencil16 + postepay32Colored - pencil24 + pound16 - phone24 + pound24 - pin24 + print24 - pinFilled24 + profile20 - play16 + profile24 - play24 + profileFilled24 - play64Colored + progressCurrent24 - playFilled16 + progressUpcoming24 - playFilled24 + promotion16 - postepay12Colored + promotion24 - postepay18Colored + qrCode16 - postepay24Colored + qrCode24 - postepay32Colored + radioChecked18 - print24 + radioChecked24 - profile20 + radioUnchecked18 - profile24 + radioUnchecked24 - profileFilled24 + recoveryCode16 - progressCurrent24 + recoveryCode24 - progressUpcoming24 + reddit24 - qrCode16 + refresh16 - qrCode24 + refresh24 - radioChecked18 + relaxedGrid24 - radioChecked24 + relaxedGridFilled24 - radioUnchecked18 + remove16 - radioUnchecked24 + remove24 - recoveryCode16 + reply16 - recoveryCode24 + reply24 - refresh16 + return16 - refresh24 + return24 - relaxedGrid24 + rim16 - relaxedGridFilled24 + rim24 - remove16 + ringgit16 - remove24 + ringgit24 - reply16 + rotate24 - reply24 + rotateLandscapeLeft - return16 + rotateLandscapeLeft24 - return24 + rotateLandscapeRight - rim16 + rotateLandscapeRight24 - rim24 + rotatePortraitLeft - rotate24 + rotatePortraitLeft24 - rotateLandscapeLeft + rotatePortraitRight - rotateLandscapeRight + rotatePortraitRight24 - rotatePortraitLeft + rupee16 - rotatePortraitRight + rupee24 @@ -7875,6 +9116,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + searchSimilar16 + + + + + searchSimilar20 @@ -7892,6 +9150,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + searchSimilar24 + + + + + securityKey24 @@ -7926,6 +9201,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + selling16 + + + + + selling20 @@ -8283,6 +9575,40 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + snowmobile16 + + + + + + + + snowmobile24 + + + + + socialDiscord24 @@ -8302,221 +9628,323 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` - socialFacebook24 + socialFacebook24 + + + + + + + + socialFacebookMessenger24 + + + + + + + + socialInstagram24 + + + + + + + + socialLink24 + + + + + + + + socialLinkedin24 + + + + + + + + socialPinterest24 + + + + + + + + socialReddit24 - socialFacebookMessenger24 + socialTwitter24 - socialInstagram24 + socialWhatsapp24 - socialLink24 + sort12 - socialLinkedin24 + sort24 - socialPinterest24 + sortDown12 - socialReddit24 + sortUp12 - socialTwitter24 + sparklineDown16 - socialWhatsapp24 + sparklineDown20 - sort12 + sparklineDown24 - sort24 + sparklineUp16 - sortDown12 + sparklineUp20 - sortUp12 + sparklineUp24 @@ -9116,6 +10544,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + thumbUp64 + + + + + thumbUpFilled16 @@ -9184,6 +10629,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + topRatedSeller16 + + + + + topRatedSeller16Fit @@ -9252,6 +10714,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + transaction24 + + + + + trendDown16 @@ -9269,6 +10748,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + trendDown16Fit + + + + + trendUp16 @@ -9286,6 +10782,23 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + trendUp16Fit + + + + + trophy16 @@ -9320,6 +10833,40 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + twitter24 + + + + + + + + undo16 + + + + + undo24 @@ -9745,6 +11292,57 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + whatsapp24 + + + + + + + + won16 + + + + + + + + won24 + + + + + wrench16 @@ -9779,6 +11377,74 @@ exports[`Storyshots ebay-icon All Icons 1`] = ` + + + yuan16 + + + + + + + + yuan24 + + + + + + + + zloty16 + + + + + + + + zloty24 + + + + + zoomIn16 diff --git a/src/ebay-icon/__tests__/constants.ts b/src/ebay-icon/__tests__/constants.ts index a8288b66..3d5f513f 100644 --- a/src/ebay-icon/__tests__/constants.ts +++ b/src/ebay-icon/__tests__/constants.ts @@ -26,10 +26,12 @@ export const icons: Icon[] = [ 'arrowLeft24', 'arrowRight12', 'arrowRight16', + 'arrowRight20', 'arrowRight24', 'arrowTitle20', 'arrows3d16', 'arrows3d24', + 'arrows3dFilled64Colored', 'article16', 'article24', 'attention16', @@ -42,9 +44,12 @@ export const icons: Icon[] = [ 'audioHigh16', 'audioLow16', 'audioOff16', + 'authenticityGuarantee16', 'authenticityGuarantee16Fit', + 'authenticityGuarantee24', 'authenticityGuarantee24Fit', 'autoAdjust24', + 'avatarSignedOut', 'bag24', 'bank24', 'bank64', @@ -58,7 +63,11 @@ export const icons: Icon[] = [ 'boat24', 'book16', 'book24', + 'bookmark16', + 'bookmark24', + 'brandAuthorizedSeller16', 'brandAuthorizedSeller16Fit', + 'brandAuthorizedSeller24', 'brandAuthorizedSeller24Fit', 'brightness24', 'calendar16', @@ -80,7 +89,9 @@ export const icons: Icon[] = [ 'cb18Colored', 'cb24Colored', 'cb32Colored', + 'certifiedRecycled16', 'certifiedRecycled16Fit', + 'certifiedRecycled24', 'certifiedRecycled24Fit', 'chair16', 'chair24', @@ -110,6 +121,7 @@ export const icons: Icon[] = [ 'chevronUp24', 'clear16', 'clear24', + 'clickToCall16', 'clickToCall16Fit', 'clickToCall24Fit', 'clock16', @@ -126,6 +138,7 @@ export const icons: Icon[] = [ 'condensedGridFilled24', 'confirmation16', 'confirmation24', + 'confirmation64', 'confirmationFilled16', 'confirmationFilled24', 'contract16', @@ -173,12 +186,19 @@ export const icons: Icon[] = [ 'directDebit18Colored', 'directDebit24Colored', 'directDebit32Colored', + 'directFromBrand16', 'directFromBrand16Fit', + 'directFromBrand24', 'directFromBrand24Fit', + 'discord24', + 'discount16', + 'discount24', 'discover12Colored', 'discover18Colored', 'discover24Colored', 'discover32Colored', + 'dollar16', + 'dollar24', 'download16', 'download24', 'ebayBalance12Colored', @@ -186,7 +206,12 @@ export const icons: Icon[] = [ 'ebayBalance24Colored', 'ebayBalance32Colored', 'ebayBucks16Colored', + 'ebayBucksLogo16Colored', + 'ebayForCharity16Fit', + 'ebayForCharity24Fit', + 'ebayInternationalShipping16', 'ebayInternationalShipping16Fit', + 'ebayInternationalShipping24', 'ebayInternationalShipping24Fit', 'ebayLive16', 'ebayLive24', @@ -198,7 +223,11 @@ export const icons: Icon[] = [ 'ebayPlus16Fit', 'ebayPlus24Fit', 'ebayPlusLogo16Colored', + 'ebayPreloved16', + 'ebayPreloved24', + 'ebayRefurbished16', 'ebayRefurbished16Fit', + 'ebayRefurbished24', 'ebayRefurbished24Fit', 'eekArrow', 'eekRangeArrow', @@ -208,6 +237,8 @@ export const icons: Icon[] = [ 'escrowCard18Colored', 'escrowCard24Colored', 'escrowCard32Colored', + 'euro16', + 'euro24', 'expand16', 'externalLink16', 'externalLink24', @@ -216,6 +247,8 @@ export const icons: Icon[] = [ 'faceNeutral24', 'faceSad24', 'faceSaddest24', + 'facebook24', + 'facebookMessenger24', 'fastAndFree16', 'fastAndFree24', 'file16', @@ -233,6 +266,9 @@ export const icons: Icon[] = [ 'flashOff24', 'folder16', 'folder24', + 'franc16', + 'franc24', + 'freeWarranty16', 'freeWarranty16Fit', 'freeWarranty24Fit', 'fullView16', @@ -286,7 +322,6 @@ export const icons: Icon[] = [ 'image16', 'image24', 'image64', - 'imagePlaceholder', 'inbox16', 'inbox24', 'information16', @@ -295,10 +330,15 @@ export const icons: Icon[] = [ 'informationFilled24', 'inspect16', 'inspect24', + 'instagram24', 'jcb12Colored', 'jcb18Colored', 'jcb24Colored', 'jcb32Colored', + 'jetSki16', + 'jetSki24', + 'key16', + 'key24', 'keyboard16', 'keyboard24', 'klarnaBlack12Colored', @@ -313,6 +353,8 @@ export const icons: Icon[] = [ 'klarnaWhite18Colored', 'klarnaWhite24Colored', 'klarnaWhite32Colored', + 'krona16', + 'krona24', 'lamp16', 'lamp24', 'largeBox24', @@ -330,12 +372,15 @@ export const icons: Icon[] = [ 'lightbulb24', 'lightningBolt16', 'lightningBolt24', + 'link24', + 'linkedin24', 'listView16', 'listView24', 'listViewFilled16', 'listViewFilled24', 'liveEye16', 'liveEye24', + 'location16', 'location24', 'location64', 'locked16', @@ -366,11 +411,14 @@ export const icons: Icon[] = [ 'microphone24', 'mobile24', 'mobileSignal24', + 'moneyBackGuarantee16Fit', + 'moneyBackGuarantee24Fit', 'motorcycle16', 'motorcycle24', 'move16', 'move24', 'nectar24Colored', + 'nectarLogo24Colored', 'negativeFilled16', 'negativeFilled24', 'neutral16', @@ -378,6 +426,7 @@ export const icons: Icon[] = [ 'notification16', 'notification20', 'notification24', + 'notification64', 'notificationFilled24', 'onTheWay16', 'onTheWay24', @@ -387,10 +436,13 @@ export const icons: Icon[] = [ 'overflowVertical16', 'overflowVertical20', 'overflowVertical24', + 'package16', 'package24', + 'package64', 'pause16', 'pause24', 'pause64Colored', + 'pauseFilled64Colored', 'payoneer12Colored', 'payoneer18Colored', 'payoneer24Colored', @@ -408,25 +460,37 @@ export const icons: Icon[] = [ 'paypalDisabled24Colored', 'paypalDisabled32Colored', 'pencil16', + 'pencil20', 'pencil24', + 'peso16', + 'peso24', + 'phone16', 'phone24', 'pin24', 'pinFilled24', + 'pinterest24', 'play16', 'play24', 'play64Colored', 'playFilled16', + 'playFilled16Colored', 'playFilled24', + 'playFilled24Colored', + 'playFilled64Colored', 'postepay12Colored', 'postepay18Colored', 'postepay24Colored', 'postepay32Colored', + 'pound16', + 'pound24', 'print24', 'profile20', 'profile24', 'profileFilled24', 'progressCurrent24', 'progressUpcoming24', + 'promotion16', + 'promotion24', 'qrCode16', 'qrCode24', 'radioChecked18', @@ -435,6 +499,7 @@ export const icons: Icon[] = [ 'radioUnchecked24', 'recoveryCode16', 'recoveryCode24', + 'reddit24', 'refresh16', 'refresh24', 'relaxedGrid24', @@ -447,11 +512,19 @@ export const icons: Icon[] = [ 'return24', 'rim16', 'rim24', + 'ringgit16', + 'ringgit24', 'rotate24', 'rotateLandscapeLeft', + 'rotateLandscapeLeft24', 'rotateLandscapeRight', + 'rotateLandscapeRight24', 'rotatePortraitLeft', + 'rotatePortraitLeft24', 'rotatePortraitRight', + 'rotatePortraitRight24', + 'rupee16', + 'rupee24', 'satchel24', 'save16', 'save20', @@ -466,9 +539,12 @@ export const icons: Icon[] = [ 'search24', 'search64', 'searchFilled24', + 'searchSimilar16', 'searchSimilar20', + 'searchSimilar24', 'securityKey24', 'selectAll24', + 'selling16', 'selling20', 'selling24', 'sellingFilled24', @@ -490,6 +566,8 @@ export const icons: Icon[] = [ 'smallLetter24', 'sneaker16', 'sneaker24', + 'snowmobile16', + 'snowmobile24', 'socialDiscord24', 'socialFacebook24', 'socialFacebookMessenger24', @@ -504,6 +582,12 @@ export const icons: Icon[] = [ 'sort24', 'sortDown12', 'sortUp12', + 'sparklineDown16', + 'sparklineDown20', + 'sparklineDown24', + 'sparklineUp16', + 'sparklineUp20', + 'sparklineUp24', 'spinner20', 'spinner24', 'spinner30', @@ -539,18 +623,25 @@ export const icons: Icon[] = [ 'thumbDownFilled24', 'thumbUp16', 'thumbUp24', + 'thumbUp64', 'thumbUpFilled16', 'thumbUpFilled24', 'tick16', 'tick24', + 'topRatedSeller16', 'topRatedSeller16Fit', 'topRatedSeller24Fit', 'tradingCard16', 'tradingCard24', + 'transaction24', 'trendDown16', + 'trendDown16Fit', 'trendUp16', + 'trendUp16Fit', 'trophy16', 'trophy24', + 'twitter24', + 'undo16', 'undo24', 'unionpay12Colored', 'unionpay18Colored', @@ -576,8 +667,15 @@ export const icons: Icon[] = [ 'walletBalance32Colored', 'watch16', 'watch24', + 'whatsapp24', + 'won16', + 'won24', 'wrench16', 'wrench24', + 'yuan16', + 'yuan24', + 'zloty16', + 'zloty24', 'zoomIn16', 'zoomIn24', 'zoomOut16', diff --git a/src/ebay-icon/types.ts b/src/ebay-icon/types.ts index f3d80262..1c98e480 100644 --- a/src/ebay-icon/types.ts +++ b/src/ebay-icon/types.ts @@ -1,3 +1,4 @@ + /* This file is autogenerated, do not edit - it will be overwritten anyway */ export type Icon = @@ -24,10 +25,12 @@ export type Icon = 'arrowLeft24' | 'arrowRight12' | 'arrowRight16' | + 'arrowRight20' | 'arrowRight24' | 'arrowTitle20' | 'arrows3d16' | 'arrows3d24' | + 'arrows3dFilled64Colored' | 'article16' | 'article24' | 'attention16' | @@ -40,9 +43,12 @@ export type Icon = 'audioHigh16' | 'audioLow16' | 'audioOff16' | + 'authenticityGuarantee16' | 'authenticityGuarantee16Fit' | + 'authenticityGuarantee24' | 'authenticityGuarantee24Fit' | 'autoAdjust24' | + 'avatarSignedOut' | 'bag24' | 'bank24' | 'bank64' | @@ -56,7 +62,11 @@ export type Icon = 'boat24' | 'book16' | 'book24' | + 'bookmark16' | + 'bookmark24' | + 'brandAuthorizedSeller16' | 'brandAuthorizedSeller16Fit' | + 'brandAuthorizedSeller24' | 'brandAuthorizedSeller24Fit' | 'brightness24' | 'calendar16' | @@ -78,7 +88,9 @@ export type Icon = 'cb18Colored' | 'cb24Colored' | 'cb32Colored' | + 'certifiedRecycled16' | 'certifiedRecycled16Fit' | + 'certifiedRecycled24' | 'certifiedRecycled24Fit' | 'chair16' | 'chair24' | @@ -108,6 +120,7 @@ export type Icon = 'chevronUp24' | 'clear16' | 'clear24' | + 'clickToCall16' | 'clickToCall16Fit' | 'clickToCall24Fit' | 'clock16' | @@ -124,6 +137,7 @@ export type Icon = 'condensedGridFilled24' | 'confirmation16' | 'confirmation24' | + 'confirmation64' | 'confirmationFilled16' | 'confirmationFilled24' | 'contract16' | @@ -171,12 +185,19 @@ export type Icon = 'directDebit18Colored' | 'directDebit24Colored' | 'directDebit32Colored' | + 'directFromBrand16' | 'directFromBrand16Fit' | + 'directFromBrand24' | 'directFromBrand24Fit' | + 'discord24' | + 'discount16' | + 'discount24' | 'discover12Colored' | 'discover18Colored' | 'discover24Colored' | 'discover32Colored' | + 'dollar16' | + 'dollar24' | 'download16' | 'download24' | 'ebayBalance12Colored' | @@ -184,7 +205,12 @@ export type Icon = 'ebayBalance24Colored' | 'ebayBalance32Colored' | 'ebayBucks16Colored' | + 'ebayBucksLogo16Colored' | + 'ebayForCharity16Fit' | + 'ebayForCharity24Fit' | + 'ebayInternationalShipping16' | 'ebayInternationalShipping16Fit' | + 'ebayInternationalShipping24' | 'ebayInternationalShipping24Fit' | 'ebayLive16' | 'ebayLive24' | @@ -196,7 +222,11 @@ export type Icon = 'ebayPlus16Fit' | 'ebayPlus24Fit' | 'ebayPlusLogo16Colored' | + 'ebayPreloved16' | + 'ebayPreloved24' | + 'ebayRefurbished16' | 'ebayRefurbished16Fit' | + 'ebayRefurbished24' | 'ebayRefurbished24Fit' | 'eekArrow' | 'eekRangeArrow' | @@ -206,6 +236,8 @@ export type Icon = 'escrowCard18Colored' | 'escrowCard24Colored' | 'escrowCard32Colored' | + 'euro16' | + 'euro24' | 'expand16' | 'externalLink16' | 'externalLink24' | @@ -214,6 +246,8 @@ export type Icon = 'faceNeutral24' | 'faceSad24' | 'faceSaddest24' | + 'facebook24' | + 'facebookMessenger24' | 'fastAndFree16' | 'fastAndFree24' | 'file16' | @@ -231,6 +265,9 @@ export type Icon = 'flashOff24' | 'folder16' | 'folder24' | + 'franc16' | + 'franc24' | + 'freeWarranty16' | 'freeWarranty16Fit' | 'freeWarranty24Fit' | 'fullView16' | @@ -284,7 +321,6 @@ export type Icon = 'image16' | 'image24' | 'image64' | - 'imagePlaceholder' | 'inbox16' | 'inbox24' | 'information16' | @@ -293,10 +329,15 @@ export type Icon = 'informationFilled24' | 'inspect16' | 'inspect24' | + 'instagram24' | 'jcb12Colored' | 'jcb18Colored' | 'jcb24Colored' | 'jcb32Colored' | + 'jetSki16' | + 'jetSki24' | + 'key16' | + 'key24' | 'keyboard16' | 'keyboard24' | 'klarnaBlack12Colored' | @@ -311,6 +352,8 @@ export type Icon = 'klarnaWhite18Colored' | 'klarnaWhite24Colored' | 'klarnaWhite32Colored' | + 'krona16' | + 'krona24' | 'lamp16' | 'lamp24' | 'largeBox24' | @@ -328,12 +371,15 @@ export type Icon = 'lightbulb24' | 'lightningBolt16' | 'lightningBolt24' | + 'link24' | + 'linkedin24' | 'listView16' | 'listView24' | 'listViewFilled16' | 'listViewFilled24' | 'liveEye16' | 'liveEye24' | + 'location16' | 'location24' | 'location64' | 'locked16' | @@ -364,11 +410,14 @@ export type Icon = 'microphone24' | 'mobile24' | 'mobileSignal24' | + 'moneyBackGuarantee16Fit' | + 'moneyBackGuarantee24Fit' | 'motorcycle16' | 'motorcycle24' | 'move16' | 'move24' | 'nectar24Colored' | + 'nectarLogo24Colored' | 'negativeFilled16' | 'negativeFilled24' | 'neutral16' | @@ -376,6 +425,7 @@ export type Icon = 'notification16' | 'notification20' | 'notification24' | + 'notification64' | 'notificationFilled24' | 'onTheWay16' | 'onTheWay24' | @@ -385,10 +435,13 @@ export type Icon = 'overflowVertical16' | 'overflowVertical20' | 'overflowVertical24' | + 'package16' | 'package24' | + 'package64' | 'pause16' | 'pause24' | 'pause64Colored' | + 'pauseFilled64Colored' | 'payoneer12Colored' | 'payoneer18Colored' | 'payoneer24Colored' | @@ -406,25 +459,37 @@ export type Icon = 'paypalDisabled24Colored' | 'paypalDisabled32Colored' | 'pencil16' | + 'pencil20' | 'pencil24' | + 'peso16' | + 'peso24' | + 'phone16' | 'phone24' | 'pin24' | 'pinFilled24' | + 'pinterest24' | 'play16' | 'play24' | 'play64Colored' | 'playFilled16' | + 'playFilled16Colored' | 'playFilled24' | + 'playFilled24Colored' | + 'playFilled64Colored' | 'postepay12Colored' | 'postepay18Colored' | 'postepay24Colored' | 'postepay32Colored' | + 'pound16' | + 'pound24' | 'print24' | 'profile20' | 'profile24' | 'profileFilled24' | 'progressCurrent24' | 'progressUpcoming24' | + 'promotion16' | + 'promotion24' | 'qrCode16' | 'qrCode24' | 'radioChecked18' | @@ -433,6 +498,7 @@ export type Icon = 'radioUnchecked24' | 'recoveryCode16' | 'recoveryCode24' | + 'reddit24' | 'refresh16' | 'refresh24' | 'relaxedGrid24' | @@ -445,11 +511,19 @@ export type Icon = 'return24' | 'rim16' | 'rim24' | + 'ringgit16' | + 'ringgit24' | 'rotate24' | 'rotateLandscapeLeft' | + 'rotateLandscapeLeft24' | 'rotateLandscapeRight' | + 'rotateLandscapeRight24' | 'rotatePortraitLeft' | + 'rotatePortraitLeft24' | 'rotatePortraitRight' | + 'rotatePortraitRight24' | + 'rupee16' | + 'rupee24' | 'satchel24' | 'save16' | 'save20' | @@ -464,9 +538,12 @@ export type Icon = 'search24' | 'search64' | 'searchFilled24' | + 'searchSimilar16' | 'searchSimilar20' | + 'searchSimilar24' | 'securityKey24' | 'selectAll24' | + 'selling16' | 'selling20' | 'selling24' | 'sellingFilled24' | @@ -488,6 +565,8 @@ export type Icon = 'smallLetter24' | 'sneaker16' | 'sneaker24' | + 'snowmobile16' | + 'snowmobile24' | 'socialDiscord24' | 'socialFacebook24' | 'socialFacebookMessenger24' | @@ -502,6 +581,12 @@ export type Icon = 'sort24' | 'sortDown12' | 'sortUp12' | + 'sparklineDown16' | + 'sparklineDown20' | + 'sparklineDown24' | + 'sparklineUp16' | + 'sparklineUp20' | + 'sparklineUp24' | 'spinner20' | 'spinner24' | 'spinner30' | @@ -537,18 +622,25 @@ export type Icon = 'thumbDownFilled24' | 'thumbUp16' | 'thumbUp24' | + 'thumbUp64' | 'thumbUpFilled16' | 'thumbUpFilled24' | 'tick16' | 'tick24' | + 'topRatedSeller16' | 'topRatedSeller16Fit' | 'topRatedSeller24Fit' | 'tradingCard16' | 'tradingCard24' | + 'transaction24' | 'trendDown16' | + 'trendDown16Fit' | 'trendUp16' | + 'trendUp16Fit' | 'trophy16' | 'trophy24' | + 'twitter24' | + 'undo16' | 'undo24' | 'unionpay12Colored' | 'unionpay18Colored' | @@ -574,8 +666,15 @@ export type Icon = 'walletBalance32Colored' | 'watch16' | 'watch24' | + 'whatsapp24' | + 'won16' | + 'won24' | 'wrench16' | 'wrench24' | + 'yuan16' | + 'yuan24' | + 'zloty16' | + 'zloty24' | 'zoomIn16' | 'zoomIn24' | 'zoomOut16' | diff --git a/src/ebay-svg/svg.tsx b/src/ebay-svg/svg.tsx index 3e2d4a06..ad3e13db 100644 --- a/src/ebay-svg/svg.tsx +++ b/src/ebay-svg/svg.tsx @@ -23,16 +23,18 @@ const EbaySvg: FC = () => ( - + - + + + @@ -45,9 +47,12 @@ const EbaySvg: FC = () => ( + + + @@ -61,7 +66,11 @@ const EbaySvg: FC = () => ( + + + + @@ -83,7 +92,9 @@ const EbaySvg: FC = () => ( + + @@ -98,21 +109,22 @@ const EbaySvg: FC = () => ( - + - + - + - + + @@ -129,6 +141,7 @@ const EbaySvg: FC = () => ( + @@ -176,12 +189,19 @@ const EbaySvg: FC = () => ( + + + + + + + @@ -189,7 +209,12 @@ const EbaySvg: FC = () => ( + + + + + @@ -201,7 +226,11 @@ const EbaySvg: FC = () => ( + + + + @@ -211,6 +240,8 @@ const EbaySvg: FC = () => ( + + @@ -219,6 +250,8 @@ const EbaySvg: FC = () => ( + + @@ -236,6 +269,9 @@ const EbaySvg: FC = () => ( + + + @@ -289,7 +325,6 @@ const EbaySvg: FC = () => ( - @@ -298,10 +333,15 @@ const EbaySvg: FC = () => ( + + + + + @@ -316,6 +356,8 @@ const EbaySvg: FC = () => ( + + @@ -333,12 +375,15 @@ const EbaySvg: FC = () => ( + + + @@ -369,11 +414,14 @@ const EbaySvg: FC = () => ( + + + @@ -381,6 +429,7 @@ const EbaySvg: FC = () => ( + @@ -390,10 +439,13 @@ const EbaySvg: FC = () => ( - + + + + @@ -411,25 +463,37 @@ const EbaySvg: FC = () => ( + - + + + + + + + + + + + + @@ -438,6 +502,7 @@ const EbaySvg: FC = () => ( + @@ -450,11 +515,19 @@ const EbaySvg: FC = () => ( + + + + + + + + @@ -469,9 +542,12 @@ const EbaySvg: FC = () => ( - + + + + @@ -493,6 +569,8 @@ const EbaySvg: FC = () => ( + + @@ -503,10 +581,16 @@ const EbaySvg: FC = () => ( - + - - + + + + + + + + @@ -542,18 +626,25 @@ const EbaySvg: FC = () => ( + + + + + + + @@ -579,12 +670,20 @@ const EbaySvg: FC = () => ( - - - + + + + + + + + + + + diff --git a/yarn.lock b/yarn.lock index 6e51d323..83109f15 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1143,9 +1143,9 @@ integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw== "@ebay/skin@^16.0.0": - version "16.0.0" - resolved "https://registry.yarnpkg.com/@ebay/skin/-/skin-16.0.0.tgz#f37e0684c07c990ff726e6bf4c3f2482d438aef1" - integrity sha512-yp6lmRhV4/pzAxv1R+PHPFQLQlyGbK29EaZr/8JhNZAGMNZhs8cA5SVas1kVIlHXQsicd90aIq/groKQ4gn5aw== + version "16.6.0" + resolved "https://registry.yarnpkg.com/@ebay/skin/-/skin-16.6.0.tgz#3e5ae6b8ab8eca461630b47378e49ca3d296f39e" + integrity sha512-CLJYuhGQpMQQvII4iSY7CD50zhvUT4zw+Y8iripmDQXM0xKAbftI7/0lKMRPDTejbUFjy/ojyA7jM8UIw68/BQ== "@emotion/cache@^10.0.27", "@emotion/cache@^10.0.9": version "10.0.29" From cef3c78d0acb825ae821e3433604d46783101d2e Mon Sep 17 00:00:00 2001 From: Henrique Limas Date: Wed, 20 Sep 2023 10:36:45 -0700 Subject: [PATCH 2/7] FIX: Update carousel control icons with latest skin guidelines (#244) Co-authored-by: hlimas --- .../__tests__/__snapshots__/index.spec.tsx.snap | 16 ++++++++-------- src/ebay-carousel/carousel-control-button.tsx | 4 ++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/ebay-carousel/__tests__/__snapshots__/index.spec.tsx.snap b/src/ebay-carousel/__tests__/__snapshots__/index.spec.tsx.snap index 36395845..6f84d868 100644 --- a/src/ebay-carousel/__tests__/__snapshots__/index.spec.tsx.snap +++ b/src/ebay-carousel/__tests__/__snapshots__/index.spec.tsx.snap @@ -15,12 +15,12 @@ exports[`Storyshots ebay-carousel Continuous 1`] = ` > @@ -110,12 +110,12 @@ exports[`Storyshots ebay-carousel Continuous 1`] = ` > @@ -139,12 +139,12 @@ exports[`Storyshots ebay-carousel Items Per Slide 1`] = ` > @@ -234,12 +234,12 @@ exports[`Storyshots ebay-carousel Items Per Slide 1`] = ` > diff --git a/src/ebay-carousel/carousel-control-button.tsx b/src/ebay-carousel/carousel-control-button.tsx index 3c6fbf47..f5a70a28 100644 --- a/src/ebay-carousel/carousel-control-button.tsx +++ b/src/ebay-carousel/carousel-control-button.tsx @@ -12,8 +12,8 @@ type CarouselControlProps = { } const icon: Record = { - prev: 'chevronLeft24', - next: 'chevronRight24' + prev: 'chevronLeft12', + next: 'chevronRight12' } const typeToDirection: Record = { From 71339a2dc7be6b7c9f339a81bee790314977f376 Mon Sep 17 00:00:00 2001 From: Automated Version Bump Date: Wed, 20 Sep 2023 17:44:15 +0000 Subject: [PATCH 3/7] ci: version bump to 5.0.1 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index a3f0caa9..b76483fd 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@ebay/ui-core-react", - "version": "5.0.0", + "version": "5.0.1", "description": "Skin components build off React", "publishConfig": { "registry": "https://registry.npmjs.org" From e159a164998fb8ad7eefa6960477dbbad7de0ec6 Mon Sep 17 00:00:00 2001 From: Henrique Limas Date: Wed, 20 Sep 2023 10:50:11 -0700 Subject: [PATCH 4/7] FEAT: Add support for opaqueLabel on floating labels (#245) Co-authored-by: hlimas --- src/common/floating-label-utils/hooks.tsx | 5 ++- src/ebay-textbox/README.md | 1 + .../__snapshots__/index.spec.tsx.snap | 44 +++++++++++++++++++ src/ebay-textbox/__tests__/index.stories.tsx | 15 +++++++ src/ebay-textbox/textbox.tsx | 3 ++ 5 files changed, 67 insertions(+), 1 deletion(-) diff --git a/src/common/floating-label-utils/hooks.tsx b/src/common/floating-label-utils/hooks.tsx index b0c1fecc..0e73825b 100644 --- a/src/common/floating-label-utils/hooks.tsx +++ b/src/common/floating-label-utils/hooks.tsx @@ -12,6 +12,7 @@ type FloatingLabelHookProps = { className?: string; placeholder?: string; invalid?: boolean; + opaqueLabel?: boolean; onMount?: () => void; } @@ -76,6 +77,7 @@ export function useFloatingLabel({ inputValue, placeholder, invalid, + opaqueLabel, onMount = () => {} } : FloatingLabelHookProps): FloatingLabelHookReturn { const _internalInputRef = useRef(null) @@ -123,7 +125,8 @@ export function useFloatingLabel({ }) const floatingLabelClassName = classNames(`floating-label`, { - 'floating-label--large': inputSize === `large` + 'floating-label--large': inputSize === `large`, + 'floating-label--opaque': opaqueLabel }) const FragmentContainer = useCallback(({ children }) => <>{children}, []) diff --git a/src/ebay-textbox/README.md b/src/ebay-textbox/README.md index 05858a46..b85df051 100644 --- a/src/ebay-textbox/README.md +++ b/src/ebay-textbox/README.md @@ -34,6 +34,7 @@ import "@ebay/skin/textbox.css"; | --------------- | -------- | -------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | | `fluid` | Boolean | No | No | Takes the full width of the container | `multiline` | Boolean | No | No | Renders a multi-line textbox if true | +| `opaqueLabel` | Boolean | No | No | Only works with floating label. If set, then background is obscured of the floating label. Used with textarea to prevent label overlap | | `invalid` | Boolean | No | No | Indicates a field-level error with red border if true | | `type` | String | No | No | Default: `text`, can be `password` if needed | | `value` | String | No | No | Indicates the value of the input element, required for a controlled component. | diff --git a/src/ebay-textbox/__tests__/__snapshots__/index.spec.tsx.snap b/src/ebay-textbox/__tests__/__snapshots__/index.spec.tsx.snap index 7f0d5cf4..39db5a34 100644 --- a/src/ebay-textbox/__tests__/__snapshots__/index.spec.tsx.snap +++ b/src/ebay-textbox/__tests__/__snapshots__/index.spec.tsx.snap @@ -151,6 +151,50 @@ exports[`Storyshots ebay-textbox Floating label with autofocus 1`] = ` `; +exports[`Storyshots ebay-textbox Floating label with multiline 1`] = ` + + + + +