@atlaskit/onboarding 13.0.5 → 14.0.1

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.
Files changed (65) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/cjs/components/modal.js +10 -14
  3. package/dist/cjs/components/node-resolver-spotlight-target.compiled.css +1 -0
  4. package/dist/cjs/components/node-resolver-spotlight-target.js +12 -13
  5. package/dist/cjs/components/spotlight-card.compiled.css +20 -0
  6. package/dist/cjs/components/spotlight-card.js +34 -55
  7. package/dist/cjs/components/spotlight-dialog.js +2 -2
  8. package/dist/cjs/components/spotlight-inner.js +1 -2
  9. package/dist/cjs/components/spotlight-manager.js +1 -2
  10. package/dist/cjs/components/theme.js +44 -48
  11. package/dist/cjs/styled/blanket.compiled.css +4 -0
  12. package/dist/cjs/styled/blanket.js +13 -17
  13. package/dist/cjs/styled/dialog.compiled.css +10 -0
  14. package/dist/cjs/styled/dialog.js +24 -30
  15. package/dist/cjs/styled/modal.compiled.css +26 -0
  16. package/dist/cjs/styled/modal.js +29 -54
  17. package/dist/cjs/styled/target.compiled.css +8 -0
  18. package/dist/cjs/styled/target.js +34 -57
  19. package/dist/es2019/components/modal.js +9 -14
  20. package/dist/es2019/components/node-resolver-spotlight-target.compiled.css +1 -0
  21. package/dist/es2019/components/node-resolver-spotlight-target.js +8 -11
  22. package/dist/es2019/components/spotlight-card.compiled.css +20 -0
  23. package/dist/es2019/components/spotlight-card.js +33 -54
  24. package/dist/es2019/components/spotlight-dialog.js +1 -1
  25. package/dist/es2019/components/spotlight-inner.js +1 -2
  26. package/dist/es2019/components/spotlight-manager.js +1 -2
  27. package/dist/es2019/components/theme.js +44 -45
  28. package/dist/es2019/styled/blanket.compiled.css +4 -0
  29. package/dist/es2019/styled/blanket.js +9 -17
  30. package/dist/es2019/styled/dialog.compiled.css +10 -0
  31. package/dist/es2019/styled/dialog.js +20 -29
  32. package/dist/es2019/styled/modal.compiled.css +26 -0
  33. package/dist/es2019/styled/modal.js +26 -54
  34. package/dist/es2019/styled/target.compiled.css +9 -0
  35. package/dist/es2019/styled/target.js +21 -49
  36. package/dist/esm/components/modal.js +9 -14
  37. package/dist/esm/components/node-resolver-spotlight-target.compiled.css +1 -0
  38. package/dist/esm/components/node-resolver-spotlight-target.js +8 -11
  39. package/dist/esm/components/spotlight-card.compiled.css +20 -0
  40. package/dist/esm/components/spotlight-card.js +33 -54
  41. package/dist/esm/components/spotlight-dialog.js +1 -1
  42. package/dist/esm/components/spotlight-inner.js +1 -2
  43. package/dist/esm/components/spotlight-manager.js +1 -2
  44. package/dist/esm/components/theme.js +44 -45
  45. package/dist/esm/styled/blanket.compiled.css +4 -0
  46. package/dist/esm/styled/blanket.js +9 -17
  47. package/dist/esm/styled/dialog.compiled.css +10 -0
  48. package/dist/esm/styled/dialog.js +21 -31
  49. package/dist/esm/styled/modal.compiled.css +26 -0
  50. package/dist/esm/styled/modal.js +26 -54
  51. package/dist/esm/styled/target.compiled.css +8 -0
  52. package/dist/esm/styled/target.js +30 -57
  53. package/dist/types/components/modal.d.ts +8 -9
  54. package/dist/types/components/node-resolver-spotlight-target.d.ts +1 -2
  55. package/dist/types/styled/blanket.d.ts +1 -6
  56. package/dist/types/styled/dialog.d.ts +3 -4
  57. package/dist/types/styled/modal.d.ts +5 -6
  58. package/dist/types/styled/target.d.ts +3 -5
  59. package/dist/types-ts4.5/components/modal.d.ts +8 -9
  60. package/dist/types-ts4.5/components/node-resolver-spotlight-target.d.ts +1 -2
  61. package/dist/types-ts4.5/styled/blanket.d.ts +1 -6
  62. package/dist/types-ts4.5/styled/dialog.d.ts +3 -4
  63. package/dist/types-ts4.5/styled/modal.d.ts +5 -6
  64. package/dist/types-ts4.5/styled/target.d.ts +3 -5
  65. package/package.json +8 -7
