@atlaskit/spotlight 0.3.4 → 0.3.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/spotlight
 
+## 0.3.5
+
+### Patch Changes
+
+- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
+  add type info to forwardRef components
+- Updated dependencies
+
 ## 0.3.4
 
 ### Patch Changes

package/dist/types/ui/actions/index.d.ts

@@ -21,4 +21,4 @@ export interface SpotlightActionsProps {
  * `SpotlightActions` groups `SpotlightAction` components.
  *
  */
-export declare const SpotlightActions: import("react").ForwardRefExoticComponent<SpotlightActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightActions: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightActionsProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/body/index.d.ts

@@ -22,4 +22,4 @@ export interface SpotlightBodyProps {
  * `SpotlightBody` is required in a `Spotlight`. The content should be brief and direct to elaborate on the intent.
  *
  */
-export declare const SpotlightBody: import("react").ForwardRefExoticComponent<SpotlightBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightBody: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightBodyProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/card/caret/index.d.ts

@@ -12,4 +12,4 @@ export interface CaretProps {
  * A `Caret` is a purely visual pointer displayed on the edge of a spotlight, which points to the target element.
  *
  */
-export declare const Caret: import("react").ForwardRefExoticComponent<CaretProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Caret: React.ForwardRefExoticComponent<React.PropsWithoutRef<CaretProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/card/index.d.ts

@@ -21,4 +21,4 @@ export interface SpotlightCardProps {
  * The base UI card that wraps composable spotlight components.
  *
  */
-export declare const SpotlightCard: import("react").ForwardRefExoticComponent<SpotlightCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightCard: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightCardProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/controls/index.d.ts

@@ -20,4 +20,4 @@ export interface SpotlightControlsProps {
  *
  * `SpotlightControls` groups spotlight control components.
  */
-export declare const SpotlightControls: import("react").ForwardRefExoticComponent<SpotlightControlsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightControls: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightControlsProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/dismiss-control/index.d.ts

@@ -25,4 +25,4 @@ export interface SpotlightDismissControlProps {
  * SpotlightDismissControl allows the user to close the `Spotlight`.
  *
  */
-export declare const SpotlightDismissControl: import("react").ForwardRefExoticComponent<SpotlightDismissControlProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightDismissControl: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightDismissControlProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/footer/index.d.ts

@@ -21,4 +21,4 @@ export interface SpotlightFooterProps {
  * `SpotlightFooter` is intended to display the `SpotlightActions` and `SpotLightStepCount` components.
  *
  */
-export declare const SpotlightFooter: import("react").ForwardRefExoticComponent<SpotlightFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightFooter: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightFooterProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/header/index.d.ts

@@ -22,4 +22,4 @@ export interface SpotlightHeaderProps {
  * intended to show the `SpotlightHeadline` component, as well as `SpotLightControls`.
  *
  */
-export declare const SpotlightHeader: import("react").ForwardRefExoticComponent<SpotlightHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightHeader: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightHeaderProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/headline/index.d.ts

@@ -21,4 +21,4 @@ export interface SpotlightHeadlineProps {
  * `SpotlightHeadline` is required in a `Spotlight`. The content should be brief and direct to quickly hook the user on the intent.
  *
  */
-export declare const SpotlightHeadline: import("react").ForwardRefExoticComponent<SpotlightHeadlineProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const SpotlightHeadline: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightHeadlineProps> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/types/ui/media/index.d.ts

@@ -22,4 +22,4 @@ export interface SpotlightMediaProps {
  * `SpotlightMedia` is optional in a `Spotlight`.
  *
  */
-export declare const SpotlightMedia: import("react").ForwardRefExoticComponent<SpotlightMediaProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightMedia: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightMediaProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/primary-action/index.d.ts

@@ -31,4 +31,4 @@ export interface SpotlightPrimaryActionProps {
  * for single step spotlights, or to show the next step on multi step spotlight tours.
  *
  */
-export declare const SpotlightPrimaryAction: import("react").ForwardRefExoticComponent<SpotlightPrimaryActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightPrimaryAction: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightPrimaryActionProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/secondary-action/index.d.ts

@@ -31,4 +31,4 @@ export interface SpotlightSecondaryActionProps {
  * It is intended to be used to go back to the previous step in multi step spotlight tours, or other similar actions.
  *
  */
-export declare const SpotlightSecondaryAction: import("react").ForwardRefExoticComponent<SpotlightSecondaryActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightSecondaryAction: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightSecondaryActionProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/show-more-control/index.d.ts

@@ -17,4 +17,4 @@ export interface SpotlightShowMoreControlProps {
  * SpotlightShowMoreControl allows the user to close the `Spotlight`.
  *
  */
-export declare const SpotlightShowMoreControl: import("react").ForwardRefExoticComponent<SpotlightShowMoreControlProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightShowMoreControl: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightShowMoreControlProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/step-count/index.d.ts

@@ -21,4 +21,4 @@ export interface SpotlightStepCountProps {
  * `SpotlightStepCount` groups `SpotlightAction` components.
  *
  */
-export declare const SpotlightStepCount: import("react").ForwardRefExoticComponent<SpotlightStepCountProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SpotlightStepCount: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightStepCountProps> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -21,4 +21,4 @@ export interface SpotlightActionsProps {
  * `SpotlightActions` groups `SpotlightAction` components.
  *
  */
-export declare const SpotlightActions: import("react").ForwardRefExoticComponent<SpotlightActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightActions: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightActionsProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -22,4 +22,4 @@ export interface SpotlightBodyProps {
  * `SpotlightBody` is required in a `Spotlight`. The content should be brief and direct to elaborate on the intent.
  *
  */
-export declare const SpotlightBody: import("react").ForwardRefExoticComponent<SpotlightBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightBody: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightBodyProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/card/caret/index.d.ts

@@ -12,4 +12,4 @@ export interface CaretProps {
  * A `Caret` is a purely visual pointer displayed on the edge of a spotlight, which points to the target element.
  *
  */
-export declare const Caret: import("react").ForwardRefExoticComponent<CaretProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Caret: React.ForwardRefExoticComponent<React.PropsWithoutRef<CaretProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -21,4 +21,4 @@ export interface SpotlightCardProps {
  * The base UI card that wraps composable spotlight components.
  *
  */
-export declare const SpotlightCard: import("react").ForwardRefExoticComponent<SpotlightCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightCard: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightCardProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -20,4 +20,4 @@ export interface SpotlightControlsProps {
  *
  * `SpotlightControls` groups spotlight control components.
  */
-export declare const SpotlightControls: import("react").ForwardRefExoticComponent<SpotlightControlsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightControls: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightControlsProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/dismiss-control/index.d.ts

@@ -25,4 +25,4 @@ export interface SpotlightDismissControlProps {
  * SpotlightDismissControl allows the user to close the `Spotlight`.
  *
  */
-export declare const SpotlightDismissControl: import("react").ForwardRefExoticComponent<SpotlightDismissControlProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightDismissControl: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightDismissControlProps> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -21,4 +21,4 @@ export interface SpotlightFooterProps {
  * `SpotlightFooter` is intended to display the `SpotlightActions` and `SpotLightStepCount` components.
  *
  */
-export declare const SpotlightFooter: import("react").ForwardRefExoticComponent<SpotlightFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightFooter: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightFooterProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -22,4 +22,4 @@ export interface SpotlightHeaderProps {
  * intended to show the `SpotlightHeadline` component, as well as `SpotLightControls`.
  *
  */
-export declare const SpotlightHeader: import("react").ForwardRefExoticComponent<SpotlightHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightHeader: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightHeaderProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -21,4 +21,4 @@ export interface SpotlightHeadlineProps {
  * `SpotlightHeadline` is required in a `Spotlight`. The content should be brief and direct to quickly hook the user on the intent.
  *
  */
-export declare const SpotlightHeadline: import("react").ForwardRefExoticComponent<SpotlightHeadlineProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const SpotlightHeadline: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightHeadlineProps> & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -22,4 +22,4 @@ export interface SpotlightMediaProps {
  * `SpotlightMedia` is optional in a `Spotlight`.
  *
  */
-export declare const SpotlightMedia: import("react").ForwardRefExoticComponent<SpotlightMediaProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpotlightMedia: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightMediaProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/ui/primary-action/index.d.ts

@@ -31,4 +31,4 @@ export interface SpotlightPrimaryActionProps {
  * for single step spotlights, or to show the next step on multi step spotlight tours.
  *
  */
-export declare const SpotlightPrimaryAction: import("react").ForwardRefExoticComponent<SpotlightPrimaryActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightPrimaryAction: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightPrimaryActionProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/secondary-action/index.d.ts

@@ -31,4 +31,4 @@ export interface SpotlightSecondaryActionProps {
  * It is intended to be used to go back to the previous step in multi step spotlight tours, or other similar actions.
  *
  */
-export declare const SpotlightSecondaryAction: import("react").ForwardRefExoticComponent<SpotlightSecondaryActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightSecondaryAction: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightSecondaryActionProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/show-more-control/index.d.ts

@@ -17,4 +17,4 @@ export interface SpotlightShowMoreControlProps {
  * SpotlightShowMoreControl allows the user to close the `Spotlight`.
  *
  */
-export declare const SpotlightShowMoreControl: import("react").ForwardRefExoticComponent<SpotlightShowMoreControlProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SpotlightShowMoreControl: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightShowMoreControlProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/step-count/index.d.ts

@@ -21,4 +21,4 @@ export interface SpotlightStepCountProps {
  * `SpotlightStepCount` groups `SpotlightAction` components.
  *
  */
-export declare const SpotlightStepCount: import("react").ForwardRefExoticComponent<SpotlightStepCountProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SpotlightStepCount: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightStepCountProps> & React.RefAttributes<HTMLSpanElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/spotlight",
-	"version": "0.3.4",
+	"version": "0.3.5",
 	"description": "A spotlight introduces users to various points of interest across Atlassian through focused messages or multi-step tours.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,7 +33,7 @@
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/tokens": "^6.3.0",
+		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"