@deckai/deck-ui 0.0.6 → 0.0.8

package/dist/tailwind.config.d.cts

@@ -1,51 +0,0 @@
-import { C as Colors } from './tailwind-BOs_0iUp.cjs';
-
-declare const config: {
-    content: string[];
-    theme: {
-        extend: {
-            colors: Colors;
-            fontSize: {
-                [x: string]: [string, object];
-            };
-            fontFamily: {
-                sans: [string, string];
-            };
-            fontWeight: {
-                light: string;
-                regular: string;
-                normal: string;
-                semibold: string;
-                bold: string;
-            };
-        };
-    };
-    plugins: {
-        handler: () => void;
-    }[];
-    safelist: string[];
-    keyframes: {
-        "fade-in": {
-            from: {
-                opacity: string;
-            };
-            to: {
-                opacity: string;
-            };
-        };
-        "fade-out": {
-            from: {
-                opacity: string;
-            };
-            to: {
-                opacity: string;
-            };
-        };
-    };
-    animation: {
-        "fade-in": string;
-        "fade-out": string;
-    };
-};
-
-export { config as default };

package/dist/tailwind.config.d.ts

@@ -1,51 +0,0 @@
-import { C as Colors } from './tailwind-BOs_0iUp.js';
-
-declare const config: {
-    content: string[];
-    theme: {
-        extend: {
-            colors: Colors;
-            fontSize: {
-                [x: string]: [string, object];
-            };
-            fontFamily: {
-                sans: [string, string];
-            };
-            fontWeight: {
-                light: string;
-                regular: string;
-                normal: string;
-                semibold: string;
-                bold: string;
-            };
-        };
-    };
-    plugins: {
-        handler: () => void;
-    }[];
-    safelist: string[];
-    keyframes: {
-        "fade-in": {
-            from: {
-                opacity: string;
-            };
-            to: {
-                opacity: string;
-            };
-        };
-        "fade-out": {
-            from: {
-                opacity: string;
-            };
-            to: {
-                opacity: string;
-            };
-        };
-    };
-    animation: {
-        "fade-in": string;
-        "fade-out": string;
-    };
-};
-
-export { config as default };

package/dist/tailwind.config.js

