@atlaskit/progress-tracker 8.11.1 → 9.0.1

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

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { PureComponent } from 'react';
-import { jsx } from '@emotion/react';
 import type { ProgressTrackerStageProps } from './types';
 interface State {
     transitioning: boolean;
@@ -20,5 +19,5 @@ export default class ProgressTrackerStage extends PureComponent<ProgressTrackerS
     UNSAFE_componentWillReceiveProps(): void;
     shouldShowLink(): boolean;
     onEntered: () => void;
-    render(): jsx.JSX.Element;
+    render(): JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import type { ProgressTrackerStageRenderProp, Spacing, Stages } from './types';
 export interface ProgressTrackerProps {
     /**
@@ -35,5 +35,5 @@ export interface ProgressTrackerProps {
  * - [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.JSX.Element;
+declare const ProgressTracker: ({ items, spacing, render, animated, testId, label, }: ProgressTrackerProps) => JSX.Element;
 export default ProgressTracker;

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

@@ -2,7 +2,7 @@
 /**
  * Ideally these are exported by @atlaskit/page
  */
-export type { Spacing } from './constants';
+export type Spacing = 'comfortable' | 'cosy' | 'compact';
 export type Status = 'unvisited' | 'visited' | 'current' | 'disabled';
 /**
  * @deprecated

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/progress-tracker",
-	"version": "8.11.1",
+	"version": "9.0.1",
 	"description": "A progress tracker displays the steps and progress through a journey.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,9 +29,9 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1",
+		"@compiled/react": "^0.18.1",
 		"react-transition-group": "^4.4.1"
 	},
 	"peerDependencies": {
@@ -79,15 +79,11 @@
 		}
 	},
 	"af:exports": {
-		"./constants": "./src/constants.tsx",
 		"./types": "./src/types.tsx",
 		".": "./src/index.tsx"
 	},
 	"homepage": "https://atlassian.design/components/progress-tracker/",
 	"platform-feature-flags": {
-		"platform_design_system_team_transition_group_r18": {
-			"type": "boolean"
-		},
 		"platform_progress_tracker_link_migration": {
 			"type": "boolean",
 			"showOnWebsiteForTransitiveDependencies": true

package/constants/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/progress-tracker/constants",
-  "main": "../dist/cjs/constants.js",
-  "module": "../dist/esm/constants.js",
-  "module:es2019": "../dist/es2019/constants.js",
-  "sideEffects": [
-    "**/*.compiled.css"
-  ],
-  "types": "../dist/types/constants.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.4": {
-      "*": [
-        "../dist/types-ts4.5/constants.d.ts"
-      ]
-    }
-  }
-}

package/dist/cjs/constants.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.spacing = void 0;
-/**
- * Ideally these are exported by @atlaskit/page
- */
-var spacing = exports.spacing = {
-  comfortable: "var(--ds-space-500, 40px)",
-  cosy: "var(--ds-space-200, 16px)",
-  compact: "var(--ds-space-050, 4px)"
-};

package/dist/cjs/internal/constants.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.varTransitionSpeed = exports.varTransitionEasing = exports.varTransitionDelay = exports.varSpacing = exports.varMarkerColor = exports.varBackgroundColor = exports.TRANSITION_SPEED = exports.PROGRESS_BAR_HEIGHT = exports.LINEAR_TRANSITION_SPEED = exports.LABEL_TOP_SPACING = exports.HALF_GRID_SIZE = exports.ANIMATION_EASE_OUT = void 0;
-var TRANSITION_SPEED = exports.TRANSITION_SPEED = 300;
-var LINEAR_TRANSITION_SPEED = exports.LINEAR_TRANSITION_SPEED = 50;
-var ANIMATION_EASE_OUT = exports.ANIMATION_EASE_OUT = 'cubic-bezier(0.15,1,0.3,1)';
-var varSpacing = exports.varSpacing = '--ds--pt--sp';
-var varTransitionSpeed = exports.varTransitionSpeed = '--ds--pt--ts';
-var varTransitionDelay = exports.varTransitionDelay = '--ds--pt--td';
-var varTransitionEasing = exports.varTransitionEasing = '--ds--pt--te';
-var varMarkerColor = exports.varMarkerColor = '--ds--pt--mc';
-var varBackgroundColor = exports.varBackgroundColor = '--ds--pt--bg';
-var HALF_GRID_SIZE = exports.HALF_GRID_SIZE = "var(--ds-space-050, 4px)";
-var PROGRESS_BAR_HEIGHT = exports.PROGRESS_BAR_HEIGHT = "var(--ds-space-100, 8px)";
-
-// Labels sit 16px from bottom of progress bar
-// i.e. 8 (bar height) + 16 - 4 (line height 24->20 in PYX-695) = 20px
-var LABEL_TOP_SPACING = exports.LABEL_TOP_SPACING = "var(--ds-space-250, 20px)";

package/dist/es2019/constants.js

@@ -1,8 +0,0 @@
-/**
- * Ideally these are exported by @atlaskit/page
- */
-export const spacing = {
-  comfortable: "var(--ds-space-500, 40px)",
-  cosy: "var(--ds-space-200, 16px)",
-  compact: "var(--ds-space-050, 4px)"
-};

