@atlaskit/progress-indicator 9.4.4 → 9.4.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/progress-indicator
 
+## 9.4.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.4.5
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
 ## 9.4.4
 
 ### Patch Changes

package/dist/cjs/components/appearances.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getBgColor = void 0;
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _components = require("@atlaskit/theme/components");
-
 // TODO Token usages are not consistent for dots https://product-fabric.atlassian.net/browse/DSP-3180
 var colorMap = {
   default: (0, _components.themed)({
@@ -46,9 +43,7 @@ var selectedColorMap = {
     dark: "var(--ds-icon-brand, ".concat(_colors.B100, ")")
   })
 };
-
 var getBgColor = function getBgColor(appearance, isSelected) {
   return isSelected ? selectedColorMap[appearance] : colorMap[appearance];
 };
-
 exports.getBgColor = getBgColor;

package/dist/cjs/components/indicator.js

@@ -1,23 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PresentationalIndicator = exports.ButtonIndicator = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("@emotion/react");
-
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
-
 var _constants = require("./constants");
-
 /* eslint-disable @repo/internal/react/use-primitives */
-
 /** @jsx jsx */
+
 var commonStyles = (0, _react.css)({
   width: "var(".concat(_constants.varDotsSize, ")"),
   height: "var(".concat(_constants.varDotsSize, ")"),
@@ -34,33 +28,32 @@ var commonStyles = (0, _react.css)({
   }
 });
 var buttonStyles = (0, _react.css)({
-  padding: "var(--ds-scale-0, 0px)",
+  padding: "var(--ds-space-0, 0px)",
   border: 0,
   cursor: 'pointer',
   outline: 0
 });
+
 /**
  * __Presentational indicator__
  *
  * A presentational indicator with no interactivity
  */
-
-var PresentationalIndicator = function PresentationalIndicator(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+var PresentationalIndicator = function PresentationalIndicator(props
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
   return (0, _react.jsx)("div", (0, _extends2.default)({}, props, {
     css: commonStyles,
     role: "presentation"
   }));
 };
+
 /**
  * __Button indicator__
  *
  * An interactive indicator.
  */
-
-
 exports.PresentationalIndicator = PresentationalIndicator;
-
 var ButtonIndicator = function ButtonIndicator(props) {
   return (0, _react.jsx)(_focusRing.default, null, (0, _react.jsx)("button", (0, _extends2.default)({}, props, {
     role: "tab",
@@ -68,5 +61,4 @@ var ButtonIndicator = function ButtonIndicator(props) {
     css: [commonStyles, buttonStyles]
   })));
 };
-
 exports.ButtonIndicator = ButtonIndicator;

package/dist/cjs/components/progress-dots.js

@@ -1,70 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _bindEventListener = require("bind-event-listener");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
-
 var _inline = _interopRequireDefault(require("@atlaskit/ds-explorations/inline"));
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _components = require("@atlaskit/theme/components");
-
 var _appearances = require("./appearances");
-
 var _constants = require("./constants");
-
 var _indicator = require("./indicator");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /** @jsx jsx */
+
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "9.4.4";
+var packageVersion = "9.4.6";
+
 /**
  * __ProgressDots__
  *
  * A progress indicator shows the user where they are along the steps of a journey.
  */
-
 var ProgressDots = function ProgressDots(_ref) {
   var _ref2;
-
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
-      _ref$ariaControls = _ref.ariaControls,
-      ariaControls = _ref$ariaControls === void 0 ? 'panel' : _ref$ariaControls,
-      _ref$ariaLabel = _ref.ariaLabel,
-      ariaLabel = _ref$ariaLabel === void 0 ? 'tab' : _ref$ariaLabel,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      _ref$spacing = _ref.spacing,
-      gutter = _ref$spacing === void 0 ? 'comfortable' : _ref$spacing,
-      selectedIndex = _ref.selectedIndex,
-      testId = _ref.testId,
-      values = _ref.values,
-      onSelect = _ref.onSelect;
+    appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+    _ref$ariaControls = _ref.ariaControls,
+    ariaControls = _ref$ariaControls === void 0 ? 'panel' : _ref$ariaControls,
+    _ref$ariaLabel = _ref.ariaLabel,
+    ariaLabel = _ref$ariaLabel === void 0 ? 'tab' : _ref$ariaLabel,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    _ref$spacing = _ref.spacing,
+    gutter = _ref$spacing === void 0 ? 'comfortable' : _ref$spacing,
+    selectedIndex = _ref.selectedIndex,
+    testId = _ref.testId,
+    values = _ref.values,
+    onSelect = _ref.onSelect;
   var tablistRef = (0, _react.useRef)(null);
   var onSelectWithAnalytics = (0, _analyticsNext.usePlatformLeafEventHandler)({
     fn: onSelect || _noop.default,
@@ -73,43 +55,39 @@ var ProgressDots = function ProgressDots(_ref) {
     packageName: packageName,
     packageVersion: packageVersion
   });
-
   var _progressIndicatorGap = (0, _slicedToArray2.default)(_constants.progressIndicatorGapMap[gutter][size], 2),
-      inlineGapValue = _progressIndicatorGap[0],
-      rawGapValue = _progressIndicatorGap[1];
-
+    inlineGapValue = _progressIndicatorGap[0],
+    rawGapValue = _progressIndicatorGap[1];
   var handleKeyDown = (0, _react.useCallback)(function (event) {
-    var indicators = Array.from(tablistRef.current.children); // bail if the target isn't an indicator
+    var indicators = Array.from(tablistRef.current.children);
 
+    // bail if the target isn't an indicator
     if (!indicators.includes(event.target)) {
       return;
-    } // bail if not valid arrow key
-
+    }
 
+    // bail if not valid arrow key
     var isLeft = event.key === 'ArrowLeft';
     var isRight = event.key === 'ArrowRight';
-
     if (!isLeft && !isRight) {
       return;
-    } // bail if at either end of the values
-
+    }
 
+    // bail if at either end of the values
     var isAlpha = isLeft && selectedIndex === 0;
     var isOmega = isRight && selectedIndex === values.length - 1;
-
     if (isAlpha || isOmega) {
       return;
     }
+    var index = isLeft ? selectedIndex - 1 : selectedIndex + 1;
 
-    var index = isLeft ? selectedIndex - 1 : selectedIndex + 1; // call the consumer's select method and focus the applicable indicator
-
+    // call the consumer's select method and focus the applicable indicator
     if (onSelect) {
       onSelectWithAnalytics({
         event: event,
         index: index
       });
     }
-
     if (typeof indicators[index].focus === 'function') {
       indicators[index].focus();
     }
@@ -118,7 +96,6 @@ var ProgressDots = function ProgressDots(_ref) {
     if (!onSelect) {
       return _noop.default;
     }
-
     return (0, _bindEventListener.bind)(document, {
       type: 'keydown',
       listener: handleKeyDown,
@@ -172,6 +149,5 @@ var ProgressDots = function ProgressDots(_ref) {
     });
   })));
 };
-
 var _default = ProgressDots;
 exports.default = _default;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "ProgressIndicator", {
     return _progressDots.default;
   }
 });
-
 var _progressDots = _interopRequireDefault(require("./components/progress-dots"));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.4.4",
+	"version": "9.4.6",
 	"sideEffects": false
 }

