wass-rct-ui/dist/types/Columns.types.d.ts

A lightweight and customizable WASS Rct UI component library for modern web applications.

/**
 * @file wass-rct-ui
 * @description A reusable Title component that supports dynamic heading levels.
 * @author Web Apps Software Solutions
 * @copyright © 2024 Web Apps Software Solutions. All rights reserved.
 * @license MIT
 * @repository https://github.com/WebAppSoftNK/wass-rct-ui
 */
export type BaseSize = "three-quarters" | "two-thirds" | "half" | "one-third" | "one-quarter" | "full" | "four-fifths" | "three-fifths" | "two-fifths" | "one-fifth";
export type NumericSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
export type FlexBoxSizeType = BaseSize | `s-${NumericSize}`;
export type PrefixMinSize = `min-${FlexBoxSizeType}`;
export type PrefixMaxSize = `max-${FlexBoxSizeType}`;
export type PrefixHeight = `h-${FlexBoxSizeType}`;
export type PrefixWidth = `w-${FlexBoxSizeType}`;
export type MinFlexBoxSizeType = PrefixMinSize | `${PrefixMinSize}-mobile` | `${PrefixMinSize}-tablet` | `${PrefixMinSize}-desktop`;
export type MaxFlexBoxSizeType = PrefixMaxSize | `${PrefixMaxSize}-mobile` | `${PrefixMaxSize}-tablet` | `${PrefixMaxSize}-desktop`;
export type HeightType = PrefixHeight | `${PrefixHeight}-mobile` | `${PrefixHeight}-tablet` | `${PrefixHeight}-desktop`;
export type WidthType = PrefixWidth | `${PrefixWidth}-mobile` | `${PrefixWidth}-tablet` | `${PrefixWidth}-desktop`;
export type OffsetType = `offset-${NumericSize}` | `offset-${NumericSize}-mobile` | `offset-${NumericSize}-tablet` | `offset-${NumericSize}-desktop`;
export type SizingVariant = FlexBoxSizeType | MinFlexBoxSizeType | MaxFlexBoxSizeType | HeightType | WidthType | OffsetType;