@@ -1,258 +0,0 @@
-import tailwindAnimate from 'tailwindcss-animate';
-
-// tailwind.config.ts
-
-// src/utils/tailwind.ts
-var generateSafelist = (colors2, typography2) => {
-  const colorNames = Object.keys(colors2);
-  const utilities = ["bg", "text", "border", "ring", "divide", "outline"];
-  const variants = ["hover:", "focus:", "active:", "disabled:"];
-  const safelist = [];
-  colorNames.forEach((colorName) => {
-    if (typeof colors2[colorName] === "object") {
-      Object.keys(colors2[colorName]).forEach((shade) => {
-        utilities.forEach((utility) => {
-          safelist.push(`${utility}-${colorName}-${shade}`);
-          variants.forEach((variant) => {
-            safelist.push(`${variant}${utility}-${colorName}-${shade}`);
-          });
-        });
-      });
-    } else {
-      utilities.forEach((utility) => {
-        safelist.push(`${utility}-${colorName}`);
-        variants.forEach((variant) => {
-          safelist.push(`${variant}${utility}-${colorName}`);
-        });
-      });
-    }
-  });
-  Object.entries(typography2).forEach(([family, sizes]) => {
-    Object.keys(sizes).forEach((size) => {
-      safelist.push(`text-${family}-${size}`);
-      variants.forEach((variant) => {
-        safelist.push(`${variant}text-${family}-${size}`);
-      });
-    });
-  });
-  return safelist;
-};
-
-// tailwind.config.ts
-var colors = {
-  background: {
-    50: "#F6F6F6",
-    100: "#F7F7F5"
-  },
-  primary: {
-    50: "#5B3DE3",
-    100: "#089CCB"
-  },
-  secondary: {
-    50: "#D9D9D9",
-    100: "#F6F5FF",
-    200: "#EBE8FC",
-    300: "#BDAEFF",
-    400: "#E7F7FC",
-    500: "#DAF6FF",
-    600: "#B3EDFF"
-  },
-  tertiary: {
-    5: "#E33D6550",
-    10: "#E33D65",
-    15: "#F59E0B50",
-    20: "#F59E0B",
-    25: "#10B98150",
-    30: "#10B981"
-  },
-  stroke: "#ECECEC",
-  text: {
-    primary: "#080808",
-    secondary: "#666666",
-    white: "#FFFFFF",
-    "primary-blue": "#F7F7F5"
-  }
-};
-var typography = {
-  heading: {
-    xl: {
-      fontSize: "56px",
-      letterSpacing: "-2%",
-      fontWeight: "700"
-      // Bold
-    },
-    lg: {
-      fontSize: "40px",
-      letterSpacing: "-2%",
-      fontWeight: "700"
-      // Bold
-    },
-    md: {
-      fontSize: "32px",
-      letterSpacing: "-2%",
-      fontWeight: "700"
-      // Bold
-    },
-    sm: {
-      fontSize: "20px",
-      letterSpacing: "-2%",
-      fontWeight: "700"
-      // Bold
-    },
-    xs: {
-      fontSize: "20px",
-      letterSpacing: "2%",
-      fontWeight: "700"
-      // Bold
-    }
-  },
-  body: {
-    lg: {
-      fontSize: "20px",
-      letterSpacing: "-0.4px",
-      fontWeight: "500",
-      lineHeight: "150%"
-    },
-    "lg-semibold": {
-      fontSize: "20px",
-      letterSpacing: "-0.4px",
-      fontWeight: "600",
-      // Semibold
-      lineHeight: "150%"
-    },
-    md: {
-      fontSize: "18px",
-      letterSpacing: "-2%",
-      fontWeight: "600"
-      // Semibold
-    },
-    default: {
-      fontSize: "16px",
-      letterSpacing: "0%",
-      fontWeight: "400"
-      // Regular
-    },
-    "default-medium": {
-      fontSize: "16px",
-      letterSpacing: "0%",
-      fontWeight: "500"
-      // Medium
-    },
-    "default-semibold": {
-      fontSize: "16px",
-      letterSpacing: "0%",
-      fontWeight: "600"
-      // Semibold
-    },
-    "default-bold": {
-      fontSize: "16px",
-      letterSpacing: "0%",
-      fontWeight: "700"
-      // Bold
-    },
-    xs: {
-      fontSize: "14px",
-      letterSpacing: "0%",
-      fontWeight: "400"
-      // Regular
-    },
-    "xs-medium": {
-      fontSize: "14px",
-      letterSpacing: "0%",
-      fontWeight: "500"
-      // Medium
-    },
-    xxs: {
-      fontSize: "13px",
-      letterSpacing: "0%",
-      fontWeight: "400"
-      // Regular
-    },
-    "xxs-medium": {
-      fontSize: "13px",
-      letterSpacing: "0%",
-      fontWeight: "500"
-      // Medium
-    },
-    "xxs-semibold": {
-      fontSize: "13px",
-      letterSpacing: "0%",
-      fontWeight: "600"
-      // Semibold
-    }
-  },
-  label: {
-    default: {
-      fontSize: "13px",
-      lineHeight: "24px",
-      letterSpacing: "0%",
-      fontWeight: "400",
-      // Regular
-      textTransform: "uppercase"
-    }
-  }
-};
-var config = {
-  content: ["./src/**/*.{ts,tsx}"],
-  theme: {
-    extend: {
-      colors,
-      fontSize: {
-        // Convert typography config to Tailwind's fontSize format
-        ...Object.entries(typography).reduce(
-          (acc, [family, sizes]) => {
-            Object.entries(sizes).forEach(([size, typeConfig]) => {
-              acc[`${family}-${size}`] = [
-                typeConfig.fontSize,
-                {
-                  lineHeight: typeConfig.lineHeight || "normal",
-                  letterSpacing: typeConfig.letterSpacing || "normal",
-                  fontWeight: typeConfig.fontWeight
-                }
-              ];
-            });
-            return acc;
-          },
-          {}
-        )
-      },
-      fontFamily: {
-        sans: ["Gilroy", "sans-serif"]
-      },
-      fontWeight: {
-        light: "400",
-        // Gilroy-Light.ttf
-        regular: "500",
-        // Gilroy-Regular.ttf
-        normal: "500",
-        // Gilroy-Regular.ttf
-        semibold: "600",
-        // Gilroy-Medium.ttf
-        bold: "700"
-        // Gilroy-Bold.ttf
-      }
-    }
-  },
-  plugins: [tailwindAnimate],
-  safelist: [...generateSafelist(colors, typography)],
-  keyframes: {
-    "fade-in": {
-      from: { opacity: "0" },
-      to: { opacity: "1" }
-    },
-    "fade-out": {
-      from: { opacity: "1" },
-      to: { opacity: "0" }
-    }
-  },
-  animation: {
-    "fade-in": "fade-in 200ms ease-out",
-    "fade-out": "fade-out 200ms ease-in"
-  }
-};
-var tailwind_config_default = config;
-if (exports.default) module.exports = exports.default;
-
-export { tailwind_config_default as default };
-//# sourceMappingURL=tailwind.config.js.map
-//# sourceMappingURL=tailwind.config.js.map

