@atlaskit/checkbox 17.2.0 → 17.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/internal/checkbox-icon.js +29 -58
  3. package/dist/es2019/internal/checkbox-icon.js +29 -57
  4. package/dist/esm/internal/checkbox-icon.js +29 -57
  5. package/package.json +6 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/checkbox
2
2
 
3
+ ## 17.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3503d88dece46`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3503d88dece46) -
8
+ Removing feature flag with changing internal use of custom icons.
9
+
10
+ ## 17.2.1
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 17.2.0
4
17
 
5
18
  ### Minor Changes
package/dist/cjs/internal/checkbox-icon.js CHANGED
@@ -1,7 +1,6 @@
1
1
  /* checkbox-icon.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
5
  Object.defineProperty(exports, "__esModule", {
7
6
  value: true
@@ -11,7 +10,6 @@ require("./checkbox-icon.compiled.css");
11
10
  var _react = _interopRequireWildcard(require("react"));
12
11
  var React = _react;
13
12
  var _runtime = require("@compiled/react/runtime");
14
- var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
15
13
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
14
  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); }
17
15
  var svgStyles = null;
@@ -69,61 +67,34 @@ var CheckboxIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
69
67
  var icon = (0, _react.useMemo)(function () {
70
68
  return getIcon(isIndeterminate, isChecked);
71
69
  }, [isIndeterminate, isChecked]);
72
- if ((0, _platformFeatureFlags.fg)('platform-custom-icon-migration')) {
73
- return /*#__PURE__*/React.createElement("svg", {
74
- width: 24,
75
- height: 24,
76
- viewBox: "0 0 24 24",
77
- style: {
78
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
79
- color: 'var(--checkbox-background-color)',
80
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
81
- fill: 'var(--checkbox-tick-color)'
82
- },
83
- role: "presentation",
84
- className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
85
- }, /*#__PURE__*/React.createElement("g", {
86
- fillRule: "evenodd"
87
- }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
88
- fill: "currentColor",
89
- x: "5.5",
90
- y: "5.5",
91
- width: "13",
92
- height: "13",
93
- rx: "1.5"
94
- }) : /*#__PURE__*/React.createElement("rect", {
95
- fill: "currentColor",
96
- x: "6",
97
- y: "6",
98
- width: "12",
99
- height: "12",
100
- rx: "2"
101
- }), icon));
102
- }
103
- return (
104
- /*#__PURE__*/
105
- // eslint-disable-next-line @atlaskit/design-system/no-custom-icons
106
- React.createElement(_svg.default, {
107
- label: "",
108
- primaryColor: "var(--checkbox-background-color)",
109
- secondaryColor: "var(--checkbox-tick-color)"
110
- }, /*#__PURE__*/React.createElement("g", {
111
- fillRule: "evenodd"
112
- }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
113
- fill: "currentColor",
114
- x: "5.5",
115
- y: "5.5",
116
- width: "13",
117
- height: "13",
118
- rx: (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') ? '2' : '1.5'
119
- }) : /*#__PURE__*/React.createElement("rect", {
120
- fill: "currentColor",
121
- x: "6",
122
- y: "6",
123
- width: "12",
124
- height: "12",
125
- rx: "2"
126
- }), icon))
127
- );
70
+ return /*#__PURE__*/React.createElement("svg", {
71
+ width: 24,
72
+ height: 24,
73
+ viewBox: "0 0 24 24",
74
+ style: {
75
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
76
+ color: 'var(--checkbox-background-color)',
77
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
78
+ fill: 'var(--checkbox-tick-color)'
79
+ },
80
+ role: "presentation",
81
+ className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
82
+ }, /*#__PURE__*/React.createElement("g", {
83
+ fillRule: "evenodd"
84
+ }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
85
+ fill: "currentColor",
86
+ x: "5.5",
87
+ y: "5.5",
88
+ width: "13",
89
+ height: "13",
90
+ 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
+ }), icon));
128
99
  });
129
100
  var _default = exports.default = CheckboxIcon;
package/dist/es2019/internal/checkbox-icon.js CHANGED
@@ -3,7 +3,6 @@ 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 PrimitiveSVGIcon from '@atlaskit/icon/svg';
7
6
  import { fg } from '@atlaskit/platform-feature-flags';
