@atlaskit/select 21.5.0 → 21.6.1

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 +18 -0
  2. package/dist/cjs/components/input-options.js +57 -81
  3. package/dist/es2019/components/input-options.js +61 -85
  4. package/dist/esm/components/input-options.js +57 -81
  5. package/package.json +8 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 21.6.1
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
+ ## 21.6.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
15
+ Migrated and cleaned up legacy iconography usage.
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 21.5.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/components/input-options.js CHANGED
@@ -13,10 +13,6 @@ var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
15
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
16
- var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
17
- var _radio = _interopRequireDefault(require("@atlaskit/icon/glyph/radio"));
18
- var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
19
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
16
  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); }
21
17
  var optionStyles = {
22
18
  default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di6fcek",
@@ -122,78 +118,62 @@ var ControlOption = function ControlOption(props) {
122
118
  }, children));
123
119
  };
124
120
  var svgStyles = null;
125
- var newCheckboxIconPath = /*#__PURE__*/React.createElement("g", {
126
- fillRule: "evenodd"
127
- }, /*#__PURE__*/React.createElement("rect", {
128
- x: "5.5",
129
- y: "5.5",
130
- width: "13",
131
- height: "13",
132
- rx: "1.5",
133
- fill: "currentColor"
134
- }), /*#__PURE__*/React.createElement("path", {
135
- fillRule: "evenodd",
136
- clipRule: "evenodd",
137
- 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",
138
- fill: "inherit"
139
- }));
140
- var NewCheckboxIcon = function NewCheckboxIcon(props) {
141
- if ((0, _platformFeatureFlags.fg)('platform-custom-icon-migration')) {
142
- var primaryColor = props.primaryColor,
143
- secondaryColor = props.secondaryColor,
144
- label = props.label;
145
- return /*#__PURE__*/React.createElement("svg", {
146
- viewBox: "0 0 24 24",
147
- style: {
148
- color: primaryColor,
149
- fill: secondaryColor
150
- },
151
- "aria-label": label,
152
- role: label ? 'img' : 'presentation',
153
- className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
154
- }, newCheckboxIconPath);
155
- }
156
- return (
157
- /*#__PURE__*/
158
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
159
- React.createElement(_svg.default, props, newCheckboxIconPath)
160
- );
121
+ var CheckboxIcon = function CheckboxIcon(props) {
122
+ var primaryColor = props.primaryColor,
123
+ secondaryColor = props.secondaryColor,
124
+ label = props.label;
125
+ return /*#__PURE__*/React.createElement("svg", {
126
+ viewBox: "0 0 24 24",
127
+ style: {
128
+ color: primaryColor,
129
+ fill: secondaryColor
130
+ },
131
+ "aria-label": label ? label : undefined,
132
+ role: label ? 'img' : 'presentation',
133
+ className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
134
+ }, /*#__PURE__*/React.createElement("g", {
135
+ fillRule: "evenodd"
136
+ }, /*#__PURE__*/React.createElement("rect", {
137
+ x: "5.5",
138
+ y: "5.5",
139
+ width: "13",
140
+ height: "13",
141
+ rx: "1.5",
142
+ fill: "currentColor"
143
+ }), /*#__PURE__*/React.createElement("path", {
144
+ fillRule: "evenodd",
145
+ clipRule: "evenodd",
146
+ 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",
147
+ fill: "inherit"
148
+ })));
161
149
  };
162
- var newRadioIconPath = /*#__PURE__*/React.createElement("g", {
163
- fillRule: "evenodd"
164
- }, /*#__PURE__*/React.createElement("circle", {
165
- cx: "12",
166
- cy: "12",
167
- r: "6.75",
168
- fill: "currentColor",
169
- strokeWidth: "1.5"
170
- }), /*#__PURE__*/React.createElement("circle", {
171
- cx: "12",
172
- cy: "12",
173
- r: "3",
174
- fill: "inherit"
175
- }));
176
- var NewRadioIcon = function NewRadioIcon(props) {
177
- if ((0, _platformFeatureFlags.fg)('platform-custom-icon-migration')) {
178
- var primaryColor = props.primaryColor,
179
- secondaryColor = props.secondaryColor,
180
- label = props.label;
181
- return /*#__PURE__*/React.createElement("svg", {
182
- viewBox: "0 0 24 24",
183
- style: {
184
- color: primaryColor,
185
- fill: secondaryColor
186
- },
187
- "aria-label": label,
188
- role: label ? 'img' : 'presentation',
189
- className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
190
- }, newRadioIconPath);
191
- }
192
- return (
193
- /*#__PURE__*/
194
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
195
- React.createElement(_svg.default, props, newRadioIconPath)
196
- );
150
+ var RadioIcon = function RadioIcon(props) {
151
+ var primaryColor = props.primaryColor,
152
+ secondaryColor = props.secondaryColor,
153
+ label = props.label;
154
+ return /*#__PURE__*/React.createElement("svg", {
155
+ viewBox: "0 0 24 24",
156
+ style: {
157
+ color: primaryColor,
158
+ fill: secondaryColor
159
+ },
160
+ "aria-label": label ? label : undefined,
161
+ role: label ? 'img' : 'presentation',
162
+ className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
163
+ }, /*#__PURE__*/React.createElement("g", {
164
+ fillRule: "evenodd"
165
+ }, /*#__PURE__*/React.createElement("circle", {
166
+ cx: "12",
167
+ cy: "12",
168
+ r: "6.75",
169
+ fill: "currentColor",
170
+ strokeWidth: "1.5"
171
+ }), /*#__PURE__*/React.createElement("circle", {
172
+ cx: "12",
173
+ cy: "12",
174
+ r: "3",
175
+ fill: "inherit"
176
+ })));
197
177
  };
198
178
 
199
179
  /**
@@ -201,9 +181,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
201
181
  */
202
182
  var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props) {
203
183
  return /*#__PURE__*/React.createElement(ControlOption, (0, _extends2.default)({
204
- Icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? NewCheckboxIcon :
205
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
206
- _checkbox.default
184
+ Icon: CheckboxIcon
207
185
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
208
186
  }, props));
209
187
  };
@@ -216,9 +194,7 @@ var RadioOption = exports.RadioOption = function RadioOption(props) {
216
194
  /*#__PURE__*/
217
195
  // TODO https://product-fabric.atlassian.net/browse/DSP-20769
218
196
  React.createElement(ControlOption, (0, _extends2.default)({
219
- Icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? NewRadioIcon :
220
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
221
- _radio.default
197
+ Icon: RadioIcon
222
198
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
223
199
  }, props))
224
200
  );
package/dist/es2019/components/input-options.js CHANGED
@@ -4,10 +4,6 @@ import "./input-options.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useCallback, useMemo, useState } from 'react';
7
- import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
8
- import RadioIcon from '@atlaskit/icon/glyph/radio';
9
- import PrimitiveSVGIcon from '@atlaskit/icon/svg';
10
- import { fg } from '@atlaskit/platform-feature-flags';
11
7
  const optionStyles = {
12
8
  default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di6fcek",
13
9
  focused: "_bfhk1dpa _16qsgkog _112e5u6v",
@@ -107,91 +103,73 @@ const ControlOption = props => {
107
103
  }, children));
