Yumma CSS 3.13

Exposing variant data

We've exposed several core variant objects to help you build custom tools & integrations. You can now import mediaQueries, opacity, pseudoClasses, & pseudoElements directly from @yummacss/core.

import { mediaQueries, opacity, pseudoClasses, pseudoElements } from "@yummacss/core";

console.log(mediaQueries);

Improved type safety

Yumma CSS Core now exports literal types for every variant prefix.

import type {
    MediaQueryPrefix,
    OpacityPrefix,
    PseudoClassPrefix,
    PseudoElementPrefix,
    VariantPrefix
} from "@yummacss/core";

const prefix: VariantPrefix = "sm"; // Typed as a literal

Immutable core interfaces

To ensure stability & support immutable patterns, we've integrated readonly properties into our core interfaces. Utility, Utilities, & Variants now use strict type compatibility with literal constants.

interface Utility {
    readonly prefix: string;
    readonly properties: readonly string[];
    readonly slug: string;
    readonly values: {
        readonly [key: string]: string;
    };
    readonly variants?: Variants;
}

Upgrade

Get the latest version of Yumma CSS from npm:

pnpm install yummacss@latest