import {
  StringHack,
  AnimationProperty,
  BorderImageProperty,
  ColumnRuleProperty,
  ColumnsProperty,
  TransitionProperty,
  MsContentZoomLimitProperty,
  MsContentZoomSnapProperty,
  FlexProperty,
  MsScrollLimitProperty,
  MsScrollSnapXProperty,
  MsScrollSnapYProperty,
  WebkitBorderBeforeProperty,
  BorderRadiusProperty,
  FlexFlowProperty,
  WebkitLineClampProperty,
  WebkitMaskProperty,
  TextEmphasisProperty,
  WebkitTextStrokeProperty,
} from "./index";
export interface VendorShorthandProperties<TLength = StringHack | number> {
  /** The **`animation`** shorthand CSS property sets an animated transition between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`. */
  MozAnimation?: AnimationProperty;
  /** The **`border-image`** CSS property draws an image in place of an element's `border-style`. */
  MozBorderImage?: BorderImageProperty;
  /** The **`column-rule`** CSS property sets the width, style, and color of the rule (line) drawn between columns in a multi-column layout. */
  MozColumnRule?: ColumnRuleProperty<TLength>;
  /** The **`columns`** CSS property sets the column width and column count of an element. */
  MozColumns?: ColumnsProperty<TLength>;
  /** The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`. */
  MozTransition?: TransitionProperty;
  /** The **`-ms-content-zoom-limit`** CSS shorthand property is a Microsoft extension that specifies values for the `-ms-content-zoom-limit-min` and `-ms-content-zoom-limit-max` properties. */
  msContentZoomLimit?: MsContentZoomLimitProperty;
  /** The **`-ms-content-zoom-snap`** CSS shorthand property is a Microsoft extension that specifies values for the `-ms-content-zoom-snap-type` and `-ms-content-zoom-snap-points` properties. */
  msContentZoomSnap?: MsContentZoomSnapProperty;
  /** The **`flex`** CSS property sets how a flex item will grow or shrink to fit the space available in its flex container. It is a shorthand for `flex-grow`, `flex-shrink`, and `flex-basis`. */
  msFlex?: FlexProperty<TLength>;
  /** The **\-ms-scroll-limit** CSS property is a Microsoft extension that specifies values for the `-ms-scroll-limit-x-min`, `-ms-scroll-limit-y-min`, `-ms-scroll-limit-x-max`, and `-ms-scroll-limit-y-max` properties. */
  msScrollLimit?: MsScrollLimitProperty;
  /** The **`-ms-scroll-snap-x`** CSS shorthand property is a Microsoft extension that specifies values for the `-ms-scroll-snap-type` and `-ms-scroll-snap-points-x` properties. */
  msScrollSnapX?: MsScrollSnapXProperty;
  /** The **`-ms-scroll-snap-x`** CSS shorthand property is a Microsoft extension that specifies values for the `-ms-scroll-snap-type` and `-ms-scroll-snap-points-y` properties. */
  msScrollSnapY?: MsScrollSnapYProperty;
  /** The **`border-image`** CSS property draws an image in place of an element's `border-style`. */
  OBorderImage?: BorderImageProperty;
  /** The **`animation`** shorthand CSS property sets an animated transition between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`. */
  WebkitAnimation?: AnimationProperty;
  /** The **`-webkit-border-before`** CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet. */
  WebkitBorderBefore?: WebkitBorderBeforeProperty<TLength>;
  /** The **`border-image`** CSS property draws an image in place of an element's `border-style`. */
  WebkitBorderImage?: BorderImageProperty;
  /** The **`border-radius`** CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners. */
  WebkitBorderRadius?: BorderRadiusProperty<TLength>;
  /** The **`column-rule`** CSS property sets the width, style, and color of the rule (line) drawn between columns in a multi-column layout. */
  WebkitColumnRule?: ColumnRuleProperty<TLength>;
  /** The **`columns`** CSS property sets the column width and column count of an element. */
  WebkitColumns?: ColumnsProperty<TLength>;
  /** The **`flex`** CSS property sets how a flex item will grow or shrink to fit the space available in its flex container. It is a shorthand for `flex-grow`, `flex-shrink`, and `flex-basis`. */
  WebkitFlex?: FlexProperty<TLength>;
  /** The **`flex-flow`** CSS property is a shorthand property for `flex-direction` and `flex-wrap` properties. */
  WebkitFlexFlow?: FlexFlowProperty;
  WebkitLineClamp?: WebkitLineClampProperty;
  /** The **`mask`** CSS property hides an element (partially or fully) by masking or clipping the image at specific points. */
  WebkitMask?: WebkitMaskProperty<TLength>;
  /** The **`text-emphasis`** CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for `text-emphasis-style` and `text-emphasis-color`. */
  WebkitTextEmphasis?: TextEmphasisProperty;
  /** The **`-webkit-text-stroke`** CSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand properties `-webkit-text-stroke-width` and `-webkit-text-stroke-color`. */
  WebkitTextStroke?: WebkitTextStrokeProperty<TLength>;
  /** The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`. */
  WebkitTransition?: TransitionProperty;
}