@atlaskit/emoji 67.6.18 → 67.6.20

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 (13) 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/es2019/components/picker/styles.js +3 -4
  6. package/dist/es2019/components/uploader/styles.js +1 -2
  7. package/dist/es2019/util/analytics/analytics.js +1 -1
  8. package/dist/esm/components/picker/styles.js +3 -4
  9. package/dist/esm/components/uploader/styles.js +1 -2
  10. package/dist/esm/util/analytics/analytics.js +1 -1
  11. package/dist/types/components/common/ToneSelector.d.ts +1 -1
  12. package/dist/types-ts4.5/components/common/ToneSelector.d.ts +1 -1
  13. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 67.6.20
4
+
5
+ ### Patch Changes
6
+
7
+ - [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007) [`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) - Migrated to the new button component
8
+
9
+ ## 67.6.19
10
+
11
+ ### Patch Changes
12
+
13
+ - [#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
14
+
3
15
  ## 67.6.18
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.18"
22
+ packageVersion: "67.6.20"
23
23
  }, attributes)
24
24
  };
25
25
  };
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.18",
10
+ packageVersion: "67.6.20",
11
11
  ...attributes
12
12
  }
13
13
  });
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.18"
15
+ packageVersion: "67.6.20"
16
16
  }, attributes)
17
17
  };
18
18
  };
package/dist/types/components/common/ToneSelector.d.ts CHANGED
@@ -13,5 +13,5 @@ export interface Props {
13
13
  export declare const toneSelectorTestId = "tone-selector";
14
14
  type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
15
15
  export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => jsx.JSX.Element;
16
- declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<PropsWithAnalyticsEventsPropsType, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
16
+ declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
17
17
  export default _default;
package/dist/types-ts4.5/components/common/ToneSelector.d.ts CHANGED
@@ -13,5 +13,5 @@ export interface Props {
13
13
  export declare const toneSelectorTestId = "tone-selector";
14
14
  type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
15
15
  export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => jsx.JSX.Element;
16
- declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<PropsWithAnalyticsEventsPropsType, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
16
+ declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
17
17
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "67.6.18",
3
+ "version": "67.6.20",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,16 +37,16 @@
37
37
  "access": "public"
38
38
  },
39
39
  "dependencies": {
40
- "@atlaskit/analytics-next": "^9.2.0",
41
- "@atlaskit/button": "^17.8.0",
40
+ "@atlaskit/analytics-next": "^9.3.0",
41
+ "@atlaskit/button": "^17.14.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",