mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-09-21 20:27:36 +03:00
Dupe tertiary styles to quaternary
This commit is contained in:
parent
da61cd5336
commit
94c86a4106
@ -6,7 +6,7 @@ module Nri.Ui.ClickableSvg.V2 exposing
|
||||
, exactSize, exactWidth, exactHeight
|
||||
, disabled
|
||||
, withBorder
|
||||
, primary, secondary, tertiary, danger, dangerSecondary
|
||||
, primary, secondary, tertiary, quaternary, danger, dangerSecondary
|
||||
, custom, nriDescription, testId, id
|
||||
, css, notMobileCss, mobileCss, quizEngineMobileCss
|
||||
, iconForMobile, iconForQuizEngineMobile, iconForNarrowMobile
|
||||
@ -48,7 +48,7 @@ module Nri.Ui.ClickableSvg.V2 exposing
|
||||
## Customization
|
||||
|
||||
@docs withBorder
|
||||
@docs primary, secondary, tertiary, danger, dangerSecondary
|
||||
@docs primary, secondary, tertiary, quaternary, danger, dangerSecondary
|
||||
|
||||
@docs custom, nriDescription, testId, id
|
||||
|
||||
@ -270,6 +270,7 @@ type Theme
|
||||
= Primary
|
||||
| Secondary
|
||||
| Tertiary
|
||||
| Quaternary
|
||||
| Danger
|
||||
| DangerSecondary
|
||||
|
||||
@ -335,6 +336,17 @@ applyTheme theme =
|
||||
, borderHover = Colors.azure
|
||||
}
|
||||
|
||||
Quaternary ->
|
||||
{ main_ = Colors.gray45
|
||||
, mainHovered = Colors.azure
|
||||
, background = Colors.gray96
|
||||
, backgroundHovered = Colors.glacier
|
||||
, includeBorder = True
|
||||
, borderColor = Colors.gray92
|
||||
, borderBottom = Colors.gray92
|
||||
, borderHover = Colors.azure
|
||||
}
|
||||
|
||||
Danger ->
|
||||
{ main_ = Colors.white
|
||||
, mainHovered = Colors.white
|
||||
@ -380,6 +392,13 @@ tertiary =
|
||||
set (\attributes -> { attributes | theme = Tertiary })
|
||||
|
||||
|
||||
{-| Used to de-emphasize elements when not hovered.
|
||||
-}
|
||||
quaternary : Attribute msg
|
||||
quaternary =
|
||||
set (\attributes -> { attributes | theme = Quaternary })
|
||||
|
||||
|
||||
{-| White/transparent icon on a red background.
|
||||
-}
|
||||
danger : Attribute msg
|
||||
|
@ -188,8 +188,9 @@ viewExampleTable { label, icon, attributes } =
|
||||
List.indexedMap viewExampleRow
|
||||
[ ( "primary", ClickableSvg.primary )
|
||||
, ( "secondary", ClickableSvg.secondary )
|
||||
, ( "danger", ClickableSvg.danger )
|
||||
, ( "tertiary", ClickableSvg.tertiary )
|
||||
, ( "quaternary", ClickableSvg.quaternary )
|
||||
, ( "danger", ClickableSvg.danger )
|
||||
, ( "dangerSecondary", ClickableSvg.dangerSecondary )
|
||||
]
|
||||
, Html.tfoot []
|
||||
|
Loading…
Reference in New Issue
Block a user