@atlaskit/give-kudos 2.2.0 → 2.3.0

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 +13 -8
  3. package/dist/es2019/ui/GiveKudosLauncher/main.js +10 -5
  4. package/dist/esm/ui/GiveKudosLauncher/main.js +10 -5
  5. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlassian/give-kudos
2
2
 
3
+ ## 2.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#161561](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161561)
8
+ [`81f0df6c487a1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/81f0df6c487a1) -
9
+ [ux] Legacy icons migration behind feature flag
10
+
11
+ ## 2.2.1
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 2.2.0
4
18
 
5
19
  ### Minor 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') {
@@ -281,6 +284,8 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
281
284
  onClick: handleCloseDrawerClicked,
282
285
  css: sidebarButtonStyles
283
286
  }, (0, _react2.jsx)(_arrowLeft.default, {
287
+ color: "currentColor",
288
+ spacing: "spacious",
284
289
  label: intl.formatMessage(_messages.default.closeDrawerButtonLabel)
285
290
  })));
286
291
  };
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') {
@@ -263,6 +266,8 @@ const GiveKudosLauncher = props => {
263
266
  onClick: handleCloseDrawerClicked,
264
267
  css: sidebarButtonStyles
265
268
  }, jsx(ArrowLeft, {
269
+ color: "currentColor",
270
+ spacing: "spacious",
266
271
  label: intl.formatMessage(messages.closeDrawerButtonLabel)
267
272
  })));
268
273
  };
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') {
@@ -275,6 +278,8 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
275
278
  onClick: handleCloseDrawerClicked,
276
279
  css: sidebarButtonStyles
277
280
  }, jsx(ArrowLeft, {
281
+ color: "currentColor",
282
+ spacing: "spacious",
278
283
  label: intl.formatMessage(messages.closeDrawerButtonLabel)
279
284
  })));
280
285
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/give-kudos",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
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.19.0",
43
+ "@atlaskit/button": "^20.3.0",
44
+ "@atlaskit/drawer": "^9.2.0",
45
+ "@atlaskit/icon": "^22.24.0",
46
46
  "@atlaskit/intl-messages-provider": "^1.0.2",
47
47
  "@atlaskit/modal-dialog": "^12.17.0",
48
48
  "@atlaskit/portal": "^4.9.0",
49
- "@atlaskit/theme": "^13.0.0",
50
- "@atlaskit/tokens": "^2.0.0",
49
+ "@atlaskit/theme": "^14.0.0",
50
+ "@atlaskit/tokens": "^2.2.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"