@atlaskit/progress-bar 0.6.1 → 0.6.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/progress-bar
 
+## 0.6.3
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
+## 0.6.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
 ## 0.6.1
 
 ### Patch Changes

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

@@ -40,7 +40,7 @@ var containerStyles = (0, _react2.css)({
   height: 6,
   position: 'relative',
   background: "var(--ds-background-neutral, ".concat(_colors.N40A, ")"),
-  borderRadius: 3,
+  borderRadius: "var(--ds-border-radius, 3px)",
   overflow: 'hidden'
 });
 var containerAppearance = {
@@ -69,7 +69,7 @@ var barStyles = (0, _react2.css)({
   display: 'block',
   height: 6,
   position: 'absolute',
-  borderRadius: 3
+  borderRadius: "var(--ds-border-radius, 3px)"
 });
 var determinateBarStyles = (0, _react2.css)({
   transition: 'width 0.2s'

package/dist/cjs/version.json

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

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

@@ -31,7 +31,7 @@ const containerStyles = css({
   height: 6,
   position: 'relative',
   background: `var(--ds-background-neutral, ${N40A})`,
-  borderRadius: 3,
+  borderRadius: "var(--ds-border-radius, 3px)",
   overflow: 'hidden'
 });
 const containerAppearance = {
@@ -60,7 +60,7 @@ const barStyles = css({
   display: 'block',
   height: 6,
   position: 'absolute',
-  borderRadius: 3
+  borderRadius: "var(--ds-border-radius, 3px)"
 });
 const determinateBarStyles = css({
   transition: 'width 0.2s'

package/dist/es2019/version.json

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

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

@@ -32,7 +32,7 @@ var containerStyles = css({
   height: 6,
   position: 'relative',
   background: "var(--ds-background-neutral, ".concat(N40A, ")"),
-  borderRadius: 3,
+  borderRadius: "var(--ds-border-radius, 3px)",
   overflow: 'hidden'
 });
 var containerAppearance = {
@@ -61,7 +61,7 @@ var barStyles = css({
   display: 'block',
   height: 6,
   position: 'absolute',
-  borderRadius: 3
+  borderRadius: "var(--ds-border-radius, 3px)"
 });
 var determinateBarStyles = css({
   transition: 'width 0.2s'

package/dist/esm/version.json

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

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

@@ -0,0 +1,13 @@
+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.5/components/success-progress-bar.d.ts

@@ -0,0 +1,12 @@
+/// <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.5/components/transparent-progress-bar.d.ts

@@ -0,0 +1,12 @@
+/// <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.5/index.d.ts

@@ -0,0 +1,3 @@
+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.5/theme.d.ts

@@ -0,0 +1,17 @@
+/// <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.5/types.d.ts

@@ -0,0 +1,49 @@
+import { ThemeProp } from '@atlaskit/theme/components';
+/**
+ * @deprecated
+ */
+export 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 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';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/progress-bar",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "A progress bar communicates the status of a system process.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
   "atlassian": {
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Progress bar",
       "category": "Components"
@@ -35,7 +35,7 @@
   "dependencies": {
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -43,12 +43,12 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.7.0",
     "@atlaskit/docs": "*",
     "@atlaskit/section-message": "^6.4.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",
+    "jest-axe": "^4.0.0",
     "react-dom": "^16.8.0",
     "typescript": "~4.9.5"
   },

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -79,3 +80,15 @@ export const TransparentProgressBar: ({
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,53 @@
+## API Report File for "@atlaskit/progress-bar"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { jsx } from '@emotion/react';
+import { ThemeProp } from '@atlaskit/theme/components';
+
+// @public (undocumented)
+interface CustomProgressBarProps {
+    ariaLabel?: string;
+    isIndeterminate?: boolean;
+    testId?: string;
+    value?: number;
+}
+
+// @public (undocumented)
+interface DefaultProgressBarProps extends CustomProgressBarProps {
+    appearance?: 'default' | 'inverse' | 'success';
+    // @deprecated (undocumented)
+    theme?: ThemeProp<ThemeTokens, ThemeProps>;
+}
+
+// @public
+const ProgressBar: ({ appearance, ariaLabel, isIndeterminate, testId, theme, value, }: DefaultProgressBarProps) => jsx.JSX.Element;
+export default ProgressBar;
+
+// @public
+export const SuccessProgressBar: ({ ariaLabel, isIndeterminate, testId, value, }: CustomProgressBarProps) => JSX.Element;
+
+// @public @deprecated (undocumented)
+type ThemeProps = {
+    value: number | string;
+};
+
+// @public @deprecated (undocumented)
+type ThemeTokens = {
+    container: any;
+    bar: any;
+    determinateBar: any;
+    increasingBar: any;
+    decreasingBar: any;
+};
+
+// @public
+export const TransparentProgressBar: ({ ariaLabel, isIndeterminate, testId, value, }: CustomProgressBarProps) => JSX.Element;
+
+// (No @packageDocumentation comment for this package)
+
+```