@@ -3,7 +3,6 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type ImgHTMLAttributes, type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
7
6
  /**
8
7
  * __Dialog image__
9
8
  *
@@ -11,7 +10,7 @@ import { jsx } from '@emotion/react';
11
10
  *
12
11
  * @internal
13
12
  */
14
- export declare const DialogImage: ({ alt, ...props }: ImgHTMLAttributes<HTMLImageElement>) => jsx.JSX.Element;
13
+ export declare const DialogImage: ({ alt, ...props }: ImgHTMLAttributes<HTMLImageElement>) => JSX.Element;
15
14
  /**
16
15
  * __Dialog action item container__
17
16
  *
@@ -21,7 +20,7 @@ export declare const DialogImage: ({ alt, ...props }: ImgHTMLAttributes<HTMLImag
21
20
  */
22
21
  export declare const DialogActionItemContainer: ({ children }: {
23
22
  children: ReactNode;
24
- }) => jsx.JSX.Element;
23
+ }) => JSX.Element;
25
24
  /**
26
25
  * __Dialog action item__
27
26
  *
@@ -31,4 +30,4 @@ export declare const DialogActionItemContainer: ({ children }: {
31
30
  */
32
31
  export declare const DialogActionItem: ({ children }: {
33
32
  children: ReactNode;
34
- }) => jsx.JSX.Element;
33
+ }) => JSX.Element;
@@ -3,7 +3,6 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
7
6
  type ModalImageProps = {
8
7
  alt: string;
9
8
  src?: string;
@@ -19,7 +18,7 @@ type ModalActionContainerProps = {
19
18
  */
20
19
  export declare const ModalBody: ({ children }: {
21
20
  children: ReactNode;
22
- }) => jsx.JSX.Element;
21
+ }) => JSX.Element;
23
22
  /**
24
23
  * __Modal heading__
25
24
  *
@@ -28,19 +27,19 @@ export declare const ModalBody: ({ children }: {
28
27
  export declare const ModalHeading: ({ children, id }: {
29
28
  children: ReactNode;
30
29
  id: string;
31
- }) => jsx.JSX.Element;
30
+ }) => JSX.Element;
32
31
  /**
33
32
  * __Modal image__
34
33
  *
35
34
  * @internal
36
35
  */
37
- export declare const ModalImage: ({ alt, src }: ModalImageProps) => jsx.JSX.Element;
36
+ export declare const ModalImage: ({ alt, src }: ModalImageProps) => JSX.Element;
38
37
  /**
39
38
  * __Modal action container__
40
39
  *
41
40
  * @internal
42
41
  */
43
- export declare const ModalActionContainer: ({ children, shouldReverseButtonOrder, }: ModalActionContainerProps) => jsx.JSX.Element;
42
+ export declare const ModalActionContainer: ({ children, shouldReverseButtonOrder, }: ModalActionContainerProps) => JSX.Element;
44
43
  /**
45
44
  * __Modal action item__
46
45
  *
@@ -48,5 +47,5 @@ export declare const ModalActionContainer: ({ children, shouldReverseButtonOrder
48
47
  */
49
48
  export declare const ModalActionItem: ({ children }: {
50
49
  children: ReactNode;
51
- }) => jsx.JSX.Element;
50
+ }) => JSX.Element;
52
51
  export {};
@@ -3,7 +3,6 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type HTMLAttributes, type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
7
6
  type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
8
7
  bgColor?: string;
9
8
  children?: ReactNode;
