diff --git a/src/components/OnboardingMenu/OnboardingMenu.scss b/src/components/OnboardingMenu/OnboardingMenu.scss index 36c2ebd1..c0788185 100644 --- a/src/components/OnboardingMenu/OnboardingMenu.scss +++ b/src/components/OnboardingMenu/OnboardingMenu.scss @@ -40,6 +40,7 @@ $block: '.#{variables.$ns}onboarding-menu'; border: none; cursor: pointer; width: 100%; + color: var(--g-color-text-brand-contrast); padding: 0; } diff --git a/src/components/OnboardingMenu/components/OnboardingMenuItem.scss b/src/components/OnboardingMenu/components/OnboardingMenuItem.scss index 1185afa6..7e4ba018 100644 --- a/src/components/OnboardingMenu/components/OnboardingMenuItem.scss +++ b/src/components/OnboardingMenu/components/OnboardingMenuItem.scss @@ -94,6 +94,7 @@ $block: '.#{variables.$ns}onboarding-menu-item'; background-color: transparent; border: none; padding: 0; + color: var(--g-color-text-primary); } &__title { diff --git a/src/components/OnboardingMenu/components/OnboardingMenuItem.tsx b/src/components/OnboardingMenu/components/OnboardingMenuItem.tsx index 9b593ed9..03c62489 100644 --- a/src/components/OnboardingMenu/components/OnboardingMenuItem.tsx +++ b/src/components/OnboardingMenu/components/OnboardingMenuItem.tsx @@ -10,6 +10,7 @@ import './OnboardingMenuItem.scss'; export type OnboardingMenuItemProps = { title: string; status?: 'completed' | 'pending'; + defaultExpanded?: boolean; children?: React.ReactNode; buttons?: React.ReactNode; hasDivider?: boolean; @@ -24,6 +25,7 @@ export const OnboardingMenuItem = ({ title, status, children, + defaultExpanded, buttons, hasDivider = true, loading = false, @@ -66,7 +68,11 @@ export const OnboardingMenuItem = ({ ); const header = children ? ( - + {(props) => (