@atlaskit/empty-state 7.7.2 → 7.9.0

package/README.md

@@ -1,8 +1,7 @@
 # Empty state
 
-Empty State is used for various scenarios, for example: empty search, no items,
-broken link, general error message, welcome screen etc. (usually it takes the
-whole page).
+Empty State is used for various scenarios, for example: empty search, no items, broken link, general
+error message, welcome screen etc. (usually it takes the whole page).
 
 ## Installation
 
@@ -12,4 +11,5 @@ yarn add @atlaskit/empty-state
 
 ## Usage
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/core/empty-state).
+Detailed docs and example usage can be found
+[here](https://atlaskit.atlassian.com/packages/core/empty-state).

package/dist/cjs/styled/actions-container.js

@@ -5,14 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var actionsStyles = (0, _react.css)({
   display: 'flex',
-  marginBottom: "var(--ds-space-100, 8px)",
-  paddingLeft: "var(--ds-space-500, 40px)",
   alignItems: 'center',
-  justifyContent: 'center'
+  justifyContent: 'center',
+  marginBlockEnd: "var(--ds-space-100, 8px)",
+  paddingInlineStart: "var(--ds-space-500, 40px)"
 });
 
 /**

package/dist/cjs/styled/container.js

@@ -6,8 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
 var gridSize = (0, _constants.gridSize)();
@@ -22,9 +27,11 @@ var containerStyles = (0, _react.css)({
 
 /* Use max-width so the component can shrink on smaller viewports. */
 var wideContainerStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: "".concat(columnWidth * 6 + gutter * 5, "px")
 });
 var narrowContainerStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: "".concat(columnWidth * 4 + gutter * 3, "px")
 });
 /**

package/dist/cjs/styled/description.js

@@ -6,12 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var descriptionStyles = (0, _react.css)({
-  marginTop: "var(--ds-space-0, 0px)",
-  marginBottom: "var(--ds-space-300, 24px)",
-  color: "var(--ds-text, ".concat(_colors.N800, ")")
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
+  marginBlockEnd: "var(--ds-space-300, 24px)",
+  marginBlockStart: "var(--ds-space-0, 0px)"
 });
 
 /**

package/dist/cjs/styled/header.js

@@ -6,10 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _typography = require("@atlaskit/theme/typography");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-var headerStyles = (0, _react.css)([(0, _typography.h600)(), {
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
+var headerStyles = (0, _react.css)([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+(0, _typography.h600)(), {
   marginTop: "var(--ds-space-0, 0px)",
   marginBottom: "var(--ds-space-200, 16px)"
 }]);

package/dist/cjs/styled/image.js

@@ -7,8 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var CSS_VAR_MAX_WIDTH = '--max-width';
 var CSS_VAR_MAX_HEIGHT = '--max-height';
 var imageStyles = (0, _react.css)({
@@ -36,6 +41,7 @@ var Image = function Image(_ref) {
     width = _ref$width === void 0 ? 'auto' : _ref$width,
     src = _ref.src;
   return (0, _react.jsx)("img", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, CSS_VAR_MAX_WIDTH, "".concat(maxWidth, "px")), (0, _defineProperty2.default)(_ref2, CSS_VAR_MAX_HEIGHT, "".concat(maxHeight, "px")), _ref2),
     width: width,
     height: height,

package/dist/cjs/styled/spinner-container.js

@@ -5,11 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var spinnerContainerStyles = (0, _react.css)({
   width: "var(--ds-space-300, 24px)",
-  marginLeft: "var(--ds-space-200, 16px)"
+  marginInlineStart: "var(--ds-space-200, 16px)"
 });
 
 /**

package/dist/es2019/styled/actions-container.js

@@ -1,12 +1,16 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const actionsStyles = css({
   display: 'flex',
-  marginBottom: "var(--ds-space-100, 8px)",
-  paddingLeft: "var(--ds-space-500, 40px)",
   alignItems: 'center',
-  justifyContent: 'center'
+  justifyContent: 'center',
+  marginBlockEnd: "var(--ds-space-100, 8px)",
+  paddingInlineStart: "var(--ds-space-500, 40px)"
 });
 
 /**

package/dist/es2019/styled/container.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -16,9 +20,11 @@ const containerStyles = css({
 
 /* Use max-width so the component can shrink on smaller viewports. */
 const wideContainerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: `${columnWidth * 6 + gutter * 5}px`
 });
 const narrowContainerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: `${columnWidth * 4 + gutter * 3}px`
 });
 /**

package/dist/es2019/styled/description.js

@@ -1,11 +1,15 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N800 } from '@atlaskit/theme/colors';
 const descriptionStyles = css({
-  marginTop: "var(--ds-space-0, 0px)",
-  marginBottom: "var(--ds-space-300, 24px)",
-  color: `var(--ds-text, ${N800})`
+  color: `var(--ds-text, ${N800})`,
+  marginBlockEnd: "var(--ds-space-300, 24px)",
+  marginBlockStart: "var(--ds-space-0, 0px)"
 });
 
 /**

package/dist/es2019/styled/header.js

@@ -1,9 +1,15 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { h600 } from '@atlaskit/theme/typography';
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-const headerStyles = css([h600(), {
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
+const headerStyles = css([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+h600(), {
   marginTop: "var(--ds-space-0, 0px)",
   marginBottom: "var(--ds-space-200, 16px)"
 }]);

package/dist/es2019/styled/image.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const CSS_VAR_MAX_WIDTH = '--max-width';
 const CSS_VAR_MAX_HEIGHT = '--max-height';
@@ -25,6 +29,7 @@ const Image = ({
   width = 'auto',
   src
 }) => jsx("img", {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   style: {
     [CSS_VAR_MAX_WIDTH]: `${maxWidth}px`,
     [CSS_VAR_MAX_HEIGHT]: `${maxHeight}px`

package/dist/es2019/styled/spinner-container.js

@@ -1,9 +1,13 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const spinnerContainerStyles = css({
   width: "var(--ds-space-300, 24px)",
-  marginLeft: "var(--ds-space-200, 16px)"
+  marginInlineStart: "var(--ds-space-200, 16px)"
 });
 
 /**

package/dist/esm/styled/actions-container.js

@@ -1,12 +1,16 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var actionsStyles = css({
   display: 'flex',
-  marginBottom: "var(--ds-space-100, 8px)",
-  paddingLeft: "var(--ds-space-500, 40px)",
   alignItems: 'center',
-  justifyContent: 'center'
+  justifyContent: 'center',
+  marginBlockEnd: "var(--ds-space-100, 8px)",
+  paddingInlineStart: "var(--ds-space-500, 40px)"
 });
 
 /**

package/dist/esm/styled/container.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -16,9 +20,11 @@ var containerStyles = css({
 
 /* Use max-width so the component can shrink on smaller viewports. */
 var wideContainerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: "".concat(columnWidth * 6 + gutter * 5, "px")
 });
 var narrowContainerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: "".concat(columnWidth * 4 + gutter * 3, "px")
 });
 /**

package/dist/esm/styled/description.js

@@ -1,11 +1,15 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N800 } from '@atlaskit/theme/colors';
 var descriptionStyles = css({
-  marginTop: "var(--ds-space-0, 0px)",
-  marginBottom: "var(--ds-space-300, 24px)",
-  color: "var(--ds-text, ".concat(N800, ")")
+  color: "var(--ds-text, ".concat(N800, ")"),
+  marginBlockEnd: "var(--ds-space-300, 24px)",
+  marginBlockStart: "var(--ds-space-0, 0px)"
 });
 
 /**

package/dist/esm/styled/header.js

@@ -1,9 +1,15 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { h600 } from '@atlaskit/theme/typography';
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-var headerStyles = css([h600(), {
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
+var headerStyles = css([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+h600(), {
   marginTop: "var(--ds-space-0, 0px)",
   marginBottom: "var(--ds-space-200, 16px)"
 }]);

package/dist/esm/styled/image.js

@@ -1,6 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var CSS_VAR_MAX_WIDTH = '--max-width';
 var CSS_VAR_MAX_HEIGHT = '--max-height';
@@ -29,6 +33,7 @@ var Image = function Image(_ref) {
     width = _ref$width === void 0 ? 'auto' : _ref$width,
     src = _ref.src;
   return jsx("img", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: (_ref2 = {}, _defineProperty(_ref2, CSS_VAR_MAX_WIDTH, "".concat(maxWidth, "px")), _defineProperty(_ref2, CSS_VAR_MAX_HEIGHT, "".concat(maxHeight, "px")), _ref2),
     width: width,
     height: height,

package/dist/esm/styled/spinner-container.js

@@ -1,9 +1,13 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var spinnerContainerStyles = css({
   width: "var(--ds-space-300, 24px)",
-  marginLeft: "var(--ds-space-200, 16px)"
+  marginInlineStart: "var(--ds-space-200, 16px)"
 });
 
 /**

package/dist/types/styled/actions-container.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 /**
  * __Actions container__
  *

package/dist/types/styled/container.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 import type { Width } from '../index';
 type ContainerProps = {
     testId?: string;

package/dist/types/styled/description.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 /**
  * __Description__
  *

package/dist/types/styled/header.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC } from 'react';
+import { type FC } from 'react';
 type HeaderProps = {
     children: string;
     level?: number;

package/dist/types/styled/image.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC } from 'react';
+import { type FC } from 'react';
 type ImageProps = {
     height?: number;
     maxHeight: number;

package/dist/types/styled/spinner-container.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 /**
  * __Spinner container__
  *

package/dist/types-ts4.5/styled/actions-container.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 /**
  * __Actions container__
  *

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

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 import type { Width } from '../index';
 type ContainerProps = {
     testId?: string;

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

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 /**
  * __Description__
  *

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

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC } from 'react';
+import { type FC } from 'react';
 type HeaderProps = {
     children: string;
     level?: number;

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

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC } from 'react';
+import { type FC } from 'react';
 type ImageProps = {
     height?: number;
     maxHeight: number;

package/dist/types-ts4.5/styled/spinner-container.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 /**
  * __Spinner container__
  *