108
104
  };
109
105
  const svgStyles = null;
110
- const newCheckboxIconPath = /*#__PURE__*/React.createElement("g", {
111
- fillRule: "evenodd"
112
- }, /*#__PURE__*/React.createElement("rect", {
113
- x: "5.5",
114
- y: "5.5",
115
- width: "13",
116
- height: "13",
117
- rx: "1.5",
118
- fill: "currentColor"
119
- }), /*#__PURE__*/React.createElement("path", {
120
- fillRule: "evenodd",
121
- clipRule: "evenodd",
122
- 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",
123
- fill: "inherit"
124
- }));
125
- const NewCheckboxIcon = props => {
126
- if (fg('platform-custom-icon-migration')) {
127
- const {
128
- primaryColor,
129
- secondaryColor,
130
- label
131
- } = props;
132
- return /*#__PURE__*/React.createElement("svg", {
133
- viewBox: "0 0 24 24",
134
- style: {
135
- color: primaryColor,
136
- fill: secondaryColor
137
- },
138
- "aria-label": label,
139
- role: label ? 'img' : 'presentation',
140
- className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
141
- }, newCheckboxIconPath);
142
- }
143
- return (
144
- /*#__PURE__*/
145
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
146
- React.createElement(PrimitiveSVGIcon, props, newCheckboxIconPath)
147
- );
106
+ const CheckboxIcon = props => {
107
+ const {
108
+ primaryColor,
109
+ secondaryColor,
110
+ label
111
+ } = props;
112
+ return /*#__PURE__*/React.createElement("svg", {
113
+ viewBox: "0 0 24 24",
114
+ style: {
115
+ color: primaryColor,
116
+ fill: secondaryColor
117
+ },
118
+ "aria-label": label ? label : undefined,
119
+ role: label ? 'img' : 'presentation',
120
+ className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
121
+ }, /*#__PURE__*/React.createElement("g", {
122
+ fillRule: "evenodd"
123
+ }, /*#__PURE__*/React.createElement("rect", {
124
+ x: "5.5",
125
+ y: "5.5",
126
+ width: "13",
127
+ height: "13",
128
+ rx: "1.5",
129
+ fill: "currentColor"
130
+ }), /*#__PURE__*/React.createElement("path", {
131
+ fillRule: "evenodd",
132
+ clipRule: "evenodd",
133
+ 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",
134
+ fill: "inherit"
135
+ })));
148
136
  };
149
- const newRadioIconPath = /*#__PURE__*/React.createElement("g", {
150
- fillRule: "evenodd"
151
- }, /*#__PURE__*/React.createElement("circle", {
152
- cx: "12",
153
- cy: "12",
154
- r: "6.75",
155
- fill: "currentColor",
156
- strokeWidth: "1.5"
157
- }), /*#__PURE__*/React.createElement("circle", {
158
- cx: "12",
159
- cy: "12",
160
- r: "3",
161
- fill: "inherit"
162
- }));
163
- const NewRadioIcon = props => {
164
- if (fg('platform-custom-icon-migration')) {
165
- const {
166
- primaryColor,
167
- secondaryColor,
168
- label
169
- } = props;
170
- return /*#__PURE__*/React.createElement("svg", {
171
- viewBox: "0 0 24 24",
172
- style: {
173
- color: primaryColor,
174
- fill: secondaryColor
175
- },
176
- "aria-label": label,
177
- role: label ? 'img' : 'presentation',
178
- className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
179
- }, newRadioIconPath);
180
- }
181
- return (
182
- /*#__PURE__*/
183
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
184
- React.createElement(PrimitiveSVGIcon, props, newRadioIconPath)
185
- );
137
+ const RadioIcon = props => {
138
+ const {
139
+ primaryColor,
140
+ secondaryColor,
141
+ label
142
+ } = props;
143
+ return /*#__PURE__*/React.createElement("svg", {
144
+ viewBox: "0 0 24 24",
145
+ style: {
146
+ color: primaryColor,
147
+ fill: secondaryColor
148
+ },
149
+ "aria-label": label ? label : undefined,
150
+ role: label ? 'img' : 'presentation',
151
+ className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
152
+ }, /*#__PURE__*/React.createElement("g", {
153
+ fillRule: "evenodd"
154
+ }, /*#__PURE__*/React.createElement("circle", {
155
+ cx: "12",
156
+ cy: "12",
157
+ r: "6.75",
158
+ fill: "currentColor",
159
+ strokeWidth: "1.5"
160
+ }), /*#__PURE__*/React.createElement("circle", {
161
+ cx: "12",
162
+ cy: "12",
163
+ r: "3",
164
+ fill: "inherit"
165
+ })));
186
166
  };
187
167
 
188
168
  /**
189
169
  * __Checkbox option__
190
170
  */
191
171
  export const CheckboxOption = props => /*#__PURE__*/React.createElement(ControlOption, _extends({
192
- Icon: fg('platform-visual-refresh-icons') ? NewCheckboxIcon :
193
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
194
- CheckboxIcon
172
+ Icon: CheckboxIcon
195
173
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
196
174
  }, props));
197
175
 
@@ -202,8 +180,6 @@ export const RadioOption = props =>
202
180
  /*#__PURE__*/
203
181
  // TODO https://product-fabric.atlassian.net/browse/DSP-20769
204
182
  React.createElement(ControlOption, _extends({
205
- Icon: fg('platform-visual-refresh-icons') ? NewRadioIcon :
206
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
207
- RadioIcon
183
+ Icon: RadioIcon
208
184
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
209
185
  }, props));
package/dist/esm/components/input-options.js CHANGED
@@ -5,10 +5,6 @@ import "./input-options.compiled.css";
5
5
  import * as React from 'react';
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
7
  import { useCallback, useMemo, useState } from 'react';
8
- import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
9
- import RadioIcon from '@atlaskit/icon/glyph/radio';
10
- import PrimitiveSVGIcon from '@atlaskit/icon/svg';
11
- import { fg } from '@atlaskit/platform-feature-flags';
12
8
  var optionStyles = {
13
9
  default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di6fcek",
14
10
  focused: "_bfhk1dpa _16qsgkog _112e5u6v",
@@ -113,78 +109,62 @@ var ControlOption = function ControlOption(props) {
113
109
  }, children));
114
110
  };
