@cloudflare/style-container 7.6.10 → 7.7.2

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.7.2](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.7.1...@cloudflare/style-container@7.7.2) (2022-03-09)
+
+**Note:** Version bump only for package @cloudflare/style-container
+
+
+
+
+
+## [7.7.1](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.7.0...@cloudflare/style-container@7.7.1) (2022-03-08)
+
+**Note:** Version bump only for package @cloudflare/style-container
+
+
+
+
+
+# [7.7.0](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.6.10...@cloudflare/style-container@7.7.0) (2022-03-08)
+
+
+### Features
+
+* **component-search:** A11Y-656 Add id ([8193269](http://stash.cfops.it:7999/fe/stratus/commits/8193269))
+
+
+
+
+
 ## [7.6.10](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.6.9...@cloudflare/style-container@7.6.10) (2022-03-01)
 
 **Note:** Version bump only for package @cloudflare/style-container

package/dist/createStyledComponent.d.ts

@@ -19,13 +19,13 @@ declare const shorthandSpacingProps: {
 };
 declare type ShorthandToLonghandMap = typeof shorthandSpacingProps;
 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"];
 declare const colorProps: readonly ["color", "backgroundColor", "borderColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderBottomColor"];
 declare const borderStyleProps: readonly ["borderStyle", "borderTopStyle", "borderBottomStyle", "borderLeftStyle", "borderRightStyle"];
 declare const borderWidthProps: readonly ["borderWidth", "borderTopWidth", "borderBottomWidth", "borderLeftWidth", "borderRightWidth"];
 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;
 declare type StyleRuleProp = typeof styleRuleProps[number];
 declare type ExpandedCSSProperty<P extends StyleRuleProp> = P extends ShorthandSpacingProp ? ShorthandToLonghandMap[P][0] : P;

package/es/createStyledComponent.js

@@ -11,7 +11,7 @@ import { variables as theme } from '@cloudflare/style-const'; // eslint-disable-
 import { objectKeys } from './types';
 const sizePropType = PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.number]);
 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 = {
   m: ['margin'],
   ml: ['marginLeft'],

package/lib/createStyledComponent.js

@@ -42,7 +42,7 @@ var sizePropType = _propTypes.default.oneOfType([_propTypes.default.string, _pro
 
 var scalePropType = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array]);
 
-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 = {
   m: ['margin'],
   ml: ['marginLeft'],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/style-container",
   "description": "Cloudflare Style Container",
-  "version": "7.6.10",
+  "version": "7.7.2",
   "types": "./dist/index.d.ts",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -12,8 +12,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@cloudflare/style-const": "^5.2.9",
-    "@cloudflare/types": "^6.13.6",
+    "@cloudflare/style-const": "^5.2.11",
+    "@cloudflare/types": "^6.13.7",
     "fela": "^11.6.1",
     "fela-tools": "^11.6.1",
     "lodash": "^4.17.21",
@@ -34,5 +34,5 @@
     "test-coverage": "stratus test --coverage",
     "test-watch": "stratus test --watch"
   },
-  "gitHead": "fe629edb7362c9606ecee9b3eca08900d0825738"
+  "gitHead": "f2f127acee9f7f5baee33fbf61b445812c7f2e45"
 }