@atlaskit/radio 5.4.1 → 5.4.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/radio
 
+## 5.4.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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.3";
 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.3",
 	"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.3";
 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.3",
 	"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.3";
 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.3",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/radio",
-  "version": "5.4.1",
+  "version": "5.4.3",
   "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/"
@@ -12,16 +12,10 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -39,7 +33,7 @@
     "@atlaskit/analytics-next": "^8.0.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -47,11 +41,11 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
-    "@atlaskit/checkbox": "^12.3.0",
+    "@atlaskit/button": "^16.4.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.7.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",

package/report.api.md

@@ -2,6 +2,12 @@
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
+<!--
+	Generated API Report version: 2.0
+-->
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
 ```ts
 /// <reference types="react" />
 
@@ -16,7 +22,8 @@ import { SyntheticEvent } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 
-declare type OptionPropType = {
+// @public (undocumented)
+type OptionPropType = {
   isDisabled?: boolean;
   label?: ReactNode;
   name?: string;
@@ -24,16 +31,36 @@ declare type OptionPropType = {
   testId?: string;
 };
 
-declare type OptionsPropType = Array<OptionPropType>;
+// @public (undocumented)
+type OptionsPropType = Array<OptionPropType>;
 
-export declare const Radio: MemoExoticComponent<ForwardRefExoticComponent<
-  Pick<
-    Omit<
+// @public
+export const Radio: MemoExoticComponent<
+  ForwardRefExoticComponent<
+    Pick<
       Omit<
-        InputHTMLAttributes<HTMLInputElement>,
-        'aria-label' | 'disabled' | 'required' | 'checked' | 'value'
-      >,
-      keyof {
+        Omit<
+          InputHTMLAttributes<HTMLInputElement>,
+          'aria-label' | 'disabled' | 'required' | 'checked' | 'value'
+        >,
+        keyof {
+          ariaLabel?: string | undefined;
+          isDisabled?: boolean | undefined;
+          isRequired?: boolean | undefined;
+          isInvalid?: boolean | undefined;
+          isChecked?: boolean | undefined;
+          label?: ReactNode;
+          onChange?:
+            | ((
+                e: ChangeEvent<HTMLInputElement>,
+                analyticsEvent: UIAnalyticsEvent,
+              ) => void)
+            | undefined;
+          value?: string | undefined;
+          testId?: string | undefined;
+          analyticsContext?: Record<string, any> | undefined;
+        }
+      > & {
         ariaLabel?: string | undefined;
         isDisabled?: boolean | undefined;
         isRequired?: boolean | undefined;
@@ -49,356 +76,331 @@ export declare const Radio: MemoExoticComponent<ForwardRefExoticComponent<
         value?: string | undefined;
         testId?: string | undefined;
         analyticsContext?: Record<string, any> | undefined;
-      }
-    > & {
-      ariaLabel?: string | undefined;
-      isDisabled?: boolean | undefined;
-      isRequired?: boolean | undefined;
-      isInvalid?: boolean | undefined;
-      isChecked?: boolean | undefined;
-      label?: ReactNode;
-      onChange?:
-        | ((
-            e: ChangeEvent<HTMLInputElement>,
-            analyticsEvent: UIAnalyticsEvent,
-          ) => void)
-        | undefined;
-      value?: string | undefined;
-      testId?: string | undefined;
-      analyticsContext?: Record<string, any> | undefined;
-    } & WithAnalyticsEventsProps,
-    | 'accept'
-    | 'alt'
-    | 'autoComplete'
-    | 'autoFocus'
-    | 'capture'
-    | 'crossOrigin'
-    | 'form'
-    | 'formAction'
-    | 'formEncType'
-    | 'formMethod'
-    | 'formNoValidate'
-    | 'formTarget'
-    | 'height'
-    | 'list'
-    | 'max'
-    | 'maxLength'
-    | 'min'
-    | 'minLength'
-    | 'multiple'
-    | 'name'
-    | 'pattern'
-    | 'placeholder'
-    | 'readOnly'
-    | 'size'
-    | 'src'
-    | 'step'
-    | 'type'
-    | 'width'
-    | 'defaultChecked'
-    | 'defaultValue'
-    | 'suppressContentEditableWarning'
-    | 'suppressHydrationWarning'
-    | 'accessKey'
-    | 'className'
-    | 'contentEditable'
-    | 'contextMenu'
-    | 'dir'
-    | 'draggable'
-    | 'hidden'
-    | 'id'
-    | 'lang'
-    | 'slot'
-    | 'spellCheck'
-    | 'style'
-    | 'tabIndex'
-    | 'title'
-    | 'inputMode'
-    | 'is'
-    | 'radioGroup'
-    | 'role'
-    | 'about'
-    | 'datatype'
-    | 'inlist'
-    | 'prefix'
-    | 'property'
-    | 'resource'
-    | 'typeof'
-    | 'vocab'
-    | 'autoCapitalize'
-    | 'autoCorrect'
-    | 'autoSave'
-    | 'color'
-    | 'itemProp'
-    | 'itemScope'
-    | 'itemType'
-    | 'itemID'
-    | 'itemRef'
-    | 'results'
-    | 'security'
-    | 'unselectable'
-    | '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-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'
-    | 'children'
-    | 'dangerouslySetInnerHTML'
-    | 'onCopy'
-    | 'onCopyCapture'
-    | 'onCut'
-    | 'onCutCapture'
-    | 'onPaste'
-    | 'onPasteCapture'
-    | 'onCompositionEnd'
-    | 'onCompositionEndCapture'
-    | 'onCompositionStart'
-    | 'onCompositionStartCapture'
-    | 'onCompositionUpdate'
-    | 'onCompositionUpdateCapture'
-    | 'onFocus'
-    | 'onFocusCapture'
-    | 'onBlur'
-    | 'onBlurCapture'
-    | 'onChangeCapture'
-    | 'onBeforeInput'
-    | 'onBeforeInputCapture'
-    | 'onInput'
-    | 'onInputCapture'
-    | 'onReset'
-    | 'onResetCapture'
-    | 'onSubmit'
-    | 'onSubmitCapture'
-    | 'onInvalid'
-    | 'onInvalidCapture'
-    | 'onLoad'
-    | 'onLoadCapture'
-    | 'onError'
-    | 'onErrorCapture'
-    | 'onKeyDown'
-    | 'onKeyDownCapture'
-    | 'onKeyPress'
-    | 'onKeyPressCapture'
-    | 'onKeyUp'
-    | 'onKeyUpCapture'
-    | 'onAbort'
-    | 'onAbortCapture'
-    | 'onCanPlay'
-    | 'onCanPlayCapture'
-    | 'onCanPlayThrough'
-    | 'onCanPlayThroughCapture'
-    | 'onDurationChange'
-    | 'onDurationChangeCapture'
-    | 'onEmptied'
-    | 'onEmptiedCapture'
-    | 'onEncrypted'
-    | 'onEncryptedCapture'
-    | 'onEnded'
-    | 'onEndedCapture'
-    | 'onLoadedData'
-    | 'onLoadedDataCapture'
-    | 'onLoadedMetadata'
-    | 'onLoadedMetadataCapture'
-    | 'onLoadStart'
-    | 'onLoadStartCapture'
-    | 'onPause'
-    | 'onPauseCapture'
-    | 'onPlay'
-    | 'onPlayCapture'
-    | 'onPlaying'
-    | 'onPlayingCapture'
-    | 'onProgress'
-    | 'onProgressCapture'
-    | 'onRateChange'
-    | 'onRateChangeCapture'
-    | 'onSeeked'
-    | 'onSeekedCapture'
-    | 'onSeeking'
-    | 'onSeekingCapture'
-    | 'onStalled'
-    | 'onStalledCapture'
-    | 'onSuspend'
-    | 'onSuspendCapture'
-    | 'onTimeUpdate'
-    | 'onTimeUpdateCapture'
-    | 'onVolumeChange'
-    | 'onVolumeChangeCapture'
-    | 'onWaiting'
-    | 'onWaitingCapture'
-    | 'onAuxClick'
-    | 'onAuxClickCapture'
-    | 'onClick'
-    | 'onClickCapture'
-    | 'onContextMenu'
-    | 'onContextMenuCapture'
-    | 'onDoubleClick'
-    | 'onDoubleClickCapture'
-    | 'onDrag'
-    | 'onDragCapture'
-    | 'onDragEnd'
-    | 'onDragEndCapture'
-    | 'onDragEnter'
-    | 'onDragEnterCapture'
-    | 'onDragExit'
-    | 'onDragExitCapture'
-    | 'onDragLeave'
-    | 'onDragLeaveCapture'
-    | 'onDragOver'
-    | 'onDragOverCapture'
-    | 'onDragStart'
-    | 'onDragStartCapture'
-    | 'onDrop'
-    | 'onDropCapture'
-    | 'onMouseDown'
-    | 'onMouseDownCapture'
-    | 'onMouseEnter'
-    | 'onMouseLeave'
-    | 'onMouseMove'
-    | 'onMouseMoveCapture'
-    | 'onMouseOut'
-    | 'onMouseOutCapture'
-    | 'onMouseOver'
-    | 'onMouseOverCapture'
-    | 'onMouseUp'
-    | 'onMouseUpCapture'
-    | 'onSelect'
-    | 'onSelectCapture'
-    | 'onTouchCancel'
-    | 'onTouchCancelCapture'
-    | 'onTouchEnd'
-    | 'onTouchEndCapture'
-    | 'onTouchMove'
-    | 'onTouchMoveCapture'
-    | 'onTouchStart'
-    | 'onTouchStartCapture'
-    | 'onPointerDown'
-    | 'onPointerDownCapture'
-    | 'onPointerMove'
-    | 'onPointerMoveCapture'
-    | 'onPointerUp'
-    | 'onPointerUpCapture'
-    | 'onPointerCancel'
-    | 'onPointerCancelCapture'
-    | 'onPointerEnter'
-    | 'onPointerEnterCapture'
-    | 'onPointerLeave'
-    | 'onPointerLeaveCapture'
-    | 'onPointerOver'
-    | 'onPointerOverCapture'
-    | 'onPointerOut'
-    | 'onPointerOutCapture'
-    | 'onGotPointerCapture'
-    | 'onGotPointerCaptureCapture'
-    | 'onLostPointerCapture'
-    | 'onLostPointerCaptureCapture'
-    | 'onScroll'
-    | 'onScrollCapture'
-    | 'onWheel'
-    | 'onWheelCapture'
-    | 'onAnimationStart'
-    | 'onAnimationStartCapture'
-    | 'onAnimationEnd'
-    | 'onAnimationEndCapture'
-    | 'onAnimationIteration'
-    | 'onAnimationIterationCapture'
-    | 'onTransitionEnd'
-    | 'onTransitionEndCapture'
-    | 'css'
-    | keyof {
-        ariaLabel?: string | undefined;
-        isDisabled?: boolean | undefined;
-        isRequired?: boolean | undefined;
-        isInvalid?: boolean | undefined;
-        isChecked?: boolean | undefined;
-        label?: ReactNode;
-        onChange?:
-          | ((
-              e: ChangeEvent<HTMLInputElement>,
-              analyticsEvent: UIAnalyticsEvent,
-            ) => void)
-          | undefined;
-        value?: string | undefined;
-        testId?: string | undefined;
-        analyticsContext?: Record<string, any> | undefined;
-      }
-    | 'createAnalyticsEvent'
-  > &
-    RefAttributes<HTMLInputElement>
->>;
+      } & WithAnalyticsEventsProps,
+      | 'accept'
+      | 'alt'
+      | 'autoComplete'
+      | 'autoFocus'
+      | 'capture'
+      | 'crossOrigin'
+      | 'form'
+      | 'formAction'
+      | 'formEncType'
+      | 'formMethod'
+      | 'formNoValidate'
+      | 'formTarget'
+      | 'height'
+      | 'list'
+      | 'max'
+      | 'maxLength'
+      | 'min'
+      | 'minLength'
+      | 'multiple'
+      | 'name'
+      | 'pattern'
+      | 'placeholder'
+      | 'readOnly'
+      | 'size'
+      | 'src'
+      | 'step'
+      | 'type'
+      | 'width'
+      | 'defaultChecked'
+      | 'defaultValue'
+      | 'suppressContentEditableWarning'
+      | 'suppressHydrationWarning'
+      | 'accessKey'
+      | 'className'
+      | 'contentEditable'
+      | 'contextMenu'
+      | 'dir'
+      | 'draggable'
+      | 'hidden'
+      | 'id'
+      | 'lang'
+      | 'slot'
+      | 'spellCheck'
+      | 'style'
+      | 'tabIndex'
+      | 'title'
+      | 'inputMode'
+      | 'is'
+      | 'radioGroup'
+      | 'role'
+      | 'about'
+      | 'datatype'
+      | 'inlist'
+      | 'prefix'
+      | 'property'
+      | 'resource'
+      | 'typeof'
+      | 'vocab'
+      | 'autoCapitalize'
+      | 'autoCorrect'
+      | 'autoSave'
+      | 'color'
+      | 'itemProp'
+      | 'itemScope'
+      | 'itemType'
+      | 'itemID'
+      | 'itemRef'
+      | 'results'
+      | 'security'
+      | 'unselectable'
+      | '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-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'
+      | 'children'
+      | 'dangerouslySetInnerHTML'
+      | 'onCopy'
+      | 'onCopyCapture'
+      | 'onCut'
+      | 'onCutCapture'
+      | 'onPaste'
+      | 'onPasteCapture'
+      | 'onCompositionEnd'
+      | 'onCompositionEndCapture'
+      | 'onCompositionStart'
+      | 'onCompositionStartCapture'
+      | 'onCompositionUpdate'
+      | 'onCompositionUpdateCapture'
+      | 'onFocus'
+      | 'onFocusCapture'
+      | 'onBlur'
+      | 'onBlurCapture'
+      | 'onChangeCapture'
+      | 'onBeforeInput'
+      | 'onBeforeInputCapture'
+      | 'onInput'
+      | 'onInputCapture'
+      | 'onReset'
+      | 'onResetCapture'
+      | 'onSubmit'
+      | 'onSubmitCapture'
+      | 'onInvalid'
+      | 'onInvalidCapture'
+      | 'onLoad'
+      | 'onLoadCapture'
+      | 'onError'
+      | 'onErrorCapture'
+      | 'onKeyDown'
+      | 'onKeyDownCapture'
+      | 'onKeyPress'
+      | 'onKeyPressCapture'
+      | 'onKeyUp'
+      | 'onKeyUpCapture'
+      | 'onAbort'
+      | 'onAbortCapture'
+      | 'onCanPlay'
+      | 'onCanPlayCapture'
+      | 'onCanPlayThrough'
+      | 'onCanPlayThroughCapture'
+      | 'onDurationChange'
+      | 'onDurationChangeCapture'
+      | 'onEmptied'
+      | 'onEmptiedCapture'
+      | 'onEncrypted'
+      | 'onEncryptedCapture'
+      | 'onEnded'
+      | 'onEndedCapture'
+      | 'onLoadedData'
+      | 'onLoadedDataCapture'
+      | 'onLoadedMetadata'
+      | 'onLoadedMetadataCapture'
+      | 'onLoadStart'
+      | 'onLoadStartCapture'
+      | 'onPause'
+      | 'onPauseCapture'
+      | 'onPlay'
+      | 'onPlayCapture'
+      | 'onPlaying'
+      | 'onPlayingCapture'
+      | 'onProgress'
+      | 'onProgressCapture'
+      | 'onRateChange'
+      | 'onRateChangeCapture'
+      | 'onSeeked'
+      | 'onSeekedCapture'
+      | 'onSeeking'
+      | 'onSeekingCapture'
+      | 'onStalled'
+      | 'onStalledCapture'
+      | 'onSuspend'
+      | 'onSuspendCapture'
+      | 'onTimeUpdate'
+      | 'onTimeUpdateCapture'
+      | 'onVolumeChange'
+      | 'onVolumeChangeCapture'
+      | 'onWaiting'
+      | 'onWaitingCapture'
+      | 'onAuxClick'
+      | 'onAuxClickCapture'
+      | 'onClick'
+      | 'onClickCapture'
+      | 'onContextMenu'
+      | 'onContextMenuCapture'
+      | 'onDoubleClick'
+      | 'onDoubleClickCapture'
+      | 'onDrag'
+      | 'onDragCapture'
+      | 'onDragEnd'
+      | 'onDragEndCapture'
+      | 'onDragEnter'
+      | 'onDragEnterCapture'
+      | 'onDragExit'
+      | 'onDragExitCapture'
+      | 'onDragLeave'
+      | 'onDragLeaveCapture'
+      | 'onDragOver'
+      | 'onDragOverCapture'
+      | 'onDragStart'
+      | 'onDragStartCapture'
+      | 'onDrop'
+      | 'onDropCapture'
+      | 'onMouseDown'
+      | 'onMouseDownCapture'
+      | 'onMouseEnter'
+      | 'onMouseLeave'
+      | 'onMouseMove'
+      | 'onMouseMoveCapture'
+      | 'onMouseOut'
+      | 'onMouseOutCapture'
+      | 'onMouseOver'
+      | 'onMouseOverCapture'
+      | 'onMouseUp'
+      | 'onMouseUpCapture'
+      | 'onSelect'
+      | 'onSelectCapture'
+      | 'onTouchCancel'
+      | 'onTouchCancelCapture'
+      | 'onTouchEnd'
+      | 'onTouchEndCapture'
+      | 'onTouchMove'
+      | 'onTouchMoveCapture'
+      | 'onTouchStart'
+      | 'onTouchStartCapture'
+      | 'onPointerDown'
+      | 'onPointerDownCapture'
+      | 'onPointerMove'
+      | 'onPointerMoveCapture'
+      | 'onPointerUp'
+      | 'onPointerUpCapture'
+      | 'onPointerCancel'
+      | 'onPointerCancelCapture'
+      | 'onPointerEnter'
+      | 'onPointerEnterCapture'
+      | 'onPointerLeave'
+      | 'onPointerLeaveCapture'
+      | 'onPointerOver'
+      | 'onPointerOverCapture'
+      | 'onPointerOut'
+      | 'onPointerOutCapture'
+      | 'onGotPointerCapture'
+      | 'onGotPointerCaptureCapture'
+      | 'onLostPointerCapture'
+      | 'onLostPointerCaptureCapture'
+      | 'onScroll'
+      | 'onScrollCapture'
+      | 'onWheel'
+      | 'onWheelCapture'
+      | 'onAnimationStart'
+      | 'onAnimationStartCapture'
+      | 'onAnimationEnd'
+      | 'onAnimationEndCapture'
+      | 'onAnimationIteration'
+      | 'onAnimationIterationCapture'
+      | 'onTransitionEnd'
+      | 'onTransitionEndCapture'
+      | keyof {
+          ariaLabel?: string | undefined;
+          isDisabled?: boolean | undefined;
+          isRequired?: boolean | undefined;
+          isInvalid?: boolean | undefined;
+          isChecked?: boolean | undefined;
+          label?: ReactNode;
+          onChange?:
+            | ((
+                e: ChangeEvent<HTMLInputElement>,
+                analyticsEvent: UIAnalyticsEvent,
+              ) => void)
+            | undefined;
+          value?: string | undefined;
+          testId?: string | undefined;
+          analyticsContext?: Record<string, any> | undefined;
+        }
+      | 'createAnalyticsEvent'
+    > &
+      RefAttributes<HTMLInputElement>
+  >
+>;
 
-export declare function RadioGroup(props: RadioGroupProps): JSX.Element;
+// @public (undocumented)
+export function RadioGroup(props: RadioGroupProps): JSX.Element;
 
-declare interface RadioGroupProps {
-  /** Once set, controls the selected value on the `RadioGroup` */
-  value?: RadioValue | null;
-  /** Sets the initial selected value on the `RadioGroup` */
+// @public (undocumented)
+interface RadioGroupProps {
+  'aria-labelledby'?: string;
+  analyticsContext?: Record<string, any>;
   defaultValue?: RadioValue | null;
-  /** 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 */
-  isRequired?: boolean;
-  /** 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. */
-  options: OptionsPropType;
-  /** Function that gets fired after each invalid event */
-  onInvalid?: (event: SyntheticEvent<any>) => void;
-  /** Function that gets after each change event */
+  isRequired?: boolean;
+  name?: string;
   onChange?: (
     e: React_2.ChangeEvent<HTMLInputElement>,
     analyticsEvent: UIAnalyticsEvent,
   ) => void;
-  /** 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 */
-  analyticsContext?: Record<string, any>;
-  /** The id of the element that links to this radiogroup. */
-  'aria-labelledby'?: string;
+  onInvalid?: (event: SyntheticEvent<any>) => void;
+  options: OptionsPropType;
+  value?: RadioValue | null;
 }
 
-declare type RadioValue = string;
+// @public (undocumented)
+type RadioValue = string;
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```

