From ea04ec397f99e9a5ce5d363463fe9337e8e5318c Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 11 Mar 2025 12:22:26 +0100
Subject: [PATCH] Onboarding Addon: Update import paths from internal modules
 to direct package imports

---
 code/addons/onboarding/src/components/Button/Button.tsx       | 2 +-
 code/addons/onboarding/src/components/Confetti/Confetti.tsx   | 3 +--
 code/addons/onboarding/src/components/List/List.styled.tsx    | 2 +-
 .../src/components/List/ListItem/ListItem.styled.tsx          | 2 +-
 code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx | 3 +--
 code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx    | 2 +-
 .../onboarding/src/features/SplashScreen/SplashScreen.tsx     | 4 ++--
 code/addons/onboarding/src/manager.tsx                        | 3 ++-
 8 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/code/addons/onboarding/src/components/Button/Button.tsx b/code/addons/onboarding/src/components/Button/Button.tsx
index 305abb58466..ee4e8c3c220 100644
--- a/code/addons/onboarding/src/components/Button/Button.tsx
+++ b/code/addons/onboarding/src/components/Button/Button.tsx
@@ -1,7 +1,7 @@
 import type { ComponentProps } from 'react';
 import React, { forwardRef } from 'react';
 
-import { styled } from 'storybook/internal/theming';
+import { styled } from 'storybook/theming';
 
 export interface ButtonProps extends ComponentProps<'button'> {
   children: string;
diff --git a/code/addons/onboarding/src/components/Confetti/Confetti.tsx b/code/addons/onboarding/src/components/Confetti/Confetti.tsx
index cebc4045490..026e792f340 100644
--- a/code/addons/onboarding/src/components/Confetti/Confetti.tsx
+++ b/code/addons/onboarding/src/components/Confetti/Confetti.tsx
@@ -1,8 +1,7 @@
 import React, { type ComponentProps } from 'react';
 
-import { styled } from 'storybook/internal/theming';
-
 import { Confetti as ReactConfetti } from '@neoconfetti/react';
+import { styled } from 'storybook/theming';
 
 const Wrapper = styled.div({
   zIndex: 9999,
diff --git a/code/addons/onboarding/src/components/List/List.styled.tsx b/code/addons/onboarding/src/components/List/List.styled.tsx
index b54fab80250..a53dc910ac5 100644
--- a/code/addons/onboarding/src/components/List/List.styled.tsx
+++ b/code/addons/onboarding/src/components/List/List.styled.tsx
@@ -1,4 +1,4 @@
-import { styled } from 'storybook/internal/theming';
+import { styled } from 'storybook/theming';
 
 export const ListWrapper = styled.ul({
   display: 'flex',
diff --git a/code/addons/onboarding/src/components/List/ListItem/ListItem.styled.tsx b/code/addons/onboarding/src/components/List/ListItem/ListItem.styled.tsx
index 5a9dc7c9367..3def802de6b 100644
--- a/code/addons/onboarding/src/components/List/ListItem/ListItem.styled.tsx
+++ b/code/addons/onboarding/src/components/List/ListItem/ListItem.styled.tsx
@@ -1,4 +1,4 @@
-import { styled } from 'storybook/internal/theming';
+import { styled } from 'storybook/theming';
 
 export const ListItemWrapper = styled.li(() => ({
   display: 'flex',
diff --git a/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx b/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
index 8ba6930efb5..874bdde6ad7 100644
--- a/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
+++ b/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
@@ -1,9 +1,8 @@
 import React, { useEffect, useState } from 'react';
 
-import { useTheme } from 'storybook/internal/theming';
-
 import type { CallBackProps } from 'react-joyride';
 import Joyride, { ACTIONS } from 'react-joyride';
+import { useTheme } from 'storybook/theming';
 
 import type { StepDefinition, StepKey } from '../../Onboarding';
 import { Tooltip } from './Tooltip';
diff --git a/code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx b/code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx
index 10d76809474..08e906cfd8e 100644
--- a/code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx
+++ b/code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx
@@ -2,11 +2,11 @@ import type { FC } from 'react';
 import React, { useEffect } from 'react';
 
 import { IconButton } from 'storybook/internal/components';
-import { color, styled } from 'storybook/internal/theming';
 
 import { CloseAltIcon } from '@storybook/icons';
 
 import type { Step, TooltipRenderProps } from 'react-joyride';
+import { color, styled } from 'storybook/theming';
 
 import { Button } from '../../components/Button/Button';
 
diff --git a/code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx b/code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx
index 46e2eb90a35..9d90d3fb3cc 100644
--- a/code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx
+++ b/code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx
@@ -1,9 +1,9 @@
 import React, { useCallback, useEffect, useState } from 'react';
 
-import { keyframes, styled } from 'storybook/internal/theming';
-
 import { ArrowRightIcon } from '@storybook/icons';
 
+import { keyframes, styled } from 'storybook/theming';
+
 const fadeIn = keyframes({
   from: {
     opacity: 0,
diff --git a/code/addons/onboarding/src/manager.tsx b/code/addons/onboarding/src/manager.tsx
index b4e2edebede..4e76c98f7fd 100644
--- a/code/addons/onboarding/src/manager.tsx
+++ b/code/addons/onboarding/src/manager.tsx
@@ -2,7 +2,8 @@ import React, { Suspense, lazy } from 'react';
 import ReactDOM from 'react-dom';
 
 import { STORY_SPECIFIED } from 'storybook/internal/core-events';
-import { addons } from 'storybook/internal/manager-api';
+
+import { addons } from 'storybook/manager-api';
 
 const Onboarding = lazy(() => import('./Onboarding'));