package/dist/es2019/components/indicator.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable @repo/internal/react/use-primitives */
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
 import { varDotsMargin, varDotsSize } from './constants';
@@ -22,28 +21,29 @@ const commonStyles = css({
   }
 });
 const buttonStyles = css({
-  padding: "var(--ds-scale-0, 0px)",
+  padding: "var(--ds-space-0, 0px)",
   border: 0,
   cursor: 'pointer',
   outline: 0
 });
+
 /**
  * __Presentational indicator__
  *
  * A presentational indicator with no interactivity
  */
-
-export const PresentationalIndicator = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+export const PresentationalIndicator = (props
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) => jsx("div", _extends({}, props, {
   css: commonStyles,
   role: "presentation"
 }));
+
 /**
  * __Button indicator__
  *
  * An interactive indicator.
  */
-
 export const ButtonIndicator = props => {
   return jsx(FocusRing, null, jsx("button", _extends({}, props, {
     role: "tab",

package/dist/es2019/components/progress-dots.js

@@ -11,13 +11,13 @@ import { getBgColor } from './appearances';
 import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 const packageName = "@atlaskit/progress-indicator";
-const packageVersion = "9.4.4";
+const packageVersion = "9.4.6";
+
 /**
  * __ProgressDots__
  *
  * A progress indicator shows the user where they are along the steps of a journey.
  */
-
 const ProgressDots = ({
   appearance = 'default',
   ariaControls = 'panel',
@@ -41,37 +41,35 @@ const ProgressDots = ({
   });
   const [inlineGapValue, rawGapValue] = progressIndicatorGapMap[gutter][size];
   const handleKeyDown = useCallback(event => {
-    const indicators = Array.from(tablistRef.current.children); // bail if the target isn't an indicator
+    const indicators = Array.from(tablistRef.current.children);
 
+    // bail if the target isn't an indicator
     if (!indicators.includes(event.target)) {
       return;
-    } // bail if not valid arrow key
-
+    }
 
+    // bail if not valid arrow key
     const isLeft = event.key === 'ArrowLeft';
     const isRight = event.key === 'ArrowRight';
-
     if (!isLeft && !isRight) {
       return;
-    } // bail if at either end of the values
-
+    }
 
+    // bail if at either end of the values
     const isAlpha = isLeft && selectedIndex === 0;
     const isOmega = isRight && selectedIndex === values.length - 1;
-
     if (isAlpha || isOmega) {
       return;
     }
+    const index = isLeft ? selectedIndex - 1 : selectedIndex + 1;
 
-    const index = isLeft ? selectedIndex - 1 : selectedIndex + 1; // call the consumer's select method and focus the applicable indicator
-
+    // call the consumer's select method and focus the applicable indicator
     if (onSelect) {
       onSelectWithAnalytics({
         event: event,
         index
       });
     }
-
     if (typeof indicators[index].focus === 'function') {
       indicators[index].focus();
     }
@@ -80,7 +78,6 @@ const ProgressDots = ({
     if (!onSelect) {
       return noop;
     }
-
     return bind(document, {
       type: 'keydown',
       listener: handleKeyDown,
@@ -135,5 +132,4 @@ const ProgressDots = ({
     });
   })));
 };
-
 export default ProgressDots;

package/dist/es2019/index.js

@@ -1,5 +1,6 @@
 // NOTE: more progress indicator variants will be available in the future;
 // having a single named export will avoid consumers having to update their
 // imports when there's a feature release.
+
 // eslint-disable-next-line import/prefer-default-export
 export { default as ProgressIndicator } from './components/progress-dots';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.4.4",
+	"version": "9.4.6",
 	"sideEffects": false
 }

package/dist/esm/components/indicator.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable @repo/internal/react/use-primitives */
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
 import { varDotsMargin, varDotsSize } from './constants';
@@ -22,30 +21,31 @@ var commonStyles = css({
   }
 });
 var buttonStyles = css({
-  padding: "var(--ds-scale-0, 0px)",
+  padding: "var(--ds-space-0, 0px)",
   border: 0,
   cursor: 'pointer',
   outline: 0
 });
+
 /**
  * __Presentational indicator__
  *
  * A presentational indicator with no interactivity
  */
-
-export var PresentationalIndicator = function PresentationalIndicator(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+export var PresentationalIndicator = function PresentationalIndicator(props
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
   return jsx("div", _extends({}, props, {
     css: commonStyles,
     role: "presentation"
   }));
 };
+
 /**
  * __Button indicator__
  *
  * An interactive indicator.
  */
-
 export var ButtonIndicator = function ButtonIndicator(props) {
   return jsx(FocusRing, null, jsx("button", _extends({}, props, {
     role: "tab",

package/dist/esm/components/progress-dots.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /** @jsx jsx */
 import React, { useCallback, useEffect, useRef } from 'react';
 import { jsx } from '@emotion/react';
@@ -14,30 +13,29 @@ import { getBgColor } from './appearances';
 import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "9.4.4";
+var packageVersion = "9.4.6";
+
 /**
  * __ProgressDots__
  *
  * A progress indicator shows the user where they are along the steps of a journey.
  */
-
 var ProgressDots = function ProgressDots(_ref) {
   var _ref2;
-
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
-      _ref$ariaControls = _ref.ariaControls,
-      ariaControls = _ref$ariaControls === void 0 ? 'panel' : _ref$ariaControls,
-      _ref$ariaLabel = _ref.ariaLabel,
-      ariaLabel = _ref$ariaLabel === void 0 ? 'tab' : _ref$ariaLabel,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      _ref$spacing = _ref.spacing,
-      gutter = _ref$spacing === void 0 ? 'comfortable' : _ref$spacing,
-      selectedIndex = _ref.selectedIndex,
-      testId = _ref.testId,
-      values = _ref.values,
-      onSelect = _ref.onSelect;
+    appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+    _ref$ariaControls = _ref.ariaControls,
+    ariaControls = _ref$ariaControls === void 0 ? 'panel' : _ref$ariaControls,
+    _ref$ariaLabel = _ref.ariaLabel,
+    ariaLabel = _ref$ariaLabel === void 0 ? 'tab' : _ref$ariaLabel,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    _ref$spacing = _ref.spacing,
+    gutter = _ref$spacing === void 0 ? 'comfortable' : _ref$spacing,
+    selectedIndex = _ref.selectedIndex,
+    testId = _ref.testId,
+    values = _ref.values,
+    onSelect = _ref.onSelect;
   var tablistRef = useRef(null);
   var onSelectWithAnalytics = usePlatformLeafEventHandler({
     fn: onSelect || noop,
@@ -46,43 +44,39 @@ var ProgressDots = function ProgressDots(_ref) {
     packageName: packageName,
     packageVersion: packageVersion
   });
-
   var _progressIndicatorGap = _slicedToArray(progressIndicatorGapMap[gutter][size], 2),
-      inlineGapValue = _progressIndicatorGap[0],
-      rawGapValue = _progressIndicatorGap[1];
-
+    inlineGapValue = _progressIndicatorGap[0],
+    rawGapValue = _progressIndicatorGap[1];
   var handleKeyDown = useCallback(function (event) {
-    var indicators = Array.from(tablistRef.current.children); // bail if the target isn't an indicator
+    var indicators = Array.from(tablistRef.current.children);
 
+    // bail if the target isn't an indicator
     if (!indicators.includes(event.target)) {
       return;
-    } // bail if not valid arrow key
-
+    }
 
+    // bail if not valid arrow key
     var isLeft = event.key === 'ArrowLeft';
     var isRight = event.key === 'ArrowRight';
-
     if (!isLeft && !isRight) {
       return;
-    } // bail if at either end of the values
-
+    }
 
+    // bail if at either end of the values
     var isAlpha = isLeft && selectedIndex === 0;
     var isOmega = isRight && selectedIndex === values.length - 1;
-
     if (isAlpha || isOmega) {
       return;
     }
+    var index = isLeft ? selectedIndex - 1 : selectedIndex + 1;
 
-    var index = isLeft ? selectedIndex - 1 : selectedIndex + 1; // call the consumer's select method and focus the applicable indicator
-
+    // call the consumer's select method and focus the applicable indicator
     if (onSelect) {
       onSelectWithAnalytics({
         event: event,
         index: index
       });
     }
-
     if (typeof indicators[index].focus === 'function') {
       indicators[index].focus();
     }
@@ -91,7 +85,6 @@ var ProgressDots = function ProgressDots(_ref) {
     if (!onSelect) {
       return noop;
     }
-
     return bind(document, {
       type: 'keydown',
       listener: handleKeyDown,
@@ -145,5 +138,4 @@ var ProgressDots = function ProgressDots(_ref) {
     });
   })));
 };
-
 export default ProgressDots;

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 // NOTE: more progress indicator variants will be available in the future;
 // having a single named export will avoid consumers having to update their
 // imports when there's a feature release.
+
 // eslint-disable-next-line import/prefer-default-export
 export { default as ProgressIndicator } from './components/progress-dots';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.4.4",
+	"version": "9.4.6",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/progress-indicator",
-  "version": "9.4.4",
+  "version": "9.4.6",
   "description": "A progress indicator shows the user where they are along the steps of a journey.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/focus-ring": "^1.2.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1"