@atlaskit/onboarding 11.5.7 → 11.6.0

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-card.js

@@ -112,7 +112,8 @@ var SpotlightCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, heading || headingAfterElement ? (0, _react2.jsx)(Header, null, (0, _react2.jsx)(_heading.default, {
     id: headingId,
     size: "medium",
-    as: "h".concat(headingLevel)
+    as: "h".concat(headingLevel),
+    color: "color.text.inverse"
   }, heading), headingAfterElement) : null, (0, _react2.jsx)(_primitives.Text, null, children), actions.length > 0 || actionsBeforeElement ? (0, _react2.jsx)(Footer, null, actionsBeforeElement || (0, _react2.jsx)("span", null), (0, _react2.jsx)(_dialog.DialogActionItemContainer, null, actions.map(function (_ref3, idx) {
     var text = _ref3.text,
       key = _ref3.key,

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.7";
+var packageVersion = "11.6.0";
 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-card.js

@@ -96,7 +96,8 @@ const SpotlightCard = /*#__PURE__*/forwardRef((props, ref) => {
   }, heading || headingAfterElement ? jsx(Header, null, jsx(Heading, {
     id: headingId,
     size: "medium",
-    as: `h${headingLevel}`
+    as: `h${headingLevel}`,
+    color: "color.text.inverse"
   }, heading), headingAfterElement) : null, jsx(Text, null, children), actions.length > 0 || actionsBeforeElement ? jsx(Footer, null, actionsBeforeElement || jsx("span", null), jsx(DialogActionItemContainer, null, actions.map(({
     text,
     key,

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.7";
+const packageVersion = "11.6.0";
 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-card.js

@@ -102,7 +102,8 @@ var SpotlightCard = /*#__PURE__*/forwardRef(function (props, ref) {
   }, heading || headingAfterElement ? jsx(Header, null, jsx(Heading, {
     id: headingId,
     size: "medium",
-    as: "h".concat(headingLevel)
+    as: "h".concat(headingLevel),
+    color: "color.text.inverse"
   }, heading), headingAfterElement) : null, jsx(Text, null, children), actions.length > 0 || actionsBeforeElement ? jsx(Footer, null, actionsBeforeElement || jsx("span", null), jsx(DialogActionItemContainer, null, actions.map(function (_ref3, idx) {
     var text = _ref3.text,
       key = _ref3.key,

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.7";
+var packageVersion = "11.6.0";
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/onboarding",
-  "version": "11.5.7",
+  "version": "11.6.0",
   "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,15 +41,15 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.16.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": "^6.0.0",
     "@atlaskit/portal": "^4.5.0",
-    "@atlaskit/primitives": "^6.3.0",
-    "@atlaskit/theme": "^12.8.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",
@@ -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"
+  }
 }