@atlaskit/progress-bar 1.0.2 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/progress-bar
 
+## 2.0.1
+
+### Patch Changes
+
+- [#69022](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69022) [`395c74147990`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/395c74147990) - Migrate packages to use declarative entry points
+
+## 2.0.0
+
+### Major Changes
+
+- [#52318](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/52318) [`71ad9704d42f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/71ad9704d42f) - Removed all remaining legacy theming logic from the ProgressBar component.
+
 ## 1.0.2
 
 ### Patch Changes

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

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 var _colors = require("@atlaskit/theme/colors");
-var _theme = require("../theme");
 /** @jsx jsx */
 
 var MIN_VALUE = 0;
@@ -98,35 +95,27 @@ var ProgressBar = function ProgressBar(_ref) {
     isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'progress-bar' : _ref$testId,
-    theme = _ref.theme,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? 0 : _ref$value;
   var valueParsed = isIndeterminate ? MIN_VALUE : Math.max(MIN_VALUE, Math.min(value, MAX_VALUE));
-  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/progress-bar" || '', 'theme', (0, _typeof2.default)(theme) !== undefined, 'https://community.developer.atlassian.com/t/theme-prop-in-atlaskit-progress-bar-is-being-deprecated/56198');
-  return (0, _react2.jsx)(_theme.Theme.Provider, {
-    value: theme
-  }, (0, _react2.jsx)(_theme.Theme.Consumer, {
-    value: value
-  }, function (tokens) {
-    return (0, _react2.jsx)("div", {
-      css: [containerStyles, containerAppearance[appearance], tokens.container],
-      role: "progressbar",
-      "aria-label": ariaLabel,
-      "aria-valuemin": MIN_VALUE,
-      "aria-valuenow": valueParsed,
-      "aria-valuemax": MAX_VALUE,
-      tabIndex: 0,
-      "data-testid": testId
-    }, isIndeterminate ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("span", {
-      css: [barStyles, barAppearance[appearance], increasingBarStyles, tokens.bar, tokens.increasingBar]
-    }), (0, _react2.jsx)("span", {
-      css: [barStyles, barAppearance[appearance], decreasingBarStyles, tokens.bar, tokens.decreasingBar]
-    })) : (0, _react2.jsx)("span", {
-      style: {
-        width: "".concat(Number(value) * 100, "%")
-      },
-      css: [barStyles, barAppearance[appearance], determinateBarStyles, tokens.bar, tokens.determinateBar]
-    }));
+  return (0, _react2.jsx)("div", {
+    css: [containerStyles, containerAppearance[appearance]],
+    role: "progressbar",
+    "aria-label": ariaLabel,
+    "aria-valuemin": MIN_VALUE,
+    "aria-valuenow": valueParsed,
+    "aria-valuemax": MAX_VALUE,
+    tabIndex: 0,
+    "data-testid": testId
+  }, isIndeterminate ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("span", {
+    css: [barStyles, barAppearance[appearance], increasingBarStyles]
+  }), (0, _react2.jsx)("span", {
+    css: [barStyles, barAppearance[appearance], decreasingBarStyles]
+  })) : (0, _react2.jsx)("span", {
+    style: {
+      width: "".concat(Number(value) * 100, "%")
+    },
+    css: [barStyles, barAppearance[appearance], determinateBarStyles]
   }));
 };
 var _default = exports.default = ProgressBar;

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

@@ -1,9 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx, keyframes } from '@emotion/react';
-import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import { G300, N40A, N500 } from '@atlaskit/theme/colors';
-import { Theme } from '../theme';
 const MIN_VALUE = 0;
 const MAX_VALUE = 1;
 const increasingBarAnimation = keyframes({
@@ -86,17 +84,11 @@ const ProgressBar = ({
   ariaLabel,
   isIndeterminate = false,
   testId = 'progress-bar',
-  theme,
   value = 0
 }) => {
   const valueParsed = isIndeterminate ? MIN_VALUE : Math.max(MIN_VALUE, Math.min(value, MAX_VALUE));
-  propDeprecationWarning("@atlaskit/progress-bar" || '', 'theme', typeof theme !== undefined, 'https://community.developer.atlassian.com/t/theme-prop-in-atlaskit-progress-bar-is-being-deprecated/56198');
-  return jsx(Theme.Provider, {
-    value: theme
-  }, jsx(Theme.Consumer, {
-    value: value
-  }, tokens => jsx("div", {
-    css: [containerStyles, containerAppearance[appearance], tokens.container],
+  return jsx("div", {
+    css: [containerStyles, containerAppearance[appearance]],
     role: "progressbar",
     "aria-label": ariaLabel,
     "aria-valuemin": MIN_VALUE,
@@ -105,14 +97,14 @@ const ProgressBar = ({
     tabIndex: 0,
     "data-testid": testId
   }, isIndeterminate ? jsx(React.Fragment, null, jsx("span", {
-    css: [barStyles, barAppearance[appearance], increasingBarStyles, tokens.bar, tokens.increasingBar]
+    css: [barStyles, barAppearance[appearance], increasingBarStyles]
   }), jsx("span", {
-    css: [barStyles, barAppearance[appearance], decreasingBarStyles, tokens.bar, tokens.decreasingBar]
+    css: [barStyles, barAppearance[appearance], decreasingBarStyles]
   })) : jsx("span", {
     style: {
       width: `${Number(value) * 100}%`
     },
-    css: [barStyles, barAppearance[appearance], determinateBarStyles, tokens.bar, tokens.determinateBar]
-  }))));
+    css: [barStyles, barAppearance[appearance], determinateBarStyles]
+  }));
 };
 export default ProgressBar;

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

@@ -1,10 +1,7 @@
-import _typeof from "@babel/runtime/helpers/typeof";
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx, keyframes } from '@emotion/react';
-import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import { G300, N40A, N500 } from '@atlaskit/theme/colors';
-import { Theme } from '../theme';
 var MIN_VALUE = 0;
 var MAX_VALUE = 1;
 var increasingBarAnimation = keyframes({
@@ -90,35 +87,27 @@ var ProgressBar = function ProgressBar(_ref) {
     isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'progress-bar' : _ref$testId,
-    theme = _ref.theme,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? 0 : _ref$value;
   var valueParsed = isIndeterminate ? MIN_VALUE : Math.max(MIN_VALUE, Math.min(value, MAX_VALUE));
-  propDeprecationWarning("@atlaskit/progress-bar" || '', 'theme', _typeof(theme) !== undefined, 'https://community.developer.atlassian.com/t/theme-prop-in-atlaskit-progress-bar-is-being-deprecated/56198');
-  return jsx(Theme.Provider, {
-    value: theme
-  }, jsx(Theme.Consumer, {
-    value: value
-  }, function (tokens) {
-    return jsx("div", {
-      css: [containerStyles, containerAppearance[appearance], tokens.container],
-      role: "progressbar",
-      "aria-label": ariaLabel,
-      "aria-valuemin": MIN_VALUE,
-      "aria-valuenow": valueParsed,
-      "aria-valuemax": MAX_VALUE,
-      tabIndex: 0,
-      "data-testid": testId
-    }, isIndeterminate ? jsx(React.Fragment, null, jsx("span", {
-      css: [barStyles, barAppearance[appearance], increasingBarStyles, tokens.bar, tokens.increasingBar]
-    }), jsx("span", {
-      css: [barStyles, barAppearance[appearance], decreasingBarStyles, tokens.bar, tokens.decreasingBar]
-    })) : jsx("span", {
-      style: {
-        width: "".concat(Number(value) * 100, "%")
-      },
-      css: [barStyles, barAppearance[appearance], determinateBarStyles, tokens.bar, tokens.determinateBar]
-    }));
+  return jsx("div", {
+    css: [containerStyles, containerAppearance[appearance]],
+    role: "progressbar",
+    "aria-label": ariaLabel,
+    "aria-valuemin": MIN_VALUE,
+    "aria-valuenow": valueParsed,
+    "aria-valuemax": MAX_VALUE,
+    tabIndex: 0,
+    "data-testid": testId
+  }, isIndeterminate ? jsx(React.Fragment, null, jsx("span", {
+    css: [barStyles, barAppearance[appearance], increasingBarStyles]
+  }), jsx("span", {
+    css: [barStyles, barAppearance[appearance], decreasingBarStyles]
+  })) : jsx("span", {
+    style: {
+      width: "".concat(Number(value) * 100, "%")
+    },
+    css: [barStyles, barAppearance[appearance], determinateBarStyles]
   }));
 };
 export default ProgressBar;

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

@@ -9,5 +9,5 @@ import { DefaultProgressBarProps } from '../types';
  * - [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;
+declare const ProgressBar: ({ appearance, ariaLabel, isIndeterminate, testId, value, }: DefaultProgressBarProps) => jsx.JSX.Element;
 export default ProgressBar;

package/dist/types/types.d.ts

@@ -1,21 +1,3 @@
-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.
@@ -37,11 +19,6 @@ export interface CustomProgressBarProps {
     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.
      */

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

@@ -9,5 +9,5 @@ import { DefaultProgressBarProps } from '../types';
  * - [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;
+declare const ProgressBar: ({ appearance, ariaLabel, isIndeterminate, testId, value, }: DefaultProgressBarProps) => jsx.JSX.Element;
 export default ProgressBar;

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

@@ -1,21 +1,3 @@
-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.
@@ -37,11 +19,6 @@ export interface CustomProgressBarProps {
     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.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/progress-bar",
-  "version": "1.0.2",
+  "version": "2.0.1",
   "description": "A progress bar communicates the status of a system process.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -14,9 +14,12 @@
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
+  "af:exports": {
+    ".": "./src/index.tsx",
+    "./types": "./src/types.tsx"
+  },
   "atlassian": {
     "team": "Design System Team",
-    "deprecatedAutoEntryPoints": true,
     "releaseModel": "continuous",
     "productPushConsumption": [
       "jira"
@@ -27,9 +30,8 @@
     }
   },
   "dependencies": {
-    "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.34.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -78,4 +80,4 @@
   },
   "homepage": "https://atlassian.design/components/progress-bar/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/dist/cjs/theme.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Theme = void 0;
-var _components = require("@atlaskit/theme/components");
-/**
- * Creates the default theme, which can be customised using the `theme` prop
- *
- * @deprecated
- */
-var Theme = exports.Theme = (0, _components.createTheme)(function (props) {
-  return {
-    container: {},
-    bar: {},
-    determinateBar: {},
-    increasingBar: {},
-    decreasingBar: {}
-  };
-});

package/dist/es2019/theme.js

@@ -1,13 +0,0 @@
-import { createTheme } from '@atlaskit/theme/components';
-/**
- * Creates the default theme, which can be customised using the `theme` prop
- *
- * @deprecated
- */
-export const Theme = createTheme(props => ({
-  container: {},
-  bar: {},
-  determinateBar: {},
-  increasingBar: {},
-  decreasingBar: {}
-}));

package/dist/esm/theme.js

@@ -1,15 +0,0 @@
-import { createTheme } from '@atlaskit/theme/components';
-/**
- * Creates the default theme, which can be customised using the `theme` prop
- *
- * @deprecated
- */
-export var Theme = createTheme(function (props) {
-  return {
-    container: {},
-    bar: {},
-    determinateBar: {},
-    increasingBar: {},
-    decreasingBar: {}
-  };
-});

package/dist/types/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.5/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/theme/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "@atlaskit/progress-bar/theme",
-  "main": "../dist/cjs/theme.js",
-  "module": "../dist/esm/theme.js",
-  "module:es2019": "../dist/es2019/theme.js",
-  "sideEffects": false,
-  "types": "../dist/types/theme.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "../dist/types-ts4.5/theme.d.ts"
-      ]
-    }
-  }
-}

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

@@ -1,53 +0,0 @@
-## 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)
-
-```