asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(admin,admin-ui,medusa): Add Medusa Admin plugin (#3334)

Browse Source
This commit is contained in:
Kasper Fabricius Kristensen
2023-03-03 10:09:16 +01:00
committed by GitHub
parent d6b1ad1ccd
commit 40de54b010
928 changed files with 85441 additions and 384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

365
packages/admin-ui/ui/tailwind.config.js Normal file
View File

@@ -0,0 +1,365 @@
const path = require("path")
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
path.join(__dirname, "src/**/*.{js,ts,jsx,tsx}"),
path.join(__dirname, "./index.html"),
],
theme: {
screens: {},
extend: {
transitionProperty: {
width: "width margin",
height: "height",
bg: "background-color",
display: "display opacity",
visibility: "visibility",
padding: "padding-top padding-right padding-bottom padding-left",
},
colors: {
grey: {
0: "#FFFFFF",
5: "#F9FAFB",
10: "#F3F4F6",
20: "#E5E7EB",
30: "#D1D5DB",
40: "#9CA3AF",
50: "#6B7280",
60: "#4B5563",
70: "#374151",
80: "#1F2937",
90: "#111827",
},
violet: {
5: "#F5F3FF",
10: "#EDE9FE",
20: "#DDD6FE",
30: "#C4B5FD",
40: "#A78BFA",
50: "#8B5CF6",
60: "#7C3AED",
70: "#6D28D9",
80: "#5B21B6",
90: "#4C1D95",
},
pink: {
5: "#FDF2F8",
10: "#FCE7F3",
20: "#FBCFE8",
30: "#F9A8D4",
40: "#F472B6",
50: "#EC4899",
60: "#DB2777",
70: "#BE185D",
80: "#9D174D",
90: "#831843",
},
orange: {
5: "#FFF7ED",
10: "#FFEDD5",
20: "#FED7AA",
30: "#FDBA74",
40: "#FB923C",
50: "#F97316",
60: "#EA580C",
70: "#C2410C",
80: "#9A3412",
90: "#7C2D12",
},
teal: {
5: "#F0FDFA",
10: "#CCFBF1",
20: "#99F6E4",
30: "#5EEAD4",
40: "#2DD4BF",
50: "#14B8A6",
60: "#0D9488",
70: "#0F766E",
80: "#115E59",
90: "#134E4A",
},
cyan: {
5: "#ECFEFF",
10: "#CFFAFE",
20: "#BAE6FD",
30: "#67E8F9",
40: "#22D3EE",
50: "#06B6D4",
60: "#0891B2",
70: "#0E7490",
80: "#155E75",
90: "#164E63",
},
indigo: {
5: "#EEF2FF",
10: "#E0E7FF",
20: "#C7D2FE",
30: "#A5B4FC",
40: "#818CF8",
50: "#6366F1",
60: "#4F46E5",
70: "#4338CA",
80: "#3730A3",
90: "#312E81",
},
fuschia: {
5: "#FDF4FF",
10: "#FAE8FF",
20: "#F5D0FE",
30: "#F0ABFC",
40: "#E879F9",
50: "#D946EF",
60: "#C026D3",
70: "#A21CAF",
80: "#86198F",
90: "#701A75",
},
rose: {
5: "#FFF1F2",
10: "#FFE4E6",
20: "#FECDD3",
30: "#FDA4AF",
40: "#FB7185",
50: "#F43F5E",
60: "#E11D48",
70: "#BE123C",
80: "#9F1239",
90: "#881337",
},
yellow: {
5: "#FEFCE8",
10: "#FEF9C3",
20: "#FEF08A",
30: "#FDE047",
40: "#FACC15",
50: "#EAB308",
60: "#CA8A04",
70: "#A16207",
80: "#854D0E",
90: "#713F12",
},
emerald: {
5: "#ECFDF5",
10: "#CCFBF1",
20: "#A7F3D0",
30: "#6EE7B7",
40: "#34D399",
50: "#10B981",
60: "#059669",
70: "#047857",
80: "#065F46",
90: "#064E3B",
},
blue: {
5: "#EFF6FF",
10: "#DBEAFE",
20: "#BFDBFE",
30: "#93C5FD",
40: "#60A5FA",
50: "#3B82F6",
60: "#2563EB",
70: "#1D4ED8",
80: "#1E40AF",
90: "#1E3A8A",
},
vice: {
start: "#7C53FF",
stop: "#F796FF",
},
},
heigth: {
18: "4.5rem",
},
borderRadius: {
none: "0px",
soft: "2px",
base: "4px",
rounded: "8px",
large: "16px",
circle: "9999px",
},
spacing: {
"2xsmall": "0.25rem",
xsmall: "0.5rem",
small: "0.75rem",
base: "1rem",
large: "1.5rem",
xlarge: "2rem",
"2xlarge": "2.5rem",
"3xlarge": "3rem",
"4xlarge": "3.5rem",
"5xlarge": "4rem",
"6xlarge": "6rem",
},
width: {
largeModal: "750px",
18: "4.5rem",
29: "7.25rem",
inherit: "inherit",
eventButton: "127px",
},
minWidth: {
modal: "520px",
sidebar: "240px",
},
maxWidth: {
sidebar: "240px",
},
minHeight: {
topbar: "56px",
content: "calc(100vh - 56px)",
"radix-accodion": "var(--radix-accordion-content-height)",
},
maxHeight: {
topbar: "56px",
},
lineHeight: {
xsmall: "1rem",
small: "1.25rem",
base: "1.5rem",
large: "2.25rem",
xlarge: "3rem",
"2xlarge": "4rem",
"3xlarge": "4.5rem",
"4xlarge": "6rem",
},
fontSize: {
xsmall: "10px",
small: "12px",
base: "14px",
large: "16px",
xlarge: "24px",
"2xlarge": "30px",
"3xlarge": "40px",
"4xlarge": "48px",
"5xlarge": "60px",
},
fontFamily: {
sans: [
"Inter",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"Helvetica Neue",
"Ubuntu",
"sans-serif",
],
mono: ["Roboto Mono", "Menlo", "monospace"],
},
screens: {
xsmall: "0px",
small: "769px",
medium: "1025px",
large: "1464px",
},
boxShadow: {
cta: "0px 0px 0px 4px rgba(124, 58, 237, 0.1)",
dropdown: "0px 2px 16px rgba(0, 0, 0, 0.08);",
input: "0px 0px 0px 4px #8B5CF61A",
searchModal: "0px 2px 64px 16px rgba(17, 24, 39, 0.08)",
toaster: "0px 2px 16px rgba(17, 24, 39, 0.08)",
border: "0px 0px 0px 1px #E5E7EB",
"focus-border": "0px 0px 0px 1px #7C3AED",
"error-border": "0px 0px 0px 1px #F43F5E",
},
keyframes: {
ring: {
"0%": { transform: "rotate(0deg)" },
"100%": { transform: "rotate(360deg)" },
},
"fade-in-right": {
"0%": {
opacity: "0",
transform: "translateX(10px)",
},
"100%": {
opacity: "1",
transform: "translateX(0)",
},
},
"fade-in-top": {
"0%": {
opacity: "0",
transform: "translateY(-10px)",
},
"100%": {
opacity: "1",
transform: "translateY(0)",
},
},
"fade-out-top": {
"0%": {
height: "100%",
},
"99%": {
height: "0",
},
"100%": {
visibility: "hidden",
},
},
"accordion-slide-up": {
"0%": {
height: "var(--radix-accordion-content-height)",
opacity: "1",
},
"100%": {
height: "0",
opacity: "0",
},
},
"accordion-slide-down": {
"0%": {
"min-height": "0",
"max-height": "0",
opacity: "0",
},
"100%": {
"min-height": "var(--radix-accordion-content-height)",
"max-height": "none",
opacity: "1",
},
},
enter: {
"0%": { transform: "scale(0.9)", opacity: 0 },
"100%": { transform: "scale(1)", opacity: 1 },
},
leave: {
"0%": { transform: "scale(1)", opacity: 1 },
"100%": { transform: "scale(0.9)", opacity: 0 },
},
"slide-in": {
"0%": { transform: "translateY(-100%)" },
"100%": { transform: "translateY(0)" },
},
},
animation: {
ring: "ring 2.2s cubic-bezier(0.5, 0, 0.5, 1) infinite",
"fade-in-right":
"fade-in-right 0.3s cubic-bezier(0.5, 0, 0.5, 1) forwards",
"fade-in-top": "fade-in-top 0.2s cubic-bezier(0.5, 0, 0.5, 1) forwards",
"fade-out-top":
"fade-out-top 0.2s cubic-bezier(0.5, 0, 0.5, 1) forwards",
"accordion-open":
"accordion-slide-down 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards",
"accordion-close":
"accordion-slide-up 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards",
enter: "enter 200ms ease-out",
"slide-in": "slide-in 1.2s cubic-bezier(.41,.73,.51,1.02)",
leave: "leave 150ms ease-in forwards",
},
lineClamp: {
"[var(--lines)]": "var(--lines)",
},
},
},
plugins: [
require("@tailwindcss/line-clamp"),
require("@tailwindcss/forms")({
strategy: "class",
}),
require("tailwindcss-radix")(),
],
}