Update styles typings

Apply missing imports
elastic · Mar 8, 2023 · c4ab3a0 · c4ab3a0
1 parent 2601baf
commit c4ab3a0
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/...lugins/guided_onboarding/public/components/guide_panel_flyout/guide_panel_flyout_body.tsx b/...lugins/guided_onboarding/public/components/guide_panel_flyout/guide_panel_flyout_body.tsx
@@ -23,6 +23,7 @@ import wellDoneAnimatedDarkGif from '../../../assets/well_done_animated_dark.gif
 import { PluginState } from '../../../common';
 import { GuideProgress } from './guide_progress';
 import wellDoneAnimatedGif from '../../../assets/well_done_animated.gif';
+import { getGuidePanelStyles } from '../guide_panel.styles';
 
 export const GuidePanelFlyoutBody = ({
   styles,
@@ -35,7 +36,7 @@ export const GuidePanelFlyoutBody = ({
   isLoading,
   completeGuide,
 }: {
-  styles: any;
+  styles: ReturnType<typeof getGuidePanelStyles>;
   guideConfig?: GuideConfig;
   isDarkTheme: boolean;
   stepsCompleted: number;

diff --git a/...gins/guided_onboarding/public/components/guide_panel_flyout/guide_panel_flyout_footer.tsx b/...gins/guided_onboarding/public/components/guide_panel_flyout/guide_panel_flyout_footer.tsx
@@ -9,13 +9,14 @@
 import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiText, EuiThemeComputed } from '@elastic/eui';
 import React from 'react';
 import { i18n } from '@kbn/i18n';
+import { getGuidePanelStyles } from '../guide_panel.styles';
 
 export const GuidePanelFlyoutFooter = ({
   styles,
   euiTheme,
   openQuitGuideModal,
 }: {
-  styles: any;
+  styles: ReturnType<typeof getGuidePanelStyles>;
   euiTheme: EuiThemeComputed;
   openQuitGuideModal: () => void;
 }) => {

diff --git a/...gins/guided_onboarding/public/components/guide_panel_flyout/guide_panel_flyout_header.tsx b/...gins/guided_onboarding/public/components/guide_panel_flyout/guide_panel_flyout_header.tsx
@@ -10,6 +10,7 @@ import React, { ReactElement } from 'react';
 import { EuiButtonIcon, EuiHorizontalRule, EuiSpacer, EuiTitle, keys } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import type { GuideConfig } from '@kbn/guided-onboarding';
+import { getGuidePanelStyles } from '../guide_panel.styles';
 
 export const GuidePanelFlyoutHeader = ({
   styles,
@@ -20,7 +21,7 @@ export const GuidePanelFlyoutHeader = ({
   guideConfig,
   backButton,
 }: {
-  styles: any;
+  styles: ReturnType<typeof getGuidePanelStyles>;
   titleId: string;
   toggleGuide: () => void;
   hasError: boolean;

diff --git a/src/plugins/guided_onboarding/public/components/guide_panel_flyout/guide_progress.tsx b/src/plugins/guided_onboarding/public/components/guide_panel_flyout/guide_progress.tsx
@@ -12,6 +12,7 @@ import type { GuideConfig, GuideStep as GuideStepType, StepConfig } from '@kbn/g
 import { i18n } from '@kbn/i18n';
 import { GuideStep } from '../guide_panel_step';
 import type { PluginState } from '../../../common';
+import { getGuidePanelStyles } from '../guide_panel.styles';
 
 export const GuideProgress = ({
   guideConfig,
@@ -23,7 +24,7 @@ export const GuideProgress = ({
   handleStepButtonClick,
 }: {
   guideConfig: GuideConfig;
-  styles: any;
+  styles: ReturnType<typeof getGuidePanelStyles>;
   pluginState: PluginState;
   isLoading: boolean;
   stepsCompleted: number;

diff --git a/src/plugins/guided_onboarding/public/components/guide_panel_flyout/index.tsx b/src/plugins/guided_onboarding/public/components/guide_panel_flyout/index.tsx
@@ -21,6 +21,7 @@ import { GuidePanelFlyoutHeader } from './guide_panel_flyout_header';
 import { GuidePanelFlyoutBody } from './guide_panel_flyout_body';
 import type { PluginState } from '../../../common';
 import { GuidePanelFlyoutFooter } from './guide_panel_flyout_footer';
+import { getGuidePanelStyles } from '../guide_panel.styles';
 
 export const GuidePanelFlyout = ({
   isOpen,
@@ -43,7 +44,7 @@ export const GuidePanelFlyout = ({
   toggleGuide: () => void;
   isGuideReadyToComplete: boolean;
   guideConfig?: GuideConfig;
-  styles: any;
+  styles: ReturnType<typeof getGuidePanelStyles>;
   navigateToLandingPage: () => void;
   stepsCompleted: number;
   pluginState?: PluginState;