import {
  StringHack,
  AnimationProperty,
  BorderImageProperty,
  ColumnRuleProperty,
  ColumnsProperty,
  TransitionProperty,
  MsContentZoomLimitProperty,
  MsContentZoomSnapProperty,
  FlexProperty,
  MsScrollLimitProperty,
  MsScrollSnapXProperty,
  MsScrollSnapYProperty,
  WebkitBorderBeforeProperty,
  BorderRadiusProperty,
  FlexFlowProperty,
  WebkitLineClampProperty,
  WebkitMaskProperty,
  TextEmphasisProperty,
  WebkitTextStrokeProperty,
} from "./index";
export interface VendorShorthandPropertiesHyphenFallback<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`. */
  "-moz-animation"?: AnimationProperty | AnimationProperty[];
  /** The **`border-image`** CSS property draws an image in place of an element's `border-style`. */
  "-moz-border-image"?: BorderImageProperty | BorderImageProperty[];
  /** The **`column-rule`** CSS property sets the width, style, and color of the rule (line) drawn between columns in a multi-column layout. */
  "-moz-column-rule"?: ColumnRuleProperty<TLength> | ColumnRuleProperty<TLength>[];
  /** The **`columns`** CSS property sets the column width and column count of an element. */
  "-moz-columns"?: ColumnsProperty<TLength> | ColumnsProperty<TLength>[];
  /** The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`. */
  "-moz-transition"?: TransitionProperty | 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. */
  "-ms-content-zoom-limit"?: MsContentZoomLimitProperty | 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. */
  "-ms-content-zoom-snap"?: MsContentZoomSnapProperty | 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`. */
  "-ms-flex"?: FlexProperty<TLength> | 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. */
  "-ms-scroll-limit"?: MsScrollLimitProperty | 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. */
  "-ms-scroll-snap-x"?: MsScrollSnapXProperty | 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. */
  "-ms-scroll-snap-y"?: MsScrollSnapYProperty | MsScrollSnapYProperty[];
  /** The **`border-image`** CSS property draws an image in place of an element's `border-style`. */
  "-o-border-image"?: BorderImageProperty | 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`. */
  "-webkit-animation"?: AnimationProperty | 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. */
  "-webkit-border-before"?: WebkitBorderBeforeProperty<TLength> | WebkitBorderBeforeProperty<TLength>[];
  /** The **`border-image`** CSS property draws an image in place of an element's `border-style`. */
  "-webkit-border-image"?: BorderImageProperty | 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. */
  "-webkit-border-radius"?: BorderRadiusProperty<TLength> | 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. */
  "-webkit-column-rule"?: ColumnRuleProperty<TLength> | ColumnRuleProperty<TLength>[];
  /** The **`columns`** CSS property sets the column width and column count of an element. */
  "-webkit-columns"?: ColumnsProperty<TLength> | 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`. */
  "-webkit-flex"?: FlexProperty<TLength> | FlexProperty<TLength>[];
  /** The **`flex-flow`** CSS property is a shorthand property for `flex-direction` and `flex-wrap` properties. */
  "-webkit-flex-flow"?: FlexFlowProperty | FlexFlowProperty[];
  "-webkit-line-clamp"?: WebkitLineClampProperty | WebkitLineClampProperty[];
  /** The **`mask`** CSS property hides an element (partially or fully) by masking or clipping the image at specific points. */
  "-webkit-mask"?: WebkitMaskProperty<TLength> | 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`. */
  "-webkit-text-emphasis"?: TextEmphasisProperty | 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`. */
  "-webkit-text-stroke"?: WebkitTextStrokeProperty<TLength> | WebkitTextStrokeProperty<TLength>[];
  /** The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`. */
  "-webkit-transition"?: TransitionProperty | TransitionProperty[];
}