@atlaskit/progress-indicator 9.5.1 → 9.5.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/progress-indicator
 
+## 9.5.3
+
+### Patch Changes
+
+- [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
+
+## 9.5.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
 ## 9.5.1
 
 ### Patch Changes

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

@@ -24,7 +24,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "9.5.1";
+var packageVersion = "9.5.3";
 
 /**
  * __ProgressDots__

package/dist/cjs/version.json

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

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

@@ -11,7 +11,7 @@ import { getBgColor } from './appearances';
 import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 const packageName = "@atlaskit/progress-indicator";
-const packageVersion = "9.5.1";
+const packageVersion = "9.5.3";
 
 /**
  * __ProgressDots__

package/dist/es2019/version.json

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

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

@@ -13,7 +13,7 @@ import { getBgColor } from './appearances';
 import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "9.5.1";
+var packageVersion = "9.5.3";
 
 /**
  * __ProgressDots__

package/dist/esm/version.json

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

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

@@ -0,0 +1,2 @@
+import type { DotsAppearance } from './types';
+export declare const getBgColor: (appearance: DotsAppearance, isSelected: boolean) => import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon-subtle)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon-discovery)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon-inverse)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon-brand)">;

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

@@ -0,0 +1,34 @@
+import type { InlineProps } from '@atlaskit/primitives';
+import { token } from '@atlaskit/tokens';
+type TokenValue = ReturnType<typeof token>;
+type ScaleValue = InlineProps['space'];
+type SpacingTuple = [
+    ScaleValue,
+    TokenValue
+];
+type SpacingPropsToTokensMap = {
+    comfortable: {
+        small: SpacingTuple;
+        default: SpacingTuple;
+        large: SpacingTuple;
+    };
+    cozy: {
+        small: SpacingTuple;
+        default: SpacingTuple;
+        large: SpacingTuple;
+    };
+    compact: {
+        small: SpacingTuple;
+        default: SpacingTuple;
+        large: SpacingTuple;
+    };
+};
+export declare const progressIndicatorGapMap: SpacingPropsToTokensMap;
+export declare const sizes: {
+    small: number;
+    default: number;
+    large: number;
+};
+export declare const varDotsSize = "--ds-dots-size";
+export declare const varDotsMargin = "--ds-dots-margin";
+export {};

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

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import type { HTMLAttributes } from 'react';
+import { jsx } from '@emotion/react';
+/**
+ * __Presentational indicator__
+ *
+ * A presentational indicator with no interactivity
+ */
+export declare const PresentationalIndicator: (props: HTMLAttributes<HTMLDivElement>) => jsx.JSX.Element;
+/**
+ * __Button indicator__
+ *
+ * An interactive indicator.
+ */
+export declare const ButtonIndicator: (props: HTMLAttributes<HTMLButtonElement>) => jsx.JSX.Element;

package/dist/types-ts4.5/components/progress-dots.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { FC } from 'react';
+import type { ProgressDotsProps } from '../types';
+/**
+ * __ProgressDots__
+ *
+ * A progress indicator shows the user where they are along the steps of a journey.
+ */
+declare const ProgressDots: FC<ProgressDotsProps>;
+export default ProgressDots;

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

@@ -0,0 +1,3 @@
+export type DotsAppearance = 'default' | 'help' | 'inverted' | 'primary';
+export type Spacing = 'comfortable' | 'cozy' | 'compact';
+export type Size = 'small' | 'default' | 'large';

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProgressIndicator } from './components/progress-dots';
+export type { ProgressDotsProps } from './types';

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

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { DotsAppearance, Size, Spacing } from './components/types';
+export interface ProgressDotsProps {
+    /**
+     * The color of the indicators
+     */
+    appearance?: DotsAppearance;
+    /**
+     * The aria-controls text applied to each indicator, appended by the index
+     */
+    ariaControls?: string;
+    /**
+     * The aria-label text applied to each indicator, appended by the index
+     */
+    ariaLabel?: string;
+    /**
+     * Function called when an indicator is selected
+     */
+    onSelect?: (eventData: {
+        event: React.MouseEvent<HTMLButtonElement>;
+        index: number;
+    }, analyticsEvent: UIAnalyticsEvent) => void;
+    /**
+     * Which indicator is currently selected
+     */
+    selectedIndex: number;
+    /**
+     * Corresponds to the width & height of each indicator
+     */
+    size?: Size;
+    /**
+     * How much of a gutter is desired between indicators
+     */
+    spacing?: Spacing;
+    /**
+     * A hook for automated tests.
+     */
+    testId?: string;
+    /**
+     * An array of values mapped over to create the indicators
+     */
+    values: any[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/progress-indicator",
-  "version": "9.5.1",
+  "version": "9.5.3",
   "description": "A progress indicator shows the user where they are along the steps of a journey.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,12 +32,12 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/ds-explorations": "^2.1.0",
+    "@atlaskit/ds-explorations": "^2.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/primitives": "^0.9.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1"