@clearkit/core - npm Package Compare versions

Comparing version 0.5.0 to 0.6.0

clearkit.tailwind.js

@@ -0,1 +1,3 @@
+const { gradientFill } = require("./plugins/gradient-fill");
+
 module.exports = {
@@ -174,33 +176,66 @@ theme: {
     fontFamily: {
-      "sans": ["avenir\\ next", "avenir", "helvetica\\ neue", "helvetica", "Ubuntu", "roboto", "noto", "segoe\\ ui", "arial", "sans-serif"],
-      "serif": ["Iowan\\ Old\\ Style", "Apple\\ Garamond", "Baskerville", "Times\\ New\\ Roman", "Droid\\ Serif", "Times", "Source\\ Serif\\ Pro", "serif", "Apple\\ Color\\ Emoji", "Segoe\\ UI\\ Emoji", "Segoe\\ UI\\ Symbol"],
-      "mono": ["Menlo", "Consolas", "Monaco", "Liberation\\ Mono", "Lucida\\ Console", "monospace"]
+      sans: [
+        "avenir\\ next",
+        "avenir",
+        "helvetica\\ neue",
+        "helvetica",
+        "Ubuntu",
+        "roboto",
+        "noto",
+        "segoe\\ ui",
+        "arial",
+        "sans-serif"
+      ],
+      serif: [
+        "Iowan\\ Old\\ Style",
+        "Apple\\ Garamond",
+        "Baskerville",
+        "Times\\ New\\ Roman",
+        "Droid\\ Serif",
+        "Times",
+        "Source\\ Serif\\ Pro",
+        "serif",
+        "Apple\\ Color\\ Emoji",
+        "Segoe\\ UI\\ Emoji",
+        "Segoe\\ UI\\ Symbol"
+      ],
+      mono: [
+        "Menlo",
+        "Consolas",
+        "Monaco",
+        "Liberation\\ Mono",
+        "Lucida\\ Console",
+        "monospace"
+      ]
     },
     fontSize: {
-      "xxs": "0.75rem", // 12px
-      "xs": "0.8125rem", // 13px
-      "sm": "0.875rem", // 14px
-      "base": "0.9375rem", // 15px
-      "md": "1rem", // 16px
-      "lg": "1.0625rem", // 17px
-      "xl": "1.5rem" // 24px
+      xxs: "0.75rem", // 12px
+      xs: "0.8125rem", // 13px
+      sm: "0.875rem", // 14px
+      base: "0.9375rem", // 15px
+      md: "1rem", // 16px
+      lg: "1.0625rem", // 17px
+      xl: "1.5rem" // 24px
     },
     borderRadius: {
-      "none": "0",
-      "xs": "0.125rem", // 2px
-      "sm": "0.25rem", // 4px
+      none: "0",
+      xs: "0.125rem", // 2px
+      sm: "0.25rem", // 4px
       default: "0.375rem", // 6px
-      "md": "0.5rem", // 8px
-      "lg": "0.625rem", // 10px
-      "full": "9999px"
+      md: "0.5rem", // 8px
+      lg: "0.625rem", // 10px
+      full: "9999px"
     },
     boxShadow: {
-      default: "0 0 0 1px rgba(var(--navy-300), .15), 0 1px 2px 1px rgba(var(--gray-500), .15)",
-      "shallow": "0 1px 2px 1px rgba(var(--gray-500), .15)",
-      "deep": "0 1px 3px rgba(var(--gray-600), .15), 0 3px 15px rgba(var(--gray-600), .2)",
-      "inner": "inset 0 0 0 1px rgba(var(--navy-300), 0.15), inset 0 3px 1px rgba(var(--gray-200), .15), inset 0 0 1px 1px rgba(var(--gray-400), .15)",
-      "edge": "0 0 0 1px rgba(var(--gray-300), .4)",
-      "none": "none"
+      default:
+        "0 0 0 1px rgba(var(--navy-300), .15), 0 1px 2px 1px rgba(var(--gray-500), .15)",
+      shallow: "0 1px 2px 1px rgba(var(--gray-500), .15)",
+      deep:
+        "0 1px 3px rgba(var(--gray-600), .15), 0 3px 15px rgba(var(--gray-600), .2)",
+      inner:
+        "inset 0 0 0 1px rgba(var(--navy-300), 0.15), inset 0 3px 1px rgba(var(--gray-200), .15), inset 0 0 1px 1px rgba(var(--gray-400), .15)",
+      edge: "0 0 0 1px rgba(var(--gray-300), .4)",
+      none: "none"
     },
-    maxHeight: theme => theme('maxWidth'),
+    maxHeight: theme => theme("maxWidth"),
     extend: {
@@ -211,9 +246,9 @@ spacing: {
 
-        "xxs": "var(--size-xxs)",
-        "xs": "var(--size-xs)",
-        "sm": "var(--size-sm)",
-        "md": "var(--size-md)",
-        "lg": "var(--size-lg)",
-        "xl": "var(--size-xl)",
-        "xxl": "var(--size-xxl)",
+        xxs: "var(--size-xxs)",
+        xs: "var(--size-xs)",
+        sm: "var(--size-sm)",
+        md: "var(--size-md)",
+        lg: "var(--size-lg)",
+        xl: "var(--size-xl)",
+        xxl: "var(--size-xxl)"
       },
@@ -236,6 +271,6 @@ opacity: {
       }
-    },
+    }
   },
   variants: {},
-  plugins: [require("tailwindcss-gradients")()]
+  plugins: [require("tailwindcss-gradients")(), gradientFill]
 };

package.json

 {
   "name": "@clearkit/core",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "The core styles for ClearKit",
@@ -5,0 +5,0 @@ "main": "clearkit.tailwind.js",

No alert changes

Improved metrics

Total package byte prevSize

12689

increased by8.02%

Number of package files

5

increased by25%

Lines of code

410

increased by16.48%

No dependency changes