@atlaskit/checkbox 17.3.5 → 17.3.7
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 +13 -0
- package/checkbox.docs.tsx +53 -0
- package/dist/cjs/checkbox.js +2 -2
- package/dist/cjs/internal/checkbox-icon.js +1 -1
- package/dist/cjs/internal/label-text.js +1 -1
- package/dist/cjs/internal/label.js +1 -1
- package/dist/cjs/internal/required-indicator.compiled.css +1 -1
- package/dist/cjs/internal/required-indicator.js +2 -6
- package/dist/es2019/checkbox.js +2 -2
- package/dist/es2019/internal/checkbox-icon.js +1 -1
- package/dist/es2019/internal/label-text.js +1 -1
- package/dist/es2019/internal/label.js +1 -1
- package/dist/es2019/internal/required-indicator.compiled.css +1 -1
- package/dist/es2019/internal/required-indicator.js +2 -3
- package/dist/esm/checkbox.js +2 -2
- package/dist/esm/internal/checkbox-icon.js +1 -1
- package/dist/esm/internal/label-text.js +1 -1
- package/dist/esm/internal/label.js +1 -1
- package/dist/esm/internal/required-indicator.compiled.css +1 -1
- package/dist/esm/internal/required-indicator.js +2 -6
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/checkbox
|
|
2
2
|
|
|
3
|
+
## 17.3.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
|
|
8
|
+
Removes redundant fallback color values via @atlaskit/theme
|
|
9
|
+
|
|
10
|
+
## 17.3.6
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 17.3.5
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'Checkbox',
|
|
8
|
+
description:
|
|
9
|
+
'A checkbox is an input control that allows a user to select one or more options from a number of choices.',
|
|
10
|
+
status: 'general-availability',
|
|
11
|
+
import: {
|
|
12
|
+
name: 'Checkbox',
|
|
13
|
+
package: '@atlaskit/checkbox',
|
|
14
|
+
type: 'default',
|
|
15
|
+
packagePath: path.resolve(__dirname),
|
|
16
|
+
packageJson: require('./package.json'),
|
|
17
|
+
},
|
|
18
|
+
usageGuidelines: [
|
|
19
|
+
'Use for multiple choice selections from a list, or for explicit confirmation (e.g. settings)',
|
|
20
|
+
'Use indeterminate state when some but not all children in a group are selected',
|
|
21
|
+
'Group related checkboxes logically',
|
|
22
|
+
'Provide clear labels for each option',
|
|
23
|
+
'Consider default states carefully',
|
|
24
|
+
'Use Radio for single selection; Dropdown for compact single choice; Toggle for on/off',
|
|
25
|
+
],
|
|
26
|
+
contentGuidelines: [
|
|
27
|
+
'Write short, descriptive labels; no punctuation after labels',
|
|
28
|
+
'Use consistent language across related options',
|
|
29
|
+
'Avoid negative phrasing when possible',
|
|
30
|
+
'Group related options together',
|
|
31
|
+
],
|
|
32
|
+
accessibilityGuidelines: [
|
|
33
|
+
'Include error messages for required or invalid checkbox state',
|
|
34
|
+
'Do not use disabled if the control must stay in tab order; use validation and error message so screen reader users hear why and how to proceed',
|
|
35
|
+
'Ensure proper labeling for all checkboxes',
|
|
36
|
+
'Use clear, descriptive labels that explain the choice',
|
|
37
|
+
'Provide keyboard navigation support',
|
|
38
|
+
'Indicate required fields clearly',
|
|
39
|
+
'Use appropriate error states and messaging',
|
|
40
|
+
],
|
|
41
|
+
examples: [
|
|
42
|
+
{
|
|
43
|
+
name: 'Checkbox',
|
|
44
|
+
description: 'Checkbox example',
|
|
45
|
+
source: path.resolve(__dirname, './examples/ai/checkbox.tsx'),
|
|
46
|
+
},
|
|
47
|
+
],
|
|
48
|
+
keywords: ['checkbox', 'input', 'form', 'selection', 'choice', 'option', 'multiple'],
|
|
49
|
+
categories: ['forms-and-input'],
|
|
50
|
+
},
|
|
51
|
+
];
|
|
52
|
+
|
|
53
|
+
export default documentation;
|
package/dist/cjs/checkbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* checkbox.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* checkbox.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -73,7 +73,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
73
73
|
analyticsData: analyticsContext,
|
|
74
74
|
componentName: 'checkbox',
|
|
75
75
|
packageName: "@atlaskit/checkbox",
|
|
76
|
-
packageVersion: "17.3.
|
|
76
|
+
packageVersion: "17.3.7"
|
|
77
77
|
});
|
|
78
78
|
var internalRef = (0, _react.useRef)(null);
|
|
79
79
|
var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
2
|
-
.
|
|
2
|
+
._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* required-indicator.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* required-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -9,15 +9,11 @@ exports.default = RequiredIndicator;
|
|
|
9
9
|
require("./required-indicator.compiled.css");
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
13
12
|
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); }
|
|
14
13
|
var requiredIndicatorStyles = null;
|
|
15
14
|
function RequiredIndicator() {
|
|
16
15
|
return /*#__PURE__*/React.createElement("span", {
|
|
17
16
|
"aria-hidden": true,
|
|
18
|
-
className: (0, _runtime.ax)(["
|
|
19
|
-
style: {
|
|
20
|
-
"--_1xw92dq": (0, _runtime.ix)("var(--ds-text-danger, ".concat(_colors.R500, ")"))
|
|
21
|
-
}
|
|
17
|
+
className: (0, _runtime.ax)(["_syaz1tmw _bozgv77o"])
|
|
22
18
|
}, "*");
|
|
23
19
|
}
|
package/dist/es2019/checkbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* checkbox.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* checkbox.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./checkbox.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -55,7 +55,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox({
|
|
|
55
55
|
analyticsData: analyticsContext,
|
|
56
56
|
componentName: 'checkbox',
|
|
57
57
|
packageName: "@atlaskit/checkbox",
|
|
58
|
-
packageVersion: "17.3.
|
|
58
|
+
packageVersion: "17.3.7"
|
|
59
59
|
});
|
|
60
60
|
const internalRef = useRef(null);
|
|
61
61
|
const mergedRefs = mergeRefs([internalRef, ref]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
2
|
-
.
|
|
2
|
+
._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
/* required-indicator.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* required-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./required-indicator.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { R500 } from '@atlaskit/theme/colors';
|
|
6
5
|
const requiredIndicatorStyles = null;
|
|
7
6
|
export default function RequiredIndicator() {
|
|
8
7
|
return /*#__PURE__*/React.createElement("span", {
|
|
9
8
|
"aria-hidden": true,
|
|
10
|
-
className: ax(["
|
|
9
|
+
className: ax(["_syaz1tmw _bozgv77o"])
|
|
11
10
|
}, "*");
|
|
12
11
|
}
|
package/dist/esm/checkbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* checkbox.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* checkbox.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
@@ -64,7 +64,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(_ref
|
|
|
64
64
|
analyticsData: analyticsContext,
|
|
65
65
|
componentName: 'checkbox',
|
|
66
66
|
packageName: "@atlaskit/checkbox",
|
|
67
|
-
packageVersion: "17.3.
|
|
67
|
+
packageVersion: "17.3.7"
|
|
68
68
|
});
|
|
69
69
|
var internalRef = useRef(null);
|
|
70
70
|
var mergedRefs = mergeRefs([internalRef, ref]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
2
|
-
.
|
|
2
|
+
._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
/* required-indicator.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* required-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./required-indicator.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { R500 } from '@atlaskit/theme/colors';
|
|
6
5
|
var requiredIndicatorStyles = null;
|
|
7
6
|
export default function RequiredIndicator() {
|
|
8
7
|
return /*#__PURE__*/React.createElement("span", {
|
|
9
8
|
"aria-hidden": true,
|
|
10
|
-
className: ax(["
|
|
11
|
-
style: {
|
|
12
|
-
"--_1xw92dq": ix("var(--ds-text-danger, ".concat(R500, ")"))
|
|
13
|
-
}
|
|
9
|
+
className: ax(["_syaz1tmw _bozgv77o"])
|
|
14
10
|
}, "*");
|
|
15
11
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/checkbox",
|
|
3
|
-
"version": "17.3.
|
|
3
|
+
"version": "17.3.7",
|
|
4
4
|
"description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -32,13 +32,12 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/analytics-next": "^11.
|
|
35
|
+
"@atlaskit/analytics-next": "^11.2.0",
|
|
36
36
|
"@atlaskit/css": "^0.19.0",
|
|
37
|
-
"@atlaskit/ds-lib": "^
|
|
38
|
-
"@atlaskit/
|
|
39
|
-
"@atlaskit/tokens": "^11.0.0",
|
|
37
|
+
"@atlaskit/ds-lib": "^6.0.0",
|
|
38
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
40
39
|
"@babel/runtime": "^7.0.0",
|
|
41
|
-
"@compiled/react": "^0.
|
|
40
|
+
"@compiled/react": "^0.20.0"
|
|
42
41
|
},
|
|
43
42
|
"peerDependencies": {
|
|
44
43
|
"react": "^18.2.0"
|
|
@@ -49,12 +48,13 @@
|
|
|
49
48
|
"@af/suppress-react-warnings": "workspace:^",
|
|
50
49
|
"@af/visual-regression": "workspace:^",
|
|
51
50
|
"@atlaskit/button": "^23.10.0",
|
|
52
|
-
"@atlaskit/docs": "^11.
|
|
53
|
-
"@atlaskit/form": "^15.
|
|
51
|
+
"@atlaskit/docs": "^11.7.0",
|
|
52
|
+
"@atlaskit/form": "^15.5.0",
|
|
54
53
|
"@atlaskit/link": "^3.3.0",
|
|
55
|
-
"@atlaskit/primitives": "^18.
|
|
54
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
56
55
|
"@atlaskit/section-message": "^8.12.0",
|
|
57
56
|
"@atlassian/ssr-tests": "workspace:^",
|
|
57
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
58
58
|
"@testing-library/react": "^16.3.0",
|
|
59
59
|
"jscodeshift": "^17.0.0",
|
|
60
60
|
"react-dom": "^18.2.0",
|