@c15t/react/dist/types/theme/style-types.d.ts

Developer-first CMP for React: cookie banner, consent manager, preferences centre. GDPR ready with minimal setup and rich customization

import type { ClassValue } from 'clsx';
import type { CSSProperties } from 'react';
import type { AllThemeKeys } from './style-keys';
/**
 * Represents CSS properties with optional CSS variables
 * @public
 */
export type CSSPropertiesWithVars<T = Record<string, string | number>> = CSSProperties & Partial<T>;
/**
 * Represents a style configuration that can include both inline styles and class names.
 * @public
 */
export type ClassNameStyle<T = Record<string, string | number>> = {
    /** @remarks CSS properties to be applied inline to the component */
    style?: CSSPropertiesWithVars<T>;
    /** @remarks CSS class names to be applied to the component */
    className?: string;
    /** @remarks The type of style to apply to the component */
    noStyle?: boolean;
    /** @internal used to pass default class names to the component */
    baseClassName?: ClassValue;
};
/**
 * Represents a style value that can be either a class name string or a {@link ClassNameStyle} object.
 * @public
 */
export type ThemeValue<T = Record<string, string | number>> = string | ClassNameStyle<T>;
export interface ExtendThemeKeys<T = CSSVariables> extends ClassNameStyle<T> {
    themeKey: AllThemeKeys;
}
export type CSSVariables = {
    [key: string]: string | number;
};
//# sourceMappingURL=style-types.d.ts.map