@atlaskit/radio 8.2.0 → 8.3.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/radio
 
+## 8.3.0
+
+### Minor Changes
+
+- [`cd29488c8bef2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd29488c8bef2) -
+  Add `labelId` to radio group.
+
+## 8.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.2.0
 
 ### Minor Changes

package/Radio/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/radio.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/radio.d.ts"
       ]

package/RadioGroup/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/radio-group.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/radio-group.d.ts"
       ]

package/dist/cjs/radio-group.js

@@ -25,6 +25,7 @@ function RadioGroup(props) {
     isDisabled = props.isDisabled,
     isRequired = props.isRequired,
     isInvalid = props.isInvalid,
+    labelId = props.labelId,
     _props$onInvalid = props.onInvalid,
     onInvalid = _props$onInvalid === void 0 ? _noop.default : _props$onInvalid,
     name = props.name,
@@ -47,8 +48,10 @@ function RadioGroup(props) {
   // If not then act as an uncontrolled component using the value from state
   var value = typeof propValue !== 'undefined' ? propValue : selectedValue;
   return /*#__PURE__*/_react.default.createElement("div", {
-    role: "radiogroup",
-    "aria-labelledby": ariaLabelledBy,
+    role: "radiogroup"
+    // TODO: Make `aria-labelledby` a `never` in TS. See https://product-fabric.atlassian.net/browse/DSP-23009
+    ,
+    "aria-labelledby": labelId || ariaLabelledBy,
     "data-testid": testId,
     "aria-describedby": isInvalid ? "".concat(id || uid, "-error") : undefined,
     id: id || uid

package/dist/cjs/radio.js

@@ -20,7 +20,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["ariaLabel", "aria-labelledby", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "labelId", "name", "onChange", "value", "testId", "analyticsContext"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var packageName = "@atlaskit/radio";
-var packageVersion = "8.1.8";
+var packageVersion = "0.0.0-development";
 var noop = _noop.default;
 var labelPaddingStyles = null;
 var labelStyles = null;

package/dist/es2019/radio-group.js

@@ -14,6 +14,7 @@ export default function RadioGroup(props) {
     isDisabled,
     isRequired,
     isInvalid,
+    labelId,
     onInvalid = noop,
     name,
     analyticsContext,
@@ -33,8 +34,10 @@ export default function RadioGroup(props) {
   // If not then act as an uncontrolled component using the value from state
   const value = typeof propValue !== 'undefined' ? propValue : selectedValue;
   return /*#__PURE__*/React.createElement("div", {
-    role: "radiogroup",
-    "aria-labelledby": ariaLabelledBy,
+    role: "radiogroup"
+    // TODO: Make `aria-labelledby` a `never` in TS. See https://product-fabric.atlassian.net/browse/DSP-23009
+    ,
+    "aria-labelledby": labelId || ariaLabelledBy,
     "data-testid": testId,
     "aria-describedby": isInvalid ? `${id || uid}-error` : undefined,
     id: id || uid

package/dist/es2019/radio.js

@@ -9,7 +9,7 @@ import __noop from '@atlaskit/ds-lib/noop';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
 const packageName = "@atlaskit/radio";
-const packageVersion = "8.1.8";
+const packageVersion = "0.0.0-development";
 const noop = __noop;
 const labelPaddingStyles = null;
 const labelStyles = null;

package/dist/esm/radio-group.js

@@ -16,6 +16,7 @@ export default function RadioGroup(props) {
     isDisabled = props.isDisabled,
     isRequired = props.isRequired,
     isInvalid = props.isInvalid,
+    labelId = props.labelId,
     _props$onInvalid = props.onInvalid,
     onInvalid = _props$onInvalid === void 0 ? noop : _props$onInvalid,
     name = props.name,
@@ -38,8 +39,10 @@ export default function RadioGroup(props) {
   // If not then act as an uncontrolled component using the value from state
   var value = typeof propValue !== 'undefined' ? propValue : selectedValue;
   return /*#__PURE__*/React.createElement("div", {
-    role: "radiogroup",
-    "aria-labelledby": ariaLabelledBy,
+    role: "radiogroup"
+    // TODO: Make `aria-labelledby` a `never` in TS. See https://product-fabric.atlassian.net/browse/DSP-23009
+    ,
+    "aria-labelledby": labelId || ariaLabelledBy,
     "data-testid": testId,
     "aria-describedby": isInvalid ? "".concat(id || uid, "-error") : undefined,
     id: id || uid

package/dist/esm/radio.js

@@ -11,7 +11,7 @@ import __noop from '@atlaskit/ds-lib/noop';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
 var packageName = "@atlaskit/radio";
-var packageVersion = "8.1.8";
+var packageVersion = "0.0.0-development";
 var noop = __noop;
 var labelPaddingStyles = null;
 var labelStyles = null;

package/dist/types/radio-group.d.ts

@@ -45,8 +45,16 @@ export interface RadioGroupProps {
     analyticsContext?: Record<string, any>;
     /**
      * The id of the element that links to this radio group.
+     *
+     * @deprecated Use the `labelId` prop instead.
      */
     'aria-labelledby'?: string;
+    /**
+     * This sets the `aria-labelledby` attribute. It sets an accessible name for
+     * the radio, for people who use assistive technology. Use of a visible label
+     * is highly recommended for greater accessibility support.
+     */
+    labelId?: string;
     /**
      * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      * The specified `testId` is applied to the root element of `RadioGroup`. If no `testId` is supplied in the `options` prop, then the one supplied to `RadioGroup` will also be propagated to

package/dist/types/radio.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type RadioProps } from './types';
 /**
  * __Radio__

package/dist/types-ts4.5/radio-group.d.ts

@@ -45,8 +45,16 @@ export interface RadioGroupProps {
     analyticsContext?: Record<string, any>;
     /**
      * The id of the element that links to this radio group.
+     *
+     * @deprecated Use the `labelId` prop instead.
      */
     'aria-labelledby'?: string;
+    /**
+     * This sets the `aria-labelledby` attribute. It sets an accessible name for
+     * the radio, for people who use assistive technology. Use of a visible label
+     * is highly recommended for greater accessibility support.
+     */
+    labelId?: string;
     /**
      * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      * The specified `testId` is applied to the root element of `RadioGroup`. If no `testId` is supplied in the `options` prop, then the one supplied to `RadioGroup` will also be propagated to

package/dist/types-ts4.5/radio.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type RadioProps } from './types';
 /**
  * __Radio__

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/radio",
-	"version": "8.2.0",
+	"version": "8.3.0",
 	"description": "A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,8 +42,8 @@
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/ds-lib": "^5.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tokens": "^6.0.0",
+		"@atlaskit/theme": "^20.0.0",
+		"@atlaskit/tokens": "^6.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -54,16 +54,15 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.3.0",
+		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/docs": "^11.0.0",
-		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/form": "^12.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/section-message": "^8.5.0",
+		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/section-message": "^8.6.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/visual-regression": "workspace:^",
-		"@atlassian/ssr-tests": "^0.2.0",
+		"@atlassian/ssr-tests": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"react-dom": "^18.2.0"

package/types/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]