effcss 1.0.0

package/dist/types/src/css/functions.d.ts

@@ -0,0 +1,443 @@
+/**
+ * Join args with dash
+ * @param args
+ */
+export declare const dash: (...args: (string | number)[]) => string;
+/**
+ * Join args with space
+ * @param args
+ */
+export declare const space: (...args: (string | number)[]) => string;
+/**
+ * Join args with comma
+ * @param args
+ */
+export declare const comma: (...args: (string | number)[]) => string;
+/**
+ * Put value in parentheses
+ * @param val
+ */
+export declare const parentheses: (val: string | number) => string;
+/**
+ * Transformer
+ * @param target
+ * @param transform
+ */
+export declare const transformer: <K extends string, T, V>(target: Record<K, T>, transform: (val: [string | number, T]) => [string | number, V]) => Record<K, V>;
+/**
+ * Value transformer
+ * @param target
+ * @param transformVal
+ */
+export declare const valTransformer: <K extends string, T, V>(target: Record<K, T>, handler: (val: T) => V) => Record<K, V>;
+/**
+ * Constructs `attr(val)` expression
+ * @param val
+ */
+export declare const attr: (val: string | number) => string;
+/**
+ * Constructs `url(val)` expression
+ * @param val
+ */
+export declare const url: (val: string | number) => string;
+/**
+ * Add a string inside `calc(val)` expression
+ * @param val
+ */
+export declare const calcExp: (val: string) => string;
+/**
+ * Constructs `@keyframes key` expression
+ * @param val
+ */
+export declare const atKeyframes: (val: string) => string;
+/**
+ * Constructs `fitContent(val)` expression
+ * @param val
+ */
+export declare const fitContent: (val: string | number) => string;
+/**
+ * Constructs `minmax(min, max)` expression
+ * @param val
+ */
+export declare const minmax: (min: string | number, max: string | number) => string;
+/**
+ * Constructs `repeat(count, tracks)` expression
+ * @param val
+ */
+export declare const repeat: (count: string | number, tracks: string | number) => string;
+/**
+ * Constructs `scale3d(val)` expression
+ * @param val
+ */
+export declare const scale3d: (val: string | number) => string;
+/**
+ * Constructs `scaleX(val)` expression
+ * @param val
+ */
+export declare const scaleX: (val: string | number) => string;
+/**
+ * Constructs `scaleY(val)` expression
+ * @param val
+ */
+export declare const scaleY: (val: string | number) => string;
+/**
+ * Constructs `scaleZ(val)` expression
+ * @param val
+ */
+export declare const scaleZ: (val: string | number) => string;
+/**
+ * Constructs `scale(val)` expression
+ * @param val
+ */
+export declare const scale: (val: string | number) => string;
+/**
+ * Constructs `translate3d(x, y, z)` expression
+ * @param x
+ * @param y
+ * @param z
+ */
+export declare const translate3d: (x: string | number, y: string | number, z: string | number) => string;
+/**
+ * Constructs `translateX(val)` expression
+ * @param val
+ */
+export declare const translateX: (val: string | number) => string;
+/**
+ * Constructs `translateY(val)` expression
+ * @param val
+ */
+export declare const translateY: (val: string | number) => string;
+/**
+ * Constructs `translateZ(val)` expression
+ * @param val
+ */
+export declare const translateZ: (val: string | number) => string;
+/**
+ * Constructs `translate(x, y)` expression
+ * @param x
+ * @param y
+ */
+export declare const translate: (x: string | number, y: string | number) => string;
+/**
+ * Constructs `rotate(val)` expression
+ * @param val
+ */
+export declare const rotate: (val: string | number) => string;
+/**
+ * Constructs `rotateX(val)` expression
+ * @param val
+ */
+export declare const rotateX: (val: string | number) => string;
+/**
+ * Constructs `rotateX(val)` expression
+ * @param val
+ */
+export declare const rotateY: (val: string | number) => string;
+/**
+ * Constructs `rotateX(val)` expression
+ * @param val
+ */
+export declare const rotateZ: (val: string | number) => string;
+/**
+ * Constructs `rotate3d(x, y, z)` expression
+ * @param x
+ * @param y
+ * @param z
+ * @param a
+ */
+export declare const rotate3d: (x: string | number, y: string | number, z: string | number, a: string | number) => string;
+/**
+ * Constructs `skew(x, y)` expression
+ * @param x
+ * @param y
+ */
+export declare const skew: (x: string | number, y: string | number) => string;
+/**
+ * Constructs `skewX(val)` expression
+ * @param val
+ */
+export declare const skewX: (val: string | number) => string;
+/**
+ * Constructs `skewY(val)` expression
+ * @param val
+ */
+export declare const skewY: (val: string | number) => string;
+/**
+ * Constructs `perspective(val)` expression
+ * @param val
+ */
+export declare const perspective: (val: string | number) => string;
+/**
+ * Constructs `opacity(val)` expression
+ * @param val
+ */
+export declare const opacity: (val: string | number) => string;
+/**
+ * Constructs `blur(val)` expression
+ * @param val
+ */
+export declare const blur: (val: string | number) => string;
+/**
+ * Constructs `contrast(val)` expression
+ * @param val
+ */
+export declare const contrast: (val: string | number) => string;
+/**
+ * Constructs `drop-shadow(val)` expression
+ * @param val
+ */
+export declare const dropShadow: (val: string | number) => string;
+/**
+ * Constructs `saturate(val)` expression
+ * @param val
+ */
+export declare const saturate: (val: string | number) => string;
+/**
+ * Constructs `invert(val)` expression
+ * @param val
+ */
+export declare const invert: (val: string | number) => string;
+/**
+ * Constructs `sepia(val)` expression
+ * @param val
+ */
+export declare const sepia: (val: string | number) => string;
+/**
+ * Constructs `hue-rotate(val)` expression
+ * @param val
+ */
+export declare const hueRotate: (val: string | number) => string;
+/**
+ * Constructs `grayscale(val)` expression
+ * @param val
+ */
+export declare const grayscale: (val: string | number) => string;
+/**
+ * Constructs `blur(val)` expression
+ * @param val
+ */
+export declare const brightness: (val: string | number) => string;
+/**
+ * Constructs `oklch(from f l c h / alpha)` expression
+ * @param params
+ */
+export declare const oklchFrom: ({ f, l, c, h, a }: {
+    f: string;
+    l?: string | number;
+    c?: string | number;
+    h?: string | number;
+    a?: string | number;
+}) => string;
+/**
+ * Constructs `light-dark(val)` expression
+ * @param val
+ */
+export declare const lightDark: (l: string, d: string) => string;
+/**
+ * Constructs `color-mix(m, c1 p1, c2, p2)` expression
+ * @param val
+ */
+export declare const colorMix: ({ m, c1, c2, p1, p2 }: {
+    m: string;
+    c1: string;
+    c2: string;
+    p1?: number;
+    p2?: number;
+}) => string;
+/**
+ * Constructs `prefers-color-scheme: key` expression
+ * @param params
+ */
+export declare const preferColorScheme: (val: string) => string;
+/**
+ * Constructs `linear-gradient(val)` expression
+ * @param val
+ */
+export declare const linearGradient: (val: string | number) => string;
+/**
+ * Constructs `radial-gradient(val)` expression
+ * @param val
+ */
+export declare const radialGradient: (val: string | number) => string;
+/**
+ * Constructs `conic-gradient(val)` expression
+ * @param val
+ */
+export declare const conicGradient: (val: string | number) => string;
+/**
+ * Constructs `val:active` expression
+ * @param val
+ */
+export declare const pseudoActive: (val: string) => string;
+/**
+ * Constructs `val:focus` expression
+ * @param val
+ */
+export declare const pseudoFocus: (val: string) => string;
+/**
+ * Constructs `val:hover` expression
+ * @param val
+ */
+export declare const pseudoHover: (val: string) => string;
+/**
+ * Constructs `val:visited` expression
+ * @param val
+ */
+export declare const pseudoVisited: (val: string) => string;
+/**
+ * Constructs `val:link` expression
+ * @param val
+ */
+export declare const pseudoLink: (val: string) => string;
+/**
+ * Constructs `val::before` expression
+ * @param val
+ */
+export declare const pseudoBefore: (val?: string) => string;
+/**
+ * Constructs `val::after` expression
+ * @param val
+ */
+export declare const pseudoAfter: (val?: string) => string;
+/**
+ * Constructs `::part(val)` expression
+ * @param val
+ */
+export declare const pseudoPart: (val: string) => string;
+/**
+ * Constructs `::slotted(val)` expression
+ * @param val
+ */
+export declare const pseudoSlotted: (val: string) => string;
+/**
+ * Constructs `:has(val)` expression
+ * @param val
+ */
+export declare const pseudoHas: (val: string) => string;
+/**
+ * Constructs `:is(val)` expression
+ * @param val
+ */
+export declare const pseudoIs: (val: string) => string;
+/**
+ * Constructs `:not(val)` expression
+ * @param val
+ */
+export declare const pseudoNot: (val: string) => string;
+/**
+ * Constructs `:nth-child(val)` expression
+ * @param val
+ */
+export declare const pseudoNthChild: (val: string) => string;
+/**
+ * Constructs `:nth-of-type(val)` expression
+ * @param val
+ */
+export declare const pseudoNthOfType: (val: string) => string;
+/**
+ * Constructs `:host(val)` expression
+ * @param val
+ */
+export declare const pseudoHost: (val: string) => string;
+/**
+ * Constructs `:state(val)` expression
+ * @param val
+ */
+export declare const pseudoState: (val: string) => string;
+/**
+ * Constructs `:where(val)` expression
+ * @param val
+ */
+export declare const pseudoWhere: (val: string) => string;
+export declare const pseudoOddChild: () => string;
+export declare const pseudoEvenChild: () => string;
+/**
+ * Transform object values to `percents`
+ * @param params
+ */
+export declare const toPercent: <T extends string>(params?: Record<string | number, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform args to `percent` object
+ * @param params
+ */
+export declare const argsToPercent: <T extends number>(...args: T[]) => Record<T, string>;
+/**
+ * Transform object values to `rem`s
+ * @param params
+ */
+export declare const toRem: <T extends string>(params?: Record<string | number, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `ms`s
+ * @param params
+ */
+export declare const toMs: <T extends string>(params?: Record<string | number, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `px`s
+ * @param params
+ */
+export declare const toPx: <T extends string>(params?: Record<string | number, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `deg`s
+ * @param params
+ */
+export declare const toDeg: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `vw`s
+ * @param params
+ */
+export declare const toVw: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `vh`s
+ * @param params
+ */
+export declare const toVh: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `vmin`s
+ * @param params
+ */
+export declare const toVmin: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `vmax`s
+ * @param params
+ */
+export declare const toVmax: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `cqb`s
+ * @param params
+ */
+export declare const toCqb: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `cqi`s
+ * @param params
+ */
+export declare const toCqi: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `cqw`s
+ * @param params
+ */
+export declare const toCqw: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `cqh`s
+ * @param params
+ */
+export declare const toCqh: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `cqmin`s
+ * @param params
+ */
+export declare const toCqmin: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `cqmax`s
+ * @param params
+ */
+export declare const toCqmax: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform object values to `span`s
+ * @param params
+ */
+export declare const toSpan: <T extends string | number>(params?: Record<T, string | number>) => Record<T, string> | undefined;
+/**
+ * Transform args to `deg` object
+ * @param params
+ */
+export declare const argsToDeg: <T extends number>(...args: T[]) => Record<T, string>;

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

@@ -0,0 +1,11 @@
+/**
+ * Define style provider
+ */
+export declare function defineStyleProvider(props?: {
+    name?: string;
+    config?: {
+        params?: object;
+        styles?: object;
+        ext?: object;
+    };
+}): void;