package/dist/tailwind.config.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/tailwind.ts","../tailwind.config.ts"],"names":["colors","typography"],"mappings":"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","file":"tailwind.config.js","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  return safelist;\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n","/* eslint-disable prettier/prettier */\nimport type { Config } from \"tailwindcss\";\nimport tailwindAnimate from \"tailwindcss-animate\";\nimport { Colors, Typography } from \"./src/types/tailwind\";\nimport { generateSafelist } from \"./src/utils/tailwind\";\n\nconst colors: Colors = {\n  background: {\n    50: \"#F6F6F6\",\n    100: \"#F7F7F5\"\n  },\n  primary: {\n    50: \"#5B3DE3\",\n    100: \"#089CCB\"\n  },\n  secondary: {\n    50: \"#D9D9D9\",\n    100: \"#F6F5FF\",\n    200: \"#EBE8FC\",\n    300: \"#BDAEFF\",\n    400: \"#E7F7FC\",\n    500: \"#DAF6FF\",\n    600: \"#B3EDFF\"\n  },\n  tertiary: {\n    5: \"#E33D6550\",\n    10: \"#E33D65\",\n    15: \"#F59E0B50\",\n    20: \"#F59E0B\",\n    25: \"#10B98150\",\n    30: \"#10B981\"\n  },\n  stroke: \"#ECECEC\",\n  text: {\n    primary: \"#080808\",\n    secondary: \"#666666\",\n    white: \"#FFFFFF\",\n    \"primary-blue\": \"#F7F7F5\"\n  }\n};\n\nconst typography: Typography = {\n  heading: {\n    xl: {\n      fontSize: \"56px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    lg: {\n      fontSize: \"40px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    md: {\n      fontSize: \"32px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    sm: {\n      fontSize: \"20px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    xs: {\n      fontSize: \"20px\",\n      letterSpacing: \"2%\",\n      fontWeight: \"700\" // Bold\n    }\n  },\n  body: {\n    lg: {\n      fontSize: \"20px\",\n      letterSpacing: \"-0.4px\",\n      fontWeight: \"500\",\n      lineHeight: \"150%\"\n    },\n    \"lg-semibold\": {\n      fontSize: \"20px\",\n      letterSpacing: \"-0.4px\",\n      fontWeight: \"600\", // Semibold\n      lineHeight: \"150%\"\n    },\n    md: {\n      fontSize: \"18px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"600\" // Semibold\n    },\n    default: {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"default-medium\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    \"default-semibold\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"600\" // Semibold\n    },\n    \"default-bold\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"700\" // Bold\n    },\n    xs: {\n      fontSize: \"14px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"xs-medium\": {\n      fontSize: \"14px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    xxs: {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"xxs-medium\": {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    \"xxs-semibold\": {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"600\" // Semibold\n    }\n  },\n  label: {\n    default: {\n      fontSize: \"13px\",\n      lineHeight: \"24px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\", // Regular\n      textTransform: \"uppercase\"\n    }\n  }\n};\n\nconst config = {\n  content: [\"./src/**/*.{ts,tsx}\"],\n  theme: {\n    extend: {\n      colors,\n      fontSize: {\n        // Convert typography config to Tailwind's fontSize format\n        ...Object.entries(typography).reduce(\n          (acc, [family, sizes]) => {\n            Object.entries(sizes).forEach(([size, typeConfig]) => {\n              acc[`${family}-${size}`] = [\n                typeConfig.fontSize,\n                {\n                  lineHeight: typeConfig.lineHeight || \"normal\",\n                  letterSpacing: typeConfig.letterSpacing || \"normal\",\n                  fontWeight: typeConfig.fontWeight\n                }\n              ];\n            });\n            return acc;\n          },\n          {} as Record<string, [string, object]>\n        )\n      },\n      fontFamily: {\n        sans: [\"Gilroy\", \"sans-serif\"]\n      },\n      fontWeight: {\n        light: \"400\", // Gilroy-Light.ttf\n        regular: \"500\", // Gilroy-Regular.ttf\n        normal: \"500\", // Gilroy-Regular.ttf\n        semibold: \"600\", // Gilroy-Medium.ttf\n        bold: \"700\" // Gilroy-Bold.ttf\n      }\n    }\n  },\n  plugins: [tailwindAnimate],\n  safelist: [...generateSafelist(colors, typography)],\n  keyframes: {\n    \"fade-in\": {\n      from: { opacity: \"0\" },\n      to: { opacity: \"1\" }\n    },\n    \"fade-out\": {\n      from: { opacity: \"1\" },\n      to: { opacity: \"0\" }\n    }\n  },\n  animation: {\n    \"fade-in\": \"fade-in 200ms ease-out\",\n    \"fade-out\": \"fade-out 200ms ease-in\"\n  }\n} satisfies Config;\n\nexport default config;\n"]}