@atlaskit/modal-dialog - npm Package Compare versions

Comparing version 12.4.8 to 12.4.9

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

@@ -42,3 +42,5 @@ "use strict";
     maxWidth: 'inherit',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
     marginRight: 'inherit',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
     marginLeft: 'inherit',
@@ -45,0 +47,0 @@ borderRadius: _constants.borderRadius,

dist/cjs/internal/components/positioner.js

@@ -12,2 +12,3 @@ "use strict";
 var _constants2 = require("../constants");
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage-spacing */
 /** @jsx jsx */
@@ -14,0 +15,0 @@

dist/cjs/internal/constants.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.width = exports.verticalOffset = exports.titleIconMargin = exports.textColor = exports.padding = exports.keylineHeight = exports.keylineColor = exports.iconColor = exports.gutter = exports.footerItemGap = exports.borderRadius = void 0;
+exports.width = exports.verticalOffset = exports.titleIconMargin = exports.textColor = exports.padding = exports.keylineHeight = exports.keylineColor = exports.iconColor = exports.gutter = exports.borderRadius = void 0;
 var _colors = require("@atlaskit/theme/colors");
@@ -30,4 +30,2 @@ var _constants = require("@atlaskit/theme/constants");
 exports.padding = padding;
-var footerItemGap = gridSize;
-exports.footerItemGap = footerItemGap;
 var titleIconMargin = gridSize;
@@ -34,0 +32,0 @@ exports.titleIconMargin = titleIconMargin;

dist/cjs/modal-body.js

@@ -28,2 +28,3 @@ "use strict";
 var bodyScrollStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: "".concat(_constants.keylineHeight, "px ").concat(_constants.padding, "px")
@@ -37,2 +38,3 @@ });
 var viewportScrollStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: "0px ".concat(_constants.padding, "px")
@@ -39,0 +41,0 @@ });

dist/cjs/modal-footer.js

@@ -14,3 +14,5 @@ "use strict";
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: _constants.padding,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingTop: "".concat(_constants.padding - _constants.keylineHeight, "px"),
@@ -20,3 +22,3 @@ position: 'relative',
   justifyContent: 'flex-end',
-  gap: "".concat(_constants.footerItemGap, "px")
+  gap: "var(--ds-space-100, 8px)"
 });
@@ -23,0 +25,0 @@ /**

dist/cjs/modal-header.js

@@ -16,3 +16,5 @@ "use strict";
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: _constants.padding,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingBottom: "".concat(_constants.padding - _constants.keylineHeight, "px"),
@@ -19,0 +21,0 @@ position: 'relative',

dist/cjs/modal-title.js

@@ -40,2 +40,3 @@ "use strict";
 var iconStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginRight: "".concat(_constants.titleIconMargin, "px"),
@@ -53,3 +54,5 @@ flex: '0 0 auto',
 var truncatedTextStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginTop: "".concat(lineHeightOffset / 2, "px"),
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginBottom: "".concat(lineHeightOffset / 2, "px"),
@@ -62,2 +65,3 @@ lineHeight: adjustedLineHeight,
 var truncatedTextIconStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginBottom: "".concat(lineHeightOffset / 2, "px"),
@@ -64,0 +68,0 @@ lineHeight: 1.2

dist/cjs/modal-wrapper.js

@@ -86,3 +86,3 @@ "use strict";
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.4.8"
+    packageVersion: "12.4.9"
   });
@@ -89,0 +89,0 @@ var onBlanketClicked = (0, _react.useCallback)(function (e) {

dist/cjs/version.json

 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.4.8",
+	"version": "12.4.9",
 	"sideEffects": false
 }

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

@@ -32,3 +32,5 @@ import _extends from "@babel/runtime/helpers/extends";
     maxWidth: 'inherit',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
     marginRight: 'inherit',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
     marginLeft: 'inherit',
@@ -35,0 +37,0 @@ borderRadius,

dist/es2019/internal/components/positioner.js

@@ -0,1 +1,2 @@
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage-spacing */
 /** @jsx jsx */
@@ -2,0 +3,0 @@

dist/es2019/internal/constants.js

@@ -18,3 +18,2 @@ import { N30, R400, text, Y400 } from '@atlaskit/theme/colors';
 export const padding = gridSize * 3;
-export const footerItemGap = gridSize;
 export const titleIconMargin = gridSize;
@@ -21,0 +20,0 @@ export const keylineHeight = 2;

dist/es2019/modal-body.js

@@ -21,2 +21,3 @@ /** @jsx jsx */
 const bodyScrollStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: `${keylineHeight}px ${padding}px`
@@ -30,2 +31,3 @@ });
 const viewportScrollStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: `0px ${padding}px`
@@ -32,0 +34,0 @@ });

dist/es2019/modal-footer.js

@@ -5,6 +5,8 @@ /** @jsx jsx */
 import { useModal } from './hooks';
-import { footerItemGap, keylineHeight, padding } from './internal/constants';
+import { keylineHeight, padding } from './internal/constants';
 const footerStyles = css({
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingTop: `${padding - keylineHeight}px`,
@@ -14,3 +16,3 @@ position: 'relative',
   justifyContent: 'flex-end',
-  gap: `${footerItemGap}px`
+  gap: "var(--ds-space-100, 8px)"
 });