115
111
  var svgStyles = null;
116
- var newCheckboxIconPath = /*#__PURE__*/React.createElement("g", {
117
- fillRule: "evenodd"
118
- }, /*#__PURE__*/React.createElement("rect", {
119
- x: "5.5",
120
- y: "5.5",
121
- width: "13",
122
- height: "13",
123
- rx: "1.5",
124
- fill: "currentColor"
125
- }), /*#__PURE__*/React.createElement("path", {
126
- fillRule: "evenodd",
127
- clipRule: "evenodd",
128
- 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",
129
- fill: "inherit"
130
- }));
131
- var NewCheckboxIcon = function NewCheckboxIcon(props) {
132
- if (fg('platform-custom-icon-migration')) {
133
- var primaryColor = props.primaryColor,
134
- secondaryColor = props.secondaryColor,
135
- label = props.label;
136
- return /*#__PURE__*/React.createElement("svg", {
137
- viewBox: "0 0 24 24",
138
- style: {
139
- color: primaryColor,
140
- fill: secondaryColor
141
- },
142
- "aria-label": label,
143
- role: label ? 'img' : 'presentation',
144
- className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
145
- }, newCheckboxIconPath);
146
- }
147
- return (
148
- /*#__PURE__*/
149
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
150
- React.createElement(PrimitiveSVGIcon, props, newCheckboxIconPath)
151
- );
112
+ var CheckboxIcon = function CheckboxIcon(props) {
113
+ var primaryColor = props.primaryColor,
114
+ secondaryColor = props.secondaryColor,
115
+ label = props.label;
116
+ return /*#__PURE__*/React.createElement("svg", {
117
+ viewBox: "0 0 24 24",
118
+ style: {
119
+ color: primaryColor,
120
+ fill: secondaryColor
121
+ },
122
+ "aria-label": label ? label : undefined,
123
+ role: label ? 'img' : 'presentation',
124
+ className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
125
+ }, /*#__PURE__*/React.createElement("g", {
126
+ fillRule: "evenodd"
127
+ }, /*#__PURE__*/React.createElement("rect", {
128
+ x: "5.5",
129
+ y: "5.5",
130
+ width: "13",
131
+ height: "13",
132
+ rx: "1.5",
133
+ fill: "currentColor"
134
+ }), /*#__PURE__*/React.createElement("path", {
135
+ fillRule: "evenodd",
136
+ clipRule: "evenodd",
137
+ 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",
138
+ fill: "inherit"
139
+ })));
152
140
  };
153
- var newRadioIconPath = /*#__PURE__*/React.createElement("g", {
154
- fillRule: "evenodd"
155
- }, /*#__PURE__*/React.createElement("circle", {
156
- cx: "12",
157
- cy: "12",
158
- r: "6.75",
159
- fill: "currentColor",
160
- strokeWidth: "1.5"
161
- }), /*#__PURE__*/React.createElement("circle", {
162
- cx: "12",
163
- cy: "12",
164
- r: "3",
165
- fill: "inherit"
166
- }));
167
- var NewRadioIcon = function NewRadioIcon(props) {
168
- if (fg('platform-custom-icon-migration')) {
169
- var primaryColor = props.primaryColor,
170
- secondaryColor = props.secondaryColor,
171
- label = props.label;
172
- return /*#__PURE__*/React.createElement("svg", {
173
- viewBox: "0 0 24 24",
174
- style: {
175
- color: primaryColor,
176
- fill: secondaryColor
177
- },
178
- "aria-label": label,
179
- role: label ? 'img' : 'presentation',
180
- className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
181
- }, newRadioIconPath);
182
- }
183
- return (
184
- /*#__PURE__*/
185
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
186
- React.createElement(PrimitiveSVGIcon, props, newRadioIconPath)
187
- );
141
+ var RadioIcon = function RadioIcon(props) {
142
+ var primaryColor = props.primaryColor,
143
+ secondaryColor = props.secondaryColor,
144
+ label = props.label;
145
+ return /*#__PURE__*/React.createElement("svg", {
146
+ viewBox: "0 0 24 24",
147
+ style: {
148
+ color: primaryColor,
149
+ fill: secondaryColor
150
+ },
151
+ "aria-label": label ? label : undefined,
152
+ role: label ? 'img' : 'presentation',
153
+ className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
154
+ }, /*#__PURE__*/React.createElement("g", {
155
+ fillRule: "evenodd"
156
+ }, /*#__PURE__*/React.createElement("circle", {
157
+ cx: "12",
158
+ cy: "12",
159
+ r: "6.75",
160
+ fill: "currentColor",
161
+ strokeWidth: "1.5"
162
+ }), /*#__PURE__*/React.createElement("circle", {
163
+ cx: "12",
164
+ cy: "12",
165
+ r: "3",
166
+ fill: "inherit"
167
+ })));
188
168
  };
189
169
 
190
170
  /**
@@ -192,9 +172,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
192
172
  */
193
173
  export var CheckboxOption = function CheckboxOption(props) {
194
174
  return /*#__PURE__*/React.createElement(ControlOption, _extends({
195
- Icon: fg('platform-visual-refresh-icons') ? NewCheckboxIcon :
196
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
197
- CheckboxIcon
175
+ Icon: CheckboxIcon
198
176
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
199
177
  }, props));
200
178
  };
@@ -207,9 +185,7 @@ export var RadioOption = function RadioOption(props) {
207
185
  /*#__PURE__*/
208
186
  // TODO https://product-fabric.atlassian.net/browse/DSP-20769
209
187
  React.createElement(ControlOption, _extends({
210
- Icon: fg('platform-visual-refresh-icons') ? NewRadioIcon :
211
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
212
- RadioIcon
188
+ Icon: RadioIcon
213
189
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
214
190
  }, props))
215
191
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "21.5.0",
3
+ "version": "21.6.1",
4
4
  "description": "Select allows users to make a single selection or multiple selections from a list of options.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,12 +34,12 @@
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
36
  "@atlaskit/ds-lib": "^5.3.0",
37
- "@atlaskit/icon": "^29.0.0",
37
+ "@atlaskit/icon": "^29.3.0",
38
38
  "@atlaskit/platform-feature-flags": "^1.1.0",
39
39
  "@atlaskit/primitives": "^16.4.0",
40
- "@atlaskit/react-select": "^3.10.0",
40
+ "@atlaskit/react-select": "^3.12.0",
41
41
  "@atlaskit/theme": "^21.0.0",
42
- "@atlaskit/tokens": "^8.4.0",
42
+ "@atlaskit/tokens": "^8.6.0",
43
43
  "@atlaskit/visually-hidden": "^3.0.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@compiled/react": "^0.18.6",
@@ -57,16 +57,16 @@
57
57
  "@af/accessibility-testing": "workspace:^",
58
58
  "@af/integration-testing": "workspace:^",
59
59
  "@af/visual-regression": "workspace:^",
60
- "@atlaskit/button": "^23.7.0",
60
+ "@atlaskit/button": "^23.8.0",
61
61
  "@atlaskit/checkbox": "^17.2.0",
62
62
  "@atlaskit/docs": "^11.2.0",
63
63
  "@atlaskit/drawer": "^11.0.0",
64
- "@atlaskit/form": "^14.3.0",
64
+ "@atlaskit/form": "^15.1.0",
65
65
  "@atlaskit/link": "^3.2.0",
66
66
  "@atlaskit/logo": "^19.9.0",
67
- "@atlaskit/modal-dialog": "^14.8.0",
67
+ "@atlaskit/modal-dialog": "^14.9.0",
68
68
  "@atlaskit/radio": "^8.3.0",
69
- "@atlaskit/section-message": "^8.10.0",
69
+ "@atlaskit/section-message": "^8.11.0",
70
70
  "@atlassian/ssr-tests": "workspace:^",
71
71
  "@testing-library/react": "^13.4.0",
72
72
  "@testing-library/user-event": "^14.4.3",
@@ -97,9 +97,6 @@
97
97
  "platform-visual-refresh-icons": {
98
98
  "type": "boolean"
99
99
  },
100
- "platform-custom-icon-migration": {
101
- "type": "boolean"
102
- },
103
100
  "platform_dst_nav4_layering_in_main_slot_fixes": {
104
101
  "type": "boolean"
105
102
  },