@atlaskit/progress-tracker 10.5.7 → 11.0.1

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @atlaskit/progress-tracker
 
+## 11.0.1
+
+### Patch Changes
+
+- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
+  Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
+  gating.
+- Updated dependencies
+
+## 11.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.5.7
 
 ### Patch Changes

package/dist/cjs/internal/marker.compiled.css

@@ -4,7 +4,7 @@
 ._1e021ssb{inset-inline-start:50%}
 ._4t3iu2gc{height:var(--ds-space-100,8px)}
 ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
+._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
 ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
-._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._kqswstnw{position:absolute}
 ._t9ec157a{transform:translate(-50%,calc(var(--ds-space-250, 20px)*-1))}

package/dist/cjs/internal/marker.js

@@ -16,7 +16,7 @@ var markerColor = {
   unvisited: "_bfhk1aqn",
   current: "_bfhk1856",
   visited: "_bfhk1856",
-  disabled: "_bfhkby5v"
+  disabled: "_bfhk187o"
 };
 
 /**

package/dist/es2019/internal/marker.compiled.css

@@ -4,7 +4,7 @@
 ._1e021ssb{inset-inline-start:50%}
 ._4t3iu2gc{height:var(--ds-space-100,8px)}
 ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
+._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
 ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
-._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._kqswstnw{position:absolute}
 ._t9ec157a{transform:translate(-50%,calc(var(--ds-space-250, 20px)*-1))}

package/dist/es2019/internal/marker.js

@@ -8,7 +8,7 @@ const markerColor = {
   unvisited: "_bfhk1aqn",
   current: "_bfhk1856",
   visited: "_bfhk1856",
-  disabled: "_bfhkby5v"
+  disabled: "_bfhk187o"
 };
 
 /**

package/dist/esm/internal/marker.compiled.css

@@ -4,7 +4,7 @@
 ._1e021ssb{inset-inline-start:50%}
 ._4t3iu2gc{height:var(--ds-space-100,8px)}
 ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
+._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
 ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
-._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._kqswstnw{position:absolute}
 ._t9ec157a{transform:translate(-50%,calc(var(--ds-space-250, 20px)*-1))}

package/dist/esm/internal/marker.js

@@ -8,7 +8,7 @@ var markerColor = {
   unvisited: "_bfhk1aqn",
   current: "_bfhk1856",
   visited: "_bfhk1856",
-  disabled: "_bfhkby5v"
+  disabled: "_bfhk187o"
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/progress-tracker",
-	"version": "10.5.7",
+	"version": "11.0.1",
 	"description": "A progress tracker displays the steps and progress through a journey.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,9 +31,10 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/tokens": "^15.0.0",
+		"@atlassian/react-compiler-gating": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -44,17 +45,17 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/docs": "^11.7.0",
-		"@atlaskit/icon": "^34.0.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/section-message": "^8.12.0",
-		"@atlassian/react-compiler-gating": "workspace:^",
+		"@atlaskit/button": "^24.1.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/section-message": "^9.1.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"jest-in-case": "^1.0.2",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"techstack": {
@@ -77,13 +78,5 @@
 			"ui-components": "primitives"
 		}
 	},
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"homepage": "https://atlassian.design/components/progress-tracker/"
 }

package/progress-tracker.docs.tsx

@@ -1,47 +1,49 @@
 import path from 'path';
 
-import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
 
-const documentation: ComponentStructuredContentSource[] = [
-	{
-		name: 'ProgressTracker',
-		description: 'A component for tracking progress through multi-step processes.',
-		status: 'general-availability',
-		import: {
+const documentation: StructuredContentSource = {
+	components: [
+		{
 			name: 'ProgressTracker',
-			package: '@atlaskit/progress-tracker',
-			type: 'named',
-			packagePath: path.resolve(__dirname),
-			packageJson: require('./package.json'),
-		},
-		usageGuidelines: [
-			'Use for multi-step workflows',
-			'Provide clear progress tracking',
-			'Handle progress updates appropriately',
-			'Consider progress completion states',
-		],
-		contentGuidelines: [
-			'Use clear, descriptive step labels',
-			'Provide meaningful progress descriptions',
-			'Use appropriate progress terminology',
-			'Keep progress information concise',
-		],
-		accessibilityGuidelines: [
-			'Ensure progress is announced by screen readers',
-			'Use appropriate progress indicators',
-			'Provide clear progress context',
-			'Consider progress timing and updates',
-		],
-		examples: [
-			{
-				name: 'Progress Tracker',
-				description: 'Progress Tracker example',
-				source: path.resolve(__dirname, './examples/ai/progress-tracker.tsx'),
+			description: 'A component for tracking progress through multi-step processes.',
+			status: 'general-availability',
+			import: {
+				name: 'ProgressTracker',
+				package: '@atlaskit/progress-tracker',
+				type: 'named',
+				packagePath: path.resolve(__dirname),
+				packageJson: require('./package.json'),
 			},
-		],
-		keywords: ['progress', 'tracker', 'steps', 'completion', 'workflow'],
-		categories: ['feedback'],
-	},
-];
+			usageGuidelines: [
+				'Use for multi-step workflows',
+				'Provide clear progress tracking',
+				'Handle progress updates appropriately',
+				'Consider progress completion states',
+			],
+			contentGuidelines: [
+				'Use clear, descriptive step labels',
+				'Provide meaningful progress descriptions',
+				'Use appropriate progress terminology',
+				'Keep progress information concise',
+			],
+			accessibilityGuidelines: [
+				'Ensure progress is announced by screen readers',
+				'Use appropriate progress indicators',
+				'Provide clear progress context',
+				'Consider progress timing and updates',
+			],
+			examples: [
+				{
+					name: 'Progress Tracker',
+					description: 'Progress Tracker example',
+					source: path.resolve(__dirname, './examples/ai/progress-tracker.tsx'),
+				},
+			],
+			keywords: ['progress', 'tracker', 'steps', 'completion', 'workflow'],
+			categories: ['feedback'],
+		},
+	],
+};
 
 export default documentation;

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/types.d.ts"
 }

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

@@ -1,3 +0,0 @@
-export { default as ProgressTracker } from './progress-tracker';
-export type { ProgressTrackerProps } from './progress-tracker';
-export type { Stages, Stage, Status } from './types';

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

@@ -1,12 +0,0 @@
-interface StageBarProps {
-    testId?: string;
-    percentageComplete: number;
-}
-/**
- * __Progress bar__
- *
- * A progress bar describes the horizontal tracking bar that traverses each individual step.
- *
- */
-declare const ProgressBar: ({ percentageComplete, testId }: StageBarProps) => JSX.Element;
-export default ProgressBar;

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

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type Stage } from '../types';
-/**
- * __Progress tracker link__
- */
-declare const Link: FC<Stage & {
-    testId?: string;
-}>;
-export default Link;

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

