gradient_types.ts → deleted

Author: tsullivan

src/platform/packages/shared/shared-ux/ai-components/ai_button/src/gradient_types.ts

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import type { AiGradientColors } from './gradient_types';
+import type { AiGradientColors } from './use_ai_gradient_styles';
 
 /** Percentage offsets that inset the gradient stops to keep the color transition within the icon's visible area. */
 const ICON_GRADIENT_START_OFFSET = 16;

src/platform/packages/shared/shared-ux/ai-components/ai_button/src/svg_ai_gradient_defs.tsx

@@ -8,16 +8,35 @@
  */
 
 import { css } from '@emotion/react';
+import type { SerializedStyles } from '@emotion/react';
 import { type UseEuiTheme, useEuiTheme, useGeneratedHtmlId } from '@elastic/eui';
 import { useMemo } from 'react';
 import type { AiButtonVariant } from './types';
-import type {
-  AiButtonGradientOptions,
-  AiButtonGradientStyles,
-  AiGradientColors,
-  ResolvedVariantStyles,
-  SvgAiGradient,
-} from './gradient_types';
+
+/** Options for the AI button gradient hooks. */
+export interface AiButtonGradientOptions {
+  readonly variant?: AiButtonVariant;
+  readonly iconOnly?: boolean;
+}
+
+/** Computed gradient styles for an AI button. */
+export interface AiButtonGradientStyles {
+  readonly buttonCss: SerializedStyles;
+  readonly labelCss: SerializedStyles;
+}
+
+/** Start and end colors for a linear gradient. */
+export interface AiGradientColors {
+  readonly startColor: string;
+  readonly endColor: string;
+}
+
+/** SVG gradient for the AI button icon. */
+export interface SvgAiGradient {
+  readonly iconGradientCss?: SerializedStyles;
+  readonly gradientId: string;
+  readonly colors: AiGradientColors;
+}
 
 const DIAGONAL_GRADIENT_START_PERCENT = 2.98;
 const DIAGONAL_GRADIENT_END_PERCENT = 66.24;
@@ -152,7 +171,7 @@ const resolveVariantStyles = (
   variant: AiButtonVariant,
   euiTheme: UseEuiTheme['euiTheme'],
   buttonGradientAngle: number
-): ResolvedVariantStyles => {
+) => {
   const {
     colors,
     components: {