@atlaskit/select 17.13.0 → 17.13.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.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/Select.js +1 -1
- package/dist/cjs/styles.js +6 -14
- package/dist/es2019/Select.js +1 -1
- package/dist/es2019/styles.js +4 -16
- package/dist/esm/Select.js +1 -1
- package/dist/esm/styles.js +6 -14
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/select
|
|
2
2
|
|
|
3
|
+
## 17.13.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#129726](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/129726)
|
|
8
|
+
[`778c15c1d279a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/778c15c1d279a) -
|
|
9
|
+
[ux] Removed feature flag `platform.design-system-team.select-new-typography_7m89c` resulting in
|
|
10
|
+
minor visual changes to typography.
|
|
11
|
+
|
|
12
|
+
## 17.13.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 17.13.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
package/dist/cjs/Select.js
CHANGED
|
@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
|
|
|
9
9
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
10
10
|
var _createSelect = _interopRequireDefault(require("./createSelect"));
|
|
11
11
|
var packageName = "@atlaskit/select";
|
|
12
|
-
var packageVersion = "17.13.
|
|
12
|
+
var packageVersion = "17.13.2";
|
|
13
13
|
var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
|
|
14
14
|
var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
|
|
15
15
|
var Select = (0, _analyticsNext.withAnalyticsContext)({
|
package/dist/cjs/styles.js
CHANGED
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = baseStyles;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
10
9
|
var _colors = require("@atlaskit/theme/colors");
|
|
11
10
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -16,11 +15,8 @@ function baseStyles(validationState) {
|
|
|
16
15
|
return {
|
|
17
16
|
container: function container(css, _ref) {
|
|
18
17
|
var isDisabled = _ref.isDisabled;
|
|
19
|
-
return _objectSpread(_objectSpread(
|
|
20
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
21
|
-
} : {
|
|
22
|
-
fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
23
|
-
}), {}, {
|
|
18
|
+
return _objectSpread(_objectSpread({}, css), {}, {
|
|
19
|
+
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
24
20
|
// react-select disables pointer events when isDisabled is true.
|
|
25
21
|
// We override this and make the inner container turn it off instead.
|
|
26
22
|
pointerEvents: 'all',
|
|
@@ -200,8 +196,6 @@ function baseStyles(validationState) {
|
|
|
200
196
|
var isDisabled = _ref6.isDisabled;
|
|
201
197
|
return _objectSpread(_objectSpread({}, css), {}, {
|
|
202
198
|
color: isDisabled ? "var(--ds-text-disabled, ".concat(_colors.N70, ")") : "var(--ds-text, ".concat(_colors.N800, ")")
|
|
203
|
-
}, !(0, _platformFeatureFlags.fg)('platform.design-system-team.select-new-typography_7m89c') && {
|
|
204
|
-
lineHeight: '1rem'
|
|
205
199
|
});
|
|
206
200
|
},
|
|
207
201
|
menu: function menu(css) {
|
|
@@ -246,9 +240,8 @@ function baseStyles(validationState) {
|
|
|
246
240
|
},
|
|
247
241
|
multiValueLabel: function multiValueLabel(css, _ref8) {
|
|
248
242
|
var isDisabled = _ref8.isDisabled;
|
|
249
|
-
return _objectSpread(_objectSpread(
|
|
250
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
251
|
-
}), {}, {
|
|
243
|
+
return _objectSpread(_objectSpread({}, css), {}, {
|
|
244
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
252
245
|
padding: "var(--ds-space-025, 2px)",
|
|
253
246
|
color: isDisabled ? "var(--ds-text-disabled, ".concat(_colors.N70, ")") : 'inherit',
|
|
254
247
|
paddingRight: "var(--ds-space-025, 2px)"
|
|
@@ -274,9 +267,8 @@ function baseStyles(validationState) {
|
|
|
274
267
|
});
|
|
275
268
|
},
|
|
276
269
|
groupHeading: function groupHeading(css) {
|
|
277
|
-
return _objectSpread(_objectSpread(
|
|
278
|
-
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
279
|
-
}), {}, {
|
|
270
|
+
return _objectSpread(_objectSpread({}, css), {}, {
|
|
271
|
+
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
280
272
|
color: "var(--ds-text-subtle, ".concat(_colors.N200, ")")
|
|
281
273
|
});
|
|
282
274
|
}
|
package/dist/es2019/Select.js
CHANGED
|
@@ -2,7 +2,7 @@ import ReactSelect from 'react-select';
|
|
|
2
2
|
import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
|
|
3
3
|
import createSelect from './createSelect';
|
|
4
4
|
const packageName = "@atlaskit/select";
|
|
5
|
-
const packageVersion = "17.13.
|
|
5
|
+
const packageVersion = "17.13.2";
|
|
6
6
|
export const SelectWithoutAnalytics = createSelect(ReactSelect);
|
|
7
7
|
const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
8
8
|
const Select = withAnalyticsContext({
|
package/dist/es2019/styles.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
1
|
import { B100, B400, B50, G400, N0, N100, N20, N200, N30, N300, N40, N500, N70, N800, R400, R75 } from '@atlaskit/theme/colors';
|
|
3
2
|
export default function baseStyles(validationState, isCompact = false, appearance) {
|
|
4
3
|
return {
|
|
@@ -6,11 +5,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
|
|
|
6
5
|
isDisabled
|
|
7
6
|
}) => ({
|
|
8
7
|
...css,
|
|
9
|
-
|
|
10
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
11
|
-
} : {
|
|
12
|
-
fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
13
|
-
}),
|
|
8
|
+
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
14
9
|
// react-select disables pointer events when isDisabled is true.
|
|
15
10
|
// We override this and make the inner container turn it off instead.
|
|
16
11
|
pointerEvents: 'all',
|
|
@@ -191,10 +186,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
|
|
|
191
186
|
isDisabled
|
|
192
187
|
}) => ({
|
|
193
188
|
...css,
|
|
194
|
-
color: isDisabled ? `var(--ds-text-disabled, ${N70})` : `var(--ds-text, ${N800})
|
|
195
|
-
...(!fg('platform.design-system-team.select-new-typography_7m89c') && {
|
|
196
|
-
lineHeight: '1rem'
|
|
197
|
-
})
|
|
189
|
+
color: isDisabled ? `var(--ds-text-disabled, ${N70})` : `var(--ds-text, ${N800})`
|
|
198
190
|
}),
|
|
199
191
|
menu: css => ({
|
|
200
192
|
...css,
|
|
@@ -240,9 +232,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
|
|
|
240
232
|
isDisabled
|
|
241
233
|
}) => ({
|
|
242
234
|
...css,
|
|
243
|
-
|
|
244
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
245
|
-
}),
|
|
235
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
246
236
|
padding: "var(--ds-space-025, 2px)",
|
|
247
237
|
color: isDisabled ? `var(--ds-text-disabled, ${N70})` : 'inherit',
|
|
248
238
|
paddingRight: "var(--ds-space-025, 2px)"
|
|
@@ -268,9 +258,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
|
|
|
268
258
|
}),
|
|
269
259
|
groupHeading: css => ({
|
|
270
260
|
...css,
|
|
271
|
-
|
|
272
|
-
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
273
|
-
}),
|
|
261
|
+
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
274
262
|
color: `var(--ds-text-subtle, ${N200})`
|
|
275
263
|
})
|
|
276
264
|
};
|
package/dist/esm/Select.js
CHANGED
|
@@ -2,7 +2,7 @@ import ReactSelect from 'react-select';
|
|
|
2
2
|
import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
|
|
3
3
|
import createSelect from './createSelect';
|
|
4
4
|
var packageName = "@atlaskit/select";
|
|
5
|
-
var packageVersion = "17.13.
|
|
5
|
+
var packageVersion = "17.13.2";
|
|
6
6
|
export var SelectWithoutAnalytics = createSelect(ReactSelect);
|
|
7
7
|
var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
8
8
|
var Select = withAnalyticsContext({
|
package/dist/esm/styles.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import { B100, B400, B50, G400, N0, N100, N20, N200, N30, N300, N40, N500, N70, N800, R400, R75 } from '@atlaskit/theme/colors';
|
|
6
5
|
export default function baseStyles(validationState) {
|
|
7
6
|
var isCompact = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
@@ -9,11 +8,8 @@ export default function baseStyles(validationState) {
|
|
|
9
8
|
return {
|
|
10
9
|
container: function container(css, _ref) {
|
|
11
10
|
var isDisabled = _ref.isDisabled;
|
|
12
|
-
return _objectSpread(_objectSpread(
|
|
13
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
14
|
-
} : {
|
|
15
|
-
fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
16
|
-
}), {}, {
|
|
11
|
+
return _objectSpread(_objectSpread({}, css), {}, {
|
|
12
|
+
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
17
13
|
// react-select disables pointer events when isDisabled is true.
|
|
18
14
|
// We override this and make the inner container turn it off instead.
|
|
19
15
|
pointerEvents: 'all',
|
|
@@ -193,8 +189,6 @@ export default function baseStyles(validationState) {
|
|
|
193
189
|
var isDisabled = _ref6.isDisabled;
|
|
194
190
|
return _objectSpread(_objectSpread({}, css), {}, {
|
|
195
191
|
color: isDisabled ? "var(--ds-text-disabled, ".concat(N70, ")") : "var(--ds-text, ".concat(N800, ")")
|
|
196
|
-
}, !fg('platform.design-system-team.select-new-typography_7m89c') && {
|
|
197
|
-
lineHeight: '1rem'
|
|
198
192
|
});
|
|
199
193
|
},
|
|
200
194
|
menu: function menu(css) {
|
|
@@ -239,9 +233,8 @@ export default function baseStyles(validationState) {
|
|
|
239
233
|
},
|
|
240
234
|
multiValueLabel: function multiValueLabel(css, _ref8) {
|
|
241
235
|
var isDisabled = _ref8.isDisabled;
|
|
242
|
-
return _objectSpread(_objectSpread(
|
|
243
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
244
|
-
}), {}, {
|
|
236
|
+
return _objectSpread(_objectSpread({}, css), {}, {
|
|
237
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
245
238
|
padding: "var(--ds-space-025, 2px)",
|
|
246
239
|
color: isDisabled ? "var(--ds-text-disabled, ".concat(N70, ")") : 'inherit',
|
|
247
240
|
paddingRight: "var(--ds-space-025, 2px)"
|
|
@@ -267,9 +260,8 @@ export default function baseStyles(validationState) {
|
|
|
267
260
|
});
|
|
268
261
|
},
|
|
269
262
|
groupHeading: function groupHeading(css) {
|
|
270
|
-
return _objectSpread(_objectSpread(
|
|
271
|
-
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
|
|
272
|
-
}), {}, {
|
|
263
|
+
return _objectSpread(_objectSpread({}, css), {}, {
|
|
264
|
+
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
273
265
|
color: "var(--ds-text-subtle, ".concat(N200, ")")
|
|
274
266
|
});
|
|
275
267
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/select",
|
|
3
|
-
"version": "17.13.
|
|
3
|
+
"version": "17.13.2",
|
|
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/"
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
48
48
|
"@atlaskit/primitives": "^12.0.0",
|
|
49
49
|
"@atlaskit/spinner": "^16.3.0",
|
|
50
|
-
"@atlaskit/theme": "^
|
|
50
|
+
"@atlaskit/theme": "^13.0.0",
|
|
51
51
|
"@atlaskit/tokens": "^1.58.0",
|
|
52
52
|
"@atlaskit/visually-hidden": "^1.5.0",
|
|
53
53
|
"@babel/runtime": "^7.0.0",
|
|
@@ -106,9 +106,6 @@
|
|
|
106
106
|
"platform-feature-flags": {
|
|
107
107
|
"platform.design-system-team.use-default-select-in-popup-select_46rmj": {
|
|
108
108
|
"type": "boolean"
|
|
109
|
-
},
|
|
110
|
-
"platform.design-system-team.select-new-typography_7m89c": {
|
|
111
|
-
"type": "boolean"
|
|
112
109
|
}
|
|
113
110
|
},
|
|
114
111
|
"homepage": "https://atlassian.design/components/select/"
|