@atlaskit/radio 8.4.7 → 8.5.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.
Files changed (28) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/codemods/add-comment-before.tsx +40 -0
  3. package/codemods/add-comment-to-start-of-file.tsx +20 -0
  4. package/codemods/add-to-import.tsx +32 -0
  5. package/codemods/create-remove-func-for.tsx +44 -0
  6. package/codemods/create-remove-imports-for.tsx +83 -0
  7. package/codemods/create-rename-func-for.tsx +26 -0
  8. package/codemods/create-rename-import-for.tsx +97 -0
  9. package/codemods/create-transformer.tsx +23 -0
  10. package/codemods/find-identifier-and-replace-attribute.tsx +27 -0
  11. package/codemods/get-jsx-attributes-by-name.tsx +18 -0
  12. package/codemods/get-named-specifier.tsx +24 -0
  13. package/codemods/has-import-declaration.tsx +12 -0
  14. package/codemods/has-variable-assignment.tsx +18 -0
  15. package/codemods/migrations/migrate-radio-aria-labelledby.tsx +6 -0
  16. package/codemods/migrations/migrate-radio-group-aria-labelledby.tsx +6 -0
  17. package/codemods/not-yet-migrate-aria-labelledby.tsx +3 -5
  18. package/codemods/try-create-import.tsx +27 -0
  19. package/codemods/types.tsx +1 -0
  20. package/dist/cjs/radio.compiled.css +1 -41
  21. package/dist/cjs/radio.js +3 -11
  22. package/dist/es2019/radio.compiled.css +1 -41
  23. package/dist/es2019/radio.js +3 -11
  24. package/dist/esm/radio.compiled.css +1 -41
  25. package/dist/esm/radio.js +3 -11
  26. package/package.json +10 -6
  27. package/codemods/migrations/migrate-aria-labelledby.tsx +0 -11
  28. package/codemods/utils.tsx +0 -479
package/dist/cjs/radio.js CHANGED
@@ -15,27 +15,19 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
15
15
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
16
16
  var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
17
17
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
18
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
18
  var _excluded = ["ariaLabel", "aria-labelledby", "isDisabled", "isRequired", "isInvalid", "isChecked", "label", "labelId", "name", "onChange", "value", "testId", "analyticsContext"]; /// <reference types="node" />
20
19
  // for typing `process`
21
20
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
22
21
  var packageName = "@atlaskit/radio";
23
- var packageVersion = "0.0.0-development";
22
+ var packageVersion = "8.4.7";
24
23
  var noop = _noop.default;
25
24
  var labelPaddingStyles = null;
26
25
  var labelStyles = null;
27
-
28
- // These styles should be removed when the platform-radio-atomic-styles feature gate is cleaned up.
29
- var labelLegacyStyles = null;
30
26
  var labelDisabledStyles = null;
31
27
  var radioBaseStyles = null;
32
28
  var radioInteractiveStyles = null;
33
29
  var radioDisabledStyles = null;
34
30
  var radioDisabledCheckedStyles = null;
35
-
36
- // These styles are applied when the platform-radio-atomic-styles feature gate is disabled.
37
- // When the feature gate is cleaned up, this style block can be removed.
38
- var radioLegacyStyles = null;
39
31
  var radioInvalidStyles = null;
