@atlaskit/emoji 69.1.0 → 69.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 69.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 69.1.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#148201](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148201)
14
+ [`8e811f1840de7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e811f1840de7) -
15
+ Either actively or pre-emptively fixes a bug with keyframe animations in CJS and ESM distribution
16
+ targets for packages using Compiled CSS-in-JS. This may not affect this package, but the change
17
+ was made so a future migration does not accidentally break it.
18
+ - Updated dependencies
19
+
3
20
  ## 69.1.0
4
21
 
5
22
  ### Minor Changes
@@ -1,5 +1,5 @@
1
- ._16qqztlz:before{animation:var(--_s082jg)}
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
1
+
2
+ ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1088zfu5:before{animation-name:k1mgd8jj}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
5
5
  ._19pk1n1a{margin-top:-1px}
@@ -12,9 +12,13 @@
12
12
  ._2hwxidpf{margin-right:0}
13
13
  ._bfhkttw1{background-color:var(--ds-border,#f7f7f7)}
14
14
  ._cfu11ule:before{display:block}
15
+ ._evp612c5:before{animation-iteration-count:infinite}
16
+ ._joxl9cwz:before{animation-duration:1s}
15
17
  ._kfgt1osq:before{height:100%}
16
18
  ._kqswh2mm{position:relative}
17
19
  ._o5721q9c{white-space:nowrap}
18
20
  ._otyr1n1a{margin-bottom:-1px}
19
21
  ._s7n4nkob{vertical-align:middle}
20
- ._y3gn1h6o{text-align:center}
22
+ ._y3gn1h6o{text-align:center}
23
+ ._zo24167c:before{animation-timing-function:cubic-bezier(.4,0,.2,1)}
24
+ @keyframes k1mgd8jj{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
@@ -58,11 +58,10 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
58
58
  "aria-label": shortName
59
59
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
60
60
  ,
61
- className: (0, _runtime.ax)(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !(0, _platformFeatureFlags.fg)('cc_complexit_fe_remove_emoji_animation') && "_16qqztlz _1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq", _styles.placeholder]),
61
+ className: (0, _runtime.ax)(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !(0, _platformFeatureFlags.fg)('cc_complexit_fe_remove_emoji_animation') && "", loading && !(0, _platformFeatureFlags.fg)('cc_complexit_fe_remove_emoji_animation') && "_1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq _1088zfu5 _joxl9cwz _zo24167c _evp612c5", _styles.placeholder]),
62
62
  title: showTooltip ? shortName : '',
63
63
  style: _objectSpread(_objectSpread({}, style), {}, {
64
- "--_12ncegi": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20A, ")")),
65
- "--_s082jg": (0, _runtime.ix)("".concat(easeSweep, " 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite"))
64
+ "--_12ncegi": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20A, ")"))
66
65
  })
67
66
  });
68
67
  };
@@ -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: "69.1.0"
23
+ packageVersion: "69.1.2"
24
24
  }, attributes)
25
25
  };
26
26
  };
@@ -1,5 +1,5 @@
1
- ._16qq1t1r:before{animation:k1mgd8jj 1s cubic-bezier(.4,0,.2,1) infinite}
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
1
+
2
+ ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1088zfu5:before{animation-name:k1mgd8jj}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
5
5
  ._19pk1n1a{margin-top:-1px}
@@ -12,10 +12,13 @@
12
12
  ._2hwxidpf{margin-right:0}
13
13
  ._bfhkttw1{background-color:var(--ds-border,#f7f7f7)}
14
14
  ._cfu11ule:before{display:block}
15
+ ._evp612c5:before{animation-iteration-count:infinite}
16
+ ._joxl9cwz:before{animation-duration:1s}
15
17
  ._kfgt1osq:before{height:100%}
16
18
  ._kqswh2mm{position:relative}
17
19
  ._o5721q9c{white-space:nowrap}
18
20
  ._otyr1n1a{margin-bottom:-1px}
19
21
  ._s7n4nkob{vertical-align:middle}
20
22
  ._y3gn1h6o{text-align:center}
23
+ ._zo24167c:before{animation-timing-function:cubic-bezier(.4,0,.2,1)}
21
24
  @keyframes k1mgd8jj{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
@@ -43,7 +43,7 @@ const 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 _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_16qq1t1r _1kt9b3bt _cfu11ule _1cs8stnw _1rus1j54 _kfgt1osq _1mp41osq", placeholder]),
46
+ className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_1kt9b3bt _cfu11ule _1cs8stnw _1rus1j54 _kfgt1osq _1mp41osq _1088zfu5 _joxl9cwz _zo24167c _evp612c5", placeholder]),
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 : ''
@@ -8,7 +8,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
8
8
  actionSubjectId,
9
9
  attributes: {
10
10
  packageName: "@atlaskit/emoji",
11
- packageVersion: "69.1.0",
11
+ packageVersion: "69.1.2",
12
12
  ...attributes
13
13
  }
14
14
  });
@@ -1,5 +1,5 @@
1
- ._16qqztlz:before{animation:var(--_s082jg)}
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
1
+
2
+ ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1088zfu5:before{animation-name:k1mgd8jj}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
5
5
  ._19pk1n1a{margin-top:-1px}
@@ -12,9 +12,13 @@
12
12
  ._2hwxidpf{margin-right:0}
13
13
  ._bfhkttw1{background-color:var(--ds-border,#f7f7f7)}
14
14
  ._cfu11ule:before{display:block}
15
+ ._evp612c5:before{animation-iteration-count:infinite}
16
+ ._joxl9cwz:before{animation-duration:1s}
15
17
  ._kfgt1osq:before{height:100%}
16
18
  ._kqswh2mm{position:relative}
17
19
  ._o5721q9c{white-space:nowrap}
18
20
  ._otyr1n1a{margin-bottom:-1px}
19
21
  ._s7n4nkob{vertical-align:middle}
20
- ._y3gn1h6o{text-align:center}
22
+ ._y3gn1h6o{text-align:center}
23
+ ._zo24167c:before{animation-timing-function:cubic-bezier(.4,0,.2,1)}
24
+ @keyframes k1mgd8jj{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
@@ -48,11 +48,10 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
48
48
  "aria-label": shortName
49
49
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
50
50
  ,
51
- className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_16qqztlz _1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq", placeholder]),
51
+ className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq _1088zfu5 _joxl9cwz _zo24167c _evp612c5", placeholder]),
52
52
  title: showTooltip ? shortName : '',
53
53
  style: _objectSpread(_objectSpread({}, style), {}, {
54
- "--_12ncegi": ix("var(--ds-background-neutral, ".concat(N20A, ")")),
55
- "--_s082jg": ix("".concat(easeSweep, " 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite"))
54
+ "--_12ncegi": ix("var(--ds-background-neutral, ".concat(N20A, ")"))
56
55
  })
57
56
  });
58
57
  };
@@ -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: "69.1.0"
16
+ packageVersion: "69.1.2"
17
17
  }, attributes)
18
18
  };
19
19
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "69.1.0",
3
+ "version": "69.1.2",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -40,12 +40,12 @@
40
40
  "@atlaskit/css": "^0.10.0",
41
41
  "@atlaskit/heading": "^5.2.0",
42
42
  "@atlaskit/icon": "^25.6.0",
43
- "@atlaskit/media-client": "^32.0.0",
43
+ "@atlaskit/media-client": "^33.0.0",
44
44
  "@atlaskit/media-client-react": "^4.0.0",
45
45
  "@atlaskit/platform-feature-flags": "^1.1.0",
46
46
  "@atlaskit/platform-feature-flags-react": "^0.1.0",
47
- "@atlaskit/primitives": "^14.4.0",
48
- "@atlaskit/react-ufo": "^3.6.0",
47
+ "@atlaskit/primitives": "^14.7.0",
48
+ "@atlaskit/react-ufo": "^3.9.0",
49
49
  "@atlaskit/spinner": "^18.0.0",
50
50
  "@atlaskit/textfield": "^8.0.0",
51
51
  "@atlaskit/theme": "^18.0.0",
@@ -71,12 +71,12 @@
71
71
  "react-intl-next": "npm:react-intl@^5.18.1"
72
72
  },
73
73
  "devDependencies": {
74
- "@af/integration-testing": "^0.5.0",
75
- "@af/visual-regression": "^1.3.0",
76
- "@atlaskit/elements-test-helpers": "^0.9.0",
77
- "@atlaskit/media-core": "^35.0.0",
78
- "@atlaskit/ssr": "^0.4.0",
79
- "@atlaskit/visual-regression": "^0.10.0",
74
+ "@af/integration-testing": "workspace:^",
75
+ "@af/visual-regression": "workspace:^",
76
+ "@atlaskit/elements-test-helpers": "workspace:^",
77
+ "@atlaskit/media-core": "^36.0.0",
78
+ "@atlaskit/ssr": "workspace:^",
79
+ "@atlaskit/visual-regression": "workspace:^",
80
80
  "@atlassian/feature-flags-test-utils": "^0.3.0",
81
81
  "@emotion/jest": "^11.8.0",
82
82
  "@testing-library/dom": "^10.1.0",