@atlaskit/empty-state 7.6.0 → 7.6.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/empty-state
 
+## 7.6.1
+
+### Patch Changes
+
+- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
+
 ## 7.6.0
 
 ### Minor Changes

package/dist/cjs/styled/container.js

@@ -15,7 +15,7 @@ var verticalMarginSize = "var(--ds-space-600, 48px)";
 var columnWidth = gridSize * 8;
 var gutter = gridSize * 2;
 var containerStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: "".concat(verticalMarginSize, " auto"),
   textAlign: 'center'
 });

package/dist/cjs/styled/image.js

@@ -15,7 +15,7 @@ var imageStyles = (0, _react.css)({
   display: 'block',
   maxWidth: "var(".concat(CSS_VAR_MAX_WIDTH, ")"),
   maxHeight: "var(".concat(CSS_VAR_MAX_HEIGHT, ")"),
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: "0 auto ".concat("var(--ds-space-300, 24px)")
 });
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/empty-state",
-	"version": "7.6.0",
+	"version": "7.6.1",
 	"sideEffects": false
 }

package/dist/es2019/empty-state.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Spinner from '@atlaskit/spinner';
-import { ActionsContainer, Container, Description, Header, Image, SpinnerContainer } from './styled';
+import { ActionsContainer, Container, Description, Header, Image as HeaderImage, SpinnerContainer } from './styled';
 /**
  * __Empty state__
  *
@@ -48,7 +48,7 @@ const EmptyState = ({
   return /*#__PURE__*/React.createElement(Container, {
     testId: testId,
     width: width || size || 'wide'
-  }, imageUrl ? /*#__PURE__*/React.createElement(Image, {
+  }, imageUrl ? /*#__PURE__*/React.createElement(HeaderImage, {
     src: imageUrl,
     maxWidth: maxImageWidth,
     maxHeight: maxImageHeight,

package/dist/es2019/styled/container.js

@@ -9,7 +9,7 @@ const verticalMarginSize = "var(--ds-space-600, 48px)";
 const columnWidth = gridSize * 8;
 const gutter = gridSize * 2;
 const containerStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: `${verticalMarginSize} auto`,
   textAlign: 'center'
 });

package/dist/es2019/styled/image.js

@@ -7,7 +7,7 @@ const imageStyles = css({
   display: 'block',
   maxWidth: `var(${CSS_VAR_MAX_WIDTH})`,
   maxHeight: `var(${CSS_VAR_MAX_HEIGHT})`,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: `0 auto ${"var(--ds-space-300, 24px)"}`
 });
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/empty-state",
-	"version": "7.6.0",
+	"version": "7.6.1",
 	"sideEffects": false
 }

package/dist/esm/empty-state.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Spinner from '@atlaskit/spinner';
-import { ActionsContainer, Container, Description, Header, Image, SpinnerContainer } from './styled';
+import { ActionsContainer, Container, Description, Header, Image as HeaderImage, SpinnerContainer } from './styled';
 /**
  * __Empty state__
  *
@@ -50,7 +50,7 @@ var EmptyState = function EmptyState(_ref) {
   return /*#__PURE__*/React.createElement(Container, {
     testId: testId,
     width: width || size || 'wide'
-  }, imageUrl ? /*#__PURE__*/React.createElement(Image, {
+  }, imageUrl ? /*#__PURE__*/React.createElement(HeaderImage, {
     src: imageUrl,
     maxWidth: maxImageWidth,
     maxHeight: maxImageHeight,

package/dist/esm/styled/container.js

@@ -9,7 +9,7 @@ var verticalMarginSize = "var(--ds-space-600, 48px)";
 var columnWidth = gridSize * 8;
 var gutter = gridSize * 2;
 var containerStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: "".concat(verticalMarginSize, " auto"),
   textAlign: 'center'
 });

package/dist/esm/styled/image.js

@@ -8,7 +8,7 @@ var imageStyles = css({
   display: 'block',
   maxWidth: "var(".concat(CSS_VAR_MAX_WIDTH, ")"),
   maxHeight: "var(".concat(CSS_VAR_MAX_HEIGHT, ")"),
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: "0 auto ".concat("var(--ds-space-300, 24px)")
 });
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/empty-state",
-	"version": "7.6.0",
+	"version": "7.6.1",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/empty-state",
-  "version": "7.6.0",
+  "version": "7.6.1",
   "description": "An empty state appears when there is no data to display and describes what the user can do next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
     "@atlaskit/button": "^16.8.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.9.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -43,13 +43,12 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/docs": "*",
+    "@af/accessibility-testing": "*",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/ssr": "*",
     "@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",
     "wait-for-expect": "^1.2.0"

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

@@ -1,56 +0,0 @@
-## API Report File for "@atlaskit/empty-state"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import type { ReactNode } from 'react';
-
-// @public
-const EmptyState: ({ description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, size, tertiaryAction, testId, }: EmptyStateProps) => JSX.Element;
-export default EmptyState;
-
-// @public (undocumented)
-export interface EmptyStateProps {
-    description?: ReactNode;
-    header: string;
-    headingLevel?: number;
-    imageHeight?: number;
-    imageUrl?: string;
-    imageWidth?: number;
-    isLoading?: boolean;
-    maxImageHeight?: number;
-    maxImageWidth?: number;
-    primaryAction?: ReactNode;
-    renderImage?: (props: RenderImageProps) => React.ReactNode;
-    secondaryAction?: ReactNode;
-    // @deprecated (undocumented)
-    size?: Width;
-    tertiaryAction?: ReactNode;
-    testId?: string;
-    width?: Width;
-}
-
-// @public (undocumented)
-export interface RenderImageProps {
-    // (undocumented)
-    imageHeight?: number;
-    // (undocumented)
-    imageWidth?: number;
-    // (undocumented)
-    maxImageHeight?: number;
-    // (undocumented)
-    maxImageWidth?: number;
-}
-
-// @public (undocumented)
-export type Sizes = 'narrow' | 'wide';
-
-// @public (undocumented)
-export type Width = Sizes;
-
-// (No @packageDocumentation comment for this package)
-
-```