@kuma-ui/system
Version:
🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.
35 lines (32 loc) • 1.35 kB
TypeScript
import { LayoutKeys } from '../keys.js';
import { ThemeSystemType, AddProperty, CSSProperties, CSSValue } from '../types.js';
import 'csstype';
import '@kuma-ui/sheet';
type LayoutProps<T extends ThemeSystemType = ThemeSystemType> = Partial<AddProperty<CSSProperties<"width" | "minWidth" | "maxWidth", true>, T["sizes"]> & AddProperty<CSSProperties<"height" | "minHeight" | "maxHeight", true>, T["sizes"]> & CSSProperties<"display" | "position"> & CSSProperties<"overflow" | "overflowX" | "overflowY"> & AddProperty<CSSProperties<"zIndex", true>, T["zIndices"]> & CSSProperties<"cursor" | "userSelect"> & CSSProperties<"aspectRatio"> & CSSProperties<"boxSizing"> & CSSProperties<"float" | "clear"> & CSSProperties<"objectFit" | "objectPosition"> & CSSProperties<"resize"> & CSSProperties<"verticalAlign"> & {
/**
* @see width
*/
w: CSSValue<"width", true>;
/**
* @see minWidth
*/
minW: CSSValue<"minWidth", true>;
/**
* @see maxWidth
*/
maxW: CSSValue<"maxWidth", true>;
/**
* @see height
*/
h: CSSValue<"height", true>;
/**
* @see minHeight
*/
minH: CSSValue<"minHeight", true>;
/**
* @see maxHeight
*/
maxH: CSSValue<"maxHeight", true>;
}>;
declare const layoutMappings: Record<LayoutKeys, string>;
export { LayoutProps, layoutMappings };