@atlaskit/inline-dialog 13.6.4 → 13.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/inline-dialog
2
2
 
3
+ ## 13.6.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
8
+ - Updated dependencies
9
+
10
+ ## 13.6.5
11
+
12
+ ### Patch Changes
13
+
14
+ - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
15
+
3
16
  ## 13.6.4
4
17
 
5
18
  ### Patch Changes
@@ -19,7 +19,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
19
19
  /** @jsx jsx */
20
20
 
21
21
  var packageName = "@atlaskit/inline-dialog";
22
- var packageVersion = "13.6.4";
22
+ var packageVersion = "13.6.6";
23
23
  var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
24
24
  if (!node) {
25
25
  return false;
@@ -28,7 +28,6 @@ var themedBoxShadow = (0, _components.themed)({
28
28
  light: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
29
29
  dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.DN50A, ", 0 0 1px ").concat(_colors.DN60A), ")")
30
30
  });
31
- var borderRadius = (0, _constants.borderRadius)();
32
31
  var CSS_THEME_BACKGROUND = '--theme-background';
33
32
  var CSS_THEME_COLOR = '--theme-color';
34
33
  var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
@@ -39,7 +38,7 @@ var containerStyles = (0, _react2.css)({
39
38
  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
40
39
  zIndex: _constants.layers.dialog(),
41
40
  background: "var(".concat(CSS_THEME_BACKGROUND, ")"),
42
- borderRadius: "".concat(borderRadius, "px"),
41
+ borderRadius: "var(--ds-border-radius, 3px)",
43
42
  boxShadow: "var(".concat(CSS_THEME_BOX_SHADOW, ")"),
44
43
  color: "var(".concat(CSS_THEME_COLOR, ")"),
45
44
  '&:focus': {
@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
8
8
  import { Manager, Popper, Reference } from '@atlaskit/popper';
9
9
  import { Container } from './styled/container';
10
10
  const packageName = "@atlaskit/inline-dialog";
11
- const packageVersion = "13.6.4";
11
+ const packageVersion = "13.6.6";
12
12
  const checkIsChildOfPortal = node => {
13
13
  if (!node) {
14
14
  return false;
@@ -5,7 +5,7 @@ import React, { forwardRef } from 'react';
5
5
  import { css, jsx } from '@emotion/react';
6
6
  import { DN50, DN50A, DN600, DN60A, N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
7
7
  import { themed, useGlobalTheme } from '@atlaskit/theme/components';
8
- import { borderRadius as getBorderRadius, layers } from '@atlaskit/theme/constants';
8
+ import { layers } from '@atlaskit/theme/constants';
9
9
  const themedBackground = themed({
10
10
  light: `var(--ds-surface-overlay, ${N0})`,
11
11
  dark: `var(--ds-surface-overlay, ${DN50})`
@@ -18,7 +18,6 @@ const themedBoxShadow = themed({
18
18
  light: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
19
19
  dark: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${DN50A}, 0 0 1px ${DN60A}`})`
20
20
  });
21
- const borderRadius = getBorderRadius();
22
21
  const CSS_THEME_BACKGROUND = '--theme-background';
23
22
  const CSS_THEME_COLOR = '--theme-color';
24
23
  const CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
@@ -29,7 +28,7 @@ const containerStyles = css({
29
28
  padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`,
30
29
  zIndex: layers.dialog(),
31
30
  background: `var(${CSS_THEME_BACKGROUND})`,
32
- borderRadius: `${borderRadius}px`,
31
+ borderRadius: "var(--ds-border-radius, 3px)",
33
32
  boxShadow: `var(${CSS_THEME_BOX_SHADOW})`,
34
33
  color: `var(${CSS_THEME_COLOR})`,
35
34
  '&:focus': {
@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
8
8
  import { Manager, Popper, Reference } from '@atlaskit/popper';
9
9
  import { Container } from './styled/container';
10
10
  var packageName = "@atlaskit/inline-dialog";
11
- var packageVersion = "13.6.4";
11
+ var packageVersion = "13.6.6";
12
12
  var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
13
13
  if (!node) {
14
14
  return false;
@@ -8,7 +8,7 @@ import React, { forwardRef } from 'react';
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import { DN50, DN50A, DN600, DN60A, N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
10
10
  import { themed, useGlobalTheme } from '@atlaskit/theme/components';
11
- import { borderRadius as getBorderRadius, layers } from '@atlaskit/theme/constants';
11
+ import { layers } from '@atlaskit/theme/constants';
12
12
  var themedBackground = themed({
13
13
  light: "var(--ds-surface-overlay, ".concat(N0, ")"),
14
14
  dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
@@ -21,7 +21,6 @@ var themedBoxShadow = themed({
21
21
  light: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
22
22
  dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(DN50A, ", 0 0 1px ").concat(DN60A), ")")
23
23
  });
24
- var borderRadius = getBorderRadius();
25
24
  var CSS_THEME_BACKGROUND = '--theme-background';
26
25
  var CSS_THEME_COLOR = '--theme-color';
27
26
  var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
@@ -32,7 +31,7 @@ var containerStyles = css({
32
31
  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
33
32
  zIndex: layers.dialog(),
34
33
  background: "var(".concat(CSS_THEME_BACKGROUND, ")"),
35
- borderRadius: "".concat(borderRadius, "px"),
34
+ borderRadius: "var(--ds-border-radius, 3px)",
36
35
  boxShadow: "var(".concat(CSS_THEME_BOX_SHADOW, ")"),
37
36
  color: "var(".concat(CSS_THEME_COLOR, ")"),
38
37
  '&:focus': {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-dialog",
3
- "version": "13.6.4",
3
+ "version": "13.6.6",
4
4
  "description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -12,20 +12,12 @@
12
12
  "module": "dist/esm/index.js",
13
13
  "module:es2019": "dist/es2019/index.js",
14
14
  "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
15
  "sideEffects": false,
24
16
  "atlaskit:src": "src/index.tsx",
25
17
  "atlassian": {
26
18
  "team": "Design System Team",
27
19
  "deprecatedAutoEntryPoints": true,
28
- "releaseModel": "scheduled",
20
+ "releaseModel": "continuous",
29
21
  "website": {
30
22
  "name": "Inline dialog",
31
23
  "status": {
@@ -46,7 +38,7 @@
46
38
  "@atlaskit/ds-lib": "^2.2.0",
47
39
  "@atlaskit/popper": "^5.5.0",
48
40
  "@atlaskit/theme": "^12.5.0",
49
- "@atlaskit/tokens": "^1.5.0",
41
+ "@atlaskit/tokens": "^1.15.0",
50
42
  "@babel/runtime": "^7.0.0",
51
43
  "@emotion/react": "^11.7.1",
52
44
  "bind-event-listener": "^2.1.1",
@@ -56,11 +48,12 @@
56
48
  "react": "^16.8.0"
57
49
  },
58
50
  "devDependencies": {
59
- "@atlaskit/button": "^16.7.0",
60
- "@atlaskit/datetime-picker": "^12.6.0",
51
+ "@af/accessibility-testing": "*",
52
+ "@af/visual-regression": "*",
53
+ "@atlaskit/button": "^16.9.0",
54
+ "@atlaskit/datetime-picker": "^12.7.0",
61
55
  "@atlaskit/docs": "*",
62
- "@atlaskit/icon": "^21.12.0",
63
- "@atlaskit/modal-dialog": "^12.5.0",
56
+ "@atlaskit/modal-dialog": "^12.6.0",
64
57
  "@atlaskit/section-message": "^6.4.0",
65
58
  "@atlaskit/select": "^16.5.0",
66
59
  "@atlaskit/ssr": "*",
@@ -100,6 +93,14 @@
100
93
  "deprecation": "no-deprecated-imports"
101
94
  }
102
95
  },
96
+ "typesVersions": {
97
+ ">=4.5 <4.9": {
98
+ "*": [
99
+ "dist/types-ts4.5/*",
100
+ "dist/types-ts4.5/index.d.ts"
101
+ ]
102
+ }
103
+ },
103
104
  "homepage": "https://atlassian.design/components/inline-dialog/",
104
105
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
105
106
  }
@@ -0,0 +1,38 @@
1
+ ## API Report File for "@atlaskit/inline-dialog"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ import { default as React_2 } from 'react';
8
+ import { ReactNode } from 'react';
9
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
10
+ import { WithContextProps } from '@atlaskit/analytics-next';
11
+
12
+ // @public (undocumented)
13
+ const _default: React_2.ForwardRefExoticComponent<Pick<Omit<React_2.PropsWithChildren<InlineDialogProps>, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "children" | "content" | "isOpen" | "key" | "onClose" | "onContentBlur" | "onContentClick" | "onContentFocus" | "placement" | "strategy" | "testId"> & React_2.RefAttributes<any>>;
14
+ export default _default;
15
+
16
+ // @public (undocumented)
17
+ interface InlineDialogProps extends WithAnalyticsEventsProps {
18
+ children: ReactNode;
19
+ content: ReactNode;
20
+ isOpen?: boolean;
21
+ onClose?: (obj: {
22
+ isOpen: boolean;
23
+ event: Event;
24
+ }) => void;
25
+ onContentBlur?: () => void;
26
+ onContentClick?: () => void;
27
+ onContentFocus?: () => void;
28
+ placement?: Placement;
29
+ strategy?: 'absolute' | 'fixed';
30
+ testId?: string;
31
+ }
32
+
33
+ // @public (undocumented)
34
+ export type Placement = 'auto' | 'auto-end' | 'auto-start' | 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
35
+
36
+ // (No @packageDocumentation comment for this package)
37
+
38
+ ```
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/inline-dialog",
3
- "version": "13.6.4",
4
- "sideEffects": false
5
- }
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/inline-dialog",
3
- "version": "13.6.4",
4
- "sideEffects": false
5
- }
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/inline-dialog",
3
- "version": "13.6.4",
4
- "sideEffects": false
5
- }
@@ -1,5 +0,0 @@
1
- import { InlineDialogProps } from '../src/types';
2
-
3
- export default function InlineDialogProp(props: InlineDialogProps) {
4
- return null;
5
- }