@atlaskit/progress-bar 0.5.11 → 0.5.13

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/progress-bar
 
+## 0.5.13
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.5.12
+
+### Patch Changes
+
+- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
+
 ## 0.5.11
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-bar",
-	"version": "0.5.11",
+	"version": "0.5.13",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-bar",
-	"version": "0.5.11",
+	"version": "0.5.13",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-bar",
-	"version": "0.5.11",
+	"version": "0.5.13",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/progress-bar",
-  "version": "0.5.11",
+  "version": "0.5.13",
   "description": "A progress bar displays the status of a given process.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,17 +12,11 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/progress-bar/",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
     "releaseModel": "scheduled",
@@ -34,7 +28,7 @@
   "dependencies": {
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -42,9 +36,9 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.4.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
@@ -63,6 +57,7 @@
     "@repo/internal": {
       "dom-events": "use-bind-event-listener",
       "design-system": "v1",
+      "design-tokens": "spacing",
       "theming": "tokens",
       "deprecation": "no-deprecated-imports",
       "styling": [

package/report.api.md

@@ -2,63 +2,59 @@
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
+<!--
+	Generated API Report version: 2.0
+-->
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
 ```ts
-import { default as React_2 } from 'react';
+/// <reference types="react" />
+
+import { jsx } from '@emotion/react';
 import { ThemeProp } from '@atlaskit/theme/components';
 
-declare interface CustomProgressBarProps {
-  /**
-   * Current progress, a number between 0 and 1.
-   */
-  value: number;
-  /**
-   * When true the component is in indeterminate state.
-   */
-  isIndeterminate: boolean;
-  /**
-   * The aria-label attribute associated with the progress bar.
-   */
+// @public (undocumented)
+interface CustomProgressBarProps {
   ariaLabel?: string;
+  isIndeterminate?: boolean;
+  testId?: string;
+  value?: number;
 }
 
-declare interface DefaultProgressBarProps extends CustomProgressBarProps {
-  /**
-   * The theme the component should use. NOTE: This is being deprecated and will be removed after 13 May 2022. Please consider migrating to
-   * one of progress bar's variants.
-   */
+// @public (undocumented)
+interface DefaultProgressBarProps extends CustomProgressBarProps {
+  appearance?: 'default' | 'success' | 'inverse';
+  // @deprecated (undocumented)
   theme?: ThemeProp<ThemeTokens, ThemeProps>;
 }
 
-declare class ProgressBar extends React_2.PureComponent<
-  DefaultProgressBarProps
-> {
-  static defaultProps: {
-    value: number;
-    isIndeterminate: boolean;
-  };
-  render(): JSX.Element;
-}
+// @public
+const ProgressBar: ({
+  appearance,
+  ariaLabel,
+  isIndeterminate,
+  testId,
+  theme,
+  value,
+}: DefaultProgressBarProps) => jsx.JSX.Element;
 export default ProgressBar;
 
-export declare class SuccessProgressBar extends React_2.PureComponent<
-  CustomProgressBarProps
-> {
-  static defaultProps: {
-    value: number;
-    isIndeterminate: boolean;
-  };
-  render(): JSX.Element;
-}
+// @public
+export const SuccessProgressBar: ({
+  ariaLabel,
+  isIndeterminate,
+  testId,
+  value,
+}: CustomProgressBarProps) => JSX.Element;
 
-declare type ThemeProps = {
+// @public @deprecated (undocumented)
+type ThemeProps = {
   value: string | number;
 };
 
-/**
- * @deprecated This allows for users to customize the theme. This is being deprecated, please consider
- * migrating to one of progress bar's variants.
- */
-declare type ThemeTokens = {
+// @public @deprecated (undocumented)
+type ThemeTokens = {
   container: any;
   bar: any;
   determinateBar: any;
@@ -66,15 +62,13 @@ declare type ThemeTokens = {
   decreasingBar: any;
 };
 
-export declare class TransparentProgressBar extends React_2.PureComponent<
-  CustomProgressBarProps
-> {
-  static defaultProps: {
-    value: number;
-    isIndeterminate: boolean;
-  };
-  render(): JSX.Element;
-}
+// @public
+export const TransparentProgressBar: ({
+  ariaLabel,
+  isIndeterminate,
+  testId,
+  value,
+}: CustomProgressBarProps) => JSX.Element;
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```

package/dist/types-ts4.0/components/progress-bar.d.ts

@@ -1,13 +0,0 @@
-import { jsx } from '@emotion/react';
-import { DefaultProgressBarProps } from '../types';
-/**
- * __Progress bar__
- *
- * A progress bar displays the status of a given process.
- *
- * - [Examples](https://atlassian.design/components/progress-bar/examples)
- * - [Code](https://atlassian.design/components/progress-bar/code)
- * - [Usage](https://atlassian.design/components/progress-bar/usage)
- */
-declare const ProgressBar: ({ appearance, ariaLabel, isIndeterminate, testId, theme, value, }: DefaultProgressBarProps) => jsx.JSX.Element;
-export default ProgressBar;

package/dist/types-ts4.0/components/success-progress-bar.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { CustomProgressBarProps } from '../types';
-/**
- * __Success progress bar__
- *
- * A success progress bar indicates the completion of a process.
- *
- * - [Examples](https://atlassian.design/components/progress-bar/success-progress-bar/examples)
- * - [Code](https://atlassian.design/components/progress-bar/success-progress-bar/code)
- */
-declare const SuccessProgressBar: ({ ariaLabel, isIndeterminate, testId, value, }: CustomProgressBarProps) => JSX.Element;
-export default SuccessProgressBar;

package/dist/types-ts4.0/components/transparent-progress-bar.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { CustomProgressBarProps } from '../types';
-/**
- * __Transparent progress bar__
- *
- * A transparent progress bar is used on bold backgrounds to maintain suitable contrast.
- *
- * - [Examples](https://atlassian.design/components/progress-bar/transparent-progress-bar/examples)
- * - [Code](https://atlassian.design/components/progress-bar/transparent-progress-bar/code)
- */
-declare const TransparentProgressBar: ({ ariaLabel, isIndeterminate, testId, value, }: CustomProgressBarProps) => JSX.Element;
-export default TransparentProgressBar;

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

@@ -1,3 +0,0 @@
-export { default } from './components/progress-bar';
-export { default as SuccessProgressBar } from './components/success-progress-bar';
-export { default as TransparentProgressBar } from './components/transparent-progress-bar';

package/dist/types-ts4.0/theme.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { ThemeProps, ThemeTokens } from './types';
-/**
- * Creates the default theme, which can be customised using the `theme` prop
- *
- * @deprecated
- */
-export declare const Theme: {
-    Consumer: import("react").ComponentType<{
-        children: (tokens: ThemeTokens) => import("react").ReactNode;
-    } & ThemeProps>;
-    Provider: import("react").ComponentType<{
-        children?: import("react").ReactNode;
-        value?: import("@atlaskit/theme/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
-    }>;
-    useTheme: (props: ThemeProps) => ThemeTokens;
-};

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

@@ -1,49 +0,0 @@
-import { ThemeProp } from '@atlaskit/theme/components';
-/**
- * @deprecated
- */
-export declare type ThemeProps = {
-    value: string | number;
-};
-/**
- * @deprecated This allows for users to customize the theme. This is being deprecated, please consider
- * migrating to one of progress bar's variants.
- */
-export declare type ThemeTokens = {
-    container: any;
-    bar: any;
-    determinateBar: any;
-    increasingBar: any;
-    decreasingBar: any;
-};
-export interface CustomProgressBarProps {
-    /**
-     * Sets the value of the progress bar, between `0` and `1` inclusive.
-     */
-    value?: number;
-    /**
-     * Shows the progress bar in an indeterminate state when `true`.
-     */
-    isIndeterminate?: boolean;
-    /**
-     * Label associated with the progress bar,
-     * read by screen readers.
-     */
-    ariaLabel?: string;
-    /**
-     * A `testId` prop 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;
-}
-export interface DefaultProgressBarProps extends CustomProgressBarProps {
-    /**
-     * @deprecated
-     * Theme prop is deprecated and will be removed in the future.
-     */
-    theme?: ThemeProp<ThemeTokens, ThemeProps>;
-    /**
-     * Visual style of the progress bar.
-     */
-    appearance?: 'default' | 'success' | 'inverse';
-}