@atlaskit/modal-dialog - npm Package Compare versions

Comparing version 12.6.7 to 12.6.8

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

@@ -21,2 +21,3 @@ "use strict";
 var _colors = require("@atlaskit/theme/colors");
+var _tokens = require("@atlaskit/tokens");
 var _constants = require("../constants");
@@ -40,5 +41,4 @@ var _context = require("../context");
   backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
-  color: _constants.textColor,
-  pointerEvents: 'auto'
-}, (0, _defineProperty2.default)(_css, _primitives.media.above.xs, {
+  color: _constants.textColor
+}, (0, _defineProperty2.default)(_css, _tokens.CURRENT_SURFACE_CSS_VAR, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), (0, _defineProperty2.default)(_css, "pointerEvents", 'auto'), (0, _defineProperty2.default)(_css, _primitives.media.above.xs, {
   width: 'var(--modal-dialog-width)',
@@ -45,0 +45,0 @@ maxWidth: 'inherit',

dist/cjs/modal-wrapper.js

@@ -87,3 +87,3 @@ "use strict";
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.6.7"
+    packageVersion: "12.6.8"
   });
@@ -90,0 +90,0 @@ var onBlanketClicked = (0, _react.useCallback)(function (e) {

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

@@ -12,2 +12,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { N0, N30A, N60A } from '@atlaskit/theme/colors';
+import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
 import { borderRadius, textColor } from '../constants';
@@ -30,2 +31,3 @@ import { ModalContext, ScrollContext } from '../context';
   color: textColor,
+  [CURRENT_SURFACE_CSS_VAR]: `var(--ds-surface-overlay, ${N0})`,
   pointerEvents: 'auto',
@@ -32,0 +34,0 @@ [media.above.xs]: {

dist/es2019/modal-wrapper.js

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

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

@@ -16,2 +16,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { N0, N30A, N60A } from '@atlaskit/theme/colors';
+import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
 import { borderRadius, textColor } from '../constants';
@@ -33,5 +34,4 @@ import { ModalContext, ScrollContext } from '../context';
   backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
-  color: textColor,
-  pointerEvents: 'auto'
-}, _defineProperty(_css, media.above.xs, {
+  color: textColor
+}, _defineProperty(_css, CURRENT_SURFACE_CSS_VAR, "var(--ds-surface-overlay, ".concat(N0, ")")), _defineProperty(_css, "pointerEvents", 'auto'), _defineProperty(_css, media.above.xs, {
   width: 'var(--modal-dialog-width)',
@@ -38,0 +38,0 @@ maxWidth: 'inherit',

dist/esm/modal-wrapper.js

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

package.json

 {
   "name": "@atlaskit/modal-dialog",
-  "version": "12.6.7",
+  "version": "12.6.8",
   "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
@@ -39,3 +39,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.15.0",
+    "@atlaskit/tokens": "^1.16.0",
     "@babel/runtime": "^7.0.0",
@@ -42,0 +42,0 @@ "@emotion/react": "^11.7.1",

No alert changes

Worsened metrics

Total package byte prevSize

434373

decreased by-0.56%

Number of package files

144

decreased by-0.69%

Lines of code

9546

decreased by-0.88%

Dependency changes

• Updated@atlaskit/tokens@^1.16.0