@cloudflare/style-const - npm Package Compare versions

Comparing version 5.6.2 to 5.7.0

dist/mixins.d.ts

@@ -14,2 +14,5 @@ declare type FocusBoxShadowProps = {
 export declare const focusBoxShadow: ({ invalid, space, outline, inset }?: FocusBoxShadowProps) => string;
+declare type ErrorProps = {
+    compact?: boolean;
+};
 declare type LinkProps = {
@@ -32,2 +35,3 @@ disabled?: boolean;
     inline?: boolean;
+    compact?: boolean;
 };
@@ -41,3 +45,3 @@ declare const _default: {
     };
-    error: () => {
+    error: ({ compact }: ErrorProps) => {
         color: string;
@@ -74,3 +78,3 @@ fontSize: number;
     };
-    input: ({ invalid, disabled, radius, color, inline }: InputProps) => {
+    input: ({ invalid, disabled, radius, color, inline, compact }: InputProps) => {
         fontFamily: "-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, \"Helvetica Neue\",  Arial, sans-serif";
@@ -77,0 +81,0 @@ fontSize: number;

dist/variables.d.ts

@@ -92,3 +92,5 @@ import { ValueOfArray } from '@cloudflare/types';
         };
-        error: () => {
+        error: ({ compact }: {
+            compact?: boolean | undefined;
+        }) => {
             color: string;
@@ -133,3 +135,3 @@ fontSize: number;
         };
-        input: ({ invalid, disabled, radius, color, inline }: {
+        input: ({ invalid, disabled, radius, color, inline, compact }: {
             invalid?: boolean | undefined;
@@ -141,2 +143,3 @@ disabled?: boolean | undefined;
             inline?: boolean | undefined;
+            compact?: boolean | undefined;
         }) => {
@@ -143,0 +146,0 @@ fontFamily: "-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, \"Helvetica Neue\",  Arial, sans-serif";

es/mixins.js

@@ -52,11 +52,16 @@ var _excluded = ["border", "invalid", "focused", "disabled", "within"];
 
-var errorMixin = () => ({
-  color: theme.colors.error,
-  fontSize: fontSizes[2]
-});
+var errorMixin = _ref2 => {
+  var {
+    compact
+  } = _ref2;
+  return {
+    color: theme.colors.error,
+    fontSize: fontSizes[compact ? 1 : 2]
+  };
+};
 
-var linkMixin = _ref2 => {
+var linkMixin = _ref3 => {
   var {
     disabled
-  } = _ref2;
+  } = _ref3;
   return {
@@ -106,3 +111,3 @@ display: 'inline-block',
 
-var inputMixin = _ref3 => {
+var inputMixin = _ref4 => {
   var {
@@ -113,7 +118,8 @@ invalid,
     color,
-    inline
-  } = _ref3;
+    inline,
+    compact
+  } = _ref4;
   return {
     fontFamily: theme.fontFamily,
-    fontSize: 2,
+    fontSize: compact ? 1 : 2,
     outline: 'none',
@@ -120,0 +126,0 @@ color: color || theme.colors.gray[1],

lib/mixins.js

@@ -68,11 +68,12 @@ "use strict";
 
-var errorMixin = function errorMixin() {
+var errorMixin = function errorMixin(_ref3) {
+  var compact = _ref3.compact;
   return {
     color: _variables.default.colors.error,
-    fontSize: _variables.fontSizes[2]
+    fontSize: _variables.fontSizes[compact ? 1 : 2]
   };
 };
 
-var linkMixin = function linkMixin(_ref3) {
-  var disabled = _ref3.disabled;
+var linkMixin = function linkMixin(_ref4) {
+  var disabled = _ref4.disabled;
   return {
@@ -108,11 +109,11 @@ display: 'inline-block',
 
-  var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref4$x = _ref4.x,
-      x = _ref4$x === void 0 ? 2 : _ref4$x,
-      _ref4$y = _ref4.y,
-      y = _ref4$y === void 0 ? 4 : _ref4$y,
-      _ref4$spread = _ref4.spread,
-      spread = _ref4$spread === void 0 ? 0 : _ref4$spread,
-      blur = _ref4.blur,
-      opacity = _ref4.opacity;
+  var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref5$x = _ref5.x,
+      x = _ref5$x === void 0 ? 2 : _ref5$x,
+      _ref5$y = _ref5.y,
+      y = _ref5$y === void 0 ? 4 : _ref5$y,
+      _ref5$spread = _ref5.spread,
+      spread = _ref5$spread === void 0 ? 0 : _ref5$spread,
+      blur = _ref5.blur,
+      opacity = _ref5.opacity;
 
@@ -126,11 +127,12 @@ opacity = (_opacity = opacity) !== null && _opacity !== void 0 ? _opacity : (0, _utils.isDarkMode)() ? 0.4 : 0.15;
 
-var inputMixin = function inputMixin(_ref5) {
-  var invalid = _ref5.invalid,
-      disabled = _ref5.disabled,
-      radius = _ref5.radius,
-      color = _ref5.color,
-      inline = _ref5.inline;
+var inputMixin = function inputMixin(_ref6) {
+  var invalid = _ref6.invalid,
+      disabled = _ref6.disabled,
+      radius = _ref6.radius,
+      color = _ref6.color,
+      inline = _ref6.inline,
+      compact = _ref6.compact;
   return {
     fontFamily: _variables.default.fontFamily,
-    fontSize: 2,
+    fontSize: compact ? 1 : 2,
     outline: 'none',
@@ -137,0 +139,0 @@ color: color || _variables.default.colors.gray[1],

package.json

 {
   "name": "@cloudflare/style-const",
   "description": "Cloudflare Style Constants",
-  "version": "5.6.2",
+  "version": "5.7.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

183863

increased by0.28%

Lines of code

2105

increased by0.72%

No dependency changes