Adds expired premium pennant

This commit is contained in:
Tessa Kelly 2020-10-08 11:40:54 -07:00
parent 4a1021e3ce
commit 77d416f529
2 changed files with 18 additions and 2 deletions

View File

@ -1,8 +1,8 @@
module Nri.Ui.Pennant.V2 exposing (premiumFlag, disabledPremiumFlag)
module Nri.Ui.Pennant.V2 exposing (premiumFlag, disabledPremiumFlag, expiredPremiumFlag)
{-| Used for indicating Premium content
@docs premiumFlag, disabledPremiumFlag
@docs premiumFlag, disabledPremiumFlag, expiredPremiumFlag
-}
@ -35,6 +35,19 @@ disabledPremiumFlag =
]
{-| -}
expiredPremiumFlag : Nri.Ui.Svg.V1.Svg
expiredPremiumFlag =
pennant "#F3336C" <|
Svg.svg [ Attributes.y "-1" ]
[ Svg.path
[ Attributes.fill "#FFFFFF"
, Attributes.d "M10,3.5 C13.31368,3.5 16,6.18632 16,9.5 C16,12.81368 13.31368,15.5 10,15.5 C6.68632,15.5 4,12.81368 4,9.5 C4,6.18632 6.68632,3.5 10,3.5 Z M10,4.7 C7.34908,4.7 5.2,6.84908 5.2,9.5 C5.2,12.15104 7.34908,14.3 10,14.3 C12.65104,14.3 14.8,12.15104 14.8,9.5 C14.8,6.84908 12.65104,4.7 10,4.7 Z M9.89064763,6.33193173 C10.2054819,6.33193173 10.4635792,6.62287155 10.4886511,6.99277328 C10.4894733,7.00490368 10.4900449,7.017119 10.4903597,7.02941176 L10.49,9.913 L12.0720499,10.5386187 C12.452437,10.654475 12.6546988,11.0970991 12.5752647,11.3581417 C12.4958305,11.6191843 12.08127,11.8740149 11.7009139,11.7582745 L9.89981773,11.0462509 C9.67584768,10.9780353 9.50566415,10.8228363 9.42448547,10.637987 C9.34254176,10.5169161 9.29064764,10.3645616 9.29064764,10.1992128 L9.29064763,7.05193173 C9.29064763,6.65437173 9.55920763,6.33193173 9.89064763,6.33193173 Z"
]
[]
]
pennant : String -> Svg.Svg Never -> Nri.Ui.Svg.V1.Svg
pennant backgroundColor letter =
Svg.svg

View File

@ -48,6 +48,9 @@ example =
, Pennant.disabledPremiumFlag
|> Svg.withHeight (Css.px 60)
|> Svg.toHtml
, Pennant.expiredPremiumFlag
|> Svg.withHeight (Css.px 60)
|> Svg.toHtml
]
]
}