@atlaskit/progress-indicator 12.0.17 → 12.0.19

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/progress-indicator
 
+## 12.0.19
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.0.18
+
+### Patch Changes
+
+- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
+  Enrol all Design System UI packages into the React Compiler with platform gating via
+  isReactCompilerActivePlatform.
+- Updated dependencies
+
 ## 12.0.17
 
 ### Patch Changes

package/dist/cjs/components/{indicator.js → button-indicator.js}

@@ -1,4 +1,4 @@
-/* indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* button-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,8 +6,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PresentationalIndicator = exports.ButtonIndicator = void 0;
-require("./indicator.compiled.css");
+exports.ButtonIndicator = void 0;
+require("./button-indicator.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _react2 = require("@compiled/react");
@@ -42,38 +42,24 @@ var backgroundColor = function backgroundColor(isSelected) {
     primary: "var(--ds-icon-brand, #1868DB)"
   };
 };
-
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
 /**
- * __Presentational indicator__
+ * __Button indicator__
+ *
+ * A button indicator {description}.
  *
- * A presentational indicator with no interactivity
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-var PresentationalIndicator = exports.PresentationalIndicator = function PresentationalIndicator(_ref) {
+var ButtonIndicator = exports.ButtonIndicator = function ButtonIndicator(_ref) {
   var appearance = _ref.appearance,
+    panelId = _ref.panelId,
+    tabId = _ref.tabId,
     isSelected = _ref.isSelected,
+    onClick = _ref.onClick,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(_compiled.Box, {
-    testId: testId
-    // here we set it dynamic because that backgroundColor and xcss don't support the colors we need here eg. token('color.icon')
-    ,
-    style: {
-      backgroundColor: backgroundColor(isSelected)[appearance]
-    },
-    xcss: (0, _react2.cx)(commonStyles.common, colorBorderMap[appearance])
-  });
-};
-/**
- * __Button indicator__
- *
- * An interactive indicator.
- */
-var ButtonIndicator = exports.ButtonIndicator = function ButtonIndicator(_ref2) {
-  var appearance = _ref2.appearance,
-    panelId = _ref2.panelId,
-    tabId = _ref2.tabId,
-    isSelected = _ref2.isSelected,
-    onClick = _ref2.onClick,
-    testId = _ref2.testId;
   return /*#__PURE__*/React.createElement(_compiled.Pressable, {
     role: "tab",
     style: {

package/dist/cjs/components/presentational-indicator.compiled.css

@@ -0,0 +1,13 @@
+._19it1axi{border:var(--ds-border-width,1px) solid var(--ds-border-bold,#7d818a)}
+._19it1ps9{border:var(--ds-border-width,1px) solid var(--ds-border-inverse,#fff)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._1bsbg7kr{width:var(--ds-dots-size)}
+._1cs8stnw:before{position:absolute}
+._1kt9b3bt:before{content:""}
+._1mp41th6:before{width:calc(var(--ds-dots-size) + var(--ds-dots-margin))}
+._4t3ig7kr{height:var(--ds-dots-size)}
+._cfu11ule:before{display:block}
+._iajm1yh4:before{inset-block-start:calc(var(--ds-dots-margin)*-1/2)}
+._kfgt1th6:before{height:calc(var(--ds-dots-size) + var(--ds-dots-margin))}
+._kqswh2mm{position:relative}
+._z5wt1yh4:before{inset-inline-start:calc(var(--ds-dots-margin)*-1/2)}

package/dist/cjs/components/presentational-indicator.js

@@ -0,0 +1,54 @@
+/* presentational-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* eslint-disable @repo/internal/react/require-jsdoc */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PresentationalIndicator = void 0;
+require("./presentational-indicator.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _react2 = require("@compiled/react");
+var _compiled = require("@atlaskit/primitives/compiled");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var commonStyles = {
+  common: "_2rko1rr0 _1bsbg7kr _4t3ig7kr _kqswh2mm _cfu11ule _1mp41th6 _kfgt1th6 _1cs8stnw _1kt9b3bt _iajm1yh4 _z5wt1yh4"
+};
+var colorBorderMap = {
+  default: "_19it1axi",
+  help: "_19it1axi",
+  inverted: "_19it1ps9",
+  primary: "_19it1axi"
+};
+var backgroundColor = function backgroundColor(isSelected) {
+  if (!isSelected) {
+    return {
+      default: "var(--ds-surface, #FFFFFF)",
+      help: "var(--ds-surface, #FFFFFF)",
+      inverted: "var(--ds-background-neutral-subtle, #00000000)",
+      primary: "var(--ds-surface, #FFFFFF)"
+    };
+  }
+  return {
+    default: "var(--ds-icon, #292A2E)",
+    help: "var(--ds-icon-discovery, #AF59E1)",
+    inverted: "var(--ds-icon-inverse, #FFFFFF)",
+    primary: "var(--ds-icon-brand, #1868DB)"
+  };
+};
+var PresentationalIndicator = exports.PresentationalIndicator = function PresentationalIndicator(_ref) {
+  var appearance = _ref.appearance,
+    isSelected = _ref.isSelected,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    testId: testId
+    // here we set it dynamic because that backgroundColor and xcss don't support the colors we need here eg. token('color.icon')
+    ,
+    style: {
+      backgroundColor: backgroundColor(isSelected)[appearance]
+    },
+    xcss: (0, _react2.cx)(commonStyles.common, colorBorderMap[appearance])
+  });
+};

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

@@ -12,7 +12,8 @@ var _bindEventListener = require("bind-event-listener");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _indicator = require("./indicator");
+var _buttonIndicator = require("./button-indicator");
+var _presentationalIndicator = require("./presentational-indicator");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var packageName = "@atlaskit/progress-indicator";
 var packageVersion = "0.0.0-development";
@@ -127,7 +128,7 @@ var ProgressDots = function ProgressDots(_ref) {
     var tabId = "".concat(ariaLabel).concat(index);
     var panelId = "".concat(ariaControls).concat(index);
     var indicatorTestId = testId && "".concat(testId, "-ind-").concat(index);
-    return onSelect ? /*#__PURE__*/_react.default.createElement(_indicator.ButtonIndicator, {
+    return onSelect ? /*#__PURE__*/_react.default.createElement(_buttonIndicator.ButtonIndicator, {
       key: index,
       testId: indicatorTestId,
       appearance: appearance,
@@ -140,7 +141,7 @@ var ProgressDots = function ProgressDots(_ref) {
           index: index
         });
       }
-    }) : /*#__PURE__*/_react.default.createElement(_indicator.PresentationalIndicator, {
+    }) : /*#__PURE__*/_react.default.createElement(_presentationalIndicator.PresentationalIndicator, {
       key: index,
       testId: indicatorTestId,
       appearance: appearance,

package/dist/es2019/components/{indicator.js → button-indicator.js}

@@ -1,9 +1,9 @@
-/* indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./indicator.compiled.css";
+/* button-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./button-indicator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
-import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 const commonStyles = {
   common: "_2rko1rr0 _1bsbg7kr _4t3ig7kr _kqswh2mm _cfu11ule _1mp41th6 _kfgt1th6 _1cs8stnw _1kt9b3bt _iajm1yh4 _z5wt1yh4"
@@ -33,31 +33,16 @@ const backgroundColor = isSelected => {
     primary: "var(--ds-icon-brand, #1868DB)"
   };
 };
-
-/**
- * __Presentational indicator__
- *
- * A presentational indicator with no interactivity
- */
-export const PresentationalIndicator = ({
-  appearance,
-  isSelected,
-  testId
-}) => {
-  return /*#__PURE__*/React.createElement(Box, {
-    testId: testId
-    // here we set it dynamic because that backgroundColor and xcss don't support the colors we need here eg. token('color.icon')
-    ,
-    style: {
-      backgroundColor: backgroundColor(isSelected)[appearance]
-    },
-    xcss: cx(commonStyles.common, colorBorderMap[appearance])
-  });
-};
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
 /**
  * __Button indicator__
  *
- * An interactive indicator.
+ * A button indicator {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
 export const ButtonIndicator = ({
   appearance,

package/dist/es2019/components/presentational-indicator.compiled.css

@@ -0,0 +1,13 @@
+._19it1axi{border:var(--ds-border-width,1px) solid var(--ds-border-bold,#7d818a)}
+._19it1ps9{border:var(--ds-border-width,1px) solid var(--ds-border-inverse,#fff)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._1bsbg7kr{width:var(--ds-dots-size)}
+._1cs8stnw:before{position:absolute}
+._1kt9b3bt:before{content:""}
+._1mp41th6:before{width:calc(var(--ds-dots-size) + var(--ds-dots-margin))}
+._4t3ig7kr{height:var(--ds-dots-size)}
+._cfu11ule:before{display:block}
+._iajm1yh4:before{inset-block-start:calc(var(--ds-dots-margin)*-1/2)}
+._kfgt1th6:before{height:calc(var(--ds-dots-size) + var(--ds-dots-margin))}
+._kqswh2mm{position:relative}
+._z5wt1yh4:before{inset-inline-start:calc(var(--ds-dots-margin)*-1/2)}

package/dist/es2019/components/presentational-indicator.js

@@ -0,0 +1,47 @@
+/* presentational-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* eslint-disable @repo/internal/react/require-jsdoc */
+import "./presentational-indicator.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { cx } from '@compiled/react';
+import { Box } from '@atlaskit/primitives/compiled';
+const commonStyles = {
+  common: "_2rko1rr0 _1bsbg7kr _4t3ig7kr _kqswh2mm _cfu11ule _1mp41th6 _kfgt1th6 _1cs8stnw _1kt9b3bt _iajm1yh4 _z5wt1yh4"
+};
+const colorBorderMap = {
+  default: "_19it1axi",
+  help: "_19it1axi",
+  inverted: "_19it1ps9",
+  primary: "_19it1axi"
+};
+const backgroundColor = isSelected => {
+  if (!isSelected) {
+    return {
+      default: "var(--ds-surface, #FFFFFF)",
+      help: "var(--ds-surface, #FFFFFF)",
+      inverted: "var(--ds-background-neutral-subtle, #00000000)",
+      primary: "var(--ds-surface, #FFFFFF)"
+    };
+  }
+  return {
+    default: "var(--ds-icon, #292A2E)",
+    help: "var(--ds-icon-discovery, #AF59E1)",
+    inverted: "var(--ds-icon-inverse, #FFFFFF)",
+    primary: "var(--ds-icon-brand, #1868DB)"
+  };
+};
+export const PresentationalIndicator = ({
+  appearance,
+  isSelected,
+  testId
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: testId
+    // here we set it dynamic because that backgroundColor and xcss don't support the colors we need here eg. token('color.icon')
+    ,
+    style: {
+      backgroundColor: backgroundColor(isSelected)[appearance]
+    },
+    xcss: cx(commonStyles.common, colorBorderMap[appearance])
+  });
+};

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

@@ -3,7 +3,8 @@ import { bind } from 'bind-event-listener';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
-import { ButtonIndicator, PresentationalIndicator } from './indicator';
+import { ButtonIndicator } from './button-indicator';
+import { PresentationalIndicator } from './presentational-indicator';
 const packageName = "@atlaskit/progress-indicator";
 const packageVersion = "0.0.0-development";
 const progressIndicatorGapMap = {

package/dist/esm/components/{indicator.js → button-indicator.js}

@@ -1,9 +1,9 @@
-/* indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./indicator.compiled.css";
+/* button-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./button-indicator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
-import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 var commonStyles = {
   common: "_2rko1rr0 _1bsbg7kr _4t3ig7kr _kqswh2mm _cfu11ule _1mp41th6 _kfgt1th6 _1cs8stnw _1kt9b3bt _iajm1yh4 _z5wt1yh4"
@@ -33,38 +33,24 @@ var backgroundColor = function backgroundColor(isSelected) {
     primary: "var(--ds-icon-brand, #1868DB)"
   };
 };
-
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
 /**
- * __Presentational indicator__
+ * __Button indicator__
+ *
+ * A button indicator {description}.
  *
- * A presentational indicator with no interactivity
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export var PresentationalIndicator = function PresentationalIndicator(_ref) {
+export var ButtonIndicator = function ButtonIndicator(_ref) {
   var appearance = _ref.appearance,
+    panelId = _ref.panelId,
+    tabId = _ref.tabId,
     isSelected = _ref.isSelected,
+    onClick = _ref.onClick,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(Box, {
-    testId: testId
-    // here we set it dynamic because that backgroundColor and xcss don't support the colors we need here eg. token('color.icon')
-    ,
-    style: {
-      backgroundColor: backgroundColor(isSelected)[appearance]
-    },
-    xcss: cx(commonStyles.common, colorBorderMap[appearance])
-  });
-};
-/**
- * __Button indicator__
- *
- * An interactive indicator.
- */
-export var ButtonIndicator = function ButtonIndicator(_ref2) {
-  var appearance = _ref2.appearance,
-    panelId = _ref2.panelId,
-    tabId = _ref2.tabId,
-    isSelected = _ref2.isSelected,
-    onClick = _ref2.onClick,
-    testId = _ref2.testId;
   return /*#__PURE__*/React.createElement(Pressable, {
     role: "tab",
     style: {

package/dist/esm/components/presentational-indicator.compiled.css

@@ -0,0 +1,13 @@
+._19it1axi{border:var(--ds-border-width,1px) solid var(--ds-border-bold,#7d818a)}
+._19it1ps9{border:var(--ds-border-width,1px) solid var(--ds-border-inverse,#fff)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._1bsbg7kr{width:var(--ds-dots-size)}
+._1cs8stnw:before{position:absolute}
+._1kt9b3bt:before{content:""}
+._1mp41th6:before{width:calc(var(--ds-dots-size) + var(--ds-dots-margin))}
+._4t3ig7kr{height:var(--ds-dots-size)}
+._cfu11ule:before{display:block}
+._iajm1yh4:before{inset-block-start:calc(var(--ds-dots-margin)*-1/2)}
+._kfgt1th6:before{height:calc(var(--ds-dots-size) + var(--ds-dots-margin))}
+._kqswh2mm{position:relative}
+._z5wt1yh4:before{inset-inline-start:calc(var(--ds-dots-margin)*-1/2)}

package/dist/esm/components/presentational-indicator.js

@@ -0,0 +1,46 @@
+/* presentational-indicator.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* eslint-disable @repo/internal/react/require-jsdoc */
+import "./presentational-indicator.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { cx } from '@compiled/react';
+import { Box } from '@atlaskit/primitives/compiled';
+var commonStyles = {
+  common: "_2rko1rr0 _1bsbg7kr _4t3ig7kr _kqswh2mm _cfu11ule _1mp41th6 _kfgt1th6 _1cs8stnw _1kt9b3bt _iajm1yh4 _z5wt1yh4"
+};
+var colorBorderMap = {
+  default: "_19it1axi",
+  help: "_19it1axi",
+  inverted: "_19it1ps9",
+  primary: "_19it1axi"
+};
+var backgroundColor = function backgroundColor(isSelected) {
+  if (!isSelected) {
+    return {
+      default: "var(--ds-surface, #FFFFFF)",
+      help: "var(--ds-surface, #FFFFFF)",
+      inverted: "var(--ds-background-neutral-subtle, #00000000)",
+      primary: "var(--ds-surface, #FFFFFF)"
+    };
+  }
+  return {
+    default: "var(--ds-icon, #292A2E)",
+    help: "var(--ds-icon-discovery, #AF59E1)",
+    inverted: "var(--ds-icon-inverse, #FFFFFF)",
+    primary: "var(--ds-icon-brand, #1868DB)"
+  };
+};
+export var PresentationalIndicator = function PresentationalIndicator(_ref) {
+  var appearance = _ref.appearance,
+    isSelected = _ref.isSelected,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: testId
+    // here we set it dynamic because that backgroundColor and xcss don't support the colors we need here eg. token('color.icon')
+    ,
+    style: {
+      backgroundColor: backgroundColor(isSelected)[appearance]
+    },
+    xcss: cx(commonStyles.common, colorBorderMap[appearance])
+  });
+};

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

@@ -4,7 +4,8 @@ import { bind } from 'bind-event-listener';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
-import { ButtonIndicator, PresentationalIndicator } from './indicator';
+import { ButtonIndicator } from './button-indicator';
+import { PresentationalIndicator } from './presentational-indicator';
 var packageName = "@atlaskit/progress-indicator";
 var packageVersion = "0.0.0-development";
 var progressIndicatorGapMap = {

package/dist/types/components/button-indicator.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { DotsAppearance } from './types';
+type ButtonIndicatorProps = {
+    panelId: string;
+    tabId: string;
+    appearance: DotsAppearance;
+    isSelected: boolean;
+    testId?: string;
+    onClick(e: React.MouseEvent<HTMLButtonElement>): void;
+};
+/**
+ * __Button indicator__
+ *
+ * A button indicator {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export declare const ButtonIndicator: ({ 
+/**
+ * __Button indicator__
+ *
+ * A button indicator {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+appearance, panelId, tabId, isSelected, onClick, testId, }: ButtonIndicatorProps) => JSX.Element;
+export {};

package/dist/types/components/presentational-indicator.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { DotsAppearance } from './types';
+type PresentationalIndicatorProps = {
+    appearance: DotsAppearance;
+    isSelected: boolean;
+    testId?: string;
+};
+export declare const PresentationalIndicator: ({ appearance, isSelected, testId, }: PresentationalIndicatorProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/components/button-indicator.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { DotsAppearance } from './types';
+type ButtonIndicatorProps = {
+    panelId: string;
+    tabId: string;
+    appearance: DotsAppearance;
+    isSelected: boolean;
+    testId?: string;
+    onClick(e: React.MouseEvent<HTMLButtonElement>): void;
+};
+/**
+ * __Button indicator__
+ *
+ * A button indicator {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export declare const ButtonIndicator: ({ 
+/**
+ * __Button indicator__
+ *
+ * A button indicator {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+appearance, panelId, tabId, isSelected, onClick, testId, }: ButtonIndicatorProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/components/presentational-indicator.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { DotsAppearance } from './types';
+type PresentationalIndicatorProps = {
+    appearance: DotsAppearance;
+    isSelected: boolean;
+    testId?: string;
+};
+export declare const PresentationalIndicator: ({ appearance, isSelected, testId, }: PresentationalIndicatorProps) => JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "12.0.17",
+	"version": "12.0.19",
 	"description": "A progress indicator shows the user where they are along the steps of a journey.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -17,6 +17,13 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Design System Team",
 		"website": {
 			"name": "Progress indicator",
@@ -25,9 +32,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/ds-lib": "^6.0.0",
+		"@atlaskit/ds-lib": "^7.0.0",
 		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/tokens": "^11.4.0",
+		"@atlaskit/tokens": "^12.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -40,11 +47,12 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.10.0",
+		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/docs": "^11.7.0",
-		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/section-message": "^8.12.0",
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",

package/dist/types/components/indicator.d.ts

@@ -1,28 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-type DotsAppearance = 'default' | 'help' | 'inverted' | 'primary';
-type CommonProps = {
-    appearance: DotsAppearance;
-    isSelected: boolean;
-    testId?: string;
-};
-/**
- * __Presentational indicator__
- *
- * A presentational indicator with no interactivity
- */
-export declare const PresentationalIndicator: ({ appearance, isSelected, testId, }: CommonProps) => JSX.Element;
-type ButtonIndicatorProps = {
-    panelId: string;
-    tabId: string;
-    onClick(e: React.MouseEvent<HTMLButtonElement>): void;
-} & CommonProps;
-/**
- * __Button indicator__
- *
- * An interactive indicator.
- */
-export declare const ButtonIndicator: ({ appearance, panelId, tabId, isSelected, onClick, testId, }: ButtonIndicatorProps) => JSX.Element;
-export {};

package/dist/types-ts4.5/components/indicator.d.ts

@@ -1,28 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-type DotsAppearance = 'default' | 'help' | 'inverted' | 'primary';
-type CommonProps = {
-    appearance: DotsAppearance;
-    isSelected: boolean;
-    testId?: string;
-};
-/**
- * __Presentational indicator__
- *
- * A presentational indicator with no interactivity
- */
-export declare const PresentationalIndicator: ({ appearance, isSelected, testId, }: CommonProps) => JSX.Element;
-type ButtonIndicatorProps = {
-    panelId: string;
-    tabId: string;
-    onClick(e: React.MouseEvent<HTMLButtonElement>): void;
-} & CommonProps;
-/**
- * __Button indicator__
- *
- * An interactive indicator.
- */
-export declare const ButtonIndicator: ({ appearance, panelId, tabId, isSelected, onClick, testId, }: ButtonIndicatorProps) => JSX.Element;
-export {};