40
32
  var InnerRadio = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref) {
41
33
  var ariaLabel = props.ariaLabel,
@@ -67,7 +59,7 @@ var InnerRadio = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref)
67
59
  return /*#__PURE__*/React.createElement("label", {
68
60
  "data-testid": testId && "".concat(testId, "--radio-label"),
69
61
  "data-disabled": isDisabled ? 'true' : undefined,
70
- className: (0, _runtime.ax)(["_11c8fhey _1e0c1txw _vchhusvi _kqswh2mm _4cvr1y6m _syazi7uo", !(0, _platformFeatureFlags.fg)('platform-radio-atomic-styles') && "_mqf81gmx _g7st13gf", isDisabled && (0, _platformFeatureFlags.fg)('platform-radio-atomic-styles') && "_syaz1gmx _80om13gf"])
62
+ className: (0, _runtime.ax)(["_11c8fhey _1e0c1txw _vchhusvi _kqswh2mm _4cvr1y6m _syazi7uo", isDisabled && "_syaz1gmx _80om13gf"])
71
63
  }, /*#__PURE__*/React.createElement("input", (0, _extends2.default)({}, rest, {
72
64
  // It is necessary only for Safari. It allows to render focus styles.
73
65
  tabIndex: 0,
@@ -88,7 +80,7 @@ var InnerRadio = /*#__PURE__*/(0, _react.forwardRef)(function Radio(props, ref)
88
80
  ,
89
81
  "data-invalid": isInvalid ? 'true' : undefined,
90
82
  ref: ref,
91
- className: (0, _runtime.ax)(["_18s8ze3t _19it3vzd _2rko1qll _12ji1r31 _1qu2glyw _12y31o36 _v56415j1 _1e0c1txw _1bsb1tcg _4t3i1tcg _kqswh2mm _4cvr1h6o _1bah1h6o _1o9zidpf _bfhk4t47 _13diglyw _1q6q1j9a _1151rsbi _1s6w5w2r _tqbwidpf _t9ec1soj _s7n4jp4b _wstuglyw _16r2ucr4 _14mj1qll _qc5orqeg _z0ai120g _1qdg120g _18postnw _aetrb3bt _1peq1xmd", !(0, _platformFeatureFlags.fg)('platform-radio-atomic-styles') && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", !(0, _platformFeatureFlags.fg)('platform-radio-atomic-styles') && "_19ybs4qr _1d7ps4qr _j5dh13gf _scgf13gf _4fps13gf _5ry313gf _qep213gf _180n13gf _1gcs13gf _1x1a13gf _6hp813gf _4ryaby5v _o1bdby5v _2kbkby5v _6cyrby5v _n8t0by5v _1o5rby5v _nxi6by5v _neoeby5v _1el2by5v _lekrbk0g _11v7bk0g _1if1bk0g _bl0ebk0g _92nabk0g _awurbk0g _1f8cbk0g _s2ftbk0g _17a1bk0g _x48a2sac _1ib22sac _wml02sac _tusm2sac _1c6f2sac _qftt2sac _1yk92sac _gdmb2sac _pmm42sac", !isDisabled && (0, _platformFeatureFlags.fg)('platform-radio-atomic-styles') && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", isDisabled && (0, _platformFeatureFlags.fg)('platform-radio-atomic-styles') && "_80om13gf _1q6qby5v _1151bk0g _1s6w2sac", isDisabled && isChecked && (0, _platformFeatureFlags.fg)('platform-radio-atomic-styles') && "_tqbwt94y", isInvalid && !isDisabled && (0, _platformFeatureFlags.fg)('platform-radio-atomic-styles') && "_1151s4qr _11jys4qr"])
83
+ className: (0, _runtime.ax)(["_18s8ze3t _19it3vzd _2rko1qll _12ji1r31 _1qu2glyw _12y31o36 _v56415j1 _1e0c1txw _1bsb1tcg _4t3i1tcg _kqswh2mm _4cvr1h6o _1bah1h6o _1o9zidpf _bfhk4t47 _13diglyw _1q6q1j9a _1151rsbi _1s6w5w2r _tqbwidpf _t9ec1soj _s7n4jp4b _wstuglyw _16r2ucr4 _14mj1qll _qc5orqeg _z0ai120g _1qdg120g _18postnw _aetrb3bt _1peq1xmd", !isDisabled && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", isDisabled && "_80om13gf _1q6qby5v _1151bk0g _1s6w2sac", isDisabled && isChecked && "_tqbwt94y", isInvalid && !isDisabled && "_1151s4qr _11jys4qr"])
92
84
  })), label ? /*#__PURE__*/React.createElement("span", {
93
85
  className: (0, _runtime.ax)(["_85i5v77o _1q51v77o _y4ti1b66 _bozg1b66"])
94
86
  }, label) : null);
package/dist/es2019/radio.compiled.css CHANGED
@@ -14,15 +14,10 @@
14
14
  ._12ji1r31{outline-color:currentColor}
15
15
  ._12y31o36{outline-width:medium}
16
16
  ._13diglyw{-moz-appearance:none}
17
- ._17a1bk0g:disabled[data-invalid]{--radio-border-color:var(--ds-border-disabled,#0515240f)}
18
17
  ._18postnw:after{position:absolute}
19
- ._19ybs4qr:checked[data-invalid]{--radio-border-color:var(--ds-icon-danger,#c9372c)}
20
18
  ._1bah1h6o{justify-content:center}
21
19
  ._1bsb1tcg{width:24px}
22
- ._1d7ps4qr[data-invalid]{--radio-border-color:var(--ds-icon-danger,#c9372c)}
23
20
  ._1e0c1txw{display:flex}
24
- ._1el2by5v:disabled[data-invalid]{--radio-background-color:var(--ds-background-disabled,#17171708)}
25
- ._1if1bk0g:disabled:checked{--radio-border-color:var(--ds-border-disabled,#0515240f)}
26
21
  ._1o9zidpf{flex-shrink:0}
27
22
  ._1peq1xmd:after{opacity:var(--radio-dot-opacity)}
28
23
  ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
@@ -32,26 +27,17 @@
32
27
  ._1qu2glyw{outline-style:none}
33
28
  ._1s6w2sac{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
34
29
  ._1s6w5w2r{--radio-dot-color:var(--ds-icon-inverse,#fff)}
35
- ._2kbkby5v:disabled:checked{--radio-background-color:var(--ds-background-disabled,#17171708)}
36
30
  ._4cvr1h6o{align-items:center}
37
31
  ._4cvr1y6m{align-items:flex-start}
38
- ._4fps13gf:disabled:checked{cursor:not-allowed}
39
- ._4ryaby5v:disabled{--radio-background-color:var(--ds-background-disabled,#17171708)}
40
32
  ._4t3i1tcg{height:24px}
41
- ._6hp813gf:disabled[data-invalid]{cursor:not-allowed}
42
33
  ._80om13gf{cursor:not-allowed}
43
34
  ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
44
35
  ._aetrb3bt:after{content:""}
45
36
  ._bfhk4t47{background-color:var(--radio-background-color)}
46
37
  ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
47
38
  ._f3ett94y:checked{--radio-dot-opacity:1px}
48
- ._g7st13gf[data-disabled]{cursor:not-allowed}
49
39
  ._iosijmqp:checked{--radio-background-color:var(--ds-background-selected-bold,#1868db)}
50
- ._j5dh13gf:disabled{cursor:not-allowed}
51
40
  ._kqswh2mm{position:relative}
52
- ._lekrbk0g:disabled{--radio-border-color:var(--ds-border-disabled,#0515240f)}
53
- ._mqf81gmx[data-disabled]{color:var(--ds-text-disabled,#080f214a)}
54
- ._pmm42sac:disabled[data-invalid]{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
55
41
  ._s7n4jp4b{vertical-align:top}
56
42
  ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
57
43
  ._syazi7uo{color:var(--ds-text,#292a2e)}
@@ -59,44 +45,18 @@
59
45
  ._tqbwidpf{--radio-dot-opacity:0}
60
46
  ._tqbwt94y{--radio-dot-opacity:1px}
61
47
  ._vchhusvi{box-sizing:border-box}
62
- ._wml02sac:disabled:checked{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
63
48
  ._wstuglyw{-webkit-appearance:none}
64
- ._x48a2sac:disabled{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
65
49
  ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
66
50
  ._z0ai120g:after{width:.6pc}
67
51
  ._6tjkdfik:checked:focus{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
68
52
  ._y2mvdfik:focus{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
69
53
  ._1bg41l7b:focus{outline-offset:3px}
70
- ._1c6f2sac:disabled:checked:focus{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
71
- ._1f8cbk0g:disabled:focus{--radio-border-color:var(--ds-border-disabled,#0515240f)}
72
- ._1gcs13gf:disabled:focus{cursor:not-allowed}
73
- ._1yk92sac:disabled:focus{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
74
- ._92nabk0g:disabled:checked:focus{--radio-border-color:var(--ds-border-disabled,#0515240f)}
75
54
  ._awqn1l7b:checked:focus{outline-offset:3px}
76
- ._n8t0by5v:disabled:checked:focus{--radio-background-color:var(--ds-background-disabled,#17171708)}
77
- ._nxi6by5v:disabled:focus{--radio-background-color:var(--ds-background-disabled,#17171708)}
78
- ._qep213gf:disabled:checked:focus{cursor:not-allowed}
79
- ._180n13gf:disabled:checked:hover{cursor:not-allowed}
80
55
  ._1iwz1q28:checked:hover{--radio-border-color:var(--ds-background-selected-bold-hovered,#1558bc)}
81
- ._1o5rby5v:disabled:checked:hover{--radio-background-color:var(--ds-background-disabled,#17171708)}
82
56
  ._1p9jrsbi:hover{--radio-border-color:var(--ds-border-input,#8c8f97)}
83
57
  ._1rvql4ek:hover{--radio-background-color:var(--ds-background-input-hovered,#f8f8f8)}
84
- ._1x1a13gf:disabled:hover{cursor:not-allowed}
85
- ._awurbk0g:disabled:checked:hover{--radio-border-color:var(--ds-border-disabled,#0515240f)}
86
- ._gdmb2sac:disabled:hover{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
87
- ._neoeby5v:disabled:hover{--radio-background-color:var(--ds-background-disabled,#17171708)}
88
- ._qftt2sac:disabled:checked:hover{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
89
- ._s2ftbk0g:disabled:hover{--radio-border-color:var(--ds-border-disabled,#0515240f)}
90
58
  ._x2tz1q28:checked:hover{--radio-background-color:var(--ds-background-selected-bold-hovered,#1558bc)}
91
- ._11v7bk0g:disabled:active{--radio-border-color:var(--ds-border-disabled,#0515240f)}
92
59
  ._1dvdrsbi:checked:active{--radio-border-color:var(--ds-border-input,#8c8f97)}
93
- ._1ib22sac:disabled:active{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
94
- ._5ry313gf:disabled:checked:active{cursor:not-allowed}
95
60
  ._60ak5w2r:checked:active{--radio-dot-color:var(--ds-icon-inverse,#fff)}
96
- ._6cyrby5v:disabled:checked:active{--radio-background-color:var(--ds-background-disabled,#17171708)}
97
- ._bl0ebk0g:disabled:checked:active{--radio-border-color:var(--ds-border-disabled,#0515240f)}
98
61
  ._jcko12kk:checked:active{--radio-background-color:var(--ds-background-selected-bold-pressed,#123263)}
99
- ._o1bdby5v:disabled:active{--radio-background-color:var(--ds-background-disabled,#17171708)}
100
- ._scgf13gf:disabled:active{cursor:not-allowed}
101
- ._sj8yr01l:active{--radio-background-color:var(--ds-background-input-pressed,#fff)}
102
- ._tusm2sac:disabled:checked:active{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
62
+ ._sj8yr01l:active{--radio-background-color:var(--ds-background-input-pressed,#fff)}
package/dist/es2019/radio.js CHANGED
@@ -8,24 +8,16 @@ import { ax, ix } from "@compiled/react/runtime";
8
8
  import { forwardRef, memo } from 'react';
9
9
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
10
10
  import __noop from '@atlaskit/ds-lib/noop';
11
- import { fg } from '@atlaskit/platform-feature-flags';
12
11
  const packageName = "@atlaskit/radio";
13
- const packageVersion = "0.0.0-development";
12
+ const packageVersion = "8.4.7";
14
13
  const noop = __noop;
15
14
  const labelPaddingStyles = null;
16
15
  const labelStyles = null;
17
-
18
- // These styles should be removed when the platform-radio-atomic-styles feature gate is cleaned up.
19
- const labelLegacyStyles = null;
20
16
  const labelDisabledStyles = null;
21
17
  const radioBaseStyles = null;
22
18
  const radioInteractiveStyles = null;
23
19
  const radioDisabledStyles = null;
24
20
  const radioDisabledCheckedStyles = null;
25
-
26
- // These styles are applied when the platform-radio-atomic-styles feature gate is disabled.
27
- // When the feature gate is cleaned up, this style block can be removed.
28
- const radioLegacyStyles = null;
29
21
  const radioInvalidStyles = null;
30
22
  const InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
31
23
  const {
@@ -56,7 +48,7 @@ const InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
56
48
  return /*#__PURE__*/React.createElement("label", {
57
49
  "data-testid": testId && `${testId}--radio-label`,
58
50
  "data-disabled": isDisabled ? 'true' : undefined,
59
- className: ax(["_11c8fhey _1e0c1txw _vchhusvi _kqswh2mm _4cvr1y6m _syazi7uo", !fg('platform-radio-atomic-styles') && "_mqf81gmx _g7st13gf", isDisabled && fg('platform-radio-atomic-styles') && "_syaz1gmx _80om13gf"])
51
+ className: ax(["_11c8fhey _1e0c1txw _vchhusvi _kqswh2mm _4cvr1y6m _syazi7uo", isDisabled && "_syaz1gmx _80om13gf"])
60
52
  }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
61
53
  // It is necessary only for Safari. It allows to render focus styles.
62
54
  tabIndex: 0,
@@ -77,7 +69,7 @@ const InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
77
69
  ,
78
70
  "data-invalid": isInvalid ? 'true' : undefined,
79
71
  ref: ref,
80
- className: ax(["_18s8ze3t _19it3vzd _2rko1qll _12ji1r31 _1qu2glyw _12y31o36 _v56415j1 _1e0c1txw _1bsb1tcg _4t3i1tcg _kqswh2mm _4cvr1h6o _1bah1h6o _1o9zidpf _bfhk4t47 _13diglyw _1q6q1j9a _1151rsbi _1s6w5w2r _tqbwidpf _t9ec1soj _s7n4jp4b _wstuglyw _16r2ucr4 _14mj1qll _qc5orqeg _z0ai120g _1qdg120g _18postnw _aetrb3bt _1peq1xmd", !fg('platform-radio-atomic-styles') && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", !fg('platform-radio-atomic-styles') && "_19ybs4qr _1d7ps4qr _j5dh13gf _scgf13gf _4fps13gf _5ry313gf _qep213gf _180n13gf _1gcs13gf _1x1a13gf _6hp813gf _4ryaby5v _o1bdby5v _2kbkby5v _6cyrby5v _n8t0by5v _1o5rby5v _nxi6by5v _neoeby5v _1el2by5v _lekrbk0g _11v7bk0g _1if1bk0g _bl0ebk0g _92nabk0g _awurbk0g _1f8cbk0g _s2ftbk0g _17a1bk0g _x48a2sac _1ib22sac _wml02sac _tusm2sac _1c6f2sac _qftt2sac _1yk92sac _gdmb2sac _pmm42sac", !isDisabled && fg('platform-radio-atomic-styles') && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", isDisabled && fg('platform-radio-atomic-styles') && "_80om13gf _1q6qby5v _1151bk0g _1s6w2sac", isDisabled && isChecked && fg('platform-radio-atomic-styles') && "_tqbwt94y", isInvalid && !isDisabled && fg('platform-radio-atomic-styles') && "_1151s4qr _11jys4qr"])
72
+ className: ax(["_18s8ze3t _19it3vzd _2rko1qll _12ji1r31 _1qu2glyw _12y31o36 _v56415j1 _1e0c1txw _1bsb1tcg _4t3i1tcg _kqswh2mm _4cvr1h6o _1bah1h6o _1o9zidpf _bfhk4t47 _13diglyw _1q6q1j9a _1151rsbi _1s6w5w2r _tqbwidpf _t9ec1soj _s7n4jp4b _wstuglyw _16r2ucr4 _14mj1qll _qc5orqeg _z0ai120g _1qdg120g _18postnw _aetrb3bt _1peq1xmd", !isDisabled && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", isDisabled && "_80om13gf _1q6qby5v _1151bk0g _1s6w2sac", isDisabled && isChecked && "_tqbwt94y", isInvalid && !isDisabled && "_1151s4qr _11jys4qr"])
81
73
  })), label ? /*#__PURE__*/React.createElement("span", {
82
74
  className: ax(["_85i5v77o _1q51v77o _y4ti1b66 _bozg1b66"])
83
75
  }, label) : null);
package/dist/esm/radio.compiled.css CHANGED
@@ -14,15 +14,10 @@
14
14
  ._12ji1r31{outline-color:currentColor}
15
15
  ._12y31o36{outline-width:medium}
16
16
  ._13diglyw{-moz-appearance:none}
17
- ._17a1bk0g:disabled[data-invalid]{--radio-border-color:var(--ds-border-disabled,#0515240f)}
18
17
  ._18postnw:after{position:absolute}
19
- ._19ybs4qr:checked[data-invalid]{--radio-border-color:var(--ds-icon-danger,#c9372c)}
20
18
  ._1bah1h6o{justify-content:center}
21
19
  ._1bsb1tcg{width:24px}
22
- ._1d7ps4qr[data-invalid]{--radio-border-color:var(--ds-icon-danger,#c9372c)}
23
20
  ._1e0c1txw{display:flex}
24
- ._1el2by5v:disabled[data-invalid]{--radio-background-color:var(--ds-background-disabled,#17171708)}
25
- ._1if1bk0g:disabled:checked{--radio-border-color:var(--ds-border-disabled,#0515240f)}
26
21
  ._1o9zidpf{flex-shrink:0}
27
22
  ._1peq1xmd:after{opacity:var(--radio-dot-opacity)}
28
23
  ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
@@ -32,26 +27,17 @@
32
27
  ._1qu2glyw{outline-style:none}
33
28
  ._1s6w2sac{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
34
29
  ._1s6w5w2r{--radio-dot-color:var(--ds-icon-inverse,#fff)}
35
- ._2kbkby5v:disabled:checked{--radio-background-color:var(--ds-background-disabled,#17171708)}
36
30
  ._4cvr1h6o{align-items:center}
37
31
  ._4cvr1y6m{align-items:flex-start}
38
- ._4fps13gf:disabled:checked{cursor:not-allowed}
39
- ._4ryaby5v:disabled{--radio-background-color:var(--ds-background-disabled,#17171708)}
40
32
  ._4t3i1tcg{height:24px}
41
- ._6hp813gf:disabled[data-invalid]{cursor:not-allowed}
42
33
  ._80om13gf{cursor:not-allowed}
43
34
  ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
44
35
  ._aetrb3bt:after{content:""}
45
36
  ._bfhk4t47{background-color:var(--radio-background-color)}
46
37
  ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
47
38
  ._f3ett94y:checked{--radio-dot-opacity:1px}
48
- ._g7st13gf[data-disabled]{cursor:not-allowed}
49
39
  ._iosijmqp:checked{--radio-background-color:var(--ds-background-selected-bold,#1868db)}
50
- ._j5dh13gf:disabled{cursor:not-allowed}
51
40
  ._kqswh2mm{position:relative}
52
- ._lekrbk0g:disabled{--radio-border-color:var(--ds-border-disabled,#0515240f)}
53
- ._mqf81gmx[data-disabled]{color:var(--ds-text-disabled,#080f214a)}
54
- ._pmm42sac:disabled[data-invalid]{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
55
41
  ._s7n4jp4b{vertical-align:top}
56
42
  ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
57
43
  ._syazi7uo{color:var(--ds-text,#292a2e)}
@@ -59,44 +45,18 @@
59
45
  ._tqbwidpf{--radio-dot-opacity:0}
60
46
  ._tqbwt94y{--radio-dot-opacity:1px}
61
47
  ._vchhusvi{box-sizing:border-box}
62
- ._wml02sac:disabled:checked{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
63
48
  ._wstuglyw{-webkit-appearance:none}
64
- ._x48a2sac:disabled{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
65
49
  ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
66
50
  ._z0ai120g:after{width:.6pc}
67
51
  ._6tjkdfik:checked:focus{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
68
52
  ._y2mvdfik:focus{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
69
53
  ._1bg41l7b:focus{outline-offset:3px}
70
- ._1c6f2sac:disabled:checked:focus{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
71
- ._1f8cbk0g:disabled:focus{--radio-border-color:var(--ds-border-disabled,#0515240f)}
72
- ._1gcs13gf:disabled:focus{cursor:not-allowed}
73
- ._1yk92sac:disabled:focus{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
74
- ._92nabk0g:disabled:checked:focus{--radio-border-color:var(--ds-border-disabled,#0515240f)}
75
54
  ._awqn1l7b:checked:focus{outline-offset:3px}
76
- ._n8t0by5v:disabled:checked:focus{--radio-background-color:var(--ds-background-disabled,#17171708)}
77
- ._nxi6by5v:disabled:focus{--radio-background-color:var(--ds-background-disabled,#17171708)}
78
- ._qep213gf:disabled:checked:focus{cursor:not-allowed}
79
- ._180n13gf:disabled:checked:hover{cursor:not-allowed}
80
55
  ._1iwz1q28:checked:hover{--radio-border-color:var(--ds-background-selected-bold-hovered,#1558bc)}
81
- ._1o5rby5v:disabled:checked:hover{--radio-background-color:var(--ds-background-disabled,#17171708)}
82
56
  ._1p9jrsbi:hover{--radio-border-color:var(--ds-border-input,#8c8f97)}
83
57
  ._1rvql4ek:hover{--radio-background-color:var(--ds-background-input-hovered,#f8f8f8)}
84
- ._1x1a13gf:disabled:hover{cursor:not-allowed}
85
- ._awurbk0g:disabled:checked:hover{--radio-border-color:var(--ds-border-disabled,#0515240f)}
86
- ._gdmb2sac:disabled:hover{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
87
- ._neoeby5v:disabled:hover{--radio-background-color:var(--ds-background-disabled,#17171708)}
88
- ._qftt2sac:disabled:checked:hover{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
89
- ._s2ftbk0g:disabled:hover{--radio-border-color:var(--ds-border-disabled,#0515240f)}
90
58
  ._x2tz1q28:checked:hover{--radio-background-color:var(--ds-background-selected-bold-hovered,#1558bc)}
91
- ._11v7bk0g:disabled:active{--radio-border-color:var(--ds-border-disabled,#0515240f)}
92
59
  ._1dvdrsbi:checked:active{--radio-border-color:var(--ds-border-input,#8c8f97)}
93
- ._1ib22sac:disabled:active{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
94
- ._5ry313gf:disabled:checked:active{cursor:not-allowed}
95
60
  ._60ak5w2r:checked:active{--radio-dot-color:var(--ds-icon-inverse,#fff)}
96
- ._6cyrby5v:disabled:checked:active{--radio-background-color:var(--ds-background-disabled,#17171708)}
97
- ._bl0ebk0g:disabled:checked:active{--radio-border-color:var(--ds-border-disabled,#0515240f)}
98
61
  ._jcko12kk:checked:active{--radio-background-color:var(--ds-background-selected-bold-pressed,#123263)}
99
- ._o1bdby5v:disabled:active{--radio-background-color:var(--ds-background-disabled,#17171708)}
100
- ._scgf13gf:disabled:active{cursor:not-allowed}
101
- ._sj8yr01l:active{--radio-background-color:var(--ds-background-input-pressed,#fff)}
102
- ._tusm2sac:disabled:checked:active{--radio-dot-color:var(--ds-icon-disabled,#080f214a)}
62
+ ._sj8yr01l:active{--radio-background-color:var(--ds-background-input-pressed,#fff)}
package/dist/esm/radio.js CHANGED
@@ -10,24 +10,16 @@ import { ax, ix } from "@compiled/react/runtime";
10
10
  import { forwardRef, memo } from 'react';
11
11
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
12
12
  import __noop from '@atlaskit/ds-lib/noop';
13
- import { fg } from '@atlaskit/platform-feature-flags';
14
13
  var packageName = "@atlaskit/radio";
15
- var packageVersion = "0.0.0-development";
14
+ var packageVersion = "8.4.7";
16
15
  var noop = __noop;
17
16
  var labelPaddingStyles = null;
18
17
  var labelStyles = null;
19
-
20
- // These styles should be removed when the platform-radio-atomic-styles feature gate is cleaned up.
21
- var labelLegacyStyles = null;
22
18
  var labelDisabledStyles = null;
23
19
  var radioBaseStyles = null;
24
20
  var radioInteractiveStyles = null;
25
21
  var radioDisabledStyles = null;
26
22
  var radioDisabledCheckedStyles = null;
27
-
28
- // These styles are applied when the platform-radio-atomic-styles feature gate is disabled.
29
- // When the feature gate is cleaned up, this style block can be removed.
30
- var radioLegacyStyles = null;
31
23
  var radioInvalidStyles = null;
32
24
  var InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
33
25
  var ariaLabel = props.ariaLabel,
@@ -59,7 +51,7 @@ var InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
59
51
  return /*#__PURE__*/React.createElement("label", {
60
52
  "data-testid": testId && "".concat(testId, "--radio-label"),
61
53
  "data-disabled": isDisabled ? 'true' : undefined,
62
- className: ax(["_11c8fhey _1e0c1txw _vchhusvi _kqswh2mm _4cvr1y6m _syazi7uo", !fg('platform-radio-atomic-styles') && "_mqf81gmx _g7st13gf", isDisabled && fg('platform-radio-atomic-styles') && "_syaz1gmx _80om13gf"])
54
+ className: ax(["_11c8fhey _1e0c1txw _vchhusvi _kqswh2mm _4cvr1y6m _syazi7uo", isDisabled && "_syaz1gmx _80om13gf"])
63
55
  }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
64
56
  // It is necessary only for Safari. It allows to render focus styles.
65
57
  tabIndex: 0,
@@ -80,7 +72,7 @@ var InnerRadio = /*#__PURE__*/forwardRef(function Radio(props, ref) {
80
72
  ,
81
73
  "data-invalid": isInvalid ? 'true' : undefined,
82
74
  ref: ref,
83
- className: ax(["_18s8ze3t _19it3vzd _2rko1qll _12ji1r31 _1qu2glyw _12y31o36 _v56415j1 _1e0c1txw _1bsb1tcg _4t3i1tcg _kqswh2mm _4cvr1h6o _1bah1h6o _1o9zidpf _bfhk4t47 _13diglyw _1q6q1j9a _1151rsbi _1s6w5w2r _tqbwidpf _t9ec1soj _s7n4jp4b _wstuglyw _16r2ucr4 _14mj1qll _qc5orqeg _z0ai120g _1qdg120g _18postnw _aetrb3bt _1peq1xmd", !fg('platform-radio-atomic-styles') && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", !fg('platform-radio-atomic-styles') && "_19ybs4qr _1d7ps4qr _j5dh13gf _scgf13gf _4fps13gf _5ry313gf _qep213gf _180n13gf _1gcs13gf _1x1a13gf _6hp813gf _4ryaby5v _o1bdby5v _2kbkby5v _6cyrby5v _n8t0by5v _1o5rby5v _nxi6by5v _neoeby5v _1el2by5v _lekrbk0g _11v7bk0g _1if1bk0g _bl0ebk0g _92nabk0g _awurbk0g _1f8cbk0g _s2ftbk0g _17a1bk0g _x48a2sac _1ib22sac _wml02sac _tusm2sac _1c6f2sac _qftt2sac _1yk92sac _gdmb2sac _pmm42sac", !isDisabled && fg('platform-radio-atomic-styles') && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", isDisabled && fg('platform-radio-atomic-styles') && "_80om13gf _1q6qby5v _1151bk0g _1s6w2sac", isDisabled && isChecked && fg('platform-radio-atomic-styles') && "_tqbwt94y", isInvalid && !isDisabled && fg('platform-radio-atomic-styles') && "_1151s4qr _11jys4qr"])
75
+ className: ax(["_18s8ze3t _19it3vzd _2rko1qll _12ji1r31 _1qu2glyw _12y31o36 _v56415j1 _1e0c1txw _1bsb1tcg _4t3i1tcg _kqswh2mm _4cvr1h6o _1bah1h6o _1o9zidpf _bfhk4t47 _13diglyw _1q6q1j9a _1151rsbi _1s6w5w2r _tqbwidpf _t9ec1soj _s7n4jp4b _wstuglyw _16r2ucr4 _14mj1qll _qc5orqeg _z0ai120g _1qdg120g _18postnw _aetrb3bt _1peq1xmd", !isDisabled && "_iosijmqp _11jyjmqp _f3ett94y _y2mvdfik _1bg41l7b _6tjkdfik _awqn1l7b _1rvql4ek _1p9jrsbi _x2tz1q28 _1iwz1q28 _sj8yr01l _jcko12kk _1dvdrsbi _60ak5w2r", isDisabled && "_80om13gf _1q6qby5v _1151bk0g _1s6w2sac", isDisabled && isChecked && "_tqbwt94y", isInvalid && !isDisabled && "_1151s4qr _11jys4qr"])
84
76
  })), label ? /*#__PURE__*/React.createElement("span", {
85
77
  className: ax(["_85i5v77o _1q51v77o _y4ti1b66 _bozg1b66"])
86
78
  }, label) : null);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/radio",
3
- "version": "8.4.7",
3
+ "version": "8.5.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/"
@@ -25,6 +25,13 @@
25
25
  ],
26
26
  "atlaskit:src": "src/index.tsx",
27
27
  "atlassian": {
28
+ "react-compiler": {
29
+ "enabled": true,
30
+ "gating": {
31
+ "source": "@atlassian/react-compiler-gating",
32
+ "importSpecifierName": "isReactCompilerActivePlatform"
33
+ }
34
+ },
28
35
  "team": "Design System Team",
29
36
  "website": {
30
37
  "name": "Radio",
@@ -55,6 +62,7 @@
55
62
  "@atlaskit/link": "^3.3.0",
56
63
  "@atlaskit/primitives": "^18.1.0",
57
64
  "@atlaskit/section-message": "^8.12.0",
65
+ "@atlassian/react-compiler-gating": "workspace:^",
58
66
  "@atlassian/ssr-tests": "workspace:^",
59
67
  "@atlassian/structured-docs-types": "workspace:^",
60
68
  "@testing-library/react": "^16.3.0",
@@ -88,9 +96,5 @@
88
96
  }
89
97
  },
90
98
  "homepage": "https://atlassian.design/components/radio/",
91
- "platform-feature-flags": {
92
- "platform-radio-atomic-styles": {
93
- "type": "boolean"
94
- }
95
- }
99
+ "platform-feature-flags": {}
96
100
  }
package/codemods/migrations/migrate-aria-labelledby.tsx DELETED
@@ -1,11 +0,0 @@
1
- import { createRenameFuncFor } from '../utils';
2
-
3
- export const migrateRadioAriaLabelledby: (
4
- j: import('jscodeshift/src/core').JSCodeshift,
5
- source: import('jscodeshift/src/Collection').Collection<Node>,
6
- ) => void = createRenameFuncFor('@atlaskit/radio', 'Radio', 'aria-labelledby', 'labelId');
7
-
8
- export const migrateRadioGroupAriaLabelledby: (
9
- j: import('jscodeshift/src/core').JSCodeshift,
10
- source: import('jscodeshift/src/Collection').Collection<Node>,
11
- ) => void = createRenameFuncFor('@atlaskit/radio', 'RadioGroup', 'aria-labelledby', 'labelId');