@beamwind/preset-tailwind - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log
 
+## [2.0.2](https://github.com/kenoxa/beamwind/compare/@beamwind/preset-tailwind@2.0.1...@beamwind/preset-tailwind@2.0.2) (2020-12-05)
+
+**Note:** Version bump only for package @beamwind/preset-tailwind
+
 ## [2.0.1](https://github.com/kenoxa/beamwind/compare/@beamwind/preset-tailwind@2.0.0...@beamwind/preset-tailwind@2.0.1) (2020-12-04)
@@ -8,0 +12,0 @@

esnext/preset-tailwind.js

 // src/theme.ts
+var ratios = (start, end) => {
+  const result = {};
+  do {
+    for (let dividend = 1; dividend < start; dividend++) {
+      result[`${dividend}/${start}`] = Number((dividend / start * 100).toFixed(6)) + "%";
+    }
+  } while (++start <= end);
+  return result;
+};
+var exponential = (stop, unit, start = 0) => {
+  const result = {};
+  for (; start <= stop; start = start * 2 || 1) {
+    result[start] = start + unit;
+  }
+  return result;
+};
+var linear = (stop, unit = "", divideBy = 1, start = 0, step = 1) => {
+  const result = {};
+  for (; start <= stop; start += step) {
+    result[start] = start / divideBy + unit;
+  }
+  return result;
+};
 var theme = {
@@ -89,32 +112,6 @@ extend: {
     spacing: {
-      0.5: "0.125rem",
-      1: "0.25rem",
-      1.5: "0.375rem",
-      2: "0.5rem",
-      2.5: "0.625rem",
-      3: "0.75rem",
-      3.5: "0.875rem",
-      4: "1rem",
-      5: "1.25rem",
-      6: "1.5rem",
-      7: "1.75rem",
-      8: "2rem",
-      9: "2.25rem",
-      10: "2.5rem",
-      11: "2.75rem",
-      12: "3rem",
+      ...linear(4, "rem", 4, 0.5, 0.5),
+      ...linear(12, "rem", 4, 5),
       14: "3.5rem",
-      16: "4rem",
-      20: "5rem",
-      24: "6rem",
-      28: "7rem",
-      32: "8rem",
-      36: "9rem",
-      40: "10rem",
-      44: "11rem",
-      48: "12rem",
-      52: "13rem",
-      56: "14rem",
-      60: "15rem",
-      64: "16rem",
+      ...linear(64, "rem", 4, 16, 4),
       72: "18rem",
@@ -153,6 +150,3 @@ 80: "20rem",
       DEFAULT: "1px",
-      0: "0px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
+      ...exponential(8, "px")
     },
@@ -173,27 +167,4 @@ boxShadow: {
     },
-    height: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%"
-    },
-    inset: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%"
-    },
+    height: ratios(2, 6),
+    inset: ratios(2, 4),
     keyframes: {
@@ -237,12 +208,3 @@ spin: {
     },
-    lineHeight: {
-      3: ".75rem",
-      4: "1rem",
-      5: "1.25rem",
-      6: "1.5rem",
-      7: "1.75rem",
-      8: "2rem",
-      9: "2.25rem",
-      10: "2.5rem"
-    },
+    lineHeight: linear(10, "rem", 4, 3),
     maxWidth: {
@@ -264,26 +226,6 @@ xs: "20rem",
       5: "0.05",
-      10: "0.1",
-      20: "0.2",
-      30: "0.3",
-      40: "0.4",
-      60: "0.6",
-      70: "0.7",
-      80: "0.8",
-      90: "0.9",
+      ...linear(90, "", 100, 10, 10),
       95: "0.95"
     },
-    order: {
-      1: "1",
-      2: "2",
-      3: "3",
-      4: "4",
-      5: "5",
-      6: "6",
-      7: "7",
-      8: "8",
-      9: "9",
-      10: "10",
-      11: "11",
-      12: "12"
-    },
+    order: linear(12, "", 1, 1),
     outline: {
@@ -296,26 +238,8 @@ white: ["2px dotted white", "2px"],
     },
-    ringOffsetWidth: {
-      0: "0px",
-      1: "1px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
-    ringWidth: {
-      0: "0px",
-      1: "1px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
+    ringOffsetWidth: exponential(8, "px"),
+    ringWidth: exponential(8, "px"),
     rotate: {
-      0: "0deg",
-      1: "1deg",
-      2: "2deg",
-      3: "3deg",
-      6: "6deg",
-      12: "12deg",
-      45: "45deg",
-      90: "90deg",
-      180: "180deg"
+      ...exponential(2, "deg"),
+      ...exponential(12, "deg", 3),
+      ...exponential(180, "deg", 45)
     },
@@ -326,7 +250,3 @@ scale: {
       75: ".75",
-      90: ".9",
-      95: ".95",
-      100: "1",
-      105: "1.05",
-      110: "1.1",
+      ...linear(110, "", 100, 90, 5),
       125: "1.25",
@@ -336,14 +256,6 @@ 150: "1.5"
     skew: {
-      0: "0deg",
-      1: "1deg",
-      2: "2deg",
-      3: "3deg",
-      6: "6deg",
-      12: "12deg"
+      ...exponential(2, "deg"),
+      ...exponential(12, "deg", 3)
     },
-    strokeWidth: {
-      0: "0",
-      1: "1",
-      2: "2"
-    },
+    strokeWidth: linear(2),
     transitionTimingFunction: {
@@ -355,46 +267,8 @@ linear: "linear",
     },
-    translate: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%"
-    },
+    translate: ratios(2, 4),
     width: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%",
-      "1/12": "8.333333%",
-      "2/12": "16.666667%",
-      "3/12": "25%",
-      "4/12": "33.333333%",
-      "5/12": "41.666667%",
-      "6/12": "50%",
-      "7/12": "58.333333%",
-      "8/12": "66.666667%",
-      "9/12": "75%",
-      "10/12": "83.333333%",
-      "11/12": "91.666667%"
+      ...ratios(2, 6),
+      ...ratios(12, 12)
     },
-    zIndex: {
-      0: "0",
-      10: "10",
-      20: "20",
-      30: "30",
-      40: "40",
-      50: "50"
-    }
+    zIndex: linear(50, "", 1, 0, 10)
   }
@@ -401,0 +275,0 @@ };

