@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
93 lines (89 loc) • 2.74 kB
TypeScript
// Type definitions for @kiwicom/orbit-components
// Project: http://github.com/kiwicom/orbit
import type * as Common from "../common/types";
export type SideOffset = "none" | "small" | "medium" | "large" | "XLarge" | "XXLarge";
export type Align = "left" | "center" | "right";
export type BorderColorClass =
| "border-blue-light"
| "border-blue-light-hover"
| "border-blue-light-active"
| "border-blue-normal"
| "border-blue-normal-hover"
| "border-blue-normal-active"
| "border-blue-dark"
| "border-blue-dark-hover"
| "border-blue-dark-active"
| "border-blue-darker"
| "border-bundle-basic"
| "border-bundle-medium"
| "border-cloud-light"
| "border-cloud-light-hover"
| "border-cloud-light-active"
| "border-cloud-normal"
| "border-cloud-normal-hover"
| "border-cloud-normal-active"
| "border-cloud-dark"
| "border-cloud-dark-hover"
| "border-cloud-dark-active"
| "border-green-light"
| "border-green-light-hover"
| "border-green-light-active"
| "border-green-normal"
| "border-green-normal-hover"
| "border-green-normal-active"
| "border-green-dark"
| "border-green-dark-hover"
| "border-green-dark-active"
| "border-green-darker"
| "border-ink-dark"
| "border-ink-dark-hover"
| "border-ink-dark-active"
| "border-ink-light"
| "border-ink-light-hover"
| "border-ink-light-active"
| "border-ink-normal"
| "border-ink-normal-hover"
| "border-ink-normal-active"
| "border-orange-light"
| "border-orange-light-hover"
| "border-orange-light-active"
| "border-orange-normal"
| "border-orange-normal-hover"
| "border-orange-normal-active"
| "border-orange-dark"
| "border-orange-dark-hover"
| "border-orange-dark-active"
| "border-orange-darker"
| "border-product-light"
| "border-product-light-hover"
| "border-product-light-active"
| "border-product-normal"
| "border-product-normal-hover"
| "border-product-normal-active"
| "border-product-dark"
| "border-product-dark-hover"
| "border-product-dark-active"
| "border-product-darker"
| "border-red-light"
| "border-red-light-hover"
| "border-red-light-active"
| "border-red-normal"
| "border-red-normal-hover"
| "border-red-normal-active"
| "border-red-dark"
| "border-red-dark-hover"
| "border-red-dark-active"
| "border-red-darker"
| "border-social-facebook"
| "border-social-facebook-hover"
| "border-social-facebook-active"
| "border-white"
| "border-white-normal"
| "border-white-hover"
| "border-white-active";
export interface Props extends Common.SpaceAfter {
readonly sideOffset?: SideOffset;
readonly align?: Align;
readonly color?: BorderColorClass;
readonly type?: "solid" | "dashed" | "dotted" | "double" | "none";
}