@atlaskit/modal-dialog - npm Package Compare versions

Comparing version 12.13.4 to 12.13.5

dist/cjs/internal/components/modal-dialog.js

@@ -129,3 +129,5 @@ "use strict";
       "aria-label": label,
-      ref: (0, _mergeRefs.default)([bottomFadeInProps.ref, motionRef]),
+      ref: (0, _mergeRefs.default)([bottomFadeInProps.ref, motionRef])
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
       style: {
@@ -132,0 +134,0 @@ '--modal-dialog-width': (0, _utils.dialogWidth)(width),

dist/cjs/internal/components/positioner.js

@@ -77,2 +77,3 @@ "use strict";
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
@@ -79,0 +80,0 @@ '--modal-dialog-translate-y': "".concat(stackIndex * (_constants2.verticalOffset / 2), "px")

dist/cjs/modal-wrapper.js

@@ -98,3 +98,3 @@ "use strict";
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.13.4"
+    packageVersion: "12.13.5"
   });
@@ -101,0 +101,0 @@ var onBlanketClicked = (0, _react.useCallback)(function (e) {

dist/es2019/internal/components/modal-dialog.js

@@ -125,3 +125,5 @@ import _extends from "@babel/runtime/helpers/extends";
     "aria-label": label,
-    ref: mergeRefs([bottomFadeInProps.ref, motionRef]),
+    ref: mergeRefs([bottomFadeInProps.ref, motionRef])
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
@@ -128,0 +130,0 @@ '--modal-dialog-width': dialogWidth(width),

dist/es2019/internal/components/positioner.js

@@ -74,2 +74,3 @@ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
@@ -76,0 +77,0 @@ '--modal-dialog-translate-y': `${stackIndex * (verticalOffset / 2)}px`

dist/es2019/modal-wrapper.js

@@ -83,3 +83,3 @@ import _extends from "@babel/runtime/helpers/extends";
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.13.4"
+    packageVersion: "12.13.5"
   });
