@primeuix/themes
Version:
Themes for PrimeUI Libraries
552 lines (535 loc) • 14.9 kB
TypeScript
/**
*
* Galleria Design Tokens
*
* @module galleria
*
*/
import type { ColorScheme as CS, DesignTokens, ExtendedCSS, ExtendedTokens } from '..';
/**
* Design Token Sections
*/
export declare namespace GalleriaTokenSections {
interface Root {
/**
* Border width of root
*
* @designToken galleria.border.width
*/
borderWidth?: string;
/**
* Border color of root
*
* @designToken galleria.border.color
*/
borderColor?: string;
/**
* Border radius of root
*
* @designToken galleria.border.radius
*/
borderRadius?: string;
/**
* Transition duration of root
*
* @designToken galleria.transition.duration
*/
transitionDuration?: string;
}
interface NavButton {
/**
* Background of nav button
*
* @designToken galleria.nav.button.background
*/
background?: string;
/**
* Hover background of nav button
*
* @designToken galleria.nav.button.hover.background
*/
hoverBackground?: string;
/**
* Color of nav button
*
* @designToken galleria.nav.button.color
*/
color?: string;
/**
* Hover color of nav button
*
* @designToken galleria.nav.button.hover.color
*/
hoverColor?: string;
/**
* Size of nav button
*
* @designToken galleria.nav.button.size
*/
size?: string;
/**
* Gutter of nav button
*
* @designToken galleria.nav.button.gutter
*/
gutter?: string;
/**
* Prev of nav button
*/
prev?: {
/**
* Prev border radius of nav button
*
* @designToken galleria.nav.button.prev.border.radius
*/
borderRadius?: string;
};
/**
* Next of nav button
*/
next?: {
/**
* Next border radius of nav button
*
* @designToken galleria.nav.button.next.border.radius
*/
borderRadius?: string;
};
/**
* Focus ring of nav button
*/
focusRing?: {
/**
* Focus ring width of nav button
*
* @designToken galleria.nav.button.focus.ring.width
*/
width?: string;
/**
* Focus ring style of nav button
*
* @designToken galleria.nav.button.focus.ring.style
*/
style?: string;
/**
* Focus ring color of nav button
*
* @designToken galleria.nav.button.focus.ring.color
*/
color?: string;
/**
* Focus ring offset of nav button
*
* @designToken galleria.nav.button.focus.ring.offset
*/
offset?: string;
/**
* Focus ring shadow of nav button
*
* @designToken galleria.nav.button.focus.ring.shadow
*/
shadow?: string;
};
}
interface NavIcon {
/**
* Size of nav icon
*
* @designToken galleria.nav.icon.size
*/
size?: string;
}
interface ThumbnailsContent {
/**
* Background of thumbnails content
*
* @designToken galleria.thumbnails.content.background
*/
background?: string;
/**
* Padding of thumbnails content
*
* @designToken galleria.thumbnails.content.padding
*/
padding?: string;
}
interface ThumbnailNavButton {
/**
* Size of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.size
*/
size?: string;
/**
* Border radius of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.border.radius
*/
borderRadius?: string;
/**
* Gutter of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.gutter
*/
gutter?: string;
/**
* Focus ring of thumbnail nav button
*/
focusRing?: {
/**
* Focus ring width of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.focus.ring.width
*/
width?: string;
/**
* Focus ring style of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.focus.ring.style
*/
style?: string;
/**
* Focus ring color of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.focus.ring.color
*/
color?: string;
/**
* Focus ring offset of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.focus.ring.offset
*/
offset?: string;
/**
* Focus ring shadow of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.focus.ring.shadow
*/
shadow?: string;
};
/**
* Hover background of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.hover.background
*/
hoverBackground?: string;
/**
* Color of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.color
*/
color?: string;
/**
* Hover color of thumbnail nav button
*
* @designToken galleria.thumbnail.nav.button.hover.color
*/
hoverColor?: string;
}
interface ThumbnailNavButtonIcon {
/**
* Size of thumbnail nav button icon
*
* @designToken galleria.thumbnail.nav.button.icon.size
*/
size?: string;
}
interface Caption {
/**
* Background of caption
*
* @designToken galleria.caption.background
*/
background?: string;
/**
* Color of caption
*
* @designToken galleria.caption.color
*/
color?: string;
/**
* Padding of caption
*
* @designToken galleria.caption.padding
*/
padding?: string;
}
interface IndicatorList {
/**
* Gap of indicator list
*
* @designToken galleria.indicator.list.gap
*/
gap?: string;
/**
* Padding of indicator list
*
* @designToken galleria.indicator.list.padding
*/
padding?: string;
}
interface IndicatorButton {
/**
* Width of indicator button
*
* @designToken galleria.indicator.button.width
*/
width?: string;
/**
* Height of indicator button
*
* @designToken galleria.indicator.button.height
*/
height?: string;
/**
* Active background of indicator button
*
* @designToken galleria.indicator.button.active.background
*/
activeBackground?: string;
/**
* Border radius of indicator button
*
* @designToken galleria.indicator.button.border.radius
*/
borderRadius?: string;
/**
* Focus ring of indicator button
*/
focusRing?: {
/**
* Focus ring width of indicator button
*
* @designToken galleria.indicator.button.focus.ring.width
*/
width?: string;
/**
* Focus ring style of indicator button
*
* @designToken galleria.indicator.button.focus.ring.style
*/
style?: string;
/**
* Focus ring color of indicator button
*
* @designToken galleria.indicator.button.focus.ring.color
*/
color?: string;
/**
* Focus ring offset of indicator button
*
* @designToken galleria.indicator.button.focus.ring.offset
*/
offset?: string;
/**
* Focus ring shadow of indicator button
*
* @designToken galleria.indicator.button.focus.ring.shadow
*/
shadow?: string;
};
/**
* Background of indicator button
*
* @designToken galleria.indicator.button.background
*/
background?: string;
/**
* Hover background of indicator button
*
* @designToken galleria.indicator.button.hover.background
*/
hoverBackground?: string;
}
interface InsetIndicatorList {
/**
* Background of inset indicator list
*
* @designToken galleria.inset.indicator.list.background
*/
background?: string;
}
interface InsetIndicatorButton {
/**
* Background of inset indicator button
*
* @designToken galleria.inset.indicator.button.background
*/
background?: string;
/**
* Hover background of inset indicator button
*
* @designToken galleria.inset.indicator.button.hover.background
*/
hoverBackground?: string;
/**
* Active background of inset indicator button
*
* @designToken galleria.inset.indicator.button.active.background
*/
activeBackground?: string;
}
interface CloseButton {
/**
* Size of close button
*
* @designToken galleria.close.button.size
*/
size?: string;
/**
* Gutter of close button
*
* @designToken galleria.close.button.gutter
*/
gutter?: string;
/**
* Background of close button
*
* @designToken galleria.close.button.background
*/
background?: string;
/**
* Hover background of close button
*
* @designToken galleria.close.button.hover.background
*/
hoverBackground?: string;
/**
* Color of close button
*
* @designToken galleria.close.button.color
*/
color?: string;
/**
* Hover color of close button
*
* @designToken galleria.close.button.hover.color
*/
hoverColor?: string;
/**
* Border radius of close button
*
* @designToken galleria.close.button.border.radius
*/
borderRadius?: string;
/**
* Focus ring of close button
*/
focusRing?: {
/**
* Focus ring width of close button
*
* @designToken galleria.close.button.focus.ring.width
*/
width?: string;
/**
* Focus ring style of close button
*
* @designToken galleria.close.button.focus.ring.style
*/
style?: string;
/**
* Focus ring color of close button
*
* @designToken galleria.close.button.focus.ring.color
*/
color?: string;
/**
* Focus ring offset of close button
*
* @designToken galleria.close.button.focus.ring.offset
*/
offset?: string;
/**
* Focus ring shadow of close button
*
* @designToken galleria.close.button.focus.ring.shadow
*/
shadow?: string;
};
}
interface CloseButtonIcon {
/**
* Size of close button icon
*
* @designToken galleria.close.button.icon.size
*/
size?: string;
}
/* Static Sections */
type ColorScheme = CS<GalleriaDesignTokens>;
type CSS = ExtendedCSS;
type Extend = ExtendedTokens;
}
/**
*
* _Galleria Design Tokens_
*
* @group components
* @module galleria
* @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 GalleriaDesignTokens extends DesignTokens<GalleriaDesignTokens> {
/**
* Used to pass tokens of the root section
*/
root?: GalleriaTokenSections.Root;
/**
* Used to pass tokens of the nav button section
*/
navButton?: GalleriaTokenSections.NavButton;
/**
* Used to pass tokens of the nav icon section
*/
navIcon?: GalleriaTokenSections.NavIcon;
/**
* Used to pass tokens of the thumbnails content section
*/
thumbnailsContent?: GalleriaTokenSections.ThumbnailsContent;
/**
* Used to pass tokens of the thumbnail nav button section
*/
thumbnailNavButton?: GalleriaTokenSections.ThumbnailNavButton;
/**
* Used to pass tokens of the thumbnail nav button icon section
*/
thumbnailNavButtonIcon?: GalleriaTokenSections.ThumbnailNavButtonIcon;
/**
* Used to pass tokens of the caption section
*/
caption?: GalleriaTokenSections.Caption;
/**
* Used to pass tokens of the indicator list section
*/
indicatorList?: GalleriaTokenSections.IndicatorList;
/**
* Used to pass tokens of the indicator button section
*/
indicatorButton?: GalleriaTokenSections.IndicatorButton;
/**
* Used to pass tokens of the inset indicator list section
*/
insetIndicatorList?: GalleriaTokenSections.InsetIndicatorList;
/**
* Used to pass tokens of the inset indicator button section
*/
insetIndicatorButton?: GalleriaTokenSections.InsetIndicatorButton;
/**
* Used to pass tokens of the close button section
*/
closeButton?: GalleriaTokenSections.CloseButton;
/**
* Used to pass tokens of the close button icon section
*/
closeButtonIcon?: GalleriaTokenSections.CloseButtonIcon;
}