@atlaskit/empty-state 10.0.1 → 10.1.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/empty-state
 
+## 10.1.0
+
+### Minor Changes
+
+- [#173373](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173373)
+  [`8061d8294d7ad`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8061d8294d7ad) -
+  Added option to set headingSize prop on the header in the EmptyState component. Options are medium
+  (default) and xsmall, intended for smaller spaces such as popups.
+
+## 10.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.0.1
 
 ### Patch Changes

package/dist/cjs/empty-state.js

@@ -39,6 +39,8 @@ var EmptyState = function EmptyState(_ref) {
     header = _ref.header,
     _ref$headingLevel = _ref.headingLevel,
     headingLevel = _ref$headingLevel === void 0 ? 4 : _ref$headingLevel,
+    _ref$headingSize = _ref.headingSize,
+    headingSize = _ref$headingSize === void 0 ? 'medium' : _ref$headingSize,
     imageHeight = _ref.imageHeight,
     imageUrl = _ref.imageUrl,
     imageWidth = _ref.imageWidth,
@@ -77,7 +79,7 @@ var EmptyState = function EmptyState(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     paddingBlockEnd: "space.200"
   }, /*#__PURE__*/_react.default.createElement(_heading.default, {
-    size: "medium",
+    size: headingSize,
     as: tag
   }, header)), description && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     paddingBlockEnd: "space.300"

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

@@ -9,8 +9,7 @@ exports.default = void 0;
 require("./actions-container.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var actionsStyles = null;
 
 /**

package/dist/cjs/styled/container.js

@@ -9,8 +9,7 @@ exports.default = void 0;
 require("./container.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var containerStyles = null;
 /* Use max-width so the component can shrink on smaller viewports. */
 var wideContainerStyles = null;

package/dist/cjs/styled/image.js

@@ -11,8 +11,7 @@ require("./image.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CSS_VAR_MAX_WIDTH = '--max-width';

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

@@ -9,8 +9,7 @@ exports.default = void 0;
 require("./spinner-container.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var spinnerContainerStyles = null;
 
 /**

package/dist/es2019/empty-state.js

@@ -31,6 +31,7 @@ const EmptyState = ({
   description,
   header,
   headingLevel = 4,
+  headingSize = 'medium',
   imageHeight,
   imageUrl,
   imageWidth,
@@ -68,7 +69,7 @@ const EmptyState = ({
   }), /*#__PURE__*/React.createElement(Box, {
     paddingBlockEnd: "space.200"
   }, /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
+    size: headingSize,
     as: tag
   }, header)), description && /*#__PURE__*/React.createElement(Box, {
     paddingBlockEnd: "space.300"

package/dist/esm/empty-state.js

@@ -32,6 +32,8 @@ var EmptyState = function EmptyState(_ref) {
     header = _ref.header,
     _ref$headingLevel = _ref.headingLevel,
     headingLevel = _ref$headingLevel === void 0 ? 4 : _ref$headingLevel,
+    _ref$headingSize = _ref.headingSize,
+    headingSize = _ref$headingSize === void 0 ? 'medium' : _ref$headingSize,
     imageHeight = _ref.imageHeight,
     imageUrl = _ref.imageUrl,
     imageWidth = _ref.imageWidth,
@@ -70,7 +72,7 @@ var EmptyState = function EmptyState(_ref) {
   }), /*#__PURE__*/React.createElement(Box, {
     paddingBlockEnd: "space.200"
   }, /*#__PURE__*/React.createElement(Heading, {
-    size: "medium",
+    size: headingSize,
     as: tag
   }, header)), description && /*#__PURE__*/React.createElement(Box, {
     paddingBlockEnd: "space.300"

package/dist/types/empty-state.d.ts

@@ -22,5 +22,5 @@ import type { EmptyStateProps } from './types';
  * };
  * ```
  */
-declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
+declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, headingSize, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
 export default EmptyState;

package/dist/types/types.d.ts

@@ -16,6 +16,11 @@ export interface EmptyStateProps {
      * Must be in the range of 1 to 6. Defaults to 4.
      */
     headingLevel?: number;
+    /**
+     * The keyword used to set the visual appearance of the header element.
+     * Defaults to "medium". "xsmall" can be used for empty states in smaller contexts such as popups.
+     */
+    headingSize?: 'xsmall' | 'medium';
     /**
      * The main block of text that holds additional supporting information.
      */

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

@@ -22,5 +22,5 @@ import type { EmptyStateProps } from './types';
  * };
  * ```
  */
-declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
+declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, headingSize, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element;
 export default EmptyState;

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

@@ -16,6 +16,11 @@ export interface EmptyStateProps {
      * Must be in the range of 1 to 6. Defaults to 4.
      */
     headingLevel?: number;
+    /**
+     * The keyword used to set the visual appearance of the header element.
+     * Defaults to "medium". "xsmall" can be used for empty states in smaller contexts such as popups.
+     */
+    headingSize?: 'xsmall' | 'medium';
     /**
      * The main block of text that holds additional supporting information.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/empty-state",
-	"version": "10.0.1",
+	"version": "10.1.0",
 	"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/"
@@ -27,10 +27,10 @@
 	"dependencies": {
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.9.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -41,7 +41,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^10.0.0",
+		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/section-message": "^8.2.0",