@atlaskit/checkbox 17.2.3 → 17.3.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/checkbox
2
2
 
3
+ ## 17.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
8
+ Clean up and removal of the `platform-visual-refresh-icons` feature flag.
9
+
3
10
  ## 17.2.3
4
11
 
5
12
  ### Patch Changes
@@ -77,7 +77,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
77
77
  analyticsData: analyticsContext,
78
78
  componentName: 'checkbox',
79
79
  packageName: "@atlaskit/checkbox",
80
- packageVersion: "17.2.2"
80
+ packageVersion: "0.0.0-development"
81
81
  });
82
82
  var internalRef = (0, _react.useRef)(null);
83
83
  var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);
@@ -10,43 +10,24 @@ require("./checkbox-icon.compiled.css");
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var React = _react;
12
12
  var _runtime = require("@compiled/react/runtime");
13
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
13
  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); }
15
14
  var svgStyles = null;
16
15
  function getIcon(isIndeterminate, isChecked) {
17
16
  if (isIndeterminate) {
18
- if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
19
- return /*#__PURE__*/React.createElement("path", {
20
- fillRule: "evenodd",
21
- clipRule: "evenodd",
22
- d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
23
- fill: "inherit"
24
- });
25
- } else {
26
- return /*#__PURE__*/React.createElement("rect", {
27
- fill: "inherit",
28
- x: "8",
29
- y: "11",
30
- width: "8",
31
- height: "2",
32
- rx: "1"
33
- });
34
- }
17
+ return /*#__PURE__*/React.createElement("path", {
18
+ fillRule: "evenodd",
19
+ clipRule: "evenodd",
20
+ d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
21
+ fill: "inherit"
22
+ });
35
23
  }
36
24
  if (isChecked) {
37
- if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
38
- return /*#__PURE__*/React.createElement("path", {
39
- fillRule: "evenodd",
40
- clipRule: "evenodd",
41
- d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
42
- fill: "inherit"
43
- });
44
- } else {
45
- return /*#__PURE__*/React.createElement("path", {
46
- d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
47
- fill: "inherit"
48
- });
49
- }
25
+ return /*#__PURE__*/React.createElement("path", {
26
+ fillRule: "evenodd",
27
+ clipRule: "evenodd",
28
+ d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
29
+ fill: "inherit"
30
+ });
50
31
  }
51
32
 
52
33
  // No icon
@@ -81,20 +62,13 @@ var CheckboxIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
81
62
  className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
82
63
  }, /*#__PURE__*/React.createElement("g", {
83
64
  fillRule: "evenodd"
84
- }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
65
+ }, /*#__PURE__*/React.createElement("rect", {
85
66
  fill: "currentColor",
86
67
  x: "5.5",
87
68
  y: "5.5",
88
69
  width: "13",
89
70
  height: "13",
90
71
  rx: "1.5"
91
- }) : /*#__PURE__*/React.createElement("rect", {
92
- fill: "currentColor",
93
- x: "6",
94
- y: "6",
95
- width: "12",
96
- height: "12",
97
- rx: "2"
98
72
  }), icon));
99
73
  });
100
74
  var _default = exports.default = CheckboxIcon;
@@ -59,7 +59,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox({
59
59
  analyticsData: analyticsContext,
60
60
  componentName: 'checkbox',
61
61
  packageName: "@atlaskit/checkbox",
62
- packageVersion: "17.2.2"
62
+ packageVersion: "0.0.0-development"
63
63
  });
64
64
  const internalRef = useRef(null);
65
65
  const mergedRefs = mergeRefs([internalRef, ref]);
@@ -3,42 +3,23 @@ import "./checkbox-icon.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { memo, useMemo } from 'react';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  const svgStyles = null;
8
7
  function getIcon(isIndeterminate, isChecked) {
9
8
  if (isIndeterminate) {
10
- if (fg('platform-visual-refresh-icons')) {
11
- return /*#__PURE__*/React.createElement("path", {
12
- fillRule: "evenodd",
13
- clipRule: "evenodd",
14
- d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
15
- fill: "inherit"
16
- });
17
- } else {
18
- return /*#__PURE__*/React.createElement("rect", {
19
- fill: "inherit",
20
- x: "8",
21
- y: "11",
22
- width: "8",
23
- height: "2",
24
- rx: "1"
25
- });
26
- }
9
+ return /*#__PURE__*/React.createElement("path", {
10
+ fillRule: "evenodd",
11
+ clipRule: "evenodd",
12
+ d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
13
+ fill: "inherit"
14
+ });
27
15
  }
28
16
  if (isChecked) {
29
- if (fg('platform-visual-refresh-icons')) {
30
- return /*#__PURE__*/React.createElement("path", {
31
- fillRule: "evenodd",
32
- clipRule: "evenodd",
33
- d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
34
- fill: "inherit"
35
- });
36
- } else {
37
- return /*#__PURE__*/React.createElement("path", {
38
- d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
39
- fill: "inherit"
40
- });
41
- }
17
+ return /*#__PURE__*/React.createElement("path", {
18
+ fillRule: "evenodd",
19
+ clipRule: "evenodd",
20
+ d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
21
+ fill: "inherit"
22
+ });
42
23
  }
43
24
 
44
25
  // No icon
@@ -72,20 +53,13 @@ const CheckboxIcon = /*#__PURE__*/memo(({
72
53
  className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
73
54
  }, /*#__PURE__*/React.createElement("g", {
74
55
  fillRule: "evenodd"
75
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
56
+ }, /*#__PURE__*/React.createElement("rect", {
76
57
  fill: "currentColor",
77
58
  x: "5.5",
78
59
  y: "5.5",
79
60
  width: "13",
80
61
  height: "13",
81
62
  rx: "1.5"
82
- }) : /*#__PURE__*/React.createElement("rect", {
83
- fill: "currentColor",
84
- x: "6",
85
- y: "6",
86
- width: "12",
87
- height: "12",
88
- rx: "2"
89
63
  }), icon));
90
64
  });
