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 { iconVariants } from "./variants"
import { IconProps } from "@/types/components/icon" import type { IconProps } from "@/types/components/icon"
export default function CalendarIcon({ export default function CalendarIcon({
className, className,

2
components/Icons/CheckCircle.tsx
View File

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

2
components/Icons/ChevronDown.tsx
View File

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

2
components/Icons/Email.tsx
View File

@@ -1,6 +1,6 @@
import { iconVariants } from "./variants" 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) { export default function EmailIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color }) const classNames = iconVariants({ className, color })

2
components/Icons/House.tsx
View File

@@ -1,6 +1,6 @@
import { iconVariants } from "./variants" 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) { export default function HouseIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color }) const classNames = iconVariants({ className, color })

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

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