@atlaskit/radio 5.4.1 → 5.4.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/radio
 
+## 5.4.2
+
+### Patch Changes
+
+- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
+
 ## 5.4.1
 
 ### Patch Changes

package/dist/cjs/radio.js

@@ -29,11 +29,11 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.4.1";
+var packageVersion = "5.4.2";
 var fontFamily = (0, _constants.fontFamily)();
 var noop = _noop.default;
 var labelPaddingStyles = (0, _react2.css)({
-  padding: '2px 4px'
+  padding: "var(--ds-scale-025, 2px)".concat(" ", "var(--ds-scale-050, 4px)")
 });
 var labelStyles = (0, _react2.css)({
   display: 'flex',
@@ -65,7 +65,8 @@ var radioStyles = (0, _react2.css)({
   */
   width: '24px',
   height: '24px',
-  margin: 0,
+  // TODO Delete this comment after verifying spacing token -> previous value `0`
+  margin: "var(--ds-scale-0, 0px)",
   position: 'relative',
   alignItems: 'center',
   justifyContent: 'center',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/radio",
-	"version": "5.4.1",
+	"version": "5.4.2",
 	"sideEffects": false
 }

package/dist/es2019/radio.js

@@ -10,11 +10,11 @@ import GlobalTheme from '@atlaskit/theme/components';
 import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
 import getRadioCustomProperties from './styles';
 const packageName = "@atlaskit/radio";
-const packageVersion = "5.4.1";
+const packageVersion = "5.4.2";
 const fontFamily = getFontFamily();
 const noop = __noop;
 const labelPaddingStyles = css({
-  padding: '2px 4px'
+  padding: `${"var(--ds-scale-025, 2px)"} ${"var(--ds-scale-050, 4px)"}`
 });
 const labelStyles = css({
   display: 'flex',
@@ -46,7 +46,8 @@ const radioStyles = css({
   */
   width: '24px',
   height: '24px',
-  margin: 0,
+  // TODO Delete this comment after verifying spacing token -> previous value `0`
+  margin: "var(--ds-scale-0, 0px)",
   position: 'relative',
   alignItems: 'center',
   justifyContent: 'center',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/radio",
-	"version": "5.4.1",
+	"version": "5.4.2",
 	"sideEffects": false
 }

package/dist/esm/radio.js

@@ -12,11 +12,11 @@ import GlobalTheme from '@atlaskit/theme/components';
 import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
 import getRadioCustomProperties from './styles';
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.4.1";
+var packageVersion = "5.4.2";
 var fontFamily = getFontFamily();
 var noop = __noop;
 var labelPaddingStyles = css({
-  padding: '2px 4px'
+  padding: "var(--ds-scale-025, 2px)".concat(" ", "var(--ds-scale-050, 4px)")
 });
 var labelStyles = css({
   display: 'flex',
@@ -48,7 +48,8 @@ var radioStyles = css({
   */
   width: '24px',
   height: '24px',
-  margin: 0,
+  // TODO Delete this comment after verifying spacing token -> previous value `0`
+  margin: "var(--ds-scale-0, 0px)",
   position: 'relative',
   alignItems: 'center',
   justifyContent: 'center',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/radio",
-	"version": "5.4.1",
+	"version": "5.4.2",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/radio",
-  "version": "5.4.1",
+  "version": "5.4.2",
   "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/"
@@ -15,13 +15,15 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -48,10 +50,10 @@
   },
   "devDependencies": {
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/checkbox": "^12.3.0",
+    "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/form": "^8.5.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/form": "^8.6.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",

package/report.api.md

@@ -1,6 +1,8 @@
-## API Report File for "@atlaskit/radio"
+## API Report File for "@atlaskit/radio".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
 /// <reference types="react" />
@@ -26,6 +28,15 @@ declare type OptionPropType = {
 
 declare type OptionsPropType = Array<OptionPropType>;
 
+/**
+ * __Radio__
+ *
+ * A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.
+ *
+ * - [Examples](https://atlassian.design/components/radio/examples)
+ * - [Code](https://atlassian.design/components/radio/code)
+ * - [Usage](https://atlassian.design/components/radio/usage)
+ */
 export declare const Radio: MemoExoticComponent<ForwardRefExoticComponent<
   Pick<
     Omit<
@@ -345,7 +356,6 @@ export declare const Radio: MemoExoticComponent<ForwardRefExoticComponent<
     | 'onAnimationIterationCapture'
     | 'onTransitionEnd'
     | 'onTransitionEndCapture'
-    | 'css'
     | keyof {
         ariaLabel?: string | undefined;
         isDisabled?: boolean | undefined;
@@ -371,30 +381,52 @@ export declare const Radio: MemoExoticComponent<ForwardRefExoticComponent<
 export declare function RadioGroup(props: RadioGroupProps): JSX.Element;
 
 declare interface RadioGroupProps {
-  /** Once set, controls the selected value on the `RadioGroup` */
+  /**
+   * Once set, controls the selected value on the `RadioGroup`
+   */
   value?: RadioValue | null;
-  /** Sets the initial selected value on the `RadioGroup` */
+  /**
+   * Sets the initial selected value on the `RadioGroup`
+   */
   defaultValue?: RadioValue | null;
-  /** Sets the disabled state of all `Radio` elements in the group. Overrides the `isDisabled` setting of all child `Radio` items. */
+  /**
+   * Sets the disabled state of all `Radio` elements in the group. Overrides the `isDisabled` setting of all child `Radio` items.
+   */
   isDisabled?: boolean;
-  /** Sets the required state of all `Radio` elements in the group */
+  /**
+   * Sets the required state of all `Radio` elements in the group
+   */
   isRequired?: boolean;
-  /** Sets the invalid state of all `Radio` elements in the group */
+  /**
+   * Sets the invalid state of all `Radio` elements in the group
+   */
   isInvalid?: boolean;
-  /** An array of objects, each object is mapped onto a `Radio` element within the group. Name must be unique to the group. */
+  /**
+   * An array of objects, each object is mapped onto a `Radio` element within the group. Name must be unique to the group.
+   */
   options: OptionsPropType;
-  /** Function that gets fired after each invalid event */
+  /**
+   * Function that gets fired after each invalid event
+   */
   onInvalid?: (event: SyntheticEvent<any>) => void;
-  /** Function that gets after each change event */
+  /**
+   * Function that gets after each change event
+   */
   onChange?: (
     e: React_2.ChangeEvent<HTMLInputElement>,
     analyticsEvent: UIAnalyticsEvent,
   ) => void;
-  /** Sets the `name` prop on each of the `Radio` elements in the group */
+  /**
+   * Sets the `name` prop on each of the `Radio` elements in the group
+   */
   name?: string;
-  /** Additional information to be included in the `context` of analytics events that come from radio */
+  /**
+   * Additional information to be included in the `context` of analytics events that come from radio
+   */
   analyticsContext?: Record<string, any>;
-  /** The id of the element that links to this radiogroup. */
+  /**
+   * The id of the element that links to this radiogroup.
+   */
   'aria-labelledby'?: string;
 }