@atlaskit/progress-indicator 11.0.0 → 11.0.2

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 (8) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/indicator.js +8 -5
  3. package/dist/cjs/components/progress-dots.js +2 -2
  4. package/dist/es2019/components/indicator.js +8 -5
  5. package/dist/es2019/components/progress-dots.js +1 -1
  6. package/dist/esm/components/indicator.js +8 -5
  7. package/dist/esm/components/progress-dots.js +1 -1
  8. package/package.json +3 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/progress-indicator
2
2
 
3
+ ## 11.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#140413](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140413)
8
+ [`8b29068863297`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b29068863297) -
9
+ [ux] Update background color of progress indicator dots
10
+
11
+ ## 11.0.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [#137322](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137322)
16
+ [`a3aec4aa82255`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a3aec4aa82255) -
17
+ Add border for progress indicator dots to increase color contrast
18
+
3
19
  ## 11.0.0
4
20
 
5
21
  ### Major Changes
package/dist/cjs/components/indicator.js CHANGED
@@ -12,17 +12,21 @@ var _constants = require("./constants");
12
12
  // TODO Token usages are not consistent for dots https://product-fabric.atlassian.net/browse/DSP-3180
13
13
  var colorMap = {
14
14
  default: (0, _primitives.xcss)({
15
- backgroundColor: 'color.background.neutral'
15
+ backgroundColor: 'elevation.surface',
16
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
16
17
  }),
17
18
  help: (0, _primitives.xcss)({
18
- backgroundColor: 'color.background.neutral'
19
+ backgroundColor: 'elevation.surface',
20
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
19
21
  }),
20
22
  inverted: (0, _primitives.xcss)({
21
23
  // @ts-expect-error
22
- backgroundColor: "var(--ds-icon-subtle, #626F86)"
24
+ backgroundColor: "var(--ds-icon-subtle, #626F86)",
25
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
23
26
  }),
24
27
  primary: (0, _primitives.xcss)({
25
- backgroundColor: 'color.background.neutral'
28
+ backgroundColor: 'elevation.surface',
29
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
26
30
  })
27
31
  };
