@atlaskit/progress-indicator 11.0.0 → 11.0.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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/indicator.js +8 -5
  3. package/dist/cjs/components/progress-dots.js +1 -1
  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 +2 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/progress-indicator
2
2
 
3
+ ## 11.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#137322](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137322)
8
+ [`a3aec4aa82255`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a3aec4aa82255) -
9
+ Add border for progress indicator dots to increase color contrast
10
+
3
11
  ## 11.0.0
4
12
 
5
13
  ### 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: 'color.background.neutral',
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: 'color.background.neutral',
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: 'color.background.neutral',
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
@@ -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.1";
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: 'color.background.neutral',
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: 'color.background.neutral',
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: 'color.background.neutral',
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.1";
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: 'color.background.neutral',
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: 'color.background.neutral',
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: 'color.background.neutral',
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.1";
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.1",
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,7 +25,7 @@
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",
28
+ "@atlaskit/primitives": "^12.1.0",
33
29
  "@atlaskit/tokens": "^1.59.0",
34
30
  "@atlaskit/visually-hidden": "^1.5.0",
35
31
  "@babel/runtime": "^7.0.0",