@atlaskit/radio 5.3.13 → 5.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dist/cjs/radio.js +13 -13
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/radio.js +2 -2
- package/dist/es2019/version.json +1 -1
- package/dist/esm/radio.js +2 -2
- package/dist/esm/version.json +1 -1
- package/dist/types/radio.d.ts +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/radio
|
|
2
2
|
|
|
3
|
+
## 5.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`54a5b7576a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a5b7576a6) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 5.3.13
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
package/dist/cjs/radio.js
CHANGED
|
@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
13
13
|
|
|
14
14
|
var _react = require("react");
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _react2 = require("@emotion/react");
|
|
17
17
|
|
|
18
18
|
var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
|
|
19
19
|
|
|
@@ -29,13 +29,13 @@ var _styles = _interopRequireDefault(require("./styles"));
|
|
|
29
29
|
|
|
30
30
|
var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "mode", "name", "onChange", "value", "testId", "analyticsContext"];
|
|
31
31
|
var packageName = "@atlaskit/radio";
|
|
32
|
-
var packageVersion = "5.
|
|
32
|
+
var packageVersion = "5.4.0";
|
|
33
33
|
var fontFamily = (0, _constants.fontFamily)();
|
|
34
34
|
var noop = _noop.default;
|
|
35
|
-
var labelPaddingStyles = (0,
|
|
35
|
+
var labelPaddingStyles = (0, _react2.css)({
|
|
36
36
|
padding: '2px 4px'
|
|
37
37
|
});
|
|
38
|
-
var labelStyles = (0,
|
|
38
|
+
var labelStyles = (0, _react2.css)({
|
|
39
39
|
display: 'flex',
|
|
40
40
|
boxSizing: 'border-box',
|
|
41
41
|
position: 'relative',
|
|
@@ -47,13 +47,13 @@ var labelStyles = (0, _core.css)({
|
|
|
47
47
|
cursor: 'not-allowed'
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
|
-
var lightLabelStyles = (0,
|
|
50
|
+
var lightLabelStyles = (0, _react2.css)({
|
|
51
51
|
color: "var(--ds-text, ".concat(_colors.N900, ")")
|
|
52
52
|
});
|
|
53
|
-
var darkLabelStyles = (0,
|
|
53
|
+
var darkLabelStyles = (0, _react2.css)({
|
|
54
54
|
color: "var(--ds-text, ".concat(_colors.DN600, ")")
|
|
55
55
|
});
|
|
56
|
-
var radioStyles = (0,
|
|
56
|
+
var radioStyles = (0, _react2.css)({
|
|
57
57
|
display: 'flex',
|
|
58
58
|
|
|
59
59
|
/*
|
|
@@ -173,17 +173,17 @@ var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, re
|
|
|
173
173
|
packageVersion: packageVersion
|
|
174
174
|
});
|
|
175
175
|
var radioCustomProperties = (0, _react.useMemo)(function () {
|
|
176
|
-
return (0,
|
|
176
|
+
return (0, _react2.css)((0, _styles.default)(mode));
|
|
177
177
|
}, [mode]);
|
|
178
178
|
return (// https://product-fabric.atlassian.net/browse/DST-1971
|
|
179
179
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control,jsx-a11y/label-has-for
|
|
180
|
-
(0,
|
|
180
|
+
(0, _react2.jsx)("label", {
|
|
181
181
|
"data-testid": testId && "".concat(testId, "--radio-label"),
|
|
182
182
|
"data-disabled": isDisabled ? 'true' : undefined // TODO these will no longer be dynamic styles when legacy theming removed
|
|
183
183
|
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
|
|
184
184
|
,
|
|
185
185
|
css: [labelStyles, mode === 'light' ? lightLabelStyles : darkLabelStyles]
|
|
186
|
-
}, (0,
|
|
186
|
+
}, (0, _react2.jsx)("input", (0, _extends2.default)({}, rest, {
|
|
187
187
|
"aria-label": ariaLabel,
|
|
188
188
|
checked: isChecked,
|
|
189
189
|
disabled: isDisabled,
|
|
@@ -200,7 +200,7 @@ var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, re
|
|
|
200
200
|
,
|
|
201
201
|
css: [radioStyles, radioCustomProperties],
|
|
202
202
|
ref: ref
|
|
203
|
-
})), label ? (0,
|
|
203
|
+
})), label ? (0, _react2.jsx)("span", {
|
|
204
204
|
css: labelPaddingStyles
|
|
205
205
|
}, label) : null)
|
|
206
206
|
);
|
|
@@ -216,9 +216,9 @@ var RadioWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, re
|
|
|
216
216
|
*/
|
|
217
217
|
|
|
218
218
|
var Radio = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref) {
|
|
219
|
-
return (0,
|
|
219
|
+
return (0, _react2.jsx)(_components.default.Consumer, null, function (_ref) {
|
|
220
220
|
var mode = _ref.mode;
|
|
221
|
-
return (0,
|
|
221
|
+
return (0, _react2.jsx)(RadioWithMode, (0, _extends2.default)({}, props, {
|
|
222
222
|
ref: ref,
|
|
223
223
|
mode: mode
|
|
224
224
|
}));
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/radio.js
CHANGED
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
|
|
3
3
|
/** @jsx jsx */
|
|
4
4
|
import { forwardRef, memo, useMemo } from 'react';
|
|
5
|
-
import { css, jsx } from '@emotion/
|
|
5
|
+
import { css, jsx } from '@emotion/react';
|
|
6
6
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
7
7
|
import __noop from '@atlaskit/ds-lib/noop';
|
|
8
8
|
import { DN600, N80, N900 } from '@atlaskit/theme/colors';
|
|
@@ -10,7 +10,7 @@ import GlobalTheme from '@atlaskit/theme/components';
|
|
|
10
10
|
import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
|
|
11
11
|
import getRadioCustomProperties from './styles';
|
|
12
12
|
const packageName = "@atlaskit/radio";
|
|
13
|
-
const packageVersion = "5.
|
|
13
|
+
const packageVersion = "5.4.0";
|
|
14
14
|
const fontFamily = getFontFamily();
|
|
15
15
|
const noop = __noop;
|
|
16
16
|
const labelPaddingStyles = css({
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/radio.js
CHANGED
|
@@ -4,7 +4,7 @@ var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecke
|
|
|
4
4
|
|
|
5
5
|
/** @jsx jsx */
|
|
6
6
|
import { forwardRef, memo, useMemo } from 'react';
|
|
7
|
-
import { css, jsx } from '@emotion/
|
|
7
|
+
import { css, jsx } from '@emotion/react';
|
|
8
8
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
9
9
|
import __noop from '@atlaskit/ds-lib/noop';
|
|
10
10
|
import { DN600, N80, N900 } from '@atlaskit/theme/colors';
|
|
@@ -12,7 +12,7 @@ import GlobalTheme from '@atlaskit/theme/components';
|
|
|
12
12
|
import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
|
|
13
13
|
import getRadioCustomProperties from './styles';
|
|
14
14
|
var packageName = "@atlaskit/radio";
|
|
15
|
-
var packageVersion = "5.
|
|
15
|
+
var packageVersion = "5.4.0";
|
|
16
16
|
var fontFamily = getFontFamily();
|
|
17
17
|
var noop = __noop;
|
|
18
18
|
var labelPaddingStyles = css({
|
package/dist/esm/version.json
CHANGED
package/dist/types/radio.d.ts
CHANGED
|
@@ -30,7 +30,7 @@ declare const Radio: import("react").MemoExoticComponent<import("react").Forward
|
|
|
30
30
|
value?: string | undefined;
|
|
31
31
|
testId?: string | undefined;
|
|
32
32
|
analyticsContext?: Record<string, any> | undefined;
|
|
33
|
-
} & 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" |
|
|
33
|
+
} & 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 {
|
|
34
34
|
ariaLabel?: string | undefined;
|
|
35
35
|
isDisabled?: boolean | undefined;
|
|
36
36
|
isRequired?: boolean | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/radio",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.4.0",
|
|
4
4
|
"description": "A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@atlaskit/analytics-next": "^8.0.0",
|
|
33
33
|
"@atlaskit/ds-lib": "^2.1.0",
|
|
34
|
-
"@atlaskit/theme": "^12.
|
|
34
|
+
"@atlaskit/theme": "^12.2.0",
|
|
35
35
|
"@atlaskit/tokens": "^0.10.0",
|
|
36
36
|
"@babel/runtime": "^7.0.0",
|
|
37
|
-
"@emotion/
|
|
37
|
+
"@emotion/react": "^11.7.1"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"react": "^16.8.0"
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@atlaskit/checkbox": "^12.3.0",
|
|
45
45
|
"@atlaskit/docs": "^9.0.0",
|
|
46
46
|
"@atlaskit/form": "^8.5.0",
|
|
47
|
-
"@atlaskit/section-message": "^6.
|
|
47
|
+
"@atlaskit/section-message": "^6.2.0",
|
|
48
48
|
"@atlaskit/ssr": "*",
|
|
49
49
|
"@atlaskit/visual-regression": "*",
|
|
50
50
|
"@atlaskit/webdriver-runner": "*",
|