@atlaskit/emoji 69.5.4 → 69.5.5
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 +7 -0
- package/dist/cjs/components/common/Emoji.compiled.css +1 -1
- package/dist/cjs/components/common/Emoji.js +1 -1
- package/dist/cjs/components/common/EmojiPlaceholder.compiled.css +1 -1
- package/dist/cjs/components/common/EmojiPlaceholder.js +1 -1
- package/dist/cjs/components/common/EmojiRadioButton.compiled.css +2 -2
- package/dist/cjs/components/common/EmojiRadioButton.js +2 -2
- package/dist/cjs/components/common/EmojiUploadPreview.compiled.css +1 -1
- package/dist/cjs/components/common/EmojiUploadPreview.js +1 -1
- package/dist/cjs/components/common/Scrollable.compiled.css +1 -1
- package/dist/cjs/components/common/Scrollable.js +1 -1
- package/dist/cjs/components/common/TonePreviewButton.compiled.css +1 -1
- package/dist/cjs/components/common/TonePreviewButton.js +1 -1
- package/dist/cjs/components/common/ToolTipContentWithKeymap.compiled.css +1 -1
- package/dist/cjs/components/common/ToolTipContentWithKeymap.js +1 -1
- package/dist/cjs/components/picker/EmojiPicker.compiled.css +1 -1
- package/dist/cjs/components/picker/EmojiPicker.js +1 -1
- package/dist/cjs/components/picker/EmojiPickerComponent.compiled.css +1 -1
- package/dist/cjs/components/picker/EmojiPickerComponent.js +1 -1
- package/dist/cjs/components/typeahead/EmojiTypeAheadListContainer.compiled.css +1 -1
- package/dist/cjs/components/typeahead/EmojiTypeAheadListContainer.js +1 -1
- package/dist/cjs/util/analytics/analytics.js +1 -1
- package/dist/cjs/util/shared-styles.js +1 -1
- package/dist/es2019/components/common/Emoji.compiled.css +1 -1
- package/dist/es2019/components/common/Emoji.js +1 -1
- package/dist/es2019/components/common/EmojiPlaceholder.compiled.css +1 -1
- package/dist/es2019/components/common/EmojiPlaceholder.js +1 -1
- package/dist/es2019/components/common/EmojiRadioButton.compiled.css +2 -2
- package/dist/es2019/components/common/EmojiRadioButton.js +2 -2
- package/dist/es2019/components/common/EmojiUploadPreview.compiled.css +1 -1
- package/dist/es2019/components/common/EmojiUploadPreview.js +1 -1
- package/dist/es2019/components/common/Scrollable.compiled.css +1 -1
- package/dist/es2019/components/common/Scrollable.js +1 -1
- package/dist/es2019/components/common/TonePreviewButton.compiled.css +1 -1
- package/dist/es2019/components/common/TonePreviewButton.js +1 -1
- package/dist/es2019/components/common/ToolTipContentWithKeymap.compiled.css +1 -1
- package/dist/es2019/components/common/ToolTipContentWithKeymap.js +1 -1
- package/dist/es2019/components/picker/EmojiPicker.compiled.css +1 -1
- package/dist/es2019/components/picker/EmojiPicker.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerComponent.compiled.css +1 -1
- package/dist/es2019/components/picker/EmojiPickerComponent.js +1 -1
- package/dist/es2019/components/typeahead/EmojiTypeAheadListContainer.compiled.css +1 -1
- package/dist/es2019/components/typeahead/EmojiTypeAheadListContainer.js +1 -1
- package/dist/es2019/util/analytics/analytics.js +1 -1
- package/dist/es2019/util/shared-styles.js +1 -1
- package/dist/esm/components/common/Emoji.compiled.css +1 -1
- package/dist/esm/components/common/Emoji.js +1 -1
- package/dist/esm/components/common/EmojiPlaceholder.compiled.css +1 -1
- package/dist/esm/components/common/EmojiPlaceholder.js +1 -1
- package/dist/esm/components/common/EmojiRadioButton.compiled.css +2 -2
- package/dist/esm/components/common/EmojiRadioButton.js +2 -2
- package/dist/esm/components/common/EmojiUploadPreview.compiled.css +1 -1
- package/dist/esm/components/common/EmojiUploadPreview.js +1 -1
- package/dist/esm/components/common/Scrollable.compiled.css +1 -1
- package/dist/esm/components/common/Scrollable.js +1 -1
- package/dist/esm/components/common/TonePreviewButton.compiled.css +1 -1
- package/dist/esm/components/common/TonePreviewButton.js +1 -1
- package/dist/esm/components/common/ToolTipContentWithKeymap.compiled.css +1 -1
- package/dist/esm/components/common/ToolTipContentWithKeymap.js +1 -1
- package/dist/esm/components/picker/EmojiPicker.compiled.css +1 -1
- package/dist/esm/components/picker/EmojiPicker.js +1 -1
- package/dist/esm/components/picker/EmojiPickerComponent.compiled.css +1 -1
- package/dist/esm/components/picker/EmojiPickerComponent.js +1 -1
- package/dist/esm/components/typeahead/EmojiTypeAheadListContainer.compiled.css +1 -1
- package/dist/esm/components/typeahead/EmojiTypeAheadListContainer.js +1 -1
- package/dist/esm/util/analytics/analytics.js +1 -1
- package/dist/esm/util/shared-styles.js +1 -1
- package/dist/types/util/shared-styles.d.ts +1 -1
- package/dist/types-ts4.5/util/shared-styles.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._jr50g2xd .emoji-common-emoji-sprite{background:transparent no-repeat}._109tnkob .emoji-common-emoji-sprite{vertical-align:middle}
|
|
4
4
|
._160jewfl.emoji-common-select-on-hover:hover .emoji-common-deleteButton, ._1theewfl.emoji-common-selected{visibility:visible}
|
|
5
5
|
._18u0idpf{margin-left:0}
|
|
@@ -332,7 +332,7 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
|
|
|
332
332
|
"data-emoji-type": type,
|
|
333
333
|
tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
|
|
334
334
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
335
|
-
className: (0, _runtime.ax)([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j2tgk _3naf2tgk _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc" : "
|
|
335
|
+
className: (0, _runtime.ax)([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j2tgk _3naf2tgk _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j2tgk _3naf2tgk _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc", className]),
|
|
336
336
|
onKeyDown: function onKeyDown(event) {
|
|
337
337
|
return handleKeyDown(props, event);
|
|
338
338
|
},
|
|
@@ -51,7 +51,7 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
|
|
|
51
51
|
"aria-label": shortName
|
|
52
52
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
53
53
|
,
|
|
54
|
-
className: (0, _runtime.ax)(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf
|
|
54
|
+
className: (0, _runtime.ax)(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkofajl _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", [_styles.placeholder, (0, _platformFeatureFlags.fg)('platform_reactions_placeholder_custom_background') ? xcss : ''].join(' ')]),
|
|
55
55
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
56
56
|
style: style,
|
|
57
57
|
title: showTooltip ? shortName : ''
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._19itidpf{border:0}
|
|
3
|
-
.
|
|
4
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
|
+
._3y8mfajl +span{border-radius:var(--ds-radius-small,3px)}._11bcidpf::-moz-focus-inner{border-width:0}
|
|
5
5
|
._dqozglyw::-moz-focus-inner{border-style:none}
|
|
6
6
|
._154i14id{top:-10px}
|
|
7
7
|
._157z1r31:focus+span{outline-color:currentColor}
|
|
@@ -47,7 +47,7 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
|
|
|
47
47
|
onKeyDown: function onKeyDown(event) {
|
|
48
48
|
return handleKeyPress(props, event);
|
|
49
49
|
},
|
|
50
|
-
className: (0, _runtime.ax)(["_19itidpf
|
|
50
|
+
className: (0, _runtime.ax)(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc"]),
|
|
51
51
|
style: {
|
|
52
52
|
"--_1rebzxw": (0, _runtime.ix)("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")))
|
|
53
53
|
}
|
|
@@ -57,7 +57,7 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
|
|
|
57
57
|
type: "radio",
|
|
58
58
|
name: "skin-tone",
|
|
59
59
|
defaultChecked: defaultChecked,
|
|
60
|
-
className: (0, _runtime.ax)(["_tzy4idpf _kqswstnw _154i14id _1ltv14id
|
|
60
|
+
className: (0, _runtime.ax)(["_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1r2v _1i1213zc"]),
|
|
61
61
|
style: {
|
|
62
62
|
"--_1rebzxw": (0, _runtime.ix)("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")))
|
|
63
63
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1fztdcr7 h5{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv19bv{padding-left:10px}
|
|
4
4
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
5
5
|
._19l31ylp img{max-height:40px}
|
|
6
6
|
._19l3gktf img{max-height:20px}
|
|
@@ -79,7 +79,7 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
|
|
|
79
79
|
className: (0, _runtime.ax)(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx21bp4 _4t3i53f4"])
|
|
80
80
|
}, /*#__PURE__*/React.createElement("div", {
|
|
81
81
|
"data-testid": uploadPreviewTestId,
|
|
82
|
-
className: (0, _runtime.ax)(["
|
|
82
|
+
className: (0, _runtime.ax)(["_2rkofajl _ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhklslw"]),
|
|
83
83
|
style: {
|
|
84
84
|
"--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")"))
|
|
85
85
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19ityw3a{border:var(--_1id3pet)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m91wug{overflow-y:auto}
|
|
4
4
|
._18u0idpf{margin-left:0}
|
|
5
5
|
._19bvidpf{padding-left:0}
|
|
6
6
|
._19pkidpf{margin-top:0}
|
|
@@ -81,7 +81,7 @@ var Scrollable = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
81
81
|
} : {};
|
|
82
82
|
return /*#__PURE__*/React.createElement("div", {
|
|
83
83
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
84
|
-
className: (0, _runtime.ax)(["_19ityw3a
|
|
84
|
+
className: (0, _runtime.ax)(["_19ityw3a _2rkofajl _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1ule _1reo15vq _18m91wug", "emoji-scrollable ".concat(className)]),
|
|
85
85
|
onMouseLeave: onMouseLeave,
|
|
86
86
|
onScroll: this.handleScroll,
|
|
87
87
|
ref: this.handleRef
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itidpf{border:0}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._11bcidpf::-moz-focus-inner{border-width:0}
|
|
4
4
|
._dqozglyw::-moz-focus-inner{border-style:none}
|
|
5
5
|
._19bvidpf{padding-left:0}
|
|
6
6
|
._1at812x7>span{padding-top:var(--ds-space-075,6px)}
|
|
@@ -36,7 +36,7 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
|
|
|
36
36
|
|
|
37
37
|
"data-testid": tonePreviewTestId,
|
|
38
38
|
type: "button",
|
|
39
|
-
className: (0, _runtime.ax)(["_19itidpf
|
|
39
|
+
className: (0, _runtime.ax)(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc", !isVisible && "_tzy4idpf _3um015vq _1e0cglyw"]),
|
|
40
40
|
style: {
|
|
41
41
|
overflow: 'hidden',
|
|
42
42
|
"--_1rebzxw": (0, _runtime.ix)("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")))
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
3
3
|
._bfhk1v65{background-color:var(--_1kd7x7o)}
|
|
4
4
|
._ca0qidpf{padding-top:0}
|
|
5
5
|
._jqf61teg{label:tooltip-shortcut}
|
|
@@ -19,7 +19,7 @@ var ToolTipContentWithKeymap = exports.ToolTipContentWithKeymap = /*#__PURE__*/_
|
|
|
19
19
|
keymap = _ref.keymap;
|
|
20
20
|
var shortcut = shortcutOverride || keymap && (0, _keymaps.formatShortcut)(keymap);
|
|
21
21
|
return shortcut || description ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/_react.default.createElement("span", {
|
|
22
|
-
className: (0, _runtime.ax)(["
|
|
22
|
+
className: (0, _runtime.ax)(["_2rkofajl _bfhk1v65 _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"]),
|
|
23
23
|
style: {
|
|
24
24
|
"--_1kd7x7o": (0, _runtime.ix)("var(--ds-background-inverse-subtle, ".concat(_colors.N400, ")"))
|
|
25
25
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itbw7i{border:var(--_t8mjz6)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
5
5
|
._1bsb1edt{width:350px}
|
|
6
6
|
._1e0c1txw{display:flex}
|
|
@@ -79,7 +79,7 @@ var EmojiPickerInternal = exports.EmojiPickerInternal = /*#__PURE__*/function (_
|
|
|
79
79
|
_analytics.ufoExperiences['emoji-picker-opened'].markFMP();
|
|
80
80
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
81
81
|
ref: handlePickerRef,
|
|
82
|
-
className: (0, _runtime.ax)(["_19itbw7i
|
|
82
|
+
className: (0, _runtime.ax)(["_19itbw7i _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qsp2xt _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"]),
|
|
83
83
|
style: {
|
|
84
84
|
"--_t8mjz6": (0, _runtime.ix)("".concat("var(--ds-border, ".concat(_colors.N40, ")"), " 1px solid"))
|
|
85
85
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itbw7i{border:var(--_t8mjz6)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
5
5
|
._1bsb10mj{width:var(--_gsvyy7)}
|
|
6
6
|
._1e0c1txw{display:flex}
|
|
@@ -503,7 +503,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
|
|
|
503
503
|
onKeyPress: suppressKeyPress,
|
|
504
504
|
onKeyUp: suppressKeyPress,
|
|
505
505
|
onKeyDown: suppressKeyPress,
|
|
506
|
-
className: (0, _runtime.ax)(["_19itbw7i
|
|
506
|
+
className: (0, _runtime.ax)(["_19itbw7i _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qsp2xt _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z", showPreview && withPreviewHeight[size], !showPreview && withoutPreviewHeight[size]]),
|
|
507
507
|
style: {
|
|
508
508
|
"--_t8mjz6": (0, _runtime.ix)("".concat("var(--ds-border, ".concat(_colors.N40, ")"), " 1px solid")),
|
|
509
509
|
"--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itn8v0{border:var(--_vzvmm2)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bsb1qjl{width:var(--_n55fzx)}
|
|
5
5
|
._1e0cglyw{display:none}
|
|
6
6
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
@@ -19,7 +19,7 @@ function EmojiTypeAheadListContainer(props) {
|
|
|
19
19
|
loading = props.loading;
|
|
20
20
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
21
21
|
/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */
|
|
22
|
-
className: (0, _runtime.ax)(["_19itn8v0
|
|
22
|
+
className: (0, _runtime.ax)(["_19itn8v0 _2rkofajl _bfhk1bhr _16qsp2xt _syazc7r3 _1bsb1qjl", !hasEmoji && !loading && "_1e0cglyw", 'ak-emoji-typeahead-list']),
|
|
23
23
|
style: {
|
|
24
24
|
"--_vzvmm2": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))),
|
|
25
25
|
"--_n55fzx": (0, _runtime.ix)("".concat(typeAheadWidth, "px"))
|
|
@@ -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: "
|
|
23
|
+
packageVersion: "69.5.4"
|
|
24
24
|
}, attributes)
|
|
25
25
|
};
|
|
26
26
|
};
|
|
@@ -11,7 +11,7 @@ var emojiPickerListHeight = exports.emojiPickerListHeight = 205;
|
|
|
11
11
|
var emojiPickerBorderColor = exports.emojiPickerBorderColor = "var(--ds-border, ".concat(_colors.N40, ")");
|
|
12
12
|
var emojiPickerBoxShadow = exports.emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
|
|
13
13
|
var noDialogContainerBorderColor = exports.noDialogContainerBorderColor = "var(--ds-border, ".concat(_colors.N40, ")");
|
|
14
|
-
var noDialogContainerBorderRadius = exports.noDialogContainerBorderRadius = "var(--ds-
|
|
14
|
+
var noDialogContainerBorderRadius = exports.noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
|
|
15
15
|
var noDialogContainerBoxShadow = exports.noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
|
|
16
16
|
var akEmojiSelectedBackgroundColor = exports.akEmojiSelectedBackgroundColor = "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")");
|
|
17
17
|
var emojiPreviewSelectedColor = exports.emojiPreviewSelectedColor = "var(--ds-background-neutral, ".concat(_colors.N30, ")");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._jr50g2xd .emoji-common-emoji-sprite{background:transparent no-repeat}._109tnkob .emoji-common-emoji-sprite{vertical-align:middle}
|
|
4
4
|
._160jewfl.emoji-common-select-on-hover:hover .emoji-common-deleteButton, ._1theewfl.emoji-common-selected{visibility:visible}
|
|
5
5
|
._18u0idpf{margin-left:0}
|
|
@@ -326,7 +326,7 @@ export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
326
326
|
"data-emoji-type": type,
|
|
327
327
|
tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
|
|
328
328
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
329
|
-
className: ax([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j14ae _3naf14ae _nt751r31 _49pcglyw _1hvw1o36 _7ehi1n2i _491113zc" : "
|
|
329
|
+
className: ax([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j14ae _3naf14ae _nt751r31 _49pcglyw _1hvw1o36 _7ehi1n2i _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j14ae _3naf14ae _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1n2i _491113zc", className]),
|
|
330
330
|
onKeyDown: event => handleKeyDown(props, event),
|
|
331
331
|
onMouseDown: event => {
|
|
332
332
|
handleMouseDown(props, event);
|
|
@@ -41,7 +41,7 @@ const EmojiPlaceholder = props => {
|
|
|
41
41
|
"aria-label": shortName
|
|
42
42
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
43
43
|
,
|
|
44
|
-
className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf
|
|
44
|
+
className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkofajl _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", [placeholder, fg('platform_reactions_placeholder_custom_background') ? xcss : ''].join(' ')]),
|
|
45
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
46
46
|
style: style,
|
|
47
47
|
title: showTooltip ? shortName : ''
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._19itidpf{border:0}
|
|
3
|
-
.
|
|
4
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
|
+
._3y8mfajl +span{border-radius:var(--ds-radius-small,3px)}._11bcidpf::-moz-focus-inner{border-width:0}
|
|
5
5
|
._dqozglyw::-moz-focus-inner{border-style:none}
|
|
6
6
|
._154i14id{top:-10px}
|
|
7
7
|
._157z1r31:focus+span{outline-color:currentColor}
|
|
@@ -40,14 +40,14 @@ export const EmojiRadioButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
40
40
|
return /*#__PURE__*/React.createElement("label", {
|
|
41
41
|
onMouseDown: event => handleMouseDown(props, event),
|
|
42
42
|
onKeyDown: event => handleKeyPress(props, event),
|
|
43
|
-
className: ax(["_19itidpf
|
|
43
|
+
className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1n2i _491113zc"])
|
|
44
44
|
}, /*#__PURE__*/React.createElement(VisuallyHidden, null, ariaLabelText), /*#__PURE__*/React.createElement("input", {
|
|
45
45
|
ref: ref,
|
|
46
46
|
"data-testid": ariaLabelText,
|
|
47
47
|
type: "radio",
|
|
48
48
|
name: "skin-tone",
|
|
49
49
|
defaultChecked: defaultChecked,
|
|
50
|
-
className: ax(["_tzy4idpf _kqswstnw _154i14id _1ltv14id
|
|
50
|
+
className: ax(["_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1n2i _1i1213zc"])
|
|
51
51
|
}), /*#__PURE__*/React.createElement(Emoji, {
|
|
52
52
|
emoji: emoji,
|
|
53
53
|
selectOnHover: selectOnHover,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1fztdcr7 h5{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv19bv{padding-left:10px}
|
|
4
4
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
5
5
|
._19l31ylp img{max-height:40px}
|
|
6
6
|
._19l3gktf img{max-height:20px}
|
|
@@ -59,7 +59,7 @@ class EmojiUploadPreview extends PureComponent {
|
|
|
59
59
|
className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx21bp4 _4t3i53f4"])
|
|
60
60
|
}, /*#__PURE__*/React.createElement("div", {
|
|
61
61
|
"data-testid": uploadPreviewTestId,
|
|
62
|
-
className: ax(["
|
|
62
|
+
className: ax(["_2rkofajl _ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhk1s4m"])
|
|
63
63
|
}, /*#__PURE__*/React.createElement("div", {
|
|
64
64
|
className: ax(["_1fztdcr7 _jl6w1n3s _avw21b66 _19l3gktf _rtys12am"])
|
|
65
65
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19it1l1c{border:1px solid var(--ds-border,#fff)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m91wug{overflow-y:auto}
|
|
4
4
|
._18u0idpf{margin-left:0}
|
|
5
5
|
._19bvidpf{padding-left:0}
|
|
6
6
|
._19pkidpf{margin-top:0}
|
|
@@ -57,7 +57,7 @@ export default class Scrollable extends PureComponent {
|
|
|
57
57
|
} : {};
|
|
58
58
|
return /*#__PURE__*/React.createElement("div", {
|
|
59
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
60
|
-
className: ax(["_19it1l1c
|
|
60
|
+
className: ax(["_19it1l1c _2rkofajl _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1ule _1reo15vq _18m91wug", `emoji-scrollable ${className}`]),
|
|
61
61
|
onMouseLeave: onMouseLeave,
|
|
62
62
|
onScroll: this.handleScroll,
|
|
63
63
|
ref: this.handleRef
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itidpf{border:0}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._11bcidpf::-moz-focus-inner{border-width:0}
|
|
4
4
|
._dqozglyw::-moz-focus-inner{border-style:none}
|
|
5
5
|
._19bvidpf{padding-left:0}
|
|
6
6
|
._1at812x7>span{padding-top:var(--ds-space-075,6px)}
|
|
@@ -30,7 +30,7 @@ export const TonePreviewButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
30
30
|
},
|
|
31
31
|
"data-testid": tonePreviewTestId,
|
|
32
32
|
type: "button",
|
|
33
|
-
className: ax(["_19itidpf
|
|
33
|
+
className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1n2i _491113zc", !isVisible && "_tzy4idpf _3um015vq _1e0cglyw"])
|
|
34
34
|
}, /*#__PURE__*/React.createElement(Emoji, {
|
|
35
35
|
emoji: emoji,
|
|
36
36
|
selectOnHover: selectOnHover,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
3
3
|
._bfhk17rn{background-color:var(--ds-background-inverse-subtle,#505f79)}
|
|
4
4
|
._ca0qidpf{padding-top:0}
|
|
5
5
|
._jqf61teg{label:tooltip-shortcut}
|
|
@@ -12,6 +12,6 @@ export const ToolTipContentWithKeymap = /*#__PURE__*/React.memo(({
|
|
|
12
12
|
}) => {
|
|
13
13
|
const shortcut = shortcutOverride || keymap && formatShortcut(keymap);
|
|
14
14
|
return shortcut || description ? /*#__PURE__*/React.createElement(Fragment, null, description, shortcut && description && '\u00A0', shortcut && /*#__PURE__*/React.createElement("span", {
|
|
15
|
-
className: ax(["
|
|
15
|
+
className: ax(["_2rkofajl _bfhk17rn _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"])
|
|
16
16
|
}, shortcut)) : null;
|
|
17
17
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itcyqh{border:var(--ds-border,#dfe1e6) 1px solid}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
5
5
|
._1bsb1edt{width:350px}
|
|
6
6
|
._1e0c1txw{display:flex}
|
|
@@ -43,7 +43,7 @@ export class EmojiPickerInternal extends LoadingEmojiComponent {
|
|
|
43
43
|
ufoExperiences['emoji-picker-opened'].markFMP();
|
|
44
44
|
return /*#__PURE__*/React.createElement("div", {
|
|
45
45
|
ref: handlePickerRef,
|
|
46
|
-
className: ax(["_19itcyqh
|
|
46
|
+
className: ax(["_19itcyqh _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qsp2xt _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
|
|
47
47
|
}, item.renderItem());
|
|
48
48
|
}
|
|
49
49
|
renderLoaded(loadedEmojiProvider, EmojiPickerComponent) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itcyqh{border:var(--ds-border,#dfe1e6) 1px solid}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
5
5
|
._1bsb1edt{width:350px}
|
|
6
6
|
._1e0c1txw{display:flex}
|
|
@@ -441,7 +441,7 @@ const EmojiPickerComponent = ({
|
|
|
441
441
|
onKeyPress: suppressKeyPress,
|
|
442
442
|
onKeyUp: suppressKeyPress,
|
|
443
443
|
onKeyDown: suppressKeyPress,
|
|
444
|
-
className: ax(["_19itcyqh
|
|
444
|
+
className: ax(["_19itcyqh _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qsp2xt _4t3iaq3k _1bsb1edt _1ul91edt _c71l1y6z", showPreview && withPreviewHeight[size], !showPreview && withoutPreviewHeight[size]])
|
|
445
445
|
}, /*#__PURE__*/React.createElement(CategorySelector, {
|
|
446
446
|
activeCategoryId: activeCategory,
|
|
447
447
|
dynamicCategories: dynamicCategories,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bsb1edt{width:350px}
|
|
5
5
|
._1e0cglyw{display:none}
|
|
6
6
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
@@ -14,7 +14,7 @@ export function EmojiTypeAheadListContainer(props) {
|
|
|
14
14
|
} = props;
|
|
15
15
|
return /*#__PURE__*/React.createElement("div", {
|
|
16
16
|
/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */
|
|
17
|
-
className: ax(["_19ith6cr
|
|
17
|
+
className: ax(["_19ith6cr _2rkofajl _bfhk1bhr _16qsp2xt _syazc7r3 _1bsb1edt", !hasEmoji && !loading && "_1e0cglyw", 'ak-emoji-typeahead-list'])
|
|
18
18
|
}, /*#__PURE__*/React.createElement("div", {
|
|
19
19
|
className: typeAheadListContainer
|
|
20
20
|
}, props.children));
|
|
@@ -5,7 +5,7 @@ export const emojiPickerListHeight = 205;
|
|
|
5
5
|
export const emojiPickerBorderColor = `var(--ds-border, ${N40})`;
|
|
6
6
|
export const emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
|
|
7
7
|
export const noDialogContainerBorderColor = `var(--ds-border, ${N40})`;
|
|
8
|
-
export const noDialogContainerBorderRadius = "var(--ds-
|
|
8
|
+
export const noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
|
|
9
9
|
export const noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
|
|
10
10
|
export const akEmojiSelectedBackgroundColor = `var(--ds-background-neutral-subtle-hovered, ${N30})`;
|
|
11
11
|
export const emojiPreviewSelectedColor = `var(--ds-background-neutral, ${N30})`;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
._jr50g2xd .emoji-common-emoji-sprite{background:transparent no-repeat}._109tnkob .emoji-common-emoji-sprite{vertical-align:middle}
|
|
4
4
|
._160jewfl.emoji-common-select-on-hover:hover .emoji-common-deleteButton, ._1theewfl.emoji-common-selected{visibility:visible}
|
|
5
5
|
._18u0idpf{margin-left:0}
|
|
@@ -323,7 +323,7 @@ export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
323
323
|
"data-emoji-type": type,
|
|
324
324
|
tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
|
|
325
325
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
326
|
-
className: ax([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j2tgk _3naf2tgk _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc" : "
|
|
326
|
+
className: ax([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j2tgk _3naf2tgk _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j2tgk _3naf2tgk _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc", className]),
|
|
327
327
|
onKeyDown: function onKeyDown(event) {
|
|
328
328
|
return handleKeyDown(props, event);
|
|
329
329
|
},
|
|
@@ -43,7 +43,7 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
|
|
|
43
43
|
"aria-label": shortName
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
45
45
|
,
|
|
46
|
-
className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf
|
|
46
|
+
className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkofajl _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", [placeholder, fg('platform_reactions_placeholder_custom_background') ? xcss : ''].join(' ')]),
|
|
47
47
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
48
48
|
style: style,
|
|
49
49
|
title: showTooltip ? shortName : ''
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._19itidpf{border:0}
|
|
3
|
-
.
|
|
4
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
|
+
._3y8mfajl +span{border-radius:var(--ds-radius-small,3px)}._11bcidpf::-moz-focus-inner{border-width:0}
|
|
5
5
|
._dqozglyw::-moz-focus-inner{border-style:none}
|
|
6
6
|
._154i14id{top:-10px}
|
|
7
7
|
._157z1r31:focus+span{outline-color:currentColor}
|
|
@@ -38,7 +38,7 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
38
38
|
onKeyDown: function onKeyDown(event) {
|
|
39
39
|
return handleKeyPress(props, event);
|
|
40
40
|
},
|
|
41
|
-
className: ax(["_19itidpf
|
|
41
|
+
className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc"]),
|
|
42
42
|
style: {
|
|
43
43
|
"--_1rebzxw": ix("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")))
|
|
44
44
|
}
|
|
@@ -48,7 +48,7 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
48
48
|
type: "radio",
|
|
49
49
|
name: "skin-tone",
|
|
50
50
|
defaultChecked: defaultChecked,
|
|
51
|
-
className: ax(["_tzy4idpf _kqswstnw _154i14id _1ltv14id
|
|
51
|
+
className: ax(["_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1r2v _1i1213zc"]),
|
|
52
52
|
style: {
|
|
53
53
|
"--_1rebzxw": ix("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")))
|
|
54
54
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1fztdcr7 h5{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv19bv{padding-left:10px}
|
|
4
4
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
5
5
|
._19l31ylp img{max-height:40px}
|
|
6
6
|
._19l3gktf img{max-height:20px}
|
|
@@ -70,7 +70,7 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
|
|
|
70
70
|
className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx21bp4 _4t3i53f4"])
|
|
71
71
|
}, /*#__PURE__*/React.createElement("div", {
|
|
72
72
|
"data-testid": uploadPreviewTestId,
|
|
73
|
-
className: ax(["
|
|
73
|
+
className: ax(["_2rkofajl _ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhklslw"]),
|
|
74
74
|
style: {
|
|
75
75
|
"--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")"))
|
|
76
76
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19ityw3a{border:var(--_1id3pet)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m91wug{overflow-y:auto}
|
|
4
4
|
._18u0idpf{margin-left:0}
|
|
5
5
|
._19bvidpf{padding-left:0}
|
|
6
6
|
._19pkidpf{margin-top:0}
|
|
@@ -74,7 +74,7 @@ var Scrollable = /*#__PURE__*/function (_PureComponent) {
|
|
|
74
74
|
} : {};
|
|
75
75
|
return /*#__PURE__*/React.createElement("div", {
|
|
76
76
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
77
|
-
className: ax(["_19ityw3a
|
|
77
|
+
className: ax(["_19ityw3a _2rkofajl _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1ule _1reo15vq _18m91wug", "emoji-scrollable ".concat(className)]),
|
|
78
78
|
onMouseLeave: onMouseLeave,
|
|
79
79
|
onScroll: this.handleScroll,
|
|
80
80
|
ref: this.handleRef
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itidpf{border:0}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._11bcidpf::-moz-focus-inner{border-width:0}
|
|
4
4
|
._dqozglyw::-moz-focus-inner{border-style:none}
|
|
5
5
|
._19bvidpf{padding-left:0}
|
|
6
6
|
._1at812x7>span{padding-top:var(--ds-space-075,6px)}
|
|
@@ -27,7 +27,7 @@ export var TonePreviewButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
27
27
|
|
|
28
28
|
"data-testid": tonePreviewTestId,
|
|
29
29
|
type: "button",
|
|
30
|
-
className: ax(["_19itidpf
|
|
30
|
+
className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc", !isVisible && "_tzy4idpf _3um015vq _1e0cglyw"]),
|
|
31
31
|
style: {
|
|
32
32
|
overflow: 'hidden',
|
|
33
33
|
"--_1rebzxw": ix("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")))
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
3
3
|
._bfhk1v65{background-color:var(--_1kd7x7o)}
|
|
4
4
|
._ca0qidpf{padding-top:0}
|
|
5
5
|
._jqf61teg{label:tooltip-shortcut}
|
|
@@ -11,7 +11,7 @@ export var ToolTipContentWithKeymap = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
11
11
|
keymap = _ref.keymap;
|
|
12
12
|
var shortcut = shortcutOverride || keymap && formatShortcut(keymap);
|
|
13
13
|
return shortcut || description ? /*#__PURE__*/React.createElement(Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/React.createElement("span", {
|
|
14
|
-
className: ax(["
|
|
14
|
+
className: ax(["_2rkofajl _bfhk1v65 _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"]),
|
|
15
15
|
style: {
|
|
16
16
|
"--_1kd7x7o": ix("var(--ds-background-inverse-subtle, ".concat(N400, ")"))
|
|
17
17
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itbw7i{border:var(--_t8mjz6)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
5
5
|
._1bsb1edt{width:350px}
|
|
6
6
|
._1e0c1txw{display:flex}
|
|
@@ -68,7 +68,7 @@ export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
|
|
|
68
68
|
ufoExperiences['emoji-picker-opened'].markFMP();
|
|
69
69
|
return /*#__PURE__*/React.createElement("div", {
|
|
70
70
|
ref: handlePickerRef,
|
|
71
|
-
className: ax(["_19itbw7i
|
|
71
|
+
className: ax(["_19itbw7i _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qsp2xt _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"]),
|
|
72
72
|
style: {
|
|
73
73
|
"--_t8mjz6": ix("".concat("var(--ds-border, ".concat(N40, ")"), " 1px solid"))
|
|
74
74
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itbw7i{border:var(--_t8mjz6)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
5
5
|
._1bsb10mj{width:var(--_gsvyy7)}
|
|
6
6
|
._1e0c1txw{display:flex}
|
|
@@ -494,7 +494,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
|
|
|
494
494
|
onKeyPress: suppressKeyPress,
|
|
495
495
|
onKeyUp: suppressKeyPress,
|
|
496
496
|
onKeyDown: suppressKeyPress,
|
|
497
|
-
className: ax(["_19itbw7i
|
|
497
|
+
className: ax(["_19itbw7i _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qsp2xt _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z", showPreview && withPreviewHeight[size], !showPreview && withoutPreviewHeight[size]]),
|
|
498
498
|
style: {
|
|
499
499
|
"--_t8mjz6": ix("".concat("var(--ds-border, ".concat(N40, ")"), " 1px solid")),
|
|
500
500
|
"--_19dn98e": ix("".concat(emojiPickerHeight, "px")),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._19itn8v0{border:var(--_vzvmm2)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsp2xt{box-shadow:var(--ds-shadow-overlay,0 3px 6px rgba(0,0,0,.2))}
|
|
4
4
|
._1bsb1qjl{width:var(--_n55fzx)}
|
|
5
5
|
._1e0cglyw{display:none}
|
|
6
6
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
@@ -12,7 +12,7 @@ export function EmojiTypeAheadListContainer(props) {
|
|
|
12
12
|
loading = props.loading;
|
|
13
13
|
return /*#__PURE__*/React.createElement("div", {
|
|
14
14
|
/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */
|
|
15
|
-
className: ax(["_19itn8v0
|
|
15
|
+
className: ax(["_19itn8v0 _2rkofajl _bfhk1bhr _16qsp2xt _syazc7r3 _1bsb1qjl", !hasEmoji && !loading && "_1e0cglyw", 'ak-emoji-typeahead-list']),
|
|
16
16
|
style: {
|
|
17
17
|
"--_vzvmm2": ix("1px solid ".concat("var(--ds-border, ".concat(N40, ")"))),
|
|
18
18
|
"--_n55fzx": ix("".concat(typeAheadWidth, "px"))
|
|
@@ -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: "
|
|
16
|
+
packageVersion: "69.5.4"
|
|
17
17
|
}, attributes)
|
|
18
18
|
};
|
|
19
19
|
};
|
|
@@ -5,7 +5,7 @@ export var emojiPickerListHeight = 205;
|
|
|
5
5
|
export var emojiPickerBorderColor = "var(--ds-border, ".concat(N40, ")");
|
|
6
6
|
export var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
|
|
7
7
|
export var noDialogContainerBorderColor = "var(--ds-border, ".concat(N40, ")");
|
|
8
|
-
export var noDialogContainerBorderRadius = "var(--ds-
|
|
8
|
+
export var noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
|
|
9
9
|
export var noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
|
|
10
10
|
export var akEmojiSelectedBackgroundColor = "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")");
|
|
11
11
|
export var emojiPreviewSelectedColor = "var(--ds-background-neutral, ".concat(N30, ")");
|
|
@@ -3,7 +3,7 @@ export declare const emojiPickerListHeight = 205;
|
|
|
3
3
|
export declare const emojiPickerBorderColor: "var(--ds-border)";
|
|
4
4
|
export declare const emojiPickerBoxShadow: "var(--ds-shadow-overlay)";
|
|
5
5
|
export declare const noDialogContainerBorderColor: "var(--ds-border)";
|
|
6
|
-
export declare const noDialogContainerBorderRadius: "var(--ds-
|
|
6
|
+
export declare const noDialogContainerBorderRadius: "var(--ds-radius-small)";
|
|
7
7
|
export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
|
|
8
8
|
export declare const akEmojiSelectedBackgroundColor: "var(--ds-background-neutral-subtle-hovered)";
|
|
9
9
|
export declare const emojiPreviewSelectedColor: "var(--ds-background-neutral)";
|
|
@@ -3,7 +3,7 @@ export declare const emojiPickerListHeight = 205;
|
|
|
3
3
|
export declare const emojiPickerBorderColor: "var(--ds-border)";
|
|
4
4
|
export declare const emojiPickerBoxShadow: "var(--ds-shadow-overlay)";
|
|
5
5
|
export declare const noDialogContainerBorderColor: "var(--ds-border)";
|
|
6
|
-
export declare const noDialogContainerBorderRadius: "var(--ds-
|
|
6
|
+
export declare const noDialogContainerBorderRadius: "var(--ds-radius-small)";
|
|
7
7
|
export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
|
|
8
8
|
export declare const akEmojiSelectedBackgroundColor: "var(--ds-background-neutral-subtle-hovered)";
|
|
9
9
|
export declare const emojiPreviewSelectedColor: "var(--ds-background-neutral)";
|