28
32
  var selectedColorMap = {
@@ -66,7 +70,6 @@ var commonStyles = (0, _primitives.xcss)({
66
70
  });
67
71
  var buttonStyles = (0, _primitives.xcss)({
68
72
  padding: 'space.0',
69
- border: 0,
70
73
  cursor: 'pointer',
71
74
  outline: 0
72
75
  });
package/dist/cjs/components/progress-dots.js CHANGED
@@ -17,7 +17,7 @@ var _primitives = require("@atlaskit/primitives");
17
17
  var _constants = require("./constants");
18
18
  var _indicator = require("./indicator");
19
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
21
  /**
22
22
  * @jsxRuntime classic
23
23
  * @jsx jsx
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
26
26
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
27
27
 
28
28
  var packageName = "@atlaskit/progress-indicator";
29
- var packageVersion = "11.0.0";
29
+ var packageVersion = "11.0.2";
30
30
 
31
31
  /**
32
32
  * __ProgressDots__
package/dist/es2019/components/indicator.js CHANGED
@@ -5,17 +5,21 @@ import { varDotsMargin, varDotsSize } from './constants';
5
5
  // TODO Token usages are not consistent for dots https://product-fabric.atlassian.net/browse/DSP-3180
6
6
  const colorMap = {
7
7
  default: xcss({
8
- backgroundColor: 'color.background.neutral'
8
+ backgroundColor: 'elevation.surface',
9
+ border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-bold, #758195)"}`
9
10
  }),
10
11
  help: xcss({
11
- backgroundColor: 'color.background.neutral'
12
+ backgroundColor: 'elevation.surface',
13
+ border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-bold, #758195)"}`
12
14
  }),
13
15
  inverted: xcss({
14
16
  // @ts-expect-error
15
- backgroundColor: "var(--ds-icon-subtle, #626F86)"
17
+ backgroundColor: "var(--ds-icon-subtle, #626F86)",
18
+ border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-bold, #758195)"}`
16
19
  }),
17
20
  primary: xcss({
18
- backgroundColor: 'color.background.neutral'
21
+ backgroundColor: 'elevation.surface',
22
+ border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-bold, #758195)"}`
19
23
  })
20
24
  };
21
25
  const selectedColorMap = {
@@ -59,7 +63,6 @@ const commonStyles = xcss({
59
63
  });
60
64
  const buttonStyles = xcss({
61
65
  padding: 'space.0',
62
- border: 0,
63
66
  cursor: 'pointer',
64
67
  outline: 0
65
68
  });
package/dist/es2019/components/progress-dots.js CHANGED
@@ -13,7 +13,7 @@ import { Box, Inline } from '@atlaskit/primitives';
13
13
  import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
14
14
  import { ButtonIndicator, PresentationalIndicator } from './indicator';
15
15
  const packageName = "@atlaskit/progress-indicator";
16
- const packageVersion = "11.0.0";
16
+ const packageVersion = "11.0.2";
17
17
 
18
18
  /**
19
19
  * __ProgressDots__
package/dist/esm/components/indicator.js CHANGED
@@ -5,17 +5,21 @@ import { varDotsMargin, varDotsSize } from './constants';
5
5
  // TODO Token usages are not consistent for dots https://product-fabric.atlassian.net/browse/DSP-3180
6
6
  var colorMap = {
7
7
  default: xcss({
8
- backgroundColor: 'color.background.neutral'
8
+ backgroundColor: 'elevation.surface',
9
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
9
10
  }),
10
11
  help: xcss({
11
- backgroundColor: 'color.background.neutral'
12
+ backgroundColor: 'elevation.surface',
13
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
12
14
  }),
13
15
  inverted: xcss({
14
16
  // @ts-expect-error
15
- backgroundColor: "var(--ds-icon-subtle, #626F86)"
17
+ backgroundColor: "var(--ds-icon-subtle, #626F86)",
18
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
16
19
  }),
17
20
  primary: xcss({
18
- backgroundColor: 'color.background.neutral'
21
+ backgroundColor: 'elevation.surface',
22
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
19
23
  })
20
24
  };
21
25
  var selectedColorMap = {
@@ -59,7 +63,6 @@ var commonStyles = xcss({
59
63
  });
60
64
  var buttonStyles = xcss({
61
65
  padding: 'space.0',
62
- border: 0,
63
66
  cursor: 'pointer',
64
67
  outline: 0
65
68
  });
package/dist/esm/components/progress-dots.js CHANGED
@@ -15,7 +15,7 @@ import { Box, Inline } from '@atlaskit/primitives';
15
15
  import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
16
16
  import { ButtonIndicator, PresentationalIndicator } from './indicator';
17
17
  var packageName = "@atlaskit/progress-indicator";
18
- var packageVersion = "11.0.0";
18
+ var packageVersion = "11.0.2";
19
19
 
20
20
  /**
21
21
  * __ProgressDots__
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-indicator",
3
- "version": "11.0.0",
3
+ "version": "11.0.2",
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/"
@@ -16,11 +16,7 @@
16
16
  "atlaskit:src": "src/index.tsx",
17
17
  "atlassian": {
18
18
  "team": "Design System Team",
19
- "releaseModel": "continuous",
20
19
  "runReact18": true,
21
- "productPushConsumption": [
22
- "jira"
23
- ],
24
20
  "website": {
25
21
  "name": "Progress indicator",
26
22
  "category": "Components"
@@ -29,8 +25,8 @@
29
25
  "dependencies": {
30
26
  "@atlaskit/analytics-next": "^10.1.0",
31
27
  "@atlaskit/ds-lib": "^2.5.0",
32
- "@atlaskit/primitives": "^12.0.0",
33
- "@atlaskit/tokens": "^1.59.0",
28
+ "@atlaskit/primitives": "^12.1.0",
29
+ "@atlaskit/tokens": "^1.60.0",
34
30
  "@atlaskit/visually-hidden": "^1.5.0",
35
31
  "@babel/runtime": "^7.0.0",
36
32
  "@emotion/react": "^11.7.1",