@atlaskit/radio 5.6.5 → 5.6.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/radio
 
+## 5.6.7
+
+### Patch Changes
+
+- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
+
+## 5.6.6
+
+### Patch Changes
+
+- [`2e1fa43ac4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e1fa43ac4b) - update border width to use border spacing token
+
 ## 5.6.5
 
 ### Patch Changes

package/dist/cjs/radio.js

@@ -19,7 +19,7 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
 /** @jsx jsx */
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.6.5";
+var packageVersion = "5.6.7";
 var fontFamily = (0, _constants.fontFamily)();
 var noop = _noop.default;
 var labelPaddingStyles = (0, _react2.css)({
@@ -63,7 +63,7 @@ var radioStyles = (0, _react2.css)({
   backgroundColor: 'var(--radio-background-color)',
   /* Border should multiply by 24/14 to offset scale, a scale of 12 / 7 is to fix a Chrome bug that makes the circle become an oval and the
     inner circle not be centred at various zoom levels */
-  border: "".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
+  border: "".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
   borderRadius: "var(--ds-border-radius-circle, 50%)",
   MozAppearance: 'none',
   outline: 'none',

package/dist/cjs/version.json

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

package/dist/es2019/radio.js

@@ -10,7 +10,7 @@ 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.6.5";
+const packageVersion = "5.6.7";
 const fontFamily = getFontFamily();
 const noop = __noop;
 const labelPaddingStyles = css({
@@ -54,7 +54,7 @@ const radioStyles = css({
   backgroundColor: 'var(--radio-background-color)',
   /* Border should multiply by 24/14 to offset scale, a scale of 12 / 7 is to fix a Chrome bug that makes the circle become an oval and the
     inner circle not be centred at various zoom levels */
-  border: `${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)'} solid var(--radio-border-color)`,
+  border: `${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)'} solid var(--radio-border-color)`,
   borderRadius: "var(--ds-border-radius-circle, 50%)",
   MozAppearance: 'none',
   outline: 'none',

package/dist/es2019/version.json

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

package/dist/esm/radio.js

@@ -12,7 +12,7 @@ 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.6.5";
+var packageVersion = "5.6.7";
 var fontFamily = getFontFamily();
 var noop = __noop;
 var labelPaddingStyles = css({
@@ -56,7 +56,7 @@ var radioStyles = css({
   backgroundColor: 'var(--radio-background-color)',
   /* Border should multiply by 24/14 to offset scale, a scale of 12 / 7 is to fix a Chrome bug that makes the circle become an oval and the
     inner circle not be centred at various zoom levels */
-  border: "".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? '1px' : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
+  border: "".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 'calc(2px * 12 / 7)', " solid var(--radio-border-color)"),
   borderRadius: "var(--ds-border-radius-circle, 50%)",
   MozAppearance: 'none',
   outline: 'none',

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/radio",
-  "version": "5.6.5",
+  "version": "5.6.7",
   "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/"
@@ -52,18 +52,13 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.8.0",
-    "@atlaskit/checkbox": "^12.6.0",
-    "@atlaskit/docs": "^9.1.0",
-    "@atlaskit/form": "^8.11.0",
-    "@atlaskit/section-message": "^6.4.0",
+    "@af/accessibility-testing": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "*",
     "@testing-library/react": "^12.1.5",
-    "jest-axe": "^4.0.0",
     "react-dom": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",
     "typescript": "~4.9.5"

package/tmp/api-report-tmp.d.ts

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