@atlaskit/radio - npm Package Compare versions

Comparing version 5.1.1 to 5.2.0

CHANGELOG.md

 # @atlaskit/radio
 
+## 5.2.0
+
+### Minor Changes
+
+- [`5c4717067dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c4717067dd) - [ux] Add aria-labelledby prop to RadioGroup
+
 ## 5.1.1
@@ -4,0 +10,0 @@

dist/cjs/Radio.js

@@ -33,3 +33,3 @@ "use strict";
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.1.1";
+var packageVersion = "5.2.0";
 var fontFamily = (0, _constants.fontFamily)();
@@ -36,0 +36,0 @@

dist/cjs/RadioGroup.js

@@ -40,3 +40,4 @@ "use strict";
       name = props.name,
-      analyticsContext = props.analyticsContext;
+      analyticsContext = props.analyticsContext,
+      ariaLabelledBy = props['aria-labelledby'];
 
@@ -58,3 +59,6 @@ var _useState = (0, _react.useState)(propValue !== undefined ? propValue : defaultValue),
   var value = typeof propValue !== 'undefined' ? propValue : selectedValue;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(function (_ref, index) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    role: "radiogroup",
+    "aria-labelledby": ariaLabelledBy
+  }, options.map(function (_ref, index) {
     var optionProps = (0, _extends2.default)({}, _ref);
@@ -61,0 +65,0 @@

dist/cjs/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.1.1",
+	"version": "5.2.0",
 	"sideEffects": false
 }

dist/es2019/Radio.js

@@ -12,3 +12,3 @@ import _extends from "@babel/runtime/helpers/extends";
 const packageName = "@atlaskit/radio";
-const packageVersion = "5.1.1";
+const packageVersion = "5.2.0";
 const fontFamily = getFontFamily();
@@ -15,0 +15,0 @@

dist/es2019/RadioGroup.js

 import _extends from "@babel/runtime/helpers/extends";
-import React, { Fragment, useCallback, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import Radio from './Radio';
@@ -19,3 +19,4 @@
     name,
-    analyticsContext
+    analyticsContext,
+    ['aria-labelledby']: ariaLabelledBy
   } = props;
@@ -33,3 +34,6 @@ const [selectedValue, setSelectedValue] = useState(propValue !== undefined ? propValue : defaultValue);
   const value = typeof propValue !== 'undefined' ? propValue : selectedValue;
-  return /*#__PURE__*/React.createElement(Fragment, null, options.map(({ ...optionProps
+  return /*#__PURE__*/React.createElement("div", {
+    role: "radiogroup",
+    "aria-labelledby": ariaLabelledBy
+  }, options.map(({ ...optionProps
   }, index) => {
@@ -36,0 +40,0 @@ if (typeof isDisabled !== 'undefined') {

dist/es2019/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.1.1",
+	"version": "5.2.0",
 	"sideEffects": false
 }

dist/esm/Radio.js

@@ -16,3 +16,3 @@ import _extends from "@babel/runtime/helpers/extends";
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.1.1";
+var packageVersion = "5.2.0";
 var fontFamily = getFontFamily();
@@ -19,0 +19,0 @@

dist/esm/RadioGroup.js

 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { Fragment, useCallback, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import Radio from './Radio';
@@ -21,3 +21,4 @@
       name = props.name,
-      analyticsContext = props.analyticsContext;
+      analyticsContext = props.analyticsContext,
+      ariaLabelledBy = props['aria-labelledby'];
 
@@ -39,3 +40,6 @@ var _useState = useState(propValue !== undefined ? propValue : defaultValue),
   var value = typeof propValue !== 'undefined' ? propValue : selectedValue;
-  return /*#__PURE__*/React.createElement(Fragment, null, options.map(function (_ref, index) {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "radiogroup",
+    "aria-labelledby": ariaLabelledBy
+  }, options.map(function (_ref, index) {
     var optionProps = _extends({}, _ref);
@@ -42,0 +46,0 @@

dist/esm/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.1.1",
+	"version": "5.2.0",
 	"sideEffects": false
 }

dist/types/RadioGroup.d.ts

@@ -25,3 +25,5 @@ import React, { SyntheticEvent } from 'react';
     analyticsContext?: Record<string, any>;
+    /** The id of the element that links to this radiogroup. */
+    'aria-labelledby'?: string;
 }
 export default function RadioGroup(props: RadioGroupProps): JSX.Element;

package.json

 {
   "name": "@atlaskit/radio",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "description": "A radio input allows people to select only one option from a number of choices. Radio is generally displayed in a radio group.",
@@ -5,0 +5,0 @@ "publishConfig": {

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

78819

increased by0.71%

Lines of code

945

increased by1.5%

No dependency changes