@atlaskit/select 21.5.0 → 21.6.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/components/input-options.js +4 -10
  3. package/dist/es2019/components/input-options.js +4 -10
  4. package/dist/esm/components/input-options.js +4 -10
  5. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 21.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
8
+ Migrated and cleaned up legacy iconography usage.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
3
14
  ## 21.5.0
4
15
 
5
16
  ### Minor Changes
package/dist/cjs/components/input-options.js CHANGED
@@ -13,8 +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
16
  var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
19
17
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
18
  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); }
@@ -148,7 +146,7 @@ var NewCheckboxIcon = function NewCheckboxIcon(props) {
148
146
  color: primaryColor,
149
147
  fill: secondaryColor
150
148
  },
151
- "aria-label": label,
149
+ "aria-label": label ? label : undefined,
152
150
  role: label ? 'img' : 'presentation',
153
151
  className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
154
152
  }, newCheckboxIconPath);
@@ -184,7 +182,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
184
182
  color: primaryColor,
185
183
  fill: secondaryColor
186
184
  },
187
- "aria-label": label,
185
+ "aria-label": label ? label : undefined,
188
186
  role: label ? 'img' : 'presentation',
189
187
  className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
190
188
  }, newRadioIconPath);
@@ -201,9 +199,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
201
199
  */
202
200
  var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props) {
203
201
  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
202
+ Icon: NewCheckboxIcon
207
203
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
208
204
  }, props));
209
205
  };
@@ -216,9 +212,7 @@ var RadioOption = exports.RadioOption = function RadioOption(props) {
216
212
  /*#__PURE__*/
217
213
  // TODO https://product-fabric.atlassian.net/browse/DSP-20769
218
214
  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
215
+ Icon: NewRadioIcon
222
216
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
223
217
  }, props))
224
218
  );
package/dist/es2019/components/input-options.js CHANGED
@@ -4,8 +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
7
  import PrimitiveSVGIcon from '@atlaskit/icon/svg';
10
8
  import { fg } from '@atlaskit/platform-feature-flags';
11
9
  const optionStyles = {
@@ -135,7 +133,7 @@ const NewCheckboxIcon = props => {
135
133
  color: primaryColor,
136
134
  fill: secondaryColor
137
135
  },
138
- "aria-label": label,
136
+ "aria-label": label ? label : undefined,
139
137
  role: label ? 'img' : 'presentation',
140
138
  className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
141
139
  }, newCheckboxIconPath);
@@ -173,7 +171,7 @@ const NewRadioIcon = props => {
173
171
  color: primaryColor,
174
172
  fill: secondaryColor
175
173
  },
176
- "aria-label": label,
174
+ "aria-label": label ? label : undefined,
177
175
  role: label ? 'img' : 'presentation',
178
176
  className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
179
177
  }, newRadioIconPath);
@@ -189,9 +187,7 @@ const NewRadioIcon = props => {
189
187
  * __Checkbox option__
190
188
  */
191
189
  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
190
+ Icon: NewCheckboxIcon
195
191
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
196
192
  }, props));
197
193
 
@@ -202,8 +198,6 @@ export const RadioOption = props =>
202
198
  /*#__PURE__*/
203
199
  // TODO https://product-fabric.atlassian.net/browse/DSP-20769
204
200
  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
201
+ Icon: NewRadioIcon
208
202
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
209
203
  }, props));
package/dist/esm/components/input-options.js CHANGED
@@ -5,8 +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
8
  import PrimitiveSVGIcon from '@atlaskit/icon/svg';
11
9
  import { fg } from '@atlaskit/platform-feature-flags';
12
10
  var optionStyles = {
@@ -139,7 +137,7 @@ var NewCheckboxIcon = function NewCheckboxIcon(props) {
139
137
  color: primaryColor,
140
138
  fill: secondaryColor
141
139
  },
142
- "aria-label": label,
140
+ "aria-label": label ? label : undefined,
143
141
  role: label ? 'img' : 'presentation',
144
142
  className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
145
143
  }, newCheckboxIconPath);
@@ -175,7 +173,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
175
173
  color: primaryColor,
176
174
  fill: secondaryColor
177
175
  },
178
- "aria-label": label,
176
+ "aria-label": label ? label : undefined,
179
177
  role: label ? 'img' : 'presentation',
180
178
  className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
181
179
  }, newRadioIconPath);
@@ -192,9 +190,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
192
190
  */
193
191
  export var CheckboxOption = function CheckboxOption(props) {
194
192
  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
193
+ Icon: NewCheckboxIcon
198
194
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
199
195
  }, props));
200
196
  };
@@ -207,9 +203,7 @@ export var RadioOption = function RadioOption(props) {
207
203
  /*#__PURE__*/
208
204
  // TODO https://product-fabric.atlassian.net/browse/DSP-20769
209
205
  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
206
+ Icon: NewRadioIcon
213
207
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
214
208
  }, props))
215
209
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "21.5.0",
3
+ "version": "21.6.0",
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.2.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.11.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.0.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",