@atlaskit/dropdown-menu 16.3.23 → 16.3.25

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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/internal/components/checkbox-icon.js +12 -48
  3. package/dist/cjs/internal/components/radio-icon.js +12 -47
  4. package/dist/es2019/internal/components/checkbox-icon.js +12 -48
  5. package/dist/es2019/internal/components/radio-icon.js +12 -47
  6. package/dist/esm/internal/components/checkbox-icon.js +12 -48
  7. package/dist/esm/internal/components/radio-icon.js +12 -47
  8. package/package.json +14 -17
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/dropdown-menu
2
2
 
3
+ ## 16.3.25
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
+ - Updated dependencies
10
+
11
+ ## 16.3.24
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 16.3.23
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/internal/components/checkbox-icon.js CHANGED
@@ -9,7 +9,6 @@ exports.default = void 0;
9
9
  require("./checkbox-icon.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
- var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
13
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
13
  var _colors = require("@atlaskit/theme/colors");
15
14
  var svgStyles = null;
@@ -23,53 +22,18 @@ var svgStyles = null;
23
22
  */
24
23
  var CheckboxIcon = function CheckboxIcon(_ref) {
25
24
  var checked = _ref.checked;
26
- if ((0, _platformFeatureFlags.fg)('platform-custom-icon-migration')) {
27
- return /*#__PURE__*/_react.default.createElement("svg", {
28
- width: 24,
29
- height: 24,
30
- viewBox: "0 0 24 24",
31
- style: {
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
33
- color: checked ? "var(--ds-background-selected-bold, ".concat(_colors.B400, ")") : "var(--ds-background-input, ".concat(_colors.N10, ")"),
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
35
- fill: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
36
- },
37
- role: "presentation",
38
- className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
39
- }, /*#__PURE__*/_react.default.createElement("g", {
40
- fillRule: "evenodd"
41
- }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
42
- stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
43
- x: "5.5",
44
- y: "5.5",
45
- width: "13",
46
- height: "13",
47
- rx: "1.5",
48
- fill: "currentColor"
49
- }), /*#__PURE__*/_react.default.createElement("path", {
50
- fillRule: "evenodd",
51
- clipRule: "evenodd",
52
- 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",
53
- fill: "inherit"
54
- })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
55
- fill: "currentColor",
56
- x: "6",
57
- y: "6",
58
- width: "12",
59
- height: "12",
60
- rx: "2",
61
- stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
62
- strokeWidth: 1
63
- }), /*#__PURE__*/_react.default.createElement("path", {
64
- d: "M9.707 11.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 10-1.414-1.414L11 12.586l-1.293-1.293z",
65
- fill: "inherit"
66
- }))));
67
- }
68
- return /*#__PURE__*/_react.default.createElement(_svg.default, {
69
- label: "",
70
- size: "medium",
71
- primaryColor: checked ? "var(--ds-background-selected-bold, ".concat(_colors.B400, ")") : "var(--ds-background-input, ".concat(_colors.N10, ")"),
72
- secondaryColor: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
25
+ return /*#__PURE__*/_react.default.createElement("svg", {
26
+ width: 24,
27
+ height: 24,
28
+ viewBox: "0 0 24 24",
29
+ style: {
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
31
+ color: checked ? "var(--ds-background-selected-bold, ".concat(_colors.B400, ")") : "var(--ds-background-input, ".concat(_colors.N10, ")"),
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
33
+ fill: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
34
+ },
35
+ role: "presentation",
36
+ className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
73
37
  }, /*#__PURE__*/_react.default.createElement("g", {
74
38
  fillRule: "evenodd"
75
39
  }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
package/dist/cjs/internal/components/radio-icon.js CHANGED
@@ -9,7 +9,6 @@ exports.default = void 0;
9
9
  require("./radio-icon.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
- var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
13
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
13
  var _colors = require("@atlaskit/theme/colors");
15
14
  var svgStyles = null;
@@ -23,52 +22,18 @@ var svgStyles = null;
23
22
  */
24
23
  var RadioIcon = function RadioIcon(_ref) {
25
24
  var checked = _ref.checked;
26
- if ((0, _platformFeatureFlags.fg)('platform-custom-icon-migration')) {
27
- return /*#__PURE__*/_react.default.createElement("svg", {
28
- width: 24,
29
- height: 24,
30
- viewBox: "0 0 24 24",
31
- style: {
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
33
- color: checked ? "var(--ds-background-selected-bold, ".concat(_colors.B400, ")") : "var(--ds-background-input, ".concat(_colors.N10, ")"),
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
35
- fill: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
36
- },
37
- role: "presentation",
38
- className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
39
- }, /*#__PURE__*/_react.default.createElement("g", {
40
- fillRule: "evenodd"
41
- }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("circle", {
42
- cx: "12",
43
- cy: "12",
44
- r: "7.5",
45
- fill: "currentColor",
46
- stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
47
- strokeWidth: "1"
48
- }), /*#__PURE__*/_react.default.createElement("circle", {
49
- cx: "12",
50
- cy: "12",
51
- r: "3",
52
- fill: "inherit"
53
- })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("circle", {
54
- fill: "currentColor",
55
- cx: "12",
56
- cy: "12",
57
- r: "6",
58
- stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
59
- strokeWidth: 1
60
- }), /*#__PURE__*/_react.default.createElement("circle", {
61
- fill: "inherit",
62
- cx: "12",
63
- cy: "12",
64
- r: "2"
65
- }))));
66
- }
67
- return /*#__PURE__*/_react.default.createElement(_svg.default, {
68
- label: "",
69
- size: "medium",
70
- primaryColor: checked ? "var(--ds-background-selected-bold, ".concat(_colors.B400, ")") : "var(--ds-background-input, ".concat(_colors.N10, ")"),
71
- secondaryColor: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
25
+ return /*#__PURE__*/_react.default.createElement("svg", {
26
+ width: 24,
27
+ height: 24,
28
+ viewBox: "0 0 24 24",
29
+ style: {
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
31
+ color: checked ? "var(--ds-background-selected-bold, ".concat(_colors.B400, ")") : "var(--ds-background-input, ".concat(_colors.N10, ")"),
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
33
+ fill: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
34
+ },
35
+ role: "presentation",
36
+ className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
72
37
  }, /*#__PURE__*/_react.default.createElement("g", {
73
38
  fillRule: "evenodd"
74
39
  }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("circle", {
package/dist/es2019/internal/components/checkbox-icon.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./checkbox-icon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import SVGIcon from '@atlaskit/icon/svg';
6
5
  import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { B400, N10, N100 } from '@atlaskit/theme/colors';
8
7
  const svgStyles = null;
@@ -17,53 +16,18 @@ const svgStyles = null;
17
16
  const CheckboxIcon = ({
18
17
  checked
19
18
  }) => {
20
- if (fg('platform-custom-icon-migration')) {
21
- return /*#__PURE__*/React.createElement("svg", {
22
- width: 24,
23
- height: 24,
24
- viewBox: "0 0 24 24",
25
- style: {
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
27
- color: checked ? `var(--ds-background-selected-bold, ${B400})` : `var(--ds-background-input, ${N10})`,
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
29
- fill: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
30
- },
31
- role: "presentation",
32
- className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
33
- }, /*#__PURE__*/React.createElement("g", {
34
- fillRule: "evenodd"
35
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
36
- stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
37
- x: "5.5",
38
- y: "5.5",
39
- width: "13",
40
- height: "13",
41
- rx: "1.5",
42
- fill: "currentColor"
43
- }), /*#__PURE__*/React.createElement("path", {
44
- fillRule: "evenodd",
45
- clipRule: "evenodd",
46
- 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",
47
- fill: "inherit"
48
- })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
49
- fill: "currentColor",
50
- x: "6",
51
- y: "6",
52
- width: "12",
53
- height: "12",
54
- rx: "2",
55
- stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
56
- strokeWidth: 1
57
- }), /*#__PURE__*/React.createElement("path", {
58
- d: "M9.707 11.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 10-1.414-1.414L11 12.586l-1.293-1.293z",
59
- fill: "inherit"
60
- }))));
61
- }
62
- return /*#__PURE__*/React.createElement(SVGIcon, {
63
- label: "",
64
- size: "medium",
65
- primaryColor: checked ? `var(--ds-background-selected-bold, ${B400})` : `var(--ds-background-input, ${N10})`,
66
- secondaryColor: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
19
+ return /*#__PURE__*/React.createElement("svg", {
20
+ width: 24,
21
+ height: 24,
22
+ viewBox: "0 0 24 24",
23
+ style: {
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
25
+ color: checked ? `var(--ds-background-selected-bold, ${B400})` : `var(--ds-background-input, ${N10})`,
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
27
+ fill: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
28
+ },
29
+ role: "presentation",
30
+ className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
67
31
  }, /*#__PURE__*/React.createElement("g", {
68
32
  fillRule: "evenodd"
69
33
  }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
package/dist/es2019/internal/components/radio-icon.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./radio-icon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import SVGIcon from '@atlaskit/icon/svg';
6
5
  import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { B400, N10, N100 } from '@atlaskit/theme/colors';
8
7
  const svgStyles = null;
@@ -17,52 +16,18 @@ const svgStyles = null;
17
16
  const RadioIcon = ({
18
17
  checked
19
18
  }) => {
20
- if (fg('platform-custom-icon-migration')) {
21
- return /*#__PURE__*/React.createElement("svg", {
22
- width: 24,
23
- height: 24,
24
- viewBox: "0 0 24 24",
25
- style: {
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
27
- color: checked ? `var(--ds-background-selected-bold, ${B400})` : `var(--ds-background-input, ${N10})`,
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
29
- fill: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
30
- },
31
- role: "presentation",
32
- className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
33
- }, /*#__PURE__*/React.createElement("g", {
34
- fillRule: "evenodd"
35
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
36
- cx: "12",
37
- cy: "12",
38
- r: "7.5",
39
- fill: "currentColor",
40
- stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
41
- strokeWidth: "1"
42
- }), /*#__PURE__*/React.createElement("circle", {
43
- cx: "12",
44
- cy: "12",
45
- r: "3",
46
- fill: "inherit"
47
- })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
48
- fill: "currentColor",
49
- cx: "12",
50
- cy: "12",
51
- r: "6",
52
- stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
53
- strokeWidth: 1
54
- }), /*#__PURE__*/React.createElement("circle", {
55
- fill: "inherit",
56
- cx: "12",
57
- cy: "12",
58
- r: "2"
59
- }))));
60
- }
61
- return /*#__PURE__*/React.createElement(SVGIcon, {
62
- label: "",
63
- size: "medium",
64
- primaryColor: checked ? `var(--ds-background-selected-bold, ${B400})` : `var(--ds-background-input, ${N10})`,
65
- secondaryColor: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
19
+ return /*#__PURE__*/React.createElement("svg", {
20
+ width: 24,
21
+ height: 24,
22
+ viewBox: "0 0 24 24",
23
+ style: {
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
25
+ color: checked ? `var(--ds-background-selected-bold, ${B400})` : `var(--ds-background-input, ${N10})`,
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
27
+ fill: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
28
+ },
29
+ role: "presentation",
30
+ className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
66
31
  }, /*#__PURE__*/React.createElement("g", {
67
32
  fillRule: "evenodd"
68
33
  }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
package/dist/esm/internal/components/checkbox-icon.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./checkbox-icon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import SVGIcon from '@atlaskit/icon/svg';
6
5
  import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { B400, N10, N100 } from '@atlaskit/theme/colors';
8
7
  var svgStyles = null;
@@ -16,53 +15,18 @@ var svgStyles = null;
16
15
  */
17
16
  var CheckboxIcon = function CheckboxIcon(_ref) {
18
17
  var checked = _ref.checked;
19
- if (fg('platform-custom-icon-migration')) {
20
- return /*#__PURE__*/React.createElement("svg", {
21
- width: 24,
22
- height: 24,
23
- viewBox: "0 0 24 24",
24
- style: {
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
26
- color: checked ? "var(--ds-background-selected-bold, ".concat(B400, ")") : "var(--ds-background-input, ".concat(N10, ")"),
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
28
- fill: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
29
- },
30
- role: "presentation",
31
- className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
32
- }, /*#__PURE__*/React.createElement("g", {
33
- fillRule: "evenodd"
34
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
35
- stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
36
- x: "5.5",
37
- y: "5.5",
38
- width: "13",
39
- height: "13",
40
- rx: "1.5",
41
- fill: "currentColor"
42
- }), /*#__PURE__*/React.createElement("path", {
43
- fillRule: "evenodd",
44
- clipRule: "evenodd",
45
- 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",
46
- fill: "inherit"
47
- })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
48
- fill: "currentColor",
49
- x: "6",
50
- y: "6",
51
- width: "12",
52
- height: "12",
53
- rx: "2",
54
- stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
55
- strokeWidth: 1
56
- }), /*#__PURE__*/React.createElement("path", {
57
- d: "M9.707 11.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 10-1.414-1.414L11 12.586l-1.293-1.293z",
58
- fill: "inherit"
59
- }))));
60
- }
61
- return /*#__PURE__*/React.createElement(SVGIcon, {
62
- label: "",
63
- size: "medium",
64
- primaryColor: checked ? "var(--ds-background-selected-bold, ".concat(B400, ")") : "var(--ds-background-input, ".concat(N10, ")"),
65
- secondaryColor: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
18
+ return /*#__PURE__*/React.createElement("svg", {
19
+ width: 24,
20
+ height: 24,
21
+ viewBox: "0 0 24 24",
22
+ style: {
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
24
+ color: checked ? "var(--ds-background-selected-bold, ".concat(B400, ")") : "var(--ds-background-input, ".concat(N10, ")"),
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
26
+ fill: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
27
+ },
28
+ role: "presentation",
29
+ className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
66
30
  }, /*#__PURE__*/React.createElement("g", {
67
31
  fillRule: "evenodd"
68
32
  }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
package/dist/esm/internal/components/radio-icon.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./radio-icon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import SVGIcon from '@atlaskit/icon/svg';
6
5
  import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { B400, N10, N100 } from '@atlaskit/theme/colors';
8
7
  var svgStyles = null;
@@ -16,52 +15,18 @@ var svgStyles = null;
16
15
  */
17
16
  var RadioIcon = function RadioIcon(_ref) {
18
17
  var checked = _ref.checked;
19
- if (fg('platform-custom-icon-migration')) {
20
- return /*#__PURE__*/React.createElement("svg", {
21
- width: 24,
22
- height: 24,
23
- viewBox: "0 0 24 24",
24
- style: {
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
26
- color: checked ? "var(--ds-background-selected-bold, ".concat(B400, ")") : "var(--ds-background-input, ".concat(N10, ")"),
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
28
- fill: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
29
- },
30
- role: "presentation",
31
- className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
32
- }, /*#__PURE__*/React.createElement("g", {
33
- fillRule: "evenodd"
34
- }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
35
- cx: "12",
36
- cy: "12",
37
- r: "7.5",
38
- fill: "currentColor",
39
- stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
40
- strokeWidth: "1"
41
- }), /*#__PURE__*/React.createElement("circle", {
42
- cx: "12",
43
- cy: "12",
44
- r: "3",
45
- fill: "inherit"
46
- })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
47
- fill: "currentColor",
48
- cx: "12",
49
- cy: "12",
50
- r: "6",
51
- stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
52
- strokeWidth: 1
53
- }), /*#__PURE__*/React.createElement("circle", {
54
- fill: "inherit",
55
- cx: "12",
56
- cy: "12",
57
- r: "2"
58
- }))));
59
- }
60
- return /*#__PURE__*/React.createElement(SVGIcon, {
61
- label: "",
62
- size: "medium",
63
- primaryColor: checked ? "var(--ds-background-selected-bold, ".concat(B400, ")") : "var(--ds-background-input, ".concat(N10, ")"),
64
- secondaryColor: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
18
+ return /*#__PURE__*/React.createElement("svg", {
19
+ width: 24,
20
+ height: 24,
21
+ viewBox: "0 0 24 24",
22
+ style: {
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
24
+ color: checked ? "var(--ds-background-selected-bold, ".concat(B400, ")") : "var(--ds-background-input, ".concat(N10, ")"),
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
26
+ fill: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
27
+ },
28
+ role: "presentation",
29
+ className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
65
30
  }, /*#__PURE__*/React.createElement("g", {
66
31
  fillRule: "evenodd"
67
32
  }, fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "16.3.23",
3
+ "version": "16.3.25",
4
4
  "description": "A dropdown menu displays a list of actions or options to a user.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,18 +24,18 @@
24
24
  }
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/button": "^23.6.0",
28
- "@atlaskit/css": "^0.17.0",
27
+ "@atlaskit/button": "^23.8.0",
28
+ "@atlaskit/css": "^0.18.0",
29
29
  "@atlaskit/ds-lib": "^5.3.0",
30
- "@atlaskit/icon": "^29.0.0",
30
+ "@atlaskit/icon": "^29.3.0",
31
31
  "@atlaskit/layering": "^3.4.0",
32
32
  "@atlaskit/menu": "^8.4.0",
33
33
  "@atlaskit/platform-feature-flags": "^1.1.0",
34
- "@atlaskit/popup": "^4.6.0",
34
+ "@atlaskit/popup": "^4.8.0",
35
35
  "@atlaskit/primitives": "^16.4.0",
36
36
  "@atlaskit/spinner": "^19.0.0",
37
37
  "@atlaskit/theme": "^21.0.0",
38
- "@atlaskit/tokens": "^8.4.0",
38
+ "@atlaskit/tokens": "^8.6.0",
39
39
  "@atlaskit/visually-hidden": "^3.0.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "bind-event-listener": "^3.0.0"
@@ -50,17 +50,17 @@
50
50
  "@af/visual-regression": "workspace:^",
51
51
  "@atlaskit/app-provider": "^3.2.0",
52
52
  "@atlaskit/atlassian-navigation": "^5.5.0",
53
- "@atlaskit/avatar": "^25.5.0",
54
- "@atlaskit/checkbox": "^17.1.0",
53
+ "@atlaskit/avatar": "^25.6.0",
54
+ "@atlaskit/checkbox": "^17.2.0",
55
55
  "@atlaskit/docs": "^11.2.0",
56
- "@atlaskit/form": "^14.3.0",
56
+ "@atlaskit/form": "^15.1.0",
57
57
  "@atlaskit/heading": "^5.2.0",
58
58
  "@atlaskit/link": "^3.2.0",
59
- "@atlaskit/lozenge": "^13.1.0",
60
- "@atlaskit/modal-dialog": "^14.7.0",
61
- "@atlaskit/section-message": "^8.9.0",
62
- "@atlaskit/textfield": "^8.1.0",
63
- "@atlaskit/toggle": "^15.1.0",
59
+ "@atlaskit/lozenge": "^13.2.0",
60
+ "@atlaskit/modal-dialog": "^14.9.0",
61
+ "@atlaskit/section-message": "^8.11.0",
62
+ "@atlaskit/textfield": "^8.2.0",
63
+ "@atlaskit/toggle": "^15.2.0",
64
64
  "@atlassian/feature-flags-test-utils": "^1.0.0",
65
65
  "@testing-library/react": "^13.4.0",
66
66
  "@testing-library/react-hooks": "^8.0.1",
@@ -93,9 +93,6 @@
93
93
  },
94
94
  "platform-dst-nested-dropdown-menu-role": {
95
95
  "type": "boolean"
96
- },
97
- "platform-custom-icon-migration": {
98
- "type": "boolean"
99
96
  }
100
97
  },
101
98
  "techstack": {