Package dev.fritz2.styling.theme

Types

AlertSeverities

interface AlertSeverities

AlertSeverity

interface AlertSeverity

AlertStacking

interface AlertStacking

AlertStyles

interface AlertStyles : FormSizesAware

definition of the theme's alerts

AlertVariants

interface AlertVariants

AppFrameStyles

interface AppFrameStyles

definition of the theme's appFrame

CardSizes

interface CardSizes

CardStyles

interface CardStyles

CheckboxStyles

interface CheckboxStyles : SeverityAware, FormSizesAware

definition of the theme's checkbox

Colors

interface Colors

Defines the scheme colors in a theme

ColorScheme

open class ColorScheme(main: ColorProperty, mainContrast: ColorProperty, highlight: ColorProperty, highlightContrast: ColorProperty)

Defines three colors for a color scheme.

DataTableStyles

interface DataTableStyles

DefaultTheme

open class DefaultTheme : Theme

defines the default values and scales for fritz2

DropdownAlignments

interface DropdownAlignments

DropdownPlacements

interface DropdownPlacements

DropdownStyles

interface DropdownStyles

definition of the theme's dropdown

FontFamilies

interface FontFamilies

Defines the fonts-family in a theme

FormControlStyles

interface FormControlStyles

definition of the theme's formControl

FormGroupLabelStyles

interface FormGroupLabelStyles

definition of the theme's formGroup

FormGroupStyles

interface FormGroupStyles

FormSizesAware

interface FormSizesAware

FormSizesStyles

interface FormSizesStyles

IconDefinition

class IconDefinition(displayName: String, viewBox: String, svg: String)

Defines a specific icon

Icons

interface Icons

Definition of standard-icons

InputFieldStyles

interface InputFieldStyles : SeverityAware, FormSizesAware

definition of the theme's inputField

InputFieldVariants

interface InputFieldVariants

MenuStyles

interface MenuStyles

definition of the theme's menu

ModalSizes

interface ModalSizes

ModalStyles

interface ModalStyles

definition of the theme's modal

ModalVariants

interface ModalVariants

ModalWidths

interface ModalWidths

NavBarStyles

interface NavBarStyles

definition of the theme's navbar

PaperSizes

interface PaperSizes

PaperStyles

interface PaperStyles

PaperTypes

interface PaperTypes

PopoverArrowPlacements

interface PopoverArrowPlacements

PopoverPlacements

interface PopoverPlacements

PopoverSizes

interface PopoverSizes

PopoverStyles

interface PopoverStyles

definition of the theme's popover

PopupStyles

interface PopupStyles

Property

typealias Property = String

alias for property values

PushButtonStyles

interface PushButtonStyles : FormSizesAware

definition of the theme's pushButton

PushButtonTypes

interface PushButtonTypes

PushButtonVariants

interface PushButtonVariants

RadioStyles

interface RadioStyles : SeverityAware, FormSizesAware

definition of the theme's radioButton

ResponsiveValue

class ResponsiveValue(sm: Property, md: Property, lg: Property, xl: Property)

Defines a responsive Property that can have different values for different screen sizes.

ScaledValue

open class ScaledValue(normal: Property, small: Property, smaller: Property, tiny: Property, large: Property, larger: Property, huge: Property, giant: Property, none: Property, full: Property)

Defines a value that has different expressions for different scales.

SelectFieldStyles

interface SelectFieldStyles : SeverityAware, FormSizesAware

definition of the theme's selectField styles

SelectFieldVariants

interface SelectFieldVariants

definition of the theme's selectField variants

SeverityAware

interface SeverityAware

SeverityStyles

interface SeverityStyles

general component's theme abstractions

Shadows

class Shadows(flat: ShadowProperty, raised: ShadowProperty, raisedFurther: ShadowProperty, top: ShadowProperty, lowered: ShadowProperty, bottom: ShadowProperty, outline: ShadowProperty, glowing: ShadowProperty, danger: ShadowProperty, none: ShadowProperty)

Defines the scheme shadows in a theme

Sizes

class Sizes(normal: Property, small: Property, smaller: Property, tiny: Property, large: Property, larger: Property, huge: Property, giant: Property, full: Property, wide: ScaledValue) : ScaledValue

Defines a value that has different expressions for different sizes.

SliderCoreStyles

interface SliderCoreStyles

SliderStyles

interface SliderStyles : SeverityAware, FormSizesAware

SwitchStyles

interface SwitchStyles : SeverityAware, FormSizesAware

definition of the theme's switch

TextAreaResize

interface TextAreaResize

definition of the theme's textArea resizes

TextAreaStyles

interface TextAreaStyles : SeverityAware, FormSizesAware

definition of the theme's textArea styles

TextAreaVariants

interface TextAreaVariants

Theme

@ExperimentalCoroutinesApi()

interface Theme

Standard interface for themes in fritz2.

Thickness

class Thickness(none: Property, normal: Property, thin: Property, fat: Property, hair: Property)

Defines a value that has different expressions for different thicknesses.

ToastButton

interface ToastButton

ToastPlacement

interface ToastPlacement

ToastStatus

interface ToastStatus

ToastStyles

interface ToastStyles

definition of the theme's toasts

TooltipPlacements

interface TooltipPlacements

TooltipStyles

interface TooltipStyles

definition of the theme's tooltip

WeightedValue

class WeightedValue(normal: Property, light: Property, lighter: Property, strong: Property, stronger: Property, none: Property, full: Property)

Defines a value that has different expressions for different weights.

ZIndices

class ZIndices(tableHeader: Int, tooltip: Int, popup: Int, dropdown: Int, popover: Int, appFrame: Int, navbar: Int, toast: Int, modal: Int)

Defines the scheme for zIndices of fritz2 components

Functions

core

fun SliderStyles.core(orientation: String): SliderCoreStyles

render

inline fun <T : Theme> render(theme: T, selector: String, override: Boolean = true, crossinline content: RenderContext.(T) -> Unit)

Creates a RenderContext for Tags and mounts it to a constant element in the static html file which id matches the selector.

inline fun <T : Theme> render(theme: T, targetElement: HTMLElement? = document.body, override: Boolean = true, crossinline content: RenderContext.(T) -> Unit)

Creates a render context for Tags and mounts it to an HTMLElement.

Properties

important

val Property.important: Property

adds important flag to resulting css