@atlaskit/emoji 67.6.17 → 67.6.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/picker/styles.js +3 -4
  3. package/dist/cjs/components/uploader/styles.js +1 -2
  4. package/dist/cjs/util/analytics/analytics.js +1 -1
  5. package/dist/cjs/util/environment.js +6 -1
  6. package/dist/es2019/components/picker/styles.js +3 -4
  7. package/dist/es2019/components/uploader/styles.js +1 -2
  8. package/dist/es2019/util/analytics/analytics.js +1 -1
  9. package/dist/es2019/util/environment.js +6 -1
  10. package/dist/esm/components/picker/styles.js +3 -4
  11. package/dist/esm/components/uploader/styles.js +1 -2
  12. package/dist/esm/util/analytics/analytics.js +1 -1
  13. package/dist/esm/util/environment.js +6 -1
  14. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 67.6.19
4
+
5
+ ### Patch Changes
6
+
7
+ - [#91862](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91862) [`02c06e61c6f9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/02c06e61c6f9) - [ux] Update spacing styles to use tokens
8
+
9
+ ## 67.6.18
10
+
11
+ ### Patch Changes
12
+
13
+ - [#86796](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86796) [`0f85b3ff0e7a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0f85b3ff0e7a) - Fix matching of FedRAMP URLs for SHA256 usage when uploading emoji
14
+
3
15
  ## 67.6.17
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/picker/styles.js CHANGED
@@ -120,7 +120,7 @@ var input = exports.input = (0, _react.css)((_css4 = {
120
120
  }), _css4));
121
121
  var pickerSearch = exports.pickerSearch = (0, _react.css)({
122
122
  boxSizing: 'border-box',
123
- padding: '10px 10px 11px 10px',
123
+ padding: "var(--ds-space-150, 12px)",
124
124
  width: '100%'
125
125
  });
126
126
 
@@ -146,7 +146,7 @@ var emojiCategoryTitle = exports.emojiCategoryTitle = (0, _react.css)({
146
146
  boxSizing: 'border-box',
147
147
  color: "var(--ds-text, ".concat(_colors.N900, ")"),
148
148
  fontSize: '14px',
149
- padding: "5px ".concat("var(--ds-space-100, 8px)"),
149
+ padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
150
150
  textTransform: 'lowercase',
151
151
  '&:first-letter': {
152
152
  textTransform: 'uppercase'
@@ -164,8 +164,7 @@ var emojiItem = exports.emojiItem = (0, _react.css)((_css5 = {
164
164
  height: '24px'
165
165
  }), (0, _defineProperty2.default)(_css5, "& .".concat(_styles.placeholder), {
166
166
  padding: "var(--ds-space-0, 0px)",
167
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
168
- margin: '7px',
167
+ margin: "var(--ds-space-100, 8px)",
169
168
  minWidth: '24px',
170
169
  maxWidth: '24px'
171
170
  }), (0, _defineProperty2.default)(_css5, "& .".concat(_styles.emojiNodeStyles, " .").concat(_styles.placeholder), {
package/dist/cjs/components/uploader/styles.js CHANGED
@@ -18,8 +18,7 @@ var emojiUploadWidget = exports.emojiUploadWidget = (0, _react.css)({
18
18
  width: "".concat(_constants.emojiPickerWidth, "px"),
19
19
  marginBottom: "var(--ds-space-100, 8px)",
20
20
  minWidth: "".concat(_constants.emojiPickerWidth, "px"),
21
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
22
- margin: '-10px',
21
+ margin: "var(--ds-space-negative-150, -12px)",
23
22
  marginTop: "var(--ds-space-negative-200, -16px)"
24
23
  });
25
24
 
package/dist/cjs/util/analytics/analytics.js CHANGED
@@ -19,7 +19,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
19
19
  actionSubjectId: actionSubjectId,
20
20
  attributes: _objectSpread({
21
21
  packageName: "@atlaskit/emoji",
22
- packageVersion: "67.6.17"
22
+ packageVersion: "67.6.19"
23
23
  }, attributes)
24
24
  };
25
25
  };
package/dist/cjs/util/environment.js CHANGED
@@ -5,6 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.isFedRamp = isFedRamp;
7
7
  var FEDRAMP_MODERATE = 'fedramp-moderate';
8
+
9
+ // Context: https://atlassian.slack.com/archives/C01CQRN5NLT/p1708564986013489?thread_ts=1708302544.655739&cid=C01CQRN5NLT
10
+ // This is a temporary function to support SHA256 usage in FedRAMP
11
+ // We cannot import the same-named function from @atlassian/atl-context due to emoji being a public package (and atl-context being private)
12
+ // TODO: Remove this method and its usage once SHA256 is available in commercial envs for Media uploads
8
13
  function isFedRamp() {
9
14
  var _globalThis$location;
10
15
  // MICROS_PERIMETER is already used by few products, so we need to keep it for backward compatibility
@@ -12,6 +17,6 @@ function isFedRamp() {
12
17
  if (env) {
13
18
  return env === FEDRAMP_MODERATE;
14
19
  }
15
- var matches = (_globalThis$location = globalThis.location) === null || _globalThis$location === void 0 || (_globalThis$location = _globalThis$location.hostname) === null || _globalThis$location === void 0 ? void 0 : _globalThis$location.match(/atlassian-us-gov-mod\.com|atlassian-us-gov\.com|atlassian-fex\.(com|net)/);
20
+ var matches = (_globalThis$location = globalThis.location) === null || _globalThis$location === void 0 || (_globalThis$location = _globalThis$location.hostname) === null || _globalThis$location === void 0 ? void 0 : _globalThis$location.match(/atlassian-us-gov-mod\.(com|net)|atlassian-us-gov\.(com|net)|atlassian-fex\.(com|net)|atlassian-stg-fedm\.(com|net)/);
16
21
  return matches ? matches.length > 0 : false;
17
22
  }
package/dist/es2019/components/picker/styles.js CHANGED
@@ -119,7 +119,7 @@ export const input = css({
119
119
  });
120
120
  export const pickerSearch = css({
121
121
  boxSizing: 'border-box',
122
- padding: '10px 10px 11px 10px',
122
+ padding: "var(--ds-space-150, 12px)",
123
123
  width: '100%'
124
124
  });
125
125
 
@@ -145,7 +145,7 @@ export const emojiCategoryTitle = css({
145
145
  boxSizing: 'border-box',
146
146
  color: `var(--ds-text, ${N900})`,
147
147
  fontSize: '14px',
148
- padding: `5px ${"var(--ds-space-100, 8px)"}`,
148
+ padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"}`,
149
149
  textTransform: 'lowercase',
150
150
  '&:first-letter': {
151
151
  textTransform: 'uppercase'
@@ -164,8 +164,7 @@ export const emojiItem = css({
164
164
  },
165
165
  [`& .${placeholder}`]: {
166
166
  padding: "var(--ds-space-0, 0px)",
167
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
168
- margin: '7px',
167
+ margin: "var(--ds-space-100, 8px)",
169
168
  minWidth: '24px',
170
169
  maxWidth: '24px'
171
170
  },
package/dist/es2019/components/uploader/styles.js CHANGED
@@ -13,8 +13,7 @@ export const emojiUploadWidget = css({
13
13
  width: `${emojiPickerWidth}px`,
14
14
  marginBottom: "var(--ds-space-100, 8px)",
15
15
  minWidth: `${emojiPickerWidth}px`,
16
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
17
- margin: '-10px',
16
+ margin: "var(--ds-space-negative-150, -12px)",
18
17
  marginTop: "var(--ds-space-negative-200, -16px)"
19
18
  });
20
19
 
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -7,7 +7,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
7
7
  actionSubjectId,
8
8
  attributes: {
9
9
  packageName: "@atlaskit/emoji",
10
- packageVersion: "67.6.17",
10
+ packageVersion: "67.6.19",
11
11
  ...attributes
12
12
  }
13
13
  });
package/dist/es2019/util/environment.js CHANGED
@@ -1,4 +1,9 @@
1
1
  const FEDRAMP_MODERATE = 'fedramp-moderate';
2
+
3
+ // Context: https://atlassian.slack.com/archives/C01CQRN5NLT/p1708564986013489?thread_ts=1708302544.655739&cid=C01CQRN5NLT
4
+ // This is a temporary function to support SHA256 usage in FedRAMP
5
+ // We cannot import the same-named function from @atlassian/atl-context due to emoji being a public package (and atl-context being private)
6
+ // TODO: Remove this method and its usage once SHA256 is available in commercial envs for Media uploads
2
7
  export function isFedRamp() {
3
8
  var _globalThis$location, _globalThis$location$;
4
9
  // MICROS_PERIMETER is already used by few products, so we need to keep it for backward compatibility
@@ -6,6 +11,6 @@ export function isFedRamp() {
6
11
  if (env) {
7
12
  return env === FEDRAMP_MODERATE;
8
13
  }
9
- const matches = (_globalThis$location = globalThis.location) === null || _globalThis$location === void 0 ? void 0 : (_globalThis$location$ = _globalThis$location.hostname) === null || _globalThis$location$ === void 0 ? void 0 : _globalThis$location$.match(/atlassian-us-gov-mod\.com|atlassian-us-gov\.com|atlassian-fex\.(com|net)/);
14
+ const matches = (_globalThis$location = globalThis.location) === null || _globalThis$location === void 0 ? void 0 : (_globalThis$location$ = _globalThis$location.hostname) === null || _globalThis$location$ === void 0 ? void 0 : _globalThis$location$.match(/atlassian-us-gov-mod\.(com|net)|atlassian-us-gov\.(com|net)|atlassian-fex\.(com|net)|atlassian-stg-fedm\.(com|net)/);
10
15
  return matches ? matches.length > 0 : false;
11
16
  }
package/dist/esm/components/picker/styles.js CHANGED
@@ -114,7 +114,7 @@ export var input = css((_css4 = {
114
114
  }), _css4));
115
115
  export var pickerSearch = css({
116
116
  boxSizing: 'border-box',
117
- padding: '10px 10px 11px 10px',
117
+ padding: "var(--ds-space-150, 12px)",
118
118
  width: '100%'
119
119
  });
120
120
 
@@ -140,7 +140,7 @@ export var emojiCategoryTitle = css({
140
140
  boxSizing: 'border-box',
141
141
  color: "var(--ds-text, ".concat(N900, ")"),
142
142
  fontSize: '14px',
143
- padding: "5px ".concat("var(--ds-space-100, 8px)"),
143
+ padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
144
144
  textTransform: 'lowercase',
145
145
  '&:first-letter': {
146
146
  textTransform: 'uppercase'
@@ -158,8 +158,7 @@ export var emojiItem = css((_css5 = {
158
158
  height: '24px'
159
159
  }), _defineProperty(_css5, "& .".concat(placeholder), {
160
160
  padding: "var(--ds-space-0, 0px)",
161
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
162
- margin: '7px',
161
+ margin: "var(--ds-space-100, 8px)",
163
162
  minWidth: '24px',
164
163
  maxWidth: '24px'
165
164
  }), _defineProperty(_css5, "& .".concat(emojiNodeStyles, " .").concat(placeholder), {
package/dist/esm/components/uploader/styles.js CHANGED
@@ -13,8 +13,7 @@ export var emojiUploadWidget = css({
13
13
  width: "".concat(emojiPickerWidth, "px"),
14
14
  marginBottom: "var(--ds-space-100, 8px)",
15
15
  minWidth: "".concat(emojiPickerWidth, "px"),
16
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
17
- margin: '-10px',
16
+ margin: "var(--ds-space-negative-150, -12px)",
18
17
  marginTop: "var(--ds-space-negative-200, -16px)"
19
18
  });
20
19
 
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -12,7 +12,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
12
12
  actionSubjectId: actionSubjectId,
13
13
  attributes: _objectSpread({
14
14
  packageName: "@atlaskit/emoji",
15
- packageVersion: "67.6.17"
15
+ packageVersion: "67.6.19"
16
16
  }, attributes)
17
17
  };
18
18
  };
package/dist/esm/util/environment.js CHANGED
@@ -1,4 +1,9 @@
1
1
  var FEDRAMP_MODERATE = 'fedramp-moderate';
2
+
3
+ // Context: https://atlassian.slack.com/archives/C01CQRN5NLT/p1708564986013489?thread_ts=1708302544.655739&cid=C01CQRN5NLT
4
+ // This is a temporary function to support SHA256 usage in FedRAMP
5
+ // We cannot import the same-named function from @atlassian/atl-context due to emoji being a public package (and atl-context being private)
6
+ // TODO: Remove this method and its usage once SHA256 is available in commercial envs for Media uploads
2
7
  export function isFedRamp() {
3
8
  var _globalThis$location;
4
9
  // MICROS_PERIMETER is already used by few products, so we need to keep it for backward compatibility
@@ -6,6 +11,6 @@ export function isFedRamp() {
6
11
  if (env) {
7
12
  return env === FEDRAMP_MODERATE;
8
13
  }
9
- var matches = (_globalThis$location = globalThis.location) === null || _globalThis$location === void 0 || (_globalThis$location = _globalThis$location.hostname) === null || _globalThis$location === void 0 ? void 0 : _globalThis$location.match(/atlassian-us-gov-mod\.com|atlassian-us-gov\.com|atlassian-fex\.(com|net)/);
14
+ var matches = (_globalThis$location = globalThis.location) === null || _globalThis$location === void 0 || (_globalThis$location = _globalThis$location.hostname) === null || _globalThis$location === void 0 ? void 0 : _globalThis$location.match(/atlassian-us-gov-mod\.(com|net)|atlassian-us-gov\.(com|net)|atlassian-fex\.(com|net)|atlassian-stg-fedm\.(com|net)/);
10
15
  return matches ? matches.length > 0 : false;
11
16
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "67.6.17",
3
+ "version": "67.6.19",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,15 +38,15 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@atlaskit/analytics-next": "^9.2.0",
41
- "@atlaskit/button": "^17.8.0",
41
+ "@atlaskit/button": "^17.12.0",
42
42
  "@atlaskit/icon": "^22.1.0",
43
- "@atlaskit/media-client": "^26.2.0",
43
+ "@atlaskit/media-client": "^26.3.0",
44
44
  "@atlaskit/media-client-react": "^2.0.0",
45
45
  "@atlaskit/spinner": "^16.0.0",
46
46
  "@atlaskit/textfield": "^6.1.0",
47
47
  "@atlaskit/theme": "^12.7.0",
48
- "@atlaskit/tokens": "^1.42.0",
49
- "@atlaskit/tooltip": "^18.1.0",
48
+ "@atlaskit/tokens": "^1.43.0",
49
+ "@atlaskit/tooltip": "^18.2.0",
50
50
  "@atlaskit/ufo": "^0.2.0",
51
51
  "@atlaskit/util-service-support": "^6.2.0",
52
52
  "@atlaskit/visually-hidden": "^1.2.0",