@cryptlex/web-components 1.3.4 → 1.4.0

package/tailwind.preset.ts

@@ -1,183 +0,0 @@
-import type { Config } from 'tailwindcss';
-
-const tokenRamps = (paletteName: string) => {
-  const ramps: Record<number, string> = {};
-  for (let i = 1; i <= 10; i++) {
-    ramps[i] = `oklch(var(--${paletteName}-${i}) / <alpha-value>)`
-  }
-  return ramps;
-}
-export default {
-  // Enable dark mode based on class.
-  darkMode: ['class'],
-  // The preset does not define content, this is done in the host.
-  content: [],
-  theme: {
-    borderRadius: {
-      lg: 'var(--radius)',
-      md: 'calc(var(--radius) - 2px)',
-      sm: 'calc(var(--radius) - 4px)',
-    },
-    fontSize: {
-      // text-caption
-      caption: [
-        "var(--font-sm)",
-        {
-          lineHeight: "1.5"
-        },
-      ],
-      // text-body
-      body: [
-        "var(--font-base)",
-        {
-          lineHeight: "1.6",
-        },
-      ],
-      // text-heading-6
-      "heading-6": [
-        "var(--font-base)",
-        {
-          lineHeight: "1.2",
-          fontWeight: 700
-        },
-      ],
-      // text-heading-5
-      "heading-5": [
-        "var(--font-md)",
-        {
-          lineHeight: "1.2"
-        },
-      ],
-      // text-heading-4
-      "heading-4": [
-        "var(--font-lg)",
-        {
-          lineHeight: "1.2",
-          fontWeight: 500
-        },
-      ],
-      // text-heading-3
-      "heading-3": [
-        "var(--font-xl)",
-        {
-          lineHeight: "1.1",
-          fontWeight: 500
-        },
-      ],
-
-      // text-heading-2
-      "heading-2": [
-        "var(--font-2xl)",
-        {
-          lineHeight: "1",
-          fontWeight: 300
-        },
-      ],
-
-      // text-heading-1
-      "heading-1": [
-        "var(--font-3xl)",
-        {
-          lineHeight: "1",
-        },
-      ],
-    },
-    colors: {
-      transparent: 'transparent',
-      current: 'currentColor',
-      white: '#ffffff',
-      black: '#000000',
-      background: 'oklch(var(--background) / <alpha-value>)',
-      foreground: 'oklch(var(--foreground) / <alpha-value>)',
-      card: {
-        DEFAULT: 'oklch(var(--card) / <alpha-value>)',
-        foreground: 'oklch(var(--card-foreground) / <alpha-value>)',
-      },
-      popover: {
-        DEFAULT: 'oklch(var(--popover) / <alpha-value>)',
-        foreground: 'oklch(var(--popover-foreground) / <alpha-value>)',
-      },
-      primary: {
-        DEFAULT: 'oklch(var(--primary) / <alpha-value>)',
-        foreground: 'oklch(var(--primary-foreground) / <alpha-value>)',
-        ...tokenRamps('primary')
-      },
-      secondary: {
-        DEFAULT: 'oklch(var(--secondary) / <alpha-value>)',
-        foreground: 'oklch(var(--secondary-foreground) / <alpha-value>)',
-        ...tokenRamps('secondary')
-      },
-      neutral: {
-        ...tokenRamps('neutral')
-      },
-      muted: {
-        DEFAULT: 'oklch(var(--muted) / <alpha-value>)',
-        foreground: 'oklch(var(--muted-foreground) / <alpha-value>)',
-      },
-      accent: {
-        DEFAULT: 'oklch(var(--accent) / <alpha-value>)',
-        foreground: 'oklch(var(--accent-foreground) / <alpha-value>)',
-      },
-      destructive: {
-        DEFAULT: 'oklch(var(--destructive) / <alpha-value>)',
-        foreground: 'oklch(var(--destructive-foreground) / <alpha-value>)',
-        ...tokenRamps('destructive')
-      },
-      success: {
-        DEFAULT: 'oklch(var(--success) / <alpha-value>)',
-        foreground: 'oklch(var(--success-foreground) / <alpha-value>)',
-        ...tokenRamps('success')
-      },
-      border: 'oklch(var(--border) / <alpha-value>)',
-      input: 'oklch(var(--input) / <alpha-value>)',
-      ring: 'oklch(var(--ring) / <alpha-value>)',
-      chart: {
-        1: 'oklch(var(--chart-1) / <alpha-value>)',
-        2: 'oklch(var(--chart-2) / <alpha-value>)',
-        3: 'oklch(var(--chart-3) / <alpha-value>)',
-        4: 'oklch(var(--chart-4) / <alpha-value>)',
-        5: 'oklch(var(--chart-5) / <alpha-value>)',
-      },
-      sidebar: {
-        DEFAULT: 'oklch(var(--sidebar-background) / <alpha-value>)',
-        foreground: 'oklch(var(--sidebar-foreground) / <alpha-value>)',
-        primary: 'oklch(var(--sidebar-primary) / <alpha-value>)',
-        primaryForeground:
-          'oklch(var(--sidebar-primary-foreground) / <alpha-value>)',
-        accent: 'oklch(var(--sidebar-accent) / <alpha-value>)',
-        accentForeground:
-          'oklch(var(--sidebar-accent-foreground) / <alpha-value>)',
-        border: 'oklch(var(--sidebar-border) / <alpha-value>)',
-        ring: 'oklch(var(--sidebar-ring) / <alpha-value>)',
-      },
-    },
-    extend: {
-      gridTemplateColumns: {
-        'fluid': "repeat(auto-fill, minmax(var(--grid-fluid-min), 1fr))"
-      },
-      keyframes: {
-        'accordion-down': {
-          from: {
-            height: '0'
-          },
-          to: {
-            height: 'var(--radix-accordion-content-height)'
-          }
-        },
-        'accordion-up': {
-          from: {
-            height: 'var(--radix-accordion-content-height)'
-          },
-          to: {
-            height: '0'
-          }
-        }
-      },
-      animation: {
-        'accordion-down': 'accordion-down 0.2s ease-out',
-        'accordion-up': 'accordion-up 0.2s ease-out'
-      },
-    }
-  },
-  plugins: [require('tailwindcss-animate')], // Include any plugins you need
-} satisfies Config;