@atlaskit/modal-dialog 12.6.0 → 12.6.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/modal-dialog
 
+## 12.6.2
+
+### Patch Changes
+
+- [`abf69e9a4f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/abf69e9a4f6) - Removes usage of deprecated theme mixins in favor of static token / color usage.
+
+## 12.6.1
+
+### Patch Changes
+
+- [`b6b02e57520`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b6b02e57520) - Restore support for foreground modal
+
 ## 12.6.0
 
 ### Minor Changes

package/dist/cjs/internal/constants.js

@@ -32,7 +32,7 @@ var keylineHeight = 2;
 exports.keylineHeight = keylineHeight;
 var keylineColor = "var(--ds-border, ".concat(_colors.N30, ")");
 exports.keylineColor = keylineColor;
-var textColor = "var(--ds-text, ".concat((0, _colors.text)(), ")");
+var textColor = "var(--ds-text, ".concat(_colors.N900, ")");
 exports.textColor = textColor;
 var iconColor = {
   danger: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),

package/dist/cjs/modal-wrapper.js

@@ -86,7 +86,7 @@ var ModalWrapper = function ModalWrapper(props) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.6.0"
+    packageVersion: "12.6.2"
   });
   var onBlanketClicked = (0, _react.useCallback)(function (e) {
     if (shouldCloseOnOverlayClick) {
@@ -122,6 +122,7 @@ var ModalWrapper = function ModalWrapper(props) {
       "aria-hidden": !isForeground
     }), (0, _react2.jsx)(_reactFocusLock.default, {
       autoFocus: autoFocusLock,
+      disabled: !isForeground,
       returnFocus: true,
       whiteList: whiteListElements
     }, (0, _react2.jsx)(_reactScrolllock.default, null), shouldScrollInViewport ? (0, _react2.jsx)(_reactScrolllock.TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.6.0",
+	"version": "12.6.2",
 	"sideEffects": false
 }

package/dist/es2019/internal/constants.js

@@ -1,4 +1,4 @@
-import { N30, R400, text, Y400 } from '@atlaskit/theme/colors';
+import { N30, N900, R400, Y400 } from '@atlaskit/theme/colors';
 import { borderRadius as getBorderRadius,
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 gridSize as getGridSize } from '@atlaskit/theme/constants';
@@ -20,7 +20,7 @@ export const padding = gridSize * 3;
 export const titleIconMargin = gridSize;
 export const keylineHeight = 2;
 export const keylineColor = `var(--ds-border, ${N30})`;
-export const textColor = `var(--ds-text, ${text()})`;
+export const textColor = `var(--ds-text, ${N900})`;
 export const iconColor = {
   danger: `var(--ds-icon-danger, ${R400})`,
   warning: `var(--ds-icon-warning, ${Y400})`

package/dist/es2019/modal-wrapper.js

@@ -72,7 +72,7 @@ const ModalWrapper = props => {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.6.0"
+    packageVersion: "12.6.2"
   });
   const onBlanketClicked = useCallback(e => {
     if (shouldCloseOnOverlayClick) {
@@ -107,6 +107,7 @@ const ModalWrapper = props => {
     "aria-hidden": !isForeground
   }), jsx(FocusLock, {
     autoFocus: autoFocusLock,
+    disabled: !isForeground,
     returnFocus: true,
     whiteList: whiteListElements
   }, jsx(ScrollLock, null), shouldScrollInViewport ? jsx(TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket))));

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.6.0",
+	"version": "12.6.2",
 	"sideEffects": false
 }

package/dist/esm/internal/constants.js

@@ -1,4 +1,4 @@
-import { N30, R400, text, Y400 } from '@atlaskit/theme/colors';
+import { N30, N900, R400, Y400 } from '@atlaskit/theme/colors';
 import { borderRadius as getBorderRadius,
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 gridSize as getGridSize } from '@atlaskit/theme/constants';
@@ -20,7 +20,7 @@ export var padding = gridSize * 3;
 export var titleIconMargin = gridSize;
 export var keylineHeight = 2;
 export var keylineColor = "var(--ds-border, ".concat(N30, ")");
-export var textColor = "var(--ds-text, ".concat(text(), ")");
+export var textColor = "var(--ds-text, ".concat(N900, ")");
 export var iconColor = {
   danger: "var(--ds-icon-danger, ".concat(R400, ")"),
   warning: "var(--ds-icon-warning, ".concat(Y400, ")")

package/dist/esm/modal-wrapper.js

@@ -76,7 +76,7 @@ var ModalWrapper = function ModalWrapper(props) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.6.0"
+    packageVersion: "12.6.2"
   });
   var onBlanketClicked = useCallback(function (e) {
     if (shouldCloseOnOverlayClick) {
@@ -112,6 +112,7 @@ var ModalWrapper = function ModalWrapper(props) {
       "aria-hidden": !isForeground
     }), jsx(FocusLock, {
       autoFocus: autoFocusLock,
+      disabled: !isForeground,
       returnFocus: true,
       whiteList: whiteListElements
     }, jsx(ScrollLock, null), shouldScrollInViewport ? jsx(TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket));

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.6.0",
+	"version": "12.6.2",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/modal-dialog",
-  "version": "12.6.0",
+  "version": "12.6.2",
   "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Modal dialog",
       "category": "Components"

package/report.api.md

@@ -55,6 +55,7 @@ export interface ModalDialogProps {
   children?: React_2.ReactNode;
   height?: number | string;
   isBlanketHidden?: boolean;
+  label?: string;
   onClose?: OnCloseHandler;
   onCloseComplete?: OnCloseCompleteHandler;
   onOpenComplete?: OnOpenCompleteHandler;

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

@@ -0,0 +1,113 @@
+## API Report File for "@atlaskit/modal-dialog"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
+import { jsx } from '@emotion/react';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { RefObject } from 'react';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export type Appearance = 'danger' | 'warning';
+
+// @public (undocumented)
+export type KeyboardOrMouseEvent = KeyboardEvent | React_2.KeyboardEvent<any> | React_2.MouseEvent<any>;
+
+// @public (undocumented)
+export type ModalAttributes = {
+    testId?: ModalDialogProps['testId'];
+    titleId: string;
+    onClose?: OnCloseHandler;
+};
+
+// @public
+export const ModalBody: (props: ModalBodyProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export interface ModalBodyProps {
+    children: React_2.ReactNode;
+    testId?: string;
+}
+
+// @public (undocumented)
+export interface ModalDialogProps {
+    autoFocus?: RefObject<HTMLElement | null | undefined> | boolean;
+    children?: React_2.ReactNode;
+    height?: number | string;
+    isBlanketHidden?: boolean;
+    label?: string;
+    onClose?: OnCloseHandler;
+    onCloseComplete?: OnCloseCompleteHandler;
+    onOpenComplete?: OnOpenCompleteHandler;
+    onStackChange?: OnStackChangeHandler;
+    shouldCloseOnEscapePress?: boolean;
+    shouldCloseOnOverlayClick?: boolean;
+    shouldScrollInViewport?: boolean;
+    stackIndex?: number;
+    testId?: string;
+    width?: WidthNames | number | string;
+}
+
+// @public
+export const ModalFooter: (props: ModalFooterProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export interface ModalFooterProps {
+    children?: ReactNode;
+    testId?: string;
+}
+
+// @public
+export const ModalHeader: (props: ModalHeaderProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export interface ModalHeaderProps {
+    children?: React_2.ReactNode;
+    testId?: string;
+}
+
+// @public
+export const ModalTitle: (props: ModalTitleProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+export interface ModalTitleProps {
+    appearance?: Appearance;
+    children?: ReactNode;
+    isMultiline?: boolean;
+    testId?: string;
+}
+
+// @public
+export const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => JSX.Element;
+
+// @public
+const ModalWrapper: (props: ModalDialogProps) => jsx.JSX.Element;
+export default ModalWrapper;
+
+// @public (undocumented)
+export type OnCloseCompleteHandler = (element: HTMLElement) => void;
+
+// @public (undocumented)
+export type OnCloseHandler = (e: KeyboardOrMouseEvent, analyticEvent: UIAnalyticsEvent) => void;
+
+// @public (undocumented)
+export type OnOpenCompleteHandler = (node: HTMLElement, isAppearing: boolean) => void;
+
+// @public (undocumented)
+export type OnStackChangeHandler = (stackIndex: number) => void;
+
+// @public (undocumented)
+export const useModal: () => ModalAttributes;
+
+// @public (undocumented)
+type WidthNames = 'large' | 'medium' | 'small' | 'x-large';
+
+// (No @packageDocumentation comment for this package)
+
+```