@cerberus-design/panda-preset
Version:
The official Panda-CSS preset for the omni-federal design system
1,606 lines (1,563 loc) • 119 kB
TypeScript
import { Config } from '@pandacss/dev';
import type { CssKeyframes } from '@pandacss/types';
import { GlobalStyleObject } from '@pandacss/dev';
import type { PatternConfig } from '@pandacss/types';
import { PatternProperties } from '@pandacss/types';
import { Preset } from '@pandacss/dev';
import primitiveColors from './primitive-colors.cerberus.json';
import primitiveTypography from './primitive-typography.value.json';
import type { PropertyConfig } from '@pandacss/dev';
import { RecipeConfig } from '@pandacss/types';
import { RecipeConfig as RecipeConfig_2 } from '@pandacss/dev';
import { RecipeVariantRecord } from '@pandacss/types';
import { RecipeVariantRecord as RecipeVariantRecord_2 } from '@pandacss/dev';
import semanticColorsDark from './semantic-colors.dark-mode.json';
import semanticColorsLight from './semantic-colors.light-mode.json';
import { SlotRecipeConfig } from '@pandacss/types';
import { SlotRecipeConfig as SlotRecipeConfig_2 } from '@pandacss/dev';
import { TextStyles } from '@pandacss/dev';
import { default as TextStyles_2 } from './text-styles.desktop.json';
declare const ACTION = "action";
export { ACTION }
export { ACTION as ACTION_alias_1 }
declare const action: {
colorPalette: string;
};
export { action }
export { action as action_alias_1 }
declare type ActionNavProminences = {
readonly initial: SemanticToken;
readonly hover: SemanticToken;
readonly visited: SemanticToken;
};
export { ActionNavProminences }
export { ActionNavProminences as ActionNavProminences_alias_1 }
export { ActionNavProminences as ActionNavProminences_alias_2 }
export { ActionNavProminences as ActionNavProminences_alias_3 }
/**
* This module is a collection of action tokens that are used to generate the theme.
* @module actionTokens
*/
declare type ActionProminences = {
readonly initial: SemanticToken;
readonly hover: SemanticToken;
readonly active: SemanticToken;
};
export { ActionProminences }
export { ActionProminences as ActionProminences_alias_1 }
export { ActionProminences as ActionProminences_alias_2 }
export { ActionProminences as ActionProminences_alias_3 }
declare interface ActionTokens {
readonly action: {
readonly bg: ActionProminences;
readonly border: {
readonly initial: SemanticToken;
readonly 100: SemanticToken;
readonly focus: SemanticToken;
};
readonly ghost: ActionProminences;
readonly navigation: ActionNavProminences;
readonly text: {
readonly initial: SemanticToken;
readonly 100: SemanticToken;
readonly 200: SemanticToken;
readonly inverse: SemanticToken;
};
};
}
export { ActionTokens }
export { ActionTokens as ActionTokens_alias_1 }
export { ActionTokens as ActionTokens_alias_2 }
export { ActionTokens as ActionTokens_alias_3 }
declare const actionTokens: ActionTokens;
export { actionTokens }
export { actionTokens as actionTokens_alias_1 }
export { actionTokens as actionTokens_alias_2 }
export { actionTokens as actionTokens_alias_3 }
declare const allPalettes: {
action: {
colorPalette: string;
};
secondaryAction: {
colorPalette: string;
};
page: {
colorPalette: string;
};
info: {
colorPalette: string;
};
success: {
colorPalette: string;
};
warning: {
colorPalette: string;
};
danger: {
colorPalette: string;
};
};
export { allPalettes }
export { allPalettes as allPalettes_alias_1 }
/**
* Styles for the Button component
* @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
* @definition [Button docs](https://cerberus.digitalu.design/react/button)
*/
export declare const button: RecipeConfig_2<RecipeVariantRecord_2>;
export declare const buttonBase: {
_disabled: {
cursor: string;
opacity: string;
};
_readOnly: {
cursor: string;
};
_focusVisible: {
boxShadow: string;
outline: string;
outlineColor: string;
outlineOffset: string;
};
alignItems: string;
display: string;
fontWeight: string;
gap: string;
justifyContent: string;
lineHeight: string;
outline: string;
textDecoration: string;
transitionProperty: string;
transitionDuration: string;
transitionTimingFunction: string;
userSelect: string;
whiteSpace: string;
};
export declare const buttonPalettes: {
action: {
colorPalette: string;
};
danger: {
_hover: {
color: string;
};
colorPalette: string;
};
};
export declare const cerberusConfig: Config;
/**
* This module contains the Cerberus preset and configuration options.
* @module
**/
export declare const cerberusPreset: Preset;
declare const colors: {
colors: {
neutral: {
"5": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"10": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"20": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"30": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"40": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"50": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"60": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"70": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"80": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"90": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"100": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
white: {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
brand: {
"5": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"10": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"20": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"30": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"40": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"50": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"60": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"70": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"80": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"90": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"100": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
teal: {
"10": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"20": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"30": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"40": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"50": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"60": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"70": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"80": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"90": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"100": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
success: {
"10": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"20": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"30": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"40": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"50": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"60": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"70": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"80": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"90": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"100": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
danger: {
"10": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"20": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"30": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"40": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"50": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"60": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"70": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"80": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"90": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"100": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
warning: {
"10": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"20": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"30": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"40": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"50": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"60": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"70": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"80": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"90": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"100": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
info: {
"10": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"20": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"30": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"40": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"50": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"60": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"70": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"80": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"90": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"100": {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
"drop-shadow": {
sm: {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
md: {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
lg: {
$type: string;
$value: string;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
};
spacing: {
"0": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"100": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"150": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"200": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"250": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"300": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"350": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"400": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"450": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"500": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"550": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"600": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"025": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
"050": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
"075": {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: never[];
codeSyntax: {};
};
};
};
rounded: {
$type: string;
$value: number;
$description: string;
$extensions: {
"com.figma": {
hiddenFromPublishing: boolean;
scopes: string[];
codeSyntax: {};
};
};
};
};
};
export { colors }
export { colors as colors_alias_1 }
declare const conditions: {
cerberusTheme: string;
lightMode: string;
darkMode: string;
modalOpen: string;
screenReaderOnly: string;
invalid: string;
userInvalid: string;
groupInvalid: string;
groupChecked: string;
positionBottom: string;
positionTop: string;
positionLeft: string;
positionRight: string;
startIcon: string;
tooltip: string;
admin: string;
student: string;
user: string;
highlight: string;
spellingError: string;
grammarError: string;
pagePalette: string;
actionPalette: string;
secondaryActionPalette: string;
infoPalette: string;
successPalette: string;
warningPalette: string;
dangerPalette: string;
};
export { conditions }
export { conditions as conditions_alias_1 }
declare const DANGER = "danger";
export { DANGER }
export { DANGER as DANGER_alias_1 }
declare const danger: {
colorPalette: string;
};
export { danger }
export { danger as danger_alias_1 }
declare interface DangerTokens {
readonly danger: {
readonly bg: {
readonly initial: SemanticToken;
readonly hover: SemanticToken;
readonly active: SemanticToken;
};
readonly ghost: {
readonly initial: SemanticToken;
readonly hover: SemanticToken;
readonly active: SemanticToken;
};
readonly border: {
readonly initial: SemanticToken;
};
readonly surface: {
readonly initial: SemanticToken;
readonly 100: SemanticToken;
readonly 200: SemanticToken;
};
readonly text: {
readonly [P in Prominences_4]: SemanticToken;
};
};
}
export { DangerTokens }
export { DangerTokens as DangerTokens_alias_1 }
export { DangerTokens as DangerTokens_alias_2 }
export { DangerTokens as DangerTokens_alias_3 }
declare const dangerTokens: DangerTokens;
export { dangerTokens }
export { dangerTokens as dangerTokens_alias_1 }
export { dangerTokens as dangerTokens_alias_2 }
export { dangerTokens as dangerTokens_alias_3 }
declare function deepGet(obj: PrimitiveCollection, keys: string[]): PrimitiveCollection;
export { deepGet }
export { deepGet as deepGet_alias_1 }
declare function deepGetByPaths(obj: PrimitiveCollection, path: string): DeepReturn;
export { deepGetByPaths }
export { deepGetByPaths as deepGetByPaths_alias_1 }
declare type DeepReturn = {
$value: string;
};
declare function defineKeyframes<T extends CssKeyframes>(config: T): CssKeyframes;
export { defineKeyframes }
export { defineKeyframes as defineKeyframes_alias_1 }
export { defineKeyframes as defineKeyframes_alias_2 }
declare function definePattern<T extends PatternConfig>(config: T): PatternConfig;
export { definePattern }
export { definePattern as definePattern_alias_1 }
export { definePattern as definePattern_alias_2 }
/**
* Styles for the FieldMessage component
* @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
* @definition [FieldMessage docs](https://cerberus.digitalu.design/react/field-message)
*/
export declare const fieldMessage: RecipeConfig_2<RecipeVariantRecord_2>;
export declare const filledUsage: {
bgColor: string;
color: string;
_hover: {
bgColor: string;
_disabled: {
bgColor: string;
};
};
_active: {
bgColor: string;
};
};
export declare const filledUsage_alias_1: {
bgColor: string;
};
declare const focusStates: {
_focusVisible: {
boxShadow: string;
outline: string;
outlineColor: string;
outlineOffset: string;
};
};
export { focusStates }
export { focusStates as focusStates_alias_1 }
declare const fonts: {
display: {
description: string;
value: string;
};
sans: {
description: string;
value: string;
};
mono: {
description: string;
value: string;
};
monoStrong: {
description: string;
value: string;
};
};
export { fonts }
export { fonts as fonts_alias_1 }
export { fonts as fonts_alias_2 }
declare const formStates: {
_disabled: {
cursor: string;
opacity: string;
};
_readOnly: {
cursor: string;
};
};
export { formStates }
export { formStates as formStates_alias_1 }
/**
* Creates a palette object for a slot recipe
*
* @param slots - Array of slot names
* @param palettes - Array of palette names
* @returns Object with the following shape:
* {
* [palette]: {
* [slot]: {
* colorPalette: palette
* }
* }
*/
declare function getSlotRecipePalettes<const S extends string, const P extends Sentiment>(slots: S[], palettes: P[], initialValue?: Record<P, Record<S, Record<'colorPalette', Sentiment>>>): Record<P, Record<S, Record<'colorPalette', Sentiment>>>;
export { getSlotRecipePalettes }
export { getSlotRecipePalettes as getSlotRecipePalettes_alias_1 }
export declare const globalCss: GlobalStyleObject;
/**
* Styles for the Button component
* @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
*
* @definition [A11y Icon Usability](https://www.a11y-collective.com/blog/icon-usability-and-accessibility/)
*
* @definition [Button docs](https://cerberus.digitalu.design/react/button)
*/
export declare const iconButton: RecipeConfig_2<RecipeVariantRecord_2>;
declare const INFO = "info";
export { INFO }
export { INFO as INFO_alias_1 }
declare const info: {
colorPalette: string;
};
export { info }
export { info as info_alias_1 }
declare interface InfoTokens {
readonly info: {
readonly border: {
readonly initial: SemanticToken;
};
readonly bg: {
readonly initial: SemanticToken;
};
readonly surface: {
readonly initial: SemanticToken;
readonly 100: SemanticToken;
readonly 200: SemanticToken;
};
readonly text: {
readonly [P in Prominences]: SemanticToken;
};
};
}
export { InfoTokens }
export { InfoTokens as InfoTokens_alias_1 }
export { InfoTokens as InfoTokens_alias_2 }
export { InfoTokens as InfoTokens_alias_3 }
declare const infoTokens: InfoTokens;
export { infoTokens }
export { infoTokens as infoTokens_alias_1 }
export { infoTokens as infoTokens_alias_2 }
export { infoTokens as infoTokens_alias_3 }
export declare const input: {
_userInvalid: {
borderColor: string;
};
_disabled: {
cursor: string;
opacity: string;
};
_readOnly: {
cursor: string;
};
_focusVisible: {
boxShadow: string;
outline: string;
outlineColor: string;
outlineOffset: string;
};
border: string;
borderColor: string;
color: string;
h: string;
pxi: string;
rounded: string;
transitionProperty: string;
transitionDuration: string;
transitionTimingFunction: string;
w: string;
};
/**
* Styles for the Input component
* @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
* @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
* @definition [Input docs](https://cerberus.digitalu.design/react/input)
*/
export declare const input_alias_1: Partial<SlotRecipeConfig_2>;
/**
* The state of an color.
* @description **noun**, action or influence.
* @readonly **optional**
*/
declare type Interaction = 'hover' | 'active' | 'visited' | 'focus' | 'disabled';
export { Interaction }
export { Interaction as Interaction_alias_1 }
export { Interaction as Interaction_alias_2 }
export { Interaction as Interaction_alias_3 }
declare const keyframes: CssKeyframes;
export { keyframes }
export { keyframes as keyframes_alias_1 }
export { keyframes as keyframes_alias_2 }
/**
* Styles for the Label component
* @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
* @definition [Label docs](https://cerberus.digitalu.design/react/label)
*/
export declare const label: RecipeConfig_2<RecipeVariantRecord_2>;
/**
* Styles for the Modal components
* @definition [ARIA Dialog Modal](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/)
* @definition [Confirm Modal docs](https://cerberus.digitalu.design/react/confirm-modal)
*/
export declare const modal: Partial<SlotRecipeConfig_2>;
export declare const modalBase: {
alignSelf: string;
bgColor: string;
mxi: string;
opacity: string;
rounded: stri