package/dist/types-ts4.0/index.d.ts

@@ -1,2 +0,0 @@
-export { default as RadioGroup } from './radio-group';
-export { default as Radio } from './radio';

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

@@ -1,50 +0,0 @@
-import React, { SyntheticEvent } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { OptionsPropType, RadioValue } from './types';
-export interface RadioGroupProps {
-    /**
-     * Once set, controls the selected value on the `RadioGroup`
-     */
-    value?: RadioValue | null;
-    /**
-     * 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.
-     */
-    isDisabled?: boolean;
-    /**
-     * Sets the required state of all `Radio` elements in the group
-     */
-    isRequired?: boolean;
-    /**
-     * 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.
-     */
-    options: OptionsPropType;
-    /**
-     * Function that gets fired after each invalid event
-     */
-    onInvalid?: (event: SyntheticEvent<any>) => void;
-    /**
-     * Function that gets after each change event
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * 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
-     */
-    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/dist/types-ts4.0/radio.d.ts

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-/**
- * __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)
- */
-declare const Radio: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-label" | "disabled" | "required" | "checked" | "value">, keyof {
-    ariaLabel?: string | undefined;
-    isDisabled?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isChecked?: boolean | undefined;
-    label?: import("react").ReactNode;
-    onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
-    value?: string | undefined;
-    testId?: string | undefined;
-    analyticsContext?: Record<string, any> | undefined;
-}> & {
-    ariaLabel?: string | undefined;
-    isDisabled?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isChecked?: boolean | undefined;
-    label?: import("react").ReactNode;
-    onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
-    value?: string | undefined;
-    testId?: string | undefined;
-    analyticsContext?: Record<string, any> | undefined;
-} & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "crossOrigin" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "size" | "src" | "step" | "type" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
-    ariaLabel?: string | undefined;
-    isDisabled?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isChecked?: boolean | undefined;
-    label?: import("react").ReactNode;
-    onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
-    value?: string | undefined;
-    testId?: string | undefined;
-    analyticsContext?: Record<string, any> | undefined;
-} | "createAnalyticsEvent"> & import("react").RefAttributes<HTMLInputElement>>>;
-export default Radio;

