@atlaskit/progress-indicator 9.5.13 → 9.5.15

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/progress-indicator
2
2
 
3
+ ## 9.5.15
4
+
5
+ ### Patch Changes
6
+
7
+ - [`4ce6b505282`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ce6b505282) - The internal composition of this component has changed. There is no expected change in behavior.
8
+ - [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
9
+ - Updated dependencies
10
+
11
+ ## 9.5.14
12
+
13
+ ### Patch Changes
14
+
15
+ - [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
16
+
3
17
  ## 9.5.13
4
18
 
5
19
  ### Patch Changes
@@ -12,9 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var _react2 = require("@emotion/react");
13
13
  var _bindEventListener = require("bind-event-listener");
14
14
  var _analyticsNext = require("@atlaskit/analytics-next");
15
- var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
16
15
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
17
- var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
16
+ var _primitives = require("@atlaskit/primitives");
18
17
  var _components = require("@atlaskit/theme/components");
19
18
  var _appearances = require("./appearances");
20
19
  var _constants = require("./constants");
@@ -24,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
24
23
  /** @jsx jsx */
25
24
 
26
25
  var packageName = "@atlaskit/progress-indicator";
27
- var packageVersion = "9.5.13";
26
+ var packageVersion = "9.5.15";
28
27
 
29
28
  /**
30
29
  * __ProgressDots__
@@ -105,11 +104,10 @@ var ProgressDots = function ProgressDots(_ref) {
105
104
  });
106
105
  }, [onSelect, handleKeyDown]);
107
106
  var theme = (0, _components.useGlobalTheme)();
108
- return (0, _react2.jsx)(_box.default, {
109
- UNSAFE_style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, _constants.varDotsSize, "".concat(_constants.sizes[size], "px")), (0, _defineProperty2.default)(_ref2, _constants.varDotsMargin, rawGapValue), _ref2),
110
- display: "block",
107
+ return (0, _react2.jsx)(_primitives.Box, {
108
+ style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, _constants.varDotsSize, "".concat(_constants.sizes[size], "px")), (0, _defineProperty2.default)(_ref2, _constants.varDotsMargin, rawGapValue), _ref2),
111
109
  role: "tablist"
112
- }, (0, _react2.jsx)(_inline.default, {
110
+ }, (0, _react2.jsx)(_primitives.Inline, {
113
111
  testId: testId,
114
112
  ref: function ref(r) {
115
113
  tablistRef.current = r;
@@ -3,15 +3,14 @@ import React, { useCallback, useEffect, useRef } from 'react';
3
3
  import { jsx } from '@emotion/react';
4
4
  import { bind } from 'bind-event-listener';
5
5
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
6
- import Box from '@atlaskit/ds-explorations/box';
7
6
  import noop from '@atlaskit/ds-lib/noop';
8
- import Inline from '@atlaskit/primitives/inline';
7
+ import { Box, Inline } from '@atlaskit/primitives';
9
8
  import { useGlobalTheme } from '@atlaskit/theme/components';
10
9
  import { getBgColor } from './appearances';
11
10
  import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
12
11
  import { ButtonIndicator, PresentationalIndicator } from './indicator';
13
12
  const packageName = "@atlaskit/progress-indicator";
14
- const packageVersion = "9.5.13";
13
+ const packageVersion = "9.5.15";
15
14
 
16
15
  /**
17
16
  * __ProgressDots__
@@ -88,11 +87,10 @@ const ProgressDots = ({
88
87
  }, [onSelect, handleKeyDown]);
89
88
  const theme = useGlobalTheme();
90
89
  return jsx(Box, {
91
- UNSAFE_style: {
90
+ style: {
92
91
  [varDotsSize]: `${sizes[size]}px`,
93
92
  [varDotsMargin]: rawGapValue
94
93
  },
95
- display: "block",
96
94
  role: "tablist"
97
95
  }, jsx(Inline, {
98
96
  testId: testId,
@@ -5,15 +5,14 @@ import React, { useCallback, useEffect, useRef } from 'react';
5
5
  import { jsx } from '@emotion/react';
6
6
  import { bind } from 'bind-event-listener';
7
7
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
8
- import Box from '@atlaskit/ds-explorations/box';
9
8
  import noop from '@atlaskit/ds-lib/noop';
10
- import Inline from '@atlaskit/primitives/inline';
9
+ import { Box, Inline } from '@atlaskit/primitives';
11
10
  import { useGlobalTheme } from '@atlaskit/theme/components';
12
11
  import { getBgColor } from './appearances';
13
12
  import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
14
13
  import { ButtonIndicator, PresentationalIndicator } from './indicator';
15
14
  var packageName = "@atlaskit/progress-indicator";
16
- var packageVersion = "9.5.13";
15
+ var packageVersion = "9.5.15";
17
16
 
18
17
  /**
19
18
  * __ProgressDots__
@@ -95,8 +94,7 @@ var ProgressDots = function ProgressDots(_ref) {
95
94
  }, [onSelect, handleKeyDown]);
96
95
  var theme = useGlobalTheme();
97
96
  return jsx(Box, {
98
- UNSAFE_style: (_ref2 = {}, _defineProperty(_ref2, varDotsSize, "".concat(sizes[size], "px")), _defineProperty(_ref2, varDotsMargin, rawGapValue), _ref2),
99
- display: "block",
97
+ style: (_ref2 = {}, _defineProperty(_ref2, varDotsSize, "".concat(sizes[size], "px")), _defineProperty(_ref2, varDotsMargin, rawGapValue), _ref2),
100
98
  role: "tablist"
101
99
  }, jsx(Inline, {
102
100
  testId: testId,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-indicator",
3
- "version": "9.5.13",
3
+ "version": "9.5.15",
4
4
  "description": "A progress indicator shows the user where they are along the steps of a journey.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
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": {
@@ -32,12 +24,11 @@
32
24
  },
33
25
  "dependencies": {
34
26
  "@atlaskit/analytics-next": "^9.1.0",
35
- "@atlaskit/ds-explorations": "^2.2.0",
36
27
  "@atlaskit/ds-lib": "^2.2.0",
37
28
  "@atlaskit/focus-ring": "^1.3.0",
38
- "@atlaskit/primitives": "^1.0.0",
29
+ "@atlaskit/primitives": "^1.2.0",
39
30
  "@atlaskit/theme": "^12.5.0",
40
- "@atlaskit/tokens": "^1.11.0",
31
+ "@atlaskit/tokens": "^1.15.0",
41
32
  "@babel/runtime": "^7.0.0",
42
33
  "@emotion/react": "^11.7.1",
43
34
  "bind-event-listener": "^2.1.1"
@@ -47,6 +38,8 @@
47
38
  },
48
39
  "devDependencies": {
49
40
  "@af/accessibility-testing": "*",
41
+ "@af/visual-regression": "*",
42
+ "@atlaskit/ds-explorations": "^2.2.0",
50
43
  "@atlaskit/ssr": "*",
51
44
  "@atlaskit/visual-regression": "*",
52
45
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -81,6 +74,14 @@
81
74
  "deprecation": "no-deprecated-imports"
82
75
  }
83
76
  },
77
+ "typesVersions": {
78
+ ">=4.5 <4.9": {
79
+ "*": [
80
+ "dist/types-ts4.5/*",
81
+ "dist/types-ts4.5/index.d.ts"
82
+ ]
83
+ }
84
+ },
84
85
  "af:exports": {
85
86
  "./types": "./src/types.tsx",
86
87
  ".": "./src/index.tsx"
@@ -0,0 +1,42 @@
1
+ ## API Report File for "@atlaskit/progress-indicator"
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 { FC } from 'react';
10
+ import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
11
+
12
+ // @public (undocumented)
13
+ type DotsAppearance = 'default' | 'help' | 'inverted' | 'primary';
14
+
15
+ // @public (undocumented)
16
+ export interface ProgressDotsProps {
17
+ appearance?: DotsAppearance;
18
+ ariaControls?: string;
19
+ ariaLabel?: string;
20
+ onSelect?: (eventData: {
21
+ event: React.MouseEvent<HTMLButtonElement>;
22
+ index: number;
23
+ }, analyticsEvent: UIAnalyticsEvent) => void;
24
+ selectedIndex: number;
25
+ size?: Size;
26
+ spacing?: Spacing;
27
+ testId?: string;
28
+ values: any[];
29
+ }
30
+
31
+ // @public
32
+ export const ProgressIndicator: FC<ProgressDotsProps>;
33
+
34
+ // @public (undocumented)
35
+ type Size = 'default' | 'large' | 'small';
36
+
37
+ // @public (undocumented)
38
+ type Spacing = 'comfortable' | 'compact' | 'cozy';
39
+
40
+ // (No @packageDocumentation comment for this package)
41
+
42
+ ```
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-indicator",
3
- "version": "9.5.13",
4
- "sideEffects": false
5
- }
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-indicator",
3
- "version": "9.5.13",
4
- "sideEffects": false
5
- }
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-indicator",
3
- "version": "9.5.13",
4
- "sideEffects": false
5
- }