@workday/canvas-kit-react/layout/lib/utils/styleProps.ts

The parent module that contains all Workday Canvas Kit React components

import {BackgroundStyleProps} from './background';
import {BorderStyleProps} from './border';
import {ColorStyleProps} from './color';
import {DepthStyleProps} from './depth';
import {FlexStyleProps} from './flex';
import {FlexItemStyleProps} from './flexItem';
import {GridStyleProps} from './grid';
import {GridItemStyleProps} from './gridItem';
import {LayoutStyleProps} from './layout';
import {OtherStyleProps} from './other';
import {PositionStyleProps} from './position';
import {SpaceStyleProps} from './space';
import {TextStyleProps} from './text';

/**
 * Common Style Props
 * ---
 *Types for common style props shared across all components
 *
 * - background
 * - border
 * - color
 * - depth
 * - flexItem
 * - gridItem
 * - layout
 * - other
 * - position
 * - space
 * - text
 * @deprecated
 */
export type CommonStyleProps = BackgroundStyleProps &
  BorderStyleProps &
  ColorStyleProps &
  DepthStyleProps &
  FlexItemStyleProps &
  GridItemStyleProps &
  LayoutStyleProps &
  OtherStyleProps &
  PositionStyleProps &
  SpaceStyleProps &
  TextStyleProps;

/**
 * All Style Props
 * ---
 * Types for every style prop
 * - common
 * - flex
 * - grid
 * @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 AllStyleProps = CommonStyleProps &
  // Omitting 'display' here to default to the standard csstype type Property.Display
  Omit<FlexStyleProps, 'display'> &
  // Omitting 'display' here to default to the standard csstype type Property.Display
  Omit<GridStyleProps, 'display'>;