[{"name":"Spor.Token.Color.Alias","comment":" @docs Alias, toCss, lightGrey, platinum, silver, steel, osloGrey, dimGrey, darkGrey, seaFoam, opal, river, celadon, pine, darkTeal, night, mint, seaMist, coralGreen, blueGreen, azure, greenHaze, primaryGreen, icyBlue, lightBlue, cloudy, sky, glacier, ocean, darkBlue, cornsilk, blonde, primrose, sunshine, banana, burntYellow, golden, bisque, champagne, rajah, saffron, pumpkin, chocolate, wood, lightRed, brightRed, white, black ","unions":[{"name":"Alias","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"azure","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"banana","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"bisque","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"black","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"blonde","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"blueGreen","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"brightRed","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"burntYellow","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"celadon","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"champagne","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"chocolate","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"cloudy","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"coralGreen","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"cornsilk","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"darkBlue","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"darkGrey","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"darkTeal","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"dimGrey","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"glacier","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"golden","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"greenHaze","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"icyBlue","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"lightBlue","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"lightGrey","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"lightRed","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"mint","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"night","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"ocean","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"opal","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"osloGrey","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"pine","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"platinum","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"primaryGreen","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"primrose","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"pumpkin","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"rajah","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"river","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"saffron","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"seaFoam","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"seaMist","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"silver","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"sky","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"steel","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"sunshine","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"toCss","comment":" Convert Alias into a Css.Color ","type":"Spor.Token.Color.Alias.Alias -> Css.Color"},{"name":"white","comment":"  ","type":"Spor.Token.Color.Alias.Alias"},{"name":"wood","comment":"  ","type":"Spor.Token.Color.Alias.Alias"}],"binops":[]},{"name":"Spor.Token.Color.Background","comment":" @docs Background, toCss, white, lightGrey ","unions":[{"name":"Background","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"lightGrey","comment":"  ","type":"Spor.Token.Color.Background.Background"},{"name":"toCss","comment":" Convert Background into a Css.Color ","type":"Spor.Token.Color.Background.Background -> Css.Color"},{"name":"white","comment":"  ","type":"Spor.Token.Color.Background.Background"}],"binops":[]},{"name":"Spor.Token.Color.Detail","comment":" @docs Detail, toCss, darkBlue, ocean, golden, burntYellow, wood, chocolate, pumpkin ","unions":[{"name":"Detail","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"burntYellow","comment":"  ","type":"Spor.Token.Color.Detail.Detail"},{"name":"chocolate","comment":"  ","type":"Spor.Token.Color.Detail.Detail"},{"name":"darkBlue","comment":"  ","type":"Spor.Token.Color.Detail.Detail"},{"name":"golden","comment":"  ","type":"Spor.Token.Color.Detail.Detail"},{"name":"ocean","comment":"  ","type":"Spor.Token.Color.Detail.Detail"},{"name":"pumpkin","comment":"  ","type":"Spor.Token.Color.Detail.Detail"},{"name":"toCss","comment":" Convert Detail into a Css.Color ","type":"Spor.Token.Color.Detail.Detail -> Css.Color"},{"name":"wood","comment":"  ","type":"Spor.Token.Color.Detail.Detail"}],"binops":[]},{"name":"Spor.Token.Color.Error","comment":" @docs Error, toCss, brightRed, lightRed ","unions":[{"name":"Error","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"brightRed","comment":" Should only be used for errors and settings ","type":"Spor.Token.Color.Error.Error"},{"name":"lightRed","comment":" Should only be used for error backgrounds ","type":"Spor.Token.Color.Error.Error"},{"name":"toCss","comment":" Convert Error into a Css.Color ","type":"Spor.Token.Color.Error.Error -> Css.Color"}],"binops":[]},{"name":"Spor.Token.Color.Linjetag","comment":" @docs Linjetag, toCss, lokaltog, lokaltogLight, regiontog, regiontogLight, regionEkspress, regionEkspressLight, fjerntog, fjerntogLight, flytog, flytogLight, vyBuss, vyBussLight, lokalbuss, lokalbussLight, ferge, fergeLight, trikk, trikkLight, tbane, tbaneLight, altTransport, altTransportLight ","unions":[{"name":"Linjetag","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"altTransport","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"altTransportLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"ferge","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"fergeLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"fjerntog","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"fjerntogLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"flytog","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"flytogLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"lokalbuss","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"lokalbussLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"lokaltog","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"lokaltogLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"regionEkspress","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"regionEkspressLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"regiontog","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"regiontogLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"tbane","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"tbaneLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"toCss","comment":" Convert Linjetag into a Css.Color ","type":"Spor.Token.Color.Linjetag.Linjetag -> Css.Color"},{"name":"trikk","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"trikkLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"vyBuss","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"},{"name":"vyBussLight","comment":"  ","type":"Spor.Token.Color.Linjetag.Linjetag"}],"binops":[]},{"name":"Spor.Token.Color.Main","comment":" @docs Main, toCss, darkTeal, primaryGreen, greenHaze, coralGreen, mint, white, darkGrey, osloGrey, platinum, lightGrey ","unions":[{"name":"Main","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"coralGreen","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"darkGrey","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"darkTeal","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"greenHaze","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"lightGrey","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"mint","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"osloGrey","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"platinum","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"primaryGreen","comment":"  ","type":"Spor.Token.Color.Main.Main"},{"name":"toCss","comment":" Convert Main into a Css.Color ","type":"Spor.Token.Color.Main.Main -> Css.Color"},{"name":"white","comment":"  ","type":"Spor.Token.Color.Main.Main"}],"binops":[]},{"name":"Spor.Token.Color.Outline","comment":" @docs Outline, toCss, osloGrey, greenHaze, darkGrey, black ","unions":[{"name":"Outline","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"black","comment":"  ","type":"Spor.Token.Color.Outline.Outline"},{"name":"darkGrey","comment":"  ","type":"Spor.Token.Color.Outline.Outline"},{"name":"greenHaze","comment":" Used for focus state outlines ","type":"Spor.Token.Color.Outline.Outline"},{"name":"osloGrey","comment":" Used on tertiary buttons, cards and separators, among others ","type":"Spor.Token.Color.Outline.Outline"},{"name":"toCss","comment":" Convert Outline into a Css.Color ","type":"Spor.Token.Color.Outline.Outline -> Css.Color"}],"binops":[]},{"name":"Spor.Token.Color.Palette","comment":" @docs Palette, toCss, grey50, grey100, grey200, grey300, grey400, grey500, grey600, teal50, teal100, teal200, teal300, teal400, teal500, teal600, green50, green100, green200, green300, green400, green500, green600, blue50, blue100, blue200, blue300, blue400, blue500, blue600, yellow50, yellow100, yellow200, yellow300, yellow400, yellow500, yellow600, orange50, orange100, orange200, orange300, orange400, orange500, orange600, red50, red600, white, black, whiteAlpha100, whiteAlpha200, whiteAlpha300, whiteAlpha400, whiteAlpha500, whiteAlpha600, whiteAlpha700, whiteAlpha800, whiteAlpha900, blackAlpha100, blackAlpha200, blackAlpha300, blackAlpha400, blackAlpha500, blackAlpha600, blackAlpha700, blackAlpha800, blackAlpha900 ","unions":[{"name":"Palette","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"black","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha100","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha200","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha300","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha400","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha500","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha700","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha800","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blackAlpha900","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blue100","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blue200","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blue300","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blue400","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blue50","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blue500","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"blue600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"green100","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"green200","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"green300","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"green400","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"green50","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"green500","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"green600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"grey100","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"grey200","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"grey300","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"grey400","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"grey50","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"grey500","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"grey600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"orange100","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"orange200","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"orange300","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"orange400","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"orange50","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"orange500","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"orange600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"red50","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"red600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"teal100","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"teal200","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"teal300","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"teal400","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"teal50","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"teal500","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"teal600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"toCss","comment":" Convert Palette into a Css.Color ","type":"Spor.Token.Color.Palette.Palette -> Css.Color"},{"name":"white","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha100","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha200","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha300","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha400","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha500","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha700","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha800","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"whiteAlpha900","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"yellow100","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"yellow200","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"yellow300","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"yellow400","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"yellow50","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"yellow500","comment":"  ","type":"Spor.Token.Color.Palette.Palette"},{"name":"yellow600","comment":"  ","type":"Spor.Token.Color.Palette.Palette"}],"binops":[]},{"name":"Spor.Token.Color.Product","comment":" @docs Product, toCss, ocean, wood ","unions":[{"name":"Product","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"ocean","comment":" Used for the Smartpris product ","type":"Spor.Token.Color.Product.Product"},{"name":"toCss","comment":" Convert Product into a Css.Color ","type":"Spor.Token.Color.Product.Product -> Css.Color"},{"name":"wood","comment":" Used for the Flexbillett product ","type":"Spor.Token.Color.Product.Product"}],"binops":[]},{"name":"Spor.Token.Color.Text","comment":" @docs Text, toCss, darkGrey, white, darkTeal ","unions":[{"name":"Text","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"darkGrey","comment":" Used for typography and icons on light backgrounds ","type":"Spor.Token.Color.Text.Text"},{"name":"darkTeal","comment":" Used primarily for links ","type":"Spor.Token.Color.Text.Text"},{"name":"toCss","comment":" Convert Text into a Css.Color ","type":"Spor.Token.Color.Text.Text -> Css.Color"},{"name":"white","comment":" Used for typography and icons on dark backgrounds ","type":"Spor.Token.Color.Text.Text"}],"binops":[]},{"name":"Spor.Token.Depth.Shadow","comment":" @docs Shadow, toCss, sm, md, lg ","unions":[{"name":"Shadow","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"lg","comment":"  ","type":"Spor.Token.Depth.Shadow.Shadow"},{"name":"md","comment":"  ","type":"Spor.Token.Depth.Shadow.Shadow"},{"name":"sm","comment":"  ","type":"Spor.Token.Depth.Shadow.Shadow"},{"name":"toCss","comment":" Convert Shadow into a Css.Style ","type":"Spor.Token.Depth.Shadow.Shadow -> Css.Style"}],"binops":[]},{"name":"Spor.Token.Depth.ZIndex","comment":" @docs ZIndex, toInt, hide, base, docked, dropdown, sticky, banner, overlay, modal, popover, skipLink, toast, tooltip ","unions":[{"name":"ZIndex","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"banner","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"base","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"docked","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"dropdown","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"hide","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"modal","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"overlay","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"popover","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"skipLink","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"sticky","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"toInt","comment":" Convert ZIndex into a Int ","type":"Spor.Token.Depth.ZIndex.ZIndex -> Basics.Int"},{"name":"toast","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"},{"name":"tooltip","comment":"  ","type":"Spor.Token.Depth.ZIndex.ZIndex"}],"binops":[]},{"name":"Spor.Token.Size.BorderRadius","comment":" @docs BorderRadius, toCss, none, xs, sm, md, lg, xl, i2xl ","unions":[{"name":"BorderRadius","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"i2xl","comment":" Should only be used for the app header ","type":"Spor.Token.Size.BorderRadius.BorderRadius"},{"name":"lg","comment":" Should be used on larger components, like drawers ","type":"Spor.Token.Size.BorderRadius.BorderRadius"},{"name":"md","comment":" Should be used for components with several components stacked vertically ","type":"Spor.Token.Size.BorderRadius.BorderRadius"},{"name":"none","comment":" Should only be used for images, site headers, footers and article cards ","type":"Spor.Token.Size.BorderRadius.BorderRadius"},{"name":"sm","comment":" The default. A single line of text is the most typical usecase ","type":"Spor.Token.Size.BorderRadius.BorderRadius"},{"name":"toCss","comment":" Convert BorderRadius into a Css.Px ","type":"Spor.Token.Size.BorderRadius.BorderRadius -> Css.Px"},{"name":"xl","comment":" Should be used for buttons, tags and labels. Provides a complete rounding effect for single lines of text ","type":"Spor.Token.Size.BorderRadius.BorderRadius"},{"name":"xs","comment":" Should only be used for the smallest components, like tooltips and info boxes ","type":"Spor.Token.Size.BorderRadius.BorderRadius"}],"binops":[]},{"name":"Spor.Token.Size.Breakpoint","comment":" @docs Breakpoint, toCss, sm, md, lg ","unions":[{"name":"Breakpoint","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"lg","comment":" Large laptop screens ","type":"Spor.Token.Size.Breakpoint.Breakpoint"},{"name":"md","comment":" Medium sized laptop screens ","type":"Spor.Token.Size.Breakpoint.Breakpoint"},{"name":"sm","comment":" Phones in landscape mode, tablets in portrait mode ","type":"Spor.Token.Size.Breakpoint.Breakpoint"},{"name":"toCss","comment":" Convert Breakpoint into a Css.Px ","type":"Spor.Token.Size.Breakpoint.Breakpoint -> Css.Px"}],"binops":[]},{"name":"Spor.Token.Size.LineHeight","comment":" @docs LineHeight, toFloat, heading, body ","unions":[{"name":"LineHeight","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"body","comment":"  ","type":"Spor.Token.Size.LineHeight.LineHeight"},{"name":"heading","comment":"  ","type":"Spor.Token.Size.LineHeight.LineHeight"},{"name":"toFloat","comment":" Convert LineHeight into a Float ","type":"Spor.Token.Size.LineHeight.LineHeight -> Basics.Float"}],"binops":[]},{"name":"Spor.Token.Size.Spacing","comment":" @docs Spacing, toCss, px3, px6, px9, px12, px18, px24, px30, px36, px42, px54, px72, px90, px120, px180, i3xs, i2xs, xs, sm, md, lg, xl, i2xl, i3xl, i4xl, i5xl, i6xl, i7xl, i8xl ","unions":[{"name":"Spacing","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"i2xl","comment":" 36px. This is 6x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"i2xs","comment":" 6px. This is the base value - all others are multiples of this ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"i3xl","comment":" 42px. This is 7x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"i3xs","comment":" 3px. This is 0.5x the base size. Should only be used as  baseline grid ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"i4xl","comment":" 54px. This is 9x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"i5xl","comment":" 72px. This is 12x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"i6xl","comment":" 90px. This is 15x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"i7xl","comment":" 120px. This is 20x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"i8xl","comment":" 180px. This is 30x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"lg","comment":" 24px. This is 4x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"md","comment":" 18px. This is 3x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px12","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px120","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px18","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px180","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px24","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px3","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px30","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px36","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px42","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px54","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px6","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px72","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px9","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"px90","comment":"  ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"sm","comment":" 12px. This is 2x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"toCss","comment":" Convert Spacing into a Css.Px ","type":"Spor.Token.Size.Spacing.Spacing -> Css.Px"},{"name":"xl","comment":" 30px. This is 5x the base size ","type":"Spor.Token.Size.Spacing.Spacing"},{"name":"xs","comment":" 9px. This 1.5x the base size ","type":"Spor.Token.Size.Spacing.Spacing"}],"binops":[]},{"name":"Spor.Token.Size.Stroke","comment":" @docs Stroke, toCss, sm, md, lg ","unions":[{"name":"Stroke","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"lg","comment":"  ","type":"Spor.Token.Size.Stroke.Stroke"},{"name":"md","comment":"  ","type":"Spor.Token.Size.Stroke.Stroke"},{"name":"sm","comment":"  ","type":"Spor.Token.Size.Stroke.Stroke"},{"name":"toCss","comment":" Convert Stroke into a Css.Px ","type":"Spor.Token.Size.Stroke.Stroke -> Css.Px"}],"binops":[]},{"name":"Spor.Token.Time.Transition","comment":" @docs Transition, toString, slow, medium, fast ","unions":[{"name":"Transition","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"fast","comment":" Should be used for quick transitions between similar states. ","type":"Spor.Token.Time.Transition.Transition"},{"name":"medium","comment":" Should be used for medium transitions. Works great for when elements are moving, or when animating width or height ","type":"Spor.Token.Time.Transition.Transition"},{"name":"slow","comment":" Should be used when you need a slower animation. Works great for large objects, or when the animated element is moving a larger distance ","type":"Spor.Token.Time.Transition.Transition"},{"name":"toString","comment":" Convert Transition into a String ","type":"Spor.Token.Time.Transition.Transition -> String.String"}],"binops":[]}]