docs: update eui docs type imports

elastic · Sep 26, 2024 · ffb78c6 · ffb78c6
1 parent 87d8af2
commit ffb78c6
Showing 1 changed file with 20 additions and 32 deletions.
diff --git a/packages/eui/src-docs/src/views/theme/_props.tsx b/packages/eui/src-docs/src/views/theme/_props.tsx
@@ -1,21 +1,34 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { css } from '@emotion/react';
+import {
+  EuiThemeComputed,
+  EuiThemeShape,
+  _EuiThemeColorsMode,
+  _EuiThemeConstantColors,
+  _EuiThemeSizes,
+  _EuiThemeFontBase,
+  _EuiThemeFontWeights,
+  _EuiThemeFontScales,
+  _EuiThemeBody,
+  _EuiThemeBorderColorValues,
+  _EuiThemeBorderTypes,
+  _EuiThemeBorderRadiusValues,
+  _EuiThemeBorderWidthValues,
+  _EuiThemeFocus,
+  _EuiThemeAnimationSpeeds,
+  _EuiThemeAnimationEasings,
+  _EuiThemeLevels,
+} from '@elastic/eui-theme-base';
+
 // @ts-ignore NOT TS yet
 import { humanizeType } from '../../services/playground/knobs';
 
 export type ThemeRowType = {
   description?: React.ReactNode;
 };
 
-import { EuiThemeComputed, EuiThemeShape } from '../../../../src/services';
-
 export const EuiTheme: FunctionComponent<EuiThemeShape> = () => <div />;
 
-import {
-  _EuiThemeColorsMode,
-  _EuiThemeConstantColors,
-} from '../../../../src/global_styling/variables/colors';
-
 export const EuiThemeColors: FunctionComponent<_EuiThemeColorsMode> = () => (
   <div />
 );
@@ -24,17 +37,8 @@ export const EuiThemeConstantColors: FunctionComponent<
   _EuiThemeConstantColors
 > = () => <div />;
 
-import { _EuiThemeSizes } from '../../../../src/global_styling/variables/size';
-
 export const EuiThemeSize: FunctionComponent<_EuiThemeSizes> = () => <div />;
 
-import {
-  _EuiThemeFontBase,
-  _EuiThemeFontWeights,
-  _EuiThemeFontScales,
-  _EuiThemeBody,
-} from '../../../../src/global_styling';
-
 export const EuiThemeFontBase: FunctionComponent<_EuiThemeFontBase> = () => (
   <div />
 );
@@ -46,13 +50,6 @@ export const EuiThemeFontScale: FunctionComponent<_EuiThemeFontScales> = () => (
 );
 export const EuiThemeBody: FunctionComponent<_EuiThemeBody> = () => <div />;
 
-import {
-  _EuiThemeBorderColorValues,
-  _EuiThemeBorderTypes,
-  _EuiThemeBorderRadiusValues,
-  _EuiThemeBorderWidthValues,
-} from '../../../../src/global_styling/variables/borders';
-
 export const EuiThemeBorderRadiusValues: FunctionComponent<
   _EuiThemeBorderRadiusValues
 > = () => <div />;
@@ -66,15 +63,8 @@ export const EuiThemeBorderTypes: FunctionComponent<
   _EuiThemeBorderTypes
 > = () => <div />;
 
-import { _EuiThemeFocus } from '../../../../src/global_styling/variables/states';
-
 export const EuiThemeFocus: FunctionComponent<_EuiThemeFocus> = () => <div />;
 
-import {
-  _EuiThemeAnimationSpeeds,
-  _EuiThemeAnimationEasings,
-} from '../../../../src/global_styling/variables/animations';
-
 export const EuiThemeAnimationSpeed: FunctionComponent<
   _EuiThemeAnimationSpeeds
 > = () => <div />;
@@ -86,8 +76,6 @@ export const euiThemeBreakpointType = {
   custom: { origin: { type: { name: 'number' } } },
 };
 
-import { _EuiThemeLevels } from '../../../../src/global_styling/variables/levels';
-
 export const EuiThemeLevelsProps: FunctionComponent<_EuiThemeLevels> = () => (
   <div />
 );