@atlaskit/onboarding 11.5.6 → 11.5.8

package/dist/cjs/components/clone.js

@@ -44,13 +44,17 @@ var Clone = function Clone(props) {
     "data-testid": testId,
     pulse: pulse,
     bgColor: targetBgColor,
-    radius: targetRadius,
+    radius: targetRadius
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style
   }, /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: cloneAndOverrideStyles(targetNode).outerHTML
-    },
+    }
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       height: '100%',
       pointerEvents: 'none'

package/dist/cjs/components/spotlight-dialog.js

@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "11.5.6";
+var packageVersion = "11.5.8";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/dist/cjs/components/spotlight-inner.js

@@ -122,7 +122,9 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/_react.default.createElement(_clone.default, {
             testId: "".concat(testId, "--target"),
             pulse: pulse,
-            target: target,
+            target: target
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+            ,
             style: _this2.getTargetNodeStyle(box),
             targetBgColor: targetBgColor,
             targetNode: targetNode,

package/dist/cjs/styled/blanket.js

@@ -32,7 +32,9 @@ var blanketStyles = (0, _react.css)({
  */
 var Blanket = function Blanket(props) {
   return (0, _react.jsx)("div", {
-    css: blanketStyles,
+    css: blanketStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: _objectSpread(_objectSpread({}, props.style), {}, {
       backgroundColor: props.isTinted ? "var(--ds-blanket, ".concat(_colors.N100A, ")") : 'transparent'
     })

package/dist/cjs/styled/modal.js

@@ -14,7 +14,7 @@ var modalBodyStyles = (0, _react.css)({
   textAlign: 'center'
 });
 
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
 var modalHeadingStyles = (0, _react.css)([(0, _react.css)((0, _typography.h600)({
   theme: {
     mode: 'light'

package/dist/cjs/styled/target.js

@@ -45,7 +45,9 @@ var Base = function Base(_ref) {
     testId = _ref.testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react.jsx)("div", (0, _extends2.default)({
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: _objectSpread(_objectSpread({}, style), {}, {
       backgroundColor: bgColor,
       borderRadius: radius ? "".concat(radius, "px") : undefined
@@ -92,7 +94,9 @@ var targetOverlayStyles = (0, _react.css)({
  */
 var TargetOverlay = exports.TargetOverlay = function TargetOverlay(props) {
   return (0, _react.jsx)("div", (0, _extends2.default)({}, props, {
-    css: targetOverlayStyles,
+    css: targetOverlayStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       cursor: props.onClick ? 'pointer' : 'auto'
     }

package/dist/es2019/components/clone.js

@@ -39,13 +39,17 @@ const Clone = props => {
     "data-testid": testId,
     pulse: pulse,
     bgColor: targetBgColor,
-    radius: targetRadius,
+    radius: targetRadius
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: cloneAndOverrideStyles(targetNode).outerHTML
-    },
+    }
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       height: '100%',
       pointerEvents: 'none'

package/dist/es2019/components/spotlight-dialog.js

@@ -7,7 +7,7 @@ import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';
 import ValueChanged from './value-changed';
 const packageName = "@atlaskit/onboarding";
-const packageVersion = "11.5.6";
+const packageVersion = "11.5.8";
 class SpotlightDialog extends Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/components/spotlight-inner.js

@@ -87,7 +87,9 @@ class SpotlightInner extends React.Component {
     }, box => /*#__PURE__*/React.createElement(Clone, {
       testId: `${testId}--target`,
       pulse: pulse,
-      target: target,
+      target: target
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
       style: this.getTargetNodeStyle(box),
       targetBgColor: targetBgColor,
       targetNode: targetNode,

package/dist/es2019/styled/blanket.js

@@ -23,7 +23,9 @@ const blanketStyles = css({
  */
 const Blanket = props => {
   return jsx("div", {
-    css: blanketStyles,
+    css: blanketStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       ...props.style,
       backgroundColor: props.isTinted ? `var(--ds-blanket, ${N100A})` : 'transparent'

package/dist/es2019/styled/modal.js

@@ -8,7 +8,7 @@ const modalBodyStyles = css({
   textAlign: 'center'
 });
 
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
 const modalHeadingStyles = css([css(h600({
   theme: {
     mode: 'light'

package/dist/es2019/styled/target.js

@@ -32,7 +32,9 @@ const Base = ({
   testId,
   ...props
 }) => jsx("div", _extends({
-  "data-testid": testId,
+  "data-testid": testId
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  ,
   style: {
     ...style,
     backgroundColor: bgColor,
@@ -77,7 +79,9 @@ const targetOverlayStyles = css({
  * @internal
  */
 export const TargetOverlay = props => jsx("div", _extends({}, props, {
-  css: targetOverlayStyles,
+  css: targetOverlayStyles
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  ,
   style: {
     cursor: props.onClick ? 'pointer' : 'auto'
   }

package/dist/esm/components/clone.js

@@ -37,13 +37,17 @@ var Clone = function Clone(props) {
     "data-testid": testId,
     pulse: pulse,
     bgColor: targetBgColor,
-    radius: targetRadius,
+    radius: targetRadius
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: cloneAndOverrideStyles(targetNode).outerHTML
-    },
+    }
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       height: '100%',
       pointerEvents: 'none'

package/dist/esm/components/spotlight-dialog.js

@@ -17,7 +17,7 @@ import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';
 import ValueChanged from './value-changed';
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "11.5.6";
+var packageVersion = "11.5.8";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   _inherits(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/dist/esm/components/spotlight-inner.js

@@ -115,7 +115,9 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/React.createElement(Clone, {
             testId: "".concat(testId, "--target"),
             pulse: pulse,
-            target: target,
+            target: target
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+            ,
             style: _this2.getTargetNodeStyle(box),
             targetBgColor: targetBgColor,
             targetNode: targetNode,

package/dist/esm/styled/blanket.js

@@ -26,7 +26,9 @@ var blanketStyles = css({
  */
 var Blanket = function Blanket(props) {
   return jsx("div", {
-    css: blanketStyles,
+    css: blanketStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: _objectSpread(_objectSpread({}, props.style), {}, {
       backgroundColor: props.isTinted ? "var(--ds-blanket, ".concat(N100A, ")") : 'transparent'
     })

package/dist/esm/styled/modal.js

@@ -8,7 +8,7 @@ var modalBodyStyles = css({
   textAlign: 'center'
 });
 
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
 var modalHeadingStyles = css([css(h600({
   theme: {
     mode: 'light'

package/dist/esm/styled/target.js

@@ -39,7 +39,9 @@ var Base = function Base(_ref) {
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: _objectSpread(_objectSpread({}, style), {}, {
       backgroundColor: bgColor,
       borderRadius: radius ? "".concat(radius, "px") : undefined
@@ -86,7 +88,9 @@ var targetOverlayStyles = css({
  */
 export var TargetOverlay = function TargetOverlay(props) {
   return jsx("div", _extends({}, props, {
-    css: targetOverlayStyles,
+    css: targetOverlayStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       cursor: props.onClick ? 'pointer' : 'auto'
     }

package/dist/types/components/animation.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface FadeProps {
     hasEntered: boolean;
     children: (animationStyles: Record<string, any>) => ReactNode;

package/dist/types/components/clone.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { type MouseEvent } from 'react';
 export interface CloneProps {
     /**
      * Whether or not to display a pulse animation around the spotlighted element.

package/dist/types/components/modal.d.ts

@@ -1,8 +1,8 @@
 /** @jsx jsx */
-import { Component, ElementType, ReactNode } from 'react';
+import { Component, type ElementType, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { ModalFooterProps as FooterComponentProps, ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
-import { Actions } from '../types';
+import { type ModalFooterProps as FooterComponentProps, type ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
+import { type Actions } from '../types';
 type ModalProps = {
     /**
      * Buttons to render in the footer.

package/dist/types/components/spotlight-dialog.d.ts

@@ -1,6 +1,6 @@
-import React, { ComponentType, ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { Actions } from '../types';
+import React, { type ComponentType, type ReactNode } from 'react';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type Actions } from '../types';
 export interface SpotlightDialogProps extends WithAnalyticsEventsProps {
     /**
      * Buttons to render in the footer.

package/dist/types/components/spotlight-inner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ElementBoundingBox } from '../utils/use-element-box';
-import { SpotlightProps } from './spotlight';
+import { type ElementBoundingBox } from '../utils/use-element-box';
+import { type SpotlightProps } from './spotlight';
 export interface SpotlightInnerProps extends SpotlightProps {
     /**
      * The spotlight target DOM element.

package/dist/types/components/spotlight-manager.d.ts

@@ -1,4 +1,4 @@
-import React, { ElementType, PureComponent, ReactNode } from 'react';
+import React, { type ElementType, PureComponent, type ReactNode } from 'react';
 declare const TargetConsumer: React.Consumer<any>;
 declare const SpotlightContext: React.Context<{
     opened: () => void;

package/dist/types/components/spotlight-target.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface SpotlightTargetProps {
     /**
      * A single child.

package/dist/types/components/spotlight-transition.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 interface SpotlightTransitionProps {
     /**
      * Children that are conditionally rendered. The transition happens based

package/dist/types/components/spotlight.d.ts

@@ -1,5 +1,5 @@
-import { ComponentType, MouseEvent, ReactNode } from 'react';
-import { Actions } from '../types';
+import { type ComponentType, type MouseEvent, type ReactNode } from 'react';
+import { type Actions } from '../types';
 export interface SpotlightProps {
     /**
      * Buttons to render in the footer.

package/dist/types/components/value-changed.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 interface ValueChangedProps {
     value: any;
     onChange: Function;

package/dist/types/styled/dialog.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ImgHTMLAttributes, ReactNode } from 'react';
+import { type ImgHTMLAttributes, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type DialogImageProps = ImgHTMLAttributes<HTMLImageElement>;
 /**

package/dist/types/styled/modal.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type ModalImageProps = {
     alt: string;

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CustomThemeButtonProps } from '@atlaskit/button/types';
+import { type ReactNode } from 'react';
+import { type CustomThemeButtonProps } from '@atlaskit/button/types';
 interface Action extends Omit<CustomThemeButtonProps, 'children'> {
     key?: string;
     text?: ReactNode;

package/dist/types-ts4.5/components/animation.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface FadeProps {
     hasEntered: boolean;
     children: (animationStyles: Record<string, any>) => ReactNode;

package/dist/types-ts4.5/components/clone.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { type MouseEvent } from 'react';
 export interface CloneProps {
     /**
      * Whether or not to display a pulse animation around the spotlighted element.

package/dist/types-ts4.5/components/modal.d.ts

@@ -1,8 +1,8 @@
 /** @jsx jsx */
-import { Component, ElementType, ReactNode } from 'react';
+import { Component, type ElementType, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { ModalFooterProps as FooterComponentProps, ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
-import { Actions } from '../types';
+import { type ModalFooterProps as FooterComponentProps, type ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
+import { type Actions } from '../types';
 type ModalProps = {
     /**
      * Buttons to render in the footer.

package/dist/types-ts4.5/components/spotlight-dialog.d.ts

@@ -1,6 +1,6 @@
-import React, { ComponentType, ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { Actions } from '../types';
+import React, { type ComponentType, type ReactNode } from 'react';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type Actions } from '../types';
 export interface SpotlightDialogProps extends WithAnalyticsEventsProps {
     /**
      * Buttons to render in the footer.

package/dist/types-ts4.5/components/spotlight-inner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ElementBoundingBox } from '../utils/use-element-box';
-import { SpotlightProps } from './spotlight';
+import { type ElementBoundingBox } from '../utils/use-element-box';
+import { type SpotlightProps } from './spotlight';
 export interface SpotlightInnerProps extends SpotlightProps {
     /**
      * The spotlight target DOM element.

package/dist/types-ts4.5/components/spotlight-manager.d.ts

@@ -1,4 +1,4 @@
-import React, { ElementType, PureComponent, ReactNode } from 'react';
+import React, { type ElementType, PureComponent, type ReactNode } from 'react';
 declare const TargetConsumer: React.Consumer<any>;
 declare const SpotlightContext: React.Context<{
     opened: () => void;

package/dist/types-ts4.5/components/spotlight-target.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface SpotlightTargetProps {
     /**
      * A single child.

package/dist/types-ts4.5/components/spotlight-transition.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 interface SpotlightTransitionProps {
     /**
      * Children that are conditionally rendered. The transition happens based

package/dist/types-ts4.5/components/spotlight.d.ts

@@ -1,5 +1,5 @@
-import { ComponentType, MouseEvent, ReactNode } from 'react';
-import { Actions } from '../types';
+import { type ComponentType, type MouseEvent, type ReactNode } from 'react';
+import { type Actions } from '../types';
 export interface SpotlightProps {
     /**
      * Buttons to render in the footer.

package/dist/types-ts4.5/components/value-changed.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 interface ValueChangedProps {
     value: any;
     onChange: Function;

package/dist/types-ts4.5/styled/dialog.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ImgHTMLAttributes, ReactNode } from 'react';
+import { type ImgHTMLAttributes, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type DialogImageProps = ImgHTMLAttributes<HTMLImageElement>;
 /**

package/dist/types-ts4.5/styled/modal.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type ModalImageProps = {
     alt: string;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CustomThemeButtonProps } from '@atlaskit/button/types';
+import { type ReactNode } from 'react';
+import { type CustomThemeButtonProps } from '@atlaskit/button/types';
 interface Action extends Omit<CustomThemeButtonProps, 'children'> {
     key?: string;
     text?: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/onboarding",
-  "version": "11.5.6",
+  "version": "11.5.8",
   "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,16 +41,16 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.14.0",
+    "@atlaskit/button": "^17.17.0",
     "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/heading": "^2.3.0",
     "@atlaskit/modal-dialog": "^12.13.0",
     "@atlaskit/motion": "^1.6.0",
-    "@atlaskit/popper": "^5.5.0",
+    "@atlaskit/popper": "^6.0.0",
     "@atlaskit/portal": "^4.5.0",
-    "@atlaskit/primitives": "^6.1.0",
-    "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.48.0",
+    "@atlaskit/primitives": "^7.0.0",
+    "@atlaskit/theme": "^12.9.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^3.0.0",
@@ -72,7 +72,6 @@
     "@af/visual-regression": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/exenv": "^1.2.0",
@@ -101,6 +100,5 @@
       "design-system": "v1",
       "deprecation": "no-deprecated-imports"
     }
-  },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  }
 }