@atlaskit/editor-plugin-type-ahead 6.5.1 → 6.5.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/ui/TypeAheadListItem.js +6 -1
  3. package/dist/es2019/ui/TypeAheadListItem.js +6 -1
  4. package/dist/esm/ui/TypeAheadListItem.js +6 -1
  5. package/package.json +6 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-type-ahead
2
2
 
3
+ ## 6.5.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`8159502f4e3ed`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8159502f4e3ed) -
8
+ [ux] [ENGHEALTH-32547] Changes the colour of the typeahead item description text to fix a colour
9
+ contrast a11y violation
10
+ - Updated dependencies
11
+
3
12
  ## 6.5.1
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/ui/TypeAheadListItem.js CHANGED
@@ -90,6 +90,11 @@ var itemDescription = (0, _react2.css)({
90
90
  color: "".concat("var(--ds-text-subtlest, ".concat(_colors.N200, ")"), ";"),
91
91
  marginTop: "var(--ds-space-050, 4px)".concat(";")
92
92
  });
93
+ // when cleaning up FG `platform_editor_typeahead_description_text_colour`
94
+ // replace above color with this and delete itemDescriptionColor
95
+ var itemDescriptionColor = (0, _react2.css)({
96
+ color: "var(--ds-text-subtle, #44546F)".concat(";")
97
+ });
93
98
  var itemDescriptionOverride = (0, _react2.css)({
94
99
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
95
100
  marginTop: 0
@@ -291,7 +296,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
291
296
  }, item.keyshortcut && (0, _react2.jsx)("div", {
292
297
  css: _shortcut.shortcutStyle
293
298
  }, item.keyshortcut))), (0, _react2.jsx)("div", {
294
- css: [itemDescription, moreElementsInQuickInsertViewEnabled && itemDescriptionOverride, itemIsDisabled && disabledStyle]
299
+ css: [itemDescription, (0, _platformFeatureFlags.fg)('platform_editor_typeahead_description_text_colour') && itemDescriptionColor, moreElementsInQuickInsertViewEnabled && itemDescriptionOverride, itemIsDisabled && disabledStyle]
295
300
  }, item.description)))))
296
301
  );
297
302
  });
package/dist/es2019/ui/TypeAheadListItem.js CHANGED
@@ -85,6 +85,11 @@ const itemDescription = css({
85
85
  color: `${`var(--ds-text-subtlest, ${N200})`};`,
86
86
  marginTop: `${"var(--ds-space-050, 4px)"};`
87
87
  });
88
+ // when cleaning up FG `platform_editor_typeahead_description_text_colour`
89
+ // replace above color with this and delete itemDescriptionColor
90
+ const itemDescriptionColor = css({
91
+ color: `${"var(--ds-text-subtle, #44546F)"};`
92
+ });
88
93
  const itemDescriptionOverride = css({
89
94
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
90
95
  marginTop: 0
@@ -305,7 +310,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
305
310
  }, item.keyshortcut && jsx("div", {
306
311
  css: shortcutStyle
307
312
  }, item.keyshortcut))), jsx("div", {
308
- css: [itemDescription, moreElementsInQuickInsertViewEnabled && itemDescriptionOverride, itemIsDisabled && disabledStyle]
313
+ css: [itemDescription, fg('platform_editor_typeahead_description_text_colour') && itemDescriptionColor, moreElementsInQuickInsertViewEnabled && itemDescriptionOverride, itemIsDisabled && disabledStyle]
309
314
  }, item.description)))))
310
315
  );
311
316
  });
package/dist/esm/ui/TypeAheadListItem.js CHANGED
@@ -82,6 +82,11 @@ var itemDescription = css({
82
82
  color: "".concat("var(--ds-text-subtlest, ".concat(N200, ")"), ";"),
83
83
  marginTop: "var(--ds-space-050, 4px)".concat(";")
84
84
  });
85
+ // when cleaning up FG `platform_editor_typeahead_description_text_colour`
86
+ // replace above color with this and delete itemDescriptionColor
87
+ var itemDescriptionColor = css({
88
+ color: "var(--ds-text-subtle, #44546F)".concat(";")
89
+ });
85
90
  var itemDescriptionOverride = css({
86
91
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
87
92
  marginTop: 0
@@ -283,7 +288,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref2) {
283
288
  }, item.keyshortcut && jsx("div", {
284
289
  css: shortcutStyle
285
290
  }, item.keyshortcut))), jsx("div", {
286
- css: [itemDescription, moreElementsInQuickInsertViewEnabled && itemDescriptionOverride, itemIsDisabled && disabledStyle]
291
+ css: [itemDescription, fg('platform_editor_typeahead_description_text_colour') && itemDescriptionColor, moreElementsInQuickInsertViewEnabled && itemDescriptionOverride, itemIsDisabled && disabledStyle]
287
292
  }, item.description)))))
288
293
  );
289
294
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-type-ahead",
3
- "version": "6.5.1",
3
+ "version": "6.5.2",
4
4
  "description": "Type-ahead plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/prosemirror-history": "^0.2.0",
47
47
  "@atlaskit/prosemirror-input-rules": "^3.5.0",
48
48
  "@atlaskit/theme": "^21.0.0",
49
- "@atlaskit/tmp-editor-statsig": "^13.13.0",
49
+ "@atlaskit/tmp-editor-statsig": "^13.18.0",
50
50
  "@atlaskit/tokens": "^7.0.0",
51
51
  "@babel/runtime": "^7.0.0",
52
52
  "@emotion/react": "^11.7.1",
@@ -57,7 +57,7 @@
57
57
  "w3c-keyname": "^2.1.8"
58
58
  },
59
59
  "peerDependencies": {
60
- "@atlaskit/editor-common": "^110.14.0",
60
+ "@atlaskit/editor-common": "^110.17.0",
61
61
  "react": "^18.2.0",
62
62
  "react-dom": "^18.2.0",
63
63
  "react-intl-next": "npm:react-intl@^5.18.1"
@@ -115,6 +115,9 @@
115
115
  },
116
116
  "platform_editor_typeahead_aria_label": {
117
117
  "type": "boolean"
118
+ },
119
+ "platform_editor_typeahead_description_text_colour": {
120
+ "type": "boolean"
118
121
  }
119
122
  }
120
123
  }