@cloudflare/style-const - npm Package Compare versions

Comparing version 5.5.0 to 5.6.0

dist/colors/dark.d.ts

@@ -18,2 +18,3 @@ declare const _default: {
         border: string;
+        separator: string;
         shadow: string;
@@ -95,2 +96,20 @@ hover: string;
         };
+        plainDestructive: {
+            normal: {
+                text: string;
+                background: string;
+            };
+            hover: {
+                text: string;
+                background: string;
+            };
+            active: {
+                text: string;
+                background: string;
+            };
+            focus: {
+                text: string;
+                background: string;
+            };
+        };
     };
@@ -97,0 +116,0 @@ white: string;

dist/colors/light.d.ts

@@ -18,2 +18,3 @@ declare const _default: {
         border: string;
+        separator: string;
         shadow: string;
@@ -95,2 +96,20 @@ hover: string;
         };
+        plainDestructive: {
+            normal: {
+                text: string;
+                background: string;
+            };
+            hover: {
+                text: string;
+                background: string;
+            };
+            active: {
+                text: string;
+                background: string;
+            };
+            focus: {
+                text: string;
+                background: string;
+            };
+        };
     };
@@ -97,0 +116,0 @@ white: string;

es/colors/dark.js

@@ -30,2 +30,3 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     border: colorsV2.gray[8],
+    separator: colorsV2.gray[9],
     shadow: colorsV2.gray[7],
@@ -106,4 +107,22 @@ hover: colorsV2.gray[9]
       }
+    },
+    plainDestructive: {
+      normal: {
+        text: colorsV2.red[5],
+        background
+      },
+      hover: {
+        text: colorsV2.red[3],
+        background: colorsV2.red[9]
+      },
+      active: {
+        text: colorsV2.red[1],
+        background: colorsV2.red[7]
+      },
+      focus: {
+        text: colorsV2.red[3],
+        background: colorsV2.red[9]
+      }
     }
   }
 });

es/colors/light.js

@@ -30,2 +30,3 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     border: colorsV2.gray[8],
+    separator: colorsV2.gray[9],
     shadow: colorsV2.black,
@@ -85,3 +86,3 @@ hover: colorsV2.gray[9]
       focus: {
-        text: colorsV2.blue[5],
+        text: colorsV2.blue[3],
         background: colorsV2.blue[9]
@@ -107,4 +108,22 @@ }
       }
+    },
+    plainDestructive: {
+      normal: {
+        text: colorsV2.red[5],
+        background
+      },
+      hover: {
+        text: colorsV2.red[3],
+        background: colorsV2.red[9]
+      },
+      active: {
+        text: colorsV2.red[1],
+        background: colorsV2.red[7]
+      },
+      focus: {
+        text: colorsV2.red[3],
+        background: colorsV2.red[9]
+      }
     }
   }
 });

es/mixins.js

@@ -39,3 +39,3 @@ var _excluded = ["border", "invalid", "focused", "disabled", "within"];
     outline: 'none',
-    transition: 'box-shadow 150ms ease',
+    transition: 'box-shadow 300ms ease',
     boxShadow: focusBoxShadow(_objectSpread({
@@ -42,0 +42,0 @@ invalid

lib/colors/dark.js

@@ -40,2 +40,3 @@ "use strict";
     border: _darkScalesV2.default.gray[8],
+    separator: _darkScalesV2.default.gray[9],
     shadow: _darkScalesV2.default.gray[7],
@@ -116,2 +117,20 @@ hover: _darkScalesV2.default.gray[9]
       }
+    },
+    plainDestructive: {
+      normal: {
+        text: _darkScalesV2.default.red[5],
+        background: background
+      },
+      hover: {
+        text: _darkScalesV2.default.red[3],
+        background: _darkScalesV2.default.red[9]
+      },
+      active: {
+        text: _darkScalesV2.default.red[1],
+        background: _darkScalesV2.default.red[7]
+      },
+      focus: {
+        text: _darkScalesV2.default.red[3],
+        background: _darkScalesV2.default.red[9]
+      }
     }
@@ -118,0 +137,0 @@ }

lib/colors/light.js

@@ -40,2 +40,3 @@ "use strict";
     border: _lightScalesV2.default.gray[8],
+    separator: _lightScalesV2.default.gray[9],
     shadow: _lightScalesV2.default.black,
@@ -95,3 +96,3 @@ hover: _lightScalesV2.default.gray[9]
       focus: {
-        text: _lightScalesV2.default.blue[5],
+        text: _lightScalesV2.default.blue[3],
         background: _lightScalesV2.default.blue[9]
@@ -117,2 +118,20 @@ }
       }
+    },
+    plainDestructive: {
+      normal: {
+        text: _lightScalesV2.default.red[5],
+        background: background
+      },
+      hover: {
+        text: _lightScalesV2.default.red[3],
+        background: _lightScalesV2.default.red[9]
+      },
+      active: {
+        text: _lightScalesV2.default.red[1],
+        background: _lightScalesV2.default.red[7]
+      },
+      focus: {
+        text: _lightScalesV2.default.red[3],
+        background: _lightScalesV2.default.red[9]
+      }
     }
@@ -119,0 +138,0 @@ }

lib/mixins.js

@@ -57,3 +57,3 @@ "use strict";
     outline: 'none',
-    transition: 'box-shadow 150ms ease',
+    transition: 'box-shadow 300ms ease',
     boxShadow: focusBoxShadow(_objectSpread({
@@ -60,0 +60,0 @@ invalid: invalid

package.json

 {
   "name": "@cloudflare/style-const",
   "description": "Cloudflare Style Constants",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "module": "es/index.js",

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

183045

increased by1.65%

Lines of code

2084

increased by5.79%

No dependency changes