import {
  CanvasBorderRadiusKeys,
  CanvasColor,
  CanvasDepth,
  CanvasSpaceKeys,
  CanvasTypeProperties,
} from '@workday/canvas-kit-react/tokens';

/** @deprecated */
export type SystemPropNames =
  | 'color'
  | 'depth'
  | 'font'
  | 'fontSize'
  | 'fontWeight'
  | 'shape'
  | 'space';

/**
 * Canvas System Prop Values
 * ---
 * These system prop values are restricted to Canvas token values.
 * @deprecated
 */
export type CanvasSystemPropValues = {
  /** @deprecated */
  color: CanvasColor;
  /** @deprecated */
  depth: keyof CanvasDepth;
  /** @deprecated */
  font: keyof CanvasTypeProperties['fontFamilies'];
  /** @deprecated */
  fontSize: keyof CanvasTypeProperties['fontSizes'];
  /** @deprecated */
  fontWeight: keyof CanvasTypeProperties['fontWeights'];
  /** @deprecated */
  shape: CanvasBorderRadiusKeys;
  /** @deprecated */
  space: CanvasSpaceKeys;
};

/**
 * System Prop Values
 * ---
 * These system prop values include Canvas System Prop Values and generic values.
 * @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
 */
export type SystemPropValues = {
  /** @deprecated */
  color: CanvasSystemPropValues['color'] | (string & {});
  /** @deprecated */
  depth: CanvasSystemPropValues['depth'];
  /** @deprecated */
  font: CanvasSystemPropValues['font'] | (string & {});
  /** @deprecated */
  fontSize: CanvasSystemPropValues['fontSize'] | (string & {});
  /** @deprecated */
  fontWeight: CanvasSystemPropValues['fontWeight'] | (string & {});
  /** @deprecated */
  shape: CanvasSystemPropValues['shape'] | number | (string & {});
  /** @deprecated */
  space: CanvasSystemPropValues['space'] | number | (string & {});
};