Options
All
  • Public
  • Public/Protected
  • All
Menu

External module "internal/storybook/themes"

Index

Type aliases

Variables

Functions

Object literals

Type aliases

ColorMode

ColorMode: "dark" | "light" | "sea"

Spacing

Spacing: object

Type declaration

  • minimumButtonSize: number
  • minimumLineSize: number
  • minimumSpacing: number

SpacingMode

SpacingMode: "comfortable" | "cozy" | "compact"

SpacingVariables

SpacingVariables: "minimumButtonSize" | "minimumLineSize" | "minimumSpacing"

ThemeOptions

ThemeOptions: object

Type declaration

Variables

Const cozy

cozy: any = Object.keys(comfortable).reduce((result: any, key: SpacingVariables) => {result[key] = (comfortable[key] + compact[key]) / 2return result},{})

Const defaultOptions

defaultOptions: object = {colors: 'dark',spacing: 'comfortable',} as ThemeOptions

Type declaration

Functions

Const addUnits

Object literals

Const base

base: object

borderRadius

borderRadius: string = "1px"

coreTransitionTime

coreTransitionTime: string = "0.25s"

dividerHeight

dividerHeight: string = "0.0625rem"

largeFontSize

largeFontSize: string = "1.25rem"

largeSpacing

largeSpacing: string = "1.875rem"

mediumFontSize

mediumFontSize: string = "1rem"

mediumScreenSize

mediumScreenSize: string = "90rem"

mediumSpacing

mediumSpacing: string = "1.25rem"

minimumDividerSize

minimumDividerSize: string = "1.3125rem"

minimumFontSize

minimumFontSize: string = "0.75rem"

minimumOpacity

minimumOpacity: number = 0.6

minimumScreenSize

minimumScreenSize: string = "20rem"

mobileScreenSize

mobileScreenSize: string = "26.25rem"

smallScreenSize

smallScreenSize: string = "58.75rem"

transitionTime

transitionTime: string = "0s"

zIndexBlocking

zIndexBlocking: number = 105

zIndexConfirmation

zIndexConfirmation: number = 103

zIndexContent

zIndexContent: number = 101

zIndexDropdown

zIndexDropdown: number = 103

zIndexHelp

zIndexHelp: number = 104

zIndexLightbox

zIndexLightbox: number = 101

zIndexLoadingCompanion

zIndexLoadingCompanion: number = 101

zIndexMenuItem

zIndexMenuItem: number = 102

zIndexMenubar

zIndexMenubar: number = 101

zIndexSlideout

zIndexSlideout: number = 103

zIndexVerticalMenu

zIndexVerticalMenu: number = 101

Const comfortable

comfortable: object

minimumButtonSize

minimumButtonSize: number = 2.75

minimumLineSize

minimumLineSize: number = 1.875

minimumSpacing

minimumSpacing: number = 0.625

Const compact

compact: object

minimumButtonSize

minimumButtonSize: number = 1.8

minimumLineSize

minimumLineSize: number = 1.5

minimumSpacing

minimumSpacing: number = 0.3

Const dark

dark: object

backgroundAccentContent

backgroundAccentContent: string = "#34434c"

backgroundContent

backgroundContent: string = "#253540"

backgroundDropdown

backgroundDropdown: string = "#253540"

backgroundModal

backgroundModal: string = "#253540"

backgroundNavigation

backgroundNavigation: string = "#213137"

backgroundSlideout

backgroundSlideout: string = "#435059"

favoriteColor

favoriteColor: string = "#d1d179"

negativeColor

negativeColor: string = "#943838"

positiveColor

positiveColor: string = "#5b963e"

primaryColor

primaryColor: string = "#32a6ad"

warningColor

warningColor: string = "#decd39"

Const light

light: object

backgroundAccentContent

backgroundAccentContent: string = "#edf9fc"

backgroundContent

backgroundContent: string = "#f3fdff"

backgroundDropdown

backgroundDropdown: string = "#f3fdff"

backgroundModal

backgroundModal: string = "#edf9fc"

backgroundNavigation

backgroundNavigation: string = "#3c6dd5"

backgroundSlideout

backgroundSlideout: string = "#edf9fc"

favoriteColor

favoriteColor: string = "#d1d179"

negativeColor

negativeColor: string = "#8a423c"

positiveColor

positiveColor: string = "#428442"

primaryColor

primaryColor: string = "#3c6dd5"

warningColor

warningColor: string = "#c89600"

Const sea

sea: object

backgroundAccentContent

backgroundAccentContent: string = "#ffffff"

backgroundContent

backgroundContent: string = "#ffffff"

backgroundDropdown

backgroundDropdown: string = "#ffffff"

backgroundModal

backgroundModal: string = "#e5e6e6"

backgroundNavigation

backgroundNavigation: string = "#0f3757"

backgroundSlideout

backgroundSlideout: string = "#e5e6e6"

favoriteColor

favoriteColor: string = "#709e33"

negativeColor

negativeColor: string = "#a32c00"

positiveColor

positiveColor: string = "#154e7d"

primaryColor

primaryColor: string = "#32a6ad"

warningColor

warningColor: string = "#b65e1f"

Const spacings

spacings: object

comfortable

comfortable: object

Type declaration

  • minimumButtonSize: number
  • minimumLineSize: number
  • minimumSpacing: number

compact

compact: object

Type declaration

  • minimumButtonSize: number
  • minimumLineSize: number
  • minimumSpacing: number

cozy

cozy: any

Const themes

themes: object

dark

dark: object

Type declaration

  • backgroundAccentContent: string
  • backgroundContent: string
  • backgroundDropdown: string
  • backgroundModal: string
  • backgroundNavigation: string
  • backgroundSlideout: string
  • favoriteColor: string
  • negativeColor: string
  • positiveColor: string
  • primaryColor: string
  • warningColor: string

light

light: object

Type declaration

  • backgroundAccentContent: string
  • backgroundContent: string
  • backgroundDropdown: string
  • backgroundModal: string
  • backgroundNavigation: string
  • backgroundSlideout: string
  • favoriteColor: string
  • negativeColor: string
  • positiveColor: string
  • primaryColor: string
  • warningColor: string

sea

sea: object

Type declaration

  • backgroundAccentContent: string
  • backgroundContent: string
  • backgroundDropdown: string
  • backgroundModal: string
  • backgroundNavigation: string
  • backgroundSlideout: string
  • favoriteColor: string
  • negativeColor: string
  • positiveColor: string
  • primaryColor: string
  • warningColor: string

Generated using TypeDoc