tw-merge

Version:
Merge CSS utility classes without style conflicts - small and zero config
19 lines (18 loc) • 3.13 kB
TypeScript
export declare const UTILITIES_BY_CATEGORY: {
    readonly other: readonly ["arbitrary"];
    readonly layout: readonly ["aspectRatio", "container", "columns", "breakAfter", "breakBefore", "breakInside", "boxDecorationBreak", "boxSizing", "display", "floats", "clear", "isolation", "objectFit", "objectPosition", "overflow", "overscrollBehavior", "position", "topRightBottomLeft", "visibility", "zIndex"];
    readonly flexboxAndGrid: readonly ["flexBasis", "flexDirection", "flexWrap", "flex", "flexGrow", "flexShrink", "order", "gridTemplateColumns", "gridColumnStartEnd", "gridTemplateRows", "gridRowStartEnd", "gridAutoFlow", "gridAutoColumns", "gridAutoRows", "gap", "justifyContent", "justifyItems", "justifySelf", "alignContent", "alignItems", "alignSelf", "placeContent", "placeItems", "placeSelf"];
    readonly spacing: readonly ["padding", "margin", "spaceBetween"];
    readonly sizing: readonly ["width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"];
    readonly typography: readonly ["fontFamily", "fontSize", "fontSmoothing", "fontStyle", "fontWeight", "fontVariantNumeric", "letterSpacing", "lineClamp", "lineHeight", "listStyleImage", "listStylePosition", "listStyleType", "textAlign", "textColor", "textDecoration", "textDecorationColor", "textDecorationStyle", "textDecorationThickness", "textUnderlineOffset", "textTransform", "textOverflow", "textIndent", "verticalAlign", "whitespace", "wordBreak", "hyphens", "content"];
    readonly backgrounds: readonly ["backgroundAttachment", "backgroundClip", "backgroundColor", "backgroundOrigin", "backgroundPosition", "backgroundRepeat", "backgroundSize", "backgroundImage", "gradientColorStops"];
    readonly borders: readonly ["borderRadius", "borderWidth", "borderColor", "borderStyle", "divideWidth", "divideColor", "divideStyle", "outlineWidth", "outlineColor", "outlineStyle", "outlineOffset", "ringWidth", "ringColor", "ringOffsetWidth", "ringOffsetColor"];
    readonly effects: readonly ["boxShadow", "boxShadowColor", "opacity", "mixBlendMode", "backgroundBlendMode"];
    readonly filters: readonly ["blur", "brightness", "contrast", "dropShadow", "grayscale", "hueRotate", "invert", "saturate", "sepia", "backdropBlur", "backdropBrightness", "backdropContrast", "backdropGrayscale", "backdropHueRotate", "backdropInvert", "backdropOpacity", "backdropSaturate", "backdropSepia"];
    readonly tables: readonly ["borderCollapse", "borderSpacing", "tableLayout", "captionSide"];
    readonly transitionsAndAnimations: readonly ["transitionProperty", "transitionDuration", "transitionTimingFunction", "transitionDelay", "animation"];
    readonly transforms: readonly ["scale", "rotate", "translate", "skew", "transformOrigin"];
    readonly interactivity: readonly ["accentColor", "appearance", "cursor", "caretColor", "pointerEvents", "resize", "scrollBehavior", "scrollMargin", "scrollPadding", "scrollSnapAlign", "scrollSnapStop", "scrollSnapType", "touchAction", "userSelect", "willChange"];
    readonly svg: readonly ["fill", "stroke", "strokeWidth"];
    readonly accessibility: readonly ["screenReaders"];
};