@cloudflare/style-container 7.6.0 → 7.6.4

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.6.4](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.6.3...@cloudflare/style-container@7.6.4) (2022-02-08)
+
+**Note:** Version bump only for package @cloudflare/style-container
+
+
+
+
+
+## [7.6.3](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.6.2...@cloudflare/style-container@7.6.3) (2022-02-04)
+
+**Note:** Version bump only for package @cloudflare/style-container
+
+
+
+
+
+## [7.6.2](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.6.1...@cloudflare/style-container@7.6.2) (2022-02-01)
+
+**Note:** Version bump only for package @cloudflare/style-container
+
+
+
+
+
+## [7.6.1](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.6.0...@cloudflare/style-container@7.6.1) (2022-01-19)
+
+**Note:** Version bump only for package @cloudflare/style-container
+
+
+
+
+
 # [7.6.0](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@7.5.27...@cloudflare/style-container@7.6.0) (2022-01-07)
 
 

package/dist/index.d.ts

@@ -6,8 +6,8 @@ import createComponent from './createComponent';
 import createComponentStyles from './createComponentStyles';
 import createStyledComponent, { filterStyleProps } from './createStyledComponent';
 import withRenderer from './withRenderer';
-import { isValidElementProp, filterValidElementProps } from './isValidElementProp';
+import { ariaAttributes, isValidElementProp, filterValidElementProps } from './isValidElementProp';
 import { WithTheme } from './types';
 export * from './types';
 export declare const withTheme: WithTheme;
-export { createComponent, applyTheme, ThemeProvider, FelaTheme, connect, combineRules, createComponentStyles, withRenderer, applyStaticStyles, createStyledComponent, isValidElementProp, filterValidElementProps, filterStyleProps };
+export { createComponent, ariaAttributes, applyTheme, ThemeProvider, FelaTheme, connect, combineRules, createComponentStyles, withRenderer, applyStaticStyles, createStyledComponent, isValidElementProp, filterValidElementProps, filterStyleProps };

package/dist/isValidElementProp.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 /// <reference types="lodash" />
+export declare const ariaAttributes: string[];
 export declare const isValidElementProp: ((tag: keyof JSX.IntrinsicElements, attr: string) => boolean) & import("lodash").MemoizedFunction;
 export declare const filterValidElementProps: <T extends object>(tag: keyof JSX.IntrinsicElements, props: T) => Partial<T>;
 export default isValidElementProp;

package/es/index.js

@@ -8,7 +8,7 @@ import createComponent from './createComponent';
 import createComponentStyles from './createComponentStyles';
 import createStyledComponent, { filterStyleProps } from './createStyledComponent';
 import withRenderer from './withRenderer';
-import { isValidElementProp, filterValidElementProps } from './isValidElementProp';
+import { ariaAttributes, isValidElementProp, filterValidElementProps } from './isValidElementProp';
 export * from './types';
 export const withTheme = _withTheme;
-export { createComponent, applyTheme, ThemeProvider, FelaTheme, connect, combineRules, createComponentStyles, withRenderer, applyStaticStyles, createStyledComponent, isValidElementProp, filterValidElementProps, filterStyleProps };
+export { createComponent, ariaAttributes, applyTheme, ThemeProvider, FelaTheme, connect, combineRules, createComponentStyles, withRenderer, applyStaticStyles, createStyledComponent, isValidElementProp, filterValidElementProps, filterStyleProps };

package/es/isValidElementProp.js

@@ -20,7 +20,7 @@ const globalAttributes = [
 'autoCapitalize', 'autoCorrect', 'autoSave', // 'color', probably best to not allow this attribute
 'itemProp', 'itemScope', 'itemType', 'itemID', 'itemRef', 'results', 'security', 'unselectable'];
 const htmlElements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr'];
-const ariaAttributes = ['aria-activedescendant', 'aria-atomic', 'aria-autocomplete', 'aria-busy', 'aria-checked', 'aria-colcount', 'aria-colindex', 'aria-colspan', 'aria-controls', 'aria-current', 'aria-describedby', 'aria-details', 'aria-disabled', 'aria-dropeffect', 'aria-errormessage', 'aria-expanded', 'aria-flowto', 'aria-grabbed', 'aria-haspopup', 'aria-hidden', 'aria-invalid', 'aria-keyshortcuts', 'aria-label', 'aria-labelledby', 'aria-level', 'aria-live', 'aria-modal', 'aria-multiline', 'aria-multiselectable', 'aria-orientation', 'aria-owns', 'aria-placeholder', 'aria-posinset', 'aria-pressed', 'aria-readonly', 'aria-relevant', 'aria-required', 'aria-roledescription', 'aria-rowcount', 'aria-rowindex', 'aria-rowspan', 'aria-selected', 'aria-setsize', 'aria-sort', 'aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext'];
+export const ariaAttributes = ['aria-activedescendant', 'aria-atomic', 'aria-autocomplete', 'aria-busy', 'aria-checked', 'aria-colcount', 'aria-colindex', 'aria-colspan', 'aria-controls', 'aria-current', 'aria-describedby', 'aria-details', 'aria-disabled', 'aria-dropeffect', 'aria-errormessage', 'aria-expanded', 'aria-flowto', 'aria-grabbed', 'aria-haspopup', 'aria-hidden', 'aria-invalid', 'aria-keyshortcuts', 'aria-label', 'aria-labelledby', 'aria-level', 'aria-live', 'aria-modal', 'aria-multiline', 'aria-multiselectable', 'aria-orientation', 'aria-owns', 'aria-placeholder', 'aria-posinset', 'aria-pressed', 'aria-readonly', 'aria-relevant', 'aria-required', 'aria-roledescription', 'aria-rowcount', 'aria-rowindex', 'aria-rowspan', 'aria-selected', 'aria-setsize', 'aria-sort', 'aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext'];
 const extendedAttributes = {
   a: ['download', 'href', 'hrefLang', 'media', 'rel', 'target', 'type', 'referrerPolicy'],
   area: ['alt', 'coords', 'download', 'href', 'hrefLang', 'media', 'rel', 'shape', 'target'],

package/lib/index.js

@@ -18,6 +18,7 @@ var _exportNames = {
   createStyledComponent: true,
   filterStyleProps: true,
   withRenderer: true,
+  ariaAttributes: true,
   isValidElementProp: true,
   filterValidElementProps: true
 };
@@ -87,6 +88,12 @@ Object.defineProperty(exports, "withRenderer", {
     return _withRenderer.default;
   }
 });
+Object.defineProperty(exports, "ariaAttributes", {
+  enumerable: true,
+  get: function get() {
+    return _isValidElementProp.ariaAttributes;
+  }
+});
 Object.defineProperty(exports, "isValidElementProp", {
   enumerable: true,
   get: function get() {

package/lib/isValidElementProp.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.filterValidElementProps = exports.isValidElementProp = void 0;
+exports.default = exports.filterValidElementProps = exports.isValidElementProp = exports.ariaAttributes = void 0;
 
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 
@@ -44,6 +44,7 @@ var globalAttributes = [
 'itemProp', 'itemScope', 'itemType', 'itemID', 'itemRef', 'results', 'security', 'unselectable'];
 var htmlElements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr'];
 var ariaAttributes = ['aria-activedescendant', 'aria-atomic', 'aria-autocomplete', 'aria-busy', 'aria-checked', 'aria-colcount', 'aria-colindex', 'aria-colspan', 'aria-controls', 'aria-current', 'aria-describedby', 'aria-details', 'aria-disabled', 'aria-dropeffect', 'aria-errormessage', 'aria-expanded', 'aria-flowto', 'aria-grabbed', 'aria-haspopup', 'aria-hidden', 'aria-invalid', 'aria-keyshortcuts', 'aria-label', 'aria-labelledby', 'aria-level', 'aria-live', 'aria-modal', 'aria-multiline', 'aria-multiselectable', 'aria-orientation', 'aria-owns', 'aria-placeholder', 'aria-posinset', 'aria-pressed', 'aria-readonly', 'aria-relevant', 'aria-required', 'aria-roledescription', 'aria-rowcount', 'aria-rowindex', 'aria-rowspan', 'aria-selected', 'aria-setsize', 'aria-sort', 'aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext'];
+exports.ariaAttributes = ariaAttributes;
 var extendedAttributes = {
   a: ['download', 'href', 'hrefLang', 'media', 'rel', 'target', 'type', 'referrerPolicy'],
   area: ['alt', 'coords', 'download', 'href', 'hrefLang', 'media', 'rel', 'shape', 'target'],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/style-container",
   "description": "Cloudflare Style Container",
-  "version": "7.6.0",
+  "version": "7.6.4",
   "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.0",
-    "@cloudflare/types": "^6.11.19",
+    "@cloudflare/style-const": "^5.2.3",
+    "@cloudflare/types": "^6.13.1",
     "fela": "^11.6.1",
     "fela-tools": "^11.6.1",
     "lodash": "^4.17.10",
@@ -34,5 +34,5 @@
     "test-coverage": "stratus test --coverage",
     "test-watch": "stratus test --watch"
   },
-  "gitHead": "b7c207b9d1a4a78c3412f7ad4185e92ec36c4f5e"
+  "gitHead": "994e89f08c4e6809252f6f49ea25de5af4dc2888"
 }