@@ -1,16 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type FC } from 'react';
-import type { Status } from '../types';
-/**
- * __Progress marker__
- *
- * Similar to `@atlaskit/progress-indicator`, a small visual circle marker
- */
-declare const ProgressMarker: FC<{
-    testId?: string;
-    status: Status;
-}>;
-export default ProgressMarker;

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

@@ -1,22 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { PureComponent } from 'react';
-import type { ProgressTrackerStageProps } from './types';
-interface State {
-    transitioning: boolean;
-    oldMarkerColor?: string;
-    oldPercentageComplete: number;
-}
-export default class ProgressTrackerStage extends PureComponent<ProgressTrackerStageProps, State> {
-    private animationTimeoutId?;
-    constructor(props: ProgressTrackerStageProps);
-    componentDidUpdate(prevProps: ProgressTrackerStageProps): void;
-    componentWillUnmount(): void;
-    startTransition(): void;
-    shouldShowLink(): boolean;
-    onEntered: () => void;
-    render(): JSX.Element;
-}
-export {};

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

@@ -1,27 +0,0 @@
-import type { ProgressTrackerStageRenderProp, Stage } from '../types';
-export interface ProgressTrackerStageProps {
-    /**
-     * stage data passed to each `ProgressTrackerStage` component
-     */
-    item: Stage;
-    /**
-     * render prop to specify how to render components
-     */
-    render: ProgressTrackerStageRenderProp;
-    /**
-     * An internal hook applied to key elements for automated testing
-     */
-    testId?: string;
-    /**
-     * delay before transitioning in ms
-     */
-    transitionDelay: number;
-    /**
-     * speed at which to transition in ms
-     */
-    transitionSpeed: number;
-    /**
-     * interface of easing for transition
-     */
-    transitionEasing: string;
-}

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

