@atlaskit/inline-dialog 13.4.1 → 13.4.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/inline-dialog
 
+## 13.4.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.4.2
+
+### Patch Changes
+
+- [`9de88fa1e1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9de88fa1e1e) - Internal changes to include spacing tokens in component implementations.
+
 ## 13.4.1
 
 ### Patch Changes

package/dist/cjs/InlineDialog/index.js

@@ -31,7 +31,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /** @jsx jsx */
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.4.1";
+var packageVersion = "13.4.3";
 
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {

package/dist/cjs/InlineDialog/styled/container.js

@@ -50,7 +50,7 @@ var containerStyles = (0, _react2.css)({
   boxSizing: 'content-box',
   maxWidth: "".concat(gridSize * 56, "px"),
   maxHeight: "".concat(gridSize * 56, "px"),
-  padding: "".concat(gridSize * 2, "px ").concat(gridSize * 3, "px;"),
+  padding: "var(--ds-scale-200, 16px)".concat(" ", "var(--ds-scale-300, 24px)"),
   zIndex: _constants.layers.dialog(),
   background: "var(".concat(CSS_THEME_BACKGROUND, ")"),
   borderRadius: "".concat(borderRadius, "px"),

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.4.1",
+	"version": "13.4.3",
 	"sideEffects": false
 }

package/dist/es2019/InlineDialog/index.js

@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { Container } from './styled/container';
 const packageName = "@atlaskit/inline-dialog";
-const packageVersion = "13.4.1";
+const packageVersion = "13.4.3";
 
 const checkIsChildOfPortal = node => {
   if (!node) {

package/dist/es2019/InlineDialog/styled/container.js

@@ -29,7 +29,7 @@ const containerStyles = css({
   boxSizing: 'content-box',
   maxWidth: `${gridSize * 56}px`,
   maxHeight: `${gridSize * 56}px`,
-  padding: `${gridSize * 2}px ${gridSize * 3}px;`,
+  padding: `${"var(--ds-scale-200, 16px)"} ${"var(--ds-scale-300, 24px)"}`,
   zIndex: layers.dialog(),
   background: `var(${CSS_THEME_BACKGROUND})`,
   borderRadius: `${borderRadius}px`,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.4.1",
+	"version": "13.4.3",
 	"sideEffects": false
 }

package/dist/esm/InlineDialog/index.js

@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { Container } from './styled/container';
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.4.1";
+var packageVersion = "13.4.3";
 
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {

package/dist/esm/InlineDialog/styled/container.js

@@ -35,7 +35,7 @@ var containerStyles = css({
   boxSizing: 'content-box',
   maxWidth: "".concat(gridSize * 56, "px"),
   maxHeight: "".concat(gridSize * 56, "px"),
-  padding: "".concat(gridSize * 2, "px ").concat(gridSize * 3, "px;"),
+  padding: "var(--ds-scale-200, 16px)".concat(" ", "var(--ds-scale-300, 24px)"),
   zIndex: layers.dialog(),
   background: "var(".concat(CSS_THEME_BACKGROUND, ")"),
   borderRadius: "".concat(borderRadius, "px"),

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.4.1",
+	"version": "13.4.3",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-dialog",
-  "version": "13.4.1",
+  "version": "13.4.3",
   "description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,16 +12,10 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
     "releaseModel": "scheduled",
@@ -43,7 +37,7 @@
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -53,12 +47,12 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
-    "@atlaskit/datetime-picker": "^12.2.0",
+    "@atlaskit/button": "^16.4.0",
+    "@atlaskit/datetime-picker": "^12.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/modal-dialog": "^12.3.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/icon": "^21.11.0",
+    "@atlaskit/modal-dialog": "^12.4.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -90,6 +84,7 @@
         "static",
         "emotion"
       ],
+      "design-tokens": "spacing",
       "design-system": "v1",
       "deprecation": "no-deprecated-imports"
     }

package/report.api.md

@@ -2,13 +2,20 @@
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
+<!--
+	Generated API Report version: 2.0
+-->
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
 ```ts
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { WithContextProps } from '@atlaskit/analytics-next';
 
-declare const _default: React_2.ForwardRefExoticComponent<
+// @public (undocumented)
+const _default: React_2.ForwardRefExoticComponent<
   Pick<
     Omit<
       React_2.PropsWithChildren<InlineDialogProps>,
@@ -19,6 +26,7 @@ declare const _default: React_2.ForwardRefExoticComponent<
     | 'content'
     | 'children'
     | 'testId'
+    | 'key'
     | 'isOpen'
     | 'onContentBlur'
     | 'onContentClick'
@@ -26,58 +34,28 @@ declare const _default: React_2.ForwardRefExoticComponent<
     | 'onClose'
     | 'placement'
     | 'strategy'
-    | 'key'
     | 'analyticsContext'
   > &
     React_2.RefAttributes<any>
 >;
 export default _default;
 
-declare interface InlineDialogProps extends WithAnalyticsEventsProps {
-  /**
-   * The elements that the InlineDialog will be positioned relative to.
-   */
+// @public (undocumented)
+interface InlineDialogProps extends WithAnalyticsEventsProps {
   children: ReactNode;
-  /**
-   * The elements to be displayed within the InlineDialog.
-   */
   content: ReactNode;
-  /**
-   * Sets whether to show or hide the dialog.
-   */
   isOpen?: boolean;
-  /**
-   * Function called when you lose focus on the object.
-   */
+  onClose?: (obj: { isOpen: boolean; event: Event }) => void;
   onContentBlur?: () => void;
-  /**
-   * Function called when user clicks on the open dialog.
-   */
   onContentClick?: () => void;
-  /**
-   * Function called when user focuses on the open dialog.
-   */
   onContentFocus?: () => void;
-  /**
-   * Function called when the dialog is open and a click occurs anywhere outside
-   * the dialog.
-   */
-  onClose?: (obj: { isOpen: boolean; event: Event }) => void;
-  /**
-   * Where the dialog should appear, relative to the contents of the children.
-   */
   placement?: Placement;
-  /**
-   * Placement strategy used. Can be 'fixed' or 'absolute'. Defaults to 'fixed'.
-   */
   strategy?: 'fixed' | 'absolute';
-  /**
-   * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-   */
   testId?: string;
 }
 
-export declare type Placement =
+// @public (undocumented)
+export type Placement =
   | 'auto-start'
   | 'auto'
   | 'auto-end'
@@ -94,5 +72,5 @@ export declare type Placement =
   | 'left'
   | 'left-start';
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```

package/dist/types-ts4.0/InlineDialog/index.d.ts

@@ -1,7 +0,0 @@
-/** @jsx jsx */
-import React, { FC } from 'react';
-import type { InlineDialogProps } from '../types';
-declare const InlineDialog: FC<InlineDialogProps>;
-export { InlineDialog as InlineDialogWithoutAnalytics };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<InlineDialogProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "content" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "strategy" | "testId" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
-export default _default;

package/dist/types-ts4.0/InlineDialog/styled/container.d.ts

@@ -1,19 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-interface ContainerProps {
-    children: React.ReactNode;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    style: React.CSSProperties;
-    testId?: string;
-}
-/**
- * __Container__
- *
- * A container is used as a styled wrapper around the contents of an inline dialog.
- * Note that the styles here are merged with the style prop that comes from the popper.js library.
- *
- */
-export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types-ts4.0/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './InlineDialog';
-export type { Placement } from './types';

package/dist/types-ts4.0/types.d.ts

@@ -1,49 +0,0 @@
-import { ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-export declare type Placement = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
-export interface InlineDialogProps extends WithAnalyticsEventsProps {
-    /**
-     * The elements that the InlineDialog will be positioned relative to.
-     */
-    children: ReactNode;
-    /**
-     * The elements to be displayed within the InlineDialog.
-     */
-    content: ReactNode;
-    /**
-     * Sets whether to show or hide the dialog.
-     */
-    isOpen?: boolean;
-    /**
-     * Function called when you lose focus on the object.
-     */
-    onContentBlur?: () => void;
-    /**
-     * Function called when user clicks on the open dialog.
-     */
-    onContentClick?: () => void;
-    /**
-     * Function called when user focuses on the open dialog.
-     */
-    onContentFocus?: () => void;
-    /**
-     * Function called when the dialog is open and a click occurs anywhere outside
-     * the dialog.
-     */
-    onClose?: (obj: {
-        isOpen: boolean;
-        event: Event;
-    }) => void;
-    /**
-     * Where the dialog should appear, relative to the contents of the children.
-     */
-    placement?: Placement;
-    /**
-     * Placement strategy used. Can be 'fixed' or 'absolute'. Defaults to 'fixed'.
-     */
-    strategy?: 'fixed' | 'absolute';
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-     */
-    testId?: string;
-}