@atlaskit/modal-dialog 12.6.4 → 12.6.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/modal-dialog
 
+## 12.6.5
+
+### Patch Changes
+
+- [`c2484be748e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2484be748e) - [ux] DSP-11269: hard coded the warning icon to improve color contrast
+
 ## 12.6.4
 
 ### Patch Changes

package/dist/cjs/internal/constants.js

@@ -36,6 +36,6 @@ var textColor = "var(--ds-text, ".concat(_colors.N900, ")");
 exports.textColor = textColor;
 var iconColor = {
   danger: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
-  warning: "var(--ds-icon-warning, ".concat(_colors.Y400, ")")
+  warning: "var(--ds-icon-warning, #D97008)"
 };
 exports.iconColor = iconColor;

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.4"
+    packageVersion: "12.6.5"
   });
   var onBlanketClicked = (0, _react.useCallback)(function (e) {
     if (shouldCloseOnOverlayClick) {

package/dist/cjs/version.json

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

package/dist/es2019/internal/constants.js

@@ -1,4 +1,4 @@
-import { N30, N900, R400, Y400 } from '@atlaskit/theme/colors';
+import { N30, N900, R400 } 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';
@@ -23,5 +23,5 @@ export const keylineColor = `var(--ds-border, ${N30})`;
 export const textColor = `var(--ds-text, ${N900})`;
 export const iconColor = {
   danger: `var(--ds-icon-danger, ${R400})`,
-  warning: `var(--ds-icon-warning, ${Y400})`
+  warning: "var(--ds-icon-warning, #D97008)"
 };

package/dist/es2019/modal-wrapper.js

@@ -72,7 +72,7 @@ const ModalWrapper = props => {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.6.4"
+    packageVersion: "12.6.5"
   });
   const onBlanketClicked = useCallback(e => {
     if (shouldCloseOnOverlayClick) {

package/dist/es2019/version.json

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

package/dist/esm/internal/constants.js

@@ -1,4 +1,4 @@
-import { N30, N900, R400, Y400 } from '@atlaskit/theme/colors';
+import { N30, N900, R400 } 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';
@@ -23,5 +23,5 @@ export var keylineColor = "var(--ds-border, ".concat(N30, ")");
 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, ")")
+  warning: "var(--ds-icon-warning, #D97008)"
 };

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.4"
+    packageVersion: "12.6.5"
   });
   var onBlanketClicked = useCallback(function (e) {
     if (shouldCloseOnOverlayClick) {

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/modal-dialog",
-  "version": "12.6.4",
+  "version": "12.6.5",
   "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

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)
+
+```