@atlaskit/emoji 68.0.2 → 68.0.3

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,11 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 68.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 68.0.2
4
10
 
5
11
  ### Patch Changes
@@ -15,8 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
15
15
  var _react = require("@emotion/react");
16
16
  var _react2 = require("react");
17
17
  var styles = _interopRequireWildcard(require("./styles"));
18
- var _reactDom = require("react-dom");
19
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
22
20
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -40,7 +38,7 @@ var Scrollable = exports.default = /*#__PURE__*/function (_PureComponent) {
40
38
  // Not using Element.scrollIntoView as it scrolls even to top/bottom of view even if
41
39
  // already visible
42
40
  var scrollableRect = _this.scrollableDiv.getBoundingClientRect();
43
- var elementRect = (0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2') ? child.getBoundingClientRect() : (0, _reactDom.findDOMNode)(child).getBoundingClientRect();
41
+ var elementRect = child.getBoundingClientRect();
44
42
  if (forceToTop || elementRect.top < scrollableRect.top) {
45
43
  _this.scrollableDiv.scrollTop += elementRect.top - scrollableRect.top;
46
44
  } else if (elementRect.bottom > scrollableRect.bottom) {
@@ -216,7 +216,7 @@ var emojiName = exports.emojiName = (0, _react.css)((0, _defineProperty2.default
216
216
  var emojiShortName = exports.emojiShortName = (0, _react.css)((0, _defineProperty2.default)({
217
217
  display: 'block',
218
218
  color: "var(--ds-text-subtle, ".concat(_colors.N200, ")"),
219
- 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)",
219
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
220
220
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
221
221
  lineHeight: 1,
222
222
  marginBottom: "var(--ds-space-negative-025, -2px)",
@@ -226,7 +226,7 @@ var emojiShortName = exports.emojiShortName = (0, _react.css)((0, _definePropert
226
226
  whiteSpace: 'nowrap'
227
227
  }, '&:first-of-type', {
228
228
  color: "var(--ds-text, ".concat(_colors.N900, ")"),
229
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
229
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
230
230
  }));
231
231
 
232
232
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -293,7 +293,7 @@ var emojiUploadTop = exports.emojiUploadTop = (0, _react.css)({
293
293
  display: 'flex',
294
294
  justifyContent: 'space-between',
295
295
  alignItems: 'flex-end',
296
- 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)"
296
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
297
297
  });
298
298
 
299
299
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -311,7 +311,7 @@ var closeEmojiUploadButton = exports.closeEmojiUploadButton = (0, _react.css)({
311
311
 
312
312
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
313
313
  var emojiUploadBottom = exports.emojiUploadBottom = (0, _react.css)({
314
- 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)"
314
+ font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
315
315
  });
316
316
 
317
317
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -365,7 +365,7 @@ var uploadPreviewText = exports.uploadPreviewText = (0, _react.css)({
365
365
  h5: {
366
366
  color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
367
367
  paddingBottom: "var(--ds-space-050, 4px)",
368
- 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)"
368
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
369
369
  },
370
370
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
371
371
  img: {
@@ -419,7 +419,7 @@ var deletePreview = exports.deletePreview = (0, _react.css)({
419
419
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
420
420
  var deleteText = exports.deleteText = (0, _react.css)({
421
421
  height: '64px',
422
- 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)",
422
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
423
423
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
424
424
  '&:first-of-type': {
425
425
  color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
@@ -433,7 +433,7 @@ var headingH5 = exports.headingH5 = (0, _react.css)({
433
433
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
434
434
  '&&': {
435
435
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
436
- 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)",
436
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
437
437
  fontWeight: "var(--ds-font-weight-semibold, 600)"
438
438
  }
439
439
  });
@@ -442,7 +442,7 @@ var headingH5 = exports.headingH5 = (0, _react.css)({
442
442
  var requiredSymbol = exports.requiredSymbol = (0, _react.css)({
443
443
  paddingLeft: "var(--ds-space-025, 2px)",
444
444
  color: "var(--ds-text-danger, ".concat(_colors.R400, ")"),
445
- fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
445
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
446
446
  });
447
447
 
448
448
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -457,7 +457,7 @@ var deleteFooter = exports.deleteFooter = (0, _react.css)((0, _defineProperty2.d
457
457
  alignItems: 'center',
458
458
  justifyContent: 'space-between',
459
459
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
460
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
460
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
461
461
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
462
462
  img: {
463
463
  maxHeight: '32px',
@@ -98,7 +98,7 @@ var input = exports.input = (0, _react.css)((0, _defineProperty2.default)((0, _d
98
98
  boxSizing: 'border-box',
99
99
  color: 'inherit',
100
100
  cursor: 'inherit',
101
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
101
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
102
102
  outline: 'none',
103
103
  padding: "1px ".concat("var(--ds-space-0, 0px)", " ", "var(--ds-space-025, 2px)", " ", "var(--ds-space-075, 6px)"),
104
104
  width: '100%'
@@ -141,7 +141,7 @@ var emojiPickerRow = exports.emojiPickerRow = (0, _react.css)({
141
141
  var emojiCategoryTitle = exports.emojiCategoryTitle = (0, _react.css)({
142
142
  boxSizing: 'border-box',
143
143
  color: "var(--ds-text, ".concat(_colors.N900, ")"),
144
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
144
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
145
145
  padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
146
146
  textTransform: 'lowercase',
147
147
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
20
20
  actionSubjectId: actionSubjectId,
21
21
  attributes: _objectSpread({
22
22
  packageName: "@atlaskit/emoji",
23
- packageVersion: "68.0.2"
23
+ packageVersion: "68.0.3"
24
24
  }, attributes)
25
25
  };
26
26
  };
@@ -9,8 +9,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
9
  import { jsx } from '@emotion/react';
10
10
  import { PureComponent } from 'react';
11
11
  import * as styles from './styles';
12
- import { findDOMNode } from 'react-dom';
13
- import { fg } from '@atlaskit/platform-feature-flags';
14
12
  export default class Scrollable extends PureComponent {
15
13
  constructor(...args) {
16
14
  super(...args);
@@ -21,7 +19,7 @@ export default class Scrollable extends PureComponent {
21
19
  // Not using Element.scrollIntoView as it scrolls even to top/bottom of view even if
22
20
  // already visible
23
21
  const scrollableRect = this.scrollableDiv.getBoundingClientRect();
24
- const elementRect = fg('platform_editor_react18_phase2_v2') ? child.getBoundingClientRect() : findDOMNode(child).getBoundingClientRect();
22
+ const elementRect = child.getBoundingClientRect();
25
23
  if (forceToTop || elementRect.top < scrollableRect.top) {
26
24
  this.scrollableDiv.scrollTop += elementRect.top - scrollableRect.top;
27
25
  } else if (elementRect.bottom > scrollableRect.bottom) {
@@ -236,7 +236,7 @@ export const emojiName = css({
236
236
  export const emojiShortName = css({
237
237
  display: 'block',
238
238
  color: `var(--ds-text-subtle, ${N200})`,
239
- 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)",
239
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
240
240
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
241
241
  lineHeight: 1,
242
242
  marginBottom: "var(--ds-space-negative-025, -2px)",
@@ -247,7 +247,7 @@ export const emojiShortName = css({
247
247
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
248
248
  ['&:first-of-type']: {
249
249
  color: `var(--ds-text, ${N900})`,
250
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
250
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
251
251
  }
252
252
  });
253
253
 
@@ -319,7 +319,7 @@ export const emojiUploadTop = css({
319
319
  display: 'flex',
320
320
  justifyContent: 'space-between',
321
321
  alignItems: 'flex-end',
322
- 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)"
322
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
323
323
  });
324
324
 
325
325
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -337,7 +337,7 @@ export const closeEmojiUploadButton = css({
337
337
 
338
338
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
339
339
  export const emojiUploadBottom = css({
340
- 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)"
340
+ font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
341
341
  });
342
342
 
343
343
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -395,7 +395,7 @@ export const uploadPreviewText = css({
395
395
  h5: {
396
396
  color: `var(--ds-text-subtle, ${N300})`,
397
397
  paddingBottom: "var(--ds-space-050, 4px)",
398
- 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)"
398
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
399
399
  },
400
400
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
401
401
  img: {
@@ -449,7 +449,7 @@ export const deletePreview = css({
449
449
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
450
450
  export const deleteText = css({
451
451
  height: '64px',
452
- 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)",
452
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
453
453
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
454
454
  '&:first-of-type': {
455
455
  color: `var(--ds-text-subtle, ${N300})`,
@@ -463,7 +463,7 @@ export const headingH5 = css({
463
463
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
464
464
  '&&': {
465
465
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
466
- 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)",
466
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
467
467
  fontWeight: "var(--ds-font-weight-semibold, 600)"
468
468
  }
469
469
  });
@@ -472,7 +472,7 @@ export const headingH5 = css({
472
472
  export const requiredSymbol = css({
473
473
  paddingLeft: "var(--ds-space-025, 2px)",
474
474
  color: `var(--ds-text-danger, ${R400})`,
475
- fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
475
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
476
476
  });
477
477
 
478
478
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -487,7 +487,7 @@ export const deleteFooter = css({
487
487
  alignItems: 'center',
488
488
  justifyContent: 'space-between',
489
489
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
490
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
490
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
491
491
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
492
492
  img: {
493
493
  maxHeight: '32px',
@@ -89,7 +89,7 @@ export const input = css({
89
89
  boxSizing: 'border-box',
90
90
  color: 'inherit',
91
91
  cursor: 'inherit',
92
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
92
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
93
93
  outline: 'none',
94
94
  padding: `1px ${"var(--ds-space-0, 0px)"} ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
95
95
  width: '100%',
@@ -136,7 +136,7 @@ export const emojiPickerRow = css({
136
136
  export const emojiCategoryTitle = css({
137
137
  boxSizing: 'border-box',
138
138
  color: `var(--ds-text, ${N900})`,
139
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
139
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
140
140
  padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"}`,
141
141
  textTransform: 'lowercase',
142
142
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
@@ -8,7 +8,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
8
8
  actionSubjectId,
9
9
  attributes: {
10
10
  packageName: "@atlaskit/emoji",
11
- packageVersion: "68.0.2",
11
+ packageVersion: "68.0.3",
12
12
  ...attributes
13
13
  }
14
14
  });
@@ -16,8 +16,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
16
16
  import { jsx } from '@emotion/react';
17
17
  import { PureComponent } from 'react';
18
18
  import * as styles from './styles';
19
- import { findDOMNode } from 'react-dom';
20
- import { fg } from '@atlaskit/platform-feature-flags';
21
19
  var Scrollable = /*#__PURE__*/function (_PureComponent) {
22
20
  function Scrollable() {
23
21
  var _this;
@@ -33,7 +31,7 @@ var Scrollable = /*#__PURE__*/function (_PureComponent) {
33
31
  // Not using Element.scrollIntoView as it scrolls even to top/bottom of view even if
34
32
  // already visible
35
33
  var scrollableRect = _this.scrollableDiv.getBoundingClientRect();
36
- var elementRect = fg('platform_editor_react18_phase2_v2') ? child.getBoundingClientRect() : findDOMNode(child).getBoundingClientRect();
34
+ var elementRect = child.getBoundingClientRect();
37
35
  if (forceToTop || elementRect.top < scrollableRect.top) {
38
36
  _this.scrollableDiv.scrollTop += elementRect.top - scrollableRect.top;
39
37
  } else if (elementRect.bottom > scrollableRect.bottom) {
@@ -208,7 +208,7 @@ export var emojiName = css(_defineProperty({
208
208
  export var emojiShortName = css(_defineProperty({
209
209
  display: 'block',
210
210
  color: "var(--ds-text-subtle, ".concat(N200, ")"),
211
- 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)",
211
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
212
212
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
213
213
  lineHeight: 1,
214
214
  marginBottom: "var(--ds-space-negative-025, -2px)",
@@ -218,7 +218,7 @@ export var emojiShortName = css(_defineProperty({
218
218
  whiteSpace: 'nowrap'
219
219
  }, '&:first-of-type', {
220
220
  color: "var(--ds-text, ".concat(N900, ")"),
221
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
221
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
222
222
  }));
223
223
 
224
224
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -285,7 +285,7 @@ export var emojiUploadTop = css({
285
285
  display: 'flex',
286
286
  justifyContent: 'space-between',
287
287
  alignItems: 'flex-end',
288
- 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)"
288
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
289
289
  });
290
290
 
291
291
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -303,7 +303,7 @@ export var closeEmojiUploadButton = css({
303
303
 
304
304
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
305
305
  export var emojiUploadBottom = css({
306
- 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)"
306
+ font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
307
307
  });
308
308
 
309
309
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -357,7 +357,7 @@ export var uploadPreviewText = css({
357
357
  h5: {
358
358
  color: "var(--ds-text-subtle, ".concat(N300, ")"),
359
359
  paddingBottom: "var(--ds-space-050, 4px)",
360
- 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)"
360
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
361
361
  },
362
362
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
363
363
  img: {
@@ -411,7 +411,7 @@ export var deletePreview = css({
411
411
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
412
412
  export var deleteText = css({
413
413
  height: '64px',
414
- 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)",
414
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
415
415
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
416
416
  '&:first-of-type': {
417
417
  color: "var(--ds-text-subtle, ".concat(N300, ")"),
@@ -425,7 +425,7 @@ export var headingH5 = css({
425
425
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
426
426
  '&&': {
427
427
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
428
- 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)",
428
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
429
429
  fontWeight: "var(--ds-font-weight-semibold, 600)"
430
430
  }
431
431
  });
@@ -434,7 +434,7 @@ export var headingH5 = css({
434
434
  export var requiredSymbol = css({
435
435
  paddingLeft: "var(--ds-space-025, 2px)",
436
436
  color: "var(--ds-text-danger, ".concat(R400, ")"),
437
- fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
437
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
438
438
  });
439
439
 
440
440
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -449,7 +449,7 @@ export var deleteFooter = css(_defineProperty({
449
449
  alignItems: 'center',
450
450
  justifyContent: 'space-between',
451
451
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
452
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
452
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
453
453
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
454
454
  img: {
455
455
  maxHeight: '32px',
@@ -91,7 +91,7 @@ export var input = css(_defineProperty(_defineProperty({
91
91
  boxSizing: 'border-box',
92
92
  color: 'inherit',
93
93
  cursor: 'inherit',
94
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
94
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
95
95
  outline: 'none',
96
96
  padding: "1px ".concat("var(--ds-space-0, 0px)", " ", "var(--ds-space-025, 2px)", " ", "var(--ds-space-075, 6px)"),
97
97
  width: '100%'
@@ -134,7 +134,7 @@ export var emojiPickerRow = css({
134
134
  export var emojiCategoryTitle = css({
135
135
  boxSizing: 'border-box',
136
136
  color: "var(--ds-text, ".concat(N900, ")"),
137
- font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
137
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
138
138
  padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
139
139
  textTransform: 'lowercase',
140
140
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
@@ -13,7 +13,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
13
13
  actionSubjectId: actionSubjectId,
14
14
  attributes: _objectSpread({
15
15
  packageName: "@atlaskit/emoji",
16
- packageVersion: "68.0.2"
16
+ packageVersion: "68.0.3"
17
17
  }, attributes)
18
18
  };
19
19
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "68.0.2",
3
+ "version": "68.0.3",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/primitives": "^14.1.0",
46
46
  "@atlaskit/spinner": "^18.0.0",
47
47
  "@atlaskit/textfield": "^8.0.0",
48
- "@atlaskit/theme": "^17.0.0",
48
+ "@atlaskit/theme": "^18.0.0",
49
49
  "@atlaskit/tokens": "^4.3.0",
50
50
  "@atlaskit/tooltip": "^20.0.0",
51
51
  "@atlaskit/ufo": "^0.4.0",
@@ -124,9 +124,6 @@
124
124
  "platform_index_emoji_just_in_time": {
125
125
  "type": "boolean"
126
126
  },
127
- "platform_editor_react18_phase2_v2": {
128
- "type": "boolean"
129
- },
130
127
  "platform_editor_react18_elements_emoji": {
131
128
  "type": "boolean"
132
129
  },