@clearkit/one - npm Package Compare versions

Comparing version 0.27.2 to 0.28.0

dist/clearkit-one.js

@@ -283,8 +283,11 @@ module.exports = {
   "boxShadow": {
-    "default": "0 0 0 1px rgba(107, 144, 192, .15), 0 1px 2px 1px rgba(123, 139, 153, .15)",
-    "shallow": "0 1px 2px 1px rgba(123, 139, 153, .15)",
-    "deep": "0 1px 3px rgba(89, 97, 104, .15), 0 3px 15px rgba(89, 97, 104, .2)",
+    "xs": "0 0 0 1px rgba(59, 100, 160, .15)",
+    "sm": "0 0 0 1px rgba(107, 144, 192, .05), 0 1px 2px rgba(123, 139, 153, .15)",
+    "default": "0 0 0 1px rgba(107, 144, 192, .15), 0 1px 2px 1px rgba(0, 0, 0, .05)",
+    "md": "0 0 0 1px rgba(107, 144, 192, .05), 0 1px 2px rgba(89, 97, 104, .15), 0 2px 8px rgba(89, 97, 104, .1)",
+    "lg": "0 0 0 1px rgba(107, 144, 192, .05), 0 1px 3px rgba(89, 97, 104, .15), 0 3px 15px rgba(89, 97, 104, .2)",
+    "xl": "0 0 0 1px rgba(107, 144, 192, .15), 0 1px 3px rgba(89, 97, 104, .15), 0 3px 15px 2px rgba(89, 97, 104, .2)",
+    "2xl": "0 0 0 1px rgba(107, 144, 192, .15), 0 4px 8px rgba(89, 97, 104, .15), 0 6px 24px 10px rgba(89, 97, 104, .2)",
     "inner": "inset 0 0 1px 1px rgba(155, 173, 188, .15), inset 0 1px 3px rgba(123, 139, 153, .15), inset 0 0 0 1px rgba(107, 144, 192, .15)",
     "inset": "inset 0 0 0 1px rgba(59, 100, 160, .15)",
-    "edge": "0 0 0 1px rgba(59, 100, 160, .15)",
     "none": "none"
@@ -577,2 +580,18 @@ },
   },
+  "backgroundOpacity": {
+    "0": "0",
+    "10": ".1",
+    "20": ".2",
+    "25": "0.25",
+    "30": ".3",
+    "40": ".4",
+    "50": "0.5",
+    "60": ".6",
+    "70": ".7",
+    "75": "0.75",
+    "80": ".8",
+    "90": ".9",
+    "100": "1",
+    "05": ".05"
+  },
   "backgroundPosition": {
@@ -736,2 +755,18 @@ "bottom": "bottom",
   },
+  "borderOpacity": {
+    "0": "0",
+    "10": ".1",
+    "20": ".2",
+    "25": "0.25",
+    "30": ".3",
+    "40": ".4",
+    "50": "0.5",
+    "60": ".6",
+    "70": ".7",
+    "75": "0.75",
+    "80": ".8",
+    "90": ".9",
+    "100": "1",
+    "05": ".05"
+  },
   "borderWidth": {
@@ -896,2 +931,18 @@ "0": "0",
   },
+  "divideOpacity": {
+    "0": "0",
+    "10": ".1",
+    "20": ".2",
+    "25": "0.25",
+    "30": ".3",
+    "40": ".4",
+    "50": "0.5",
+    "60": ".6",
+    "70": ".7",
+    "75": "0.75",
+    "80": ".8",
+    "90": ".9",
+    "100": "1",
+    "05": ".05"
+  },
   "divideWidth": {
@@ -1302,2 +1353,18 @@ "0": "0",
   },
+  "placeholderOpacity": {
+    "0": "0",
+    "10": ".1",
+    "20": ".2",
+    "25": "0.25",
+    "30": ".3",
+    "40": ".4",
+    "50": "0.5",
+    "60": ".6",
+    "70": ".7",
+    "75": "0.75",
+    "80": ".8",
+    "90": ".9",
+    "100": "1",
+    "05": ".05"
+  },
   "space": {
@@ -1509,2 +1576,18 @@ "0": "0",
   },
+  "textOpacity": {
+    "0": "0",
+    "10": ".1",
+    "20": ".2",
+    "25": "0.25",
+    "30": ".3",
+    "40": ".4",
+    "50": "0.5",
+    "60": ".6",
+    "70": ".7",
+    "75": "0.75",
+    "80": ".8",
+    "90": ".9",
+    "100": "1",
+    "05": ".05"
+  },
   "width": {
@@ -1511,0 +1594,0 @@ "0": "0",

dist/theme.ts

@@ -32,5 +32,7 @@ export interface Theme {
     backgroundColor:                      BackgroundColor;
+    backgroundOpacity:                    { [key: string]: string };
     backgroundPosition:                   Position;
     backgroundSize:                       BackgroundSize;
     borderColor:                          BackgroundColor;
+    borderOpacity:                        { [key: string]: string };
     borderWidth:                          Width;
@@ -40,2 +42,3 @@ container:                            ConicGradientColors;
     divideColor:                          BackgroundColor;
+    divideOpacity:                        { [key: string]: string };
     divideWidth:                          Width;
@@ -61,2 +64,3 @@ fill:                                 Fill;
     placeholderColor:                     BackgroundColor;
+    placeholderOpacity:                   { [key: string]: string };
     space:                                { [key: string]: string };
@@ -66,2 +70,3 @@ stroke:                               Fill;
     textColor:                            BackgroundColor;
+    textOpacity:                          { [key: string]: string };
     width:                                { [key: string]: string };
@@ -169,8 +174,11 @@ zIndex:                               ZIndex;
 export interface BoxShadow {
+    xs:      string;
+    sm:      string;
     default: string;
-    shallow: string;
-    deep:    string;
+    md:      string;
+    lg:      string;
+    xl:      string;
+    "2xl":   string;
     inner:   string;
     inset:   string;
-    edge:    string;
     none:    string;
@@ -177,0 +185,0 @@ }

package.json

 {
   "name": "@clearkit/one",
-  "version": "0.27.2",
+  "version": "0.28.0",
   "description": "ClearKit One",
@@ -18,5 +18,5 @@ "main": "dist/clearkit-one.js",
   "devDependencies": {
-    "@clearkit/core": "^0.8.0",
-    "@clearkit/icons": "1.5.0",
-    "@clearkit/react": "0.39.0",
+    "@clearkit/core": "0.9.0",
+    "@clearkit/icons": "^1.6.0",
+    "@clearkit/react": "^0.48.0",
     "classes": "^0.3.0",
@@ -41,3 +41,3 @@ "classnames": "^2.2.6",
     "reakit": "^1.0.0-beta.16",
-    "tailwindcss": "^1.3.3",
+    "tailwindcss": "1.4.1",
     "theme-ui": "^0.3.1"
@@ -44,0 +44,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1895923

increased by0.38%

Lines of code

81567

increased by3.72%

No dependency changes