@atlaskit/select 17.18.0 → 17.19.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 17.19.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#140648](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140648)
8
+ [`0fee45dd431ca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fee45dd431ca) -
9
+ Updated group heading styles to align to new modernised typography styles. Headings are no longer
10
+ all uppercase and are now bold. This change is behind a feature flag.
11
+
3
12
  ## 17.18.0
4
13
 
5
14
  ### Minor 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.18.0";
12
+ var packageVersion = "17.19.0";
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)({
@@ -303,6 +303,9 @@ function baseStyles(validationState) {
303
303
  return _objectSpread(_objectSpread({}, css), {}, {
304
304
  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)",
305
305
  color: "var(--ds-text-subtle, ".concat(_colors.N200, ")")
306
+ }, (0, _platformFeatureFlags.fg)('platform_design_system_team_select_typography') && {
307
+ fontWeight: "var(--ds-font-weight-bold, 700)".concat(" !important"),
308
+ textTransform: 'none'
306
309
  });
307
310
  }
308
311
  };
@@ -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.18.0";
5
+ const packageVersion = "17.19.0";
6
6
  export const SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  const Select = withAnalyticsContext({
@@ -295,7 +295,11 @@ export default function baseStyles(validationState, isCompact = false, appearanc
295
295
  groupHeading: css => ({
296
296
  ...css,
297
297
  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)",
298
- color: `var(--ds-text-subtle, ${N200})`
298
+ color: `var(--ds-text-subtle, ${N200})`,
299
+ ...(fg('platform_design_system_team_select_typography') && {
300
+ fontWeight: `${"var(--ds-font-weight-bold, 700)"} !important`,
301
+ textTransform: 'none'
302
+ })
299
303
  })
300
304
  };
301
305
  }
@@ -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.18.0";
5
+ var packageVersion = "17.19.0";
6
6
  export var SelectWithoutAnalytics = createSelect(ReactSelect);
7
7
  var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  var Select = withAnalyticsContext({
@@ -296,6 +296,9 @@ export default function baseStyles(validationState) {
296
296
  return _objectSpread(_objectSpread({}, css), {}, {
297
297
  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)",
298
298
  color: "var(--ds-text-subtle, ".concat(N200, ")")
299
+ }, fg('platform_design_system_team_select_typography') && {
300
+ fontWeight: "var(--ds-font-weight-bold, 700)".concat(" !important"),
301
+ textTransform: 'none'
299
302
  });
300
303
  }
301
304
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "17.18.0",
3
+ "version": "17.19.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/"
@@ -44,7 +44,7 @@
44
44
  "@atlaskit/primitives": "^12.1.0",
45
45
  "@atlaskit/spinner": "^16.3.0",
46
46
  "@atlaskit/theme": "^13.0.0",
47
- "@atlaskit/tokens": "^1.59.0",
47
+ "@atlaskit/tokens": "^1.60.0",
48
48
  "@atlaskit/visually-hidden": "^1.5.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@emotion/react": "^11.7.1",
@@ -110,6 +110,9 @@
110
110
  },
111
111
  "tab-event-should-close-popupSelect": {
112
112
  "type": "boolean"
113
+ },
114
+ "platform_design_system_team_select_typography": {
115
+ "type": "boolean"
113
116
  }
114
117
  },
115
118
  "homepage": "https://atlassian.design/components/select/"