@szum-tech/design-system 1.18.3 → 2.0.1

package/theme/main-preset.js

@@ -1,231 +0,0 @@
-"use strict";
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-
-// src/theme/presets/colors.js
-var require_colors = __commonJS({
-  "src/theme/presets/colors.js"(exports2, module2) {
-    "use strict";
-    module2.exports = {
-      theme: {
-        colors: {
-          app: {
-            primary: "rgb(var(--foreground))",
-            secondary: "rgb(var(--background))"
-          },
-          black: "rgb(var(--black) / <alpha-value>)",
-          error: {
-            100: "rgb(var(--error-100) / <alpha-value>)",
-            200: "rgb(var(--error-200) / <alpha-value>)",
-            300: "rgb(var(--error-300) / <alpha-value>)",
-            400: "rgb(var(--error-400) / <alpha-value>)",
-            500: "rgb(var(--error-500) / <alpha-value>)",
-            600: "rgb(var(--error-600) / <alpha-value>)",
-            700: "rgb(var(--error-700) / <alpha-value>)",
-            800: "rgb(var(--error-800) / <alpha-value>)",
-            900: "rgb(var(--error-900) / <alpha-value>)"
-          },
-          gray: {
-            100: "rgb(var(--gray-100) / <alpha-value>)",
-            200: "rgb(var(--gray-200) / <alpha-value>)",
-            300: "rgb(var(--gray-300) / <alpha-value>)",
-            350: "rgb(var(--gray-350) / <alpha-value>)",
-            400: "rgb(var(--gray-400) / <alpha-value>)"
-          },
-          primary: {
-            100: "rgb(var(--primary-100) / <alpha-value>)",
-            200: "rgb(var(--primary-200) / <alpha-value>)",
-            300: "rgb(var(--primary-300) / <alpha-value>)",
-            400: "rgb(var(--primary-400) / <alpha-value>)",
-            500: "rgb(var(--primary-500) / <alpha-value>)",
-            600: "rgb(var(--primary-600) / <alpha-value>)",
-            700: "rgb(var(--primary-700) / <alpha-value>)",
-            800: "rgb(var(--primary-800) / <alpha-value>)",
-            900: "rgb(var(--primary-900) / <alpha-value>)"
-          },
-          success: {
-            100: "rgb(var(--success-100) / <alpha-value>)",
-            200: "rgb(var(--success-200) / <alpha-value>)",
-            300: "rgb(var(--success-300) / <alpha-value>)",
-            400: "rgb(var(--success-400) / <alpha-value>)",
-            500: "rgb(var(--success-500) / <alpha-value>)",
-            600: "rgb(var(--success-600) / <alpha-value>)",
-            700: "rgb(var(--success-700) / <alpha-value>)",
-            800: "rgb(var(--success-800) / <alpha-value>)",
-            900: "rgb(var(--success-900) / <alpha-value>)"
-          },
-          transparent: "transparent",
-          warning: {
-            50: "rgb(var(--warning-50) / <alpha-value>)",
-            100: "rgb(var(--warning-100) / <alpha-value>)",
-            200: "rgb(var(--warning-200) / <alpha-value>)",
-            300: "rgb(var(--warning-300) / <alpha-value>)",
-            400: "rgb(var(--warning-400) / <alpha-value>)",
-            500: "rgb(var(--warning-500) / <alpha-value>)",
-            600: "rgb(var(--warning-600) / <alpha-value>)",
-            700: "rgb(var(--warning-700) / <alpha-value>)",
-            800: "rgb(var(--warning-800) / <alpha-value>)",
-            900: "rgb(var(--warning-900) / <alpha-value>)",
-            950: "rgb(var(--warning-950) / <alpha-value>)"
-          },
-          white: "rgb(var(--white) / <alpha-value>)",
-          foreground: "rgb(var(--foreground) / <alpha-value>)",
-          background: "rgb(var(--background) / <alpha-value>)"
-        }
-      }
-    };
-  }
-});
-
-// src/theme/plugins/utilities/scroll.js
-var require_scroll = __commonJS({
-  "src/theme/plugins/utilities/scroll.js"(exports2, module2) {
-    "use strict";
-    var plugin = require("tailwindcss/plugin");
-    module2.exports = plugin(function({ addUtilities }) {
-      addUtilities({
-        ".scroll": {
-          "@apply scrollbar scrollbar-thin scrollbar-track-app-secondary scrollbar-thumb-gray-400 hover:scrollbar-thumb-gray-350": {}
-        }
-      });
-    });
-  }
-});
-
-// src/theme/plugins/utilities/typography.js
-var require_typography = __commonJS({
-  "src/theme/plugins/utilities/typography.js"(exports2, module2) {
-    "use strict";
-    var plugin = require("tailwindcss/plugin");
-    module2.exports = plugin(function({ addUtilities }) {
-      addUtilities({
-        ".typography-heading-1": {
-          "@apply font-poppins text-6xl font-light leading-relaxed -tracking-[.01562em]": {}
-        },
-        ".typography-heading-2": {
-          "@apply leading-[1.2] font-poppins text-5xl font-light -tracking-[.00833em]": {}
-        },
-        ".typography-heading-3": {
-          "@apply font-poppins text-4xl font-normal leading-[1.167] tracking-normal": {}
-        },
-        ".typography-heading-4": {
-          "@apply font-poppins text-3xl font-normal leading-[1.235] tracking-[.00735em]": {}
-        },
-        ".typography-heading-5": {
-          "@apply font-poppins text-2xl font-normal leading-[1.334] tracking-normal": {}
-        },
-        ".typography-heading-6": {
-          "@apply font-poppins text-xl font-normal font-medium leading-[1.6] tracking-[.0075em]": {}
-        },
-        ".typography-subtitle-1": {
-          "@apply font-poppins text-md leading-7 tracking-[.00938em]": {}
-        },
-        ".typography-subtitle-2": {
-          "@apply font-poppins text-sm font-medium leading-[1.57] tracking-[.00714em]": {}
-        },
-        ".typography-body-1": {
-          "@apply font-poppins text-md font-normal leading-normal tracking-[.00938em]": {}
-        },
-        ".typography-body-2": {
-          "@apply font-poppins text-sm font-normal leading-[1.43] tracking-[.01071em]": {}
-        },
-        ".typography-button": {
-          "@apply font-poppins text-sm font-medium leading-5 tracking-[.02857em]": {}
-        },
-        ".typography-caption": {
-          "@apply font-poppins text-xs font-normal leading-[1.66] tracking-[.03333em]": {}
-        },
-        ".typography-overline": {
-          "@apply font-poppins text-xs font-normal uppercase leading-[2.66] tracking-[.08333em]": {}
-        },
-        ".typography-code": {
-          "@apply font-code text-md font-bold leading-5 tracking-wide": {}
-        }
-      });
-    });
-  }
-});
-
-// src/theme/main-preset.js
-module.exports = {
-  darkMode: "class",
-  theme: {
-    container: {
-      center: true,
-      padding: "1rem",
-      screens: {
-        "2xl": "1400px"
-      }
-    },
-    fontFamily: {
-      poppins: ["'Poppins', sans-serif"],
-      code: ["'JetBrains Mono', monospace"]
-    },
-    fontSize: {
-      xs: "0.75rem",
-      sm: "0.875rem",
-      md: "1rem",
-      xl: "1.25rem",
-      "2xl": "1.5rem",
-      "3xl": "2.125rem",
-      "4xl": "3rem",
-      "5xl": "3.75rem",
-      "6xl": "6rem"
-    },
-    extend: {
-      borderRadius: {
-        "1/2": "50%"
-      },
-      letterSpacing: {
-        1: "0.25rem",
-        2: "0.5rem",
-        8: "2.0rem"
-      },
-      spacing: {
-        4.5: "1.125rem",
-        5.5: "1.375rem"
-      },
-      width: {
-        128: "32.0rem",
-        300: "75.0rem"
-      },
-      minHeight: {
-        10: "2.5rem"
-      },
-      keyframes: {
-        slideDownAndFade: {
-          from: { opacity: 0, transform: "translateY(-2px)" },
-          to: { opacity: 1, transform: "translateY(0)" }
-        },
-        slideLeftAndFade: {
-          from: { opacity: 0, transform: "translateX(2px)" },
-          to: { opacity: 1, transform: "translateX(0)" }
-        },
-        slideUpAndFade: {
-          from: { opacity: 0, transform: "translateY(2px)" },
-          to: { opacity: 1, transform: "translateY(0)" }
-        },
-        slideRightAndFade: {
-          from: { opacity: 0, transform: "translateX(-2px)" },
-          to: { opacity: 1, transform: "translateX(0)" }
-        }
-      },
-      animation: {
-        slideDownAndFade: "slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
-        slideLeftAndFade: "slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
-        slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
-        slideRightAndFade: "slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)"
-      }
-    }
-  },
-  presets: [require_colors()],
-  plugins: [
-    require("@tailwindcss/container-queries"),
-    require("tailwind-scrollbar"),
-    require("tailwindcss-animate"),
-    require_scroll(),
-    require_typography()
-  ]
-};