@atlaskit/select 21.6.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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
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
|
+
|
|
3
10
|
## 21.6.0
|
|
4
11
|
|
|
5
12
|
### Minor Changes
|
|
@@ -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 _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
|
|
17
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
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); }
|
|
19
17
|
var optionStyles = {
|
|
20
18
|
default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di6fcek",
|
|
@@ -120,78 +118,62 @@ var ControlOption = function ControlOption(props) {
|
|
|
120
118
|
}, children));
|
|
121
119
|
};
|
|
122
120
|
var svgStyles = null;
|
|
123
|
-
var
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
|
|
152
|
-
}, newCheckboxIconPath);
|
|
153
|
-
}
|
|
154
|
-
return (
|
|
155
|
-
/*#__PURE__*/
|
|
156
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
|
|
157
|
-
React.createElement(_svg.default, props, newCheckboxIconPath)
|
|
158
|
-
);
|
|
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
|
+
})));
|
|
159
149
|
};
|
|
160
|
-
var
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
|
|
188
|
-
}, newRadioIconPath);
|
|
189
|
-
}
|
|
190
|
-
return (
|
|
191
|
-
/*#__PURE__*/
|
|
192
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
|
|
193
|
-
React.createElement(_svg.default, props, newRadioIconPath)
|
|
194
|
-
);
|
|
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
|
+
})));
|
|
195
177
|
};
|
|
196
178
|
|
|
197
179
|
/**
|
|
@@ -199,7 +181,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
|
|
|
199
181
|
*/
|
|
200
182
|
var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props) {
|
|
201
183
|
return /*#__PURE__*/React.createElement(ControlOption, (0, _extends2.default)({
|
|
202
|
-
Icon:
|
|
184
|
+
Icon: CheckboxIcon
|
|
203
185
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
204
186
|
}, props));
|
|
205
187
|
};
|
|
@@ -212,7 +194,7 @@ var RadioOption = exports.RadioOption = function RadioOption(props) {
|
|
|
212
194
|
/*#__PURE__*/
|
|
213
195
|
// TODO https://product-fabric.atlassian.net/browse/DSP-20769
|
|
214
196
|
React.createElement(ControlOption, (0, _extends2.default)({
|
|
215
|
-
Icon:
|
|
197
|
+
Icon: RadioIcon
|
|
216
198
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
217
199
|
}, props))
|
|
218
200
|
);
|
|
@@ -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 PrimitiveSVGIcon from '@atlaskit/icon/svg';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
7
|
const optionStyles = {
|
|
10
8
|
default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di6fcek",
|
|
11
9
|
focused: "_bfhk1dpa _16qsgkog _112e5u6v",
|
|
@@ -105,89 +103,73 @@ const ControlOption = props => {
|
|
|
105
103
|
}, children));
|
|
106
104
|
};
|
|
107
105
|
const svgStyles = null;
|
|
108
|
-
const
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
|
|
139
|
-
}, newCheckboxIconPath);
|
|
140
|
-
}
|
|
141
|
-
return (
|
|
142
|
-
/*#__PURE__*/
|
|
143
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
|
|
144
|
-
React.createElement(PrimitiveSVGIcon, props, newCheckboxIconPath)
|
|
145
|
-
);
|
|
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
|
+
})));
|
|
146
136
|
};
|
|
147
|
-
const
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
|
|
177
|
-
}, newRadioIconPath);
|
|
178
|
-
}
|
|
179
|
-
return (
|
|
180
|
-
/*#__PURE__*/
|
|
181
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
|
|
182
|
-
React.createElement(PrimitiveSVGIcon, props, newRadioIconPath)
|
|
183
|
-
);
|
|
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
|
+
})));
|
|
184
166
|
};
|
|
185
167
|
|
|
186
168
|
/**
|
|
187
169
|
* __Checkbox option__
|
|
188
170
|
*/
|
|
189
171
|
export const CheckboxOption = props => /*#__PURE__*/React.createElement(ControlOption, _extends({
|
|
190
|
-
Icon:
|
|
172
|
+
Icon: CheckboxIcon
|
|
191
173
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
192
174
|
}, props));
|
|
193
175
|
|
|
@@ -198,6 +180,6 @@ export const RadioOption = props =>
|
|
|
198
180
|
/*#__PURE__*/
|
|
199
181
|
// TODO https://product-fabric.atlassian.net/browse/DSP-20769
|
|
200
182
|
React.createElement(ControlOption, _extends({
|
|
201
|
-
Icon:
|
|
183
|
+
Icon: RadioIcon
|
|
202
184
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
203
185
|
}, props));
|
|
@@ -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 PrimitiveSVGIcon from '@atlaskit/icon/svg';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
8
|
var optionStyles = {
|
|
11
9
|
default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di6fcek",
|
|
12
10
|
focused: "_bfhk1dpa _16qsgkog _112e5u6v",
|
|
@@ -111,78 +109,62 @@ var ControlOption = function ControlOption(props) {
|
|
|
111
109
|
}, children));
|
|
112
110
|
};
|
|
113
111
|
var svgStyles = null;
|
|
114
|
-
var
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
|
|
143
|
-
}, newCheckboxIconPath);
|
|
144
|
-
}
|
|
145
|
-
return (
|
|
146
|
-
/*#__PURE__*/
|
|
147
|
-
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props, @atlaskit/design-system/no-custom-icons
|
|
148
|
-
React.createElement(PrimitiveSVGIcon, props, newCheckboxIconPath)
|
|
149
|
-
);
|
|
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
|
+
})));
|
|
150
140
|
};
|
|
151
|
-
var
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
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
|
-
);
|
|
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
|
+
})));
|
|
186
168
|
};
|
|
187
169
|
|
|
188
170
|
/**
|
|
@@ -190,7 +172,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
|
|
|
190
172
|
*/
|
|
191
173
|
export var CheckboxOption = function CheckboxOption(props) {
|
|
192
174
|
return /*#__PURE__*/React.createElement(ControlOption, _extends({
|
|
193
|
-
Icon:
|
|
175
|
+
Icon: CheckboxIcon
|
|
194
176
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
195
177
|
}, props));
|
|
196
178
|
};
|
|
@@ -203,7 +185,7 @@ export var RadioOption = function RadioOption(props) {
|
|
|
203
185
|
/*#__PURE__*/
|
|
204
186
|
// TODO https://product-fabric.atlassian.net/browse/DSP-20769
|
|
205
187
|
React.createElement(ControlOption, _extends({
|
|
206
|
-
Icon:
|
|
188
|
+
Icon: RadioIcon
|
|
207
189
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
208
190
|
}, props))
|
|
209
191
|
);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/select",
|
|
3
|
-
"version": "21.6.
|
|
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,10 +34,10 @@
|
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
36
36
|
"@atlaskit/ds-lib": "^5.3.0",
|
|
37
|
-
"@atlaskit/icon": "^29.
|
|
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.
|
|
40
|
+
"@atlaskit/react-select": "^3.12.0",
|
|
41
41
|
"@atlaskit/theme": "^21.0.0",
|
|
42
42
|
"@atlaskit/tokens": "^8.6.0",
|
|
43
43
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@atlaskit/checkbox": "^17.2.0",
|
|
62
62
|
"@atlaskit/docs": "^11.2.0",
|
|
63
63
|
"@atlaskit/drawer": "^11.0.0",
|
|
64
|
-
"@atlaskit/form": "^15.
|
|
64
|
+
"@atlaskit/form": "^15.1.0",
|
|
65
65
|
"@atlaskit/link": "^3.2.0",
|
|
66
66
|
"@atlaskit/logo": "^19.9.0",
|
|
67
67
|
"@atlaskit/modal-dialog": "^14.9.0",
|
|
@@ -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
|
},
|