scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: change import

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-06-13 13:02:24 +02:00
parent 4dc945a324
commit 680e9ec209
6 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Icons/Calendar.tsx
View File

@@ -1,6 +1,6 @@
import { iconVariants } from "./variants"
import { IconProps } from "@/types/components/icon"
import type { IconProps } from "@/types/components/icon"
export default function CalendarIcon({
className,

2
components/Icons/CheckCircle.tsx
View File

@@ -1,6 +1,6 @@
import { iconVariants } from "./variants"
import { IconProps } from "@/types/components/icon"
import type { IconProps } from "@/types/components/icon"
export default function CheckCircleIcon({
className,

2
components/Icons/ChevronDown.tsx
View File

@@ -1,6 +1,6 @@
import { iconVariants } from "./variants"
import { IconProps } from "@/types/components/icon"
import type { IconProps } from "@/types/components/icon"
export default function ChevronDownIcon({
className,

2
components/Icons/Email.tsx
View File

@@ -1,6 +1,6 @@
import { iconVariants } from "./variants"
import { IconProps } from "@/types/components/icon"
import type { IconProps } from "@/types/components/icon"
export default function EmailIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })

2
components/Icons/House.tsx
View File

@@ -1,6 +1,6 @@
import { iconVariants } from "./variants"
import { IconProps } from "@/types/components/icon"
import type { IconProps } from "@/types/components/icon"
export default function HouseIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })

5
components/Icons/icon.module.css
View File

@@ -2,22 +2,27 @@
height: 20px;
width: 20px;
}
.black,
.black * {
fill: #000;
}
.burgundy,
.burgundy * {
fill: var(--Scandic-Brand-Burgundy);
}
.pale,
.pale * {
fill: var(--Scandic-Brand-Pale-Peach);
}
.peach80,
.peach80 * {
fill: var(--Scandic-Peach-80);
}
.plosa,
.plosa * {
fill: var(--Theme-Primary-Light-On-Surface-Accent);