@atlaskit/checkbox 17.3.7 → 17.3.9
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 +14 -0
- package/dist/cjs/checkbox.js +8 -5
- package/dist/cjs/internal/label.compiled.css +1 -1
- package/dist/cjs/internal/label.js +1 -1
- package/dist/es2019/checkbox.js +5 -2
- package/dist/es2019/internal/label.compiled.css +1 -1
- package/dist/es2019/internal/label.js +1 -1
- package/dist/esm/checkbox.js +5 -2
- package/dist/esm/internal/label.compiled.css +1 -1
- package/dist/esm/internal/label.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/internal/index.js +0 -34
- package/dist/es2019/internal/index.js +0 -4
- package/dist/esm/internal/index.js +0 -4
- package/dist/types/internal/index.d.ts +0 -4
- package/dist/types-ts4.5/internal/index.d.ts +0 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/checkbox
|
|
2
2
|
|
|
3
|
+
## 17.3.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
|
|
8
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
9
|
+
|
|
10
|
+
## 17.3.8
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`f1383e3821070`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f1383e3821070) -
|
|
15
|
+
Removes internal barrel file
|
|
16
|
+
|
|
3
17
|
## 17.3.7
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/checkbox.js
CHANGED
|
@@ -16,7 +16,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
16
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
17
|
var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
|
|
18
18
|
var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
|
|
19
|
-
var
|
|
19
|
+
var _checkboxIcon = _interopRequireDefault(require("./internal/checkbox-icon"));
|
|
20
|
+
var _label = _interopRequireDefault(require("./internal/label"));
|
|
21
|
+
var _labelText = _interopRequireDefault(require("./internal/label-text"));
|
|
22
|
+
var _requiredIndicator = _interopRequireDefault(require("./internal/required-indicator"));
|
|
20
23
|
var _excluded = ["isChecked", "isDisabled", "isInvalid", "defaultChecked", "isIndeterminate", "onChange", "analyticsContext", "label", "name", "value", "isRequired", "testId", "xcss", "className"];
|
|
21
24
|
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
25
|
/**
|
|
@@ -73,7 +76,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
73
76
|
analyticsData: analyticsContext,
|
|
74
77
|
componentName: 'checkbox',
|
|
75
78
|
packageName: "@atlaskit/checkbox",
|
|
76
|
-
packageVersion: "
|
|
79
|
+
packageVersion: "0.0.0-development"
|
|
77
80
|
});
|
|
78
81
|
var internalRef = (0, _react.useRef)(null);
|
|
79
82
|
var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);
|
|
@@ -85,7 +88,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
85
88
|
internalRef.current.indeterminate = isIndeterminate;
|
|
86
89
|
}
|
|
87
90
|
}, [isIndeterminate]);
|
|
88
|
-
return /*#__PURE__*/React.createElement(
|
|
91
|
+
return /*#__PURE__*/React.createElement(_label.default, {
|
|
89
92
|
isDisabled: isDisabled,
|
|
90
93
|
isChecked: isChecked,
|
|
91
94
|
isIndeterminate: isIndeterminate,
|
|
@@ -114,10 +117,10 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
114
117
|
"aria-invalid": isInvalid ? 'true' : undefined,
|
|
115
118
|
"data-testid": testId && "".concat(testId, "--hidden-checkbox"),
|
|
116
119
|
"data-invalid": isInvalid ? 'true' : undefined
|
|
117
|
-
})), /*#__PURE__*/React.createElement(
|
|
120
|
+
})), /*#__PURE__*/React.createElement(_checkboxIcon.default, {
|
|
118
121
|
isIndeterminate: isIndeterminate,
|
|
119
122
|
isChecked: isChecked
|
|
120
|
-
}), label && /*#__PURE__*/React.createElement(
|
|
123
|
+
}), label && /*#__PURE__*/React.createElement(_labelText.default, null, label, isRequired && /*#__PURE__*/React.createElement(_requiredIndicator.default, null)));
|
|
121
124
|
}));
|
|
122
125
|
Checkbox.displayName = 'Checkbox';
|
|
123
126
|
var _default = exports.default = Checkbox;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
._f0grby5v{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
|
|
16
16
|
._f0grjmqp{--checkbox-border-color:var(--ds-background-selected-bold,#1868db)}
|
|
17
17
|
._f0grrsbi{--checkbox-border-color:var(--ds-border-input,#8c8f97)}
|
|
18
|
-
.
|
|
18
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
19
19
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
20
20
|
._umai184x{grid-auto-rows:min-content}
|
|
21
21
|
._yv0ey09t{grid-template-columns:min-content auto}
|
|
@@ -44,7 +44,7 @@ function Label(_ref) {
|
|
|
44
44
|
id = _ref.id,
|
|
45
45
|
xcss = _ref.xcss;
|
|
46
46
|
return /*#__PURE__*/React.createElement("label", {
|
|
47
|
-
className: (0, _runtime.ax)(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v
|
|
47
|
+
className: (0, _runtime.ax)(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1gmx _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
|
|
48
48
|
"data-testid": testId,
|
|
49
49
|
"data-disabled": isDisabled || undefined,
|
|
50
50
|
id: id
|
package/dist/es2019/checkbox.js
CHANGED
|
@@ -6,7 +6,10 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
import { forwardRef, memo, useCallback, useEffect, useRef, useState } from 'react';
|
|
7
7
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
8
8
|
import mergeRefs from '@atlaskit/ds-lib/merge-refs';
|
|
9
|
-
import
|
|
9
|
+
import CheckboxIcon from './internal/checkbox-icon';
|
|
10
|
+
import Label from './internal/label';
|
|
11
|
+
import LabelText from './internal/label-text';
|
|
12
|
+
import RequiredIndicator from './internal/required-indicator';
|
|
10
13
|
/**
|
|
11
14
|
* The input is visually hidden but remains in the DOM for accessibility.
|
|
12
15
|
* State-based styling is handled by the Label component using CSS custom properties
|
|
@@ -55,7 +58,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox({
|
|
|
55
58
|
analyticsData: analyticsContext,
|
|
56
59
|
componentName: 'checkbox',
|
|
57
60
|
packageName: "@atlaskit/checkbox",
|
|
58
|
-
packageVersion: "
|
|
61
|
+
packageVersion: "0.0.0-development"
|
|
59
62
|
});
|
|
60
63
|
const internalRef = useRef(null);
|
|
61
64
|
const mergedRefs = mergeRefs([internalRef, ref]);
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
._f0grby5v{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
|
|
16
16
|
._f0grjmqp{--checkbox-border-color:var(--ds-background-selected-bold,#1868db)}
|
|
17
17
|
._f0grrsbi{--checkbox-border-color:var(--ds-border-input,#8c8f97)}
|
|
18
|
-
.
|
|
18
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
19
19
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
20
20
|
._umai184x{grid-auto-rows:min-content}
|
|
21
21
|
._yv0ey09t{grid-template-columns:min-content auto}
|
|
@@ -37,7 +37,7 @@ export default function Label({
|
|
|
37
37
|
xcss
|
|
38
38
|
}) {
|
|
39
39
|
return /*#__PURE__*/React.createElement("label", {
|
|
40
|
-
className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v
|
|
40
|
+
className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1gmx _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
|
|
41
41
|
"data-testid": testId,
|
|
42
42
|
"data-disabled": isDisabled || undefined,
|
|
43
43
|
id: id
|
package/dist/esm/checkbox.js
CHANGED
|
@@ -9,7 +9,10 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
9
9
|
import { forwardRef, memo, useCallback, useEffect, useRef, useState } from 'react';
|
|
10
10
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
11
11
|
import mergeRefs from '@atlaskit/ds-lib/merge-refs';
|
|
12
|
-
import
|
|
12
|
+
import CheckboxIcon from './internal/checkbox-icon';
|
|
13
|
+
import Label from './internal/label';
|
|
14
|
+
import LabelText from './internal/label-text';
|
|
15
|
+
import RequiredIndicator from './internal/required-indicator';
|
|
13
16
|
/**
|
|
14
17
|
* The input is visually hidden but remains in the DOM for accessibility.
|
|
15
18
|
* State-based styling is handled by the Label component using CSS custom properties
|
|
@@ -64,7 +67,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(_ref
|
|
|
64
67
|
analyticsData: analyticsContext,
|
|
65
68
|
componentName: 'checkbox',
|
|
66
69
|
packageName: "@atlaskit/checkbox",
|
|
67
|
-
packageVersion: "
|
|
70
|
+
packageVersion: "0.0.0-development"
|
|
68
71
|
});
|
|
69
72
|
var internalRef = useRef(null);
|
|
70
73
|
var mergedRefs = mergeRefs([internalRef, ref]);
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
._f0grby5v{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
|
|
16
16
|
._f0grjmqp{--checkbox-border-color:var(--ds-background-selected-bold,#1868db)}
|
|
17
17
|
._f0grrsbi{--checkbox-border-color:var(--ds-border-input,#8c8f97)}
|
|
18
|
-
.
|
|
18
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
19
19
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
20
20
|
._umai184x{grid-auto-rows:min-content}
|
|
21
21
|
._yv0ey09t{grid-template-columns:min-content auto}
|
|
@@ -36,7 +36,7 @@ export default function Label(_ref) {
|
|
|
36
36
|
id = _ref.id,
|
|
37
37
|
xcss = _ref.xcss;
|
|
38
38
|
return /*#__PURE__*/React.createElement("label", {
|
|
39
|
-
className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v
|
|
39
|
+
className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _1qwn1j9a _f0grrsbi _1c53glyw _1e9d1j28 _syazi7uo _80om73ad _ljcgdfik _1vj5l4ek _dh4gr01l _cz1u1l7x _jom5wc43 _1s071onz _106f1onz", label && "_zulp1nu5 _yv0ey09t", (isChecked || isIndeterminate) && "_1qwnjmqp _f0grjmqp _1e9d5w2r _1vj51q28 _q29q1q28 _dh4gr01l _cz1u1l7x _zoo95w2r _jom5wc43 _1s071onz _106f1onz", isInvalid && "_f0gr1bqt _q29q1bqt _cz1u1bqt _1s07gir2", isDisabled && "_1qwnby5v _f0grby5v _syaz1gmx _80om13gf _1vj5by5v _q29qby5v _dh4gby5v _cz1uby5v _jom5wc43 _1s0718qt _106f18qt", isDisabled && (isChecked || isIndeterminate) && "_1e9d2sac _9js12sac _zoo92sac", xcss]),
|
|
40
40
|
"data-testid": testId,
|
|
41
41
|
"data-disabled": isDisabled || undefined,
|
|
42
42
|
id: id
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/checkbox",
|
|
3
|
-
"version": "17.3.
|
|
3
|
+
"version": "17.3.9",
|
|
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/"
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
Object.defineProperty(exports, "CheckboxIcon", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function get() {
|
|
10
|
-
return _checkboxIcon.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
Object.defineProperty(exports, "Label", {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function get() {
|
|
16
|
-
return _label.default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports, "LabelText", {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _labelText.default;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
Object.defineProperty(exports, "RequiredIndicator", {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function get() {
|
|
28
|
-
return _requiredIndicator.default;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
var _checkboxIcon = _interopRequireDefault(require("./checkbox-icon"));
|
|
32
|
-
var _label = _interopRequireDefault(require("./label"));
|
|
33
|
-
var _labelText = _interopRequireDefault(require("./label-text"));
|
|
34
|
-
var _requiredIndicator = _interopRequireDefault(require("./required-indicator"));
|