@beamwind/preset-tailwind - npm Package Compare versions

Comparing version 1.0.4 to 2.0.0

CHANGELOG.md

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

esnext/preset-tailwind.js

@@ -1,11 +0,4 @@
-// src/index.ts
-var src_default = {
-  theme: {
-    screens: {
-      sm: "640px",
-      md: "768px",
-      lg: "1024px",
-      xl: "1280px",
-      "2xl": "1536px"
-    },
+// src/theme.ts
+var theme = {
+  extend: {
     colors: {
@@ -94,7 +87,313 @@ black: "#000",
       "pink-900": "#831843"
+    },
+    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",
+      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: (theme3) => theme3("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: (theme3) => theme3("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"
     }
   }
 };
+
+// src/index.ts
+var src_default = () => ({theme});
 export {
   src_default as default
 };

module/preset-tailwind.js

@@ -1,11 +0,4 @@
-// src/index.ts
-var src_default = {
-  theme: {
-    screens: {
-      sm: "640px",
-      md: "768px",
-      lg: "1024px",
-      xl: "1280px",
-      "2xl": "1536px"
-    },
+// src/theme.ts
+var theme = {
+  extend: {
     colors: {
@@ -94,7 +87,313 @@ black: "#000",
       "pink-900": "#831843"
+    },
+    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",
+      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: (theme3) => theme3("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: (theme3) => theme3("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"
     }
   }
 };
+
+// src/index.ts
+var src_default = () => ({theme});
 export {
   src_default as default
 };

node/preset-tailwind.js

@@ -13,11 +13,6 @@ var __defProp = Object.defineProperty;
 });
-var src_default = {
-  theme: {
-    screens: {
-      sm: "640px",
-      md: "768px",
-      lg: "1024px",
-      xl: "1280px",
-      "2xl": "1536px"
-    },
+
+// src/theme.ts
+var theme = {
+  extend: {
     colors: {
@@ -106,4 +101,310 @@ black: "#000",
       "pink-900": "#831843"
+    },
+    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",
+      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: (theme3) => theme3("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: (theme3) => theme3("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"
     }
   }
 };
+
+// src/index.ts
+var src_default = () => ({theme});

package.json

 {
   "name": "@beamwind/preset-tailwind",
-  "version": "1.0.4",
+  "version": "2.0.0",
   "description": "beamwind preset mirroring tailwind default theme",
@@ -24,3 +24,3 @@ "keywords": [
   },
-  "gitHead": "0fafa5221c6942ef64105457492068fc5aca213b",
+  "gitHead": "28ce5f37dd3423d56da161c5c160f9dc0e67649c",
   "exports": {
@@ -27,0 +27,0 @@ ".": {

README.md

@@ -5,8 +5,18 @@ # @beamwind/preset-tailwind
 
-[![License](https://flat.badgen.net/github/license/kenoxa/beamwind)](https://github.com/kenoxa/beamwind/blob/main/LICENSE)
-[![Latest Release](https://flat.badgen.net/npm/v/@beamwind/preset-tailwind?label=release)](https://www.npmjs.com/package/@beamwind/preset-tailwind)
+[![MIT License](https://flat.badgen.net/github/license/kenoxa/beamwind)](https://github.com/kenoxa/beamwind/blob/main/LICENSE)
+[![Latest Release](https://flat.badgen.net/npm/v/@beamwind/preset-tailwind?icon=npm&label)](https://www.npmjs.com/package/@beamwind/preset-tailwind)
+[![Github](https://flat.badgen.net/badge/icon/kenoxa%2Fbeamwind?icon=github&label)](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind)
+[![Typescript](https://flat.badgen.net/badge/icon/included?icon=typescript&label)](https://unpkg.com/browse/@beamwind/preset-tailwind/types/preset-tailwind.d.ts)
 [![Bundle Size](https://flat.badgen.net/bundlephobia/minzip/@beamwind/preset-tailwind?icon=packagephobia&label&color=blue)](https://bundlephobia.com/result?p=@beamwind/preset-tailwind)
-[![Typescript](https://flat.badgen.net/badge/icon/included?icon=typescript&label)](https://unpkg.com/browse/@beamwind/preset-tailwind/dist/index.d.ts)
-[![Sponsor](https://flat.badgen.net/badge/sponsored%20by/Kenoxa/2980b9)](https://www.kenoxa.com)
 
+> [Read the docs](https://beamwind.js.org) |
+> [API](https://beamwind.js.org/packages/preset-tailwind) |
+> [Change Log](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind/CHANGELOG.md)
+
+---
+
+> This is a only a preset. [beamwind](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind) provides a ready to use `bw` export.
+
+---
+
 <!-- prettier-ignore-start -->
@@ -19,5 +29,3 @@ <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 - [Usage](#usage)
-- [Support](#support)
 - [Contribute](#contribute)
-- [Sponsors](#sponsors)
 - [License](#license)
@@ -36,13 +44,13 @@
 
+> Please refer to the [main documentation](https://beamwind.js.org#usage) for further information.
+
 ```js
-import { setup } from 'beamwind'
-import tailwindPreset from '@beamwind/preset-tailwind'
+import { setup } from '@beamwind/core'
+import tailwind from '@beamwind/preset-tailwind'
 
-setup(tailwindPreset)
+setup(tailwind())
 ```
 
-## Support
+See [preset-tailwind/src/theme.ts](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind/src/theme.ts) and [core/src/theme.ts](https://github.com/kenoxa/beamwind/blob/main/packages/core//src/theme.ts) for the set values.
 
-This project is free and open-source, so if you think this project can help you or anyone else, you may [star it on GitHub](https://github.com/kenoxa/beamwind). Feel free to [open an issue](https://github.com/kenoxa/beamwind/issues) if you have any idea, question, or you've found a bug.
-
 ## Contribute
@@ -52,2 +60,4 @@
 
+> This project is free and open-source, so if you think this project can help you or anyone else, you may [star it on GitHub](https://github.com/kenoxa/beamwind). Feel free to [open an issue](https://github.com/kenoxa/beamwind/issues) if you have any idea, question, or you've found a bug.
+
 **Working on your first Pull Request?** You can learn how from this _free_ series [How to Contribute to an Open Source Project on GitHub](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github)
@@ -57,3 +67,3 @@
 
-## Sponsors
+### Sponsors
 
@@ -60,0 +70,0 @@ [![Kenoxa GmbH](https://images.opencollective.com/kenoxa/9c25796/logo/68.png)](https://www.kenoxa.com) [Kenoxa GmbH](https://www.kenoxa.com)

script/preset-tailwind.js

@@ -1,1 +0,1 @@
-var presetTailwind=(()=>{var l=Object.defineProperty,r=e=>l(e,"__esModule",{value:!0}),p=(e,f)=>{r(e);for(var d in f)l(e,d,{get:f[d],enumerable:!0})},a={};p(a,{default:()=>b});var b={theme:{screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},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"}}};return a;})();
+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;})();

types/preset-tailwind.d.ts

@@ -1,96 +0,4 @@
-declare const _default: {
-    theme: {
-        screens: {
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-        };
-        colors: {
-            black: string;
-            white: string;
-            'gray-50': string;
-            'gray-100': string;
-            'gray-200': string;
-            'gray-300': string;
-            'gray-400': string;
-            'gray-500': string;
-            'gray-600': string;
-            'gray-700': string;
-            'gray-800': string;
-            'gray-900': string;
-            'red-50': string;
-            'red-100': string;
-            'red-200': string;
-            'red-300': string;
-            'red-400': string;
-            'red-500': string;
-            'red-600': string;
-            'red-700': string;
-            'red-800': string;
-            'red-900': string;
-            'yellow-50': string;
-            'yellow-100': string;
-            'yellow-200': string;
-            'yellow-300': string;
-            'yellow-400': string;
-            'yellow-500': string;
-            'yellow-600': string;
-            'yellow-700': string;
-            'yellow-800': string;
-            'yellow-900': string;
-            'green-50': string;
-            'green-100': string;
-            'green-200': string;
-            'green-300': string;
-            'green-400': string;
-            'green-500': string;
-            'green-600': string;
-            'green-700': string;
-            'green-800': string;
-            'green-900': string;
-            'blue-50': string;
-            'blue-100': string;
-            'blue-200': string;
-            'blue-300': string;
-            'blue-400': string;
-            'blue-500': string;
-            'blue-600': string;
-            'blue-700': string;
-            'blue-800': string;
-            'blue-900': string;
-            'indigo-50': string;
-            'indigo-100': string;
-            'indigo-200': string;
-            'indigo-300': string;
-            'indigo-400': string;
-            'indigo-500': string;
-            'indigo-600': string;
-            'indigo-700': string;
-            'indigo-800': string;
-            'indigo-900': string;
-            'purple-50': string;
-            'purple-100': string;
-            'purple-200': string;
-            'purple-300': string;
-            'purple-400': string;
-            'purple-500': string;
-            'purple-600': string;
-            'purple-700': string;
-            'purple-800': string;
-            'purple-900': string;
-            'pink-50': string;
-            'pink-100': string;
-            'pink-200': string;
-            'pink-300': string;
-            'pink-400': string;
-            'pink-500': string;
-            'pink-600': string;
-            'pink-700': string;
-            'pink-800': string;
-            'pink-900': string;
-        };
-    };
-};
+import { ConfigurationOptions } from '@beamwind/types';
+
+declare const _default: () => ConfigurationOptions;
 //# sourceMappingURL=index.d.ts.map
@@ -97,0 +5,0 @@

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

102063

increased by143.7%

Lines of code

1228

increased by199.51%

Number of lines in readme file

70

increased by16.67%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes