@cloudflare/component-button 2.12.0 → 2.12.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.
 
+## [2.12.4](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.12.3...@cloudflare/component-button@2.12.4) (2022-02-08)
+
+**Note:** Version bump only for package @cloudflare/component-button
+
+
+
+
+
+## [2.12.3](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.12.2...@cloudflare/component-button@2.12.3) (2022-02-04)
+
+**Note:** Version bump only for package @cloudflare/component-button
+
+
+
+
+
+## [2.12.2](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.12.1...@cloudflare/component-button@2.12.2) (2022-02-01)
+
+**Note:** Version bump only for package @cloudflare/component-button
+
+
+
+
+
+## [2.12.1](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.12.0...@cloudflare/component-button@2.12.1) (2022-01-19)
+
+**Note:** Version bump only for package @cloudflare/component-button
+
+
+
+
+
 # [2.12.0](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-button@2.11.27...@cloudflare/component-button@2.12.0) (2022-01-07)
 
 

package/es/Button.js

@@ -7,7 +7,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import React from 'react';
 import PropTypes from 'prop-types';
 import { isDarkMode } from '@cloudflare/style-const';
-import { createStyledComponent } from '@cloudflare/style-container';
+import { ariaAttributes, createStyledComponent } from '@cloudflare/style-container';
 import { Icon } from '@cloudflare/component-icon';
 
 const standardColors = theme => {
@@ -253,10 +253,10 @@ const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
         form = props.form,
         tabIndex = props.tabIndex,
         ariaLabel = props.ariaLabel;
-  const dataAttributes = Object.keys(props).filter(propName => propName.startsWith('data-')).reduce((memo, dataPropName) => _objectSpread({}, memo, {
-    [dataPropName]: props[dataPropName]
+  const ariaAndDataProps = Object.keys(props).filter(propName => propName.startsWith('data-') || ariaAttributes.includes(propName)).reduce((memo, propName) => _objectSpread({}, memo, {
+    [propName]: props[propName]
   }), {});
-  return /*#__PURE__*/React.createElement("button", _extends({}, dataAttributes, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, ariaAndDataProps, {
     type: submit ? 'submit' : 'button',
     "data-testid": testId,
     disabled: disabled || loading,

package/lib/Button.js

@@ -269,12 +269,12 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       form = props.form,
       tabIndex = props.tabIndex,
       ariaLabel = props.ariaLabel;
-  var dataAttributes = Object.keys(props).filter(function (propName) {
-    return propName.startsWith('data-');
-  }).reduce(function (memo, dataPropName) {
-    return _objectSpread({}, memo, _defineProperty({}, dataPropName, props[dataPropName]));
+  var ariaAndDataProps = Object.keys(props).filter(function (propName) {
+    return propName.startsWith('data-') || _styleContainer.ariaAttributes.includes(propName);
+  }).reduce(function (memo, propName) {
+    return _objectSpread({}, memo, _defineProperty({}, propName, props[propName]));
   }, {});
-  return /*#__PURE__*/_react.default.createElement("button", _extends({}, dataAttributes, {
+  return /*#__PURE__*/_react.default.createElement("button", _extends({}, ariaAndDataProps, {
     type: submit ? 'submit' : 'button',
     "data-testid": testId,
     disabled: disabled || loading,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/component-button",
   "description": "Cloudflare Button Component",
-  "version": "2.12.0",
+  "version": "2.12.4",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "James Kyle <jkyle@cloudflare.com>",
@@ -12,9 +12,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@cloudflare/component-icon": "^6.6.9",
-    "@cloudflare/style-const": "^5.2.0",
-    "@cloudflare/style-container": "^7.6.0",
+    "@cloudflare/component-icon": "^6.6.13",
+    "@cloudflare/style-const": "^5.2.3",
+    "@cloudflare/style-container": "^7.6.4",
     "polished": "^1.9.3",
     "prop-types": "^15.6.0"
   },
@@ -32,5 +32,5 @@
     "test-coverage": "stratus test --coverage",
     "test-watch": "stratus test --watch"
   },
-  "gitHead": "b7c207b9d1a4a78c3412f7ad4185e92ec36c4f5e"
+  "gitHead": "994e89f08c4e6809252f6f49ea25de5af4dc2888"
 }