module/preset-tailwind.js

@@ -0,2 +1,27 @@
+var __assign = Object.assign;
+
 // src/theme.ts
+var ratios = (start, end) => {
+  const result = {};
+  do {
+    for (let dividend = 1; dividend < start; dividend++) {
+      result[`${dividend}/${start}`] = Number((dividend / start * 100).toFixed(6)) + "%";
+    }
+  } while (++start <= end);
+  return result;
+};
+var exponential = (stop, unit, start = 0) => {
+  const result = {};
+  for (; start <= stop; start = start * 2 || 1) {
+    result[start] = start + unit;
+  }
+  return result;
+};
+var linear = (stop, unit = "", divideBy = 1, start = 0, step = 1) => {
+  const result = {};
+  for (; start <= stop; start += step) {
+    result[start] = start / divideBy + unit;
+  }
+  return result;
+};
 var theme = {
@@ -88,37 +113,9 @@ extend: {
     },
-    spacing: {
-      0.5: "0.125rem",
-      1: "0.25rem",
-      1.5: "0.375rem",
-      2: "0.5rem",
-      2.5: "0.625rem",
-      3: "0.75rem",
-      3.5: "0.875rem",
-      4: "1rem",
-      5: "1.25rem",
-      6: "1.5rem",
-      7: "1.75rem",
-      8: "2rem",
-      9: "2.25rem",
-      10: "2.5rem",
-      11: "2.75rem",
-      12: "3rem",
-      14: "3.5rem",
-      16: "4rem",
-      20: "5rem",
-      24: "6rem",
-      28: "7rem",
-      32: "8rem",
-      36: "9rem",
-      40: "10rem",
-      44: "11rem",
-      48: "12rem",
-      52: "13rem",
-      56: "14rem",
-      60: "15rem",
-      64: "16rem",
+    spacing: __assign(__assign(__assign(__assign(__assign({}, linear(4, "rem", 4, 0.5, 0.5)), linear(12, "rem", 4, 5)), {
+      14: "3.5rem"
+    }), linear(64, "rem", 4, 16, 4)), {
       72: "18rem",
       80: "20rem",
       96: "24rem"
-    },
+    }),
     durations: {
@@ -151,9 +148,5 @@ 75: "75ms",
     },
-    borderWidth: {
-      DEFAULT: "1px",
-      0: "0px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
+    borderWidth: __assign({
+      DEFAULT: "1px"
+    }, exponential(8, "px")),
     boxShadow: {
@@ -173,27 +166,4 @@ sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
     },
-    height: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%"
-    },
-    inset: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%"
-    },
+    height: ratios(2, 6),
+    inset: ratios(2, 4),
     keyframes: {
@@ -237,12 +207,3 @@ spin: {
     },
-    lineHeight: {
-      3: ".75rem",
-      4: "1rem",
-      5: "1.25rem",
-      6: "1.5rem",
-      7: "1.75rem",
-      8: "2rem",
-      9: "2.25rem",
-      10: "2.5rem"
-    },
+    lineHeight: linear(10, "rem", 4, 3),
     maxWidth: {
@@ -262,28 +223,8 @@ xs: "20rem",
     },
-    opacity: {
-      5: "0.05",
-      10: "0.1",
-      20: "0.2",
-      30: "0.3",
-      40: "0.4",
-      60: "0.6",
-      70: "0.7",
-      80: "0.8",
-      90: "0.9",
+    opacity: __assign(__assign({
+      5: "0.05"
+    }, linear(90, "", 100, 10, 10)), {
       95: "0.95"
-    },
-    order: {
-      1: "1",
-      2: "2",
-      3: "3",
-      4: "4",
-      5: "5",
-      6: "6",
-      7: "7",
-      8: "8",
-      9: "9",
-      10: "10",
-      11: "11",
-      12: "12"
-    },
+    }),
+    order: linear(12, "", 1, 1),
     outline: {
@@ -296,52 +237,15 @@ white: ["2px dotted white", "2px"],
     },
-    ringOffsetWidth: {
-      0: "0px",
-      1: "1px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
-    ringWidth: {
-      0: "0px",
-      1: "1px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
-    rotate: {
-      0: "0deg",
-      1: "1deg",
-      2: "2deg",
-      3: "3deg",
-      6: "6deg",
-      12: "12deg",
-      45: "45deg",
-      90: "90deg",
-      180: "180deg"
-    },
-    scale: {
+    ringOffsetWidth: exponential(8, "px"),
+    ringWidth: exponential(8, "px"),
+    rotate: __assign(__assign(__assign({}, exponential(2, "deg")), exponential(12, "deg", 3)), exponential(180, "deg", 45)),
+    scale: __assign(__assign({
       0: "0",
       50: ".5",
-      75: ".75",
-      90: ".9",
-      95: ".95",
-      100: "1",
-      105: "1.05",
-      110: "1.1",
+      75: ".75"
+    }, linear(110, "", 100, 90, 5)), {
       125: "1.25",
       150: "1.5"
-    },
-    skew: {
-      0: "0deg",
-      1: "1deg",
-      2: "2deg",
-      3: "3deg",
-      6: "6deg",
-      12: "12deg"
-    },
-    strokeWidth: {
-      0: "0",
-      1: "1",
-      2: "2"
-    },
+    }),
+    skew: __assign(__assign({}, exponential(2, "deg")), exponential(12, "deg", 3)),
+    strokeWidth: linear(2),
     transitionTimingFunction: {
@@ -353,46 +257,5 @@ linear: "linear",
     },
-    translate: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%"
-    },
-    width: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%",
-      "1/12": "8.333333%",
-      "2/12": "16.666667%",
-      "3/12": "25%",
-      "4/12": "33.333333%",
-      "5/12": "41.666667%",
-      "6/12": "50%",
-      "7/12": "58.333333%",
-      "8/12": "66.666667%",
-      "9/12": "75%",
-      "10/12": "83.333333%",
-      "11/12": "91.666667%"
-    },
-    zIndex: {
-      0: "0",
-      10: "10",
-      20: "20",
-      30: "30",
-      40: "40",
-      50: "50"
-    }
+    translate: ratios(2, 4),
+    width: __assign(__assign({}, ratios(2, 6)), ratios(12, 12)),
+    zIndex: linear(50, "", 1, 0, 10)
   }
