chore(components): 🔧 Update component styles and ESLint ignore rules

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
This commit is contained in:
Lilith 2026-02-05 03:28:04 -08:00
parent 6038bf5f27
commit 22e37508f4
2 changed files with 9 additions and 6 deletions

View file

@ -0,0 +1,3 @@
dist
node_modules
tsup.config.ts

View file

@ -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;