effcss 3.12.1 → 4.0.1

package/dist/types/src/_provider/process.d.ts

@@ -1,125 +0,0 @@
-import type { TDeafultBreakpoints } from '../common';
-import type { TCreateScope } from './scope';
-import { merge } from '../common';
-import { resolveAtRules } from './_process/atrules';
-import { resolveUnits } from './_process/units';
-import { resolvePseudo } from './_process/pseudo';
-import { resolveColor } from './_process/color';
-import { resolvePalette } from './_process/palette';
-import { resolveCoef } from './_process/coef';
-import { getBaseHandlers } from './_process/base';
-type Leaves<T> = T extends object ? {
-    [K in keyof T]: `${Exclude<K, symbol>}${Leaves<T[K]> extends never ? '' : `.${Leaves<T[K]>}`}`;
-}[keyof T] : never;
-interface IMakerParams extends ReturnType<typeof getBaseHandlers> {
-    /**
-     * StyleSheet key
-     */
-    key: string;
-    /**
-     * BEM selector resolver
-     */
-    bem: ReturnType<ReturnType<TCreateScope>>['selector'];
-    /**
-     * CSS units
-     */
-    units: ReturnType<typeof resolveUnits>;
-    /**
-     * Pseudoclasses and pseudoelements
-     */
-    pseudo: ReturnType<typeof resolvePseudo>;
-    /**
-     * At-rules
-     */
-    at: ReturnType<typeof resolveAtRules>;
-    /**
-     * Colors
-     */
-    color: ReturnType<typeof resolveColor>;
-    /**
-     * Color palette
-     */
-    palette: ReturnType<typeof resolvePalette>;
-    /**
-     * Coefficient
-     */
-    coef: ReturnType<typeof resolveCoef>;
-    /**
-     * Global vars
-     */
-    vars: <G>(val: Leaves<G>) => string;
-    /**
-     * Scalable size value
-     */
-    size: (coef?: number | string) => string;
-    /**
-     * Scalable time value
-     */
-    time: (coef?: number | string) => string;
-    /**
-     * Scalable angle value
-     */
-    angle: (coef?: number | string) => string;
-    /**
-     * Width limit queries
-     */
-    limit: {
-        /**
-         * `(min-width: val)` query
-         * @param val - breakpoint
-         * @param scope - container name for `@container`
-         */
-        up: <T = TDeafultBreakpoints>(val: Exclude<keyof T, Symbol> | number, scope?: string) => string;
-        /**
-         * `(max-width: val)` query
-         * @param val - breakpoint
-         * @param scope - container name for `@container`
-         */
-        down: <T = TDeafultBreakpoints>(val: Exclude<keyof T, Symbol> | number, scope?: string) => string;
-        /**
-         * `(min-width: from) and (max-width: to)` query
-         * @param from - start breakpoint
-         * @param to - end breakpoint
-         * @param scope - container name for `@container`
-         */
-        between: <T = TDeafultBreakpoints>(from: Exclude<keyof T, Symbol> | number, to: Exclude<keyof T, Symbol> | number, scope?: string) => string;
-        /**
-         * `(min-width: val) and (max-width: val)` query
-         * @param val - breakpoint
-         * @param scope - container name for `@container`
-         */
-        only: <T = TDeafultBreakpoints>(val: Exclude<keyof T, Symbol> | number, scope?: string) => string;
-    };
-    /**
-     * Merge
-     */
-    merge: typeof merge;
-}
-type TCreateProcessor = (params: {
-    scope: ReturnType<TCreateScope>;
-    globalKey?: string;
-    bp?: Record<string, string | number>;
-}) => {
-    /**
-     * Compile stylesheet maker to CSSStylesheet content
-     * @param params - params
-     */
-    compile(params: {
-        key: string;
-        maker: (params: IMakerParams) => object;
-    }): string;
-};
-export declare const baseHandlers: {
-    dash: (...val: (string | number)[]) => string;
-    comma: (...val: (string | number)[]) => string;
-    space: (...val: (string | number)[]) => string;
-    range: (size: number, handler: (k: number) => object) => object;
-    each: <V extends Record<string | number, any>>(rules: V, handler: (k: V extends ArrayLike<any> ? string : keyof V, v: V extends ArrayLike<any> ? NoInfer<V[number]> : NoInfer<V[keyof V]>) => object) => object;
-    when: (condition: boolean | undefined, rules: object, otherwise?: object) => object;
-};
-/**
- * Create style processor
- * @param params - processor params
- */
-export declare const createProcessor: TCreateProcessor;
-export {};

