@removify/tailwind-preset 0.2.10 → 1.0.0

package/dist/index.cjs

@@ -64,7 +64,12 @@ var uiAnimation = {
   "reka-accordion-down": "reka-accordion-down 0.1s ease-out",
   "reka-accordion-up": "reka-accordion-up 0.1s ease-out",
   "reka-collapsible-down": "reka-collapsible-down 0.1s ease-in-out",
-  "reka-collapsible-up": "reka-collapsible-up 0.1s ease-in-out"
+  "reka-collapsible-up": "reka-collapsible-up 0.1s ease-in-out",
+  // V4
+  "accordion-down": "accordion-down 0.2s ease-out",
+  "accordion-up": "accordion-up 0.2s ease-out",
+  "collapsible-down": "collapsible-down 0.2s ease-in-out",
+  "collapsible-up": "collapsible-up 0.2s ease-in-out"
 };
 var uiKeyframes = {
   "radix-accordion-down": {
@@ -99,6 +104,22 @@ var uiKeyframes = {
   "reka-collapsible-up": {
     from: { height: "var(--reka-collapsible-content-height)" },
     to: { height: "0" }
+  },
+  "accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-accordion-content-height)" }
+  },
+  "accordion-up": {
+    from: { height: "var(--radix-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-collapsible-content-height)" }
+  },
+  "collapsible-up": {
+    from: { height: "var(--radix-collapsible-content-height)" },
+    to: { height: "0" }
   }
 };
 var animation2 = {
@@ -261,9 +282,12 @@ var mainColors = {
     950: "#641711"
   },
   rating: {
-    high: "#15A46E",
-    medium: "#EC5818",
-    low: "#8D2019"
+    "high": "#15A46E",
+    "medium": "#EC5818",
+    "low": "#EA3529",
+    "high-star": "#86C1A3",
+    "medium-star": "#FCD288",
+    "low-star": "#F08C8A"
   }
 };
 var colors = {

package/dist/index.d.cts

@@ -3,7 +3,7 @@ import { Config } from 'tailwindcss';
 declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
 
 type ColorsNames = typeof colorsNames[number];
-type RatingVariations = 'low' | 'high' | 'medium';
+type RatingVariations = `${'low' | 'high' | 'medium'}${'' | '-star'}`;
 type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 interface MainColors {
     black: string;
@@ -105,6 +105,10 @@ declare const animation: {
     'reka-accordion-up': string;
     'reka-collapsible-down': string;
     'reka-collapsible-up': string;
+    'accordion-down': string;
+    'accordion-up': string;
+    'collapsible-down': string;
+    'collapsible-up': string;
 };
 declare const keyframes: {
     'radix-accordion-down': {
@@ -171,6 +175,38 @@ declare const keyframes: {
             height: string;
         };
     };
+    'accordion-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'accordion-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'collapsible-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'collapsible-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
 };
 
 declare const colors: {
@@ -356,6 +392,9 @@ declare const colors: {
         high: string;
         medium: string;
         low: string;
+        'high-star': string;
+        'medium-star': string;
+        'low-star': string;
     };
 };
 
@@ -640,6 +679,9 @@ declare const unocssTheme: {
             high: string;
             medium: string;
             low: string;
+            'high-star': string;
+            'medium-star': string;
+            'low-star': string;
         };
     };
     boxShadow: {
@@ -655,4 +697,4 @@ declare const unocssTheme: {
 
 declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
 
-export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };
+export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizeDetail, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { Config } from 'tailwindcss';
 declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
 
 type ColorsNames = typeof colorsNames[number];
-type RatingVariations = 'low' | 'high' | 'medium';
+type RatingVariations = `${'low' | 'high' | 'medium'}${'' | '-star'}`;
 type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 interface MainColors {
     black: string;
@@ -105,6 +105,10 @@ declare const animation: {
     'reka-accordion-up': string;
     'reka-collapsible-down': string;
     'reka-collapsible-up': string;
+    'accordion-down': string;
+    'accordion-up': string;
+    'collapsible-down': string;
+    'collapsible-up': string;
 };
 declare const keyframes: {
     'radix-accordion-down': {
@@ -171,6 +175,38 @@ declare const keyframes: {
             height: string;
         };
     };
+    'accordion-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'accordion-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'collapsible-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'collapsible-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
 };
 
 declare const colors: {
@@ -356,6 +392,9 @@ declare const colors: {
         high: string;
         medium: string;
         low: string;
+        'high-star': string;
+        'medium-star': string;
+        'low-star': string;
     };
 };
 
@@ -640,6 +679,9 @@ declare const unocssTheme: {
             high: string;
             medium: string;
             low: string;
+            'high-star': string;
+            'medium-star': string;
+            'low-star': string;
         };
     };
     boxShadow: {
@@ -655,4 +697,4 @@ declare const unocssTheme: {
 
 declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
 
-export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };
+export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizeDetail, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };

package/dist/index.js

@@ -1,22 +1,458 @@
-import {
-  animation,
-  boxShadow,
-  buildTheme,
+// src/plugins/index.ts
+import animation from "tailwindcss-animate";
+var plugins = [animation];
+
+// src/theme/animation.ts
+var uiAnimation = {
+  "radix-accordion-down": "radix-accordion-down 0.1s ease-out",
+  "radix-accordion-up": "radix-accordion-up 0.1s ease-out",
+  "radix-collapsible-down": "radix-collapsible-down 0.1s ease-in-out",
+  "radix-collapsible-up": "radix-collapsible-up 0.1s ease-in-out",
+  // V2 aka reka animation
+  "reka-accordion-down": "reka-accordion-down 0.1s ease-out",
+  "reka-accordion-up": "reka-accordion-up 0.1s ease-out",
+  "reka-collapsible-down": "reka-collapsible-down 0.1s ease-in-out",
+  "reka-collapsible-up": "reka-collapsible-up 0.1s ease-in-out",
+  // V4
+  "accordion-down": "accordion-down 0.2s ease-out",
+  "accordion-up": "accordion-up 0.2s ease-out",
+  "collapsible-down": "collapsible-down 0.2s ease-in-out",
+  "collapsible-up": "collapsible-up 0.2s ease-in-out"
+};
+var uiKeyframes = {
+  "radix-accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-accordion-content-height)" }
+  },
+  "radix-accordion-up": {
+    from: { height: "var(--radix-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "radix-collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-collapsible-content-height)" }
+  },
+  "radix-collapsible-up": {
+    from: { height: "var(--radix-collapsible-content-height)" },
+    to: { height: "0" }
+  },
+  // V2 aka reka animation
+  "reka-accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--reka-accordion-content-height)" }
+  },
+  "reka-accordion-up": {
+    from: { height: "var(--reka-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "reka-collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--reka-collapsible-content-height)" }
+  },
+  "reka-collapsible-up": {
+    from: { height: "var(--reka-collapsible-content-height)" },
+    to: { height: "0" }
+  },
+  "accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-accordion-content-height)" }
+  },
+  "accordion-up": {
+    from: { height: "var(--radix-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-collapsible-content-height)" }
+  },
+  "collapsible-up": {
+    from: { height: "var(--radix-collapsible-content-height)" },
+    to: { height: "0" }
+  }
+};
+var animation2 = {
+  ...uiAnimation
+};
+var keyframes = {
+  ...uiKeyframes
+};
+
+// src/theme/colors.ts
+var mainColors = {
+  inherit: "inherit",
+  current: "currentColor",
+  transparent: "transparent",
+  danger: "#EA3529",
+  warning: "#F97316",
+  success: "#15A46E",
+  info: "#3EC2C9",
+  special: "#686DF4",
+  black: "#000000",
+  white: "#FFFFFF",
+  bateau: {
+    DEFAULT: "#1C749F",
+    50: "#F2F5F7",
+    100: "#E7ECF0",
+    200: "#CCD7E1",
+    300: "#ADC0D0",
+    400: "#6390B0",
+    500: "#1C749F",
+    600: "#1B6F98",
+    700: "#186388",
+    800: "#155675",
+    900: "#114660",
+    950: "#0C3144"
+  },
+  pompelmo: {
+    DEFAULT: "#FF6663",
+    50: "#FFF4F4",
+    100: "#FFEBEA",
+    200: "#FFD4D4",
+    300: "#FFBCBB",
+    400: "#FF9F9E",
+    500: "#FF6663",
+    600: "#F3615E",
+    700: "#DA5754",
+    800: "#BC4B49",
+    900: "#9A3E3C",
+    950: "#6D2C2A"
+  },
+  neutral: {
+    DEFAULT: "#BEC7D1",
+    50: "#F9FAFB",
+    100: "#F4F6F7",
+    200: "#E9ECEF",
+    300: "#DEE2E7",
+    400: "#D2D8DE",
+    500: "#BEC7D1",
+    600: "#B5BEC7",
+    700: "#A2AAB2",
+    800: "#8C939A",
+    900: "#73787E",
+    950: "#515559"
+  },
+  orange: {
+    DEFAULT: "#F97316",
+    50: "#FEF5F2",
+    100: "#FEECE7",
+    200: "#FDD7CC",
+    300: "#FCC0AD",
+    400: "#FBA586",
+    500: "#F97316",
+    600: "#EE6E15",
+    700: "#D46213",
+    800: "#B85510",
+    900: "#96450D",
+    950: "#6A3109"
+  },
+  amber: {
+    DEFAULT: "#FBBF24",
+    50: "#FFF9F2",
+    100: "#FEF5E7",
+    200: "#FEEACD",
+    300: "#FDDEAE",
+    400: "#FCD288",
+    500: "#FBBF24",
+    600: "#EFB622",
+    700: "#D6A31F",
+    800: "#B98D1B",
+    900: "#977316",
+    950: "#6B510F"
+  },
+  indigo: {
+    DEFAULT: "#686DF4",
+    50: "#F4F4FE",
+    100: "#EBEBFD",
+    200: "#D5D6FB",
+    300: "#BCBEF9",
+    400: "#A0A2F7",
+    500: "#686DF4",
+    600: "#6368E9",
+    700: "#595DD0",
+    800: "#4D51B4",
+    900: "#3F4293",
+    950: "#2C2F68"
+  },
+  seafoam: {
+    DEFAULT: "#3EC2C9",
+    50: "#F3FAFA",
+    100: "#E8F5F6",
+    200: "#CFEBED",
+    300: "#B2E0E3",
+    400: "#8FD4D9",
+    500: "#3EC2C9",
+    600: "#3BB9C0",
+    700: "#35A6AB",
+    800: "#2E8F95",
+    900: "#257579",
+    950: "#1A5356"
+  },
+  green: {
+    DEFAULT: "#15A46E",
+    50: "#F2F7F4",
+    100: "#E7F1EB",
+    200: "#CCE2D6",
+    300: "#ADD2BE",
+    400: "#86C1A3",
+    500: "#15A46E",
+    600: "#149C69",
+    700: "#128C5E",
+    800: "#107951",
+    900: "#0D6342",
+    950: "#09462F"
+  },
+  fuchsia: {
+    DEFAULT: "#C53DE7",
+    50: "#FAF3FD",
+    100: "#F5E8FB",
+    200: "#ECCFF7",
+    300: "#E1B2F2",
+    400: "#D68FEE",
+    500: "#C53DE7",
+    600: "#BC3ADC",
+    700: "#A834C5",
+    800: "#922DAB",
+    900: "#77258B",
+    950: "#541A63"
+  },
+  red: {
+    DEFAULT: "#EA3529",
+    50: "#FDF2F2",
+    100: "#FBE8E7",
+    200: "#F8CECD",
+    300: "#F4B0AE",
+    400: "#F08C8A",
+    500: "#EA3529",
+    600: "#DF3327",
+    700: "#C82D23",
+    800: "#AD271E",
+    900: "#8D2019",
+    950: "#641711"
+  },
+  rating: {
+    "high": "#15A46E",
+    "medium": "#EC5818",
+    "low": "#EA3529",
+    "high-star": "#86C1A3",
+    "medium-star": "#FCD288",
+    "low-star": "#F08C8A"
+  }
+};
+var colors = {
+  ...mainColors,
+  primary: mainColors.bateau,
+  secondary: mainColors.pompelmo
+};
+
+// src/theme/fontFamily.ts
+var fontFamilySans = [
+  "ui-sans-serif",
+  "system-ui",
+  "sans-serif",
+  '"Apple Color Emoji"',
+  '"Segoe UI Emoji"',
+  '"Segoe UI Symbol"',
+  '"Noto Color Emoji"'
+];
+var customFontFamily = {
+  sans: ["DM Sans", ...fontFamilySans]
+};
+
+// src/util/font.ts
+import { kebabKeys } from "string-ts";
+
+// src/types/fontSize.ts
+function isDetailFont(value) {
+  return Array.isArray(value) && typeof value[1] === "object";
+}
+
+// src/util/font.ts
+var entries = Object.entries;
+function fontConfigKeysKebabCase(fontConfig) {
+  const result = {};
+  for (const [key, value] of entries(fontConfig)) {
+    if (value) {
+      if (isDetailFont(value)) {
+        const [size, detail] = value;
+        const kebabDetail = kebabKeys(detail);
+        result[key] = [size, kebabDetail];
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
+// src/theme/fontSize.ts
+var fontSize = {
+  "2xs": ["0.6875rem", "1rem"],
+  "xs": ["0.75rem", "1rem"],
+  "sm": ["0.875rem", "1.25rem"],
+  "base": ["1rem", "1.5rem"],
+  "md": ["1.125rem", "1.5rem"],
+  "lg": ["1.25rem", "1.625rem"],
+  "display1": ["3.75rem", {
+    fontWeight: 700,
+    lineHeight: "5rem",
+    letterSpacing: "-0.0625rem"
+  }],
+  "display2": ["3.25rem", {
+    fontWeight: 700,
+    lineHeight: "4.25rem",
+    letterSpacing: "-0.05rem"
+  }],
+  "display3": ["2.75rem", {
+    fontWeight: 700,
+    lineHeight: "3.625rem",
+    letterSpacing: "-0.0375rem"
+  }],
+  "h1": ["3rem", {
+    fontWeight: 700,
+    lineHeight: "3.75rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h2": ["2.5rem", {
+    fontWeight: 700,
+    lineHeight: "3.25rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h3": ["2.25rem", {
+    fontWeight: 700,
+    lineHeight: "3rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h4": ["2rem", {
+    fontWeight: 700,
+    lineHeight: "2.625rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h5": ["1.5rem", {
+    fontWeight: 700,
+    lineHeight: "2rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h6": ["1.25rem", {
+    fontWeight: 700,
+    lineHeight: "1.625rem",
+    letterSpacing: "-0.0125rem"
+  }]
+};
+var unocssFontSizes = fontConfigKeysKebabCase(fontSize);
+
+// src/theme/screen.ts
+var screensNumber = {
+  "xs": 480,
+  "sm": 640,
+  "md": 768,
+  "lg": 1024,
+  "xl": 1280,
+  "2xl": 1536,
+  "tablet": 640,
+  "tablet-lg": 960,
+  "laptop": 1024,
+  "desktop": 1280
+};
+var screens = {
+  "xs": `${screensNumber.xs}px`,
+  "sm": `${screensNumber.sm}px`,
+  "md": `${screensNumber.md}px`,
+  "lg": `${screensNumber.lg}px`,
+  "xl": `${screensNumber.xl}px`,
+  "2xl": `${screensNumber["2xl"]}px`,
+  "tablet": `${screensNumber.tablet}px`,
+  "tablet-lg": `${screensNumber["tablet-lg"]}px`,
+  "laptop": `${screensNumber.laptop}px`,
+  "desktop": `${screensNumber.desktop}px`
+};
+
+// src/theme/shadows.ts
+var boxShadow = {
+  "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
+  "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
+};
+
+// src/theme/index.ts
+function buildTheme(object, option = {}) {
+  const {
+    enabled = true,
+    prefix = ""
+  } = option;
+  if (!enabled) {
+    return null;
+  }
+  if (prefix) {
+    return Object.fromEntries(Object.entries(object).map(([k, v]) => [
+      `${prefix}${k}`,
+      v
+    ]));
+  }
+  return object;
+}
+function factory(options = {}) {
+  const theme = {};
+  if (options.colors?.enabled !== false) {
+    const _colors = buildTheme(colors, options.colors);
+    if (_colors != null) {
+      theme.colors = _colors;
+    }
+  }
+  if (options.boxShadow?.enabled !== false) {
+    const _boxShadow = buildTheme(boxShadow, options.boxShadow);
+    if (_boxShadow != null) {
+      theme.boxShadow = _boxShadow;
+    }
+  }
+  if (options.fontSize?.enabled !== false) {
+    const _fontSize = buildTheme(fontSize, options.fontSize);
+    if (_fontSize != null) {
+      theme.fontSize = _fontSize;
+    }
+  }
+  if (options.fontFamily?.enabled !== false) {
+    const _fontFamily = buildTheme(customFontFamily, options.fontFamily);
+    if (_fontFamily != null) {
+      theme.fontFamily = _fontFamily;
+    }
+  }
+  if (options.animation?.enabled !== false) {
+    const _animation = buildTheme(animation2, options.animation);
+    if (_animation != null) {
+      theme.animation = _animation;
+    }
+  }
+  if (options.keyframes?.enabled !== false) {
+    const _keyframes = buildTheme(keyframes, options.keyframes);
+    if (_keyframes != null) {
+      theme.keyframes = _keyframes;
+    }
+  }
+  if (options.screens?.enabled !== false) {
+    const _screens = buildTheme(screens, options.screens);
+    if (_screens != null) {
+      theme.screens = _screens;
+    }
+  }
+  return theme;
+}
+var defaultTheme = {
   colors,
-  customFontFamily,
-  defaultTheme,
-  factory,
+  boxShadow,
   fontSize,
-  isDetailFont,
+  fontFamily: customFontFamily,
+  animation: animation2,
   keyframes,
-  screens,
-  screensNumber,
-  unocssTheme
-} from "./chunk-ZH7BDNIX.js";
-
-// src/plugins/index.ts
-import animation2 from "tailwindcss-animate";
-var plugins = [animation2];
+  screens
+};
+var unocssTheme = {
+  colors,
+  boxShadow,
+  fontSize: unocssFontSizes
+};
 
 // src/constant/index.ts
 var colorsNames = [
@@ -75,7 +511,7 @@ function buildPreset(extend = true, buildOptions = {}) {
   };
 }
 export {
-  animation,
+  animation2 as animation,
   boxShadow,
   buildPreset,
   buildTheme,