package/dist/es2019/internal/constants.js

@@ -1,15 +0,0 @@
-export const TRANSITION_SPEED = 300;
-export const LINEAR_TRANSITION_SPEED = 50;
-export const ANIMATION_EASE_OUT = 'cubic-bezier(0.15,1,0.3,1)';
-export const varSpacing = '--ds--pt--sp';
-export const varTransitionSpeed = '--ds--pt--ts';
-export const varTransitionDelay = '--ds--pt--td';
-export const varTransitionEasing = '--ds--pt--te';
-export const varMarkerColor = '--ds--pt--mc';
-export const varBackgroundColor = '--ds--pt--bg';
-export const HALF_GRID_SIZE = "var(--ds-space-050, 4px)";
-export const PROGRESS_BAR_HEIGHT = "var(--ds-space-100, 8px)";
-
-// Labels sit 16px from bottom of progress bar
-// i.e. 8 (bar height) + 16 - 4 (line height 24->20 in PYX-695) = 20px
-export const LABEL_TOP_SPACING = "var(--ds-space-250, 20px)";

package/dist/esm/constants.js

@@ -1,8 +0,0 @@
-/**
- * Ideally these are exported by @atlaskit/page
- */
-export var spacing = {
-  comfortable: "var(--ds-space-500, 40px)",
-  cosy: "var(--ds-space-200, 16px)",
-  compact: "var(--ds-space-050, 4px)"
-};

package/dist/esm/internal/constants.js

@@ -1,15 +0,0 @@
-export var TRANSITION_SPEED = 300;
-export var LINEAR_TRANSITION_SPEED = 50;
-export var ANIMATION_EASE_OUT = 'cubic-bezier(0.15,1,0.3,1)';
-export var varSpacing = '--ds--pt--sp';
-export var varTransitionSpeed = '--ds--pt--ts';
-export var varTransitionDelay = '--ds--pt--td';
-export var varTransitionEasing = '--ds--pt--te';
-export var varMarkerColor = '--ds--pt--mc';
-export var varBackgroundColor = '--ds--pt--bg';
-export var HALF_GRID_SIZE = "var(--ds-space-050, 4px)";
-export var PROGRESS_BAR_HEIGHT = "var(--ds-space-100, 8px)";
-
-// Labels sit 16px from bottom of progress bar
-// i.e. 8 (bar height) + 16 - 4 (line height 24->20 in PYX-695) = 20px
-export var LABEL_TOP_SPACING = "var(--ds-space-250, 20px)";

package/dist/types/constants.d.ts

@@ -1,9 +0,0 @@
-/**
- * Ideally these are exported by @atlaskit/page
- */
-export declare const spacing: {
-    readonly comfortable: "var(--ds-space-500)";
-    readonly cosy: "var(--ds-space-200)";
-    readonly compact: "var(--ds-space-050)";
-};
-export type Spacing = keyof typeof spacing;

package/dist/types/internal/constants.d.ts

@@ -1,12 +0,0 @@
-export declare const TRANSITION_SPEED = 300;
-export declare const LINEAR_TRANSITION_SPEED = 50;
-export declare const ANIMATION_EASE_OUT = "cubic-bezier(0.15,1,0.3,1)";
-export declare const varSpacing = "--ds--pt--sp";
-export declare const varTransitionSpeed = "--ds--pt--ts";
-export declare const varTransitionDelay = "--ds--pt--td";
-export declare const varTransitionEasing = "--ds--pt--te";
-export declare const varMarkerColor = "--ds--pt--mc";
-export declare const varBackgroundColor = "--ds--pt--bg";
-export declare const HALF_GRID_SIZE: "var(--ds-space-050)";
-export declare const PROGRESS_BAR_HEIGHT: "var(--ds-space-100)";
-export declare const LABEL_TOP_SPACING: "var(--ds-space-250)";

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

@@ -1,9 +0,0 @@
-/**
- * Ideally these are exported by @atlaskit/page
- */
-export declare const spacing: {
-    readonly comfortable: "var(--ds-space-500)";
-    readonly cosy: "var(--ds-space-200)";
-    readonly compact: "var(--ds-space-050)";
-};
-export type Spacing = keyof typeof spacing;

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

@@ -1,12 +0,0 @@
-export declare const TRANSITION_SPEED = 300;
-export declare const LINEAR_TRANSITION_SPEED = 50;
-export declare const ANIMATION_EASE_OUT = "cubic-bezier(0.15,1,0.3,1)";
-export declare const varSpacing = "--ds--pt--sp";
-export declare const varTransitionSpeed = "--ds--pt--ts";
-export declare const varTransitionDelay = "--ds--pt--td";
-export declare const varTransitionEasing = "--ds--pt--te";
-export declare const varMarkerColor = "--ds--pt--mc";
-export declare const varBackgroundColor = "--ds--pt--bg";
-export declare const HALF_GRID_SIZE: "var(--ds-space-050)";
-export declare const PROGRESS_BAR_HEIGHT: "var(--ds-space-100)";
-export declare const LABEL_TOP_SPACING: "var(--ds-space-250)";