Use Tooltip V2

This commit is contained in:
Tessa Kelly 2020-09-03 08:44:48 -07:00
parent 8b8c4c4a6d
commit 9f8939b1b6
4 changed files with 7 additions and 5 deletions

View File

@ -64,6 +64,7 @@
"Nri.Ui.TextArea.V4", "Nri.Ui.TextArea.V4",
"Nri.Ui.TextInput.V6", "Nri.Ui.TextInput.V6",
"Nri.Ui.Tooltip.V1", "Nri.Ui.Tooltip.V1",
"Nri.Ui.Tooltip.V2",
"Nri.Ui.UiIcon.V1" "Nri.Ui.UiIcon.V1"
], ],
"elm-version": "0.19.0 <= v < 0.20.0", "elm-version": "0.19.0 <= v < 0.20.0",

View File

@ -1,4 +1,4 @@
module Nri.Ui.Tooltip.V1 exposing module Nri.Ui.Tooltip.V2 exposing
( Tooltip, tooltip ( Tooltip, tooltip
, Position(..), withPosition , Position(..), withPosition
, Width(..), withWidth , Width(..), withWidth
@ -248,7 +248,7 @@ toggleTip { isOpen, onTrigger, extraButtonAttrs, label } tooltip_ =
20 20
in in
Nri.Ui.styled Html.div Nri.Ui.styled Html.div
"Nri-Ui-Tooltip-V1-ToggleTip" "Nri-Ui-Tooltip-V2-ToggleTip"
(tooltipContainerStyles (tooltipContainerStyles
++ [ -- Take up enough room within the document flow ++ [ -- Take up enough room within the document flow
Css.width (Css.px contentSize) Css.width (Css.px contentSize)
@ -346,7 +346,7 @@ viewTooltip_ :
-> Html msg -> Html msg
viewTooltip_ purpose { trigger, triggerHtml, onTrigger, isOpen, id, extraButtonAttrs } tooltip_ = viewTooltip_ purpose { trigger, triggerHtml, onTrigger, isOpen, id, extraButtonAttrs } tooltip_ =
Nri.Ui.styled Html.div Nri.Ui.styled Html.div
"Nri-Ui-Tooltip-V1" "Nri-Ui-Tooltip-V2"
tooltipContainerStyles tooltipContainerStyles
[] []
[ Html.button [ Html.button

View File

@ -15,7 +15,7 @@ import Html.Styled.Attributes exposing (css, href)
import KeyboardSupport exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Text.V4 as Text import Nri.Ui.Text.V4 as Text
import Nri.Ui.Tooltip.V1 as Tooltip import Nri.Ui.Tooltip.V2 as Tooltip
type TooltipType type TooltipType
@ -55,7 +55,7 @@ update msg model =
example : Example State Msg example : Example State Msg
example = example =
{ name = "Nri.Ui.Tooltip.V1" { name = "Nri.Ui.Tooltip.V2"
, categories = [ Widgets ] , categories = [ Widgets ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardSupport = [] , keyboardSupport = []

View File

@ -60,6 +60,7 @@
"Nri.Ui.TextArea.V4", "Nri.Ui.TextArea.V4",
"Nri.Ui.TextInput.V6", "Nri.Ui.TextInput.V6",
"Nri.Ui.Tooltip.V1", "Nri.Ui.Tooltip.V1",
"Nri.Ui.Tooltip.V2",
"Nri.Ui.UiIcon.V1" "Nri.Ui.UiIcon.V1"
] ]
} }