@atlaskit/navigation-system 5.22.0 → 5.23.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 +8 -0
  2. package/dist/cjs/ui/menu-item/menu-item.js +4 -1
  3. package/dist/es2019/ui/menu-item/menu-item.js +4 -1
  4. package/dist/esm/ui/menu-item/menu-item.js +4 -1
  5. package/package.json +4 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 5.23.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`5ebd55afb7494`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ebd55afb7494) -
8
+ The `description` of menu items will now use the selected state token when the menu item is
9
+ selected. This change is behind the feature gate `platform-dst-menu-item-description-selected`.
10
+
3
11
  ## 5.22.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/ui/menu-item/menu-item.js CHANGED
@@ -281,7 +281,10 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref2, forwardedRef) {
281
281
  }),
282
282
  ref: labelRef
283
283
  }, children), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
284
- color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
284
+ color: (0, _platformFeatureFlags.fg)('platform-dst-menu-item-description-selected') ? getTextColor({
285
+ isDisabled: isDisabled,
286
+ isSelected: isSelected
287
+ }) : isDisabled ? 'color.text.disabled' : 'color.text.subtle',
285
288
  size: "small",
286
289
  maxLines: 1,
287
290
  ref: descriptionRef
package/dist/es2019/ui/menu-item/menu-item.js CHANGED
@@ -271,7 +271,10 @@ const MenuItemBaseNoRef = ({
271
271
  }),
272
272
  ref: labelRef
273
273
  }, children), description && /*#__PURE__*/React.createElement(Text, {
274
- color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
274
+ color: fg('platform-dst-menu-item-description-selected') ? getTextColor({
275
+ isDisabled,
276
+ isSelected
277
+ }) : isDisabled ? 'color.text.disabled' : 'color.text.subtle',
275
278
  size: "small",
276
279
  maxLines: 1,
277
280
  ref: descriptionRef
package/dist/esm/ui/menu-item/menu-item.js CHANGED
@@ -272,7 +272,10 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref2, forwardedRef) {
272
272
  }),
273
273
  ref: labelRef
274
274
  }, children), description && /*#__PURE__*/React.createElement(Text, {
275
- color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
275
+ color: fg('platform-dst-menu-item-description-selected') ? getTextColor({
276
+ isDisabled: isDisabled,
277
+ isSelected: isSelected
278
+ }) : isDisabled ? 'color.text.disabled' : 'color.text.subtle',
276
279
  size: "small",
277
280
  maxLines: 1,
278
281
  ref: descriptionRef
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "5.22.0",
3
+ "version": "5.23.0",
4
4
  "description": "The latest navigation system for Atlassian apps.",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
6
6
  "author": "Atlassian Pty Ltd",
@@ -193,6 +193,9 @@
193
193
  },
194
194
  "platform-dst-panel-splitter-drag-start-client-x": {
195
195
  "type": "boolean"
196
+ },
197
+ "platform-dst-menu-item-description-selected": {
198
+ "type": "boolean"
196
199
  }
197
200
  },
198
201
  "homepage": "https://atlassian.design/components/navigation-system"