@atlaskit/progress-indicator 9.3.1 → 9.3.3

package/CHANGELOG.md

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

package/dist/cjs/components/indicator.js

@@ -32,7 +32,8 @@ var commonStyles = (0, _react.css)({
   }
 });
 var buttonStyles = (0, _react.css)({
-  padding: 0,
+  // TODO Delete this comment after verifying spacing token -> previous value `0`
+  padding: "var(--ds-scale-0, 0px)",
   border: 0,
   cursor: 'pointer',
   outline: 0

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

@@ -35,7 +35,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /** @jsx jsx */
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "9.3.1";
+var packageVersion = "9.3.3";
 var containerStyles = (0, _react2.css)({
   display: 'flex',
   justifyContent: 'center',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.3.1",
+	"version": "9.3.3",
 	"sideEffects": false
 }

package/dist/es2019/components/indicator.js

@@ -20,7 +20,8 @@ const commonStyles = css({
   }
 });
 const buttonStyles = css({
-  padding: 0,
+  // TODO Delete this comment after verifying spacing token -> previous value `0`
+  padding: "var(--ds-scale-0, 0px)",
   border: 0,
   cursor: 'pointer',
   outline: 0

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

@@ -9,7 +9,7 @@ import { getBgColor } from './appearances';
 import { sizes, spacingDivision, varDotsMargin, varDotsSize } from './constants';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 const packageName = "@atlaskit/progress-indicator";
-const packageVersion = "9.3.1";
+const packageVersion = "9.3.3";
 const containerStyles = css({
   display: 'flex',
   justifyContent: 'center',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.3.1",
+	"version": "9.3.3",
 	"sideEffects": false
 }

package/dist/esm/components/indicator.js

@@ -20,7 +20,8 @@ var commonStyles = css({
   }
 });
 var buttonStyles = css({
-  padding: 0,
+  // TODO Delete this comment after verifying spacing token -> previous value `0`
+  padding: "var(--ds-scale-0, 0px)",
   border: 0,
   cursor: 'pointer',
   outline: 0

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

@@ -11,7 +11,7 @@ import { getBgColor } from './appearances';
 import { sizes, spacingDivision, varDotsMargin, varDotsSize } from './constants';
 import { ButtonIndicator, PresentationalIndicator } from './indicator';
 var packageName = "@atlaskit/progress-indicator";
-var packageVersion = "9.3.1";
+var packageVersion = "9.3.3";
 var containerStyles = css({
   display: 'flex',
   justifyContent: 'center',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/progress-indicator",
-	"version": "9.3.1",
+	"version": "9.3.3",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/progress-indicator",
-  "version": "9.3.1",
+  "version": "9.3.3",
   "description": "A progress indicator shows the user where they are along the steps of a journey.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,16 +12,10 @@
   "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",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -32,9 +26,9 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.0.0",
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/focus-ring": "^1.0.0",
+    "@atlaskit/focus-ring": "^1.2.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",
     "bind-event-listener": "^2.1.1"
@@ -43,9 +37,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/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -71,6 +65,7 @@
         "emotion"
       ],
       "analytics": "analytics-next",
+      "design-tokens": "spacing",
       "theming": "tokens",
       "deprecation": "no-deprecated-imports"
     }

package/report.api.md

@@ -2,30 +2,26 @@
 
 > 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
 /// <reference types="react" />
 
 import { FC } from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 
-declare type DotsAppearance = 'default' | 'help' | 'inverted' | 'primary';
+// @public (undocumented)
+type DotsAppearance = 'default' | 'help' | 'inverted' | 'primary';
 
-export declare interface ProgressDotsProps {
-  /**
-   * The color of the indicators
-   */
+// @public (undocumented)
+export interface ProgressDotsProps {
   appearance?: DotsAppearance;
-  /**
-   * The aria-controls text applied to each indicator, appended by the index
-   */
   ariaControls?: string;
-  /**
-   * The aria-label text applied to each indicator, appended by the index
-   */
   ariaLabel?: string;
-  /**
-   * Function called when an indicator is selected
-   */
   onSelect?: (
     eventData: {
       event: React.MouseEvent<HTMLButtonElement>;
@@ -33,38 +29,21 @@ export declare interface ProgressDotsProps {
     },
     analyticsEvent: UIAnalyticsEvent,
   ) => void;
-  /**
-   * Which indicator is currently selected
-   */
   selectedIndex: number;
-  /**
-   * Corresponds to the width & height of each indicator
-   */
   size?: Size;
-  /**
-   * How much of a gutter is desired between indicators
-   */
   spacing?: Spacing;
-  /**
-   * A hook for automated tests.
-   */
   testId?: string;
-  /**
-   * An array of values mapped over to create the indicators
-   */
   values: any[];
 }
 
-/**
- * __ProgressDots__
- *
- * A progress indicator shows the user where they are along the steps of a journey.
- */
-export declare const ProgressIndicator: FC<ProgressDotsProps>;
+// @public
+export const ProgressIndicator: FC<ProgressDotsProps>;
 
-declare type Size = 'small' | 'default' | 'large';
+// @public (undocumented)
+type Size = 'small' | 'default' | 'large';
 
-declare type Spacing = 'comfortable' | 'cozy' | 'compact';
+// @public (undocumented)
+type Spacing = 'comfortable' | 'cozy' | 'compact';
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```

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

@@ -1,2 +0,0 @@
-import type { DotsAppearance } from './types';
-export declare const getBgColor: (appearance: DotsAppearance, isSelected: boolean) => import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon-subtle)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon-discovery)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon-inverse)"> | import("@atlaskit/theme").ThemedValue<"var(--ds-icon-brand)">;

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

@@ -1,12 +0,0 @@
-export declare const sizes: {
-    small: number;
-    default: number;
-    large: number;
-};
-export declare const spacingDivision: {
-    comfortable: number;
-    cozy: number;
-    compact: number;
-};
-export declare const varDotsSize = "--ds-dots-size";
-export declare const varDotsMargin = "--ds-dots-margin";

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

@@ -1,15 +0,0 @@
-/** @jsx jsx */
-import type { HTMLAttributes } from 'react';
-import { jsx } from '@emotion/react';
-/**
- * __Presentational indicator__
- *
- * A presentational indicator with no interactivity
- */
-export declare const PresentationalIndicator: (props: HTMLAttributes<HTMLDivElement>) => jsx.JSX.Element;
-/**
- * __Button indicator__
- *
- * An interactive indicator.
- */
-export declare const ButtonIndicator: (props: HTMLAttributes<HTMLButtonElement>) => jsx.JSX.Element;

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

@@ -1,10 +0,0 @@
-/** @jsx jsx */
-import { FC } from 'react';
-import type { ProgressDotsProps } from '../types';
-/**
- * __ProgressDots__
- *
- * A progress indicator shows the user where they are along the steps of a journey.
- */
-declare const ProgressDots: FC<ProgressDotsProps>;
-export default ProgressDots;

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

@@ -1,3 +0,0 @@
-export declare type DotsAppearance = 'default' | 'help' | 'inverted' | 'primary';
-export declare type Spacing = 'comfortable' | 'cozy' | 'compact';
-export declare type Size = 'small' | 'default' | 'large';

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

@@ -1,2 +0,0 @@
-export { default as ProgressIndicator } from './components/progress-dots';
-export type { ProgressDotsProps } from './types';

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

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { DotsAppearance, Size, Spacing } from './components/types';
-export interface ProgressDotsProps {
-    /**
-     * The color of the indicators
-     */
-    appearance?: DotsAppearance;
-    /**
-     * The aria-controls text applied to each indicator, appended by the index
-     */
-    ariaControls?: string;
-    /**
-     * The aria-label text applied to each indicator, appended by the index
-     */
-    ariaLabel?: string;
-    /**
-     * Function called when an indicator is selected
-     */
-    onSelect?: (eventData: {
-        event: React.MouseEvent<HTMLButtonElement>;
-        index: number;
-    }, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Which indicator is currently selected
-     */
-    selectedIndex: number;
-    /**
-     * Corresponds to the width & height of each indicator
-     */
-    size?: Size;
-    /**
-     * How much of a gutter is desired between indicators
-     */
-    spacing?: Spacing;
-    /**
-     * A hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * An array of values mapped over to create the indicators
-     */
-    values: any[];
-}