@atlaskit/progress-tracker 8.5.2 → 8.5.4

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 (22) hide show
  1. package/CHANGELOG.md +45 -31
  2. package/dist/cjs/constants.js +2 -3
  3. package/dist/cjs/internal/bar.js +2 -3
  4. package/dist/cjs/internal/constants.js +14 -28
  5. package/dist/cjs/internal/link.js +1 -2
  6. package/dist/cjs/internal/marker.js +3 -4
  7. package/dist/cjs/internal/stage.js +14 -14
  8. package/dist/cjs/internal/utils.js +4 -7
  9. package/dist/cjs/progress-tracker.js +6 -7
  10. package/dist/es2019/internal/bar.js +1 -1
  11. package/dist/es2019/internal/marker.js +2 -2
  12. package/dist/es2019/internal/stage.js +9 -8
  13. package/dist/es2019/progress-tracker.js +3 -3
  14. package/dist/esm/internal/bar.js +1 -1
  15. package/dist/esm/internal/marker.js +2 -2
  16. package/dist/esm/internal/stage.js +11 -10
  17. package/dist/esm/progress-tracker.js +5 -5
  18. package/package.json +17 -18
  19. package/tmp/api-report-tmp.d.ts +106 -0
  20. package/dist/cjs/version.json +0 -5
  21. package/dist/es2019/version.json +0 -5
  22. package/dist/esm/version.json +0 -5
package/CHANGELOG.md CHANGED
@@ -1,22 +1,36 @@
1
1
  # @atlaskit/progress-tracker
2
2
 
3
+ ## 8.5.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 8.5.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [#38750](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38750) [`6ab9799d402`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ab9799d402) - The internal composition of this component has changed. There is no expected change in behavior.
14
+ - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
15
+ - Updated dependencies
16
+
3
17
  ## 8.5.2
4
18
 
5
19
  ### Patch Changes
6
20
 
7
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
21
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
8
22
 
9
23
  ## 8.5.1
10
24
 
11
25
  ### Patch Changes
12
26
 
13
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
27
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
14
28
 
15
29
  ## 8.5.0
16
30
 
17
31
  ### Minor Changes
18
32
 
19
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
33
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
20
34
 
21
35
  ### Patch Changes
22
36
 
@@ -26,25 +40,25 @@
26
40
 
27
41
  ### Patch Changes
28
42
 
29
- - [`65e4baeea85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65e4baeea85) - Internal changes.
43
+ - [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211) [`65e4baeea85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65e4baeea85) - Internal changes.
30
44
 
31
45
  ## 8.4.9
32
46
 
33
47
  ### Patch Changes
34
48
 
