@atlaskit/spotlight 0.10.6 → 0.10.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/spotlight
 
+## 0.10.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.10.7
+
+### Patch Changes
+
+- [`5db9e3f21a52f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5db9e3f21a52f) -
+  Internal refactoring
+- Updated dependencies
+
 ## 0.10.6
 
 ### Patch Changes

package/constellation/index/usage.mdx

@@ -51,25 +51,26 @@ A tour is a series of spotlights that point to multiple areas of the UI. <br />
 Tours should be used sparingly. Before designing a tour, assess if you can combine or eliminate
 steps to keep the experience as lightweight as possible, as seen below.
 
-<DoDont
-	type="do"
-	image={{
-		url: tourUseDo,
-		alt: 'Example of a single-step spotlight with content that combines the example content of the multi-step tour next to it.',
-	}}
->
-	Keep things lightweight. Aim for one step with active and concise messaging.
-</DoDont>
-
-<DoDont
-	type="dont"
-	image={{
-		url: tourUseDont,
-		alt: 'Example of a multi-step spotlight with content that that can be combined into a single step.',
-	}}
->
-	Avoid tours unless the steps are crucial. Consolidate information first.
-</DoDont>
+<DoDontGrid>
+	<DoDont
+		type="do"
+		image={{
+			url: tourUseDo,
+			alt: 'Example of a single-step spotlight with content that combines the example content of the multi-step tour next to it.',
+		}}
+	>
+		Keep things lightweight. Aim for one step with active and concise messaging.
+	</DoDont>
+	<DoDont
+		type="dont"
+		image={{
+			url: tourUseDont,
+			alt: 'Example of a multi-step spotlight with content that that can be combined into a single step.',
+		}}
+	>
+		Avoid tours unless the steps are crucial. Consolidate information first.
+	</DoDont>
+</DoDontGrid>
 
 ### Triggered spotlights
 
@@ -98,25 +99,26 @@ also activate UI.
 
 ## Principles of use
 
-<DoDont
-	type="do"
-	image={{
-		url: principlesDo,
-		alt: 'Example of spotlight with content that explains what Rovo is.',
-	}}
->
-	Use spotlights to educate users or introduce them to something new.
-</DoDont>
-
-<DoDont
-	type="dont"
-	image={{
-		url: principlesDont,
-		alt: 'Example of a spotlight with content that promotes purchasing collections to get Rovo.',
-	}}
->
-	Use spotlights for upsells or other transactional messaging.
-</DoDont>
+<DoDontGrid>
+	<DoDont
+		type="do"
+		image={{
+			url: principlesDo,
+			alt: 'Example of spotlight with content that explains what Rovo is.',
+		}}
+	>
+		Use spotlights to educate users or introduce them to something new.
+	</DoDont>
+	<DoDont
+		type="dont"
+		image={{
+			url: principlesDont,
+			alt: 'Example of a spotlight with content that promotes purchasing collections to get Rovo.',
+		}}
+	>
+		Use spotlights for upsells or other transactional messaging.
+	</DoDont>
+</DoDontGrid>
 
 ## Anatomy and specifications
 
@@ -179,7 +181,7 @@ concise as possible, easy to scan, and only communicate essential information.
 
 - 75 characters max
 - Brief and direct
-- Elaborate value

+- Elaborate value

 
 #### Primary CTA
 
@@ -190,7 +192,7 @@ concise as possible, easy to scan, and only communicate essential information.
   - Let them know where they’re going next when navigating to another screen “Go to Jira”
   - Be explicit when activating UI components “Chat with Rovo” opens the Rovo panel
   - Use “Learn more” when navigating to more detailed information
-  - For tours: start with “Next” and conclude the flow with “Done”

+  - For tours: start with “Next” and conclude the flow with “Done”

 
 #### Secondary CTA
 

package/dist/cjs/ui/popover-content/index.js

@@ -155,9 +155,7 @@ var PopoverContent = exports.PopoverContent = function PopoverContent(props) {
       role: "dialog",
       "data-testid": testId,
       "aria-labelledby": heading.id,
-      ref: (0, _mergeRefs.default)([ref, localRef])
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ,
+      ref: (0, _mergeRefs.default)([ref, localRef]),
       style: style,
       className: (0, _runtime.ax)([styles.root])
     }, children);

package/dist/es2019/ui/popover-content/index.js

@@ -141,9 +141,7 @@ export const PopoverContent = props => {
       role: "dialog",
       "data-testid": testId,
       "aria-labelledby": heading.id,
-      ref: mergeRefs([ref, localRef])
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ,
+      ref: mergeRefs([ref, localRef]),
       style: style,
       className: ax([styles.root])
     }, children);

package/dist/esm/ui/popover-content/index.js

@@ -146,9 +146,7 @@ export var PopoverContent = function PopoverContent(props) {
       role: "dialog",
       "data-testid": testId,
       "aria-labelledby": heading.id,
-      ref: mergeRefs([ref, localRef])
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ,
+      ref: mergeRefs([ref, localRef]),
       style: style,
       className: ax([styles.root])
     }, children);

package/dist/types/index.d.ts

@@ -6,9 +6,9 @@ export { SpotlightFooter, type SpotlightFooterProps } from './ui/footer';
 export { SpotlightActions, type SpotlightActionsProps } from './ui/actions';
 export { SpotlightStepCount, type SpotlightStepCountProps } from './ui/step-count';
 export { SpotlightPrimaryAction, type SpotlightPrimaryActionProps } from './ui/primary-action';
-export { SpotlightPrimaryLink, type SpotlightPrimaryLinkProps, } from './ui/primary-link';
+export { SpotlightPrimaryLink, type SpotlightPrimaryLinkProps } from './ui/primary-link';
 export { SpotlightSecondaryAction, type SpotlightSecondaryActionProps, } from './ui/secondary-action';
-export { SpotlightSecondaryLink, type SpotlightSecondaryLinkProps, } from './ui/secondary-link';
+export { SpotlightSecondaryLink, type SpotlightSecondaryLinkProps } from './ui/secondary-link';
 export { SpotlightControls, type SpotlightControlsProps } from './ui/controls';
 export { SpotlightDismissControl, type SpotlightDismissControlProps } from './ui/dismiss-control';
 export { SpotlightShowMoreControl, type SpotlightShowMoreControlProps, } from './ui/show-more-control';

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

@@ -6,9 +6,9 @@ export { SpotlightFooter, type SpotlightFooterProps } from './ui/footer';
 export { SpotlightActions, type SpotlightActionsProps } from './ui/actions';
 export { SpotlightStepCount, type SpotlightStepCountProps } from './ui/step-count';
 export { SpotlightPrimaryAction, type SpotlightPrimaryActionProps } from './ui/primary-action';
-export { SpotlightPrimaryLink, type SpotlightPrimaryLinkProps, } from './ui/primary-link';
+export { SpotlightPrimaryLink, type SpotlightPrimaryLinkProps } from './ui/primary-link';
 export { SpotlightSecondaryAction, type SpotlightSecondaryActionProps, } from './ui/secondary-action';
-export { SpotlightSecondaryLink, type SpotlightSecondaryLinkProps, } from './ui/secondary-link';
+export { SpotlightSecondaryLink, type SpotlightSecondaryLinkProps } from './ui/secondary-link';
 export { SpotlightControls, type SpotlightControlsProps } from './ui/controls';
 export { SpotlightDismissControl, type SpotlightDismissControlProps } from './ui/dismiss-control';
 export { SpotlightShowMoreControl, type SpotlightShowMoreControlProps, } from './ui/show-more-control';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/spotlight",
-	"version": "0.10.6",
+	"version": "0.10.8",
 	"description": "A spotlight introduces users to points of interest, from focused messages to multi-step tours.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^31.0.0",
+		"@atlaskit/icon": "^32.0.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",