@atlaskit/give-kudos 2.2.1 → 2.3.1

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 (5) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/GiveKudosLauncher/main.js +25 -17
  3. package/dist/es2019/ui/GiveKudosLauncher/main.js +22 -14
  4. package/dist/esm/ui/GiveKudosLauncher/main.js +22 -14
  5. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlassian/give-kudos
2
2
 
3
+ ## 2.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 2.3.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#161561](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161561)
14
+ [`81f0df6c487a1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/81f0df6c487a1) -
15
+ [ux] Legacy icons migration behind feature flag
16
+
3
17
  ## 2.2.1
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/GiveKudosLauncher/main.js CHANGED
@@ -15,8 +15,8 @@ var _reactIntlNext = require("react-intl-next");
15
15
  var _analyticsNext = require("@atlaskit/analytics-next");
16
16
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
17
17
  var _drawer = _interopRequireDefault(require("@atlaskit/drawer"));
18
- var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-left"));
19
- var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
18
+ var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/arrow-left"));
19
+ var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
20
20
  var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
21
21
  var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
22
22
  var _portal = _interopRequireDefault(require("@atlaskit/portal"));
@@ -119,9 +119,10 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
119
119
  }
120
120
  }
121
121
  })),
122
- icon: (0, _react2.jsx)(_checkCircle.default, {
122
+ icon: (0, _react2.jsx)(_successCheckCircle.default, {
123
+ spacing: "spacious",
123
124
  label: intl.formatMessage(_messages.default.successIconLabel),
124
- primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
125
+ color: "var(--ds-icon-success, ".concat(_colors.G300, ")")
125
126
  })
126
127
  });
127
128
  break;
@@ -137,9 +138,10 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
137
138
  title: (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.default.JiraKudosCreatedFlag),
138
139
  id: "kudosCreatedFlag-".concat(flagEvent.kudosUuid),
139
140
  description: (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.default.JiraKudosCreatedDescriptionFlag),
140
- icon: (0, _react2.jsx)(_checkCircle.default, {
141
+ icon: (0, _react2.jsx)(_successCheckCircle.default, {
142
+ spacing: "spacious",
141
143
  label: intl.formatMessage(_messages.default.successIconLabel),
142
- primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
144
+ color: "var(--ds-icon-success, ".concat(_colors.G300, ")")
143
145
  }),
144
146
  actions: [{
145
147
  content: 'Track gift request',
@@ -205,9 +207,10 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
205
207
  }
206
208
  }
207
209
  })),
208
- icon: (0, _react2.jsx)(_checkCircle.default, {
210
+ icon: (0, _react2.jsx)(_successCheckCircle.default, {
211
+ spacing: "spacious",
209
212
  label: intl.formatMessage(_messages.default.successIconLabel),
210
- primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
213
+ color: "var(--ds-icon-success, ".concat(_colors.G300, ")")
211
214
  })
212
215
  });
213
216
  } else if (event.data === 'dirty') {
@@ -261,15 +264,18 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
261
264
  // eslint-disable-next-line react-hooks/exhaustive-deps
262
265
  }, [isDirty]);
263
266
  var renderIframe = function renderIframe() {
264
- return (0, _react2.jsx)("iframe", {
265
- src: giveKudosUrl,
266
- ref: iframeEl,
267
- width: "100%",
268
- height: "100%",
269
- frameBorder: "0",
270
- allow: "camera;microphone",
271
- css: iframeStyles
272
- });
267
+ return (
268
+ // eslint-disable-next-line jsx-a11y/iframe-has-title
269
+ (0, _react2.jsx)("iframe", {
270
+ src: giveKudosUrl,
271
+ ref: iframeEl,
272
+ width: "100%",
273
+ height: "100%",
274
+ frameBorder: "0",
275
+ allow: "camera;microphone",
276
+ css: iframeStyles
277
+ })
278
+ );
273
279
  };
274
280
  var handleCloseDrawerClicked = function handleCloseDrawerClicked() {
275
281
  handleCloseDrawerClickedFuncRef.current();
@@ -281,6 +287,8 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
281
287
  onClick: handleCloseDrawerClicked,
282
288
  css: sidebarButtonStyles
283
289
  }, (0, _react2.jsx)(_arrowLeft.default, {
290
+ color: "currentColor",
291
+ spacing: "spacious",
284
292
  label: intl.formatMessage(_messages.default.closeDrawerButtonLabel)
285
293
  })));
286
294
  };
package/dist/es2019/ui/GiveKudosLauncher/main.js CHANGED
@@ -12,8 +12,8 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
12
12
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
13
13
  import Button from '@atlaskit/button/standard-button';
14
14
  import Drawer from '@atlaskit/drawer';
15
- import ArrowLeft from '@atlaskit/icon/glyph/arrow-left';
16
- import SuccessIcon from '@atlaskit/icon/glyph/check-circle';
15
+ import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
16
+ import SuccessIcon from '@atlaskit/icon/core/migration/success--check-circle';
17
17
  import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
18
18
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
19
19
  import Portal from '@atlaskit/portal';
@@ -106,8 +106,9 @@ const GiveKudosLauncher = props => {
106
106
  }
107
107
  })),
108
108
  icon: jsx(SuccessIcon, {
109
+ spacing: "spacious",
109
110
  label: intl.formatMessage(messages.successIconLabel),
110
- primaryColor: `var(--ds-icon-success, ${G300})`
111
+ color: `var(--ds-icon-success, ${G300})`
111
112
  })
112
113
  });
113
114
  break;
@@ -124,8 +125,9 @@ const GiveKudosLauncher = props => {
124
125
  id: `kudosCreatedFlag-${flagEvent.kudosUuid}`,
125
126
  description: jsx(FormattedMessage, messages.JiraKudosCreatedDescriptionFlag),
126
127
  icon: jsx(SuccessIcon, {
128
+ spacing: "spacious",
127
129
  label: intl.formatMessage(messages.successIconLabel),
128
- primaryColor: `var(--ds-icon-success, ${G300})`
130
+ color: `var(--ds-icon-success, ${G300})`
129
131
  }),
130
132
  actions: [{
131
133
  content: 'Track gift request',
@@ -188,8 +190,9 @@ const GiveKudosLauncher = props => {
188
190
  }
189
191
  })),
190
192
  icon: jsx(SuccessIcon, {
193
+ spacing: "spacious",
191
194
  label: intl.formatMessage(messages.successIconLabel),
192
- primaryColor: `var(--ds-icon-success, ${G300})`
195
+ color: `var(--ds-icon-success, ${G300})`
193
196
  })
194
197
  });
195
198
  } else if (event.data === 'dirty') {
@@ -243,15 +246,18 @@ const GiveKudosLauncher = props => {
243
246
  // eslint-disable-next-line react-hooks/exhaustive-deps
244
247
  }, [isDirty]);
245
248
  const renderIframe = () => {
246
- return jsx("iframe", {
247
- src: giveKudosUrl,
248
- ref: iframeEl,
249
- width: "100%",
250
- height: "100%",
251
- frameBorder: "0",
252
- allow: "camera;microphone",
253
- css: iframeStyles
254
- });
249
+ return (
250
+ // eslint-disable-next-line jsx-a11y/iframe-has-title
251
+ jsx("iframe", {
252
+ src: giveKudosUrl,
253
+ ref: iframeEl,
254
+ width: "100%",
255
+ height: "100%",
256
+ frameBorder: "0",
257
+ allow: "camera;microphone",
258
+ css: iframeStyles
259
+ })
260
+ );
255
261
  };
256
262
  const handleCloseDrawerClicked = () => {
257
263
  handleCloseDrawerClickedFuncRef.current();
@@ -263,6 +269,8 @@ const GiveKudosLauncher = props => {
263
269
  onClick: handleCloseDrawerClicked,
264
270
  css: sidebarButtonStyles
265
271
  }, jsx(ArrowLeft, {
272
+ color: "currentColor",
273
+ spacing: "spacious",
266
274
  label: intl.formatMessage(messages.closeDrawerButtonLabel)
267
275
  })));
268
276
  };
package/dist/esm/ui/GiveKudosLauncher/main.js CHANGED
@@ -16,8 +16,8 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
16
16
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
17
17
  import Button from '@atlaskit/button/standard-button';
18
18
  import Drawer from '@atlaskit/drawer';
19
- import ArrowLeft from '@atlaskit/icon/glyph/arrow-left';
20
- import SuccessIcon from '@atlaskit/icon/glyph/check-circle';
19
+ import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
20
+ import SuccessIcon from '@atlaskit/icon/core/migration/success--check-circle';
21
21
  import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
22
22
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
23
23
  import Portal from '@atlaskit/portal';
@@ -114,8 +114,9 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
114
114
  }
115
115
  })),
116
116
  icon: jsx(SuccessIcon, {
117
+ spacing: "spacious",
117
118
  label: intl.formatMessage(messages.successIconLabel),
118
- primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
119
+ color: "var(--ds-icon-success, ".concat(G300, ")")
119
120
  })
120
121
  });
121
122
  break;
@@ -132,8 +133,9 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
132
133
  id: "kudosCreatedFlag-".concat(flagEvent.kudosUuid),
133
134
  description: jsx(FormattedMessage, messages.JiraKudosCreatedDescriptionFlag),
134
135
  icon: jsx(SuccessIcon, {
136
+ spacing: "spacious",
135
137
  label: intl.formatMessage(messages.successIconLabel),
136
- primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
138
+ color: "var(--ds-icon-success, ".concat(G300, ")")
137
139
  }),
138
140
  actions: [{
139
141
  content: 'Track gift request',
@@ -200,8 +202,9 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
200
202
  }
201
203
  })),
202
204
  icon: jsx(SuccessIcon, {
205
+ spacing: "spacious",
203
206
  label: intl.formatMessage(messages.successIconLabel),
204
- primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
207
+ color: "var(--ds-icon-success, ".concat(G300, ")")
205
208
  })
206
209
  });
207
210
  } else if (event.data === 'dirty') {
@@ -255,15 +258,18 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
255
258
  // eslint-disable-next-line react-hooks/exhaustive-deps
256
259
  }, [isDirty]);
257
260
  var renderIframe = function renderIframe() {
258
- return jsx("iframe", {
259
- src: giveKudosUrl,
260
- ref: iframeEl,
261
- width: "100%",
262
- height: "100%",
263
- frameBorder: "0",
264
- allow: "camera;microphone",
265
- css: iframeStyles
266
- });
261
+ return (
262
+ // eslint-disable-next-line jsx-a11y/iframe-has-title
263
+ jsx("iframe", {
264
+ src: giveKudosUrl,
265
+ ref: iframeEl,
266
+ width: "100%",
267
+ height: "100%",
268
+ frameBorder: "0",
269
+ allow: "camera;microphone",
270
+ css: iframeStyles
271
+ })
272
+ );
267
273
  };
268
274
  var handleCloseDrawerClicked = function handleCloseDrawerClicked() {
269
275
  handleCloseDrawerClickedFuncRef.current();
@@ -275,6 +281,8 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
275
281
  onClick: handleCloseDrawerClicked,
276
282
  css: sidebarButtonStyles
277
283
  }, jsx(ArrowLeft, {
284
+ color: "currentColor",
285
+ spacing: "spacious",
278
286
  label: intl.formatMessage(messages.closeDrawerButtonLabel)
279
287
  })));
280
288
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/give-kudos",
3
- "version": "2.2.1",
3
+ "version": "2.3.1",
4
4
  "description": "Give Kudos experience ",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -40,14 +40,14 @@
40
40
  },
41
41
  "dependencies": {
42
42
  "@atlaskit/analytics-next": "^10.1.0",
43
- "@atlaskit/button": "^20.2.0",
44
- "@atlaskit/drawer": "^9.0.0",
45
- "@atlaskit/icon": "^22.22.0",
43
+ "@atlaskit/button": "^20.3.0",
44
+ "@atlaskit/drawer": "^9.2.0",
45
+ "@atlaskit/icon": "^23.0.0",
46
46
  "@atlaskit/intl-messages-provider": "^1.0.2",
47
- "@atlaskit/modal-dialog": "^12.17.0",
47
+ "@atlaskit/modal-dialog": "^12.18.0",
48
48
  "@atlaskit/portal": "^4.9.0",
49
49
  "@atlaskit/theme": "^14.0.0",
50
- "@atlaskit/tokens": "^2.0.0",
50
+ "@atlaskit/tokens": "^2.4.0",
51
51
  "@babel/runtime": "^7.0.0",
52
52
  "@emotion/react": "^11.7.1",
53
53
  "react-intl-next": "npm:react-intl@^5.18.1"