@atlaskit/radio 7.2.0 → 7.2.2
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 +12 -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-group.d.ts +1 -1
- package/dist/types-ts4.5/radio-group.d.ts +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -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.2.
|
|
24
|
+
var packageVersion = "7.2.2";
|
|
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.2.
|
|
12
|
+
const packageVersion = "7.2.2";
|
|
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.2.
|
|
14
|
+
var packageVersion = "7.2.2";
|
|
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/radio",
|
|
3
|
-
"version": "7.2.
|
|
3
|
+
"version": "7.2.2",
|
|
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/"
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"@atlaskit/analytics-next": "^10.3.0",
|
|
43
43
|
"@atlaskit/css": "^0.8.0",
|
|
44
44
|
"@atlaskit/ds-lib": "^3.5.0",
|
|
45
|
-
"@atlaskit/platform-feature-flags": "^0.
|
|
46
|
-
"@atlaskit/theme": "^
|
|
45
|
+
"@atlaskit/platform-feature-flags": "^1.0.0",
|
|
46
|
+
"@atlaskit/theme": "^15.0.0",
|
|
47
47
|
"@atlaskit/tokens": "^3.3.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@compiled/react": "^0.18.1"
|