package/dist/types/src/common.d.ts

@@ -1,525 +0,0 @@
-type THue = 'pri' | 'sec' | 'suc' | 'inf' | 'war' | 'dan';
-type TLightness = 'xs' | 's' | 'm' | 'l' | 'xl';
-type TChroma = 'pale' | 'base' | 'rich';
-type TMode = 'bg' | 'fg';
-/**
- * Palette generator
- * @description
- * Allows to create palette colors
- */
-export interface IPalette {
-    state: {
-        l: TLightness;
-        c: TChroma | 'gray';
-        h: THue;
-        a: number;
-        m: TMode;
-    };
-    /**
-     * Returns `xs` lightness color
-     */
-    get xs(): IPalette;
-    /**
-     * Returns `s` lightness color
-     */
-    get s(): IPalette;
-    /**
-     * Returns `m` lightness color
-     */
-    get m(): IPalette;
-    /**
-     * Returns `l` lightness color
-     */
-    get l(): IPalette;
-    /**
-     * Returns `xl` lightness color
-     */
-    get xl(): IPalette;
-    /**
-     * Returns lightness color dictionary
-     */
-    get lightness(): Record<TLightness, IPalette>;
-    /**
-     * Returns zero chroma color
-     */
-    get gray(): IPalette;
-    /**
-     * Returns pale chroma color
-     */
-    get pale(): IPalette;
-    /**
-     * Returns base chroma color
-     */
-    get base(): IPalette;
-    /**
-     * Returns rich chroma color
-     */
-    get rich(): IPalette;
-    /**
-     * Returns chroma color dictionary
-     */
-    get chroma(): Record<TChroma, IPalette>;
-    /**
-     * Returns primary hue color
-     */
-    get pri(): IPalette;
-    /**
-     * Returns secondary hue color
-     */
-    get sec(): IPalette;
-    /**
-     * Returns success hue color
-     */
-    get suc(): IPalette;
-    /**
-     * Returns info hue color
-     */
-    get inf(): IPalette;
-    /**
-     * Returns warning hue color
-     */
-    get war(): IPalette;
-    /**
-     * Returns danger hue color
-     */
-    get dan(): IPalette;
-    /**
-     * Returns hue color dictionary
-     */
-    get hue(): Record<THue, IPalette>;
-    /**
-     * Returns specified alpha color
-     */
-    alpha(a?: number): IPalette;
-    /**
-     * Returns background color
-     */
-    get bg(): IPalette;
-    /**
-     * Returns foreground color
-     */
-    get fg(): IPalette;
-}
-type RecursivePartial<T> = {
-    [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object | undefined ? RecursivePartial<T[P]> : T[P];
-};
-type TPaletteDict<T extends string> = {
-    dark: {
-        bg: Record<T, number>;
-        fg: Record<T, number>;
-    };
-    light: {
-        bg: Record<T, number>;
-        fg: Record<T, number>;
-    };
-};
-export type TPaletteHue = Record<THue, number>;
-export type TPaletteLightness = TPaletteDict<TLightness>;
-export type TPaletteChroma = TPaletteDict<TChroma>;
-export type TPaletteConfig = {
-    l: TPaletteLightness;
-    c: TPaletteChroma;
-    h: TPaletteHue;
-};
-export type TShortRange = 's' | 'm' | 'l';
-export type TMainRange = 'min' | 'm' | 'max';
-export type TBaseRange = 'xs' | TShortRange | 'xl';
-export type TLongRange = 'xxs' | TBaseRange | 'xxl';
-export type TFullRange = 'min' | TLongRange | 'max';
-export type TSparseRange = 'min' | 'xs' | 'm' | 'xl' | 'max';
-export type TRangeConfig = Record<'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxl', number>;
-export type TCoefConfig = {
-    $0_: TRangeConfig;
-    $1_: TRangeConfig;
-    $2_: TRangeConfig;
-    $16_: TRangeConfig;
-    max: number;
-};
-/**
- * Coefficient generator
- * @description
- * Allows to create coefficient ranges
- */
-export interface ICoef {
-    /**
-     * Coefficient state
-     */
-    state: {
-        center: number;
-    };
-    /**
-     * Returns `xxs` coefficient
-     */
-    get min(): string;
-    /**
-     * Returns `xxs` coefficient
-     */
-    get xxs(): string;
-    /**
-     * Returns `xs` coefficient
-     */
-    get xs(): string;
-    /**
-     * Returns `s` coefficient
-     */
-    get s(): string;
-    /**
-     * Returns `m` coefficient
-     */
-    get m(): string;
-    /**
-     * Returns `l` coefficient
-     */
-    get l(): string;
-    /**
-     * Returns `xl` coefficient
-     */
-    get xl(): string;
-    /**
-     * Returns `xxl` coefficient
-     */
-    get xxl(): string;
-    /**
-     * Returns `xxl` coefficient
-     */
-    get max(): string;
-    /**
-     * Range from 0 to 1
-     */
-    get $0_(): ICoef;
-    /**
-     * Range around 1
-     */
-    get $1(): ICoef;
-    /**
-     * Range from 1 to 2
-     */
-    get $1_(): ICoef;
-    /**
-     * Range around 2
-     */
-    get $2(): ICoef;
-    /**
-     * Range from 2 to 16
-     */
-    get $2_(): ICoef;
-    /**
-     * Range around 16
-     */
-    get $16(): ICoef;
-    /**
-     * Range from 16 to the end
-     */
-    get $16_(): ICoef;
-    /**
-     * Short range dictionary
-     */
-    get short(): Record<TShortRange, string>;
-    /**
-     * Base range dictionary
-     */
-    get base(): Record<TBaseRange, string>;
-    /**
-     * Long range dictionary
-     */
-    get long(): Record<TLongRange, string>;
-    /**
-     * Full range dictionary
-     */
-    get full(): Record<TFullRange, string>;
-    /**
-     * Main range dictionary
-     */
-    get main(): Record<TMainRange, string>;
-    /**
-     * Sparse range dictionary
-     */
-    get sparse(): Record<TSparseRange, string>;
-}
-/**
- * Provider attributes
- */
-export type TProviderAttrs = {
-    /**
-     * Hydratation flag
-     */
-    hydrate: '';
-    /**
-     * Private stylesheet prefix
-     */
-    prefix: string;
-    /**
-     * BEM selector generation mode
-     * @description
-     * `a` - data-attributes
-     * `c` - classes
-     */
-    mode: 'a' | 'c';
-    /**
-     * BEM selectors minification
-     */
-    min: '';
-    /**
-     * Theme
-     */
-    theme: string;
-    /**
-     * Root font size in px
-     */
-    size: string;
-    /**
-     * Root time in ms
-     */
-    time: string;
-    /**
-     * Root angle in deg
-     */
-    angle: string;
-};
-/**
- * Provider attributes
- */
-export type TProviderAttrParams = {
-    /**
-     * Hydratation flag
-     * @deprecated The hydration now turns on automatically
-     */
-    hydrate: boolean;
-    /**
-     * Private stylesheet prefix
-     */
-    prefix: string;
-    /**
-     * BEM selector generation mode
-     * @description
-     * `a` - data-attributes
-     * `c` - classes
-     */
-    mode: 'a' | 'c';
-    /**
-     * BEM selectors minification
-     */
-    min: boolean;
-    /**
-     * Theme
-     */
-    theme: string;
-    /**
-     * Root font size in px
-     */
-    size: number;
-    /**
-     * Root time in ms
-     */
-    time: number;
-    /**
-     * Root angle in deg
-     */
-    angle: number;
-};
-/**
- * Provider settings
- */
-export type TProviderSettings = {
-    /**
-     * Breakpoints
-     */
-    bp: Record<string, number | string>;
-    /**
-     * Global vars for each theme
-     */
-    vars: Record<string, object>;
-    /**
-     * Stylesheet makers
-     * @deprecated The parameter will be deleted in v4. Use stylesheet makers via `Style Provider` methods
-     */
-    makers: Record<string, Function>;
-    /**
-     * Switched off stylesheets
-     * @deprecated The parameter will be deleted in v4. Switch stylesheet makers via `Style Provider` methods
-     */
-    off: string[];
-    /**
-     * Palette
-     */
-    palette: RecursivePartial<TPaletteConfig>;
-    /**
-     * Coefficients
-     */
-    coef: RecursivePartial<TCoefConfig>;
-};
-export declare const merge: (target: Record<string, any>, ...sources: Record<string, any>[]) => Record<string, any>;
-export declare const DEFAULT_ATTRS: Record<string, string>;
-export declare const DEFAULT_BREAKPOINTS: {
-    '3xs': number;
-    '2xs': number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    '2xl': number;
-};
-export type TDeafultBreakpoints = typeof DEFAULT_BREAKPOINTS;
-/**
- * Default provider settings
- */
-export declare const DEFAULT_SETTINGS: {
-    bp: {
-        '3xs': number;
-        '2xs': number;
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-        '2xl': number;
-    };
-    vars: {
-        '': {
-            /**
-             * Root time
-             */
-            rtime: string;
-            /**
-             * Root em
-             */
-            rem: string;
-            /**
-             * Root angle
-             */
-            rangle: string;
-            /**
-             * Lightness
-             */
-            l: {
-                def: number;
-                c: number;
-                s: number;
-                m: number;
-                l: number;
-                n: number;
-            };
-            /**
-             * Hue
-             */
-            h: {
-                def: number;
-                b: number;
-                i: number;
-                e: number;
-                w: number;
-                s: number;
-            };
-            /**
-             * Chroma
-             */
-            c: {
-                def: number;
-                xs: number;
-                s: number;
-                m: number;
-                l: number;
-                xl: number;
-            };
-            /**
-             * Alpha
-             */
-            a: {
-                def: number;
-                min: number;
-                xs: number;
-                s: number;
-                m: number;
-                l: number;
-                xl: number;
-                max: number;
-            };
-            /**
-             * Time
-             */
-            t: {
-                def: number;
-                xs: number;
-                s: number;
-                m: number;
-                l: number;
-                xl: number;
-                no: number;
-                min: number;
-                max: number;
-            };
-            /**
-             * Integer coefficients
-             */
-            int: number[];
-            /**
-             * Fractions
-             */
-            fr: {
-                0: number;
-                '1/12': string;
-                '1/10': string;
-                '1/6': string;
-                '1/5': string;
-                '1/4': string;
-                '3/10': string;
-                '1/3': string;
-                '2/5': string;
-                '5/12': string;
-                '1/2': string;
-                '7/12': string;
-                '3/5': string;
-                '2/3': string;
-                '7/10': string;
-                '3/4': string;
-                '4/5': string;
-                '5/6': string;
-                '9/10': string;
-                '11/12': string;
-                1: string;
-            };
-            /**
-             * Aspect-ratio
-             */
-            ar: {
-                1: number;
-                '2/1': number;
-                '1/2': number;
-                '4/3': number;
-                '3/4': number;
-                '9/16': number;
-                '16/9': number;
-            };
-        };
-        /**
-         * Light mode
-         */
-        light: {
-            l: {
-                def: number;
-                c: number;
-                s: number;
-                m: number;
-                l: number;
-                n: number;
-            };
-        };
-        /**
-         * Dark mode
-         */
-        dark: {
-            l: {
-                def: number;
-                n: number;
-                s: number;
-                m: number;
-                l: number;
-                c: number;
-            };
-        };
-    };
-    palette: TPaletteConfig;
-    coef: TCoefConfig;
-};
-export {};

package/dist/types/src/consumer.d.ts

@@ -1,8 +0,0 @@
-import type { TProviderAttrParams } from './common';
-import { useStyleProvider } from './index';
-/**
- * Create style dispatcher
- * @param params - dispatcher params
- * @deprecated The function will be deleted in v4. Use `useStyleProvider` from `effcss` instead
- */
-export declare const createConsumer: (attrs?: Partial<TProviderAttrParams>) => ReturnType<typeof useStyleProvider>;