package/dist/types-ts4.0/styles.d.ts

@@ -1,18 +0,0 @@
-import { ThemeModes } from '@atlaskit/theme/types';
-export default function getRadioCustomProperties(mode: ThemeModes): {
-    '--local-background': "var(--ds-background-input)";
-    '--local-background-active': "var(--ds-background-input-pressed)";
-    '--local-background-checked': "var(--ds-background-brand-bold)";
-    '--local-background-checked-active': "var(--ds-background-brand-bold-pressed)";
-    '--local-background-checked-hover': "var(--ds-background-brand-bold-hovered)";
-    '--local-background-disabled': "var(--ds-background-input)";
-    '--local-background-hover': "var(--ds-background-input-hovered)";
-    '--local-border': "var(--ds-border-input)";
-    '--local-border-disabled': "var(--ds-background-disabled)";
-    '--local-border-hover': "var(--ds-border-input)";
-    '--local-border-focus': "var(--ds-border-focused)";
-    '--local-dot-active': "var(--ds-text-inverse)";
-    '--local-dot-checked': "var(--ds-text-inverse)";
-    '--local-dot-disabled': "var(--ds-text-disabled)";
-    '--local-invalid': "var(--ds-icon-danger)";
-};

package/dist/types-ts4.0/types.d.ts