91
65
  export default CheckboxIcon;
@@ -68,7 +68,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(_ref
68
68
  analyticsData: analyticsContext,
69
69
  componentName: 'checkbox',
70
70
  packageName: "@atlaskit/checkbox",
71
- packageVersion: "17.2.2"
71
+ packageVersion: "0.0.0-development"
72
72
  });
73
73
  var internalRef = useRef(null);
74
74
  var mergedRefs = mergeRefs([internalRef, ref]);
@@ -3,42 +3,23 @@ import "./checkbox-icon.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { memo, useMemo } from 'react';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  var svgStyles = null;
8
7
  function getIcon(isIndeterminate, isChecked) {
9
8
  if (isIndeterminate) {
10
- if (fg('platform-visual-refresh-icons')) {
11
- return /*#__PURE__*/React.createElement("path", {
12
- fillRule: "evenodd",
13
- clipRule: "evenodd",
14
- d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
15
- fill: "inherit"
16
- });
17
- } else {
18
- return /*#__PURE__*/React.createElement("rect", {
19
- fill: "inherit",
20
- x: "8",
21
- y: "11",
22
- width: "8",
23
- height: "2",
24
- rx: "1"
25
- });
26
- }
9
+ return /*#__PURE__*/React.createElement("path", {
10
+ fillRule: "evenodd",
11
+ clipRule: "evenodd",
12
+ d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
13
+ fill: "inherit"
14
+ });
27
15
  }
28
16
  if (isChecked) {
29
- if (fg('platform-visual-refresh-icons')) {
30
- return /*#__PURE__*/React.createElement("path", {
31
- fillRule: "evenodd",
32
- clipRule: "evenodd",
33
- d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
34
- fill: "inherit"
35
- });
36
- } else {
37
- return /*#__PURE__*/React.createElement("path", {
38
- d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
39
- fill: "inherit"
40
- });
41
- }
17
+ return /*#__PURE__*/React.createElement("path", {
18
+ fillRule: "evenodd",
19
+ clipRule: "evenodd",
20
+ d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
21
+ fill: "inherit"
22
+ });
42
23
  }
43
24
 
44
25
  // No icon
@@ -73,20 +54,13 @@ var CheckboxIcon = /*#__PURE__*/memo(function (_ref) {
73
54
  className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
74
55
  }, /*#__PURE__*/React.createElement("g", {
75
56
  fillRule: "evenodd"
76
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
57
+ }, /*#__PURE__*/React.createElement("rect", {
77
58
  fill: "currentColor",
78
59
  x: "5.5",
79
60
  y: "5.5",
80
61
  width: "13",
81
62
  height: "13",
82
63
  rx: "1.5"
83
- }) : /*#__PURE__*/React.createElement("rect", {
84
- fill: "currentColor",
85
- x: "6",
86
- y: "6",
87
- width: "12",
88
- height: "12",
89
- rx: "2"
90
64
  }), icon));
91
65
  });
92
66
  export default CheckboxIcon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/checkbox",
3
- "version": "17.2.3",
3
+ "version": "17.3.0",
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/"
@@ -47,11 +47,12 @@
47
47
  "devDependencies": {
48
48
  "@af/accessibility-testing": "workspace:^",
49
49
  "@af/integration-testing": "workspace:^",
50
+ "@af/suppress-react-warnings": "workspace:^",
50
51
  "@af/visual-regression": "workspace:^",
51
52
  "@atlaskit/button": "^23.9.0",
52
53
  "@atlaskit/docs": "^11.2.0",
53
- "@atlaskit/form": "^15.1.0",
54
- "@atlaskit/link": "^3.2.0",
54
+ "@atlaskit/form": "^15.2.0",
55
+ "@atlaskit/link": "^3.3.0",
55
56
  "@atlaskit/primitives": "^17.0.0",
56
57
  "@atlaskit/section-message": "^8.11.0",
57
58
  "@atlassian/ssr-tests": "workspace:^",