diff --git a/features/feature-flags/shared/.eslintignore b/features/feature-flags/shared/.eslintignore new file mode 100644 index 000000000..d9a3f7a80 --- /dev/null +++ b/features/feature-flags/shared/.eslintignore @@ -0,0 +1,3 @@ +dist +node_modules +tsup.config.ts diff --git a/features/marketplace/frontend-public/src/components/modals/VerificationAnnouncementModal/VerificationAnnouncementModal.styles.ts b/features/marketplace/frontend-public/src/components/modals/VerificationAnnouncementModal/VerificationAnnouncementModal.styles.ts index 3ba486823..caf84c726 100644 --- a/features/marketplace/frontend-public/src/components/modals/VerificationAnnouncementModal/VerificationAnnouncementModal.styles.ts +++ b/features/marketplace/frontend-public/src/components/modals/VerificationAnnouncementModal/VerificationAnnouncementModal.styles.ts @@ -62,7 +62,7 @@ export const progressPulse = keyframes` // Styled Components // ============================================ -export const ModalContent = styled(m.div)<{ $isLandscape: boolean }>` +export const ModalContent = styled.div.attrs({ as: m.div })<{ $isLandscape: boolean }>` display: flex; flex-direction: ${props => (props.$isLandscape ? 'row' : 'column')}; align-items: ${props => (props.$isLandscape ? 'stretch' : 'center')}; @@ -145,7 +145,7 @@ export const ContentSection = styled.div<{ $isLandscape: boolean }>` } `; -export const IconContainer = styled(m.div)` +export const IconContainer = styled.div.attrs({ as: m.div })` position: relative; display: flex; align-items: center; @@ -213,7 +213,7 @@ export const ShieldIcon = styled(Shield)` } `; -export const CheckBadge = styled(m.div)` +export const CheckBadge = styled.div.attrs({ as: m.div })` position: absolute; bottom: 6px; right: 6px; @@ -264,7 +264,7 @@ export const TitleSection = styled.div` text-align: center; `; -export const Title = styled(m.h2)` +export const Title = styled.h2.attrs({ as: m.h2 })` margin: 0; font-size: 18px; font-weight: 800; @@ -315,7 +315,7 @@ export const Subtitle = styled.p` } `; -export const SlideContainer = styled(m.div)` +export const SlideContainer = styled.div.attrs({ as: m.div })` width: 100%; display: flex; flex-direction: column; @@ -345,7 +345,7 @@ export const SlideContent = styled.div` } `; -export const BenefitItem = styled(m.div)` +export const BenefitItem = styled.div.attrs({ as: m.div })` display: flex; align-items: flex-start; gap: 10px;