35
- - [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
49
+ - [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
36
50
 
37
51
  ## 8.4.8
38
52
 
39
53
  ### Patch Changes
40
54
 
41
- - [`173f6371859`](https://bitbucket.org/atlassian/atlassian-frontend/commits/173f6371859) - Migrates unit tests from enzyme to RTL.
55
+ - [#31480](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31480) [`173f6371859`](https://bitbucket.org/atlassian/atlassian-frontend/commits/173f6371859) - Migrates unit tests from enzyme to RTL.
42
56
 
43
57
  ## 8.4.7
44
58
 
45
59
  ### Patch Changes
46
60
 
47
- - [`cfe48bb7ece`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfe48bb7ece) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
61
+ - [#31242](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31242) [`cfe48bb7ece`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfe48bb7ece) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
48
62
 
49
63
  ## 8.4.6
50
64
 
@@ -56,19 +70,19 @@
56
70
 
57
71
  ### Patch Changes
58
72
 
59
- - [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
73
+ - [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
60
74
 
61
75
  ## 8.4.4
62
76
 
63
77
  ### Patch Changes
64
78
 
65
- - [`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects` when loading the page.
79
+ - [#29227](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29227) [`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects` when loading the page.
66
80
 
67
81
  ## 8.4.3
68
82
 
69
83
  ### Patch Changes
70
84
 
71
- - [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
85
+ - [#27891](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27891) [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
72
86
  - Updated dependencies
73
87
 
74
88
  ## 8.4.2
@@ -87,7 +101,7 @@
87
101
 
88
102
  ### Minor Changes
89
103
 
90
- - [`eb709e1fde3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb709e1fde3) - [ux] Apply spacing tokens and primitive components. Reduce padding between stage labels and progress bar by 4px - overall height of component is therefore also 4px shorter.
104
+ - [#27326](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27326) [`eb709e1fde3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb709e1fde3) - [ux] Apply spacing tokens and primitive components. Reduce padding between stage labels and progress bar by 4px - overall height of component is therefore also 4px shorter.
91
105
 
92
106
  ## 8.3.4
93
107
 
@@ -99,25 +113,25 @@
99
113
 
100
114
  ### Patch Changes
101
115
 
102
- - [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
116
+ - [#26488](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26488) [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
103
117
 
104
118
  ## 8.3.2
105
119
 
106
120
  ### Patch Changes
107
121
 
108
- - [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
122
+ - [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303) [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
109
123
 
110
124
  ## 8.3.1
111
125
 
112
126
  ### Patch Changes
113
127
 
114
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
128
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
115
129
 
116
130
  ## 8.3.0
117
131
 
118
132
  ### Minor Changes
119
133
 
120
- - [`099a8b4949e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/099a8b4949e) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
134
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`099a8b4949e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/099a8b4949e) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
121
135
 
122
136
  ### Patch Changes
123
137
 
@@ -127,7 +141,7 @@
127
141
 
128
142
  ### Patch Changes
129
143
 
130
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
144
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
131
145
 
132
146
  ## 8.2.4
133
147
 
@@ -139,7 +153,7 @@
139
153
 
140
154
  ### Patch Changes
141
155
 
142
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
156
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
143
157
 
144
158
  ## 8.2.2
145
159
 
@@ -157,7 +171,7 @@
157
171
 
158
172
  ### Minor Changes
159
173
 
160
- - [`4e96270c06e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e96270c06e) - [ux] Instrumented progress-tracker with the new theming package, `@atlaskit/tokens`.
174
+ - [#19019](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19019) [`4e96270c06e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e96270c06e) - [ux] Instrumented progress-tracker with the new theming package, `@atlaskit/tokens`.
161
175
 
162
176
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
163
177
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -170,7 +184,7 @@
170
184
 
171
185
  ### Minor Changes
172
186
 
173
- - [`d2429272ffa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2429272ffa) - Migrates usage of `styled-components` to `@emotion`. Under the hood the component also no longer uses `@atlaskit/page/grid`, although still uses the same spacing scale.
187
+ - [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`d2429272ffa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2429272ffa) - Migrates usage of `styled-components` to `@emotion`. Under the hood the component also no longer uses `@atlaskit/page/grid`, although still uses the same spacing scale.
174
188
 
175
189
  ## 8.0.4
176
190
 
@@ -182,26 +196,26 @@
182
196
 
183
197
  ### Patch Changes
184
198
 
185
- - [`b90c0237824`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b90c0237824) - Update package.jsons to remove unused dependencies.
199
+ - [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864) [`b90c0237824`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b90c0237824) - Update package.jsons to remove unused dependencies.
186
200
  - Updated dependencies
187
201
 
188
202
  ## 8.0.2
189
203
 
190
204
  ### Patch Changes
191
205
 
192
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
206
+ - [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
193
207
 
194
208
  ## 8.0.1
195
209
 
196
210
  ### Patch Changes
197
211
 
198
- - [`8ae29c21d55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ae29c21d55) - Removed the `!important` declaration from the top margin style.
212
+ - [#12412](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12412) [`8ae29c21d55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ae29c21d55) - Removed the `!important` declaration from the top margin style.
199
213
 
200
214
  ## 8.0.0
201
215
 
202
216
  ### Major Changes
203
217
 
204
- - [`3e1d0e22b98`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3e1d0e22b98) - [ux] Marked a progress tracker wrapper as unordered list. Step component wrapper has been changed to li tag for each step. Added label prop that is used as aria-label.
218
+ - [#10230](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10230) [`3e1d0e22b98`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3e1d0e22b98) - [ux] Marked a progress tracker wrapper as unordered list. Step component wrapper has been changed to li tag for each step. Added label prop that is used as aria-label.
205
219
 
206
220
  ### Patch Changes
207
221
 
@@ -211,13 +225,13 @@
211
225
 
212
226
  ### Patch Changes
213
227
 
214
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
228
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
215
229
 
216
230
  ## 7.0.5
217
231
 
218
232
  ### Patch Changes
219
233
 
220
- - [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
234
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
221
235
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
222
236
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
223
237
 
@@ -231,7 +245,7 @@
231
245
 
232
246
  ### Patch Changes
233
247
 
234
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
248
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
235
249
 
236
250
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
237
251
  to prevent duplicates of tslib being bundled.
@@ -240,19 +254,19 @@
240
254
 
241
255
  ### Patch Changes
242
256
 
243
- - [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
257
+ - [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293) [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
244
258
 
245
259
  ## 7.0.1
246
260
 
247
261
  ### Patch Changes
248
262
 
249
- - [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
263
+ - [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
250
264
 
251
265
  ## 7.0.0
252
266
 
253
267
  ### Major Changes
254
268
 
255
- - [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
269
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
256
270
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
257
271
 
258
272
  ### Patch Changes
@@ -263,13 +277,13 @@
263
277
 
264
278
  ### Patch Changes
265
279
 
266
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
280
+ - [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
267
281
 
268
282
  ## 6.1.7
269
283
 
270
284
  ### Patch Changes
271
285
 
272
- - [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade react-transition-group to latest
286
+ - [#2677](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2677) [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade react-transition-group to latest
273
287
 
274
288
  ## 6.1.6
275
289
 
package/dist/cjs/constants.js CHANGED
@@ -7,9 +7,8 @@ exports.spacing = void 0;
7
7
  /**
8
8
  * Ideally these are exported by @atlaskit/page
9
9
  */
10
- var spacing = {
10
+ var spacing = exports.spacing = {
11
11
  comfortable: "var(--ds-space-500, 40px)",
12
12
  cosy: "var(--ds-space-200, 16px)",
13
13
  compact: "var(--ds-space-050, 4px)"
14
- };
15
- exports.spacing = spacing;
14
+ };
package/dist/cjs/internal/bar.js CHANGED
@@ -13,7 +13,7 @@ var _constants2 = require("./constants");
13
13
  var progressBarStyles = (0, _react.css)({
14
14
  height: _constants2.PROGRESS_BAR_HEIGHT,
15
15
  position: 'absolute',
16
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
16
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
17
17
  left: '50%',
18
18
  backgroundColor: "var(--ds-background-brand-bold, ".concat(_colors.B300, ")"),
19
19
  borderBottomRightRadius: _constants2.PROGRESS_BAR_HEIGHT,
@@ -40,5 +40,4 @@ var ProgressBar = function ProgressBar(_ref) {
40
40
  css: progressBarStyles
41
41
  });
42
42
  };
43
- var _default = ProgressBar;
44
- exports.default = _default;
43
+ var _default = exports.default = ProgressBar;
package/dist/cjs/internal/constants.js CHANGED
@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.varTransitionSpeed = exports.varTransitionEasing = exports.varTransitionDelay = exports.varSpacing = exports.varMarkerColor = exports.varBackgroundColor = exports.TRANSITION_SPEED = exports.SEMI_BOLD_FONT_WEIGHT = exports.REGULAR_FONT_WEIGHT = exports.PROGRESS_BAR_HEIGHT = exports.LINEAR_TRANSITION_SPEED = exports.LABEL_TOP_SPACING = exports.HALF_GRID_SIZE = exports.ANIMATION_EASE_OUT = void 0;
7
- var TRANSITION_SPEED = 300;
8
- exports.TRANSITION_SPEED = TRANSITION_SPEED;
9
- var LINEAR_TRANSITION_SPEED = 50;
10
- exports.LINEAR_TRANSITION_SPEED = LINEAR_TRANSITION_SPEED;
11
- var ANIMATION_EASE_OUT = 'cubic-bezier(0.15,1,0.3,1)';
12
- exports.ANIMATION_EASE_OUT = ANIMATION_EASE_OUT;
13
- var varSpacing = '--ds--pt--sp';
14
- exports.varSpacing = varSpacing;
15
- var varTransitionSpeed = '--ds--pt--ts';
16
- exports.varTransitionSpeed = varTransitionSpeed;
17
- var varTransitionDelay = '--ds--pt--td';
18
- exports.varTransitionDelay = varTransitionDelay;
19
- var varTransitionEasing = '--ds--pt--te';
20
- exports.varTransitionEasing = varTransitionEasing;
21
- var varMarkerColor = '--ds--pt--mc';
22
- exports.varMarkerColor = varMarkerColor;
23
- var varBackgroundColor = '--ds--pt--bg';
24
- exports.varBackgroundColor = varBackgroundColor;
25
- var SEMI_BOLD_FONT_WEIGHT = 'semibold';
26
- exports.SEMI_BOLD_FONT_WEIGHT = SEMI_BOLD_FONT_WEIGHT;
27
- var REGULAR_FONT_WEIGHT = 'regular';
28
- exports.REGULAR_FONT_WEIGHT = REGULAR_FONT_WEIGHT;
29
- var HALF_GRID_SIZE = "var(--ds-space-050, 4px)";
30
- exports.HALF_GRID_SIZE = HALF_GRID_SIZE;
31
- var PROGRESS_BAR_HEIGHT = "var(--ds-space-100, 8px)";
7
+ var TRANSITION_SPEED = exports.TRANSITION_SPEED = 300;
8
+ var LINEAR_TRANSITION_SPEED = exports.LINEAR_TRANSITION_SPEED = 50;
9
+ var ANIMATION_EASE_OUT = exports.ANIMATION_EASE_OUT = 'cubic-bezier(0.15,1,0.3,1)';
10
+ var varSpacing = exports.varSpacing = '--ds--pt--sp';
11
+ var varTransitionSpeed = exports.varTransitionSpeed = '--ds--pt--ts';
12
+ var varTransitionDelay = exports.varTransitionDelay = '--ds--pt--td';
13
+ var varTransitionEasing = exports.varTransitionEasing = '--ds--pt--te';
14
+ var varMarkerColor = exports.varMarkerColor = '--ds--pt--mc';
15
+ var varBackgroundColor = exports.varBackgroundColor = '--ds--pt--bg';
16
+ var SEMI_BOLD_FONT_WEIGHT = exports.SEMI_BOLD_FONT_WEIGHT = 'semibold';
17
+ var REGULAR_FONT_WEIGHT = exports.REGULAR_FONT_WEIGHT = 'regular';
18
+ var HALF_GRID_SIZE = exports.HALF_GRID_SIZE = "var(--ds-space-050, 4px)";
19
+ var PROGRESS_BAR_HEIGHT = exports.PROGRESS_BAR_HEIGHT = "var(--ds-space-100, 8px)";
32
20
 
33
21
  // Labels sit 16px from bottom of progress bar i.e. 8 + 16
34
- exports.PROGRESS_BAR_HEIGHT = PROGRESS_BAR_HEIGHT;
35
- var LABEL_TOP_SPACING = "var(--ds-space-300, 24px)";
36
- exports.LABEL_TOP_SPACING = LABEL_TOP_SPACING;
22
+ var LABEL_TOP_SPACING = exports.LABEL_TOP_SPACING = "var(--ds-space-300, 24px)";
package/dist/cjs/internal/link.js CHANGED
@@ -28,5 +28,4 @@ var Link = function Link(_ref) {
28
28
  "data-testid": testId
29
29
  }, label);
30
30
  };
31
- var _default = Link;
32
- exports.default = _default;
31
+ var _default = exports.default = Link;
package/dist/cjs/internal/marker.js CHANGED
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _constants = require("./constants");
9
- /* eslint-disable @repo/internal/styles/no-nested-styles */
9
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
10
10
  /** @jsx jsx */
11
11
 
12
12
  var progressMarkerStyles = (0, _react.css)({
13
13
  width: _constants.PROGRESS_BAR_HEIGHT,
14
14
  height: _constants.PROGRESS_BAR_HEIGHT,
15
15
  position: 'absolute',
16
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
16
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
17
17
  left: '50%',
18
18
  backgroundColor: "var(".concat(_constants.varBackgroundColor, ")"),
19
19
  borderRadius: _constants.PROGRESS_BAR_HEIGHT,
@@ -50,5 +50,4 @@ var ProgressMarker = function ProgressMarker(_ref) {
50
50
  })
51
51
  );
52
52
  };
53
- var _default = ProgressMarker;
54
- exports.default = _default;
53
+ var _default = exports.default = ProgressMarker;
package/dist/cjs/internal/stage.js CHANGED
@@ -15,24 +15,28 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
15
15
  var _react = require("react");
16
16
  var _react2 = require("@emotion/react");
17
17
  var _reactTransitionGroup = require("react-transition-group");
18
- var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
19
18
  var _text = _interopRequireDefault(require("@atlaskit/ds-explorations/text"));
19
+ var _primitives = require("@atlaskit/primitives");
20
20
  var _bar = _interopRequireDefault(require("./bar"));
21
21
  var _constants = require("./constants");
22
22
  var _marker = _interopRequireDefault(require("./marker"));
23
23
  var _utils = require("./utils");
24
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
26
26
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
27
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/styles/no-nested-styles */ /** @jsx jsx */
27
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @atlaskit/design-system/no-nested-styles */ /** @jsx jsx */
28
+ var listItemContentStyles = (0, _primitives.xcss)({
29
+ width: '100%',
30
+ position: 'relative'
31
+ });
28
32
  var listItemStyles = (0, _react2.css)({
29
33
  margin: "var(--ds-space-0, 0px)",
30
34
  overflowWrap: 'break-word'
31
35
  });
32
36
  var titleStyles = (0, _react2.css)({
33
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
37
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
34
38
  marginTop: _constants.LABEL_TOP_SPACING,
35
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
39
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
36
40
  lineHeight: '16px',
37
41
  textAlign: 'center',
38
42
  '&.fade-appear': {
@@ -43,7 +47,7 @@ var titleStyles = (0, _react2.css)({
43
47
  transition: "opacity var(".concat(_constants.varTransitionSpeed, ") cubic-bezier(0.2, 0, 0, 1)")
44
48
  }
45
49
  });
46
- var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
50
+ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureComponent) {
47
51
  (0, _inherits2.default)(ProgressTrackerStage, _PureComponent);
48
52
  var _super = _createSuper(ProgressTrackerStage);
49
53
  function ProgressTrackerStage(props) {
@@ -101,11 +105,8 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
101
105
  style: listInlineStyles,
102
106
  css: listItemStyles,
103
107
  "aria-current": ariaCurrent
104
- }, (0, _react2.jsx)(_box.default, {
105
- display: "block",
106
- UNSAFE_style: {
107
- width: '100%'
108
- }
108
+ }, (0, _react2.jsx)(_primitives.Box, {
109
+ xcss: listItemContentStyles
109
110
  }, (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, {
110
111
  appear: true,
111
112
  in: this.state.transitioning,
@@ -143,5 +144,4 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
143
144
  }
144
145
  }]);
145
146
  return ProgressTrackerStage;
146
- }(_react.PureComponent);
147
- exports.default = ProgressTrackerStage;
147
+ }(_react.PureComponent);
package/dist/cjs/internal/utils.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.getTextColor = exports.getMarkerColor = exports.getFontWeight = void 0;
7
7
  var _colors = require("@atlaskit/theme/colors");
8
8
  var _constants = require("./constants");
9
- var getMarkerColor = function getMarkerColor(status) {
9
+ var getMarkerColor = exports.getMarkerColor = function getMarkerColor(status) {
10
10
  switch (status) {
11
11
  case 'unvisited':
12
12
  return "var(--ds-icon-subtle, ".concat(_colors.N70, ")");
@@ -18,8 +18,7 @@ var getMarkerColor = function getMarkerColor(status) {
18
18
  return;
19
19
  }
20
20
  };
21
- exports.getMarkerColor = getMarkerColor;
22
- var getTextColor = function getTextColor(status) {
21
+ var getTextColor = exports.getTextColor = function getTextColor(status) {
23
22
  switch (status) {
24
23
  case 'unvisited':
25
24
  return 'subtlest';
@@ -33,8 +32,7 @@ var getTextColor = function getTextColor(status) {
33
32
  return;
34
33
  }
35
34
  };
36
- exports.getTextColor = getTextColor;
37
- var getFontWeight = function getFontWeight(status) {
35
+ var getFontWeight = exports.getFontWeight = function getFontWeight(status) {
38
36
  switch (status) {
39
37
  case 'unvisited':
40
38
  return _constants.REGULAR_FONT_WEIGHT;
@@ -45,5 +43,4 @@ var getFontWeight = function getFontWeight(status) {
45
43
  default:
46
44
  return undefined;
47
45
  }
48
- };
49
- exports.getFontWeight = getFontWeight;
46
+ };
package/dist/cjs/progress-tracker.js CHANGED
@@ -18,24 +18,24 @@ var _constants = require("./constants");
18
18
  var _constants2 = require("./internal/constants");
19
19
  var _link = _interopRequireDefault(require("./internal/link"));
20
20
  var _stage = _interopRequireDefault(require("./internal/stage"));
21
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23
23
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
24
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/styles/no-nested-styles */ /** @jsx jsx */
24
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @atlaskit/design-system/no-nested-styles */ /** @jsx jsx */
25
25
  var containerStyles = (0, _react2.css)({
26
26
  display: 'grid',
27
27
  width: '100%',
28
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
28
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
29
29
  margin: '0 auto',
30
30
  padding: "var(--ds-space-0, 0px)",
31
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
31
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
32
32
  gap: "var(".concat(_constants2.varSpacing, ")"),
33
33
  listStyleType: 'none',
34
34
  '&&': {
35
35
  marginTop: "var(--ds-space-500, 40px)"
36
36
  }
37
37
  });
38
- var ProgressTracker = /*#__PURE__*/function (_PureComponent) {
38
+ var ProgressTracker = exports.default = /*#__PURE__*/function (_PureComponent) {
39
39
  (0, _inherits2.default)(ProgressTracker, _PureComponent);
40
40
  var _super = _createSuper(ProgressTracker);
41
41
  function ProgressTracker() {
@@ -129,7 +129,6 @@ var ProgressTracker = /*#__PURE__*/function (_PureComponent) {
129
129
  }]);
130
130
  return ProgressTracker;
131
131
  }(_react.PureComponent);
132
- exports.default = ProgressTracker;
133
132
  (0, _defineProperty2.default)(ProgressTracker, "defaultProps", {
134
133
  items: [],
135
134
  spacing: 'cosy',
package/dist/es2019/internal/bar.js CHANGED
@@ -6,7 +6,7 @@ import { HALF_GRID_SIZE, LABEL_TOP_SPACING, PROGRESS_BAR_HEIGHT, varSpacing, var
6
6
  const progressBarStyles = css({
7
7
  height: PROGRESS_BAR_HEIGHT,
8
8
  position: 'absolute',
9
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
9
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
10
10
  left: '50%',
11
11
  backgroundColor: `var(--ds-background-brand-bold, ${B300})`,
12
12
  borderBottomRightRadius: PROGRESS_BAR_HEIGHT,
package/dist/es2019/internal/marker.js CHANGED
@@ -1,4 +1,4 @@
1
- /* eslint-disable @repo/internal/styles/no-nested-styles */
1
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
2
2
  /** @jsx jsx */
3
3
 
4
4
  import { css, jsx } from '@emotion/react';
@@ -7,7 +7,7 @@ const progressMarkerStyles = css({
7
7
  width: PROGRESS_BAR_HEIGHT,
8
8
  height: PROGRESS_BAR_HEIGHT,
9
9
  position: 'absolute',
10
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
10
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
11
11
  left: '50%',
12
12
  backgroundColor: `var(${varBackgroundColor})`,
13
13
  borderRadius: PROGRESS_BAR_HEIGHT,
package/dist/es2019/internal/stage.js CHANGED
@@ -1,23 +1,27 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- /* eslint-disable @repo/internal/styles/no-nested-styles */
2
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  /** @jsx jsx */
4
4
  import { PureComponent } from 'react';
5
5
  import { css, jsx } from '@emotion/react';
6
6
  import { CSSTransition } from 'react-transition-group';
7
- import Box from '@atlaskit/ds-explorations/box';
8
7
  import Text from '@atlaskit/ds-explorations/text';
8
+ import { Box, xcss } from '@atlaskit/primitives';
9
9
  import ProgressBar from './bar';
10
10
  import { LABEL_TOP_SPACING, varBackgroundColor, varMarkerColor, varTransitionDelay, varTransitionEasing, varTransitionSpeed } from './constants';
11
11
  import ProgressMarker from './marker';
12
12
  import { getFontWeight, getMarkerColor, getTextColor } from './utils';
13
+ const listItemContentStyles = xcss({
14
+ width: '100%',
15
+ position: 'relative'
16
+ });
13
17
  const listItemStyles = css({
14
18
  margin: "var(--ds-space-0, 0px)",
15
19
  overflowWrap: 'break-word'
16
20
  });
17
21
  const titleStyles = css({
18
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
22
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
19
23
  marginTop: LABEL_TOP_SPACING,
20
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
24
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
21
25
  lineHeight: '16px',
22
26
  textAlign: 'center',
23
27
  '&.fade-appear': {
@@ -82,10 +86,7 @@ export default class ProgressTrackerStage extends PureComponent {
82
86
  css: listItemStyles,
83
87
  "aria-current": ariaCurrent
84
88
  }, jsx(Box, {
85
- display: "block",
86
- UNSAFE_style: {
87
- width: '100%'
88
- }
89
+ xcss: listItemContentStyles
89
90
  }, jsx(CSSTransition, {
90
91
  appear: true,
91
92
  in: this.state.transitioning,
package/dist/es2019/progress-tracker.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- /* eslint-disable @repo/internal/styles/no-nested-styles */
2
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  /** @jsx jsx */
4
4
  import { PureComponent } from 'react';
5
5
  import { css, jsx } from '@emotion/react';
@@ -10,10 +10,10 @@ import Stage from './internal/stage';
10
10
  const containerStyles = css({
11
11
  display: 'grid',
12
12
  width: '100%',
13
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
13
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
14
14
  margin: '0 auto',
15
15
  padding: "var(--ds-space-0, 0px)",
16
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
16
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
17
17
  gap: `var(${varSpacing})`,
18
18
  listStyleType: 'none',
19
19
  '&&': {
package/dist/esm/internal/bar.js CHANGED
@@ -6,7 +6,7 @@ import { HALF_GRID_SIZE, LABEL_TOP_SPACING, PROGRESS_BAR_HEIGHT, varSpacing, var
6
6
  var progressBarStyles = css({
7
7
  height: PROGRESS_BAR_HEIGHT,
8
8
  position: 'absolute',
9
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
9
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
10
10
  left: '50%',
11
11
  backgroundColor: "var(--ds-background-brand-bold, ".concat(B300, ")"),
12
12
  borderBottomRightRadius: PROGRESS_BAR_HEIGHT,
package/dist/esm/internal/marker.js CHANGED
@@ -1,4 +1,4 @@
1
- /* eslint-disable @repo/internal/styles/no-nested-styles */
1
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
2
2
  /** @jsx jsx */
3
3
 
4
4
  import { css, jsx } from '@emotion/react';
@@ -7,7 +7,7 @@ var progressMarkerStyles = css({
7
7
  width: PROGRESS_BAR_HEIGHT,
8
8
  height: PROGRESS_BAR_HEIGHT,
9
9
  position: 'absolute',
10
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
10
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
11
11
  left: '50%',
12
12
  backgroundColor: "var(".concat(varBackgroundColor, ")"),
13
13
  borderRadius: PROGRESS_BAR_HEIGHT,
package/dist/esm/internal/stage.js CHANGED
@@ -5,29 +5,33 @@ import _inherits from "@babel/runtime/helpers/inherits";
5
5
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
10
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
11
11
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
12
- /* eslint-disable @repo/internal/styles/no-nested-styles */
12
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
13
13
  /** @jsx jsx */
14
14
  import { PureComponent } from 'react';
15
15
  import { css, jsx } from '@emotion/react';
16
16
  import { CSSTransition } from 'react-transition-group';
17
- import Box from '@atlaskit/ds-explorations/box';
18
17
  import Text from '@atlaskit/ds-explorations/text';
18
+ import { Box, xcss } from '@atlaskit/primitives';
19
19
  import ProgressBar from './bar';
20
20
  import { LABEL_TOP_SPACING, varBackgroundColor, varMarkerColor, varTransitionDelay, varTransitionEasing, varTransitionSpeed } from './constants';
21
21
  import ProgressMarker from './marker';
22
22
  import { getFontWeight, getMarkerColor, getTextColor } from './utils';
23
+ var listItemContentStyles = xcss({
24
+ width: '100%',
25
+ position: 'relative'
26
+ });
23
27
  var listItemStyles = css({
24
28
  margin: "var(--ds-space-0, 0px)",
25
29
  overflowWrap: 'break-word'
26
30
  });
27
31
  var titleStyles = css({
28
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
32
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
29
33
  marginTop: LABEL_TOP_SPACING,
30
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
34
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
31
35
  lineHeight: '16px',
32
36
  textAlign: 'center',
33
37
  '&.fade-appear': {
@@ -97,10 +101,7 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
97
101
  css: listItemStyles,
98
102
  "aria-current": ariaCurrent
99
103
  }, jsx(Box, {
100
- display: "block",
101
- UNSAFE_style: {
102
- width: '100%'
103
- }
104
+ xcss: listItemContentStyles
104
105
  }, jsx(CSSTransition, {
105
106
  appear: true,
106
107
  in: this.state.transitioning,
package/dist/esm/progress-tracker.js CHANGED
@@ -5,11 +5,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
5
5
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
10
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
11
11
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
12
- /* eslint-disable @repo/internal/styles/no-nested-styles */
12
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
13
13
  /** @jsx jsx */
14
14
  import { PureComponent } from 'react';
15
15
  import { css, jsx } from '@emotion/react';
@@ -20,10 +20,10 @@ import Stage from './internal/stage';
20
20
  var containerStyles = css({
21
21
  display: 'grid',
22
22
  width: '100%',
23
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
23
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
24
24
  margin: '0 auto',
25
25
  padding: "var(--ds-space-0, 0px)",
26
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
26
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
27
27
  gap: "var(".concat(varSpacing, ")"),
28
28
  listStyleType: 'none',
29
29
  '&&': {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-tracker",
3
- "version": "8.5.2",
3
+ "version": "8.5.4",
4
4
  "description": "A progress tracker displays the steps and progress through a journey.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -12,28 +12,21 @@
12
12
  "module": "dist/esm/index.js",
13
13
  "module:es2019": "dist/es2019/index.js",
14
14
  "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
15
  "sideEffects": false,
24
16
  "atlaskit:src": "src/index.tsx",
25
17
  "atlassian": {
26
18
  "team": "Design System Team",
27
- "releaseModel": "scheduled",
19
+ "releaseModel": "continuous",
28
20
  "website": {
29
21
  "name": "Progress tracker",
30
22
  "category": "Components"
31
23
  }
32
24
  },
33
25
  "dependencies": {
34
- "@atlaskit/ds-explorations": "^2.1.0",
35
- "@atlaskit/theme": "^12.5.0",
36
- "@atlaskit/tokens": "^1.4.0",
26
+ "@atlaskit/ds-explorations": "^3.0.0",
27
+ "@atlaskit/primitives": "^1.6.0",
28
+ "@atlaskit/theme": "^12.6.0",
29
+ "@atlaskit/tokens": "^1.25.0",
37
30
  "@babel/runtime": "^7.0.0",
38
31
  "@emotion/react": "^11.7.1",
39
32
  "react-transition-group": "^4.4.1"
@@ -42,17 +35,15 @@
42
35
  "react": "^16.8.0"
43
36
  },
44
37
  "devDependencies": {
45
- "@atlaskit/button": "^16.7.0",
46
- "@atlaskit/docs": "*",
38
+ "@af/accessibility-testing": "*",
39
+ "@af/visual-regression": "*",
47
40
  "@atlaskit/ds-lib": "^2.2.0",
48
- "@atlaskit/icon": "^21.12.0",
49
- "@atlaskit/primitives": "^0.9.0",
50
- "@atlaskit/section-message": "^6.4.0",
51
41
  "@atlaskit/ssr": "*",
52
42
  "@atlaskit/visual-regression": "*",
53
43
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
54
44
  "@testing-library/react": "^12.1.5",
55
45
  "@testing-library/user-event": "^14.4.3",
46
+ "jest-in-case": "^1.0.2",
56
47
  "react-dom": "^16.8.0",
57
48
  "react-router-dom": "^4.2.2",
58
49
  "react-test-renderer": "^16.8.0",
@@ -78,6 +69,14 @@
78
69
  "ui-components": "primitives"
79
70
  }
80
71
  },
72
+ "typesVersions": {
73
+ ">=4.5 <4.9": {
74
+ "*": [
75
+ "dist/types-ts4.5/*",
76
+ "dist/types-ts4.5/index.d.ts"
77
+ ]
78
+ }
79
+ },
81
80
  "af:exports": {
82
81
  "./constants": "./src/constants.tsx",
83
82
  "./types": "./src/types.tsx",
package/tmp/api-report-tmp.d.ts ADDED
@@ -0,0 +1,106 @@
1
+ ## API Report File for "@atlaskit/progress-tracker"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ /// <reference types="react" />
8
+
9
+ import { jsx } from '@emotion/react';
10
+ import { PureComponent } from 'react';
11
+
12
+ // @public (undocumented)
13
+ interface LinkComponentProps {
14
+ // (undocumented)
15
+ item: Stage;
16
+ }
17
+
18
+ // @public (undocumented)
19
+ export class ProgressTracker extends PureComponent<ProgressTrackerProps, State> {
20
+ // (undocumented)
21
+ static defaultProps: {
22
+ items: never[];
23
+ spacing: string;
24
+ render: {
25
+ link: ({ item }: LinkComponentProps) => jsx.JSX.Element;
26
+ };
27
+ animated: boolean;
28
+ label: string;
29
+ };
30
+ // (undocumented)
31
+ render(): jsx.JSX.Element;
32
+ // (undocumented)
33
+ state: {
34
+ prevStages: {
35
+ percentageComplete: number;
36
+ id: string;
37
+ label: string;
38
+ status: Status;
39
+ noLink?: boolean | undefined;
40
+ href?: string | undefined;
41
+ onClick?: (() => void) | undefined;
42
+ }[];
43
+ };
44
+ // (undocumented)
45
+ UNSAFE_componentWillReceiveProps(nextProps: ProgressTrackerProps): void;
46
+ }
47
+
48
+ // @public (undocumented)
49
+ export interface ProgressTrackerProps {
50
+ animated: boolean;
51
+ items: Stages;
52
+ label?: string;
53
+ render: ProgressTrackerStageRenderProp;
54
+ spacing: Spacing;
55
+ testId?: string;
56
+ }
57
+
58
+ // @public (undocumented)
59
+ interface ProgressTrackerStageRenderProp {
60
+ // (undocumented)
61
+ link: (props: LinkComponentProps) => JSX.Element;
62
+ }
63
+
64
+ // @public (undocumented)
65
+ type Spacing = keyof typeof spacing;
66
+
67
+ // @public
68
+ const spacing: {
69
+ readonly comfortable: "var(--ds-space-500)";
70
+ readonly cosy: "var(--ds-space-200)";
71
+ readonly compact: "var(--ds-space-050)";
72
+ };
73
+
74
+ // @public (undocumented)
75
+ export interface Stage {
76
+ // (undocumented)
77
+ href?: string;
78
+ // (undocumented)
79
+ id: string;
80
+ // (undocumented)
81
+ label: string;
82
+ // (undocumented)
83
+ noLink?: boolean;
84
+ // (undocumented)
85
+ onClick?: () => void;
86
+ // (undocumented)
87
+ percentageComplete: number;
88
+ // (undocumented)
89
+ status: Status;
90
+ }
91
+
92
+ // @public (undocumented)
93
+ export type Stages = Stage[];
94
+
95
+ // @public (undocumented)
96
+ interface State {
97
+ // (undocumented)
98
+ prevStages: Stages;
99
+ }
100
+
101
+ // @public (undocumented)
102
+ type Status = 'current' | 'disabled' | 'unvisited' | 'visited';
103
+
104
+ // (No @packageDocumentation comment for this package)
105
+
106
+ ```
package/dist/cjs/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-tracker",
3
- "version": "8.5.2",
4
- "sideEffects": false
5
- }
package/dist/es2019/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-tracker",
3
- "version": "8.5.2",
4
- "sideEffects": false
5
- }
package/dist/esm/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-tracker",
3
- "version": "8.5.2",
4
- "sideEffects": false
5
- }