@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 +6 -0
- package/dist/cjs/components/common/Scrollable.js +1 -3
- package/dist/cjs/components/common/styles.js +9 -9
- package/dist/cjs/components/picker/styles.js +2 -2
- package/dist/cjs/util/analytics/analytics.js +1 -1
- package/dist/es2019/components/common/Scrollable.js +1 -3
- package/dist/es2019/components/common/styles.js +9 -9
- package/dist/es2019/components/picker/styles.js +2 -2
- package/dist/es2019/util/analytics/analytics.js +1 -1
- package/dist/esm/components/common/Scrollable.js +1 -3
- package/dist/esm/components/common/styles.js +9 -9
- package/dist/esm/components/picker/styles.js +2 -2
- package/dist/esm/util/analytics/analytics.js +1 -1
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -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 =
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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.
|
|
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 =
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
@@ -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 =
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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.
|
|
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.
|
|
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": "^
|
|
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
|
},
|