@atlaskit/select 17.11.9 → 17.11.10

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,14 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 17.11.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [#123901](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123901)
8
+ [`19b70fe0c7efc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/19b70fe0c7efc) -
9
+ [ux] Updating multi value labels font size using composite font token. If successful, these
10
+ changes will be made available in a later release.
11
+
3
12
  ## 17.11.9
4
13
 
5
14
  ### Patch Changes
@@ -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.11.9";
12
+ var packageVersion = "17.11.10";
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)({
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = baseStyles;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _colors = require("@atlaskit/theme/colors");
10
9
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
10
+ var _colors = require("@atlaskit/theme/colors");
11
11
  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
12
  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; }
13
13
  function baseStyles(validationState) {
@@ -16,7 +16,7 @@ function baseStyles(validationState) {
16
16
  return {
17
17
  container: function container(css, _ref) {
18
18
  var isDisabled = _ref.isDisabled;
19
- return _objectSpread(_objectSpread(_objectSpread({}, css), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.select-new-typography_7m89c') ? {
19
+ return _objectSpread(_objectSpread(_objectSpread({}, css), (0, _platformFeatureFlags.fg)('platform.design-system-team.select-new-typography_7m89c') ? {
20
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
21
  } : {
22
22
  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
@@ -200,7 +200,7 @@ function baseStyles(validationState) {
200
200
  var isDisabled = _ref6.isDisabled;
201
201
  return _objectSpread(_objectSpread({}, css), {}, {
202
202
  color: isDisabled ? "var(--ds-text-disabled, ".concat(_colors.N70, ")") : "var(--ds-text, ".concat(_colors.N800, ")")
203
- }, !(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.select-new-typography_7m89c') && {
203
+ }, !(0, _platformFeatureFlags.fg)('platform.design-system-team.select-new-typography_7m89c') && {
204
204
  lineHeight: '1rem'
205
205
  });
206
206
  },
@@ -246,7 +246,9 @@ function baseStyles(validationState) {
246
246
  },
247
247
  multiValueLabel: function multiValueLabel(css, _ref8) {
248
248
  var isDisabled = _ref8.isDisabled;
249
- return _objectSpread(_objectSpread({}, css), {}, {
249
+ return _objectSpread(_objectSpread(_objectSpread({}, css), (0, _platformFeatureFlags.fg)('platform.design-system-team.select-new-typography_7m89c') && {
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
+ }), {}, {
250
252
  padding: "var(--ds-space-025, 2px)",
251
253
  color: isDisabled ? "var(--ds-text-disabled, ".concat(_colors.N70, ")") : 'inherit',
252
254
  paddingRight: "var(--ds-space-025, 2px)"
@@ -272,7 +274,7 @@ function baseStyles(validationState) {
272
274
  });
273
275
  },
274
276
  groupHeading: function groupHeading(css) {
275
- return _objectSpread(_objectSpread(_objectSpread({}, css), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.select-new-typography_7m89c') && {
277
+ return _objectSpread(_objectSpread(_objectSpread({}, css), (0, _platformFeatureFlags.fg)('platform.design-system-team.select-new-typography_7m89c') && {
276
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)"
277
279
  }), {}, {
278
280
  color: "var(--ds-text-subtle, ".concat(_colors.N200, ")")
@@ -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.11.9";
5
+ const packageVersion = "17.11.10";
6
6
  export const SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  const Select = withAnalyticsContext({
@@ -1,12 +1,12 @@
1
+ import { fg } from '@atlaskit/platform-feature-flags';
1
2
  import { B100, B400, B50, G400, N0, N100, N20, N200, N30, N300, N40, N500, N70, N800, R400, R75 } from '@atlaskit/theme/colors';
2
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
3
3
  export default function baseStyles(validationState, isCompact = false, appearance) {
4
4
  return {
5
5
  container: (css, {
6
6
  isDisabled
7
7
  }) => ({
8
8
  ...css,
9
- ...(getBooleanFF('platform.design-system-team.select-new-typography_7m89c') ? {
9
+ ...(fg('platform.design-system-team.select-new-typography_7m89c') ? {
10
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
11
  } : {
12
12
  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
@@ -192,7 +192,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
192
192
  }) => ({
193
193
  ...css,
194
194
  color: isDisabled ? `var(--ds-text-disabled, ${N70})` : `var(--ds-text, ${N800})`,
195
- ...(!getBooleanFF('platform.design-system-team.select-new-typography_7m89c') && {
195
+ ...(!fg('platform.design-system-team.select-new-typography_7m89c') && {
196
196
  lineHeight: '1rem'
197
197
  })
198
198
  }),
@@ -240,6 +240,9 @@ export default function baseStyles(validationState, isCompact = false, appearanc
240
240
  isDisabled
241
241
  }) => ({
242
242
  ...css,
243
+ ...(fg('platform.design-system-team.select-new-typography_7m89c') && {
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
+ }),
243
246
  padding: "var(--ds-space-025, 2px)",
244
247
  color: isDisabled ? `var(--ds-text-disabled, ${N70})` : 'inherit',
245
248
  paddingRight: "var(--ds-space-025, 2px)"
@@ -265,7 +268,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
265
268
  }),
266
269
  groupHeading: css => ({
267
270
  ...css,
268
- ...(getBooleanFF('platform.design-system-team.select-new-typography_7m89c') && {
271
+ ...(fg('platform.design-system-team.select-new-typography_7m89c') && {
269
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)"
270
273
  }),
271
274
  color: `var(--ds-text-subtle, ${N200})`
@@ -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.11.9";
5
+ var packageVersion = "17.11.10";
6
6
  export var SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  var Select = withAnalyticsContext({
@@ -1,15 +1,15 @@
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';
4
5
  import { B100, B400, B50, G400, N0, N100, N20, N200, N30, N300, N40, N500, N70, N800, R400, R75 } from '@atlaskit/theme/colors';
5
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
6
6
  export default function baseStyles(validationState) {
7
7
  var isCompact = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
8
8
  var appearance = arguments.length > 2 ? arguments[2] : undefined;
9
9
  return {
10
10
  container: function container(css, _ref) {
11
11
  var isDisabled = _ref.isDisabled;
12
- return _objectSpread(_objectSpread(_objectSpread({}, css), getBooleanFF('platform.design-system-team.select-new-typography_7m89c') ? {
12
+ return _objectSpread(_objectSpread(_objectSpread({}, css), fg('platform.design-system-team.select-new-typography_7m89c') ? {
13
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
14
  } : {
15
15
  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
@@ -193,7 +193,7 @@ export default function baseStyles(validationState) {
193
193
  var isDisabled = _ref6.isDisabled;
194
194
  return _objectSpread(_objectSpread({}, css), {}, {
195
195
  color: isDisabled ? "var(--ds-text-disabled, ".concat(N70, ")") : "var(--ds-text, ".concat(N800, ")")
196
- }, !getBooleanFF('platform.design-system-team.select-new-typography_7m89c') && {
196
+ }, !fg('platform.design-system-team.select-new-typography_7m89c') && {
197
197
  lineHeight: '1rem'
198
198
  });
199
199
  },
@@ -239,7 +239,9 @@ export default function baseStyles(validationState) {
239
239
  },
240
240
  multiValueLabel: function multiValueLabel(css, _ref8) {
241
241
  var isDisabled = _ref8.isDisabled;
242
- return _objectSpread(_objectSpread({}, css), {}, {
242
+ return _objectSpread(_objectSpread(_objectSpread({}, css), fg('platform.design-system-team.select-new-typography_7m89c') && {
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
+ }), {}, {
243
245
  padding: "var(--ds-space-025, 2px)",
244
246
  color: isDisabled ? "var(--ds-text-disabled, ".concat(N70, ")") : 'inherit',
245
247
  paddingRight: "var(--ds-space-025, 2px)"
@@ -265,7 +267,7 @@ export default function baseStyles(validationState) {
265
267
  });
266
268
  },
267
269
  groupHeading: function groupHeading(css) {
268
- return _objectSpread(_objectSpread(_objectSpread({}, css), getBooleanFF('platform.design-system-team.select-new-typography_7m89c') && {
270
+ return _objectSpread(_objectSpread(_objectSpread({}, css), fg('platform.design-system-team.select-new-typography_7m89c') && {
269
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)"
270
272
  }), {}, {
271
273
  color: "var(--ds-text-subtle, ".concat(N200, ")")
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "17.11.9",
3
+ "version": "17.11.10",
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/"
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "dependencies": {
45
45
  "@atlaskit/analytics-next": "^9.3.0",
46
- "@atlaskit/icon": "^22.7.0",
46
+ "@atlaskit/icon": "^22.8.0",
47
47
  "@atlaskit/platform-feature-flags": "^0.3.0",
48
48
  "@atlaskit/primitives": "^11.1.0",
49
49
  "@atlaskit/spinner": "^16.2.0",