@atlaskit/radio 8.6.0 → 8.6.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.js +1 -1
- package/dist/es2019/radio.js +1 -1
- package/dist/esm/radio.js +1 -1
- package/package.json +4 -3
- package/radio.docs.tsx +85 -83
package/CHANGELOG.md
CHANGED
package/dist/cjs/radio.js
CHANGED
|
@@ -19,7 +19,7 @@ var _excluded = ["ariaLabel", "aria-labelledby", "isDisabled", "isRequired", "is
|
|
|
19
19
|
// for typing `process`
|
|
20
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); }
|
|
21
21
|
var packageName = "@atlaskit/radio";
|
|
22
|
-
var packageVersion = "8.
|
|
22
|
+
var packageVersion = "8.6.1";
|
|
23
23
|
var noop = _noop.default;
|
|
24
24
|
var labelPaddingStyles = null;
|
|
25
25
|
var labelStyles = null;
|
package/dist/es2019/radio.js
CHANGED
|
@@ -9,7 +9,7 @@ import { forwardRef, memo } from 'react';
|
|
|
9
9
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
10
10
|
import __noop from '@atlaskit/ds-lib/noop';
|
|
11
11
|
const packageName = "@atlaskit/radio";
|
|
12
|
-
const packageVersion = "8.
|
|
12
|
+
const packageVersion = "8.6.1";
|
|
13
13
|
const noop = __noop;
|
|
14
14
|
const labelPaddingStyles = null;
|
|
15
15
|
const labelStyles = null;
|
package/dist/esm/radio.js
CHANGED
|
@@ -11,7 +11,7 @@ import { forwardRef, memo } from 'react';
|
|
|
11
11
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
12
12
|
import __noop from '@atlaskit/ds-lib/noop';
|
|
13
13
|
var packageName = "@atlaskit/radio";
|
|
14
|
-
var packageVersion = "8.
|
|
14
|
+
var packageVersion = "8.6.1";
|
|
15
15
|
var noop = __noop;
|
|
16
16
|
var labelPaddingStyles = null;
|
|
17
17
|
var labelStyles = null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/radio",
|
|
3
|
-
"version": "8.6.
|
|
3
|
+
"version": "8.6.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/"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@atlaskit/css": "^0.19.0",
|
|
44
44
|
"@atlaskit/ds-lib": "^7.0.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
46
|
-
"@atlaskit/theme": "^
|
|
46
|
+
"@atlaskit/theme": "^25.0.0",
|
|
47
47
|
"@atlaskit/tokens": "^13.0.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@compiled/react": "^0.20.0"
|
|
@@ -61,13 +61,14 @@
|
|
|
61
61
|
"@atlaskit/form": "^15.5.0",
|
|
62
62
|
"@atlaskit/link": "^3.4.0",
|
|
63
63
|
"@atlaskit/primitives": "^19.0.0",
|
|
64
|
-
"@atlaskit/section-message": "^8.
|
|
64
|
+
"@atlaskit/section-message": "^8.13.0",
|
|
65
65
|
"@atlassian/react-compiler-gating": "workspace:^",
|
|
66
66
|
"@atlassian/ssr-tests": "workspace:^",
|
|
67
67
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
68
68
|
"@testing-library/react": "^16.3.0",
|
|
69
69
|
"@testing-library/user-event": "^14.4.3",
|
|
70
70
|
"jscodeshift": "^17.0.0",
|
|
71
|
+
"react": "^18.2.0",
|
|
71
72
|
"react-dom": "^18.2.0"
|
|
72
73
|
},
|
|
73
74
|
"keywords": [
|
package/radio.docs.tsx
CHANGED
|
@@ -1,93 +1,95 @@
|
|
|
1
1
|
import path from 'path';
|
|
2
2
|
|
|
3
|
-
import type {
|
|
3
|
+
import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
|
|
4
4
|
|
|
5
|
-
const documentation:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
description:
|
|
9
|
-
'A radio button component for single selection from a set of mutually exclusive choices. Use for custom radio button presentations like options in tables or when you need fine control over individual radio buttons.',
|
|
10
|
-
status: 'general-availability',
|
|
11
|
-
import: {
|
|
5
|
+
const documentation: StructuredContentSource = {
|
|
6
|
+
components: [
|
|
7
|
+
{
|
|
12
8
|
name: 'Radio',
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
},
|
|
18
|
-
usageGuidelines: [
|
|
19
|
-
'Use for custom radio button presentations (e.g., options in tables)',
|
|
20
|
-
'Use when you need fine control over individual radio buttons',
|
|
21
|
-
'List options in logical order (most likely to least likely)',
|
|
22
|
-
'Make one option the default (safest, most secure option)',
|
|
23
|
-
"Add 'None' option if unselected state is needed",
|
|
24
|
-
"Add 'Other' option if not all options can be listed",
|
|
25
|
-
],
|
|
26
|
-
contentGuidelines: [
|
|
27
|
-
'Use clear, descriptive labels that provide context',
|
|
28
|
-
'Keep labels concise but informative',
|
|
29
|
-
'Use sentence case for labels',
|
|
30
|
-
'Avoid overlapping or skipping numeric choices',
|
|
31
|
-
],
|
|
32
|
-
accessibilityGuidelines: [
|
|
33
|
-
'Include error messages for required or invalid radio fields',
|
|
34
|
-
'Never preselect high-risk options for payment, privacy, or security',
|
|
35
|
-
"Don't use disabled radio buttons if they need to remain in tab order",
|
|
36
|
-
'Use validation instead of disabled state for better accessibility',
|
|
37
|
-
],
|
|
38
|
-
examples: [
|
|
39
|
-
{
|
|
9
|
+
description:
|
|
10
|
+
'A radio button component for single selection from a set of mutually exclusive choices. Use for custom radio button presentations like options in tables or when you need fine control over individual radio buttons.',
|
|
11
|
+
status: 'general-availability',
|
|
12
|
+
import: {
|
|
40
13
|
name: 'Radio',
|
|
41
|
-
|
|
42
|
-
|
|
14
|
+
package: '@atlaskit/radio',
|
|
15
|
+
type: 'named',
|
|
16
|
+
packagePath: path.resolve(__dirname),
|
|
17
|
+
packageJson: require('./package.json'),
|
|
43
18
|
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
19
|
+
usageGuidelines: [
|
|
20
|
+
'Use for custom radio button presentations (e.g., options in tables)',
|
|
21
|
+
'Use when you need fine control over individual radio buttons',
|
|
22
|
+
'List options in logical order (most likely to least likely)',
|
|
23
|
+
'Make one option the default (safest, most secure option)',
|
|
24
|
+
"Add 'None' option if unselected state is needed",
|
|
25
|
+
"Add 'Other' option if not all options can be listed",
|
|
26
|
+
],
|
|
27
|
+
contentGuidelines: [
|
|
28
|
+
'Use clear, descriptive labels that provide context',
|
|
29
|
+
'Keep labels concise but informative',
|
|
30
|
+
'Use sentence case for labels',
|
|
31
|
+
'Avoid overlapping or skipping numeric choices',
|
|
32
|
+
],
|
|
33
|
+
accessibilityGuidelines: [
|
|
34
|
+
'Include error messages for required or invalid radio fields',
|
|
35
|
+
'Never preselect high-risk options for payment, privacy, or security',
|
|
36
|
+
"Don't use disabled radio buttons if they need to remain in tab order",
|
|
37
|
+
'Use validation instead of disabled state for better accessibility',
|
|
38
|
+
],
|
|
39
|
+
examples: [
|
|
40
|
+
{
|
|
41
|
+
name: 'Radio',
|
|
42
|
+
description: 'Radio example',
|
|
43
|
+
source: path.resolve(__dirname, './examples/ai/radio.tsx'),
|
|
44
|
+
},
|
|
45
|
+
],
|
|
46
|
+
keywords: ['radio', 'button', 'input', 'form', 'selection', 'choice', 'option'],
|
|
47
|
+
categories: ['form', 'interaction'],
|
|
59
48
|
},
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
'Use sentence case for labels',
|
|
72
|
-
'Avoid overlapping or skipping numeric choices',
|
|
73
|
-
],
|
|
74
|
-
accessibilityGuidelines: [
|
|
75
|
-
'Include error messages for required or invalid radio fields',
|
|
76
|
-
'Never preselect high-risk options for payment, privacy, or security',
|
|
77
|
-
"Don't use disabled radio buttons if they need to remain in tab order",
|
|
78
|
-
'Use validation instead of disabled state for better accessibility',
|
|
79
|
-
'Ensure proper keyboard navigation with arrow keys',
|
|
80
|
-
],
|
|
81
|
-
examples: [
|
|
82
|
-
{
|
|
83
|
-
name: 'Radio Group',
|
|
84
|
-
description: 'Radio Group example',
|
|
85
|
-
source: path.resolve(__dirname, './examples/ai/radio-group.tsx'),
|
|
49
|
+
{
|
|
50
|
+
name: 'RadioGroup',
|
|
51
|
+
description:
|
|
52
|
+
'A radio group component that presents a list of options where only one choice can be selected. Use for most radio button scenarios where you want a simple list of mutually exclusive options.',
|
|
53
|
+
status: 'general-availability',
|
|
54
|
+
import: {
|
|
55
|
+
name: 'RadioGroup',
|
|
56
|
+
package: '@atlaskit/radio',
|
|
57
|
+
type: 'named',
|
|
58
|
+
packagePath: path.resolve(__dirname),
|
|
59
|
+
packageJson: require('./package.json'),
|
|
86
60
|
},
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
61
|
+
usageGuidelines: [
|
|
62
|
+
'Use for most radio button scenarios with simple option lists',
|
|
63
|
+
'List options in logical order (most likely to least likely)',
|
|
64
|
+
'Make one option the default (safest, most secure option)',
|
|
65
|
+
"Add 'None' option if unselected state is needed",
|
|
66
|
+
"Add 'Other' option if not all options can be listed",
|
|
67
|
+
'Use select component for longer lists of options',
|
|
68
|
+
],
|
|
69
|
+
contentGuidelines: [
|
|
70
|
+
'Use clear, descriptive labels that provide context',
|
|
71
|
+
'Keep labels concise but informative',
|
|
72
|
+
'Use sentence case for labels',
|
|
73
|
+
'Avoid overlapping or skipping numeric choices',
|
|
74
|
+
],
|
|
75
|
+
accessibilityGuidelines: [
|
|
76
|
+
'Include error messages for required or invalid radio fields',
|
|
77
|
+
'Never preselect high-risk options for payment, privacy, or security',
|
|
78
|
+
"Don't use disabled radio buttons if they need to remain in tab order",
|
|
79
|
+
'Use validation instead of disabled state for better accessibility',
|
|
80
|
+
'Ensure proper keyboard navigation with arrow keys',
|
|
81
|
+
],
|
|
82
|
+
examples: [
|
|
83
|
+
{
|
|
84
|
+
name: 'Radio Group',
|
|
85
|
+
description: 'Radio Group example',
|
|
86
|
+
source: path.resolve(__dirname, './examples/ai/radio-group.tsx'),
|
|
87
|
+
},
|
|
88
|
+
],
|
|
89
|
+
keywords: ['radio', 'group', 'form', 'selection', 'choice', 'options', 'list'],
|
|
90
|
+
categories: ['form', 'interaction'],
|
|
91
|
+
},
|
|
92
|
+
],
|
|
93
|
+
};
|
|
92
94
|
|
|
93
95
|
export default documentation;
|