8
7
  const svgStyles = null;
9
8
  function getIcon(isIndeterminate, isChecked) {
@@ -59,61 +58,34 @@ const CheckboxIcon = /*#__PURE__*/memo(({
59
58
  isChecked
60
59
  }) => {
61
60
  const icon = useMemo(() => getIcon(isIndeterminate, isChecked), [isIndeterminate, isChecked]);
62
- if (fg('platform-custom-icon-migration')) {
63
- return /*#__PURE__*/React.createElement("svg", {
64
- width: 24,
65
- height: 24,
66
- viewBox: "0 0 24 24",
67
- style: {
68
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
69
- color: 'var(--checkbox-background-color)',
70
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
71
- fill: 'var(--checkbox-tick-color)'
72
- },
73
- role: "presentation",
74
- className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
75
- }, /*#__PURE__*/React.createElement("g", {
76
- fillRule: "evenodd"
77
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
78
- fill: "currentColor",
79
- x: "5.5",
80
- y: "5.5",
81
- width: "13",
82
- height: "13",
83
- rx: "1.5"
84
- }) : /*#__PURE__*/React.createElement("rect", {
85
- fill: "currentColor",
86
- x: "6",
87
- y: "6",
88
- width: "12",
89
- height: "12",
90
- rx: "2"
91
- }), icon));
92
- }
93
- return (
94
- /*#__PURE__*/
95
- // eslint-disable-next-line @atlaskit/design-system/no-custom-icons
96
- React.createElement(PrimitiveSVGIcon, {
97
- label: "",
98
- primaryColor: "var(--checkbox-background-color)",
99
- secondaryColor: "var(--checkbox-tick-color)"
100
- }, /*#__PURE__*/React.createElement("g", {
101
- fillRule: "evenodd"
102
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
103
- fill: "currentColor",
104
- x: "5.5",
105
- y: "5.5",
106
- width: "13",
107
- height: "13",
108
- rx: fg('platform-dst-shape-theme-default') ? '2' : '1.5'
109
- }) : /*#__PURE__*/React.createElement("rect", {
110
- fill: "currentColor",
111
- x: "6",
112
- y: "6",
113
- width: "12",
114
- height: "12",
115
- rx: "2"
116
- }), icon))
117
- );
61
+ return /*#__PURE__*/React.createElement("svg", {
62
+ width: 24,
63
+ height: 24,
64
+ viewBox: "0 0 24 24",
65
+ style: {
66
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
67
+ color: 'var(--checkbox-background-color)',
68
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
69
+ fill: 'var(--checkbox-tick-color)'
70
+ },
71
+ role: "presentation",
72
+ className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
73
+ }, /*#__PURE__*/React.createElement("g", {
74
+ fillRule: "evenodd"
75
+ }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
76
+ fill: "currentColor",
77
+ x: "5.5",
78
+ y: "5.5",
79
+ width: "13",
80
+ height: "13",
81
+ 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
+ }), icon));
118
90
  });
119
91
  export default CheckboxIcon;
package/dist/esm/internal/checkbox-icon.js CHANGED
@@ -3,7 +3,6 @@ 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 PrimitiveSVGIcon from '@atlaskit/icon/svg';
7
6
  import { fg } from '@atlaskit/platform-feature-flags';
8
7
  var svgStyles = null;
