docs: fix broken imports in color utilities (#8106)

elastic · Oct 29, 2024 · 4156987 · 4156987
1 parent cf83222
commit 4156987
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/...website/docs/components/theming/colors/utilities/use_eui_background_color_css_preview.tsx b/...website/docs/components/theming/colors/utilities/use_eui_background_color_css_preview.tsx
@@ -1,5 +1,4 @@
-import { useEuiBackgroundColorCSS, useEuiPaddingCSS } from '@elastic/eui';
-import { useEuiBackgroundColor } from '@elastic/eui/src/global_styling/mixins/_color';
+import { useEuiBackgroundColorCSS, useEuiPaddingCSS, useEuiBackgroundColor } from '@elastic/eui';
 
 export const UseEuiBackgroundColorCSSPreview = () => {
   const accentStyles = useEuiBackgroundColorCSS().accent;

diff --git a/...ges/website/docs/components/theming/colors/utilities/use_eui_background_color_preview.tsx b/...ges/website/docs/components/theming/colors/utilities/use_eui_background_color_preview.tsx
@@ -1,6 +1,5 @@
-import { useEuiBackgroundColor } from '@elastic/eui/src/global_styling/mixins/_color';
+import { useEuiBackgroundColor, useEuiPaddingCSS } from '@elastic/eui';
 import { css } from '@emotion/react';
-import { useEuiPaddingCSS } from '@elastic/eui/src/global_styling/mixins/_padding';
 
 export const UseEuiBackgroundColorPreview = () => {
   return (

diff --git a/packages/website/docs/components/theming/colors/utilities/use_eui_background_color_table.tsx b/packages/website/docs/components/theming/colors/utilities/use_eui_background_color_table.tsx
@@ -5,9 +5,9 @@ import {
   EuiSpacer,
   EuiButtonGroup,
   useEuiTheme,
+  euiBackgroundColor,
 } from '@elastic/eui';
 import { ColorsTable } from '../colors_table';
-import { euiBackgroundColor } from '@elastic/eui/src/global_styling/mixins/_color';
 
 const colors = [
   'transparent',