@@ -86,0 +86,0 @@ const onBlanketClicked = useCallback(e => {

dist/esm/internal/components/modal-dialog.js

@@ -123,3 +123,5 @@ import _extends from "@babel/runtime/helpers/extends";
       "aria-label": label,
-      ref: mergeRefs([bottomFadeInProps.ref, motionRef]),
+      ref: mergeRefs([bottomFadeInProps.ref, motionRef])
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
       style: {
@@ -126,0 +128,0 @@ '--modal-dialog-width': dialogWidth(width),

dist/esm/internal/components/positioner.js

@@ -70,2 +70,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
@@ -72,0 +73,0 @@ '--modal-dialog-translate-y': "".concat(stackIndex * (verticalOffset / 2), "px")

dist/esm/modal-wrapper.js

@@ -88,3 +88,3 @@ import _extends from "@babel/runtime/helpers/extends";
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.13.4"
+    packageVersion: "12.13.5"
   });
@@ -91,0 +91,0 @@ var onBlanketClicked = useCallback(function (e) {

dist/types-ts4.5/internal/components/positioner.d.ts

 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -4,0 +4,0 @@ interface PositionerProps {

dist/types-ts4.5/internal/context.d.ts

 /// <reference types="react" />
-import { ModalDialogProps, OnCloseHandler } from '../types';
+import { type ModalDialogProps, type OnCloseHandler } from '../types';
 export type ModalAttributes = {
     /**
-     * Test id passed to the modal dialog.
+     * Test ID passed to the modal dialog.
      */
@@ -7,0 +7,0 @@ testId?: ModalDialogProps['testId'];

dist/types-ts4.5/internal/hooks/use-on-motion-finish.d.ts

@@ -1,4 +0,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 import type { Transition } from '@atlaskit/motion/types';
-import { ModalDialogProps } from '../../types';
+import { type ModalDialogProps } from '../../types';
 /**
@@ -5,0 +5,0 @@ * This will run the respective passed in callback functions when modal is

dist/types-ts4.5/internal/utils.d.ts

@@ -1,3 +0,3 @@
-import { ModalDialogProps } from '../types';
+import { type ModalDialogProps } from '../types';
 export declare const dialogWidth: (input?: ModalDialogProps['width']) => string;
 export declare const dialogHeight: (input?: ModalDialogProps['height']) => string;

dist/types-ts4.5/modal-footer.d.ts

 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -4,0 +4,0 @@ export interface ModalFooterProps {

dist/types-ts4.5/modal-transition.d.ts

 /// <reference types="react" />
-import { ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
+import { type ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
 /**
@@ -4,0 +4,0 @@ * __Modal transition__

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

@@ -1,2 +0,2 @@
-import React, { RefObject } from 'react';
+import { type default as React, type RefObject } from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
@@ -97,14 +97,12 @@ import type { WidthNames } from './internal/constants';
      * serving as a hook for automated tests.
-     *
      * If not overridden using `testId` prop in the respective components, this will set `data-testid` on these elements when defined:
-     *
-     * Modal dialog: `{testId}`
-     * Modal header: `{testId}--header`
-     * Modal title: `{testId}--title`
-     * Modal body: `{testId}--body`
-     * Modal footer: `{testId}--footer`
-     * Scrollable element: `{testId}--scrollable`
-     * Blanket: `{testId}--blanket`
+     * - Modal dialog: `{testId}`
+     * - Modal header: `{testId}--header`
+     * - Modal title: `{testId}--title`
+     * - Modal body: `{testId}--body`
+     * - Modal footer: `{testId}--footer`
+     * - Scrollable element: `{testId}--scrollable`
+     * - Blanket: `{testId}--blanket`
      */
     testId?: string;
 }

dist/types/internal/components/positioner.d.ts

 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -4,0 +4,0 @@ interface PositionerProps {

dist/types/internal/context.d.ts

 /// <reference types="react" />
-import { ModalDialogProps, OnCloseHandler } from '../types';
+import { type ModalDialogProps, type OnCloseHandler } from '../types';
 export type ModalAttributes = {
     /**
-     * Test id passed to the modal dialog.
+     * Test ID passed to the modal dialog.
      */
@@ -7,0 +7,0 @@ testId?: ModalDialogProps['testId'];

dist/types/internal/hooks/use-on-motion-finish.d.ts

@@ -1,4 +0,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 import type { Transition } from '@atlaskit/motion/types';
-import { ModalDialogProps } from '../../types';
+import { type ModalDialogProps } from '../../types';
 /**
@@ -5,0 +5,0 @@ * This will run the respective passed in callback functions when modal is

dist/types/internal/utils.d.ts

@@ -1,3 +0,3 @@
-import { ModalDialogProps } from '../types';
+import { type ModalDialogProps } from '../types';
 export declare const dialogWidth: (input?: ModalDialogProps['width']) => string;
 export declare const dialogHeight: (input?: ModalDialogProps['height']) => string;

dist/types/modal-footer.d.ts

 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -4,0 +4,0 @@ export interface ModalFooterProps {

dist/types/modal-transition.d.ts

 /// <reference types="react" />
-import { ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
+import { type ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
 /**
@@ -4,0 +4,0 @@ * __Modal transition__

dist/types/types.d.ts

@@ -1,2 +0,2 @@
-import React, { RefObject } from 'react';
+import { type default as React, type RefObject } from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
@@ -97,14 +97,12 @@ import type { WidthNames } from './internal/constants';
      * serving as a hook for automated tests.
-     *
      * If not overridden using `testId` prop in the respective components, this will set `data-testid` on these elements when defined:
-     *
-     * Modal dialog: `{testId}`
-     * Modal header: `{testId}--header`
-     * Modal title: `{testId}--title`
-     * Modal body: `{testId}--body`
-     * Modal footer: `{testId}--footer`
-     * Scrollable element: `{testId}--scrollable`
-     * Blanket: `{testId}--blanket`
+     * - Modal dialog: `{testId}`
+     * - Modal header: `{testId}--header`
+     * - Modal title: `{testId}--title`
+     * - Modal body: `{testId}--body`
+     * - Modal footer: `{testId}--footer`
+     * - Scrollable element: `{testId}--scrollable`
+     * - Blanket: `{testId}--blanket`
      */
     testId?: string;
 }

package.json

 {
   "name": "@atlaskit/modal-dialog",
-  "version": "12.13.4",
+  "version": "12.13.5",
   "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
@@ -38,3 +38,3 @@ "publishConfig": {
     "@atlaskit/focus-ring": "^1.4.0",
-    "@atlaskit/icon": "^22.2.0",
+    "@atlaskit/icon": "^22.3.0",
     "@atlaskit/layering": "^0.3.0",
@@ -44,5 +44,5 @@ "@atlaskit/motion": "^1.6.0",
     "@atlaskit/portal": "^4.5.0",
-    "@atlaskit/primitives": "^6.1.0",
-    "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.48.0",
+    "@atlaskit/primitives": "^7.0.0",
+    "@atlaskit/theme": "^12.9.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
@@ -64,7 +64,7 @@ "@emotion/react": "^11.7.1",
     "@atlaskit/button": "*",
-    "@atlaskit/checkbox": "^13.3.0",
-    "@atlaskit/dropdown-menu": "^12.10.0",
+    "@atlaskit/checkbox": "^13.4.0",
+    "@atlaskit/dropdown-menu": "^12.11.0",
     "@atlaskit/popup": "^1.17.0",
     "@atlaskit/radio": "^6.3.0",
-    "@atlaskit/select": "^17.9.0",
+    "@atlaskit/select": "^17.10.0",
     "@atlaskit/ssr": "*",
@@ -74,3 +74,2 @@ "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "*",
@@ -154,4 +153,3 @@ "@testing-library/dom": "^8.17.1",
   },
-  "homepage": "https://atlassian.design/components/modal-dialog/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "homepage": "https://atlassian.design/components/modal-dialog/"
 }

No alert changes

Improved metrics

Dev dependency count

27

decreased by-3.57%

Lines of code

9589

increased by0.22%

Worsened metrics

Total package byte prevSize

454780

decreased by-0.76%

Dependency changes

• + Added@atlaskit/css@0.2.0(transitive)

• + Added@atlaskit/primitives@7.4.1(transitive)

• - Removed@atlaskit/css@0.1.1(transitive)

• - Removed@atlaskit/primitives@6.5.0(transitive)

• Updated@atlaskit/icon@^22.3.0

• Updated@atlaskit/primitives@^7.0.0

• Updated@atlaskit/theme@^12.9.0

• Updated@atlaskit/tokens@^1.49.0