@@ -17,0 +19,0 @@ /**

dist/es2019/modal-header.js

@@ -8,3 +8,5 @@ /** @jsx jsx */
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: padding,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingBottom: `${padding - keylineHeight}px`,
@@ -11,0 +13,0 @@ position: 'relative',

dist/es2019/modal-title.js

@@ -33,2 +33,3 @@ /** @jsx jsx */
 const iconStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginRight: `${titleIconMargin}px`,
@@ -46,3 +47,5 @@ flex: '0 0 auto',
 const truncatedTextStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginTop: `${lineHeightOffset / 2}px`,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginBottom: `${lineHeightOffset / 2}px`,
@@ -55,2 +58,3 @@ lineHeight: adjustedLineHeight,
 const truncatedTextIconStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginBottom: `${lineHeightOffset / 2}px`,
@@ -57,0 +61,0 @@ lineHeight: 1.2

dist/es2019/modal-wrapper.js

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

dist/es2019/version.json

 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.4.8",
+	"version": "12.4.9",
 	"sideEffects": false
 }

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

@@ -34,3 +34,5 @@ import _extends from "@babel/runtime/helpers/extends";
     maxWidth: 'inherit',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
     marginRight: 'inherit',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
     marginLeft: 'inherit',
@@ -37,0 +39,0 @@ borderRadius: borderRadius,

dist/esm/internal/components/positioner.js

@@ -0,1 +1,2 @@
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage-spacing */
 /** @jsx jsx */
@@ -2,0 +3,0 @@

dist/esm/internal/constants.js

@@ -18,3 +18,2 @@ import { N30, R400, text, Y400 } from '@atlaskit/theme/colors';
 export var padding = gridSize * 3;
-export var footerItemGap = gridSize;
 export var titleIconMargin = gridSize;
@@ -21,0 +20,0 @@ export var keylineHeight = 2;

dist/esm/modal-body.js

@@ -21,2 +21,3 @@ /** @jsx jsx */
 var bodyScrollStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: "".concat(keylineHeight, "px ").concat(padding, "px")
@@ -30,2 +31,3 @@ });
 var viewportScrollStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: "0px ".concat(padding, "px")
@@ -32,0 +34,0 @@ });

dist/esm/modal-footer.js

@@ -5,6 +5,8 @@ /** @jsx jsx */
 import { useModal } from './hooks';
-import { footerItemGap, keylineHeight, padding } from './internal/constants';
+import { keylineHeight, padding } from './internal/constants';
 var footerStyles = css({
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: padding,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingTop: "".concat(padding - keylineHeight, "px"),
@@ -14,3 +16,3 @@ position: 'relative',
   justifyContent: 'flex-end',
-  gap: "".concat(footerItemGap, "px")
+  gap: "var(--ds-space-100, 8px)"
 });
@@ -17,0 +19,0 @@ /**

dist/esm/modal-header.js

@@ -8,3 +8,5 @@ /** @jsx jsx */
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   padding: padding,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingBottom: "".concat(padding - keylineHeight, "px"),
@@ -11,0 +13,0 @@ position: 'relative',

dist/esm/modal-title.js

@@ -33,2 +33,3 @@ /** @jsx jsx */
 var iconStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginRight: "".concat(titleIconMargin, "px"),
@@ -46,3 +47,5 @@ flex: '0 0 auto',
 var truncatedTextStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginTop: "".concat(lineHeightOffset / 2, "px"),
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginBottom: "".concat(lineHeightOffset / 2, "px"),
@@ -55,2 +58,3 @@ lineHeight: adjustedLineHeight,
 var truncatedTextIconStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   marginBottom: "".concat(lineHeightOffset / 2, "px"),
@@ -57,0 +61,0 @@ lineHeight: 1.2

dist/esm/modal-wrapper.js

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

dist/esm/version.json

 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.4.8",
+	"version": "12.4.9",
 	"sideEffects": false
 }

dist/types/internal/constants.d.ts

@@ -15,3 +15,2 @@ import type { Appearance } from '../types';
 export declare const padding: number;
-export declare const footerItemGap: number;
 export declare const titleIconMargin: number;
@@ -18,0 +17,0 @@ export declare const keylineHeight = 2;

package.json

 {
   "name": "@atlaskit/modal-dialog",
-  "version": "12.4.8",
+  "version": "12.4.9",
   "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
@@ -50,3 +50,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^1.0.0",
+    "@atlaskit/tokens": "^1.1.0",
     "@babel/runtime": "^7.0.0",
@@ -88,2 +88,3 @@ "@emotion/react": "^11.7.1",
     "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.3",
     "@types/raf-schd": "^4.0.1",
@@ -113,4 +114,6 @@ "@types/react-beautiful-dnd": "^11.0.1",
       "analytics": "analytics-next",
-      "design-tokens": "spacing",
-      "theming": "tokens",
+      "design-tokens": [
+        "color",
+        "spacing"
+      ],
       "deprecation": "no-deprecated-imports",
@@ -117,0 +120,0 @@ "styling": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

413552

increased by0.84%

Lines of code

9128

increased by0.37%

Worsened metrics

Dev dependency count

34

increased by3.03%

Dependency changes

• Updated@atlaskit/tokens@^1.1.0