@clearkit/one - npm Package Compare versions

Comparing version 1.0.0-1 to 1.0.0-2

config/boxShadow.js

@@ -1,41 +0,11 @@
-const color = require("color");
-
-const toRgb = (hex) => color(hex).rgb().array();
-
-module.exports = function (themeFunc) {
-  const theme = (accessor) => toRgb(themeFunc(accessor));
-
+module.exports = function (theme) {
   return {
     xs: `0 0 0 1px rgba(${theme("colors.navy.400")}, .15)`,
-    sm: `0 0 0 1px rgba(${theme(
-      "colors.navy.300"
-    )}, .05), 0 1px 2px rgba(${theme("colors.gray.500")}, .15)`,
-    default: `0 0 0 1px rgba(${theme(
-      "colors.navy.300"
-    )}, .15), 0 1px 2px 1px rgba(${theme("colors.black")}, .05)`,
-    md: `0 0 0 1px rgba(${theme(
-      "colors.navy.300"
-    )}, .05), 0 1px 2px rgba(${theme(
-      "colors.gray.600"
-    )}, .15), 0 2px 8px rgba(${theme("colors.gray.600")}, .1)`,
-    lg: `0 0 0 1px rgba(${theme(
-      "colors.navy.300"
-    )}, .05), 0 1px 3px rgba(${theme(
-      "colors.gray.600"
-    )}, .15), 0 3px 15px rgba(${theme("colors.gray.600")}, .2)`,
-    xl: `0 0 0 1px rgba(${theme(
-      "colors.navy.300"
-    )}, .15), 0 1px 3px rgba(${theme(
-      "colors.gray.600"
-    )}, .15), 0 3px 15px 2px rgba(${theme("colors.gray.600")}, .2)`,
-    "2xl": `0 0 0 1px rgba(${theme(
-      "colors.navy.300"
-    )}, .15), 0 4px 8px rgba(${theme(
-      "colors.gray.600"
-    )}, .15), 0 6px 24px 10px rgba(${theme("colors.gray.600")}, .2)`,
-    inner: `inset 0 0 1px 1px rgba(${theme(
-      "colors.gray.400"
-    )}, .15), inset 0 1px 3px rgba(${theme(
-      "colors.gray.500"
-    )}, .15), inset 0 0 0 1px rgba(${theme("colors.navy.300")}, .15)`,
+    sm: `0 0 0 1px rgba(${theme("colors.navy.300")}, .05), 0 1px 2px rgba(${theme("colors.gray.500")}, .15)`,
+    default: `0 0 0 1px rgba(${theme("colors.navy.300")}, .15), 0 1px 2px 1px rgba(${theme("colors.black")}, .05)`,
+    md: `0 0 0 1px rgba(${theme("colors.navy.300")}, .05), 0 1px 2px rgba(${theme("colors.gray.600")}, .15), 0 2px 8px rgba(${theme("colors.gray.600")}, .1)`,
+    lg: `0 0 0 1px rgba(${theme("colors.navy.300")}, .05), 0 1px 3px rgba(${theme("colors.gray.600")}, .15), 0 3px 15px rgba(${theme("colors.gray.600")}, .2)`,
+    xl: `0 0 0 1px rgba(${theme("colors.navy.300")}, .15), 0 1px 3px rgba(${theme("colors.gray.600")}, .15), 0 3px 15px 2px rgba(${theme("colors.gray.600")}, .2)`,
+    "2xl": `0 0 0 1px rgba(${theme("colors.navy.300")}, .15), 0 4px 8px rgba(${theme("colors.gray.600")}, .15), 0 6px 24px 10px rgba(${theme("colors.gray.600")}, .2)`,
+    inner: `inset 0 0 1px 1px rgba(${theme("colors.gray.400")}, .15), inset 0 1px 3px rgba(${theme("colors.gray.500")}, .15), inset 0 0 0 1px rgba(${theme("colors.navy.300")}, .15)`,
     inset: `inset 0 0 0 1px rgba(${theme("colors.navy.400")}, .15)`,
@@ -42,0 +12,0 @@ none: "none",

package.json

 {
   "name": "@clearkit/one",
-  "version": "1.0.0-1",
+  "version": "1.0.0-2",
   "description": "ClearKit One",
@@ -22,3 +22,2 @@ "main": "config/index.js",
     "classnames": "^2.2.6",
-    "color": "^3.1.3",
     "next": "^9.2.1",
@@ -29,2 +28,3 @@ "npm-run-all": "^4.1.5",
     "postcss-custom-properties": "^9.0.2",
+    "postcss-hexrgba": "^2.0.0",
     "postcss-import": "^12.0.1",
@@ -31,0 +31,0 @@ "postcss-mixins": "^6.2.3",

No alert changes

Improved metrics

Total package byte prevSize

4059272

increased by0.03%

Worsened metrics

Lines of code

136829

decreased by-0.02%

No dependency changes