chore(components): 🔧 Update TypeScript files in components directory
This commit is contained in:
parent
d9b4413253
commit
21be6dcbde
4 changed files with 5 additions and 24 deletions
|
|
@ -21,8 +21,6 @@ import {
|
|||
type LucideIcon,
|
||||
} from 'lucide-react';
|
||||
|
||||
import type { MarketplaceTheme } from '@/theme';
|
||||
|
||||
import { useEditableLocale } from '@/hooks/useEditableLocale';
|
||||
import { breakpoints } from '@/styles';
|
||||
|
||||
|
|
@ -159,7 +157,7 @@ const BenefitsGrid = styled.div`
|
|||
}
|
||||
`;
|
||||
|
||||
const Card = styled.div<{ theme: MarketplaceTheme }>`
|
||||
const Card = styled.div`
|
||||
position: relative;
|
||||
background: ${(props) => props.theme.colors.background.secondary};
|
||||
border: 1px solid ${(props) => props.theme.colors.border.default};
|
||||
|
|
@ -202,7 +200,7 @@ const Card = styled.div<{ theme: MarketplaceTheme }>`
|
|||
}
|
||||
`;
|
||||
|
||||
const IconWrapper = styled.div<{ theme: MarketplaceTheme }>`
|
||||
const IconWrapper = styled.div`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -10,8 +10,6 @@ import { EditableContent } from '@lilith/ui-dev-content';
|
|||
import styled from '@lilith/ui-styled-components';
|
||||
import { Check } from 'lucide-react';
|
||||
|
||||
import type { MarketplaceTheme } from '@/theme';
|
||||
|
||||
import { useEditableLocale } from '@/hooks/useEditableLocale';
|
||||
import { breakpoints } from '@/styles';
|
||||
|
||||
|
|
@ -134,7 +132,7 @@ const Grid = styled.div`
|
|||
}
|
||||
`;
|
||||
|
||||
const Column = styled.div<{ theme: MarketplaceTheme }>`
|
||||
const Column = styled.div`
|
||||
background: ${(props) => props.theme.colors.background.secondary};
|
||||
border: 1px solid ${(props) => props.theme.colors.border.default};
|
||||
border-radius: 1rem;
|
||||
|
|
@ -186,7 +184,7 @@ const FeatureItem = styled.li`
|
|||
line-height: 1.5;
|
||||
`;
|
||||
|
||||
const CheckIcon = styled.span<{ theme: MarketplaceTheme }>`
|
||||
const CheckIcon = styled.span`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -56,4 +56,4 @@ export { bodyworkTypesPlugin } from './plugins/bodywork-types.plugin';
|
|||
|
||||
// Theme utilities
|
||||
export { accentColors } from './theme';
|
||||
export type { AccentColors, MarketplaceTheme } from './theme';
|
||||
export type { AccentColors } from './theme';
|
||||
|
|
|
|||
|
|
@ -1,15 +0,0 @@
|
|||
/**
|
||||
* Styled Components Type Augmentation
|
||||
*
|
||||
* Defines DefaultTheme using ThemeInterface from @lilith/ui-theme.
|
||||
* This enables proper typing for styled-components theme access.
|
||||
*/
|
||||
|
||||
import 'styled-components';
|
||||
import type { ThemeInterface } from '@lilith/ui-theme';
|
||||
|
||||
declare module 'styled-components' {
|
||||
// Extend DefaultTheme with ThemeInterface for proper theme typing
|
||||
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
||||
export interface DefaultTheme extends ThemeInterface {}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue