44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import { ButtonStyle } from "../types/button";
|
|
|
|
const backgroundColors: ButtonStyle = {
|
|
cta: "bg-[#00BED7] hover:bg-[#00A8BE]",
|
|
primary: "bg-[#ffffff] hover:bg-[#F3F3F2] active:bg-[#fff]",
|
|
secondary: "bg-[#ffffff] hover:bg-[#F3F3F2] active:bg-[#fff]",
|
|
tertiary: "",
|
|
fab: "bg-[#ffffff] hover:bg-[#F3F3F2]",
|
|
favorite: "bg-[#FFFFFF] hover:bg-[#F3F3F2]",
|
|
special: "bg-[#0D192266] hover:bg-[#0D1922B2]",
|
|
};
|
|
|
|
const textColors: ButtonStyle = {
|
|
cta: "text-[#ffffff]",
|
|
primary: "text-[#0D1922]",
|
|
secondary: "text-[#0D1922]",
|
|
tertiary: "text-[#73787C] hover:text-[#0D1922] active:text-[#00BED7]",
|
|
fab: "text-[#0D1922]",
|
|
favorite: "text-[#F3F3F2]",
|
|
special: "text-[#ffffff]",
|
|
};
|
|
|
|
const borders: ButtonStyle = {
|
|
cta: "",
|
|
primary: "border-[1px] border-[#ffffff] active:border-[#00BED7]",
|
|
secondary: " border-[1px] border-[#E2E2DC] active:border-[#00BED7]",
|
|
tertiary: "",
|
|
fab: "rounded-full",
|
|
favorite: "rounded-full border-[1px] border-[#E2E2DC]",
|
|
special: "rounded-full",
|
|
};
|
|
|
|
const paddings: ButtonStyle = {
|
|
cta: "py-[12px] px-[24px]",
|
|
primary: "py-[10px] pr-[24px] pl-[16px]",
|
|
secondary: "py-[12px] px-[24px]",
|
|
tertiary: "py-[4px] px-[12px]",
|
|
fab: "py-[12px] px-[24px]",
|
|
favorite: "p-[10px]",
|
|
special: "py-[4px] px-[12px]",
|
|
};
|
|
|
|
export { textColors, backgroundColors, borders, paddings };
|