@cloudflare/style-container - npm Package Compare versions

Comparing version 7.6.10 to 7.7.0

dist/createStyledComponent.d.ts

@@ -22,3 +22,3 @@ import { ComponentType } from 'react';
 declare type ShorthandSpacingProp = keyof ShorthandToLonghandMap;
-declare const spacingProps: ("p" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "padding" | "paddingTop" | "paddingRight" | "paddingLeft" | "marginBottom" | "paddingBottom" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "pl" | "pr" | "pt" | "pb" | "px" | "py")[];
+declare const spacingProps: ("p" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "padding" | "paddingTop" | "paddingRight" | "paddingLeft" | "marginBottom" | "paddingBottom" | "gap" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "pl" | "pr" | "pt" | "pb" | "px" | "py")[];
 declare const sizeProps: readonly ["width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight"];
@@ -29,3 +29,3 @@ declare const colorProps: readonly ["color", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor"];
 declare const borderRadiusProps: readonly ["borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderbottomRightRadius"];
-export declare const styleRuleProps: ("p" | "color" | "height" | "width" | "cursor" | "display" | "fontSize" | "fontWeight" | "textDecoration" | "textAlign" | "backgroundColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "borderBottomColor" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "padding" | "paddingTop" | "paddingRight" | "paddingLeft" | "borderRadius" | "verticalAlign" | "alignItems" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftStyle" | "borderLeftWidth" | "borderRightStyle" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxSizing" | "justifyContent" | "marginBottom" | "paddingBottom" | "textTransform" | "borderStyle" | "borderWidth" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "pl" | "pr" | "pt" | "pb" | "px" | "py" | "borderbottomRightRadius")[];
+export declare const styleRuleProps: ("p" | "color" | "height" | "width" | "cursor" | "display" | "fontSize" | "fontWeight" | "textDecoration" | "textAlign" | "backgroundColor" | "borderColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "borderBottomColor" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "padding" | "paddingTop" | "paddingRight" | "paddingLeft" | "borderRadius" | "verticalAlign" | "alignItems" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftStyle" | "borderLeftWidth" | "borderRightStyle" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxSizing" | "justifyContent" | "marginBottom" | "paddingBottom" | "textTransform" | "borderStyle" | "borderWidth" | "gap" | "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my" | "pl" | "pr" | "pt" | "pb" | "px" | "py" | "borderbottomRightRadius")[];
 export declare function filterStyleProps<Type extends {}>(props: Type): Type;
@@ -32,0 +32,0 @@ declare type StyleRuleProp = typeof styleRuleProps[number];

es/createStyledComponent.js

@@ -14,3 +14,3 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
 const scalePropType = PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]);
-const longhandSpacingProps = ['margin', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'padding', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom'];
+const longhandSpacingProps = ['margin', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'padding', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'gap'];
 const shorthandSpacingProps = {
@@ -17,0 +17,0 @@ m: ['margin'],

lib/createStyledComponent.js

@@ -45,3 +45,3 @@ "use strict";
 
-var longhandSpacingProps = ['margin', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'padding', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom'];
+var longhandSpacingProps = ['margin', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'padding', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'gap'];
 var shorthandSpacingProps = {
@@ -48,0 +48,0 @@ m: ['margin'],

package.json

 {
   "name": "@cloudflare/style-container",
   "description": "Cloudflare Style Container",
-  "version": "7.6.10",
+  "version": "7.7.0",
   "types": "./dist/index.d.ts",
@@ -37,3 +37,3 @@ "main": "lib/index.js",
   },
-  "gitHead": "fe629edb7362c9606ecee9b3eca08900d0825738"
+  "gitHead": "82a36802f6e226b589c55cf2a8ed21b9942ea6d7"
 }

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

215400

increased by0.14%

No dependency changes