@@ -399,0 +262,0 @@ };

node/preset-tailwind.js

@@ -15,2 +15,25 @@ var __defProp = Object.defineProperty;
 // src/theme.ts
+var ratios = (start, end) => {
+  const result = {};
+  do {
+    for (let dividend = 1; dividend < start; dividend++) {
+      result[`${dividend}/${start}`] = Number((dividend / start * 100).toFixed(6)) + "%";
+    }
+  } while (++start <= end);
+  return result;
+};
+var exponential = (stop, unit, start = 0) => {
+  const result = {};
+  for (; start <= stop; start = start * 2 || 1) {
+    result[start] = start + unit;
+  }
+  return result;
+};
+var linear = (stop, unit = "", divideBy = 1, start = 0, step = 1) => {
+  const result = {};
+  for (; start <= stop; start += step) {
+    result[start] = start / divideBy + unit;
+  }
+  return result;
+};
 var theme = {
@@ -103,32 +126,6 @@ extend: {
     spacing: {
-      0.5: "0.125rem",
-      1: "0.25rem",
-      1.5: "0.375rem",
-      2: "0.5rem",
-      2.5: "0.625rem",
-      3: "0.75rem",
-      3.5: "0.875rem",
-      4: "1rem",
-      5: "1.25rem",
-      6: "1.5rem",
-      7: "1.75rem",
-      8: "2rem",
-      9: "2.25rem",
-      10: "2.5rem",
-      11: "2.75rem",
-      12: "3rem",
+      ...linear(4, "rem", 4, 0.5, 0.5),
+      ...linear(12, "rem", 4, 5),
       14: "3.5rem",
-      16: "4rem",
-      20: "5rem",
-      24: "6rem",
-      28: "7rem",
-      32: "8rem",
-      36: "9rem",
-      40: "10rem",
-      44: "11rem",
-      48: "12rem",
-      52: "13rem",
-      56: "14rem",
-      60: "15rem",
-      64: "16rem",
+      ...linear(64, "rem", 4, 16, 4),
       72: "18rem",
@@ -167,6 +164,3 @@ 80: "20rem",
       DEFAULT: "1px",
-      0: "0px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
+      ...exponential(8, "px")
     },
@@ -187,27 +181,4 @@ boxShadow: {
     },
-    height: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%"
-    },
-    inset: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%"
-    },
+    height: ratios(2, 6),
+    inset: ratios(2, 4),
     keyframes: {
@@ -251,12 +222,3 @@ spin: {
     },
-    lineHeight: {
-      3: ".75rem",
-      4: "1rem",
-      5: "1.25rem",
-      6: "1.5rem",
-      7: "1.75rem",
-      8: "2rem",
-      9: "2.25rem",
-      10: "2.5rem"
-    },
+    lineHeight: linear(10, "rem", 4, 3),
     maxWidth: {
@@ -278,26 +240,6 @@ xs: "20rem",
       5: "0.05",
-      10: "0.1",
-      20: "0.2",
-      30: "0.3",
-      40: "0.4",
-      60: "0.6",
-      70: "0.7",
-      80: "0.8",
-      90: "0.9",
+      ...linear(90, "", 100, 10, 10),
       95: "0.95"
     },
-    order: {
-      1: "1",
-      2: "2",
-      3: "3",
-      4: "4",
-      5: "5",
-      6: "6",
-      7: "7",
-      8: "8",
-      9: "9",
-      10: "10",
-      11: "11",
-      12: "12"
-    },
+    order: linear(12, "", 1, 1),
     outline: {
@@ -310,26 +252,8 @@ white: ["2px dotted white", "2px"],
     },
-    ringOffsetWidth: {
-      0: "0px",
-      1: "1px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
-    ringWidth: {
-      0: "0px",
-      1: "1px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
+    ringOffsetWidth: exponential(8, "px"),
+    ringWidth: exponential(8, "px"),
     rotate: {
-      0: "0deg",
-      1: "1deg",
-      2: "2deg",
-      3: "3deg",
-      6: "6deg",
-      12: "12deg",
-      45: "45deg",
-      90: "90deg",
-      180: "180deg"
+      ...exponential(2, "deg"),
+      ...exponential(12, "deg", 3),
+      ...exponential(180, "deg", 45)
     },
@@ -340,7 +264,3 @@ scale: {
       75: ".75",
-      90: ".9",
-      95: ".95",
-      100: "1",
-      105: "1.05",
-      110: "1.1",
+      ...linear(110, "", 100, 90, 5),
       125: "1.25",
@@ -350,14 +270,6 @@ 150: "1.5"
     skew: {
-      0: "0deg",
-      1: "1deg",
-      2: "2deg",
-      3: "3deg",
-      6: "6deg",
-      12: "12deg"
+      ...exponential(2, "deg"),
+      ...exponential(12, "deg", 3)
     },
-    strokeWidth: {
-      0: "0",
-      1: "1",
-      2: "2"
-    },
+    strokeWidth: linear(2),
     transitionTimingFunction: {
@@ -369,46 +281,8 @@ linear: "linear",
     },
-    translate: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%"
-    },
+    translate: ratios(2, 4),
     width: {
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%",
-      "1/12": "8.333333%",
-      "2/12": "16.666667%",
-      "3/12": "25%",
-      "4/12": "33.333333%",
-      "5/12": "41.666667%",
-      "6/12": "50%",
-      "7/12": "58.333333%",
-      "8/12": "66.666667%",
-      "9/12": "75%",
-      "10/12": "83.333333%",
-      "11/12": "91.666667%"
+      ...ratios(2, 6),
+      ...ratios(12, 12)
     },
-    zIndex: {
-      0: "0",
-      10: "10",
-      20: "20",
-      30: "30",
-      40: "40",
-      50: "50"
-    }
+    zIndex: linear(50, "", 1, 0, 10)
   }
@@ -415,0 +289,0 @@ };

package.json

 {
   "name": "@beamwind/preset-tailwind",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "beamwind preset mirroring tailwind default theme",
@@ -24,3 +24,3 @@ "keywords": [
   },
-  "gitHead": "445423a391001415ad743f6d6609003ab42d875b",
+  "gitHead": "455ccf1ebdafc315b775b3c4f235267c617877ee",
   "exports": {
@@ -27,0 +27,0 @@ ".": {

script/preset-tailwind.js

@@ -1,1 +0,1 @@
-var presetTailwind=(()=>{var o=Object.defineProperty,a=e=>o(e,"__esModule",{value:!0}),p=(e,r)=>{a(e);for(var i in r)o(e,i,{get:r[i],enumerable:!0})},d={};p(d,{default:()=>n});var m={extend:{colors:{black:"#000",white:"#fff","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","yellow-50":"#fffbeb","yellow-100":"#fef3c7","yellow-200":"#fde68a","yellow-300":"#fcd34d","yellow-400":"#fbbf24","yellow-500":"#f59e0b","yellow-600":"#d97706","yellow-700":"#b45309","yellow-800":"#92400e","yellow-900":"#78350f","green-50":"#ecfdf5","green-100":"#d1fae5","green-200":"#a7f3d0","green-300":"#6ee7b7","green-400":"#34d399","green-500":"#10b981","green-600":"#059669","green-700":"#047857","green-800":"#065f46","green-900":"#064e3b","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","purple-50":"#f5f3ff","purple-100":"#ede9fe","purple-200":"#ddd6fe","purple-300":"#c4b5fd","purple-400":"#a78bfa","purple-500":"#8b5cf6","purple-600":"#7c3aed","purple-700":"#6d28d9","purple-800":"#5b21b6","purple-900":"#4c1d95","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843"},spacing:{.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},durations:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},animation:{spin:["1s linear infinite"],ping:["1s cubic-bezier(0,0,0.2,1) infinite"],pulse:["2s cubic-bezier(0.4,0,0.6,1) infinite"],bounce:["1s infinite"]},borderColor:{DEFAULT:e=>e("colors","gray-200","currentColor")},borderRadius:{sm:"0.125rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem"},borderWidth:{DEFAULT:"1px",0:"0px",2:"2px",4:"4px",8:"8px"},boxShadow:{sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",DEFAULT:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)",inner:"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"},fontFamily:{sans:'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',serif:'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif',mono:'ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},height:{"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%"},inset:{"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%"},keyframes:{spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},ping:{"0%":{transform:"scale(1)",opacity:"1"},"75%,100%":{transform:"scale(2)",opacity:"0"}},pulse:{"0%,100%":{opacity:"1"},"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)","animation-timing-function":"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none","animation-timing-function":"cubic-bezier(0,0,0.2,1)"}}},lineHeight:{3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},maxWidth:{xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",prose:"65ch"},opacity:{5:"0.05",10:"0.1",20:"0.2",30:"0.3",40:"0.4",60:"0.6",70:"0.7",80:"0.8",90:"0.9",95:"0.95"},order:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12"},outline:{white:["2px dotted white","2px"],black:["2px dotted black","2px"]},ringColor:{DEFAULT:e=>e("colors","blue-500","#3b82f6")},ringOffsetWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},ringWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},rotate:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg",45:"45deg",90:"90deg",180:"180deg"},scale:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5"},skew:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg"},strokeWidth:{0:"0",1:"1",2:"2"},transitionTimingFunction:{linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:{"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%"},width:{"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%"},zIndex:{0:"0",10:"10",20:"20",30:"30",40:"40",50:"50"}}},n=()=>({theme:m});return d;})();
+var presetTailwind=(()=>{var d=Object.defineProperty,e=Object.assign,b=r=>d(r,"__esModule",{value:!0}),g=(r,f)=>{b(r);for(var i in f)d(r,i,{get:f[i],enumerable:!0})},u={};g(u,{default:()=>s});var t=(r,f)=>{let i={};do for(let n=1;n<r;n++)i[`${n}/${r}`]=Number((n/r*100).toFixed(6))+"%";while(++r<=f);return i},a=(r,f,i=0)=>{let n={};for(;i<=r;i=i*2||1)n[i]=i+f;return n},o=(r,f="",i=1,n=0,m=1)=>{let l={};for(;n<=r;n+=m)l[n]=n/i+f;return l},p={extend:{colors:{black:"#000",white:"#fff","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","yellow-50":"#fffbeb","yellow-100":"#fef3c7","yellow-200":"#fde68a","yellow-300":"#fcd34d","yellow-400":"#fbbf24","yellow-500":"#f59e0b","yellow-600":"#d97706","yellow-700":"#b45309","yellow-800":"#92400e","yellow-900":"#78350f","green-50":"#ecfdf5","green-100":"#d1fae5","green-200":"#a7f3d0","green-300":"#6ee7b7","green-400":"#34d399","green-500":"#10b981","green-600":"#059669","green-700":"#047857","green-800":"#065f46","green-900":"#064e3b","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","purple-50":"#f5f3ff","purple-100":"#ede9fe","purple-200":"#ddd6fe","purple-300":"#c4b5fd","purple-400":"#a78bfa","purple-500":"#8b5cf6","purple-600":"#7c3aed","purple-700":"#6d28d9","purple-800":"#5b21b6","purple-900":"#4c1d95","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843"},spacing:e(e(e(e(e({},o(4,"rem",4,.5,.5)),o(12,"rem",4,5)),{14:"3.5rem"}),o(64,"rem",4,16,4)),{72:"18rem",80:"20rem",96:"24rem"}),durations:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},animation:{spin:["1s linear infinite"],ping:["1s cubic-bezier(0,0,0.2,1) infinite"],pulse:["2s cubic-bezier(0.4,0,0.6,1) infinite"],bounce:["1s infinite"]},borderColor:{DEFAULT:r=>r("colors","gray-200","currentColor")},borderRadius:{sm:"0.125rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem"},borderWidth:e({DEFAULT:"1px"},a(8,"px")),boxShadow:{sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",DEFAULT:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)",inner:"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"},fontFamily:{sans:'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',serif:'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif',mono:'ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},height:t(2,6),inset:t(2,4),keyframes:{spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},ping:{"0%":{transform:"scale(1)",opacity:"1"},"75%,100%":{transform:"scale(2)",opacity:"0"}},pulse:{"0%,100%":{opacity:"1"},"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)","animation-timing-function":"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none","animation-timing-function":"cubic-bezier(0,0,0.2,1)"}}},lineHeight:o(10,"rem",4,3),maxWidth:{xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",prose:"65ch"},opacity:e(e({5:"0.05"},o(90,"",100,10,10)),{95:"0.95"}),order:o(12,"",1,1),outline:{white:["2px dotted white","2px"],black:["2px dotted black","2px"]},ringColor:{DEFAULT:r=>r("colors","blue-500","#3b82f6")},ringOffsetWidth:a(8,"px"),ringWidth:a(8,"px"),rotate:e(e(e({},a(2,"deg")),a(12,"deg",3)),a(180,"deg",45)),scale:e(e({0:"0",50:".5",75:".75"},o(110,"",100,90,5)),{125:"1.25",150:"1.5"}),skew:e(e({},a(2,"deg")),a(12,"deg",3)),strokeWidth:o(2),transitionTimingFunction:{linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:t(2,4),width:e(e({},t(2,6)),t(12,12)),zIndex:o(50,"",1,0,10)}},s=()=>({theme:p});return u;})();

No alert changes

Worsened metrics

Total package byte prevSize

100893

decreased by-1.34%

Lines of code

833

decreased by-32.17%

No dependency changes