@@ -14,7 +13,6 @@ type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
14
13
  type TargetProps = Omit<BaseProps, 'css'> & {
15
14
  pulse?: boolean;
16
15
  };
17
- export declare const pulseKeyframesName: string;
18
16
  /**
19
17
  * __Target inner__
20
18
  *
@@ -22,7 +20,7 @@ export declare const pulseKeyframesName: string;
22
20
  *
23
21
  * @internal
24
22
  */
25
- export declare const TargetInner: ({ bgColor, children, className, pulse, radius, testId, ...props }: TargetProps) => jsx.JSX.Element;
23
+ export declare const TargetInner: ({ bgColor, children, className, pulse, radius, testId, ...props }: TargetProps) => JSX.Element;
26
24
  /**
27
25
  * __Target overlay__
28
26
  *
@@ -31,7 +29,7 @@ export declare const TargetInner: ({ bgColor, children, className, pulse, radius
31
29
  *
32
30
  * @internal
33
31
  */
34
- export declare const TargetOverlay: ({ onClick, ...props }: HTMLAttributes<HTMLDivElement>) => jsx.JSX.Element;
32
+ export declare const TargetOverlay: ({ onClick, ...props }: HTMLAttributes<HTMLDivElement>) => JSX.Element;
35
33
  /**
36
34
  * __Spotlight pulse__
37
35
  *
@@ -41,5 +39,5 @@ export declare const TargetOverlay: ({ onClick, ...props }: HTMLAttributes<HTMLD
41
39
  * - [Code](https://atlassian.design/components/onboarding/code)
42
40
  * - [Usage](https://atlassian.design/components/onboarding/usage)
43
41
  */
44
- export declare const Pulse: ({ bgColor, children, className, radius, pulse, testId, ...props }: TargetProps) => jsx.JSX.Element;
42
+ export declare const Pulse: ({ bgColor, children, className, radius, pulse, testId, ...props }: TargetProps) => JSX.Element;
45
43
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "13.0.5",
3
+ "version": "14.0.1",
4
4
  "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,20 +38,20 @@
38
38
  "runReact18": true
39
39
  },
40
40
  "dependencies": {
41
- "@atlaskit/button": "^22.0.0",
41
+ "@atlaskit/button": "^23.0.0",
42
+ "@atlaskit/css": "^0.10.0",
42
43
  "@atlaskit/ds-lib": "^4.0.0",
43
44
  "@atlaskit/heading": "^5.1.0",
44
- "@atlaskit/layering": "^2.0.0",
45
- "@atlaskit/modal-dialog": "^14.0.0",
45
+ "@atlaskit/layering": "^2.1.0",
46
+ "@atlaskit/modal-dialog": "^14.1.0",
46
47
  "@atlaskit/motion": "^5.1.0",
47
48
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
49
  "@atlaskit/popper": "^7.0.0",
49
50
  "@atlaskit/portal": "^5.1.0",
50
51
  "@atlaskit/primitives": "^14.2.0",
51
- "@atlaskit/theme": "^18.0.0",
52
52
  "@atlaskit/tokens": "^4.5.0",
53
53
  "@babel/runtime": "^7.0.0",
54
- "@emotion/react": "^11.7.1",
54
+ "@compiled/react": "^0.18.3",
55
55
  "bind-event-listener": "^3.0.0",
56
56
  "exenv": "^1.2.2",
57
57
  "memoize-one": "^6.0.0",
@@ -69,8 +69,9 @@
69
69
  "@af/accessibility-testing": "^2.0.0",
70
70
  "@af/integration-testing": "^0.5.0",
71
71
  "@af/visual-regression": "^1.3.0",
72
- "@atlaskit/ssr": "^0.4.0",
72
+ "@atlaskit/theme": "^18.0.0",
73
73
  "@atlaskit/visual-regression": "^0.10.0",
74
+ "@atlassian/ssr-tests": "^0.2.0",
74
75
  "@testing-library/react": "^13.4.0",
75
76
  "@testing-library/react-hooks": "^8.0.1",
76
77
  "@testing-library/user-event": "^14.4.3",