first commit

2024-08-09 00:39:27 +02:00
commit 79688abe2e
5698 changed files with 497838 additions and 0 deletions
--- a/calcom/packages/config/tailwind-preset.js
+++ b/calcom/packages/config/tailwind-preset.js
@@ -0,0 +1,189 @@
+const plugin = require("tailwindcss/plugin");
+const { fontFamily } = require("tailwindcss/defaultTheme");
+
+/** @type {import('tailwindcss').Config} */
+const subtleColor = "#E5E7EB";
+module.exports = {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx}",
+    "./modules/**/*.{js,ts,jsx,tsx}",
+    "./components/**/*.{js,ts,jsx,tsx}",
+    "../../packages/app-store/**/*{components,pages}/**/*.{js,ts,jsx,tsx}",
+    "../../packages/features/**/*.{js,ts,jsx,tsx}",
+    "../../packages/ui/**/*.{js,ts,jsx,tsx}",
+    "../../packages/platform/atoms/**/*.{js,ts,jsx,tsx}",
+  ],
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        emphasis: "var(--cal-bg-emphasis)",
+        default: "var(--cal-bg, white)",
+        subtle: "var(--cal-bg-subtle)",
+        muted: "var(--cal-bg-muted)",
+        inverted: "var(--cal-bg-inverted)",
+        info: "var(--cal-bg-info)",
+        success: "var(--cal-bg-success)",
+        attention: "var(--cal-bg-attention)",
+        error: "var(--cal-bg-error)",
+        darkerror: "var(--cal-bg-dark-error)",
+        black: "#111111",
+        brand: {
+          default: "var(--cal-brand,#111827)",
+          emphasis: "var(--cal-brand-emphasis,#101010)",
+          subtle: "var(--cal-brand-subtle,#9CA3AF)",
+          accent: "var(--cal-brand-accent,white)",
+        },
+        gray: {
+          50: "#F9FAFB",
+          100: "#F3F4F6",
+          200: "#E5E7EB",
+          300: "#D1D5DB",
+          400: "#9CA3AF",
+          500: "#6B7280",
+          600: "#4B5563",
+          700: "#374151",
+          800: "#1F2937",
+          900: "#111827",
+        },
+        darkgray: {
+          50: "#101010",
+          100: "#1c1c1c",
+          200: "#2b2b2b",
+          300: "#444444",
+          400: "#575757",
+          500: "#767676",
+          600: "#a5a5a5",
+          700: "#d6d6d6",
+          800: "#e8e8e8",
+          900: "#f3f4f6",
+        },
+      },
+      borderColor: {
+        emphasis: "var(--cal-border-emphasis, #9CA3AF)",
+        default: "var(--cal-border, #D1D5DB)",
+        subtle: `var(--cal-border-subtle, ${subtleColor})`,
+        muted: "var(--cal-border-muted, #F3F4F6)",
+        booker: `var(--cal-border-booker, ${subtleColor})`,
+        error: "var(--cal-border-error, #AA2E26)",
+        focus: "var(--cal-border-focus, #1A1A1A)",
+        "cal-bg": "var(--cal-bg, white)",
+        "cal-bg-muted": "var(--cal-bg-muted)",
+      },
+      textColor: {
+        emphasis: "var(--cal-text-emphasis, #111827)",
+        default: "var(--cal-text, #374151)",
+        subtle: "var(--cal-text-subtle, #6B7280)",
+        muted: "var(--cal-text-muted, #9CA3AF)",
+        inverted: "var(--cal-text-inverted, white)",
+        info: "var(--cal-text-info, #253985)",
+        success: "var(--cal-text-success, #285231)",
+        attention: "var(--cal-text-attention, #73321B)",
+        error: "var(--cal-text-error, #752522)",
+        brand: "var(--cal-brand-text,'white')",
+      },
+      fill: {
+        emphasis: "var(--cal-text-emphasis, #111827)",
+        default: "var(--cal-text, #374151)",
+        subtle: "var(--cal-text-subtle, #6B7280)",
+        muted: "var(--cal-text-muted, #9CA3AF)",
+        inverted: "var(--cal-text-inverted, white)",
+        info: "var(--cal-text-info, #253985)",
+        success: "var(--cal-text-success, #285231)",
+        attention: "var(--cal-text-attention, #73321B)",
+        error: "var(--cal-text-error, #752522)",
+        brand: "var(--cal-brand-text)",
+      },
+      screens: {
+        pwa: { raw: "(display-mode: standalone)" },
+      },
+      keyframes: {
+        "fade-in-up": {
+          from: { opacity: 0, transform: "translateY(10px)" },
+          to: { opacity: 1, transform: "none" },
+        },
+        spinning: {
+          "100%": { transform: "rotate(360deg)" },
+        },
+        drawerSlideLeftAndFade: {
+          from: { opacity: "0", transform: "translateX(100%)" },
+          to: { opacity: "1", transform: "translateX(0)" },
+        },
+        drawerSlideRightAndFade: {
+          from: { opacity: "1", transform: "translateX(0)" },
+          to: { opacity: "0", transform: "translateX(100%)" },
+        },
+      },
+      animation: {
+        "fade-in-up": "fade-in-up 600ms var(--animation-delay, 0ms) cubic-bezier(.21,1.02,.73,1) forwards",
+        "fade-in-bottom": "fade-in-bottom cubic-bezier(.21,1.02,.73,1) forwards",
+        spinning: "spinning 0.75s linear infinite",
+        drawerSlideLeftAndFade: "drawerSlideLeftAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        drawerSlideRightAndFade: "drawerSlideRightAndFade 150ms ease-in",
+      },
+      boxShadow: {
+        dropdown: "0px 2px 6px -1px rgba(0, 0, 0, 0.08)",
+      },
+      borderWidth: {
+        "booker-width": "var(--cal-border-booker-width, 1px)",
+      },
+      fontFamily: {
+        cal: ["var(--font-cal)", ...fontFamily.serif],
+        sans: ["var(--font-inter)", ...fontFamily.sans],
+        mono: ["Roboto Mono", "monospace"],
+      },
+      maxHeight: (theme) => ({
+        0: "0",
+        97: "25rem",
+        ...theme("spacing"),
+        full: "100%",
+        screen: "100vh",
+      }),
+      minHeight: (theme) => ({
+        0: "0",
+        ...theme("spacing"),
+        full: "100%",
+        screen: "100vh",
+      }),
+      minWidth: (theme) => ({
+        0: "0",
+        ...theme("spacing"),
+        full: "100%",
+        screen: "100vw",
+      }),
+      maxWidth: (theme, { breakpoints }) => ({
+        0: "0",
+        ...theme("spacing"),
+        ...breakpoints(theme("screens")),
+        full: "100%",
+        screen: "100vw",
+      }),
+      backgroundImage: {
+        "gradient-primary": "radial-gradient(162.05% 170% at 109.58% 35%, #667593 0%, #E3E3E3 100%)",
+      },
+    },
+  },
+  plugins: [
+    require("@todesktop/tailwind-variants"),
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/typography"),
+    require("tailwind-scrollbar")({ nocompatible: true }),
+    require("tailwindcss-radix")(),
+    require("@savvywombat/tailwindcss-grid-areas"),
+    plugin(({ addVariant }) => {
+      addVariant("mac", ".mac &");
+      addVariant("windows", ".windows &");
+      addVariant("ios", ".ios &");
+    }),
+    plugin(({ addBase, theme }) => {
+      addBase({
+        hr: {
+          borderColor: theme("subtle"),
+        },
+      });
+    }),
+  ],
+  variants: {
+    scrollbar: ["dark"],
+  },
+};