@atlaskit/progress-indicator 11.0.1 → 11.0.3

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 (10) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/indicator.js +6 -6
  3. package/dist/cjs/components/progress-dots.js +2 -2
  4. package/dist/es2019/components/indicator.js +6 -6
  5. package/dist/es2019/components/progress-dots.js +1 -1
  6. package/dist/esm/components/indicator.js +6 -6
  7. package/dist/esm/components/progress-dots.js +1 -1
  8. package/dist/types/types.d.ts +4 -0
  9. package/dist/types-ts4.5/types.d.ts +4 -0
  10. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/progress-indicator
2
2
 
3
+ ## 11.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#144637](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144637)
8
+ [`0878427e3e316`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0878427e3e316) -
9
+ [ux] Update border for inverted appearance
10
+
11
+ ## 11.0.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [#140413](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140413)
16
+ [`8b29068863297`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b29068863297) -
17
+ [ux] Update background color of progress indicator dots
18
+
3
19
  ## 11.0.1
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/components/indicator.js CHANGED
@@ -12,20 +12,20 @@ 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
16
  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
17
17
  }),
18
18
  help: (0, _primitives.xcss)({
19
- backgroundColor: 'color.background.neutral',
19
+ backgroundColor: 'elevation.surface',
20
20
  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
21
21
  }),
22
22
  inverted: (0, _primitives.xcss)({
23
- // @ts-expect-error
24
- backgroundColor: "var(--ds-icon-subtle, #626F86)",
25
- border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
23
+ // @ts-ignore
24
+ backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
25
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-inverse, #FFFFFF)")
26
26
  }),
27
27
  primary: (0, _primitives.xcss)({
28
- backgroundColor: 'color.background.neutral',
28
+ backgroundColor: 'elevation.surface',
29
29
  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
30
30
  })
31
31
  };
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.1";
29
+ var packageVersion = "11.0.3";
30
30
 
31
31
  /**
32
32
  * __ProgressDots__
package/dist/es2019/components/indicator.js CHANGED
@@ -5,20 +5,20 @@ 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
9
  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-bold, #758195)"}`
10
10
  }),
11
11
  help: xcss({
12
- backgroundColor: 'color.background.neutral',
12
+ backgroundColor: 'elevation.surface',
13
13
  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-bold, #758195)"}`
14
14
  }),
15
15
  inverted: xcss({
16
- // @ts-expect-error
17
- backgroundColor: "var(--ds-icon-subtle, #626F86)",
18
- border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-bold, #758195)"}`
16
+ // @ts-ignore
17
+ backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
18
+ border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-inverse, #FFFFFF)"}`
19
19
  }),
20
20
  primary: xcss({
21
- backgroundColor: 'color.background.neutral',
21
+ backgroundColor: 'elevation.surface',
22
22
  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-bold, #758195)"}`
23
23
  })
24
24
  };
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.1";
16
+ const packageVersion = "11.0.3";
17
17
 
18
18
  /**
19
19
  * __ProgressDots__
package/dist/esm/components/indicator.js CHANGED
@@ -5,20 +5,20 @@ 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
9
  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
10
10
  }),
11
11
  help: xcss({
12
- backgroundColor: 'color.background.neutral',
12
+ backgroundColor: 'elevation.surface',
13
13
  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
14
14
  }),
15
15
  inverted: xcss({
16
- // @ts-expect-error
17
- backgroundColor: "var(--ds-icon-subtle, #626F86)",
18
- border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
16
+ // @ts-ignore
17
+ backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
18
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-inverse, #FFFFFF)")
19
19
  }),
20
20
  primary: xcss({
21
- backgroundColor: 'color.background.neutral',
21
+ backgroundColor: 'elevation.surface',
22
22
  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-bold, #758195)")
23
23
  })
24
24
  };
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.1";
18
+ var packageVersion = "11.0.3";
19
19
 
20
20
  /**
21
21
  * __ProgressDots__
package/dist/types/types.d.ts CHANGED
@@ -8,10 +8,14 @@ export interface ProgressDotsProps {
8
8
  appearance?: DotsAppearance;
9
9
  /**
10
10
  * If interaction is enabled, use `ariaControls` to tell assistive technology what elements are controlled by the progress indicator.
11
+ *
12
+ * @default 'panel'
11
13
  */
12
14
  ariaControls?: string;
13
15
  /**
14
16
  * Describes what the indicator represents to assistive technology. The selected index number will be appended to the label.
17
+ *
18
+ * @default 'tab'
15
19
  */
16
20
  ariaLabel?: string;
17
21
  /**
package/dist/types-ts4.5/types.d.ts CHANGED
@@ -8,10 +8,14 @@ export interface ProgressDotsProps {
8
8
  appearance?: DotsAppearance;
9
9
  /**
10
10
  * If interaction is enabled, use `ariaControls` to tell assistive technology what elements are controlled by the progress indicator.
11
+ *
12
+ * @default 'panel'
11
13
  */
12
14
  ariaControls?: string;
13
15
  /**
14
16
  * Describes what the indicator represents to assistive technology. The selected index number will be appended to the label.
17
+ *
18
+ * @default 'tab'
15
19
  */
16
20
  ariaLabel?: string;
17
21
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-indicator",
3
- "version": "11.0.1",
3
+ "version": "11.0.3",
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/"
@@ -24,9 +24,9 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@atlaskit/analytics-next": "^10.1.0",
27
- "@atlaskit/ds-lib": "^2.5.0",
28
- "@atlaskit/primitives": "^12.1.0",
29
- "@atlaskit/tokens": "^1.59.0",
27
+ "@atlaskit/ds-lib": "^2.6.0",
28
+ "@atlaskit/primitives": "^12.2.0",
29
+ "@atlaskit/tokens": "^1.61.0",
30
30
  "@atlaskit/visually-hidden": "^1.5.0",
31
31
  "@babel/runtime": "^7.0.0",
32
32
  "@emotion/react": "^11.7.1",