@primeuix/themes
Version:
Themes for PrimeUI Libraries
210 lines (201 loc) • 4.4 kB
TypeScript
/**
*
* Avatar Design Tokens
*
* @module avatar
*
*/
import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
/**
* Design Token Sections
*/
export declare namespace AvatarTokenSections {
interface Root {
/**
* Width of root
*
* @designToken avatar.width
*/
width?: string;
/**
* Height of root
*
* @designToken avatar.height
*/
height?: string;
/**
* Font size of root
*
* @designToken avatar.font.size
*/
fontSize?: string;
/**
* Background of root
*
* @designToken avatar.background
*/
background?: string;
/**
* Color of root
*
* @designToken avatar.color
*/
color?: string;
/**
* Border radius of root
*
* @designToken avatar.border.radius
*/
borderRadius?: string;
}
interface Icon {
/**
* Size of icon
*
* @designToken avatar.icon.size
*/
size?: string;
}
interface Group {
/**
* Border color of group
*
* @designToken avatar.group.border.color
*/
borderColor?: string;
/**
* Offset of group
*
* @designToken avatar.group.offset
*/
offset?: string;
}
interface Lg {
/**
* Width of lg
*
* @designToken avatar.lg.width
*/
width?: string;
/**
* Height of lg
*
* @designToken avatar.lg.height
*/
height?: string;
/**
* Font size of lg
*
* @designToken avatar.lg.font.size
*/
fontSize?: string;
/**
* Icon of lg
*/
icon?: {
/**
* Icon size of lg
*
* @designToken avatar.lg.icon.size
*/
size?: string;
};
/**
* Group of lg
*/
group?: {
/**
* Group offset of lg
*
* @designToken avatar.lg.group.offset
*/
offset?: string;
};
}
interface Xl {
/**
* Width of xl
*
* @designToken avatar.xl.width
*/
width?: string;
/**
* Height of xl
*
* @designToken avatar.xl.height
*/
height?: string;
/**
* Font size of xl
*
* @designToken avatar.xl.font.size
*/
fontSize?: string;
/**
* Icon of xl
*/
icon?: {
/**
* Icon size of xl
*
* @designToken avatar.xl.icon.size
*/
size?: string;
};
/**
* Group of xl
*/
group?: {
/**
* Group offset of xl
*
* @designToken avatar.xl.group.offset
*/
offset?: string;
};
}
/* Static Sections */
type ColorScheme = CS<AvatarDesignTokens>;
type CSS = ExtendedCSS;
type Extend = ExtendedTokens;
}
/**
*
* _Avatar Design Tokens_
*
* @group components
* @module avatar
* @see
* --- ---
* **Compatible Libraries**
*
* [](https://primeng.org/theming/styled)
* [](https://primevue.org/theming/styled)
* --- ---
* **Figma UI Kit**
*
* [PrimeNG](https://primeng.org/uikit) | [PrimeVue](https://primevue.org/uikit)
*
*/
export interface AvatarDesignTokens extends DesignTokens<AvatarDesignTokens> {
/**
* Used to pass tokens of the root section
*/
root?: AvatarTokenSections.Root;
/**
* Used to pass tokens of the icon section
*/
icon?: AvatarTokenSections.Icon;
/**
* Used to pass tokens of the group section
*/
group?: AvatarTokenSections.Group;
/**
* Used to pass tokens of the lg section
*/
lg?: AvatarTokenSections.Lg;
/**
* Used to pass tokens of the xl section
*/
xl?: AvatarTokenSections.Xl;
}