9
8
  function getIcon(isIndeterminate, isChecked) {
@@ -60,61 +59,34 @@ var CheckboxIcon = /*#__PURE__*/memo(function (_ref) {
60
59
  var icon = useMemo(function () {
61
60
  return getIcon(isIndeterminate, isChecked);
62
61
  }, [isIndeterminate, isChecked]);
63
- if (fg('platform-custom-icon-migration')) {
64
- return /*#__PURE__*/React.createElement("svg", {
65
- width: 24,
66
- height: 24,
67
- viewBox: "0 0 24 24",
68
- style: {
69
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
70
- color: 'var(--checkbox-background-color)',
71
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
72
- fill: 'var(--checkbox-tick-color)'
73
- },
74
- role: "presentation",
75
- className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
76
- }, /*#__PURE__*/React.createElement("g", {
77
- fillRule: "evenodd"
78
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
79
- fill: "currentColor",
80
- x: "5.5",
81
- y: "5.5",
82
- width: "13",
83
- height: "13",
84
- rx: "1.5"
85
- }) : /*#__PURE__*/React.createElement("rect", {
86
- fill: "currentColor",
87
- x: "6",
88
- y: "6",
89
- width: "12",
90
- height: "12",
91
- rx: "2"
92
- }), icon));
93
- }
94
- return (
95
- /*#__PURE__*/
96
- // eslint-disable-next-line @atlaskit/design-system/no-custom-icons
97
- React.createElement(PrimitiveSVGIcon, {
98
- label: "",
99
- primaryColor: "var(--checkbox-background-color)",
100
- secondaryColor: "var(--checkbox-tick-color)"
101
- }, /*#__PURE__*/React.createElement("g", {
102
- fillRule: "evenodd"
103
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
104
- fill: "currentColor",
105
- x: "5.5",
106
- y: "5.5",
107
- width: "13",
108
- height: "13",
109
- rx: fg('platform-dst-shape-theme-default') ? '2' : '1.5'
110
- }) : /*#__PURE__*/React.createElement("rect", {
111
- fill: "currentColor",
112
- x: "6",
113
- y: "6",
114
- width: "12",
115
- height: "12",
116
- rx: "2"
117
- }), icon))
118
- );
62
+ return /*#__PURE__*/React.createElement("svg", {
63
+ width: 24,
64
+ height: 24,
65
+ viewBox: "0 0 24 24",
66
+ style: {
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
68
+ color: 'var(--checkbox-background-color)',
69
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
70
+ fill: 'var(--checkbox-tick-color)'
71
+ },
72
+ role: "presentation",
73
+ className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
74
+ }, /*#__PURE__*/React.createElement("g", {
75
+ fillRule: "evenodd"
76
+ }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("rect", {
77
+ fill: "currentColor",
78
+ x: "5.5",
79
+ y: "5.5",
80
+ width: "13",
81
+ height: "13",
82
+ 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
+ }), icon));
119
91
  });
120
92
  export default CheckboxIcon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/checkbox",
3
- "version": "17.2.0",
3
+ "version": "17.2.2",
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/"
@@ -33,12 +33,11 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
- "@atlaskit/css": "^0.17.0",
36
+ "@atlaskit/css": "^0.18.0",
37
37
  "@atlaskit/ds-lib": "^5.3.0",
38
- "@atlaskit/icon": "^29.0.0",
39
38
  "@atlaskit/platform-feature-flags": "^1.1.0",
40
39
  "@atlaskit/theme": "^21.0.0",
41
- "@atlaskit/tokens": "^8.4.0",
40
+ "@atlaskit/tokens": "^8.6.0",
42
41
  "@babel/runtime": "^7.0.0",
43
42
  "@compiled/react": "^0.18.6"
44
43
  },
@@ -49,12 +48,12 @@
49
48
  "@af/accessibility-testing": "workspace:^",
50
49
  "@af/integration-testing": "workspace:^",
51
50
  "@af/visual-regression": "workspace:^",
52
- "@atlaskit/button": "^23.7.0",
51
+ "@atlaskit/button": "^23.8.0",
53
52
  "@atlaskit/docs": "^11.2.0",
54
- "@atlaskit/form": "^14.3.0",
53
+ "@atlaskit/form": "^15.1.0",
55
54
  "@atlaskit/link": "^3.2.0",
56
55
  "@atlaskit/primitives": "^16.4.0",
57
- "@atlaskit/section-message": "^8.10.0",
56
+ "@atlaskit/section-message": "^8.11.0",
58
57
  "@atlassian/ssr-tests": "workspace:^",
59
58
  "@testing-library/react": "^13.4.0",
60
59
  "jscodeshift": "^17.0.0",
@@ -91,9 +90,6 @@
91
90
  "platform-visual-refresh-icons": {
92
91
  "type": "boolean"
93
92
  },
94
- "platform-custom-icon-migration": {
95
- "type": "boolean"
96
- },
97
93
  "platform-dst-shape-theme-default": {
98
94
  "type": "boolean"
99
95
  }