@atlaskit/radio 7.1.0 → 7.2.1
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 +18 -0
- package/dist/cjs/radio.compiled.css +4 -1
- package/dist/cjs/radio.js +2 -5
- package/dist/es2019/radio.compiled.css +4 -1
- package/dist/es2019/radio.js +2 -2
- package/dist/esm/radio.compiled.css +4 -1
- package/dist/esm/radio.js +2 -5
- package/dist/types/radio.d.ts +2 -34
- package/dist/types-ts4.5/radio.d.ts +2 -34
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/radio
|
|
2
2
|
|
|
3
|
+
## 7.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 7.2.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
|
|
14
|
+
[`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
|
|
15
|
+
Update `React` from v16 to v18
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 7.1.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
._16r2ucr4:after{background:var(--radio-dot-color)}
|
|
5
5
|
._18s8ze3t{margin:var(--ds-space-0,0)}
|
|
6
6
|
._19itbyy8{border:var(--_1q9y51y)}
|
|
7
|
-
._1yt41j1s{padding:var(--_1kppzk3)}
|
|
8
7
|
._2rko1q5u{border-radius:var(--ds-border-radius-circle,50%)}
|
|
9
8
|
._qc5orqeg:after{transition:background-color .2s ease-in-out,opacity .2s ease-in-out}
|
|
10
9
|
._v56415j1{transition:border-color .2s ease-in-out,background-color .2s ease-in-out}._1151ddza{--radio-border-color:var(--_vnm8xo)}
|
|
@@ -19,6 +18,7 @@
|
|
|
19
18
|
._1e0c1txw{display:flex}
|
|
20
19
|
._1o9zidpf{flex-shrink:0}
|
|
21
20
|
._1peq1xmd:after{opacity:var(--radio-dot-opacity)}
|
|
21
|
+
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
22
22
|
._1q6q1kd8{--radio-background-color:var(--_4mkb4g)}
|
|
23
23
|
._1qdg120g:after{height:.6pc}
|
|
24
24
|
._1qdg1cbz:after{height:6.85714px}
|
|
@@ -28,8 +28,10 @@
|
|
|
28
28
|
._4cvr1y6m{align-items:flex-start}
|
|
29
29
|
._4rya1ouc:disabled, ._o1bd1ouc:disabled:active, ._nxi61ouc:disabled:focus, ._neoe1ouc:disabled:hover, ._1el21ouc:disabled[data-invalid]{--radio-background-color:var(--_r5pknd)}
|
|
30
30
|
._4t3i1tcg{height:24px}
|
|
31
|
+
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
31
32
|
._aetrb3bt:after{content:""}
|
|
32
33
|
._bfhk4t47{background-color:var(--radio-background-color)}
|
|
34
|
+
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
33
35
|
._f3ett94y:checked{--radio-dot-opacity:1px}
|
|
34
36
|
._g7st13gf[data-disabled]{cursor:not-allowed}
|
|
35
37
|
._iosi1j4g:checked{--radio-background-color:var(--_1gcp7nr)}
|
|
@@ -45,6 +47,7 @@
|
|
|
45
47
|
._vchhusvi{box-sizing:border-box}
|
|
46
48
|
._wstuglyw{-webkit-appearance:none}
|
|
47
49
|
._x48asnw8:disabled, ._1ib2snw8:disabled:active, ._1yk9snw8:disabled:focus, ._gdmbsnw8:disabled:hover, ._pmm4snw8:disabled[data-invalid]{--radio-dot-color:var(--_1xmcmw9)}
|
|
50
|
+
._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
|
|
48
51
|
._z0ai120g:after{width:.6pc}
|
|
49
52
|
._z0ai1cbz:after{width:6.85714px}
|
|
50
53
|
._6tjk1ri4:checked:focus{outline:var(--_1rdyq0k)}
|
package/dist/cjs/radio.js
CHANGED
|
@@ -21,7 +21,7 @@ var _excluded = ["ariaLabel", "isDisabled", "isRequired", "isInvalid", "isChecke
|
|
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
23
|
var packageName = "@atlaskit/radio";
|
|
24
|
-
var packageVersion = "7.1
|
|
24
|
+
var packageVersion = "7.2.1";
|
|
25
25
|
var noop = _noop.default;
|
|
26
26
|
var labelPaddingStyles = null;
|
|
27
27
|
var labelStyles = null;
|
|
@@ -98,10 +98,7 @@ var InnerRadio = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref)
|
|
|
98
98
|
"--_1xmcmw9": (0, _runtime.ix)("var(--ds-icon-disabled, ".concat(_colors.N70, ")"))
|
|
99
99
|
}
|
|
100
100
|
})), label ? /*#__PURE__*/React.createElement("span", {
|
|
101
|
-
className: (0, _runtime.ax)(["
|
|
102
|
-
style: {
|
|
103
|
-
"--_1kppzk3": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"))
|
|
104
|
-
}
|
|
101
|
+
className: (0, _runtime.ax)(["_85i5v77o _1q51v77o _y4ti1b66 _bozg1b66"])
|
|
105
102
|
}, label) : null);
|
|
106
103
|
});
|
|
107
104
|
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
._16r2ucr4:after{background:var(--radio-dot-color)}
|
|
5
5
|
._18s8ze3t{margin:var(--ds-space-0,0)}
|
|
6
6
|
._19it3vzd{border:var(--ds-border-width,1px) solid var(--radio-border-color)}
|
|
7
|
-
._1yt4u49m{padding:var(--ds-space-025,2px) var(--ds-space-050,4px)}
|
|
8
7
|
._2rko1q5u{border-radius:var(--ds-border-radius-circle,50%)}
|
|
9
8
|
._qc5orqeg:after{transition:background-color .2s ease-in-out,opacity .2s ease-in-out}
|
|
10
9
|
._v56415j1{transition:border-color .2s ease-in-out,background-color .2s ease-in-out}._11511fmg{--radio-border-color:var(--ds-border-input,#7a869a)}
|
|
@@ -19,6 +18,7 @@
|
|
|
19
18
|
._1e0c1txw{display:flex}
|
|
20
19
|
._1o9zidpf{flex-shrink:0}
|
|
21
20
|
._1peq1xmd:after{opacity:var(--radio-dot-opacity)}
|
|
21
|
+
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
22
22
|
._1q6qmag2{--radio-background-color:var(--ds-background-input,#fafbfc)}
|
|
23
23
|
._1qdg120g:after{height:.6pc}
|
|
24
24
|
._1qdg1cbz:after{height:6.85714px}
|
|
@@ -28,8 +28,10 @@
|
|
|
28
28
|
._4cvr1y6m{align-items:flex-start}
|
|
29
29
|
._4rya1y1w:disabled, ._o1bd1y1w:disabled:active, ._nxi61y1w:disabled:focus, ._neoe1y1w:disabled:hover, ._1el21y1w:disabled[data-invalid]{--radio-background-color:var(--ds-background-disabled,#f4f5f7)}
|
|
30
30
|
._4t3i1tcg{height:24px}
|
|
31
|
+
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
31
32
|
._aetrb3bt:after{content:""}
|
|
32
33
|
._bfhk4t47{background-color:var(--radio-background-color)}
|
|
34
|
+
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
33
35
|
._f3ett94y:checked{--radio-dot-opacity:1px}
|
|
34
36
|
._g7st13gf[data-disabled]{cursor:not-allowed}
|
|
35
37
|
._iosizyvw:checked{--radio-background-color:var(--ds-background-selected-bold,#0052cc)}
|
|
@@ -45,6 +47,7 @@
|
|
|
45
47
|
._vchhusvi{box-sizing:border-box}
|
|
46
48
|
._wstuglyw{-webkit-appearance:none}
|
|
47
49
|
._x48a15t7:disabled, ._1ib215t7:disabled:active, ._1yk915t7:disabled:focus, ._gdmb15t7:disabled:hover, ._pmm415t7:disabled[data-invalid]{--radio-dot-color:var(--ds-icon-disabled,#a5adba)}
|
|
50
|
+
._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
|
|
48
51
|
._z0ai120g:after{width:.6pc}
|
|
49
52
|
._z0ai1cbz:after{width:6.85714px}
|
|
50
53
|
._6tjkehbj:checked:focus{outline:var(--ds-border-width-outline,3px) solid var(--ds-border-focused,#2684ff)}
|
package/dist/es2019/radio.js
CHANGED
|
@@ -9,7 +9,7 @@ import __noop from '@atlaskit/ds-lib/noop';
|
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
10
|
import { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
|
|
11
11
|
const packageName = "@atlaskit/radio";
|
|
12
|
-
const packageVersion = "7.1
|
|
12
|
+
const packageVersion = "7.2.1";
|
|
13
13
|
const noop = __noop;
|
|
14
14
|
const labelPaddingStyles = null;
|
|
15
15
|
const labelStyles = null;
|
|
@@ -64,7 +64,7 @@ const InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
|
|
|
64
64
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
65
65
|
fg('platform-icon-control-migration') && "_t9ec1soj _z0ai120g _1qdg120g"])
|
|
66
66
|
})), label ? /*#__PURE__*/React.createElement("span", {
|
|
67
|
-
className: ax(["
|
|
67
|
+
className: ax(["_85i5v77o _1q51v77o _y4ti1b66 _bozg1b66"])
|
|
68
68
|
}, label) : null);
|
|
69
69
|
});
|
|
70
70
|
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
._16r2ucr4:after{background:var(--radio-dot-color)}
|
|
5
5
|
._18s8ze3t{margin:var(--ds-space-0,0)}
|
|
6
6
|
._19itbyy8{border:var(--_1q9y51y)}
|
|
7
|
-
._1yt41j1s{padding:var(--_1kppzk3)}
|
|
8
7
|
._2rko1q5u{border-radius:var(--ds-border-radius-circle,50%)}
|
|
9
8
|
._qc5orqeg:after{transition:background-color .2s ease-in-out,opacity .2s ease-in-out}
|
|
10
9
|
._v56415j1{transition:border-color .2s ease-in-out,background-color .2s ease-in-out}._1151ddza{--radio-border-color:var(--_vnm8xo)}
|
|
@@ -19,6 +18,7 @@
|
|
|
19
18
|
._1e0c1txw{display:flex}
|
|
20
19
|
._1o9zidpf{flex-shrink:0}
|
|
21
20
|
._1peq1xmd:after{opacity:var(--radio-dot-opacity)}
|
|
21
|
+
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
22
22
|
._1q6q1kd8{--radio-background-color:var(--_4mkb4g)}
|
|
23
23
|
._1qdg120g:after{height:.6pc}
|
|
24
24
|
._1qdg1cbz:after{height:6.85714px}
|
|
@@ -28,8 +28,10 @@
|
|
|
28
28
|
._4cvr1y6m{align-items:flex-start}
|
|
29
29
|
._4rya1ouc:disabled, ._o1bd1ouc:disabled:active, ._nxi61ouc:disabled:focus, ._neoe1ouc:disabled:hover, ._1el21ouc:disabled[data-invalid]{--radio-background-color:var(--_r5pknd)}
|
|
30
30
|
._4t3i1tcg{height:24px}
|
|
31
|
+
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
31
32
|
._aetrb3bt:after{content:""}
|
|
32
33
|
._bfhk4t47{background-color:var(--radio-background-color)}
|
|
34
|
+
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
33
35
|
._f3ett94y:checked{--radio-dot-opacity:1px}
|
|
34
36
|
._g7st13gf[data-disabled]{cursor:not-allowed}
|
|
35
37
|
._iosi1j4g:checked{--radio-background-color:var(--_1gcp7nr)}
|
|
@@ -45,6 +47,7 @@
|
|
|
45
47
|
._vchhusvi{box-sizing:border-box}
|
|
46
48
|
._wstuglyw{-webkit-appearance:none}
|
|
47
49
|
._x48asnw8:disabled, ._1ib2snw8:disabled:active, ._1yk9snw8:disabled:focus, ._gdmbsnw8:disabled:hover, ._pmm4snw8:disabled[data-invalid]{--radio-dot-color:var(--_1xmcmw9)}
|
|
50
|
+
._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
|
|
48
51
|
._z0ai120g:after{width:.6pc}
|
|
49
52
|
._z0ai1cbz:after{width:6.85714px}
|
|
50
53
|
._6tjk1ri4:checked:focus{outline:var(--_1rdyq0k)}
|
package/dist/esm/radio.js
CHANGED
|
@@ -11,7 +11,7 @@ import __noop from '@atlaskit/ds-lib/noop';
|
|
|
11
11
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
12
|
import { B200, B300, B400, B50, N10, N100, N20, N30, N70, N80, N900, R300 } from '@atlaskit/theme/colors';
|
|
13
13
|
var packageName = "@atlaskit/radio";
|
|
14
|
-
var packageVersion = "7.1
|
|
14
|
+
var packageVersion = "7.2.1";
|
|
15
15
|
var noop = __noop;
|
|
16
16
|
var labelPaddingStyles = null;
|
|
17
17
|
var labelStyles = null;
|
|
@@ -88,10 +88,7 @@ var InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
|
|
|
88
88
|
"--_1xmcmw9": ix("var(--ds-icon-disabled, ".concat(N70, ")"))
|
|
89
89
|
}
|
|
90
90
|
})), label ? /*#__PURE__*/React.createElement("span", {
|
|
91
|
-
className: ax(["
|
|
92
|
-
style: {
|
|
93
|
-
"--_1kppzk3": ix("var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"))
|
|
94
|
-
}
|
|
91
|
+
className: ax(["_85i5v77o _1q51v77o _y4ti1b66 _bozg1b66"])
|
|
95
92
|
}, label) : null);
|
|
96
93
|
});
|
|
97
94
|
|
package/dist/types/radio.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { type RadioProps } from './types';
|
|
2
3
|
/**
|
|
3
4
|
* __Radio__
|
|
4
5
|
*
|
|
@@ -8,38 +9,5 @@
|
|
|
8
9
|
* - [Code](https://atlassian.design/components/radio/code)
|
|
9
10
|
* - [Usage](https://atlassian.design/components/radio/usage)
|
|
10
11
|
*/
|
|
11
|
-
declare const Radio: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<
|
|
12
|
-
ariaLabel?: string | undefined;
|
|
13
|
-
isDisabled?: boolean | undefined;
|
|
14
|
-
isRequired?: boolean | undefined;
|
|
15
|
-
isInvalid?: boolean | undefined;
|
|
16
|
-
isChecked?: boolean | undefined;
|
|
17
|
-
label?: import("react").ReactNode;
|
|
18
|
-
onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
|
|
19
|
-
value?: string | undefined;
|
|
20
|
-
testId?: string | undefined;
|
|
21
|
-
analyticsContext?: Record<string, any> | undefined;
|
|
22
|
-
}> & {
|
|
23
|
-
ariaLabel?: string | undefined;
|
|
24
|
-
isDisabled?: boolean | undefined;
|
|
25
|
-
isRequired?: boolean | undefined;
|
|
26
|
-
isInvalid?: boolean | undefined;
|
|
27
|
-
isChecked?: boolean | undefined;
|
|
28
|
-
label?: import("react").ReactNode;
|
|
29
|
-
onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
|
|
30
|
-
value?: string | undefined;
|
|
31
|
-
testId?: string | undefined;
|
|
32
|
-
analyticsContext?: Record<string, any> | undefined;
|
|
33
|
-
} & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "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" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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
|
-
ariaLabel?: string | undefined;
|
|
35
|
-
isDisabled?: boolean | undefined;
|
|
36
|
-
isRequired?: boolean | undefined;
|
|
37
|
-
isInvalid?: boolean | undefined;
|
|
38
|
-
isChecked?: boolean | undefined;
|
|
39
|
-
label?: import("react").ReactNode;
|
|
40
|
-
onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
|
|
41
|
-
value?: string | undefined;
|
|
42
|
-
testId?: string | undefined;
|
|
43
|
-
analyticsContext?: Record<string, any> | undefined;
|
|
44
|
-
} | "createAnalyticsEvent"> & import("react").RefAttributes<HTMLInputElement>>>;
|
|
12
|
+
declare const Radio: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
|
|
45
13
|
export default Radio;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { type RadioProps } from './types';
|
|
2
3
|
/**
|
|
3
4
|
* __Radio__
|
|
4
5
|
*
|
|
@@ -8,38 +9,5 @@
|
|
|
8
9
|
* - [Code](https://atlassian.design/components/radio/code)
|
|
9
10
|
* - [Usage](https://atlassian.design/components/radio/usage)
|
|
10
11
|
*/
|
|
11
|
-
declare const Radio: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<
|
|
12
|
-
ariaLabel?: string | undefined;
|
|
13
|
-
isDisabled?: boolean | undefined;
|
|
14
|
-
isRequired?: boolean | undefined;
|
|
15
|
-
isInvalid?: boolean | undefined;
|
|
16
|
-
isChecked?: boolean | undefined;
|
|
17
|
-
label?: import("react").ReactNode;
|
|
18
|
-
onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
|
|
19
|
-
value?: string | undefined;
|
|
20
|
-
testId?: string | undefined;
|
|
21
|
-
analyticsContext?: Record<string, any> | undefined;
|
|
22
|
-
}> & {
|
|
23
|
-
ariaLabel?: string | undefined;
|
|
24
|
-
isDisabled?: boolean | undefined;
|
|
25
|
-
isRequired?: boolean | undefined;
|
|
26
|
-
isInvalid?: boolean | undefined;
|
|
27
|
-
isChecked?: boolean | undefined;
|
|
28
|
-
label?: import("react").ReactNode;
|
|
29
|
-
onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
|
|
30
|
-
value?: string | undefined;
|
|
31
|
-
testId?: string | undefined;
|
|
32
|
-
analyticsContext?: Record<string, any> | undefined;
|
|
33
|
-
} & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "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" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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
|
-
ariaLabel?: string | undefined;
|
|
35
|
-
isDisabled?: boolean | undefined;
|
|
36
|
-
isRequired?: boolean | undefined;
|
|
37
|
-
isInvalid?: boolean | undefined;
|
|
38
|
-
isChecked?: boolean | undefined;
|
|
39
|
-
label?: import("react").ReactNode;
|
|
40
|
-
onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
|
|
41
|
-
value?: string | undefined;
|
|
42
|
-
testId?: string | undefined;
|
|
43
|
-
analyticsContext?: Record<string, any> | undefined;
|
|
44
|
-
} | "createAnalyticsEvent"> & import("react").RefAttributes<HTMLInputElement>>>;
|
|
12
|
+
declare const Radio: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
|
|
45
13
|
export default Radio;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/radio",
|
|
3
|
-
"version": "7.1
|
|
3
|
+
"version": "7.2.1",
|
|
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/"
|
|
@@ -39,12 +39,12 @@
|
|
|
39
39
|
".": "./src/index.tsx"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@atlaskit/analytics-next": "^10.
|
|
43
|
-
"@atlaskit/css": "^0.
|
|
44
|
-
"@atlaskit/ds-lib": "^3.
|
|
45
|
-
"@atlaskit/platform-feature-flags": "^0.
|
|
46
|
-
"@atlaskit/theme": "^14.
|
|
47
|
-
"@atlaskit/tokens": "^3.
|
|
42
|
+
"@atlaskit/analytics-next": "^10.3.0",
|
|
43
|
+
"@atlaskit/css": "^0.8.0",
|
|
44
|
+
"@atlaskit/ds-lib": "^3.5.0",
|
|
45
|
+
"@atlaskit/platform-feature-flags": "^1.0.0",
|
|
46
|
+
"@atlaskit/theme": "^14.1.0",
|
|
47
|
+
"@atlaskit/tokens": "^3.3.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@compiled/react": "^0.18.1"
|
|
50
50
|
},
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
"@af/accessibility-testing": "*",
|
|
56
56
|
"@af/integration-testing": "*",
|
|
57
57
|
"@af/visual-regression": "*",
|
|
58
|
-
"@atlaskit/checkbox": "^15.
|
|
58
|
+
"@atlaskit/checkbox": "^15.3.0",
|
|
59
59
|
"@atlaskit/ssr": "*",
|
|
60
60
|
"@atlaskit/visual-regression": "*",
|
|
61
61
|
"@atlassian/feature-flags-test-utils": "*",
|
|
62
|
-
"@testing-library/react": "^
|
|
63
|
-
"react-dom": "^
|
|
62
|
+
"@testing-library/react": "^13.4.0",
|
|
63
|
+
"react-dom": "^18.2.0",
|
|
64
64
|
"storybook-addon-performance": "^0.17.3",
|
|
65
65
|
"typescript": "~5.4.2"
|
|
66
66
|
},
|