@@ -1,43 +0,0 @@
-import type { ProgressTrackerStageRenderProp, Spacing, Stages } from './types';
-export interface ProgressTrackerProps {
-    /**
-     * Ordered list of stage data.
-     */
-    items: Stages;
-    /**
-     * Sets the amount of spacing between the steps.
-     */
-    spacing?: Spacing;
-    /**
-     * @deprecated
-     *
-     * Render prop to specify custom implementations of components.
-     *
-     * Note this is deprecated and will be removed in a future version.
-     * Links inside progress tracker can be configured using [App Provider](https://atlassian.design/components/app-provider) instead.
-     */
-    render?: ProgressTrackerStageRenderProp;
-    /**
-     * Turns off transition animations if set to false.
-     */
-    animated?: boolean;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Use this to provide an aria-label for the overall progress tracker, so that people who use assistive technology get an overview of the tracker's purpose. For example, "Sign up progress".
-     */
-    label?: string;
-}
-/**
- * __Progress tracker__
- *
- * A progress tracker displays the steps and progress through a journey.
- *
- * - [Examples](https://atlassian.design/components/progress-tracker/examples)
- * - [Code](https://atlassian.design/components/progress-tracker/code)
- * - [Usage](https://atlassian.design/components/progress-tracker/usage)
- */
-declare const ProgressTracker: ({ items, spacing, render, animated, testId, label, }: ProgressTrackerProps) => JSX.Element;
-export default ProgressTracker;

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

@@ -1,25 +0,0 @@
-/**
- * Ideally these are exported by @atlaskit/page
- */
-export type Spacing = 'comfortable' | 'cozy' | 'compact';
-export type Status = 'unvisited' | 'visited' | 'current' | 'disabled';
-/**
- * @deprecated
- */
-export type StatusType = Status;
-export interface Stage {
-    id: string;
-    label: string;
-    percentageComplete: number;
-    status: Status;
-    noLink?: boolean;
-    href?: string;
-    onClick?: () => void;
-}
-export type Stages = Stage[];
-export interface LinkComponentProps {
-    item: Stage;
-}
-export interface ProgressTrackerStageRenderProp {
-    link: (props: LinkComponentProps) => JSX.Element;
-}

package/offerings.json

@@ -1,34 +0,0 @@
-[
-	{
-		"name": "ProgressTracker",
-		"package": "@atlaskit/progress-tracker",
-		"import": {
-			"name": "ProgressTracker",
-			"package": "@atlaskit/progress-tracker",
-			"type": "named"
-		},
-		"keywords": ["progress", "tracker", "steps", "completion", "workflow"],
-		"categories": ["feedback"],
-		"shortDescription": "A component for tracking progress through multi-step processes.",
-		"status": "general-availability",
-		"accessibilityGuidelines": [
-			"Ensure progress is announced by screen readers",
-			"Use appropriate progress indicators",
-			"Provide clear progress context",
-			"Consider progress timing and updates"
-		],
-		"usageGuidelines": [
-			"Use for multi-step workflows",
-			"Provide clear progress tracking",
-			"Handle progress updates appropriately",
-			"Consider progress completion states"
-		],
-		"contentGuidelines": [
-			"Use clear, descriptive step labels",
-			"Provide meaningful progress descriptions",
-			"Use appropriate progress terminology",
-			"Keep progress information concise"
-		],
-		"examples": ["./examples/ai/progress-tracker.tsx"]
-	}
-]