@@ -1,118 +0,0 @@
-import { ReactNode, SyntheticEvent } from 'react';
-import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-export declare type OptionPropType = {
-    isDisabled?: boolean;
-    label?: ReactNode;
-    name?: string;
-    value?: RadioValue;
-    testId?: string;
-};
-export declare type OptionsPropType = Array<OptionPropType>;
-export declare type RadioValue = string;
-declare type OwnProps = {
-    /**
-     * the aria-label attribute associated with the radio element
-     */
-    ariaLabel?: string;
-    /**
-     * Makes a `Radio` field unselectable when true. Overridden by `isDisabled` prop of `RadioGroup`.
-     */
-    isDisabled?: boolean;
-    /**
-     * Marks this as a required field
-     */
-    isRequired?: boolean;
-    /**
-     * Field is invalid
-     */
-    isInvalid?: boolean;
-    /**
-     * Set the field as checked
-     */
-    isChecked?: boolean;
-    /**
-     * The label value for the input rendered to the dom
-     */
-    label?: ReactNode;
-    /**
-     * onChange event handler, passed into the props of each `Radio` Component instantiated within `RadioGroup`
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Field value
-     */
-    value?: RadioValue;
-    /**
-     * 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
-     * we have 2 different testid generated based on the one you pass to the Radio component:
-     * - `{testId}--radio-input` to check if it got changed to checked/unchecked.
-     * - `{testId}--radio-label` to click the input
-     */
-    testId?: string;
-    /**
-     * Additional information to be included in the `context` of analytics events that come from radio
-     */
-    analyticsContext?: Record<string, any>;
-};
-declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
-export declare type RadioProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'disabled' | 'required' | 'checked' | 'value'>, OwnProps> & WithAnalyticsEventsProps;
-export interface ExtractReactTypeProps extends WithAnalyticsEventsProps {
-    /**
-     * the aria-label attribute associated with the radio element
-     */
-    ariaLabel?: string;
-    /**
-     * Field disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Marks this as a required field
-     */
-    isRequired?: boolean;
-    /**
-     * Field is invalid
-     */
-    isInvalid?: boolean;
-    /**
-     * Set the field as checked
-     */
-    isChecked?: boolean;
-    /**
-     * The label value for the input rendered to the dom
-     */
-    label?: ReactNode;
-    /**
-     * Field name, must be unique to the radio group
-     */
-    name?: string;
-    /**
-     * `onChange` event handler, passed into the props of each `Radio` Component instantiated within RadioGroup
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onMouseDown?: React.MouseEventHandler;
-    onMouseUp?: React.MouseEventHandler;
-    onMouseEnter?: React.MouseEventHandler;
-    onMouseLeave?: React.MouseEventHandler;
-    /**
-     * `onInvalid` event handler, passed into the props of each `Radio` component instantiated within `RadioGroup`
-     */
-    onInvalid?: (e: SyntheticEvent<any>) => void;
-    /**
-     * Field value
-     */
-    value?: RadioValue;
-    /**
-     * 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
-     * we have two different `testId`s generated based on the one you pass to the Radio component:
-     * - `{testId}--radio-input` to check if it got changed to checked/unchecked.
-     * - `{testId}--radio-label` to click the input
-     */
-    testId?: string;
-    /**
-     * Additional information to be included in the `context` of analytics events that come from radio
-     */
-    analyticsContext?: Record<string, any>;
-}
-export {};