From da57bb4bbc92d05c58087919e05306ffae1c10a4 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Mon, 11 Jul 2022 10:18:08 -0700 Subject: [PATCH] Revert "Merge pull request #979 from NoRedInk/bat/svgs" This reverts commit f4fbe9d28352585bd7e5a9b4cfbd1070f41e744a, reversing changes made to c2b5300e5f712638e005b9998db778e3c689fafb. --- src/CheckboxIcons.elm | 37 +- src/Nri/Ui/Accordion/V1.elm | 3 - src/Nri/Ui/AssignmentIcon/V2.elm | 197 ++++- src/Nri/Ui/DisclosureIndicator/V2.elm | 47 +- src/Nri/Ui/Loading/V1.elm | 7 +- src/Nri/Ui/Logo/V1.elm | 95 +- src/Nri/Ui/MasteryIcon/V1.elm | 39 +- src/Nri/Ui/Message/V3.elm | 4 + src/Nri/Ui/Modal/V11.elm | 56 +- src/Nri/Ui/Pennant/V2.elm | 25 +- src/Nri/Ui/RadioButton/V4.elm | 9 +- src/Nri/Ui/Select/V8.elm | 69 +- src/Nri/Ui/SpriteSheet.elm | 184 ++++ src/Nri/Ui/Svg/V1.elm | 105 +-- src/Nri/Ui/Switch/V2.elm | 25 +- src/Nri/Ui/UiIcon/V1.elm | 816 +++++++++++++++--- styleguide-app/Examples.elm | 22 + styleguide-app/Examples/Accordion.elm | 11 +- styleguide-app/Examples/AssignmentIcon.elm | 119 ++- .../Examples/DisclosureIndicator.elm | 14 +- styleguide-app/Examples/IconExamples.elm | 289 +------ styleguide-app/Examples/Logo.elm | 170 ++-- styleguide-app/Examples/Pennant.elm | 55 +- styleguide-app/Examples/Sprite.elm | 54 +- styleguide-app/Examples/Svg.elm | 198 +++++ styleguide-app/Examples/UiIcon.elm | 376 ++++---- 26 files changed, 1999 insertions(+), 1027 deletions(-) create mode 100644 src/Nri/Ui/SpriteSheet.elm create mode 100644 styleguide-app/Examples/Svg.elm diff --git a/src/CheckboxIcons.elm b/src/CheckboxIcons.elm index a0d67c59..5708aa67 100644 --- a/src/CheckboxIcons.elm +++ b/src/CheckboxIcons.elm @@ -5,7 +5,6 @@ module CheckboxIcons exposing , unchecked ) -import Css import Nri.Ui.Colors.Extra exposing (toCssString) import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Svg.V1 exposing (Svg) @@ -22,7 +21,11 @@ unchecked idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Nri.Ui.Svg.V1.init viewBox + Svg.svg + [ SvgAttributes.width "27px" + , SvgAttributes.height "27px" + , SvgAttributes.viewBox viewBox + ] [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -76,8 +79,7 @@ unchecked idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.withWidth (Css.px 27) - |> Nri.Ui.Svg.V1.withHeight (Css.px 27) + |> Nri.Ui.Svg.V1.fromHtml checked : String -> Svg @@ -89,7 +91,11 @@ checked idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Nri.Ui.Svg.V1.init viewBox + Svg.svg + [ SvgAttributes.width "27px" + , SvgAttributes.height "27px" + , SvgAttributes.viewBox viewBox + ] [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -152,8 +158,7 @@ checked idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.withWidth (Css.px 27) - |> Nri.Ui.Svg.V1.withHeight (Css.px 27) + |> Nri.Ui.Svg.V1.fromHtml checkedPartially : String -> Svg @@ -165,7 +170,11 @@ checkedPartially idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Nri.Ui.Svg.V1.init viewBox + Svg.svg + [ SvgAttributes.width "27px" + , SvgAttributes.height "27px" + , SvgAttributes.viewBox viewBox + ] [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -227,8 +236,7 @@ checkedPartially idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.withWidth (Css.px 27) - |> Nri.Ui.Svg.V1.withHeight (Css.px 27) + |> Nri.Ui.Svg.V1.fromHtml viewBox : String @@ -262,7 +270,11 @@ lockOnInside idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Nri.Ui.Svg.V1.init viewBox + Svg.svg + [ SvgAttributes.width "27px" + , SvgAttributes.height "27px" + , SvgAttributes.viewBox viewBox + ] [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -345,5 +357,4 @@ lockOnInside idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.withWidth (Css.px 27) - |> Nri.Ui.Svg.V1.withHeight (Css.px 27) + |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/Accordion/V1.elm b/src/Nri/Ui/Accordion/V1.elm index acdb63e7..9cff4acb 100644 --- a/src/Nri/Ui/Accordion/V1.elm +++ b/src/Nri/Ui/Accordion/V1.elm @@ -21,7 +21,6 @@ import Html.Styled.Keyed import Nri.Ui.Colors.V1 as Colors import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator import Nri.Ui.Fonts.V1 as Fonts -import Nri.Ui.Svg.V1 as Svg {-| -} @@ -233,7 +232,6 @@ viewCaret expanded caret = [ marginRight (px 8) ] expanded - |> Svg.toHtml WhiteCaret -> DisclosureIndicator.large @@ -242,7 +240,6 @@ viewCaret expanded caret = [ Css.Global.everything [ color Colors.white ] ] ] expanded - |> Svg.toHtml NoneCaret -> text "" diff --git a/src/Nri/Ui/AssignmentIcon/V2.elm b/src/Nri/Ui/AssignmentIcon/V2.elm index fbe14559..716f3f36 100644 --- a/src/Nri/Ui/AssignmentIcon/V2.elm +++ b/src/Nri/Ui/AssignmentIcon/V2.elm @@ -63,14 +63,24 @@ import Svg.Styled.Attributes as Attributes {-| -} diagnostic : Nri.Ui.Svg.V1.Svg diagnostic = - Nri.Ui.Svg.V1.init "0 0 43.8 41" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 43.8 41" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M32.5,41c-1.1,0-2.1-0.4-2.9-1.1c-1.6-1.5-1.6-3.9-0.2-5.5c0,0,0,0,0,0l0.2-0.2c0.2-0.2,0.3-0.4,0.5-0.6H12.4l-0.1-0.1l0,0 l-0.1-0.1l0,0l-0.1-0.1l0,0L12,33l0,0c0,0,0-0.1,0-0.1l0,0c0,0,0-0.1,0-0.1v-0.1l0,0c0.1-0.9,0.5-1.8,1.2-2.4c0.9-0.8,1-2.2,0.1-3.1 c0,0-0.1-0.1-0.1-0.1c-1-0.9-2.6-0.9-3.6,0c-0.9,0.8-1,2.2-0.1,3.1l0.1,0.2c0.7,0.6,1.1,1.5,1.2,2.4c0.1,0.4-0.1,0.9-0.6,1 c0,0,0,0,0,0H10H0.8c-0.4,0-0.8-0.4-0.8-0.8v-11l0,0c0,0,0,0,0-0.1v-0.4l0.1-0.1h0.1h0.7c0.9,0.1,1.8,0.5,2.4,1.2 c0.4,0.5,1,0.7,1.6,0.7c0.6,0,1.2-0.3,1.6-0.7c0.9-1,0.9-2.6,0-3.7c-0.8-0.9-2.1-1-3-0.2c-0.1,0.1-0.1,0.1-0.2,0.2 c-0.6,0.7-1.5,1.2-2.5,1.2H0.2L0.1,20l0,0l-0.1-0.1l0,0L0,19.9l0,0v-0.1l0,0c0,0,0-0.1,0-0.1l0,0V8.2c0-0.4,0.4-0.8,0.8-0.8h8.1 C8.8,7.2,8.6,7,8.5,6.8C6.9,5.3,6.8,2.9,8.3,1.3l0.2-0.2c1.6-1.5,4.2-1.5,5.8,0c1.6,1.4,1.6,3.9,0.2,5.4l-0.2,0.2 c-0.2,0.2-0.3,0.4-0.5,0.6h17.7h0.1l0,0l0.1,0.1l0,0c0.2,0.2,0.2,0.4,0.2,0.7c-0.1,0.9-0.5,1.8-1.2,2.4c-0.9,0.9-1,2.3-0.1,3.3 c0,0,0.1,0.1,0.1,0.1c1,0.9,2.6,0.9,3.6,0c0.9-0.8,1-2.2,0.2-3.1l-0.2-0.1C33.5,10,33.1,9.2,33,8.3c0-0.1,0-0.2,0-0.2 c0-0.4,0.4-0.8,0.8-0.8H43c0.4,0,0.8,0.4,0.8,0.8v11c0,0,0,0.1,0,0.1l0,0v0.1l0,0v0.1l0,0l-0.1,0.1l0,0l-0.1,0.1l0,0l-0.1,0.1H43 c-0.9-0.1-1.8-0.5-2.4-1.2c-0.4-0.5-1-0.7-1.6-0.7c-0.6,0-1.2,0.3-1.6,0.7c-0.9,1-0.9,2.6,0,3.7c0.8,0.9,2.1,1,3,0.2 c0.1-0.1,0.2-0.1,0.2-0.2c0.6-0.6,1.5-1,2.4-1.1l0,0c0.4,0,0.8,0.3,0.8,0.8c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1v10.9 c0,0.4-0.4,0.8-0.8,0.8h-8.1c0.1,0.2,0.3,0.4,0.4,0.6c1.6,1.4,1.6,3.9,0.2,5.4l-0.2,0.2C34.6,40.6,33.5,41,32.5,41z M31.9,33 c-0.1,0.9-0.5,1.8-1.2,2.4c-0.9,0.8-1,2.2-0.2,3.1l0.2,0.2c1,0.9,2.6,0.9,3.6,0c0.9-0.8,1-2.2,0.2-3.1l-0.2-0.2 c-0.7-0.6-1.1-1.5-1.2-2.4c0-0.1,0-0.1,0-0.2c0-0.2,0.1-0.4,0.2-0.5l0,0l0.1-0.1l0,0l0.1-0.1h8.7V23c-0.2,0.1-0.4,0.3-0.6,0.5 c-1.3,1.5-3.7,1.7-5.2,0.3c-0.1-0.1-0.2-0.2-0.3-0.3c-1.5-1.7-1.5-4.2,0-5.9c1.4-1.5,3.7-1.7,5.2-0.3c0.1,0.1,0.2,0.2,0.3,0.3 c0.2,0.2,0.4,0.3,0.6,0.5V9h-7.3c0.1,0.3,0.3,0.6,0.5,0.8c1.6,1.4,1.6,3.9,0.2,5.4l-0.2,0.2c-1.6,1.5-4.2,1.5-5.8,0 C28,14,27.9,11.5,29.4,10l0.2-0.2C29.8,9.6,29.9,9.3,30,9h-7.3v8.8c0.2-0.1,0.4-0.3,0.6-0.5c1.4-1.5,3.7-1.7,5.2-0.3 c0.1,0.1,0.2,0.2,0.3,0.3c1.5,1.7,1.5,4.2,0,5.9c-0.7,0.8-1.7,1.2-2.8,1.2c-1.1,0-2.1-0.5-2.8-1.2c-0.2-0.2-0.4-0.3-0.6-0.5V32h8.4 c0.1,0,0.3,0.1,0.4,0.1l0,0l0.1,0.1l0,0v0.1v0.1l0,0c0.1,0.1,0.1,0.3,0.1,0.4C31.7,32.8,31.8,32.9,31.9,33L31.9,33z M21.1,32V21.7 l0,0c0-0.4,0.3-0.8,0.7-0.8c0,0,0,0,0,0H22c1,0.1,1.8,0.5,2.5,1.2c0.4,0.5,1,0.7,1.6,0.7c0.6,0,1.2-0.3,1.6-0.7c0.9-1,0.9-2.6,0-3.7 c-0.8-0.9-2.1-1-3-0.2c-0.1,0.1-0.1,0.1-0.2,0.2c-0.6,0.7-1.5,1.2-2.5,1.2h-0.1c-0.4,0-0.8-0.3-0.8-0.8c0,0,0-0.1,0-0.1l0,0V9h-8.4 c-0.4,0-0.8-0.4-0.8-0.8l0,0c0.1-1,0.5-1.9,1.2-2.5c0.9-0.8,1-2.2,0.1-3.1l-0.1-0.1c-1-0.9-2.6-0.9-3.6,0c-0.9,0.8-1,2.2-0.1,3.1 l0.1,0.1c0.7,0.6,1.1,1.4,1.2,2.3c0,0.1,0,0.1,0,0.2C10.8,8.6,10.4,9,10,9H1.6v9c0.2-0.1,0.4-0.3,0.6-0.5c1.4-1.5,3.7-1.7,5.2-0.3 c0.1,0.1,0.2,0.2,0.3,0.3c1.5,1.7,1.5,4.2,0,5.9C7,24.2,6,24.7,5,24.7c-1.1,0-2.1-0.5-2.8-1.2c-0.2-0.2-0.4-0.3-0.6-0.5v9H9 c-0.1-0.2-0.3-0.4-0.5-0.6c-1.6-1.4-1.6-3.9-0.2-5.4l0.2-0.2c1.6-1.5,4.2-1.5,5.8,0c1.6,1.4,1.6,3.9,0.2,5.4l-0.2,0.2 c-0.2,0.2-0.3,0.4-0.5,0.6L21.1,32z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} peerReview : Nri.Ui.Svg.V1.Svg peerReview = - Nri.Ui.Svg.V1.init "0 0 57 58" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 57 58" + ] [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -80,19 +90,30 @@ peerReview = , Svg.path [ Attributes.d "M33.073 43.288V31.972l.065.044c.815.47 1.84.55 2.758.079 1.468-.755 1.951-2.549 1.228-3.963l-2.217-4.32h4.398c.722 0 1.336.464 1.558 1.11.053.072.103.149.147.232l2.476 4.825c.373.728.108 1.612-.593 1.97-.7.362-1.572.06-1.947-.667l-1.261-2.46v3.725c0 .048-.002.095-.007.143V43.288h-2.967v-9.093h-.75v9.093h-2.888zm.37-23.648a2.951 2.951 0 1 1 5.902 0 2.953 2.953 0 0 1-2.951 2.952 2.953 2.953 0 0 1-2.952-2.952zM52.869 45.376c.773-.062 1.091.482 1.13.966.038.483-.191 1.072-.965 1.133l-4.29.343c-.01 0-.02-.005-.032-.004-.017.005-.035.012-.052.013-.483.038-1.07-.192-1.13-.968l-.342-4.303a1.053 1.053 0 0 1 .962-1.133 1.052 1.052 0 0 1 1.13.966l.155 1.953c6.516-8.931 6.1-23.482-1.259-31.686-.599-.663-.442-1.286-.099-1.634.336-.344.997-.505 1.661.226 8.007 8.926 8.49 24.528 1.453 34.262l1.678-.134zm-6.36-37.96c.004.018.011.035.012.053.039.484-.19 1.068-.966 1.13l-4.305.343a1.054 1.054 0 0 1-1.132-.963 1.051 1.051 0 0 1 .964-1.13l1.955-.155C34.105.178 19.554.593 11.35 7.954c-.662.6-1.285.441-1.633.097-.345-.335-.506-.994.227-1.66 8.925-8.008 24.527-8.489 34.26-1.452l-.133-1.678c-.062-.774.481-1.092.965-1.13.485-.04 1.072.19 1.133.963l.344 4.292c0 .01-.004.02-.004.03zm-.573 42.24c.343.34.503 1.001-.227 1.668-8.898 8.032-24.453 8.514-34.157 1.457l.133 1.683c.062.775-.479 1.094-.961 1.134-.483.038-1.068-.192-1.13-.967l-.342-4.304c-.001-.012.004-.022.003-.033-.002-.017-.011-.035-.012-.052-.039-.485.192-1.072.963-1.133l4.292-.343a1.052 1.052 0 0 1 .168 2.098l-1.932.154c8.905 6.53 23.398 6.119 31.573-1.26.66-.602 1.282-.445 1.63-.101zM6.848 15.622l-.154-1.954C.178 22.598.594 37.15 7.953 45.352c.6.663.442 1.288.099 1.634-.335.345-.996.506-1.66-.227-8.008-8.925-8.49-24.526-1.453-34.26l-1.679.134c-.772.062-1.091-.482-1.13-.966-.038-.485.19-1.071.964-1.133l4.292-.343c.01-.001.02.003.03.003.019 0 .036-.01.054-.012.483-.037 1.068.192 1.13.966l.342 4.306a1.052 1.052 0 0 1-.964 1.131 1.052 1.052 0 0 1-1.13-.964z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} practice : Nri.Ui.Svg.V1.Svg practice = - Nri.Ui.Svg.V1.init "0 0 42.1 42" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 42.1 42" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M36.1,9.5l-1.9-0.3l2.9-2.9L39,6.6L36.1,9.5z M20.5,40c-3.7,0-7.2-1.1-10.3-3.1c-0.3-0.2-0.6-0.2-0.9-0.1l-6.7,2.5l2.5-6.7 c0.1-0.3,0.1-0.6-0.1-0.9c-5.7-8.5-3.4-20,5.1-25.6c6-4,13.7-4.2,19.9-0.5L26.7,9c-6.9-3.4-15.3-0.6-18.8,6.3s-0.6,15.3,6.3,18.8 c6.9,3.4,15.3,0.6,18.8-6.3c2-3.9,2-8.6,0-12.5l3.3-3.3c5.3,8.7,2.5,20.1-6.2,25.4C27.2,39.1,23.9,40,20.5,40z M31.5,14l-1.9-0.3 l2.9-2.9l1.9,0.3L31.5,14z M31.1,9.5l-2.9,2.9L28,10.5l2.9-2.9L31.1,9.5z M26.1,21.5c0,3.1-2.5,5.5-5.5,5.5c-3.1,0-5.5-2.5-5.5-5.5 c0-3.1,2.5-5.5,5.5-5.5c1.1,0,2.2,0.3,3.2,1l-3.4,3.4c-0.6,0.2-1,0.8-0.8,1.4c0.2,0.6,0.8,1,1.4,0.8c0.4-0.1,0.7-0.4,0.8-0.8 l3.4-3.4C25.7,19.3,26,20.4,26.1,21.5z M26.1,10.9l0.5,3.2l-1.5,1.5c-3.3-2.5-8-1.9-10.5,1.4c-2.5,3.3-1.9,8,1.4,10.5 s8,1.9,10.5-1.4c2.1-2.7,2.1-6.4,0-9.1l1.5-1.5l3.2,0.5c3.1,5.9,0.8,13.1-5,16.2c-5.9,3.1-13.1,0.8-16.2-5s-0.8-13.1,5-16.2 C18.4,9.1,22.6,9.1,26.1,10.9z M35.5,3l0.3,1.9l-2.9,2.9l-0.3-1.9L35.5,3z M42,5.5c-0.1-0.3-0.4-0.6-0.8-0.7l-3.5-0.5l-0.5-3.6 C37,0.3,36.5-0.1,36,0c-0.2,0-0.4,0.1-0.5,0.2l-4,4C22-1.8,9.4,0.9,3.3,10.4c-4.3,6.7-4.3,15.4,0,22.1l-3.1,8.2 c-0.2,0.5,0.1,1.1,0.7,1.2c0.1,0,0.2,0,0.3,0c0.1,0,0.2,0,0.3-0.1l8.2-3.1c9.5,6,22.2,3.2,28.2-6.4c4.2-6.7,4.2-15.2,0-21.9l4-4 C42,6.3,42.1,5.9,42,5.5L42,5.5z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} quiz : Nri.Ui.Svg.V1.Svg quiz = - Nri.Ui.Svg.V1.init "0 0 50 46" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 50 46" + ] [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -107,12 +128,17 @@ quiz = , Svg.path [ Attributes.d "M14.4982462,30.7732774 C13.3880502,30.7732774 12.480244,29.8572716 12.478279,28.7330826 C12.478279,27.6128591 13.3821554,26.6988359 14.4923514,26.6988359 L47.6862288,26.6988359 C49.1756598,26.6988359 49.704231,27.7952671 49.704231,28.737048 C49.704231,29.6748635 49.1756598,30.7732774 47.6862288,30.7732774 L14.4982462,30.7732774 Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} quickWrite : Nri.Ui.Svg.V1.Svg quickWrite = - Nri.Ui.Svg.V1.init "0 0 48 37" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 48 37" + ] [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -123,32 +149,49 @@ quickWrite = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} guidedDraft : Nri.Ui.Svg.V1.Svg guidedDraft = - Nri.Ui.Svg.V1.init "0 0 98 72" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 98 72" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M97.801,68.699 L97.80078,68.699 C98.10156,69.3006 98,69.9998 97.60156,70.4998 C97.30076,70.9998 96.70312,71.30058 96.10156,71.30058 L1.800561,71.30058 C1.199001,71.30058 0.601341,70.9998 0.300561,70.4998 C-0.0002189,69.8982 -0.1017789,69.30056 0.199001,68.699 L18.5,28.597 C18.8008,27.89384 19.49998,27.4954 20.1992,27.4954 L41.6992,27.4954 L44.3984,32.6946 C45.1992,34.4914 47,35.593 49,35.593 C50.9024,35.593 52.70316,34.4954 53.6016,32.6946 C53.8008,32.3938 54.9024,30.1946 56.3008,27.4954 L77.8008,27.4954 C78.60156,27.4954 79.19922,27.89778 79.5,28.597 L97.801,68.699 Z M24.60201,47.801 L25.80121,47.801 C26.90277,47.801 27.80121,46.9026 27.80121,45.801 C27.80121,44.69944 26.90281,43.801 25.80121,43.801 L24.60201,43.801 C23.50045,43.801 22.60201,44.6994 22.60201,45.801 C22.60201,46.90256 23.5004,47.801 24.60201,47.801 Z M33.8012,56.1018 L33.80124,56.10174 C34.10206,55.39864 33.69967,54.69943 33.00436,54.39474 C32.9028,54.39474 32.50436,54.19552 32.4028,54.19552 C31.0044,53.49632 29.7036,52.59792 28.7036,51.29712 C28.60594,51.29712 28.40672,50.89868 28.30516,50.79712 C27.90276,50.19556 27.10592,50.0979 26.50436,50.49634 C25.9028,50.89874 25.80514,51.69558 26.20358,52.29714 C26.30514,52.3987 26.70358,52.79714 26.70358,52.8987 C27.90278,54.5979 29.50438,55.79712 31.40278,56.5979 C31.50434,56.5979 32.102,56.89868 32.20356,56.89868 C32.30122,57.00024 32.50044,57.00024 32.602,57.00024 C33.10198,57.00024 33.60198,56.6018 33.8012,56.1018 Z M45.1022,55.80102 L45.10208,55.80104 C45.69974,55.50024 46.00052,54.69944 45.50052,54.19944 C45.19972,53.59788 44.40288,53.39866 43.80132,53.69944 C43.69976,53.801 43.19976,54.00022 43.19976,54.00022 C42.00056,54.60182 40.69976,54.9026 39.19976,55.10182 C39.00056,55.10182 37.90292,55.20338 37.80136,55.20338 C37.10216,55.20338 36.60216,55.80496 36.60216,56.50418 C36.60216,57.20338 37.20374,57.70338 37.90296,57.70338 C37.90296,57.70338 38.60218,57.60182 38.70374,57.60182 C39.00062,57.60182 39.3014,57.50026 39.60218,57.50026 C41.40298,57.30106 43.00458,56.89868 44.40298,56.19946 C44.40298,56.1018 45.00064,55.90258 45.1022,55.80102 Z M53.3014,46.19942 L53.30152,46.19942 C53.69995,45.60172 53.50073,44.80094 53.00464,44.59782 C52.40304,44.19938 51.60228,44.29704 51.20384,44.8986 C51.10618,45.00016 50.8054,45.3986 50.8054,45.50016 C50.40302,46.00016 50.00458,46.5978 49.7038,47.19936 C49.1022,48.10176 48.50456,49.10172 47.903,50.00016 C47.903,50.00016 47.60612,50.3986 47.50456,50.50016 C47.00456,51.10176 47.10222,51.90252 47.70378,52.30096 C48.00456,52.50018 48.20378,52.60174 48.50456,52.60174 C48.903,52.60174 49.20378,52.40252 49.50456,52.10174 C49.60612,52.00018 50.00456,51.60174 50.00456,51.50018 C50.70376,50.50018 51.3014,49.50018 51.90296,48.50018 C52.20374,47.90258 52.60218,47.30098 52.90296,46.80098 C53.00062,46.69942 53.19984,46.30098 53.3014,46.19942 Z M62.6022,41.60172 L62.60202,41.6018 C63.30125,41.6018 63.89891,41.00019 64.09422,40.5041 C64.09422,39.80486 63.49264,39.2033 62.79342,39.2033 L61.99264,39.2033 C61.19584,39.2033 60.39502,39.30096 59.59424,39.40252 C58.29744,39.60174 57.19584,39.90252 56.19584,40.40252 C56.19584,40.40252 55.59818,40.6994 55.49662,40.80096 C54.89506,41.10176 54.59818,41.8986 54.99662,42.50016 C55.19978,42.9025 55.69978,43.10172 56.09822,43.10172 C56.30134,43.10172 56.50056,43.00406 56.69978,42.9025 C56.69978,42.80094 57.19978,42.60172 57.19978,42.60172 C58.00058,42.19938 58.80138,41.9025 59.80138,41.80094 C60.50458,41.70328 61.20376,41.60172 61.90298,41.60172 L62.6022,41.60172 Z M67.3014,42.50016 L67.3014,42.50026 C67.39906,42.50026 67.8014,42.80104 67.8014,42.9026 C69.8014,43.9026 70.70376,45.30102 71.1022,46.1018 C71.1022,46.19946 71.30142,46.50024 71.30142,46.50024 C71.50062,47.00024 72.00062,47.30102 72.50062,47.30102 C72.59828,47.30102 72.7975,47.30102 72.89906,47.19946 C73.59828,46.99626 73.89906,46.29708 73.69984,45.59786 C73.69984,45.59786 73.39906,45.0002 73.39906,44.89864 C72.89906,43.89864 71.59826,41.99624 69.09826,40.59784 C69.09826,40.50018 68.5006,40.30096 68.39904,40.1994 C67.80144,39.90252 67.00062,40.1994 66.69984,40.80096 C66.40296,41.39856 66.69984,42.19938 67.3014,42.50016 Z M76.6998,56.00016 L76.69974,56.00016 C77.19974,55.39866 77.19974,54.60177 76.49662,54.09786 L74.79742,52.59786 L76.19582,50.89866 C76.59816,50.39866 76.4966,49.59786 75.9966,49.09786 C75.4966,48.69552 74.6958,48.79708 74.1958,49.29708 L72.895,50.89868 L71.4966,49.59788 C70.9966,49.09788 70.1958,49.19944 69.6958,49.69944 C69.1958,50.19944 69.29736,51.00024 69.79736,51.50024 L71.29736,52.89864 L69.89896,54.59784 C69.49662,55.09784 69.59818,55.89864 70.09818,56.39864 C70.2974,56.59786 70.59818,56.69942 70.89896,56.69942 C71.2974,56.69942 71.59818,56.5002 71.89896,56.19942 L73.19976,54.59782 L74.80136,56.09782 C75.09824,56.29704 75.39902,56.3986 75.6998,56.3986 C76.09824,56.3986 76.39902,56.30094 76.6998,56.00016 Z" ] [] , Svg.path [ Attributes.d "M47.602,31.199 L47.6023,31.1986 C47.6023,31.1986 42.2,20.6008 39.7,15.6946 C37.2,10.7966 39.2,4.3982 44.3016,1.7966 C49.3988,-0.801 55.598,1.2966 58.1996,6.3982 C59.6996,9.3982 59.6996,12.8006 58.1996,15.699 C56.6996,18.699 50.3012,31.199 50.3012,31.199 C49.8012,32.3006 48.20356,32.3006 47.602,31.199 Z M49.0004,5.601 C46.0004,5.601 43.602,8.101 43.602,10.9994 C43.602,13.9994 46.0004,16.3978 49.0004,16.3978 C52.0004,16.3978 54.3988,13.9994 54.3988,10.9994 C54.3988,7.9994 52.0004,5.601 49.0004,5.601 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} selfReview : Nri.Ui.Svg.V1.Svg selfReview = - Nri.Ui.Svg.V1.init "0 -7 64 84" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 -7 64 84" + ] [ Svg.path [ Attributes.d "M62.16365,17.60935 C62.57365,17.60935 62.97265,17.76935 63.26565,18.06235 C63.55865,18.35535 63.72265,18.75035 63.72565,19.16435 C63.72565,38.98435 50.33265,55.21435 33.56165,56.16835 L33.56165,73.66435 L40.98365,73.66435 C41.84765,73.66435 42.54665,74.36335 42.54665,75.22635 C42.54665,76.08935 41.84765,76.78935 40.98365,76.78935 L22.82065,76.78935 C21.95665,76.78935 21.25765,76.08935 21.25765,75.22635 C21.25765,74.36335 21.95665,73.66435 22.82065,73.66435 L30.43765,73.66435 L30.43765,56.16835 C13.66465,55.21435 0.27365,38.98835 0.27365,19.16435 C0.27765,18.75035 0.44165,18.35535 0.73465,18.06235 C1.02765,17.76935 1.42565,17.60935 1.83565,17.60935 L8.17165,17.60935 L8.17165,20.73435 L3.42965,20.73435 C4.12065,38.70335 16.67165,53.10535 31.99965,53.10535 C47.32765,53.10535 59.87865,38.70335 60.56965,20.73435 L55.43665,20.73435 L55.43665,17.60935 L62.16365,17.60935 Z", Attributes.fill "currentcolor" ] [] , Svg.path [ Attributes.d "M31.99955,37.54295 C23.45655,37.54295 16.50755,29.24195 16.50755,19.03495 C16.50755,8.83195 23.45655,0.52695 31.99955,0.52695 C40.54255,0.52695 47.49155,8.83195 47.49155,19.03495 C47.49155,29.23795 40.54255,37.54295 31.99955,37.54295 Z M35.83955,15.34395 L35.83955,15.34795 C36.44855,14.73495 36.44855,13.74695 35.83955,13.13695 C35.22655,12.52795 34.23755,12.52795 33.62855,13.13695 L27.34755,19.41795 C26.73755,20.02795 26.73755,21.01595 27.34755,21.62595 C27.96055,22.23895 28.94855,22.23895 29.55855,21.62595 L35.83955,15.34395 Z M20.73755,12.80495 C20.12755,13.41795 20.12755,14.40695 20.73755,15.01595 C21.34655,15.62595 22.33855,15.62595 22.94855,15.01595 L29.22955,8.73895 C29.83855,8.12595 29.83855,7.13695 29.22955,6.52795 C28.61655,5.91795 27.62755,5.91795 27.01855,6.52795 L20.73755,12.80495 Z M21.83855,18.31295 L21.83855,18.31695 C21.22955,18.92595 21.22955,19.91495 21.83855,20.52395 C22.44855,21.13695 23.44055,21.13695 24.04955,20.52395 L34.73755,9.83995 C35.34755,9.23095 35.34755,8.23795 34.73755,7.62895 C34.12855,7.01995 33.13655,7.01995 32.52655,7.62895 L21.83855,18.31295 Z", Attributes.fill "currentcolor" ] [] , Svg.mask [ Attributes.fill "currentcolor" ] [ Svg.path [ Attributes.d "M31.99955,44.85935 C20.03055,44.85935 10.29255,33.27335 10.29255,19.03535 C10.29255,4.79735 20.03055,-6.78865 31.99955,-6.78865 C43.96855,-6.78865 53.70655,4.79735 53.70655,19.03535 C53.70655,33.27335 43.96855,44.85935 31.99955,44.85935 Z M31.99955,-2.59765 C21.73355,-2.59765 13.38255,7.10535 13.38255,19.03535 C13.38255,30.96435 21.73355,40.66835 31.99955,40.66835 C42.26555,40.66835 50.61655,30.96535 50.61655,19.03535 C50.61655,7.10535 42.26555,-2.59765 31.99955,-2.59765 Z" ] [] ] , Svg.path [ Attributes.d "M31.99955,44.85935 C20.03055,44.85935 10.29255,33.27335 10.29255,19.03535 C10.29255,4.79735 20.03055,-6.78865 31.99955,-6.78865 C43.96855,-6.78865 53.70655,4.79735 53.70655,19.03535 C53.70655,33.27335 43.96855,44.85935 31.99955,44.85935 Z M31.99955,-2.59765 C21.73355,-2.59765 13.38255,7.10535 13.38255,19.03535 C13.38255,30.96435 21.73355,40.66835 31.99955,40.66835 C42.26555,40.66835 50.61655,30.96535 50.61655,19.03535 C50.61655,7.10535 42.26555,-2.59765 31.99955,-2.59765 Z", Attributes.fill "currentcolor" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} submitting : Nri.Ui.Svg.V1.Svg submitting = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 25" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.fillOpacity ".5" , Attributes.d "M0 1.875v1.406h22.5V1.875H0zm0 3.867v1.406h24.32V5.742H0zM0 9.61v1.407h15.117V9.609H0zm0 5.625v1.407h24.32v-1.407H0zm0 3.868v1.406h23.125v-1.406H0zm0 3.867v1.406h13.75v-1.406H0z" @@ -164,24 +207,36 @@ submitting = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} rating : Nri.Ui.Svg.V1.Svg rating = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 25" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M4.961 19.785h-1.59C1.526 19.785 0 18.258 0 16.415V6.079c0-1.845 1.527-3.371 3.371-3.371H13.77c.318 0 .573.255.573.573a.571.571 0 0 1-.573.573H3.37c-1.21 0-2.195.986-2.195 2.195v10.336c0 1.21.986 2.195 2.195 2.195h2.194c.318 0 .574.255.574.573v3.56l4.165-4.006a.604.604 0 0 1 .415-.159h9.603c.891 0 1.718-.573 2.067-1.4a.586.586 0 0 1 .764-.318.586.586 0 0 1 .318.764 3.425 3.425 0 0 1-3.149 2.13h-9.35l-4.992 4.77a.604.604 0 0 1-.415.16c-.062 0-.159 0-.221-.032-.257-.035-.383-.257-.383-.48v-4.357zm20.036-11.99v.159l-.923 5.724c-.19 1.463-1.24 2.323-2.8 2.323h-6.806a2.36 2.36 0 0 1-1.652-.668c-.19.16-.446.255-.733.255H9.857a1.14 1.14 0 0 1-1.144-1.144V7.319a1.14 1.14 0 0 1 1.144-1.144h2.226c.35 0 .636.159.858.381h.032c.096-.032 2.513-.732 2.513-2.766V1.024c0-.255.159-.477.413-.54.064-.032 1.463-.446 2.482.318.636.477.985 1.272.985 2.385v2.29h3.212c1.368-.067 2.419.983 2.419 2.318zm-12.88-.509H9.922v7.124h2.195V7.286zm11.733.509c0-.7-.54-1.24-1.24-1.24h-3.785a.572.572 0 0 1-.573-.574V3.12c0-.699-.16-1.209-.509-1.431-.318-.222-.732-.255-1.017-.222v2.289c0 2.925-3.212 3.848-3.339 3.88h-.032v5.946c0 .667.54 1.24 1.241 1.24h6.806c1.494 0 1.622-.985 1.653-1.303v-.032l.795-5.691z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} revising : Nri.Ui.Svg.V1.Svg revising = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 25" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M23.056 12.001h.58C23.637 5.893 18.64.926 12.5.926a11.169 11.169 0 0 0-10.214 6.66L0 7.128 1.652 12 5.07 8.142l-2.206-.44C4.93 3.184 9.831.71 14.668 1.74c4.837 1.03 8.32 5.291 8.388 10.261zM12.5 23.49a10.593 10.593 0 0 0 9.637-6.215l-2.206-.441 3.417-3.858L25 17.845l-2.286-.457a11.169 11.169 0 0 1-10.214 6.66c-6.14 0-11.137-4.968-11.137-11.073h.581c.03 5.833 4.754 10.537 10.556 10.514z" ] @@ -201,32 +256,41 @@ revising = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} startPrimary : Nri.Ui.Svg.V1.Svg startPrimary = - Nri.Ui.Svg.V1.init "0 0 50 50" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 50 50" + ] [ Svg.path [ Attributes.fill "currentcolor", Attributes.d "M0,24.9999988 C0,38.8087481 11.19375,50 25,50 C38.80875,50 50,38.8087481 50,24.9999988 C50,11.1937494 38.80625,0 25,0 C11.19375,0 0,11.1937494 0,24.9999988 Z" ] [] , Svg.path [ Attributes.fill "#fff", Attributes.d "M21.0869565,33.8146977 C20.6577447,34.0617674 20.1248751,34.0617674 19.6956522,33.8146977 C19.2664403,33.5683165 19,33.1074898 19,32.61405 L19,17.38595 C19,16.889723 19.2664403,16.4316724 19.6956522,16.1853023 C20.1248751,15.9382326 20.6577447,15.9382326 21.0869565,16.1853023 L34.3043478,23.8007347 C34.7335708,24.0478044 35,24.5051666 35,25.002082 C35,25.4955219 34.7363534,25.9535725 34.3043478,26.1999537 L21.0869565,33.8146977 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} startSecondary : Nri.Ui.Svg.V1.Svg startSecondary = - Nri.Ui.Svg.V1.init "0 60 50 51" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 60 50 51" + , Attributes.fill "#fff" + ] [ Svg.g [ Attributes.transform "translate(0.000000, 60.000000)" ] [ Svg.path [ Attributes.d "M0,25.3650791 C0,39.1738284 11.19375,50.3650803 25,50.3650803 C38.80875,50.3650803 50,39.1738284 50,25.3650791 C50,11.5588298 38.80625,0.365080324 25,0.365080324 C11.19375,0.365080324 0,11.5588298 0,25.3650791 Z" - , Attributes.fill "#fff" ] [] , Svg.path [ Attributes.stroke "currentcolor" , Attributes.strokeWidth "3" , Attributes.d "M1.5,25.3650791 C1.5,38.3445152 12.021291,48.8650803 25,48.8650803 C37.9803224,48.8650803 48.5,38.3454018 48.5,25.3650791 C48.5,12.3872569 37.9778229,1.86508032 25,1.86508032 C12.0221771,1.86508032 1.5,12.3872569 1.5,25.3650791 Z" - , Attributes.fill "none" ] [] , Svg.path @@ -236,12 +300,18 @@ startSecondary = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} assessment : Nri.Ui.Svg.V1.Svg assessment = - Nri.Ui.Svg.V1.init "0 0 70 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -251,30 +321,43 @@ assessment = , Svg.path [ Attributes.d "M49.6798336,22.361242 L49.6798336,49.872327 C49.6798336,52.4829181 47.5635314,54.5992203 44.9529404,54.5992203 C42.3423493,54.5992203 40.2260471,52.4829181 40.2260471,49.872327 L40.2260471,22.361242 L40.2260471,22.361242 L36.2823138,22.361242 L45.0305583,13.1240141 L53.6231562,22.361242 L49.6798336,22.361242 Z", Attributes.fill "#FFFFFF" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} practiceCircled : Nri.Ui.Svg.V1.Svg practiceCircled = - Nri.Ui.Svg.V1.init "0 0 71 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 71 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M70,35 C70,15.67 54.33,0 35,0 C15.67,0 0,15.67 0,35 C0,54.33 15.67,70 35,70 C54.33,70 70,54.33 70,35 Z", Attributes.fill "currentcolor" ] [] , Svg.path [ Attributes.d "M56.9478,17.876 C56.8298,17.527 56.5288,17.271 56.1598,17.22 L52.5988,16.712 L52.0918,13.151 C52.0368,12.785 51.7828,12.48 51.4348,12.362 C51.0868,12.244 50.6978,12.335 50.4378,12.6 L46.4298,16.607 C43.1488,14.518 39.3778,13.4 35.4578,13.4 C24.1788,13.4 15.0028,22.577 15.0028,33.856 C15.0028,37.719 16.1048,41.483 18.1928,44.773 L15.0668,52.992 C14.9318,53.352 15.0168,53.757 15.2908,54.027 C15.4768,54.214 15.7268,54.312 15.9808,54.312 C16.0988,54.312 16.2138,54.291 16.3248,54.247 L24.5438,51.122 C27.8308,53.208 31.5948,54.312 35.4618,54.312 C46.7408,54.312 55.9168,45.136 55.9168,33.856 C55.9168,29.933 54.8008,26.161 52.7108,22.881 L56.7188,18.873 C56.9718,18.612 57.0628,18.228 56.9478,17.876 L56.9478,17.876 Z M50.4378,15.353 L50.7048,17.226 L47.8158,20.114 L47.5498,18.237 L50.4378,15.353 Z M41.0218,23.213 L41.4848,26.445 L39.9968,27.934 C38.7388,26.967 37.1658,26.382 35.4578,26.382 C31.3418,26.382 27.9898,29.733 27.9898,33.85 C27.9898,37.966 31.3418,41.317 35.4578,41.317 C39.5738,41.317 42.9258,37.966 42.9258,33.85 C42.9258,32.142 42.3438,30.568 41.3738,29.311 L42.8618,27.822 L46.0978,28.282 C46.9938,29.994 47.4708,31.904 47.4708,33.85 C47.4708,40.475 42.0838,45.862 35.4578,45.862 C28.8328,45.862 23.4448,40.475 23.4448,33.85 C23.4448,27.224 28.8358,21.836 35.4578,21.836 C37.3988,21.843 39.3138,22.32 41.0218,23.213 L41.0218,23.213 Z M40.9748,33.856 C40.9748,36.9 38.4988,39.376 35.4548,39.376 C32.4098,39.376 29.9348,36.9 29.9348,33.856 C29.9348,30.812 32.4098,28.337 35.4548,28.337 C36.6258,28.337 37.7108,28.705 38.6038,29.327 L35.1748,32.757 C34.6828,32.882 34.3188,33.325 34.3188,33.853 C34.3188,34.479 34.8258,34.989 35.4548,34.989 C35.9858,34.989 36.4288,34.624 36.5538,34.13 L39.9838,30.7 C40.6058,31.6 40.9748,32.686 40.9748,33.856 L40.9748,33.856 Z M46.0948,21.839 L43.2068,24.728 L42.9398,22.851 L45.8278,19.962 L46.0948,21.839 Z M46.4598,26.371 L44.5868,26.105 L47.4748,23.216 L49.3488,23.482 L46.4598,26.371 Z M35.4578,52.363 C31.8118,52.363 28.2638,51.277 25.1998,49.225 C24.9368,49.049 24.6078,49.012 24.3098,49.123 L17.6538,51.653 L20.1838,45 C20.2958,44.706 20.2588,44.374 20.0828,44.111 C18.0298,41.044 16.9438,37.499 16.9438,33.853 C16.9438,23.648 25.2468,15.346 35.4508,15.346 C38.8538,15.346 42.1348,16.269 45.0128,18.015 L41.6718,21.355 C39.7468,20.398 37.6158,19.892 35.4508,19.892 C27.7538,19.892 21.4898,26.154 21.4898,33.853 C21.4898,41.551 27.7538,47.814 35.4508,47.814 C43.1488,47.814 49.4128,41.551 49.4128,33.853 C49.4128,31.688 48.9058,29.554 47.9478,27.63 L51.2898,24.288 C53.0348,27.169 53.9578044,30.45 53.9578044,33.853 C53.9648,44.06 45.6618,52.363 35.4578,52.363 L35.4578,52.363 Z M51.0698,21.762 L49.1958,21.495 L52.0848,18.606 L53.9578,18.873 L51.0698,21.762 Z", Attributes.fill "#FFFFFF" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} standards : Nri.Ui.Svg.V1.Svg standards = - Nri.Ui.Svg.V1.init "0 0 70 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.circle [ Attributes.fill "#FFFFFF", Attributes.cx "35", Attributes.cy "35", Attributes.r "27" ] [] , Svg.path [ Attributes.d "M35,0 C25.7166,0 16.814,3.68865 10.2515,10.2515 C3.689,16.81435 0,25.7173 0,35 C0,44.2827 3.68865,53.186 10.2515,59.7485 C16.81435,66.311 25.7173,70 35,70 C44.2827,70 53.186,66.31135 59.7485,59.7485 C66.311,53.18565 70,44.2827 70,35 C70,25.7173 66.31135,16.8161 59.7485,10.2515 C53.186,3.689 44.2827,0 35,0 Z M16.47751,48.90186 C15.922431,47.56472 16.228681,46.02255 17.25136,44.99992 C18.27672,43.97456 19.81623,43.66831 21.1533,44.22334 C22.49317,44.778419 23.36544,46.08268 23.36544,47.53196 C23.36544,48.48081 22.988098,49.3913 22.31544,50.064 C21.645519,50.733921 20.73498,51.11127 19.7834,51.11127 C18.33692,51.11127 17.02988,50.23893 16.47751,48.90186 Z M16.47751,36.37046 C15.922431,35.03332 16.228681,33.49388 17.25136,32.46852 C18.27672,31.44589 19.81623,31.13964 21.1533,31.69194 C22.49317,32.247019 23.36544,33.55128 23.36544,35.00056 C23.36544,35.94941 22.988098,36.8599 22.31544,37.5326 C21.645519,38.202521 20.73498,38.57987 19.7834,38.57987 C18.33692,38.57987 17.02988,37.70753 16.47751,36.37046 Z M16.47751,23.83899 C15.922431,22.50185 16.228681,20.96241 17.25136,19.93705 C18.27672,18.91442 19.81623,18.60817 21.1533,19.1632 C22.49317,19.715542 23.36544,21.02254 23.36544,22.46909 C23.36544,23.42067 22.988098,24.33123 22.31544,25.00113 C21.645519,25.673788 20.73498,26.05113 19.7834,26.05113 C18.33692,26.05113 17.02988,25.17886 16.47751,23.83899 Z M30.5242,51.11183 C28.54999,51.1091 26.94762,49.50673 26.94762,47.53252 C26.94762,45.55558 28.54999,43.95321 30.5242,43.95048 L50.2173,43.95048 C51.16615,43.95048 52.07944,44.327822 52.75207,44.99775 C53.421991,45.670408 53.80207,46.58094 53.80207,47.53252 C53.80207,48.48137 53.421991,49.39466 52.75207,50.06456 C52.079412,50.737218 51.16615,51.11183 50.2173,51.11183 L30.5242,51.11183 Z M50.2145,38.5777 L30.5242,38.58043 C28.54726,38.58043 26.94489,36.97806 26.94489,35.00112 C26.94489,33.02418 28.54726,31.42181 30.5242,31.42181 L50.2173,31.42181 C52.19424,31.42181 53.79661,33.02418 53.79661,35.00112 C53.79661,36.97806 52.19424,38.58043 50.2173,38.58043 L50.2145,38.5777 Z M50.2145,26.0463 L30.5242,26.051767 C28.54999,26.04903 26.94762,24.446667 26.94762,22.469727 C26.94762,20.495517 28.54999,18.893147 30.5242,18.890417 L50.2173,18.890417 C51.16615,18.890417 52.07944,19.265029 52.75207,19.937687 C53.421991,20.607608 53.80207,21.520877 53.80207,22.469727 C53.80207,23.421307 53.421991,24.331867 52.75207,25.004497 C52.079412,25.674418 51.16615,26.051767 50.2173,26.051767 L50.2145,26.0463 Z", Attributes.fill "currentcolor" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} @@ -293,7 +376,12 @@ modules = fullWidthStr = String.fromFloat fullWidth in - Nri.Ui.Svg.V1.init ("0 0 " ++ fullWidthStr ++ " " ++ fullWidthStr) + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox <| "0 0 " ++ fullWidthStr ++ " " ++ fullWidthStr + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -305,12 +393,18 @@ modules = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} writing : Nri.Ui.Svg.V1.Svg writing = - Nri.Ui.Svg.V1.init "0 0 70 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,69.3211972 C54.33,69.3211972 70,53.8719014 70,34.8141549 C70,15.7564085 54.33,0.307112676 35,0.307112676 C15.67,0.307112676 0,15.7564085 0,34.8141549 C0,53.8719014 15.67,69.3211972 35,69.3211972", Attributes.fill "currentcolor" ] [] @@ -323,23 +417,35 @@ writing = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} passageQuizCircled : Nri.Ui.Svg.V1.Svg passageQuizCircled = - Nri.Ui.Svg.V1.init "0 0 71 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 71 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,70 C54.33,70 70,54.33 70,35 C70,15.67 54.33,0 35,0 C15.67,0 0,15.67 0,35 C0,54.33 15.67,70 35,70", Attributes.fill "currentcolor" ] [] , Svg.path [ Attributes.d "M45.5,20.1885 L45.5,47.1885 C45.5,48.8135 46.875,50.1885 48.5,50.1885 L22.375,50.1885 C20.75,50.1885 19.375,48.8135 19.375,47.1885 L19.375,20.1885 L45.5,20.1885 Z M41.375,24.4385 L32.875,24.4385 L32.875,30.4385 L41.375,30.4385 L41.375,24.4385 Z M29.5,24.4385 L23.625,24.4385 C23.125,24.4385 22.75,24.8135 22.75,25.3135 C22.75,25.8135 23.125,26.1885 23.625,26.1885 L29.5,26.1885 C30,26.1885 30.375,25.8135 30.375,25.3135 C30.375,24.8135 30,24.4385 29.5,24.4385 L29.5,24.4385 Z M50.625,30.4385 L50.625,47.1885 C50.625,48.4385 49.75,49.3135 48.5,49.3135 C47.375,49.3135 46.375,48.3135 46.375,47.1885 L46.375,30.4385 L50.625,30.4385 Z M29.5,28.8135 L23.625,28.8135 C23.125,28.8135 22.75,29.1885 22.75,29.5635 C22.75,30.0635 23.125,30.4385 23.625,30.4385 L29.5,30.4385 C30,30.4385 30.375,30.0635 30.375,29.5635 C30.375,29.1885 30,28.8135 29.5,28.8135 L29.5,28.8135 Z M41.375,33.9385 L23.625,33.9385 C23.125,33.9385 22.75,34.3135 22.75,34.8135 C22.75,35.3135 23.125,35.6885 23.625,35.6885 L41.375,35.6885 C41.875,35.6885 42.25,35.3135 42.25,34.8135 C42.125,34.3135 41.75,33.9385 41.375,33.9385 L41.375,33.9385 Z M41.375,38.5635 L23.625,38.5635 C23.125,38.5635 22.75,38.9385 22.75,39.4385 C22.75,39.9385 23.125,40.3135 23.625,40.3135 L41.375,40.3135 C41.875,40.3135 42.25,39.9385 42.25,39.4385 C42.125,38.9385 41.75,38.5635 41.375,38.5635 L41.375,38.5635 Z M41.375,43.3135 L23.625,43.3135 C23.125,43.3135 22.75,43.6885 22.75,44.1885 C22.75,44.6885 23.125,45.0635 23.625,45.0635 L41.375,45.0635 C41.875,45.0635 42.25,44.6885 42.25,44.1885 C42.125,43.6885 41.75,43.3135 41.375,43.3135 L41.375,43.3135 Z", Attributes.fill "#FFFFFF", Attributes.fillRule "nonzero" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} planningDiagnosticCircled : Nri.Ui.Svg.V1.Svg planningDiagnosticCircled = - Nri.Ui.Svg.V1.init "0 0 70 71" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 71" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,70.3115 C54.33,70.3115 70,54.6415 70,35.3115 C70,15.9815 54.33,0.3115 35,0.3115 C15.67,0.3115 0,15.9815 0,35.3115 C0,54.6415 15.67,70.3115 35,70.3115", Attributes.fill "currentcolor" ] [] , Svg.g [ Attributes.transform "translate(15.000000, 14.811500)", Attributes.fill "#FFFFFF" ] @@ -350,12 +456,18 @@ planningDiagnosticCircled = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} quizCircled : Nri.Ui.Svg.V1.Svg quizCircled = - Nri.Ui.Svg.V1.init "0 0 70 71" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 71" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,70.3115 C54.33,70.3115 70,54.6415 70,35.3115 C70,15.9815 54.33,0.3115 35,0.3115 C15.67,0.3115 0,15.9815 0,35.3115 C0,54.6415 15.67,70.3115 35,70.3115", Attributes.fill "currentcolor" ] [] , Svg.path [ Attributes.d "M27.7066041,24.1406748 C26.993092,24.1406748 26.4038432,23.5928472 26.3383711,22.8940328 L26.3397072,22.7684333 C26.3397072,22.0108277 26.9543432,21.3948556 27.7092764,21.3948556 L50.2744322,21.3948556 C51.2872454,21.3948556 51.6466738,22.1350911 51.6466738,22.7684333 C51.6466738,23.4004394 51.2872454,24.1406748 50.2744322,24.1406748 L27.7066041,24.1406748 Z", Attributes.fill "#FFFFFF" ] [] @@ -368,23 +480,35 @@ quizCircled = , Svg.path [ Attributes.d "M27.7066041,40.1881956 C26.9516708,40.1881956 26.3343626,39.5708873 26.3330264,38.8132817 C26.3330264,38.0583484 26.9476623,37.4423763 27.7025956,37.4423763 L50.2744322,37.4423763 C51.2872454,37.4423763 51.6466738,38.1812756 51.6466738,38.815954 C51.6466738,39.4479601 51.2872454,40.1881956 50.2744322,40.1881956 L27.7066041,40.1881956 Z", Attributes.fill "#FFFFFF" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} unitDiagnosticCircled : Nri.Ui.Svg.V1.Svg unitDiagnosticCircled = - Nri.Ui.Svg.V1.init "0 0 71 71" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 71 71" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,70.3115 C54.33,70.3115 70,54.6415 70,35.3115 C70,15.9815 54.33,0.3115 35,0.3115 C15.67,0.3115 0,15.9815 0,35.3115 C0,54.6415 15.67,70.3115 35,70.3115", Attributes.fill "currentcolor" ] [] , Svg.path [ Attributes.d "M37.9626487,27.1000681 C37.8614933,27.1000681 37.7649285,27.077079 37.6706709,27.0402942 C37.6522785,27.0333963 37.633886,27.0287996 37.6154936,27.0196005 C37.5304293,26.9805202 37.4545583,26.9299395 37.385591,26.8632676 C37.3717952,26.8494777 37.3603007,26.8333807 37.3465049,26.8195907 C37.3189191,26.7896979 37.2890322,26.7621121 37.2660372,26.7276285 C37.249946,26.7046336 37.2476447,26.6793432 37.2361502,26.6540588 C37.2085645,26.6034781 37.1878708,26.5528974 37.1717737,26.4977259 C37.1556825,26.4425486 37.144188,26.3896725 37.1372901,26.332194 C37.1372901,26.309199 37.1234943,26.2862099 37.1234943,26.2586242 C37.1234943,26.2310326 37.1372901,26.2080435 37.1395914,26.1827532 C37.144188,26.1252746 37.1556825,26.0700972 37.174075,26.0149199 C37.1901662,25.9643392 37.2085586,25.9160598 37.2315536,25.8700816 C37.256838,25.8240976 37.2844296,25.7827161 37.3189191,25.7413345 C37.355704,25.6953505 37.3947902,25.6562702 37.438473,25.6194853 C37.4591608,25.6033883 37.4706553,25.5803992 37.491349,25.564308 C38.8409129,24.6492766 39.6455896,23.1365056 39.6455896,21.5133799 C39.6455896,18.8143111 37.4499734,16.6163995 34.7486092,16.6163995 C32.0495403,16.6163995 29.8516287,18.8120157 29.8516287,21.5133799 C29.8516287,23.1365056 30.6563054,24.6515661 32.0058693,25.564308 C32.0288584,25.5803992 32.0403529,25.6033883 32.0587453,25.6194853 C32.1047294,25.6562702 32.1415143,25.6953564 32.1782992,25.7413345 C32.2127828,25.7827161 32.2403744,25.8240976 32.2656647,25.8700816 C32.2909551,25.9160657 32.3093475,25.9643451 32.3231433,26.0149199 C32.3392345,26.0700972 32.3507291,26.1252746 32.357627,26.1827532 C32.3668261,26.2080376 32.380616,26.2310326 32.380616,26.2586242 C32.380616,26.2862099 32.3668261,26.309199 32.3645249,26.3367906 C32.3599282,26.3942633 32.3484337,26.4471452 32.3300412,26.5023226 C32.3139442,26.5574999 32.2932563,26.6080806 32.2656647,26.6586613 C32.2518689,26.6816504 32.2495677,26.7092361 32.2357778,26.732231 C32.2196807,26.7552201 32.1966916,26.7667147 32.1806004,26.7851071 C32.1438155,26.8310853 32.102434,26.8701714 32.05645,26.9069563 C32.0150626,26.9391446 31.9736869,26.9690315 31.9277029,26.9943219 C31.8817188,27.0196122 31.8334394,27.0380047 31.7805633,27.0540958 C31.725386,27.070187 31.6725099,27.0816816 31.6150314,27.0885795 C31.589741,27.0862841 31.566746,27.100074 31.5391603,27.100074 L21.5472085,27.100074 L21.5472085,35.0273638 C22.6645273,34.1973791 24.025568,33.728416 25.4532924,33.728416 C29.0812237,33.728416 32.0310184,36.6803883 32.0310184,40.306142 C32.0310184,43.9340733 29.0790461,46.8838679 25.4532924,46.8838679 C24.0232726,46.8838679 22.6645273,46.4125623 21.5472085,45.5849201 L21.5472085,54.0066005 L46.8204843,54.0066005 C47.7193892,54.0066005 48.4527915,53.2731982 48.4527915,52.3742933 L48.4527915,27.1010157 L37.9646852,27.1010157 L37.9623839,27.1010157 L37.9626487,27.1000681 Z", Attributes.fill "#FFFFFF" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} quickWriteCircled : Nri.Ui.Svg.V1.Svg quickWriteCircled = - Nri.Ui.Svg.V1.init "0 0 70 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,70 C54.33,70 70,54.33 70,35 C70,15.67 54.33,0 35,0 C15.67,0 0,15.67 0,35 C0,54.33 15.67,70 35,70" ] [] , Svg.g [ Attributes.transform "translate(12.500000, 18.400000)", Attributes.fill "#FFFFFF" ] @@ -393,24 +517,36 @@ quickWriteCircled = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} guidedDraftCircled : Nri.Ui.Svg.V1.Svg guidedDraftCircled = - Nri.Ui.Svg.V1.init "0 0 70 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,70 C54.33,70 70,54.33 70,35 C70,15.67 54.33,0 35,0 C15.67,0 0,15.67 0,35 C0,54.33 15.67,70 35,70" ] [] , Svg.path [ Attributes.d "M56.6059844,47.0760445 L48.4447276,29.1927202 C48.310599,28.8809029 48.044072,28.7014662 47.6869763,28.7014662 L38.0991385,28.7014662 C37.4755276,29.9051635 36.9842736,30.8858878 36.8954412,31.0200283 C36.4947855,31.8230878 35.6917439,32.3125581 34.8433763,32.3125581 C33.9514844,32.3125581 33.1484249,31.821304 32.7913114,31.0200283 L31.5876141,28.7014662 L21.9997763,28.7014662 C21.6879649,28.7014662 21.3761655,28.8791489 21.2420249,29.1927202 L13.0807686,47.0760445 C12.946637,47.3443078 12.9919273,47.6108229 13.1260589,47.879104 C13.2601907,48.102077 13.5267147,48.2362056 13.794978,48.2362056 L55.848126,48.2362056 C56.1163893,48.2362056 56.3829044,48.102077 56.5170449,47.879104 C56.6947276,47.656131 56.7400179,47.3443256 56.6058833,47.0760445 L56.6059844,47.0760445 Z M23.9631931,37.7566662 C23.4719331,37.7566662 23.0713012,37.3560105 23.0713012,36.8647743 C23.0713012,36.3735202 23.4719568,35.9728824 23.9631931,35.9728824 L24.4979714,35.9728824 C24.9892255,35.9728824 25.3898633,36.3735381 25.3898633,36.8647743 C25.3898633,37.3560283 24.9892076,37.7566662 24.4979714,37.7566662 L23.9631931,37.7566662 Z M28.0655331,41.4583743 C27.9766947,41.6813472 27.7537217,41.8590299 27.5307547,41.8590299 C27.4854644,41.8590299 27.396626,41.8590299 27.353072,41.8137397 C27.3077817,41.8137397 27.0412547,41.679611 26.9959644,41.679611 C26.1493866,41.3225035 25.4351595,40.7877191 24.9003812,40.0299678 C24.9003812,39.9846716 24.7226985,39.8069948 24.6774082,39.7616986 C24.4997255,39.4934353 24.5432736,39.1380878 24.8115368,38.9586391 C25.0798001,38.7809564 25.4351476,38.8245105 25.6145963,39.0927737 C25.6598866,39.138064 25.7487309,39.3157467 25.792279,39.3157467 C26.2382249,39.8958332 26.8183114,40.296471 27.4419222,40.6082764 C27.4872125,40.6082764 27.6648952,40.6971148 27.7101855,40.6971148 C28.0202547,40.8329916 28.1997033,41.1448029 28.0655509,41.4583445 L28.0655331,41.4583743 Z M33.1051682,41.3242397 C33.0598779,41.3695299 32.7933568,41.4583743 32.7933568,41.5019224 C32.169746,41.8137397 31.455519,41.9931764 30.6524595,42.0820089 C30.5183249,42.0820089 30.3841963,42.1272991 30.2518039,42.1272991 C30.2065136,42.1272991 29.8946963,42.1725953 29.8946963,42.1725953 C29.5828849,42.1725953 29.3146098,41.9496224 29.3146098,41.637817 C29.3146098,41.3259997 29.5375828,41.0577305 29.8493882,41.0577305 C29.8946785,41.0577305 30.3841666,41.0124343 30.472999,41.0124343 C31.1419179,40.9235959 31.7220044,40.7894613 32.2567828,40.5211802 C32.2567828,40.5211802 32.4797558,40.4323418 32.525046,40.3870516 C32.7933093,40.252917 33.1486568,40.3417613 33.2827974,40.6100245 C33.5057703,40.8329975 33.3716417,41.190111 33.1051147,41.3242516 L33.1051682,41.3242397 Z M36.7615682,37.0424451 C36.7162779,37.0877353 36.6274395,37.2654181 36.5838855,37.3107083 C36.4497568,37.5336813 36.2720741,37.8019683 36.1379395,38.0684656 C35.8696763,38.5144116 35.6031612,38.9603575 35.2913558,39.4063035 C35.2913558,39.4515878 35.1136731,39.6292764 35.0683828,39.6745608 C34.9342541,39.8086953 34.8001195,39.8975337 34.6224368,39.8975337 C34.4883082,39.8975337 34.3994639,39.8522494 34.2653352,39.7634051 C33.997072,39.5857224 33.9535179,39.2286267 34.1764909,38.9603456 C34.2217812,38.9150553 34.3541736,38.7373726 34.3541736,38.7373726 C34.6224368,38.336717 34.888952,37.8907889 35.1572331,37.4883672 C35.2913676,37.220104 35.4690503,36.9535889 35.6484871,36.7306159 C35.6484871,36.6853256 35.7826217,36.5076429 35.8261698,36.4623526 C36.0038525,36.1940894 36.3609482,36.1505413 36.6292293,36.3282181 C36.8504601,36.4187986 36.9392985,36.7759062 36.7616217,37.0424451 L36.7615682,37.0424451 Z M40.9092222,34.9921224 L40.5974109,34.9921224 C40.2855936,34.9921224 39.9738001,35.0374126 39.6602109,35.0809608 C39.2142649,35.126251 38.8571514,35.2586494 38.5000379,35.4380683 C38.5000379,35.4380683 38.2770649,35.5269067 38.2770649,35.572197 C38.1882206,35.6174932 38.0993822,35.6610413 38.0088017,35.6610413 C37.831119,35.6610413 37.608146,35.572197 37.5175476,35.3927781 C37.3398649,35.1245148 37.4722574,34.7691672 37.7405206,34.6350267 C37.7858109,34.5897364 38.052332,34.457344 38.052332,34.457344 C38.4982779,34.234371 38.989532,34.1002364 39.5678347,34.0113981 C39.9249422,33.9661078 40.2820617,33.9225537 40.6373914,33.9225537 L40.994499,33.9225537 C41.3063103,33.9225537 41.5745855,34.1908229 41.5745855,34.5026462 C41.4874833,34.723871 41.2209622,34.9921581 40.9091449,34.9921581 L40.9092222,34.9921224 Z M43.0048114,35.3927781 C42.7365482,35.2586494 42.6041558,34.901524 42.7365482,34.6350267 C42.8706828,34.3667635 43.2278022,34.234371 43.4942995,34.3667635 C43.5395898,34.4120537 43.8061168,34.5008921 43.8061168,34.5444462 C44.9209817,35.168057 45.5010682,36.0164245 45.7240412,36.4623705 C45.7240412,36.5076608 45.8581698,36.7741818 45.8581698,36.7741818 C45.9470141,37.0859991 45.8128795,37.3977926 45.5010682,37.4884089 C45.455772,37.5336991 45.3669336,37.5336991 45.3233855,37.5336991 C45.1004125,37.5336991 44.8774395,37.3995705 44.7886071,37.1765975 C44.7886071,37.1765975 44.6997628,37.0424629 44.6997628,36.9989148 C44.5220801,36.6418072 44.1196763,36.0181905 43.2277844,35.5722445 C43.2277844,35.5269543 43.0483655,35.3928197 43.0048114,35.3928197 L43.0048114,35.3927781 Z M47.1959898,41.4130483 C47.0618612,41.547177 46.9277266,41.590731 46.7500439,41.590731 C46.6159152,41.590731 46.4817806,41.5454408 46.3493882,41.4565964 L45.6351612,40.7876775 L45.0550747,41.5019045 C44.9209401,41.6360391 44.7868114,41.7248775 44.6091287,41.7248775 C44.4749941,41.7248775 44.3408655,41.6795872 44.2520212,41.5907489 C44.0290482,41.3677759 43.9837639,41.0106624 44.1631828,40.7876894 L44.7867936,40.0299381 L44.1178747,39.4063272 C43.8949017,39.1833543 43.8496114,38.8262408 44.0725844,38.6032678 C44.2955574,38.3802948 44.6526709,38.3350045 44.8756439,38.5579775 L45.4992547,39.138064 L46.0793412,38.423837 C46.3023141,38.200864 46.6594276,38.1555737 46.8824006,38.3349926 C47.1053736,38.5579656 47.1506639,38.9150791 46.9712449,39.1380521 L46.3476341,39.8958035 L47.1053855,40.5647224 C47.418939,40.7894435 47.418939,41.1448089 47.195966,41.4130483 L47.1959898,41.4130483 Z", Attributes.fill "#FFFFFF" ] [] , Svg.path [ Attributes.d "M34.2199439,30.3530716 C34.4882071,30.8443256 35.2006682,30.8443256 35.4236412,30.3530716 C35.4236412,30.3530716 38.2769817,24.7787472 38.9459006,23.4409094 C39.6148195,22.1483797 39.6148195,20.6310932 38.9459006,19.2932553 C37.7857276,17.0182175 35.0212195,16.0828013 32.7481439,17.2411905 C30.473106,18.4013635 29.5812141,21.254704 30.696079,23.4389472 C31.8109439,25.6268472 34.2200747,30.3528932 34.2200747,30.3528932 L34.2199439,30.3530716 Z M34.8435547,18.9377472 C36.1813925,18.9377472 37.2509493,20.007304 37.2509493,21.3451418 C37.2509493,22.6829797 36.1813925,23.7525364 34.8435547,23.7525364 C33.5057168,23.7525364 32.4361601,22.6829797 32.4361601,21.3451418 C32.4361601,20.0526121 33.5057168,18.9377472 34.8435547,18.9377472 Z", Attributes.fill "#FFFFFF" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} selfReviewCircled : Nri.Ui.Svg.V1.Svg selfReviewCircled = - Nri.Ui.Svg.V1.init "0 0 70 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,70 C54.33,70 70,54.33 70,35 C70,15.67 54.33,0 35,0 C15.67,0 0,15.67 0,35 C0,54.33 15.67,70 35,70" ] [] , Svg.path [ Attributes.d "M50.8790625,26.2612172 C51.096875,26.2612172 51.3088437,26.3462172 51.4645,26.5018734 C51.6201563,26.6575297 51.7072813,26.8673734 51.708875,27.0873109 C51.708875,37.6166859 44.5938437,46.2388734 35.68425,46.7456859 L35.68425,56.0404359 L39.6271875,56.0404359 C40.0861875,56.0404359 40.4575313,56.4117797 40.4575313,56.8702484 C40.4575313,57.3287172 40.0861875,57.7005922 39.6271875,57.7005922 L29.9780937,57.7005922 C29.5190937,57.7005922 29.14775,57.3287172 29.14775,56.8702484 C29.14775,56.4117797 29.5190937,56.0404359 29.9780937,56.0404359 L34.024625,56.0404359 L34.024625,46.7456859 C25.1139688,46.2388734 18,37.6188109 18,27.0873109 C18.002125,26.8673734 18.08925,26.6575297 18.2449062,26.5018734 C18.4005625,26.3462172 18.612,26.2612172 18.8298125,26.2612172 L22.1958125,26.2612172 L22.1958125,27.9213734 L19.676625,27.9213734 C20.0437188,37.4674047 26.7114375,45.1184672 34.8544375,45.1184672 C42.9974375,45.1184672 49.6651562,37.4674047 50.03225,27.9213734 L47.3053437,27.9213734 L47.3053437,26.2612172 L50.8790625,26.2612172 Z", Attributes.fill "#FFFFFF" ] [] @@ -418,12 +554,18 @@ selfReviewCircled = , Svg.path [ Attributes.d "M34.8543844,40.7377797 C28.4958531,40.7377797 23.3225406,34.5827172 23.3225406,27.0187797 C23.3225406,19.4548422 28.4958531,13.2997797 34.8543844,13.2997797 C41.2129156,13.2997797 46.3862281,19.4548422 46.3862281,27.0187797 C46.3862281,34.5827172 41.2129156,40.7377797 34.8543844,40.7377797 Z M34.8543844,15.5262484 C29.4005719,15.5262484 24.9641031,20.6809672 24.9641031,27.0187797 C24.9641031,33.3560609 29.4005719,38.5113109 34.8543844,38.5113109 C40.3081969,38.5113109 44.7446656,33.3565922 44.7446656,27.0187797 C44.7446656,20.6809672 40.3081969,15.5262484 34.8543844,15.5262484 Z", Attributes.fill "#FFFFFF", Attributes.fillRule "nonzero" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} peerReviewCircled : Nri.Ui.Svg.V1.Svg peerReviewCircled = - Nri.Ui.Svg.V1.init "0 0 70 70" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 70 70" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M35,70 C54.33,70 70,54.33 70,35 C70,15.67 54.33,0 35,0 C15.67,0 0,15.67 0,35 C0,54.33 15.67,70 35,70" ] [] , Svg.path [ Attributes.d "M29.5138064,31.3137599 L27.7363487,34.7995073 C27.156207,35.940726 27.5452386,37.3882243 28.7208466,37.9969598 C29.4571967,38.376934 30.2786747,38.3135333 30.9320267,37.9335591 L30.9767186,37.9035727 L30.9767186,47.0285457 L28.6625341,47.0285457 L28.6625341,39.6920682 L28.0606844,39.6920682 L28.0606844,47.0285457 L25.681377,47.0285457 L25.681377,38.4840295 C25.681377,38.4574707 25.6830787,38.4321962 25.6830787,38.4069216 L25.6830787,35.3564142 L24.6704906,37.3411053 C24.3712674,37.9284176 23.6727985,38.1713109 23.1109585,37.8800072 C22.5491186,37.5904208 22.3363004,36.8775939 22.6355228,36.2902853 L24.6206912,32.3962814 C24.6555928,32.3294603 24.6939002,32.2660573 24.7385922,32.2090812 C24.9165074,31.6885937 25.4085435,31.3137599 25.9874093,31.3137599 L29.5138064,31.3137599 Z M28.4080029,25.5657344 C29.7147067,25.5657344 30.7741154,26.6315507 30.7741154,27.9471038 C30.7741154,29.2622356 29.7147067,30.329773 28.4080029,30.329773 C27.101299,30.329773 26.0423161,29.2622356 26.0423161,27.9471038 C26.0423161,26.6315507 27.101299,25.5657344 28.4080029,25.5657344 Z", Attributes.fill "#FFFFFF", Attributes.opacity "0.5" ] [] @@ -432,3 +574,4 @@ peerReviewCircled = , Svg.path [ Attributes.d "M24.1233587,51.4491341 C24.5862627,51.4118264 24.9922078,51.7612443 25.0283722,52.2271348 C25.0654407,52.6948452 24.7191668,53.1043193 24.258071,53.1416269 L24.258071,53.1416269 L22.7093315,53.266289 C29.8481796,58.5348555 41.4677941,58.2036365 48.0216834,52.2489734 C48.5514915,51.7639741 49.0496558,51.8904561 49.3281215,52.1679886 C49.6029708,52.4409713 49.7313543,52.9751075 49.1463955,53.5128834 C42.012068,59.9944031 29.5416865,60.3829486 21.7618248,54.688529 L21.7618248,54.688529 L21.8685097,56.047073 C21.9182357,56.6722034 21.4842632,56.9297171 21.0973044,56.9615651 C20.7103455,56.9925032 20.2411127,56.8068749 20.1913867,56.1817445 L20.1913867,56.1817445 L19.9174416,52.7084944 C19.9165375,52.6993949 19.921058,52.6912054 19.9201539,52.682106 C19.9183457,52.6684569 19.9111128,52.6538978 19.9102087,52.6402487 C19.879469,52.2489734 20.0639073,51.7748934 20.6823181,51.7257566 L20.6823181,51.7257566 Z M51.0444829,20.9934529 C51.3139075,20.7159205 51.8437156,20.5857987 52.3762361,21.1763514 C58.7954131,28.3785455 59.1823719,40.9675986 53.540729,48.8222214 L53.540729,48.8222214 L54.8860439,48.7139382 C55.5062629,48.6638914 55.7612218,49.1024836 55.7919615,49.4928489 C55.8227012,49.8832142 55.639167,50.3582041 55.018948,50.407341 L55.018948,50.407341 L51.5797157,50.6839635 L51.5797157,50.6839635 L51.5534965,50.6812337 C51.5399348,50.6848734 51.5254691,50.6903331 51.5119074,50.691243 C51.1249486,50.7221811 50.6548117,50.5365528 50.6059898,49.9105125 L50.6059898,49.9105125 L50.3320446,46.4381723 C50.2949761,45.9713718 50.6412501,45.5609878 51.10325,45.5236802 C51.566154,45.4872825 51.9720992,45.8367003 52.0082635,46.3035008 L52.0082635,46.3035008 L52.1330306,47.879521 C57.356975,40.6727772 57.0242627,28.9317904 51.1240445,22.3119595 C50.6439624,21.7769133 50.7696336,21.2746251 51.0444829,20.9934529 Z M18.4887678,20.3158188 C18.8757267,20.2857907 19.3449595,20.470509 19.3946855,21.0956395 L19.3946855,21.0956395 L19.6686306,24.5697995 C19.704795,25.0356901 19.3594252,25.4451641 18.8965212,25.4824718 C18.4345213,25.5197794 18.0285761,25.1712715 17.9906035,24.704471 L17.9906035,24.704471 L17.8667405,23.1275408 C12.6427962,30.3342847 12.9755085,42.0761814 18.8757267,48.6941925 C19.3567129,49.2292386 19.2301376,49.7333467 18.9552883,50.012699 C18.6867678,50.2911414 18.1569597,50.4212631 17.6244392,49.8298006 C11.2043581,42.6285164 10.8173993,30.0394633 16.4599463,22.1848405 L16.4599463,22.1848405 L15.1137273,22.2931237 C14.4944123,22.3431705 14.2385494,21.9045783 14.2078097,21.514213 C14.1770699,21.1229377 14.3606041,20.6497677 14.9808232,20.5997209 L14.9808232,20.5997209 L18.4218637,20.3230984 C18.4290966,20.3221884 18.4372336,20.3258282 18.4462747,20.3258282 C18.4607404,20.3249182 18.4743021,20.3176387 18.4887678,20.3158188 Z M20.4723839,17.2571384 C27.627506,10.7956375 40.1358601,10.4070921 47.9401327,16.0851326 L47.9401327,16.0851326 L47.8325437,14.7311383 C47.7828177,14.1069179 48.2185984,13.8503141 48.6064614,13.8193761 C48.9952284,13.7875281 49.4662694,13.9731563 49.5150913,14.5964669 L49.5150913,14.5964669 L49.7908447,18.0597076 C49.7908447,18.0678971 49.7872283,18.0751767 49.7872283,18.0842761 C49.7908447,18.0988352 49.7962694,18.1124843 49.7971735,18.1270434 C49.8279132,18.5174087 49.644379,18.9887588 49.0223517,19.0388057 L49.0223517,19.0388057 L45.571366,19.3154282 C45.1075578,19.3518258 44.7007086,19.0033179 44.6636401,18.5383373 C44.6265716,18.0724468 44.9737496,17.6638827 45.4366537,17.6265751 L45.4366537,17.6265751 L47.0034753,17.501003 C39.8429286,12.2433558 28.1772045,12.5782146 21.5998084,18.5174087 C21.0690962,19.001498 20.5691236,18.8741061 20.2906579,18.5965737 C20.0140004,18.3263208 19.8847128,17.7940045 20.4723839,17.2571384 Z", Attributes.fill "#FFFFFF" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/DisclosureIndicator/V2.elm b/src/Nri/Ui/DisclosureIndicator/V2.elm index 54277995..11cc7dd7 100644 --- a/src/Nri/Ui/DisclosureIndicator/V2.elm +++ b/src/Nri/Ui/DisclosureIndicator/V2.elm @@ -20,19 +20,21 @@ A caret that indicates that a section can expand and collapse. When `isOpen` is -} import Css exposing (..) +import Html.Styled exposing (..) +import Html.Styled.Attributes exposing (css) import Nri.Ui.Colors.V1 as Colors -import Nri.Ui.Svg.V1 as Svg exposing (Svg) -import Nri.Ui.UiIcon.V1 as UiIcon +import Nri.Ui.SpriteSheet exposing (arrowLeft) +import Nri.Ui.Svg.V1 as NriSvg {-| -} -medium : List Css.Style -> Bool -> Svg +medium : List Css.Style -> Bool -> Html msg medium styles isOpen = view { isOpen = isOpen, size = px 15, styles = styles } {-| -} -large : List Css.Style -> Bool -> Svg +large : List Css.Style -> Bool -> Html msg large styles isOpen = view { isOpen = isOpen, size = px 17, styles = styles } @@ -43,19 +45,32 @@ view : , size : Css.Px , styles : List Css.Style } - -> Svg + -> Html msg view { styles, size, isOpen } = - UiIcon.arrowLeft - |> Svg.withColor Colors.azure - |> Svg.withWidth size - |> Svg.withHeight size - |> Svg.withCss - ([ property "transition" "transform 0.1s" - , if isOpen then - transform (rotate (deg -90)) - - else - transform (rotate (deg -180)) + div + [ css + ([ Css.display Css.inlineBlock + , cursor pointer + , minWidth size + , minHeight size + , maxWidth size + , maxHeight size ] ++ styles ) + ] + [ arrowLeft + |> NriSvg.withCss + [ Css.displayFlex + , Css.justifyContent Css.center + , Css.alignItems Css.center + , color Colors.azure + , property "transition" "transform 0.1s" + , if isOpen then + transform (rotate (deg -90)) + + else + transform (rotate (deg -180)) + ] + |> NriSvg.toHtml + ] diff --git a/src/Nri/Ui/Loading/V1.elm b/src/Nri/Ui/Loading/V1.elm index dfbc3452..9211a0c0 100644 --- a/src/Nri/Ui/Loading/V1.elm +++ b/src/Nri/Ui/Loading/V1.elm @@ -78,7 +78,11 @@ spinningPencil = {-| -} spinningDots : Nri.Ui.Svg.V1.Svg spinningDots = - Nri.Ui.Svg.V1.init "0 0 12.54 12.54" + Svg.svg + [ SvgAttributes.width "100%" + , SvgAttributes.height "100%" + , SvgAttributes.viewBox "0 0 12.54 12.54" + ] [ Svg.circle [ SvgAttributes.fill "#004e95", SvgAttributes.cx "6.13", SvgAttributes.cy "0.98", SvgAttributes.r "0.98" ] [] , Svg.circle [ SvgAttributes.fill "#004cc9", SvgAttributes.cx "9.95", SvgAttributes.cy "2.47", SvgAttributes.r "0.98", SvgAttributes.transform "translate(1.12 7.67) rotate(-44.43)" ] [] , Svg.circle [ SvgAttributes.fill "#146aff", SvgAttributes.cx "11.56", SvgAttributes.cy "6.24", SvgAttributes.r "0.98", SvgAttributes.transform "translate(5.09 17.67) rotate(-88.86)" ] [] @@ -88,6 +92,7 @@ spinningDots = , Svg.circle [ SvgAttributes.fill "#f5f5f5", SvgAttributes.cx "0.98", SvgAttributes.cy "6.1", SvgAttributes.r "0.98", SvgAttributes.transform "translate(-5.16 6.71) rotate(-86.57)" ] [] , Svg.circle [ SvgAttributes.fill "#fff", SvgAttributes.cx "2.69", SvgAttributes.cy "2.37", SvgAttributes.r "0.98", SvgAttributes.transform "translate(-0.9 2.35) rotate(-41)" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml |> Nri.Ui.Svg.V1.withWidth (Css.px 100) |> Nri.Ui.Svg.V1.withHeight (Css.px 100) |> Nri.Ui.Svg.V1.withCss circlingCss diff --git a/src/Nri/Ui/Logo/V1.elm b/src/Nri/Ui/Logo/V1.elm index 862a25f3..f9f919c1 100644 --- a/src/Nri/Ui/Logo/V1.elm +++ b/src/Nri/Ui/Logo/V1.elm @@ -22,9 +22,6 @@ module Nri.Ui.Logo.V1 exposing -} -import Css -import Nri.Ui.Colors.Extra exposing (toCssString) -import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Svg.V1 import Svg.Styled as Svg import Svg.Styled.Attributes as Attributes @@ -33,13 +30,18 @@ import Svg.Styled.Attributes as Attributes {-| -} noredink : Nri.Ui.Svg.V1.Svg noredink = - Nri.Ui.Svg.V1.init "0 0 109 24" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 109 24" + ] [ Svg.g [ Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.path - [ Attributes.fill (toCssString Colors.red) + [ Attributes.fill "#F3336C" , Attributes.d "M4.29 6.03v2.048h.065c.943-1.723 2.568-2.503 4.453-2.503 2.795 0 4.453 1.527 4.453 4.972v12.97H8.776v-12.06c0-1.755-.586-2.437-1.918-2.437-1.528 0-2.373.943-2.373 2.892v11.604H0V6.03h4.29zM22.559 20.916c1.82 0 2.404-1.788 2.404-6.143 0-4.355-.584-6.143-2.404-6.143-2.21 0-2.405 2.568-2.405 6.143 0 3.575.195 6.143 2.405 6.143zm0-15.341c5.395-.098 6.89 3.12 6.89 9.198 0 5.98-1.755 9.198-6.89 9.198-5.396.098-6.89-3.12-6.89-9.198 0-5.98 1.754-9.198 6.89-9.198z" ] [] @@ -49,29 +51,41 @@ noredink = ] [] , Svg.path - [ Attributes.fill (toCssString Colors.red) + [ Attributes.fill "#F3336C" , Attributes.d "M69.336 6.03h4.486v17.486h-4.486V6.03zm0-5.981h4.486v3.835h-4.486V.05zM76.975 6.03h4.29v2.048h.065c.944-1.723 2.568-2.503 4.453-2.503 2.795 0 4.453 1.527 4.453 4.972v12.97H85.75v-12.06c0-1.755-.585-2.437-1.917-2.437-1.527 0-2.373.943-2.373 2.892v11.604h-4.485V6.03zM97.876.31v12.253h.065l4.518-6.533h4.94l-5.037 6.89 5.785 10.596h-4.94l-3.739-7.183-1.592 2.08v5.103H93.39V.31z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} facebook : Nri.Ui.Svg.V1.Svg facebook = - Nri.Ui.Svg.V1.init "0 0 10 19" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 10 19" + ] [ Svg.path [ Attributes.d "M10 3.1H8.2c-1.4 0-1.7.7-1.7 1.6v2.1h3.4l-.5 3.4H6.5v8.6H2.9v-8.6H0V6.9h2.9V4.4C2.9 1.6 4.7 0 7.3 0c1.3 0 2.4.1 2.7.1v3z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} clever : Nri.Ui.Svg.V1.Svg clever = - Nri.Ui.Svg.V1.init "0 0 87 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 87 20" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -81,12 +95,17 @@ clever = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} cleverC : Nri.Ui.Svg.V1.Svg cleverC = - Nri.Ui.Svg.V1.init "0 0 39 44" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 39 44" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -100,12 +119,17 @@ cleverC = [ Svg.path [ Attributes.d "M0,21.7580775 C0,9.74321254 8.96637318,0 21.8178825,0 C29.708078,0 34.4301716,2.63016953 38.3153078,6.45581374 L32.4575445,13.2103396 C29.2296376,10.2814579 25.9422388,8.48824593 21.7580775,8.48824593 C14.7045264,8.48824593 9.62360245,14.3460092 9.62360245,21.5188573 C9.62360245,28.8113154 14.5849163,34.7890019 21.7580775,34.7890019 C26.5399762,34.7890019 29.4688578,32.8761798 32.7565697,29.8874931 L38.614333,35.8050615 C34.3105615,40.407545 29.5286628,43.2769347 21.4590522,43.2769347 C9.1454752,43.2769347 0,33.7726293 0,21.7580775 Z" ] [] ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} cleverLibrary : Nri.Ui.Svg.V1.Svg cleverLibrary = - Nri.Ui.Svg.V1.init "0 0 580 198" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 580 198" + ] [ Svg.g [ Attributes.stroke "none", Attributes.strokeWidth "1", Attributes.fill "none", Attributes.fillRule "evenodd" ] [ Svg.g [ Attributes.transform "translate(0.591000, 0.620000)" ] [ Svg.rect [ Attributes.fill "#004E95", Attributes.x "0", Attributes.y "0", Attributes.width "579", Attributes.height "197", Attributes.rx "20" ] [] @@ -120,23 +144,35 @@ cleverLibrary = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} twitter : Nri.Ui.Svg.V1.Svg twitter = - Nri.Ui.Svg.V1.init "0 0 20 16" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 20 16" + ] [ Svg.path [ Attributes.d "M17.9 4.5c0 5.3-4.1 11.4-11.6 11.4-2.3 0-4.5-.7-6.3-1.8h1c1.9 0 3.7-.6 5.1-1.7-1.8 0-3.3-1.2-3.8-2.8.3 0 .5.1.8.1.4 0 .7 0 1.1-.1C2.3 9.2.9 7.6.9 5.7c.5.2 1.1.4 1.8.4C1.6 5.4.9 4.1.9 2.7c0-.7.2-1.4.6-2 2 2.4 5 4 8.4 4.2-.2-.3-.2-.6-.2-.9 0-2.2 1.8-4 4.1-4 1.2 0 2.2.5 3 1.3.9-.2 1.8-.5 2.6-1-.3.9-.9 1.7-1.8 2.2.8-.1 1.6-.3 2.3-.6-.6.8-1.3 1.5-2 2.1v.5z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} googleClassroom : Nri.Ui.Svg.V1.Svg googleClassroom = - Nri.Ui.Svg.V1.init "0 0 20 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 20 20" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -160,12 +196,14 @@ googleClassroom = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} googleG : Nri.Ui.Svg.V1.Svg googleG = - Nri.Ui.Svg.V1.init "0 0 43 44" + Svg.svg + [ Attributes.viewBox "0 0 43 44" ] [ Svg.defs [] [ Svg.style [] [ Svg.text ".googleG-icon-clip-path-class{clip-path:url(#googleG-icon-clip-path);}" ] @@ -182,12 +220,18 @@ googleG = , Svg.g [ Attributes.class "googleG-icon-clip-path-class" ] [ Svg.path [ Attributes.fill "#34a853", Attributes.d "M-2,35,28,12l7.9,1L46-2V46H-2Z" ] [] ] , Svg.g [ Attributes.class "googleG-icon-clip-path-class" ] [ Svg.path [ Attributes.fill "#4285f4", Attributes.d "M46,46,15,22l-4-3L46,9Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} canvas : Nri.Ui.Svg.V1.Svg canvas = - Nri.Ui.Svg.V1.init "200 250 400 115" + Svg.svg + [ Attributes.viewBox "200 250 400 115" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "#E72429" + ] [ Svg.g [] [ Svg.g [] [ Svg.path [ Attributes.d "M220.1,306.8c0-7-5.2-12.7-12-13.5c-1.1,4.3-1.7,8.8-1.7,13.5c0,4.7,0.6,9.2,1.7,13.5 C214.9,319.5,220.1,313.7,220.1,306.8z" ] [] @@ -217,25 +261,34 @@ canvas = ] ] ] - |> Nri.Ui.Svg.V1.withColor (Css.hex "#E72429") + |> Nri.Ui.Svg.V1.fromHtml {-| -} canvasCircle : Nri.Ui.Svg.V1.Svg canvasCircle = - Nri.Ui.Svg.V1.init "0 0 200 200" + Svg.svg + [ Attributes.viewBox "0 0 200 200" + , Attributes.width "100%" + , Attributes.height "100%" + ] [ Svg.path [ Attributes.fill "#D64027" , Attributes.d "M29.2 100c0-14.9-11.2-26.9-25.5-28.4C1.5 80.6 0 89.6 0 100s1.5 19.4 3.7 28.4C18 126.9 29.2 114.2 29.2 100L29.2 100zM46.4 90.3c5 0 9 4 9 9s-4 9-9 9 -9-4-9-9S41.5 90.3 46.4 90.3zM170.8 100c0 14.9 11.2 26.9 25.5 28.4 2.2-9 3.7-18.7 3.7-28.4s-1.5-19.4-3.7-28.4C182 73.1 170.8 85.1 170.8 100L170.8 100zM151.3 90.3c5 0 9 4 9 9s-4 9-9 9c-5 0-9-4-9-9S146.3 90.3 151.3 90.3zM99.6 170.9c-15 0-27 11.2-28.5 25.4 9 2.2 18.7 3.7 28.5 3.7s19.5-1.5 28.5-3.7C126.6 182.1 114.6 170.9 99.6 170.9L99.6 170.9zM98.9 142.5c5 0 9 4 9 9 0 4.9-4 9-9 9 -5 0-9-4-9-9C89.9 146.5 93.9 142.5 98.9 142.5zM99.6 29.1c15 0 27-11.2 28.5-25.4 -9-2.2-18.7-3.7-28.5-3.7S80.1 1.5 71.2 3.7C72.7 17.9 84.6 29.1 99.6 29.1L99.6 29.1zM98.9 38.1c5 0 9 4 9 9s-4 9-9 9c-5 0-9-4-9-9S93.9 38.1 98.9 38.1zM149.8 150c-10.5 10.4-11.2 26.9-2.2 38.1 16.5-9.7 30.7-23.9 40.4-40.3C176.8 138.8 160.3 139.6 149.8 150L149.8 150zM136.3 127.6c5 0 9 4 9 9 0 4.9-4 9-9 9 -5 0-9-4-9-9C127.3 131.6 131.4 127.6 136.3 127.6zM49.4 50c10.5-10.4 11.2-26.9 2.2-38.1C35.2 21.6 21 35.8 11.2 52.2 22.5 61.2 39 60.4 49.4 50L49.4 50zM61.4 53c5 0 9 4 9 9s-4 9-9 9 -9-4-9-9S56.5 53 61.4 53zM149.8 50c10.5 10.4 27 11.2 38.2 2.2 -9.7-16.4-24-30.6-40.4-40.3C138.6 23.1 139.3 39.6 149.8 50L149.8 50zM136.3 53c5 0 9 4 9 9s-4 9-9 9c-5 0-9-4-9-9S131.4 53 136.3 53zM49.4 150c-10.5-10.4-27-11.2-38.2-2.2 9.7 16.4 24 30.6 40.4 40.3C60.7 176.1 59.9 160.4 49.4 150L49.4 150zM61.4 127.6c5 0 9 4 9 9 0 4.9-4 9-9 9s-9-4-9-9C52.4 131.6 56.5 127.6 61.4 127.6z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} schoology : Nri.Ui.Svg.V1.Svg schoology = - Nri.Ui.Svg.V1.init "0 0 928 163" + Svg.svg + [ Attributes.viewBox "0 0 928 163" + , Attributes.width "100%" + , Attributes.height "100%" + ] [ Svg.g [ Attributes.fillRule "nonzero" ] [ Svg.path [ Attributes.d "M81.5 163C36.6 163 0 126.4 0 81.5S36.6 0 81.5 0 163 36.6 163 81.5c0 45-36.5 81.5-81.5 81.5zm0-149.4c-37.5 0-68 30.5-68 68s30.5 68 68 68 68-30.5 68-68c0-37.6-30.5-68-68-68z" @@ -252,12 +305,17 @@ schoology = [ Svg.path [ Attributes.d "M814.9 98.5h-23v-9.2H830v43.2h-9.5v-10s1.5-1.8 0 .1c-6.9 8.1-16.8 11.7-28.9 11.7-29.7 0-40.3-22.1-40.3-42 0-23 12.2-43.7 39.1-43.7 13 0 32.1 4.6 37.4 27.1l-15.1 1.4c-.5-3.3-3.4-18.5-21.8-18.5-23.5 0-24.5 25.5-24.5 32.7 0 8.8 1.7 16.3 5.3 21.8 4.6 7.4 11.6 10.8 20.1 10.8 19.7 0 21.9-16.1 22.8-22.5l.3-2.9zM241.2 96.7c-13-3.1-29-6.7-29-23.5 0-14.8 12.5-24 31.2-24 15.4 0 31.9 7.4 34.6 26.4l-14.7 1.9c-.2-5-.5-8.9-5.8-13.1-5.3-4.1-11.5-4.8-15.6-4.8-10.7 0-16 6.3-16 11.8 0 7.7 8.7 10.1 19.4 12.7L253 86c9.6 2.2 26.9 6.4 26.9 23.3 0 13.2-11.7 25.5-33.9 25.5-9.1 0-18.5-1.9-25-6.5-2.6-1.9-10.5-8.4-12-22l15.4-2.4c-.2 3.6-.2 10.5 6 15.8 4.8 4.1 10.8 4.6 16.3 4.6 12 0 19-4.6 19-13.4 0-9.2-7-11-16.8-12.9l-7.7-1.3zM366.1 103.2c-.5 3.3-1.4 7.7-4.6 13.7-6.7 12.3-18.2 17.8-33.1 17.8-29.7 0-40.3-22.1-40.3-42 0-23 12.2-43.8 39.1-43.8 13 0 32.1 4.6 37.4 27.1l-15.1 1.4c-.5-3.3-3.4-18.5-21.8-18.5-23.5 0-24.5 25.6-24.5 32.8 0 8.7 1.7 16.3 5.3 21.8 4.6 7.4 11.7 10.8 20.1 10.8 19.7 0 21.9-16.1 22.8-22.5l14.7 1.4zM374.3 11.1h13.9v48.5C396.8 50.5 405 49 412.7 49c17.8 0 24.9 10 27.3 17.9 1.6 5.1 1.6 10.5 1.6 18.5v47h-13.9V89.7c0-10.6 0-16.8-3.3-21.8-3.4-5-8.9-6.9-14.2-6.9-8.8 0-18.2 4.8-20.9 17.3-1 4.5-1 8.8-1 14.7v39.3h-14V11.1zM494.7 134.7c-28 0-39.8-20.9-39.8-42.2 0-18 8.9-43.6 40.3-43.6 26.8 0 39.1 20.8 38.9 42.9-.1 24.6-14.7 42.9-39.4 42.9zm23.7-54.2c-3.1-15.9-13.5-20.6-22.8-20.6-18.4 0-25.7 14.2-25.7 32.8 0 17 7 31 24.7 31 22.8 0 24.5-23.7 24.7-31.9.1-5.1-.4-8.9-.9-11.3zM583.4 134.7c-28 0-39.8-20.9-39.8-42.2 0-18 8.9-43.6 40.3-43.6 26.8 0 39.1 20.8 39 42.9-.3 24.6-14.8 42.9-39.5 42.9zM607 80.5c-3.1-15.9-13.5-20.6-22.8-20.6-18.4 0-25.7 14.2-25.7 32.8 0 17 7 31 24.7 31 22.8 0 24.5-23.7 24.7-31.9.2-5.1-.3-8.9-.9-11.3zM636.7 11.2h13.2v121.1h-13.2zM703.4 134.7c-27.9 0-39.8-20.9-39.8-42.2 0-18 8.9-43.6 40.3-43.6 26.8 0 39.1 20.8 38.9 42.9-.1 24.6-14.7 42.9-39.4 42.9zm23.7-54.2c-3.1-15.9-13.6-20.6-22.8-20.6-18.4 0-25.7 14.2-25.7 32.8 0 17 7 31 24.7 31 22.8 0 24.5-23.7 24.7-31.9.1-5.1-.4-8.9-.9-11.3zM900.8 50.4h-13l-20.9 33-20.4-33h-15.1l28.9 44.4v37.5h13.1V94.8l29.5-44.4h-2.1zM927.2 58.3c0 5-4 8.9-9.1 8.9s-9.1-3.9-9.1-8.9 4.1-8.8 9.2-8.8c5-.1 9 3.8 9 8.8zm-15.9 0c0 3.9 3 7.1 6.9 7.1 3.8.1 6.7-3.1 6.7-7s-2.9-7.1-6.9-7.1c-3.8-.1-6.7 3.1-6.7 7zm5.4 4.6h-2V54c.8-.1 1.9-.3 3.4-.3 1.7 0 2.4.3 3 .7.5.4.9 1 .9 1.9 0 1.1-.8 1.8-1.8 2.1v.1c.9.3 1.3 1 1.6 2.2.3 1.3.5 1.8.6 2.2h-2.2c-.3-.3-.4-1.1-.7-2.2-.2-.9-.7-1.4-1.8-1.4h-1v3.6zm.1-5h1c1.1 0 2-.4 2-1.3 0-.8-.6-1.4-1.9-1.4-.5 0-.9.1-1.1.1v2.6z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} schoologyCircle : Nri.Ui.Svg.V1.Svg schoologyCircle = - Nri.Ui.Svg.V1.init "0 0 163 163" + Svg.svg + [ Attributes.viewBox "0 0 163 163" + , Attributes.width "100%" + , Attributes.height "100%" + ] [ Svg.g [] [ Svg.path [ Attributes.d "M81.5 163C36.6 163 0 126.4 0 81.5S36.6 0 81.5 0 163 36.6 163 81.5c0 45-36.5 81.5-81.5 81.5zm0-149.4c-37.5 0-68 30.5-68 68s30.5 68 68 68 68-30.5 68-68c0-37.6-30.5-68-68-68z" @@ -271,3 +329,4 @@ schoologyCircle = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/MasteryIcon/V1.elm b/src/Nri/Ui/MasteryIcon/V1.elm index 748b294f..c0c170c2 100644 --- a/src/Nri/Ui/MasteryIcon/V1.elm +++ b/src/Nri/Ui/MasteryIcon/V1.elm @@ -14,51 +14,79 @@ import Svg.Styled.Attributes as Attributes {-| -} levelZero : Nri.Ui.Svg.V1.Svg levelZero = - Nri.Ui.Svg.V1.init "0 0 400 400" + Svg.svg + [ Attributes.viewBox "0 0 400 400" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M91.6,147.8l14,28.4l2.6,5.2l5.7,0.8l31.3,4.6l-22.7,22.1l-4.1,4l1,5.7l5.4,31.2l-28-14.7l-5.1-2.7l-5.1,2.7 l-28,14.7l5.4-31.2l1-5.7l-4.2-4l-22.8-22.1l31.4-4.6l5.7-0.8l2.6-5.2L91.6,147.8 M91.5,128.1c-2,0-3.5,1.9-4.3,3.6l-19.6,39.7 l-43.8,6.4c-2.2,0.4-4.9,1.4-4.9,4c0,1.6,1.1,3.1,2.2,4.2l31.8,30.9l-7.5,43.6c-0.1,0.6-0.2,1.2-0.2,1.8c0,2.3,1.1,4.4,3.7,4.4 c1.2,0,2.4-0.4,3.5-1l39.2-20.6l39.2,20.6c1.1,0.6,2.3,1,3.5,1c2.5,0,3.6-2.1,3.6-4.4c0-0.6,0-1.2-0.1-1.8l-7.5-43.6l31.7-30.9 c1.1-1.1,2.3-2.6,2.3-4.2c0-2.6-2.8-3.7-4.9-4l-43.8-6.4l-19.6-39.7C95.1,130,93.6,128,91.5,128.1L91.5,128.1z" ] [] , Svg.path [ Attributes.d "M308.4,147.8l14,28.4l2.6,5.2l5.7,0.8l31.3,4.6l-22.7,22.1l-4.1,4l1,5.7l5.4,31.2l-28-14.7l-5.1-2.7l-5.1,2.7 l-28,14.7l5.4-31.2l1-5.7l-4.1-4l-22.7-22.1l31.4-4.6l5.7-0.8l2.6-5.2L308.4,147.8 M308.4,128.1c-2,0-3.5,1.9-4.3,3.6l-19.6,39.7 l-43.8,6.4c-2.2,0.4-4.9,1.4-4.9,4c0,1.6,1.1,3.1,2.2,4.2l31.8,30.9l-7.5,43.6c-0.1,0.6-0.2,1.2-0.2,1.8c0,2.3,1.1,4.4,3.7,4.4 c1.2,0,2.4-0.4,3.5-1l39.2-20.6l39.2,20.6c1.1,0.6,2.3,1,3.5,1c2.5,0,3.6-2.1,3.6-4.4c0-0.6,0-1.2-0.1-1.8l-7.5-43.6l31.7-30.9 c1.1-1.1,2.3-2.6,2.3-4.2c0-2.6-2.8-3.7-4.9-4l-43.8-6.4l-19.6-39.7C311.9,130,310.4,128,308.4,128.1L308.4,128.1z" ] [] , Svg.path [ Attributes.d "M200.6,264.9l14,28.4l2.6,5.2l5.7,0.8l31.3,4.6L231.6,326l-4.1,4l1,5.7l5.3,31.3l-28.1-14.8l-5.1-2.7l-5.1,2.7 L167.4,367l5.4-31.2l1-5.7l-4.1-4L146.9,304l31.4-4.6l5.7-0.8l2.6-5.2L200.6,264.9 M200.6,245.2c-2,0-3.5,1.9-4.3,3.6l-19.6,39.7 l-43.8,6.3c-2.2,0.4-4.9,1.4-4.9,4c0,1.6,1.1,3,2.2,4.2l31.8,30.9l-7.5,43.6c-0.1,0.6-0.2,1.2-0.2,1.8c0,2.3,1.1,4.4,3.7,4.4 c1.2,0,2.4-0.4,3.5-1l39.2-20.6l39.2,20.6c1.1,0.6,2.3,1,3.5,1c2.5,0,3.6-2.1,3.6-4.4c0-0.6,0-1.2-0.1-1.8l-7.5-43.6l31.7-30.9 c1.1-1.1,2.3-2.6,2.3-4.2c0-2.6-2.8-3.7-4.9-4l-43.8-6.4l-19.6-39.7C204.1,247.1,202.6,245.2,200.6,245.2L200.6,245.2z" ] [] , Svg.path [ Attributes.d "M200.1,27.1l14,28.4l2.6,5.2l5.7,0.8l31.3,4.6l-22.7,22.1l-4.1,4l1,5.7l5.4,31.2l-28-14.7l-5.1-2.7l-5.1,2.7 L167,129.1l5.4-31.2l1-5.7l-4.2-4l-22.8-22.1l31.4-4.6l5.7-0.8l2.6-5.2L200.1,27.1 M200.1,7.3c-2,0-3.5,1.9-4.3,3.6l-19.6,39.7 L132.5,57c-2.2,0.4-4.9,1.4-4.9,4c0,1.6,1.1,3.1,2.2,4.2L161.5,96l-7.5,43.6c-0.1,0.6-0.2,1.2-0.2,1.8c0,2.3,1.1,4.4,3.7,4.4 c1.2,0,2.4-0.4,3.5-1l39.2-20.6l39.2,20.6c1.1,0.6,2.3,1,3.5,1c2.5,0,3.6-2.1,3.6-4.4c0-0.6,0-1.2-0.1-1.8L238.8,96l31.7-30.9 c1.1-1.1,2.3-2.6,2.3-4.2c0-2.6-2.8-3.7-4.9-4L224,50.6l-19.6-39.7C203.6,9.3,202.2,7.3,200.1,7.3L200.1,7.3z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} levelOne : Nri.Ui.Svg.V1.Svg levelOne = - Nri.Ui.Svg.V1.init "0 0 400 400" + Svg.svg + [ Attributes.viewBox "0 0 400 400" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M91.57,147.79l14,28.39,2.56,5.18,5.72.83,31.33,4.56-22.69,22.13-4.14,4,1,5.7,5.37,31.23L96.69,235.1l-5.12-2.69-5.12,2.69L58.4,249.84l5.37-31.23,1-5.71-4.15-4L37.87,186.76l31.39-4.56,5.72-.83,2.56-5.18,14-28.39m0-19.75c-2,0-3.49,1.92-4.27,3.58L67.67,171.31l-43.79,6.37c-2.18.35-4.88,1.4-4.88,4,0,1.57,1.13,3.05,2.18,4.19l31.75,30.88-7.5,43.61a11.94,11.94,0,0,0-.17,1.75c0,2.27,1.13,4.36,3.66,4.36a7.35,7.35,0,0,0,3.49-1l39.16-20.58,39.16,20.58a7.07,7.07,0,0,0,3.49,1c2.53,0,3.58-2.09,3.58-4.36a11.83,11.83,0,0,0-.09-1.75l-7.5-43.61,31.66-30.88c1.13-1.13,2.27-2.62,2.27-4.19,0-2.62-2.79-3.66-4.88-4l-43.79-6.37L95.84,131.62C95.06,130,93.58,128,91.57,128Z" ] [] , Svg.path [ Attributes.d "M308.43,147.79l14,28.39,2.56,5.18,5.72.83,31.33,4.56-22.69,22.13-4.14,4,1,5.7,5.37,31.23L313.55,235.1l-5.12-2.69-5.12,2.69-28.05,14.74,5.37-31.23,1-5.71-4.15-4-22.73-22.11,31.39-4.56,5.72-.83,2.56-5.18,14-28.39m0-19.75c-2,0-3.49,1.92-4.27,3.58l-19.62,39.69-43.79,6.37c-2.18.35-4.88,1.4-4.88,4,0,1.57,1.13,3.05,2.18,4.19l31.75,30.88-7.5,43.61a12,12,0,0,0-.17,1.75c0,2.27,1.13,4.36,3.66,4.36a7.35,7.35,0,0,0,3.49-1l39.16-20.58,39.16,20.58a7.07,7.07,0,0,0,3.49,1c2.53,0,3.58-2.09,3.58-4.36a11.81,11.81,0,0,0-.09-1.75l-7.5-43.61,31.66-30.88c1.13-1.13,2.27-2.62,2.27-4.19,0-2.62-2.79-3.66-4.88-4l-43.79-6.37L312.7,131.62c-.79-1.66-2.27-3.58-4.27-3.58Z" ] [] , Svg.path [ Attributes.d "M270.89,65.23,239.23,96.11l7.5,43.61a11.82,11.82,0,0,1,.09,1.75c0,2.27-1,4.36-3.58,4.36a7.07,7.07,0,0,1-3.49-1L200.59,124.2l-39.16,20.58a7.35,7.35,0,0,1-3.49,1c-2.53,0-3.66-2.09-3.66-4.36a11.94,11.94,0,0,1,.17-1.75l7.5-43.61L130.2,65.23c-1-1.13-2.18-2.62-2.18-4.19,0-2.62,2.7-3.66,4.88-4l43.79-6.37L196.31,11c.79-1.66,2.27-3.58,4.27-3.58s3.49,1.92,4.27,3.58l19.62,39.69L268.27,57c2.09.35,4.88,1.4,4.88,4C273.16,62.62,272,64.1,270.89,65.23Z" ] [] , Svg.path [ Attributes.d "M200.59,264.92l14,28.39,2.56,5.18,5.72.83,31.33,4.56L231.55,326l-4.14,4,1,5.7L233.76,367,205.7,352.23l-5.12-2.69-5.12,2.69L167.41,367l5.37-31.23,1-5.71-4.15-4-22.73-22.11,31.39-4.56,5.72-.83,2.56-5.18,14-28.39m0-19.75c-2,0-3.49,1.92-4.27,3.58l-19.62,39.69L132.9,294.8c-2.18.35-4.88,1.4-4.88,4,0,1.57,1.13,3.05,2.18,4.19l31.75,30.88-7.5,43.61a12,12,0,0,0-.17,1.75c0,2.27,1.13,4.36,3.66,4.36a7.35,7.35,0,0,0,3.49-1L200.59,362l39.16,20.58a7.07,7.07,0,0,0,3.49,1c2.53,0,3.58-2.09,3.58-4.36a11.83,11.83,0,0,0-.09-1.75l-7.5-43.61L270.89,303c1.13-1.13,2.27-2.62,2.27-4.19,0-2.62-2.79-3.66-4.88-4l-43.79-6.37-19.62-39.69c-.79-1.66-2.27-3.58-4.27-3.58Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} levelTwo : Nri.Ui.Svg.V1.Svg levelTwo = - Nri.Ui.Svg.V1.init "0 0 400 400" + Svg.svg + [ Attributes.viewBox "0 0 400 400" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M91.57,147.79l14,28.39,2.56,5.18,5.72.83,31.33,4.56-22.69,22.13-4.14,4,1,5.7,5.37,31.23L96.69,235.1l-5.12-2.69-5.12,2.69L58.4,249.84l5.37-31.23,1-5.71-4.15-4L37.87,186.76l31.39-4.56,5.72-.83,2.56-5.18,14-28.39m0-19.75c-2,0-3.49,1.92-4.27,3.58L67.67,171.31l-43.79,6.37c-2.18.35-4.88,1.4-4.88,4,0,1.57,1.13,3.05,2.18,4.19l31.75,30.88-7.5,43.61a11.94,11.94,0,0,0-.17,1.75c0,2.27,1.13,4.36,3.66,4.36a7.35,7.35,0,0,0,3.49-1l39.16-20.58,39.16,20.58a7.07,7.07,0,0,0,3.49,1c2.53,0,3.58-2.09,3.58-4.36a11.83,11.83,0,0,0-.09-1.75l-7.5-43.61,31.66-30.88c1.13-1.13,2.27-2.62,2.27-4.19,0-2.62-2.79-3.66-4.88-4l-43.79-6.37L95.84,131.62C95.06,130,93.58,128,91.57,128Z" ] [] , Svg.path [ Attributes.d "M378.73,185.87l-31.66,30.88,7.5,43.61a11.82,11.82,0,0,1,.09,1.75c0,2.27-1,4.36-3.58,4.36a7.07,7.07,0,0,1-3.49-1l-39.16-20.58-39.16,20.58a7.35,7.35,0,0,1-3.49,1c-2.53,0-3.66-2.09-3.66-4.36a11.94,11.94,0,0,1,.17-1.75l7.5-43.61L238,185.87c-1-1.13-2.18-2.62-2.18-4.19,0-2.62,2.7-3.66,4.88-4l43.79-6.37,19.62-39.69c.79-1.66,2.27-3.58,4.27-3.58s3.49,1.92,4.27,3.58l19.62,39.69,43.79,6.37c2.09.35,4.88,1.4,4.88,4C381,183.26,379.87,184.74,378.73,185.87Z" ] [] , Svg.path [ Attributes.d "M270.89,65.23,239.23,96.11l7.5,43.61a11.82,11.82,0,0,1,.09,1.75c0,2.27-1,4.36-3.58,4.36a7.07,7.07,0,0,1-3.49-1L200.59,124.2l-39.16,20.58a7.35,7.35,0,0,1-3.49,1c-2.53,0-3.66-2.09-3.66-4.36a11.94,11.94,0,0,1,.17-1.75l7.5-43.61L130.2,65.23c-1-1.13-2.18-2.62-2.18-4.19,0-2.62,2.7-3.66,4.88-4l43.79-6.37L196.31,11c.79-1.66,2.27-3.58,4.27-3.58s3.49,1.92,4.27,3.58l19.62,39.69L268.27,57c2.09.35,4.88,1.4,4.88,4C273.16,62.62,272,64.1,270.89,65.23Z" ] [] , Svg.path [ Attributes.d "M200.59,264.92l14,28.39,2.56,5.18,5.72.83,31.33,4.56L231.55,326l-4.14,4,1,5.7L233.76,367,205.7,352.23l-5.12-2.69-5.12,2.69L167.41,367l5.37-31.23,1-5.71-4.15-4-22.73-22.11,31.39-4.56,5.72-.83,2.56-5.18,14-28.39m0-19.75c-2,0-3.49,1.92-4.27,3.58l-19.62,39.69L132.9,294.8c-2.18.35-4.88,1.4-4.88,4,0,1.57,1.13,3.05,2.18,4.19l31.75,30.88-7.5,43.61a12,12,0,0,0-.17,1.75c0,2.27,1.13,4.36,3.66,4.36a7.35,7.35,0,0,0,3.49-1L200.59,362l39.16,20.58a7.07,7.07,0,0,0,3.49,1c2.53,0,3.58-2.09,3.58-4.36a11.83,11.83,0,0,0-.09-1.75l-7.5-43.61L270.89,303c1.13-1.13,2.27-2.62,2.27-4.19,0-2.62-2.79-3.66-4.88-4l-43.79-6.37-19.62-39.69c-.79-1.66-2.27-3.58-4.27-3.58Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} levelThree : Nri.Ui.Svg.V1.Svg levelThree = - Nri.Ui.Svg.V1.init "0 0 400 400" + Svg.svg + [ Attributes.viewBox "0 0 400 400" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M91.57,147.79l14,28.39,2.56,5.18,5.72.83,31.33,4.56-22.69,22.13-4.14,4,1,5.7,5.37,31.23L96.69,235.1l-5.12-2.69-5.12,2.69L58.4,249.84l5.37-31.23,1-5.71-4.15-4L37.87,186.76l31.39-4.56,5.72-.83,2.56-5.18,14-28.39m0-19.75c-2,0-3.49,1.92-4.27,3.58L67.67,171.31l-43.79,6.37c-2.18.35-4.88,1.4-4.88,4,0,1.57,1.13,3.05,2.18,4.19l31.75,30.88-7.5,43.61a11.94,11.94,0,0,0-.17,1.75c0,2.27,1.13,4.36,3.66,4.36a7.35,7.35,0,0,0,3.49-1l39.16-20.58,39.16,20.58a7.07,7.07,0,0,0,3.49,1c2.53,0,3.58-2.09,3.58-4.36a11.83,11.83,0,0,0-.09-1.75l-7.5-43.61,31.66-30.88c1.13-1.13,2.27-2.62,2.27-4.19,0-2.62-2.79-3.66-4.88-4l-43.79-6.37L95.84,131.62C95.06,130,93.58,128,91.57,128Z" ] [] , Svg.path [ Attributes.d "M378.73,185.87l-31.66,30.88,7.5,43.61a11.82,11.82,0,0,1,.09,1.75c0,2.27-1,4.36-3.58,4.36a7.07,7.07,0,0,1-3.49-1l-39.16-20.58-39.16,20.58a7.35,7.35,0,0,1-3.49,1c-2.53,0-3.66-2.09-3.66-4.36a11.94,11.94,0,0,1,.17-1.75l7.5-43.61L238,185.87c-1-1.13-2.18-2.62-2.18-4.19,0-2.62,2.7-3.66,4.88-4l43.79-6.37,19.62-39.69c.79-1.66,2.27-3.58,4.27-3.58s3.49,1.92,4.27,3.58l19.62,39.69,43.79,6.37c2.09.35,4.88,1.4,4.88,4C381,183.26,379.87,184.74,378.73,185.87Z" ] [] , Svg.path [ Attributes.d "M270.89,65.23,239.23,96.11l7.5,43.61a11.82,11.82,0,0,1,.09,1.75c0,2.27-1,4.36-3.58,4.36a7.07,7.07,0,0,1-3.49-1L200.59,124.2l-39.16,20.58a7.35,7.35,0,0,1-3.49,1c-2.53,0-3.66-2.09-3.66-4.36a11.94,11.94,0,0,1,.17-1.75l7.5-43.61L130.2,65.23c-1-1.13-2.18-2.62-2.18-4.19,0-2.62,2.7-3.66,4.88-4l43.79-6.37L196.31,11c.79-1.66,2.27-3.58,4.27-3.58s3.49,1.92,4.27,3.58l19.62,39.69L268.27,57c2.09.35,4.88,1.4,4.88,4C273.16,62.62,272,64.1,270.89,65.23Z" ] [] , Svg.path [ Attributes.d "M270.89,303l-31.66,30.88,7.5,43.61a11.82,11.82,0,0,1,.09,1.75c0,2.27-1,4.36-3.58,4.36a7.07,7.07,0,0,1-3.49-1L200.59,362l-39.16,20.58a7.35,7.35,0,0,1-3.49,1c-2.53,0-3.66-2.09-3.66-4.36a11.94,11.94,0,0,1,.17-1.75l7.5-43.61L130.2,303c-1-1.13-2.18-2.62-2.18-4.19,0-2.62,2.7-3.66,4.88-4l43.79-6.37,19.62-39.69c.79-1.66,2.27-3.58,4.27-3.58s3.49,1.92,4.27,3.58l19.62,39.69,43.79,6.37c2.09.35,4.88,1.4,4.88,4C273.16,300.38,272,301.87,270.89,303Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} levelFour : Nri.Ui.Svg.V1.Svg levelFour = - Nri.Ui.Svg.V1.init "0 0 400 400" + Svg.svg + [ Attributes.viewBox "0 0 400 400" + , Attributes.width "100%" + , Attributes.height "100%" + ] [ Svg.path [ Attributes.fill "currentcolor" , Attributes.d "M161.87,185.87l-31.66,30.88,7.5,43.61a11.82,11.82,0,0,1,.09,1.75c0,2.27-1,4.36-3.58,4.36a7.07,7.07,0,0,1-3.49-1L91.57,244.84,52.41,265.42a7.35,7.35,0,0,1-3.49,1c-2.53,0-3.66-2.09-3.66-4.36a11.94,11.94,0,0,1,.17-1.75l7.5-43.61L21.18,185.87c-1-1.13-2.18-2.62-2.18-4.19,0-2.62,2.7-3.66,4.88-4l43.79-6.37L87.3,131.62c.79-1.66,2.27-3.58,4.27-3.58s3.49,1.92,4.27,3.58l19.62,39.69,43.79,6.37c2.09.35,4.88,1.4,4.88,4C164.14,183.26,163,184.74,161.87,185.87Z" @@ -80,3 +108,4 @@ levelFour = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/Message/V3.elm b/src/Nri/Ui/Message/V3.elm index 79f090e6..4eb800f8 100644 --- a/src/Nri/Ui/Message/V3.elm +++ b/src/Nri/Ui/Message/V3.elm @@ -768,6 +768,7 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Error" + |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Nothing, Alert ) -> @@ -786,6 +787,7 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Alert" + |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Nothing, Tip ) -> @@ -868,6 +870,7 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Success" + |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Just icon_, _ ) -> @@ -875,6 +878,7 @@ getIcon customIcon size theme = |> NriSvg.withWidth iconSize |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] + |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Nothing, Custom _ ) -> diff --git a/src/Nri/Ui/Modal/V11.elm b/src/Nri/Ui/Modal/V11.elm index 0cbddf78..62cefa5f 100644 --- a/src/Nri/Ui/Modal/V11.elm +++ b/src/Nri/Ui/Modal/V11.elm @@ -170,7 +170,6 @@ import Css.Transitions import Html.Styled as Root import Html.Styled.Attributes as Attrs exposing (id) import Html.Styled.Events exposing (onClick) -import Nri.Ui.ClickableSvg.V2 as ClickableSvg import Nri.Ui.Colors.Extra import Nri.Ui.Colors.V1 as Colors import Nri.Ui.FocusTrap.V1 as FocusTrap exposing (FocusTrap) @@ -178,7 +177,8 @@ import Nri.Ui.Fonts.V1 as Fonts import Nri.Ui.Html.Attributes.V2 as ExtraAttributes import Nri.Ui.MediaQuery.V1 exposing (mobile) import Nri.Ui.Shadows.V1 as Shadows -import Nri.Ui.UiIcon.V1 as UiIcon +import Nri.Ui.SpriteSheet +import Nri.Ui.Svg.V1 import Task @@ -721,32 +721,34 @@ closeButtonId = {-| -} viewCloseButton : msg -> Html msg viewCloseButton closeModal = - ClickableSvg.button "Close modal" - UiIcon.x - [ ClickableSvg.id closeButtonId - , ClickableSvg.onClick closeModal - , -- TODO: trim down the unnecessary styles - ClickableSvg.css - [ -- in the upper-right corner of the modal - Css.position Css.absolute - , Css.top Css.zero - , Css.right Css.zero + button + (Aria.label "Close modal" + :: onClick closeModal + :: Attrs.css + [ -- in the upper-right corner of the modal + Css.position Css.absolute + , Css.top Css.zero + , Css.right Css.zero - -- make appear above lesson content - , Css.zIndex (Css.int 10) - , Css.backgroundColor (rgba 255 255 255 0.5) - , Css.borderRadius (pct 50) + -- make appear above lesson content + , Css.zIndex (Css.int 10) + , Css.backgroundColor (rgba 255 255 255 0.5) + , Css.borderRadius (pct 50) - -- make the hitspace extend all the way around x - , Css.width (Css.px 60) - , Css.height (Css.px 60) - , Css.padding (Css.px 20) + -- make the hitspace extend all the way around x + , Css.width (Css.px 60) + , Css.height (Css.px 60) + , Css.padding (Css.px 20) - -- apply button styles - , Css.borderWidth Css.zero - , Css.cursor Css.pointer - , Css.color Colors.azure - , Css.hover [ Css.color Colors.azureDark ] - , Css.Transitions.transition [ Css.Transitions.color 0.1 ] - ] + -- apply button styles + , Css.borderWidth Css.zero + , Css.cursor Css.pointer + , Css.color Colors.azure + , Css.hover [ Css.color Colors.azureDark ] + , Css.Transitions.transition [ Css.Transitions.color 0.1 ] + ] + :: Attrs.id closeButtonId + :: [] + ) + [ Nri.Ui.Svg.V1.toHtml Nri.Ui.SpriteSheet.xSvg ] diff --git a/src/Nri/Ui/Pennant/V2.elm b/src/Nri/Ui/Pennant/V2.elm index a9c08bbf..256a3202 100644 --- a/src/Nri/Ui/Pennant/V2.elm +++ b/src/Nri/Ui/Pennant/V2.elm @@ -6,8 +6,6 @@ module Nri.Ui.Pennant.V2 exposing (premiumFlag, disabledPremiumFlag, expiredPrem -} -import Nri.Ui.Colors.Extra exposing (toCssString) -import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Svg.V1 exposing (Svg) import Svg.Styled as Svg import Svg.Styled.Attributes as Attributes @@ -16,7 +14,11 @@ import Svg.Styled.Attributes as Attributes {-| -} premiumFlag : Svg premiumFlag = - Nri.Ui.Svg.V1.init "0 0 25 18" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 18" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -47,12 +49,17 @@ premiumFlag = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} disabledPremiumFlag : Nri.Ui.Svg.V1.Svg disabledPremiumFlag = - Nri.Ui.Svg.V1.init "0 0 25 18" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 18" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -83,12 +90,17 @@ disabledPremiumFlag = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} expiredPremiumFlag : Nri.Ui.Svg.V1.Svg expiredPremiumFlag = - Nri.Ui.Svg.V1.init "0 0 25 18" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 18" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -105,7 +117,7 @@ expiredPremiumFlag = [ Attributes.transform "translate(0.000000, 446.000000)" ] [ Svg.polygon - [ Attributes.fill (toCssString Colors.red) + [ Attributes.fill "#F3336C" , Attributes.points "12.7757004 0 1.73472348e-16 0 1.73472348e-16 14.2404227 0 16.2706817 0 18 7.34267839 18 25 18 19.566978 9 25 0" ] [] @@ -119,3 +131,4 @@ expiredPremiumFlag = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/RadioButton/V4.elm b/src/Nri/Ui/RadioButton/V4.elm index e2101b7a..00893d5e 100644 --- a/src/Nri/Ui/RadioButton/V4.elm +++ b/src/Nri/Ui/RadioButton/V4.elm @@ -577,7 +577,7 @@ radioInputIcon config = unselectedSvg : Svg unselectedSvg = - Nri.Ui.Svg.V1.init "0 0 27 27" + Svg.svg [ SvgAttributes.viewBox "0 0 27 27" ] [ Svg.defs [] [ Svg.rect [ SvgAttributes.id "unselected-path-1", SvgAttributes.x "0", SvgAttributes.y "0", SvgAttributes.width "27", SvgAttributes.height "27", SvgAttributes.rx "13.5" ] [] , Svg.filter [ SvgAttributes.id "unselected-filter-2", SvgAttributes.x "-3.7%", SvgAttributes.y "-3.7%", SvgAttributes.width "107.4%", SvgAttributes.height "107.4%", SvgAttributes.filterUnits "objectBoundingBox" ] [ Svg.feOffset [ SvgAttributes.dx "0", SvgAttributes.dy "2", SvgAttributes.in_ "SourceAlpha", SvgAttributes.result "shadowOffsetInner1" ] [], Svg.feComposite [ SvgAttributes.in_ "shadowOffsetInner1", SvgAttributes.in2 "SourceAlpha", SvgAttributes.operator "arithmetic", SvgAttributes.k2 "-1", SvgAttributes.k3 "1", SvgAttributes.result "shadowInnerInner1" ] [], Svg.feColorMatrix [ SvgAttributes.values "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0", SvgAttributes.in_ "shadowInnerInner1" ] [] ] @@ -607,12 +607,13 @@ unselectedSvg = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml |> withImageBorder Colors.gray75 selectedSvg : Svg selectedSvg = - Nri.Ui.Svg.V1.init "0 0 27 27" + Svg.svg [ SvgAttributes.viewBox "0 0 27 27" ] [ Svg.defs [] [ Svg.rect [ SvgAttributes.id "selected-path-1", SvgAttributes.x "0", SvgAttributes.y "0", SvgAttributes.width "27", SvgAttributes.height "27", SvgAttributes.rx "13.5" ] [] , Svg.filter @@ -651,12 +652,13 @@ selectedSvg = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml |> withImageBorder Colors.azure lockedSvg : Svg lockedSvg = - Nri.Ui.Svg.V1.init "0 0 30 30" + Svg.svg [ SvgAttributes.viewBox "0 0 30 30" ] [ Svg.defs [] [ Svg.rect [ SvgAttributes.id "locked-path-1", SvgAttributes.x "0", SvgAttributes.y "0", SvgAttributes.width "30", SvgAttributes.height "30", SvgAttributes.rx "15" ] [] , Svg.filter [ SvgAttributes.id "locked-filter-2", SvgAttributes.x "-3.3%", SvgAttributes.y "-3.3%", SvgAttributes.width "106.7%", SvgAttributes.height "106.7%", SvgAttributes.filterUnits "objectBoundingBox" ] [ Svg.feOffset [ SvgAttributes.dx "0", SvgAttributes.dy "2", SvgAttributes.in_ "SourceAlpha", SvgAttributes.result "shadowOffsetInner1" ] [], Svg.feComposite [ SvgAttributes.in_ "shadowOffsetInner1", SvgAttributes.in2 "SourceAlpha", SvgAttributes.operator "arithmetic", SvgAttributes.k2 "-1", SvgAttributes.k3 "1", SvgAttributes.result "shadowInnerInner1" ] [], Svg.feColorMatrix [ SvgAttributes.values "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0", SvgAttributes.in_ "shadowInnerInner1" ] [] ] @@ -698,6 +700,7 @@ lockedSvg = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml |> withImageBorder Colors.gray75 diff --git a/src/Nri/Ui/Select/V8.elm b/src/Nri/Ui/Select/V8.elm index 954583af..02808185 100644 --- a/src/Nri/Ui/Select/V8.elm +++ b/src/Nri/Ui/Select/V8.elm @@ -1,7 +1,6 @@ module Nri.Ui.Select.V8 exposing ( view, generateId , Choice, choices - , ChoicesGroup, groupedChoices , value , Attribute, defaultDisplayText , hiddenLabel, visibleLabel @@ -25,7 +24,6 @@ module Nri.Ui.Select.V8 exposing ### Input types @docs Choice, choices -@docs ChoicesGroup, groupedChoices ### Input content @@ -162,26 +160,6 @@ noMargin removeMargin = Attribute <| \config -> { config | noMarginTop = removeMargin } -{-| Groupings of choices (will be added _after_ isolated choices.) --} -type alias ChoicesGroup value = - { label : String - , choices : List (Choice value) - } - - -{-| -} -groupedChoices : (value -> String) -> List (ChoicesGroup value) -> Attribute value -groupedChoices valueToString optgroups = - Attribute - (\config -> - { config - | valueToString = Just valueToString - , optgroups = optgroups - } - ) - - {-| A single possible choice. -} type alias Choice value = @@ -217,7 +195,6 @@ type alias Config value = { id : Maybe String , value : Maybe value , choices : List (Choice value) - , optgroups : List (ChoicesGroup value) , valueToString : Maybe (value -> String) , defaultDisplayText : Maybe String , error : ErrorState @@ -234,7 +211,6 @@ defaultConfig = { id = Nothing , value = Nothing , choices = [] - , optgroups = [] , valueToString = Nothing , defaultDisplayText = Nothing , error = InputErrorAndGuidanceInternal.noError @@ -279,7 +255,6 @@ view label attributes = config , viewSelect { choices = config.choices - , optgroups = config.optgroups , current = config.value , id = id_ , custom = config.custom @@ -293,7 +268,6 @@ view label attributes = viewSelect : { choices : List (Choice a) - , optgroups : List (ChoicesGroup a) , current : Maybe a , id : String , valueToString : Maybe (a -> String) @@ -304,25 +278,23 @@ viewSelect : -> Html a viewSelect config = let - toChoice valueToString choice = - { label = choice.label - , idAndValue = generateId (valueToString choice.value) - , value = choice.value - } - - ( optionStringChoices, groupStringChoices ) = + stringChoices = case config.valueToString of Just valueToString -> - ( List.map (toChoice valueToString) config.choices - , List.concatMap (.choices >> List.map (toChoice valueToString)) config.optgroups - ) + List.map + (\choice -> + { label = choice.label + , idAndValue = generateId (valueToString choice.value) + , value = choice.value + } + ) + config.choices Nothing -> - ( [], [] ) + [] valueLookup = - optionStringChoices - ++ groupStringChoices + stringChoices |> List.map (\x -> ( x.idAndValue, x.value )) |> Dict.fromList @@ -355,23 +327,10 @@ viewSelect config = else config.current - - viewGroupedChoices group = - Html.optgroup [ Attributes.attribute "label" group.label ] - (case config.valueToString of - Just valueToString -> - List.map - (toChoice valueToString >> viewChoice currentVal) - group.choices - - Nothing -> - [] - ) in - (defaultOption - ++ List.map (viewChoice currentVal) optionStringChoices - ++ List.map viewGroupedChoices config.optgroups - ) + stringChoices + |> List.map (viewChoice currentVal) + |> (++) defaultOption |> Nri.Ui.styled Html.select "nri-select-menu" [ -- border diff --git a/src/Nri/Ui/SpriteSheet.elm b/src/Nri/Ui/SpriteSheet.elm new file mode 100644 index 00000000..07dae0db --- /dev/null +++ b/src/Nri/Ui/SpriteSheet.elm @@ -0,0 +1,184 @@ +module Nri.Ui.SpriteSheet exposing + ( arrowLeft + , bulb + , checkmark + , exclamationMark + , xSvg + ) + +{-| + +@docs arrowLeft +@docs bulb +@docs checkmark +@docs exclamationMark +@docs xSvg + +-} + +import Html.Styled exposing (..) +import Nri.Ui.Svg.V1 as NriSvg +import Svg exposing (..) +import Svg.Attributes exposing (..) + + +{-| -} +exclamationMark : NriSvg.Svg +exclamationMark = + Svg.svg + [ viewBox "0 0 4 12", width "100%", height "100%" ] + [ Svg.path + [ d "M3.234 10.575a1.363 1.363 0 1 1-2.726 0 1.363 1.363 0 0 1 2.726 0zm.648-8.398a1.978 1.978 0 0 1-.007.047l-.834 5.294c-.079.53-.542.926-1.085.926h-.013a1.096 1.096 0 0 1-1.085-.926L.024 2.224A1.93 1.93 0 0 1 1.93 0h.04a1.94 1.94 0 0 1 1.912 1.663v.514z" + , fill "currentcolor" + , fillRule "evenodd" + ] + [] + ] + |> fromUnstyled + |> NriSvg.fromHtml + + +{-| -} +checkmark : NriSvg.Svg +checkmark = + Svg.svg + [ x "0px" + , y "0px" + , viewBox "0 0 21.7 17.1" + , Svg.Attributes.style "enable-background:new 0 0 21.7 17.1;" + , width "100%" + , height "100%" + ] + [ Svg.path + [ fill "currentcolor" + , d "M7.6,17.1c-0.5,0-1-0.2-1.4-0.6l-5.6-5.4c-0.8-0.8-0.8-2-0.1-2.8c0.8-0.8,2-0.8,2.8-0.1l4.1,4 L18.2,0.7c0.8-0.8,2-0.9,2.8-0.1s0.9,2,0.1,2.8l-12,13C8.7,16.9,8.2,17.1,7.6,17.1C7.7,17.1,7.6,17.1,7.6,17.1" + ] + [] + ] + |> fromUnstyled + |> NriSvg.fromHtml + + +{-| -} +bulb : NriSvg.Svg +bulb = + svg + [ x "0px" + , y "0px" + , viewBox "0 0 23 25" + , Svg.Attributes.style "enable-background:new 0 0 23 25;" + , width "100%" + , height "100%" + ] + [ Svg.style [] [ Svg.text ".blub-st0{fill:#FEC709;} " ] + , g [] + [ g [ transform "translate(-261.000000, -371.000000)" ] + [ g + [ transform "translate(259.886945, 371.000000)" + ] + [ g [ transform "translate(0.859754, 0.051946)" ] + [ g [ transform "translate(0.461538, 0.000000)" ] + [ Svg.path + [ class "blub-st0" + , d "M21.6,12.5H19c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h2.6c0.3,0,0.6-0.3,0.6-0.6 S21.9,12.5,21.6,12.5z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M18.1,9.3c0.1,0,0.2,0,0.3-0.1l2.3-1.4C20.9,7.7,21,7.3,20.8,7c-0.2-0.3-0.5-0.4-0.8-0.2 l-2.3,1.4c-0.2,0.1-0.3,0.4-0.3,0.7C17.6,9.1,17.8,9.3,18.1,9.3L18.1,9.3z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M17.1,2c-0.3-0.2-0.6-0.1-0.8,0.2l-1.5,2.2h0c-0.1,0.1-0.1,0.3-0.1,0.5c0,0.2,0.1,0.3,0.2,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.2,0,0.3-0.1,0.4-0.3l1.5-2.2C17.4,2.6,17.4,2.2,17.1,2L17.1,2z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M6.7,5.4c0.2,0,0.4-0.1,0.5-0.3c0.1-0.2,0.1-0.4,0-0.6L5.7,2.2v0C5.6,2.1,5.4,2,5.3,1.9 C5.1,1.9,5,1.9,4.9,2C4.7,2.1,4.6,2.3,4.6,2.4c0,0.2,0,0.3,0.1,0.4l1.5,2.2C6.3,5.3,6.5,5.4,6.7,5.4L6.7,5.4z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M4,8.2L1.7,6.8C1.5,6.7,1.1,6.8,1,7C0.8,7.3,0.9,7.6,1.2,7.8l2.3,1.4c0.1,0.1,0.3,0.1,0.4,0.1 C4,9.2,4.1,9.1,4.2,9c0.1-0.1,0.1-0.3,0.1-0.5C4.2,8.4,4.1,8.2,4,8.2L4,8.2z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M20.6,17.8l-2.2-1.4c-0.3-0.2-0.6-0.1-0.8,0.2c-0.2,0.3-0.1,0.6,0.2,0.8l2.3,1.4 c0.3,0.1,0.6,0,0.7-0.2C21,18.3,20.9,18,20.6,17.8L20.6,17.8z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M3.5,16.4l-2.3,1.4h0C1.1,17.8,1,18,0.9,18.1c0,0.2,0,0.3,0.1,0.5c0.1,0.1,0.2,0.2,0.4,0.3 c0.1,0,0.3,0,0.4-0.1L4,17.4c0.3-0.2,0.3-0.5,0.2-0.8C4.1,16.4,3.7,16.3,3.5,16.4L3.5,16.4z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M3.7,13.1c0-0.3-0.3-0.6-0.6-0.6H0.6c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h2.6 c0.1,0,0.3-0.1,0.4-0.2C3.7,13.4,3.7,13.2,3.7,13.1L3.7,13.1z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M10.7,3.9c0.3,0,0.6-0.3,0.6-0.6V0.6C11.3,0.3,11,0,10.7,0c-0.3,0-0.6,0.3-0.6,0.6v2.7 c0,0.2,0.1,0.3,0.2,0.4S10.6,3.9,10.7,3.9L10.7,3.9z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M13.4,20.2H8.9c-0.3,0-0.6,0.3-0.6,0.6c0,0.3,0.3,0.6,0.6,0.6h4.5c0.3,0,0.6-0.3,0.6-0.6 C14,20.5,13.7,20.2,13.4,20.2z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M10,23.5v0.3c0,0.4,0.3,0.7,0.6,0.7h0.9c0.4,0,0.6-0.3,0.6-0.7v-0.3c0.7,0,1.3-0.7,1.3-1.4 H8.8C8.9,22.8,9.4,23.4,10,23.5L10,23.5z" + ] + [] + , Svg.path + [ class "blub-st0" + , d "M11.2,6.7c-3.1,0-5.6,2.7-5.6,6v0c0,0.8,0.1,1.5,0.4,2.3c0,0.1,0.1,0.2,0.1,0.3h0 c0.2,0.6,0.6,1.1,1,1.6l1.4,2.3h5.4l1.4-2.3c0.4-0.5,0.7-1,1-1.6c0-0.1,0.1-0.2,0.1-0.3h0c0.3-0.7,0.4-1.5,0.4-2.3 C16.8,9.4,14.3,6.7,11.2,6.7L11.2,6.7z M10.9,9c-0.6,0-1.2,0.2-1.7,0.5c-1.1,0.7-1.6,1.9-1.7,3.5v0c0,0.3-0.3,0.6-0.6,0.6 c-0.1,0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.3-0.2-0.4c0-2.7,1.3-4,2.3-4.6c0.7-0.4,1.4-0.6,2.2-0.7c0.3,0,0.6,0.3,0.6,0.6 C11.5,8.7,11.2,9,10.9,9L10.9,9z" + ] + [] + ] + ] + ] + ] + ] + ] + |> fromUnstyled + |> NriSvg.fromHtml + + +{-| -} +arrowLeft : NriSvg.Svg +arrowLeft = + svg + [ viewBox "0 0 25 25" + , width "100%" + , height "100%" + , fill "currentcolor" + ] + [ Svg.path + [ fillRule "evenodd" + , d "M19.2677026,20.7322696 C20.2443584,21.7070736 20.2443584,23.2915005 19.2677026,24.2677859 C18.7788191,24.7555583 18.139567,25 17.4999444,25 C16.8603219,25 16.2210698,24.7555583 15.7321863,24.2677859 L5.73229742,14.267897 C4.7556416,13.293093 4.7556416,11.7086662 5.73229742,10.7323808 L15.7321863,0.732491861 C16.7084718,-0.244163954 18.2914171,-0.244163954 19.2677026,0.732491861 C20.2443584,1.70729584 20.2443584,3.29172268 19.2677026,4.26800813 L11.0359422,12.5001389 L19.2677026,20.7322696 Z" + ] + [] + ] + |> fromUnstyled + |> NriSvg.fromHtml + + +xSvg : NriSvg.Svg +xSvg = + svg + [ viewBox "0 0 25 25" + , width "100%" + , height "100%" + , fill "currentcolor" + ] + [ Svg.path + [ d "M1.067 6.015c-1.423-1.422-1.423-3.526 0-4.948 1.422-1.423 3.526-1.423 4.948 0l6.371 6.37 6.371-6.37c1.422-1.423 3.783-1.423 5.176 0 1.423 1.422 1.423 3.782 0 5.176l-6.37 6.37 6.37 6.372c1.423 1.422 1.423 3.526 0 4.948-1.422 1.423-3.526 1.423-4.948 0l-6.371-6.37-6.371 6.37c-1.422 1.423-3.783 1.423-5.176 0-1.423-1.422-1.423-3.782 0-5.176l6.37-6.143-6.37-6.599z" + ] + [] + ] + |> fromUnstyled + |> NriSvg.fromHtml diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index a5f40ad2..c7f68e26 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -1,53 +1,53 @@ module Nri.Ui.Svg.V1 exposing ( Svg - , withColor, withLabel, withWidth, withHeight, withCss, withCustom - , init, toHtml + , withColor, withLabel, withWidth, withHeight, withCss, withNriDescription + , fromHtml, toHtml + , toRawSvg ) {-| @docs Svg -@docs withColor, withLabel, withWidth, withHeight, withCss, withCustom -@docs init, toHtml +@docs withColor, withLabel, withWidth, withHeight, withCss, withNriDescription +@docs fromHtml, toHtml +@docs toRawSvg -} import Accessibility.Styled.Aria as Aria import Accessibility.Styled.Role as Role import Css exposing (Color) -import Html.Styled.Attributes +import Html.Styled as Html exposing (Html) +import Html.Styled.Attributes as Attributes import Nri.Ui.Html.Attributes.V2 as AttributesExtra -import Svg.Styled -import Svg.Styled.Attributes exposing (..) +import Svg.Styled as Svg {-| Opaque type describing a non-interactable Html element. -} type Svg = Svg - { icon : List (Svg.Styled.Svg Never) + { icon : Html Never , color : Maybe Color , width : Maybe Css.Px , height : Maybe Css.Px , css : List Css.Style , label : Maybe String - , viewBox : String - , attributes : List (Svg.Styled.Attribute Never) + , attributes : List (Html.Attribute Never) } -{-| Pass through the viewbox as the first argument and the contents of the svg node as the second argument. +{-| Tag html as being an svg. -} -init : String -> List (Svg.Styled.Svg Never) -> Svg -init viewBox icon = +fromHtml : Html Never -> Svg +fromHtml icon = Svg { icon = icon , color = Nothing , height = Nothing , width = Nothing - , css = [ Css.flexShrink Css.zero ] + , css = [] , label = Nothing - , viewBox = viewBox , attributes = [] } @@ -58,11 +58,12 @@ withColor color (Svg record) = Svg { record | color = Just color } -{-| Add a title to the svg. Note that when the label is _not_ present, the icon will be entirely hidden from screenreader users. +{-| Add a string aria-label property to the element. -Read [Carie Fisher's "Accessible Svgs"](https://www.smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/) article to learn more about accessible svgs. +See [Using the aria-label attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute) for +guidelines of when and how to use this attribute. -Go through the [WCAG images tutorial](https://www.w3.org/WAI/tutorials/images/) to learn more about identifying when images are functional or decorative or something else. +Note that when the label is _not_ present, `aria-hidden` will be added. See for a quick summary on why. -} withLabel : String -> Svg -> Svg @@ -90,45 +91,49 @@ withCss css (Svg record) = {-| -} -withCustom : List (Svg.Styled.Attribute Never) -> Svg -> Svg +withCustom : List (Html.Attribute Never) -> Svg -> Svg withCustom attributes (Svg record) = - Svg { record | attributes = record.attributes ++ attributes } + Svg { record | attributes = attributes ++ record.attributes } -{-| render an svg. +{-| -} +withNriDescription : String -> Svg -> Svg +withNriDescription description = + withCustom [ AttributesExtra.nriDescription description ] + + +{-| Render an svg. -} -toHtml : Svg -> Svg.Styled.Svg msg +toHtml : Svg -> Html msg toHtml (Svg record) = let - width = - Maybe.map Css.width record.width - |> Maybe.withDefault (Css.width (Css.pct 100)) + css = + List.filterMap identity + [ Maybe.map Css.color record.color + , Maybe.map Css.width record.width + , Maybe.map Css.height record.height + ] + ++ record.css - height = - Maybe.map Css.height record.height - |> Maybe.withDefault (Css.height (Css.pct 100)) + attributes = + List.filterMap identity + [ if List.isEmpty css then + Nothing - color = - Maybe.map Css.color record.color - |> Maybe.withDefault (Css.batch []) + else + Just (Attributes.css (Css.display Css.inlineBlock :: css)) + , Maybe.map Aria.label record.label + |> Maybe.withDefault (Aria.hidden True) + |> Just + , Just Role.img + ] + ++ record.attributes in - Svg.Styled.svg - ([ viewBox record.viewBox - , fill "currentcolor" - , css (width :: height :: color :: record.css) - , Maybe.map (\_ -> AttributesExtra.none) record.label - |> Maybe.withDefault (Aria.hidden True) - , Role.img - , Html.Styled.Attributes.attribute "focusable" "false" - ] - ++ record.attributes - ) - (case record.label of - Just label -> - Svg.Styled.title [] [ Svg.Styled.text label ] - :: record.icon + Html.map never (Html.div attributes [ record.icon ]) - Nothing -> - record.icon - ) - |> Svg.Styled.map never + +{-| Extract an svg, dropping any attributes passed through. +-} +toRawSvg : Svg -> Svg.Svg msg +toRawSvg (Svg record) = + Html.map never record.icon diff --git a/src/Nri/Ui/Switch/V2.elm b/src/Nri/Ui/Switch/V2.elm index fa901096..e4b25182 100644 --- a/src/Nri/Ui/Switch/V2.elm +++ b/src/Nri/Ui/Switch/V2.elm @@ -244,7 +244,19 @@ viewSwitch config = shadowBoxId = config.id ++ "-shadow-box" in - Nri.Ui.Svg.V1.init "0 0 43 32" + Svg.svg + [ SvgAttributes.width "43" + , SvgAttributes.height "32" + , SvgAttributes.viewBox "0 0 43 32" + , SvgAttributes.css + [ Css.zIndex (Css.int 1) + , if config.isDisabled then + Css.opacity (Css.num 0.4) + + else + Css.opacity (Css.num 1) + ] + ] [ Svg.defs [] [ Svg.filter [ SvgAttributes.id shadowFilterId @@ -354,16 +366,7 @@ viewSwitch config = ] ] ] - |> Nri.Ui.Svg.V1.withWidth (Css.px 43) - |> Nri.Ui.Svg.V1.withHeight (Css.px 32) - |> Nri.Ui.Svg.V1.withCss - [ Css.zIndex (Css.int 1) - , if config.isDisabled then - Css.opacity (Css.num 0.4) - - else - Css.opacity (Css.num 1) - ] + |> Nri.Ui.Svg.V1.fromHtml stroke : Color -> Style diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index a4a1416f..0ab43f3c 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -77,7 +77,6 @@ module Nri.Ui.UiIcon.V1 exposing -} -import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Svg.V1 import Svg.Styled as Svg import Svg.Styled.Attributes as Attributes @@ -86,7 +85,11 @@ import Svg.Styled.Attributes as Attributes {-| -} unarchive : Nri.Ui.Svg.V1.Svg unarchive = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -94,12 +97,18 @@ unarchive = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} archive : Nri.Ui.Svg.V1.Svg archive = - Nri.Ui.Svg.V1.init "0 0 25 24" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 24" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -108,12 +117,18 @@ archive = [ Svg.path [ Attributes.d "M0.857503203,22.0742086 C0.883930262,22.308469 0.962196617,22.5345115 1.08620552,22.734862 C1.21427892,22.9403547 1.3779284,23.1201493 1.57004241,23.2660525 C1.77231506,23.4201727 1.99795989,23.5403935 2.23886351,23.6205389 C2.48992578,23.7058187 2.75421199,23.75 3.01949741,23.75 L21.9732885,23.75 C22.2385739,23.75 22.5018297,23.7058187 22.7539224,23.6205389 C22.9958382,23.5403961 23.2235257,23.4201832 23.4278176,23.2660525 C23.6189116,23.1211804 23.7835785,22.943419 23.9116545,22.7399911 C24.0356608,22.5396354 24.1139272,22.3146187 24.1403568,22.0793377 L24.989088,14.3835859 C25.0185648,14.1236379 24.9880706,13.860602 24.9006578,13.6150365 C24.8142599,13.3766649 24.6780549,13.1598619 24.5001666,12.9810799 C24.3131397,12.7940809 24.0915568,12.6471625 23.8465939,12.5495518 C23.5792788,12.4426956 23.2936449,12.3882403 23.0059813,12.3892519 L1.99912121,12.3892519 C1.71145762,12.3882377 1.42686452,12.442693 1.15952343,12.5495518 C0.914557913,12.6471599 0.691949748,12.7940888 0.505950711,12.9810799 C0.328072868,13.1598593 0.190860848,13.3766518 0.105459499,13.6150365 C0.0149944385,13.8605993 -0.017531974,14.1236326 0.00889768776,14.3835859 L0.857503203,22.0742086 Z M7.18480117,16.8740919 C7.23460822,16.7600445 7.30779264,16.6583252 7.3982551,16.5740791 C7.49481691,16.4846908 7.60662711,16.4158504 7.72960817,16.3685864 C7.86174607,16.3182397 8.00100856,16.2925548 8.1432921,16.2925548 C8.28559645,16.2935806 8.42791122,16.3192681 8.56207616,16.3685864 C8.68811731,16.4158504 8.80500683,16.4857166 8.90766279,16.5740791 C9.00727428,16.6573047 9.08960773,16.7590213 9.14957863,16.8740919 C9.20751728,16.9871136 9.24004369,17.1124635 9.24309337,17.2398624 L9.28476881,18.6156444 L15.7117277,18.6156444 L15.7534031,17.2398624 L15.7544206,17.2398624 C15.7574703,17.1124556 15.7879644,16.9871057 15.8448856,16.8740919 C15.9048565,16.759016 15.9861726,16.6572968 16.0847692,16.5740791 C16.186413,16.4857166 16.3043225,16.4158504 16.4303559,16.3685864 C16.564526,16.3192681 16.7068304,16.2935806 16.8491399,16.2925548 C16.9904269,16.2925548 17.1306885,16.3182397 17.2628238,16.3685864 C17.3847979,16.4158504 17.4976229,16.4846908 17.5931621,16.5740791 C17.6856594,16.6573047 17.7588438,16.7600497 17.8096657,16.8740919 C17.8584553,16.9891679 17.8808179,17.1145178 17.8747185,17.2398624 L17.7629083,19.5228899 C17.7557916,19.645157 17.7222503,19.7653726 17.6643117,19.8722209 C17.6043408,19.9821598 17.525057,20.0777136 17.4295126,20.1568201 C17.3299011,20.2390172 17.2160587,20.3027206 17.0940742,20.3458734 C16.964986,20.3931374 16.827774,20.4167681 16.6905385,20.4167681 L8.30678806,20.4167681 C8.16956823,20.4167681 8.0323432,20.3931348 7.90325238,20.3458734 C7.77721123,20.3068291 7.65930428,20.2451826 7.55462128,20.1650398 C7.45907429,20.0859255 7.37979051,19.9893432 7.32083704,19.8804406 C7.26188356,19.772556 7.22833972,19.6533715 7.22122555,19.5311096 L7.10941535,17.2480821 C7.10535085,17.118621 7.13076309,16.9912169 7.18463203,16.8740788 L7.18480117,16.8740919 Z M18.6340984,2.18645837 L16.4517843,2.18645837 L16.5168371,1.22371345 C16.5422493,0.839451916 16.4853281,0.453112443 16.3501405,0.0924710683 C16.3501405,0.0606206824 16.3237135,0.0318503859 16.3115148,2.98427949e-13 L19.8051117,0.00102581968 C20.3926167,0.00102581968 20.8937317,0.428450686 20.9923257,1.01308899 L22.6084721,10.561366 L20.1750801,10.561366 L18.8170894,2.3571758 C18.8018436,2.26367629 18.7215424,2.19483589 18.6270128,2.19483589 L18.6340984,2.18645837 Z M8.93316089,0.0822128715 L8.93417832,0.0822128715 C8.79797332,0.444905886 8.7410521,0.833296998 8.76748176,1.22063599 L8.83253458,2.18338091 L6.64920565,2.18338091 C6.55467609,2.18338091 6.47437488,2.25324712 6.4591291,2.34674664 L5.10113837,10.561195 L2.66774638,10.561195 L4.28389274,1.01607176 C4.3824894,0.430407634 4.88563137,0.00195694831 5.47313644,0.00298092987 L8.96569251,0.00298092987 C8.95247898,0.0399701432 8.93621577,0.0605207308 8.92605192,0.0923711167 L8.93316089,0.0822128715 Z M8.79492364,6.48753616 L8.79594107,6.48753616 C8.75935015,6.40431062 8.73800242,6.31492227 8.73088824,6.22450547 C8.72580632,6.12997751 8.73800242,6.03545217 8.76747916,5.94503537 C8.79898814,5.84948158 8.84879519,5.76009323 8.91283059,5.68200468 C8.95958795,5.62446672 9.01447432,5.5730942 9.07444522,5.52994138 C9.1374658,5.48473167 9.2055683,5.44774429 9.2777353,5.41897399 C9.35091973,5.38917788 9.42816866,5.3655472 9.50643761,5.35116205 C9.58673622,5.33574846 9.66906968,5.32752875 9.75140313,5.32752875 L10.9111649,5.32752875 L10.779027,1.23214095 C10.7749599,1.10267988 10.7973225,0.974247252 10.8461121,0.856085977 C10.8949017,0.738955782 10.9650364,0.633125385 11.0544841,0.545788675 C11.1469814,0.455371877 11.2557419,0.383448766 11.3746741,0.335158962 C11.5007126,0.282757988 11.6359002,0.256044592 11.7731096,0.256044592 L13.5030984,0.256044592 C13.6393034,0.256044592 13.7744988,0.282757988 13.901534,0.335158962 C14.0204583,0.383448766 14.1292189,0.455371877 14.221724,0.545788675 C14.3111716,0.633122754 14.3813064,0.738953151 14.430096,0.856085977 C14.4788856,0.974244622 14.5012482,1.10267725 14.4971811,1.23214095 L14.3640257,5.32963299 L15.5766624,5.32963299 C15.6722094,5.32963299 15.766739,5.34093542 15.8582111,5.36354028 C15.9486761,5.38511668 16.0360889,5.41902397 16.1184224,5.46423105 C16.1946565,5.5053296 16.2647912,5.55773057 16.3267944,5.61937708 C16.3857478,5.67896931 16.4365697,5.74883815 16.4751955,5.82384135 C16.5077219,5.88754475 16.5310993,5.95432824 16.5453302,6.02419708 C16.5514296,6.05913019 16.5565115,6.0940633 16.5585437,6.12899903 C16.560576,6.16393214 16.560576,6.19989369 16.5585437,6.2348268 C16.5544766,6.28106233 16.546345,6.32627205 16.5351664,6.37147913 C16.5229677,6.41668885 16.5067045,6.46086748 16.4873942,6.50299447 C16.4690961,6.54614729 16.4457187,6.58724583 16.4203091,6.62629011 C16.3928646,6.66738865 16.3623704,6.70643293 16.3288292,6.74239448 L13.4126412,9.96662465 C13.3669012,10.0179972 13.3150619,10.0632069 13.2591581,10.1012227 C13.2012195,10.1412928 13.1392163,10.1741716 13.0741635,10.2008877 C13.0070784,10.2286295 12.9369437,10.2502059 12.8657915,10.2645911 C12.7184052,10.2933614 12.56595,10.2933614 12.4185403,10.2645911 C12.3463733,10.2502059 12.2752212,10.2286295 12.2071187,10.2008877 C12.1420658,10.1741743 12.0790453,10.1412954 12.0200918,10.1012227 C11.9631706,10.0632069 11.9103138,10.0179972 11.8635591,9.96662465 L8.95231505,6.75054844 C8.88421255,6.6755426 8.82830875,6.5902628 8.78765074,6.49779173 L8.79492364,6.48753616 Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} share : Nri.Ui.Svg.V1.Svg share = - Nri.Ui.Svg.V1.init "0 0 30 30" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 30 30" + ] [ Svg.path [ Attributes.d "M18.5,0.1H1.8C0.3,0.1,0,0.5,0,1.9v26.2C0,29.7,0.4,30,1.8,30h26.3c1.5,0,1.8-0.3,1.8-1.8V12.3l-3.1,2.6v12H3.1V3.2h12.4L18.5,0.1z M23,9.9v4.2l7-7l-7-7v3.5C6.8,4.2,6.8,19.7,6.8,19.7S11.6,10.6,23,9.9z" ] @@ -134,30 +149,49 @@ share = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} seeMore : Nri.Ui.Svg.V1.Svg seeMore = - Nri.Ui.Svg.V1.init "0 0 30 30" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 30 30" + ] [ Svg.ellipse [ Attributes.cx "8.1", Attributes.cy "15", Attributes.rx "2.3", Attributes.ry "2.2" ] [] , Svg.ellipse [ Attributes.cx "15", Attributes.cy "15", Attributes.rx "2.3", Attributes.ry "2.2" ] [] , Svg.ellipse [ Attributes.cx "21.5", Attributes.cy "15", Attributes.rx "2.3", Attributes.ry "2.2" ] [] , Svg.path [ Attributes.d "M28.3,0H1.9C1.1,0,0.7,0.1,0.4,0.4C0.1,0.7,0,1.1,0,1.9v26.2C0,29.7,0.4,30,1.8,30H27h1.1h0.1c0.1,0,0.2,0,0.3,0c0,0,0.1,0,0.1,0c0.1,0,0.3,0,0.4-0.1c0,0,0,0,0,0c0.8-0.2,1-0.6,1-1.7V1.9C30.1,0.4,29.7,0,28.3,0z M26.8,27H3.1v-0.1V3.2V3.1h0.1H27v23.8V27H26.8z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} preview : Nri.Ui.Svg.V1.Svg preview = - Nri.Ui.Svg.V1.init "0 5 25 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 5 25 15" + , Attributes.fillRule "evenodd" + ] [ Svg.path [ Attributes.d "M12.5,5 C18.0555556,5 25,12.5 25,12.5 C25,12.5 18.0555556,20 12.5,20 C6.94444444,20 0,12.5 0,12.5 C3.2637037,9.26571429 7.62444444,5.19964286 12.5,5 Z M12.5,8.48214286 C10.1981481,8.48214286 8.33333333,10.28 8.33333333,12.5 C8.33333333,14.7196429 10.1981481,16.5178571 12.5,16.5178571 C14.8018519,16.5178571 16.6666667,14.7196429 16.6666667,12.5 C16.6666667,10.28 14.8018519,8.48214286 12.5,8.48214286 Z M12.5,14.5089286 C11.35,14.5089286 10.4166667,13.6085714 10.4166667,12.5 C10.4166667,11.3910714 11.35,10.4910714 12.5,10.4910714 C13.65,10.4910714 14.5833333,11.3910714 14.5833333,12.5 C14.5833333,13.6085714 13.65,14.5089286 12.5,14.5089286 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} copyToClipboard : Nri.Ui.Svg.V1.Svg copyToClipboard = - Nri.Ui.Svg.V1.init "0 0 20 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 20 20" + ] [ Svg.g [ Attributes.transform "translate(-188.000000, -218.000000)" ] @@ -177,12 +211,18 @@ copyToClipboard = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} performance : Nri.Ui.Svg.V1.Svg performance = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.d "M2.575,22.5 L2.55333333,2.47096774 L2.55333333,5.68434189e-14 L1.53166667,5.68434189e-14 C0.275833333,5.68434189e-14 0,0.345967742 0,1.48225806 L0.0216666667,23.4887097 C0.0216666667,24.7185484 0.3275,24.9709677 1.55333333,24.9709677 L23.4891667,24.9709677 C24.7191667,24.9709677 25.0216667,24.7483871 25.0216667,23.4887097 L25.0216667,22.5 L22.4675,22.5 L2.575,22.5 Z" ] [] @@ -193,65 +233,100 @@ performance = , Svg.rect [ Attributes.x "14.7262015", Attributes.y "8.69585911", Attributes.width "3.55583333", Attributes.height "12.6616687", Attributes.rx "1" ] [] , Svg.rect [ Attributes.x "19.9773023", Attributes.y "3.19919812", Attributes.width "3.55583333", Attributes.height "18.1583297", Attributes.rx "1" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} openClose : Nri.Ui.Svg.V1.Svg openClose = - Nri.Ui.Svg.V1.init "0 0 14 12" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 14 12" + ] [ Svg.path [ Attributes.d "M8.3,10.6c0,0.2-0.1,0.9,0.3,0.9h2.9c1.4,0,2.6-1.2,2.6-2.6V2.6C14,1.2,12.8,0,11.4,0 H8.6C8.4,0,8.3,0.1,8.3,0.3c0,0.3-0.1,0.9,0.3,0.9h2.9c0.8,0,1.4,0.6,1.4,1.4v6.3c0,0.8-0.6,1.4-1.4,1.4H8.9 C8.6,10.3,8.3,10.2,8.3,10.6z M0,5.7C0,5.9,0.1,6,0.2,6.1L5,11c0.1,0.1,0.2,0.2,0.4,0.2c0.3,0,0.6-0.3,0.6-0.6V8h4 c0.3,0,0.6-0.3,0.6-0.6V4c0-0.3-0.3-0.6-0.6-0.6H6V0.9c0-0.3-0.3-0.6-0.6-0.6C5.3,0.3,5.1,0.3,5,0.5L0.2,5.3C0.1,5.4,0,5.6,0,5.7z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} download : Nri.Ui.Svg.V1.Svg download = - Nri.Ui.Svg.V1.init "0 0 21 21" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 21 21" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M17.719 12.467H21v5.25a1.968 1.968 0 0 1-1.969 1.97H1.97A1.968 1.968 0 0 1 0 17.716v-5.25h3.281v3.938H17.72v-3.938zM5.647 9.17h.001a1.024 1.024 0 0 1-.082-.332.967.967 0 0 1 .046-.352A1.037 1.037 0 0 1 6 7.962c.08-.057.166-.104.257-.14a1.642 1.642 0 0 1 .597-.115h1.462l-.167-5.163a1.148 1.148 0 0 1 .347-.865 1.307 1.307 0 0 1 .906-.365h2.18c.172 0 .343.034.503.1.15.06.287.151.404.265a1.148 1.148 0 0 1 .347.865l-.168 5.165h1.529c.12 0 .24.015.354.043.114.027.225.07.328.127a1.058 1.058 0 0 1 .45.453.985.985 0 0 1 .076.69 1.065 1.065 0 0 1-.06.166 1.01 1.01 0 0 1-.2.302l-3.676 4.064a1.05 1.05 0 0 1-.194.17 1.432 1.432 0 0 1-1.326.126 1.29 1.29 0 0 1-.236-.126 1.073 1.073 0 0 1-.197-.17L5.845 9.5a1.183 1.183 0 0 1-.207-.318l.009-.013z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} edit : Nri.Ui.Svg.V1.Svg edit = - Nri.Ui.Svg.V1.init "0 0 30 30" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 30 30" + ] [ Svg.path [ Attributes.d "M27.3,7.9l-5.2-5.2l2.3-2.3c0.5-0.5,1.2-0.5,1.7,0L29.7,4c0.5,0.5,0.5,1.2,0,1.7L27.3,7.9z M25.9,9.4L8.6,26.6l-5.2-5.2L20.6,4.1L25.9,9.4z M0,30l1.9-7L7,28.1L0,30z" ] [] , Svg.path [ Attributes.fill "none", Attributes.d "M-753.8-401V715h1024V-401H-753.8z" ] [] , Svg.path [ Attributes.fill "none", Attributes.d "M-775.9-385.9v1116h1024v-1116L-775.9-385.9L-775.9-385.9z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} gear : Nri.Ui.Svg.V1.Svg gear = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M3.282 14.744A9.583 9.583 0 0 0 4.52 17.62l-1.557 1.565c-.7.699-.693 1.115-.077 1.73l1.519 1.52c.62.623 1.045.61 1.73-.077l1.635-1.641c.77.443 1.603.782 2.487 1v2c0 .993.3 1.282 1.167 1.282h2.154c.878 0 1.167-.309 1.167-1.282v-2a9.582 9.582 0 0 0 2.487-1l1.672 1.68c.693.686 1.109.699 1.73.083l1.526-1.526c.607-.608.62-1.025-.084-1.73l-1.602-1.602a9.417 9.417 0 0 0 1.243-2.878h2.116c.88-.001 1.168-.31 1.168-1.283v-1.924c0-.95-.25-1.282-1.167-1.282h-2.115a9.582 9.582 0 0 0-1-2.487l1.526-1.519c.673-.673.731-1.09.083-1.731l-1.525-1.526c-.61-.61-1.046-.602-1.731.083L17.62 4.52a9.583 9.583 0 0 0-2.877-1.237v-2c0-.95-.25-1.282-1.167-1.282h-2.154c-.866 0-1.167.314-1.167 1.282v2A9.583 9.583 0 0 0 7.38 4.52l-1.45-1.443c-.685-.685-1.121-.692-1.73-.083L2.672 4.52c-.648.64-.59 1.058.083 1.731l1.52 1.52a9.765 9.765 0 0 0-.994 2.486H1.167C.3 10.256 0 10.57 0 11.538v1.924c0 .993.3 1.282 1.167 1.282h2.115zm5.55-2.244a3.666 3.666 0 0 1 7.334 0 3.667 3.667 0 1 1-7.334 0z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} sort : Nri.Ui.Svg.V1.Svg sort = - Nri.Ui.Svg.V1.init "0 0 21 21" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 21 21" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M0 5.048h21V2H0v3.048zm0 7.4h14.438V9.402H0v3.048zm0 7.402h7v-3.048H0v3.048z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} emptyCalendar : Nri.Ui.Svg.V1.Svg emptyCalendar = - Nri.Ui.Svg.V1.init "0 0 23 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 23 25" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -269,22 +344,33 @@ emptyCalendar = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} calendar : Nri.Ui.Svg.V1.Svg calendar = - Nri.Ui.Svg.V1.init "0 0 21 21" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 21 21" + ] [ Svg.path [ Attributes.fillRule "evenodd", Attributes.d "M19.483 5.097v13.709c-.151 1.053-.848 1.909-1.756 2.194H2.7C1.67 20.677.913 19.621.913 18.376V5.526c0-1.5 1.101-2.725 2.449-2.725h2.515V.725c0-.4.293-.725.652-.725.36 0 .652.326.652.725v2.076h6.065V.725c0-.4.293-.725.652-.725.359 0 .651.326.651.725v2.076h2.516c1.216 0 2.232.998 2.418 2.296zM3.362 4.25h2.515v1c0 .4.293.725.652.725.36 0 .652-.325.652-.725v-1h6.043v1c0 .4.292.725.652.725.359 0 .651-.325.651-.725v-1h2.516c.629 0 1.145.576 1.145 1.275v2.424H2.217V5.525c0-.7.515-1.275 1.145-1.275zm13.703 15.401H3.362c-.63 0-1.145-.575-1.145-1.275v-8.95H18.21v8.95c0 .7-.516 1.275-1.145 1.275z" ] [] , Svg.path [ Attributes.fillRule "nonzero", Attributes.d "M3.652 10.957h1.826v1.826H3.652z" ] [] , Svg.path [ Attributes.fillRule "nonzero", Attributes.d "M3.652 13.696h1.826v1.826H3.652zM6.391 10.957h1.826v1.826H6.391zM6.391 13.696h1.826v1.826H6.391zM9.13 10.957h1.826v1.826H9.13zM9.13 13.696h1.826v1.826H9.13zM11.87 10.957h1.826v1.826H11.87zM11.87 13.696h1.826v1.826H11.87zM14.609 10.957h1.826v1.826h-1.826zM14.609 13.696h1.826v1.826h-1.826zM3.652 16.435h1.826v1.826H3.652zM6.391 16.435h1.826v1.826H6.391zM9.13 16.435h1.826v1.826H9.13zM11.87 16.435h1.826v1.826H11.87zM14.609 16.435h1.826v1.826h-1.826z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} missingDocument : Nri.Ui.Svg.V1.Svg missingDocument = - Nri.Ui.Svg.V1.init "0 0 74 100" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 74 100" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -316,21 +402,32 @@ missingDocument = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} document : Nri.Ui.Svg.V1.Svg document = - Nri.Ui.Svg.V1.init "0 0 21 21" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 21 21" + ] [ Svg.path [ Attributes.d "M13.41.219H4.742a2.703 2.703 0 0 0-2.699 2.699V18.08c0 1.487 1.211 2.699 2.7 2.699h11.051c1.488 0 2.7-1.212 2.7-2.7V5.899L13.41.218zm.356 2.327l2.644 2.956h-2.644V2.546zm2.026 16.949H4.742A1.414 1.414 0 0 1 3.33 18.08V2.918c0-.779.634-1.414 1.412-1.414h7.739v5.282h4.725V18.08c0 .78-.634 1.414-1.414 1.414z" ] [] , Svg.path [ Attributes.d "M6.355 10.072V8.785h7.824v1.287H6.355zm0 2.964V11.75h7.824v1.286H6.355zm0 2.965v-1.287h7.824v1.287H6.355z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} documents : Nri.Ui.Svg.V1.Svg documents = - Nri.Ui.Svg.V1.init "0 0 24 30" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 24 30" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -348,12 +445,17 @@ documents = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} leaderboard : Nri.Ui.Svg.V1.Svg leaderboard = - Nri.Ui.Svg.V1.init "0 0 20 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 20 15" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -377,27 +479,45 @@ leaderboard = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} class : Nri.Ui.Svg.V1.Svg class = - Nri.Ui.Svg.V1.init "0 0 21 21" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 21 21" + ] [ Svg.path [ Attributes.d "M2.66 20.576v-7.1l.002-.063V10.878l-.847 1.65c-.25.487-.834.689-1.304.447-.47-.24-.648-.833-.398-1.32l1.66-3.236c.03-.056.062-.109.099-.156.149-.432.56-.744 1.044-.744h2.95l-1.487 2.896c-.485.949-.16 2.151.823 2.657a1.92 1.92 0 0 0 1.85-.053l.037-.024v7.581H5.153v-6.095H4.65v6.095H2.66zm5.32 0v-7.743l.001-.072V9.968l-.933 1.817c-.276.54-.92.76-1.439.495-.518-.266-.713-.92-.438-1.457l1.83-3.566c.032-.062.068-.119.109-.172.164-.477.618-.82 1.15-.82h4.385c.534 0 .987.343 1.15.82.04.053.077.11.11.172l1.829 3.566c.277.538.08 1.191-.438 1.457-.519.265-1.162.044-1.438-.495l-.933-1.816v2.751c0 .037-.001.071-.005.106v7.75h-2.207v-6.638h-.527v6.638H7.98zm5.831 0V12.99l.043.03a1.92 1.92 0 0 0 1.85.052c.984-.506 1.308-1.708.822-2.657L15.04 7.52h2.949c.484 0 .895.312 1.044.744.036.049.07.1.099.156l1.66 3.235c.25.488.072 1.08-.398 1.321-.47.242-1.054.04-1.305-.448l-.846-1.649v2.497c0 .032-.001.064-.004.097V20.577h-1.99V14.48h-.502v6.095H13.81zM10.491 1a2.182 2.182 0 0 0 .001 4.363A2.182 2.182 0 0 0 10.494 1h-.004zM2.961 4.722a1.978 1.978 0 1 1 3.957 0 1.978 1.978 0 0 1-3.957 0zm11.096 0a1.978 1.978 0 1 1 3.957 0 1.978 1.978 0 0 1-3.957 0z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} person : Nri.Ui.Svg.V1.Svg person = - Nri.Ui.Svg.V1.init "0 0 18 18" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 18 18" + ] [ Svg.path [ Attributes.d "M8.6,9.4c2.6,0,4.7-2.1,4.7-4.7c0-2.6-2.1-4.7-4.7-4.7C6,0,3.9,2.1,3.9,4.7C3.9,7.3,6,9.4,8.6,9.4L8.6,9.4z M0,17.6C0,17.8,0.2,18,0.4,18h16.4c0.2,0,0.4-0.2,0.4-0.4v-0.8c0-3.2-2.1-5.9-6.3-5.9H6.3C2.1,11,0,13.7,0,16.8V17.6z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} couple : Nri.Ui.Svg.V1.Svg couple = - Nri.Ui.Svg.V1.init "0 0 100 100" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 100 100" + ] [ Svg.g [] [ Svg.path [ Attributes.d "m43 30.398c0 8.5625-6.9414 15.5-15.5 15.5s-15.5-6.9375-15.5-15.5c0-8.5586 6.9414-15.5 15.5-15.5s15.5 6.9414 15.5 15.5" ] [] , Svg.path [ Attributes.d "m85.699 40.301c0 7.9531-6.4453 14.398-14.398 14.398s-14.402-6.4453-14.402-14.398 6.4492-14.402 14.402-14.402 14.398 6.4492 14.398 14.402" ] [] @@ -405,48 +525,78 @@ couple = , Svg.path [ Attributes.d "m40.102 67.301v-5.5c0-6.6016 3.3984-12.602 9-16.102 0.30078-0.19922 0.5-0.30078 0.80078-0.39844-0.90234-1.3008-1.9023-2.5-3.2031-3.5-0.69922-0.60156-1.8984-0.39844-2.3008 0.5-3.1992 6-9.6016 10.102-16.898 10.102-7.3008 0-13.602-4.1016-16.898-10.102-0.5-0.80078-1.6016-1.1016-2.3008-0.5-3.1992 2.5977-5.3008 6.5977-5.3008 11.199v4c0 8.8008 7.1992 16 16 16h18.602c0.5 0 1 0 1.5-0.10156 0.89844-0.10156 1.5-0.89844 1.3008-1.8008-0.20312-1.2969-0.30078-2.4961-0.30078-3.7969z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} clock : Nri.Ui.Svg.V1.Svg clock = - Nri.Ui.Svg.V1.init "0 0 15 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 15 15" + ] [ Svg.path [ Attributes.d "M7.5,0C3.4,0,0,3.4,0,7.5S3.4,15,7.5,15S15,11.6,15,7.5S11.6,0,7.5,0L7.5,0z M7.5,13.5 c-3.3,0-6-2.7-6-6c0-3.3,2.7-6,6-6c3.3,0,6,2.7,6,6C13.5,10.8,10.8,13.5,7.5,13.5L7.5,13.5z" ] [] , Svg.path [ Attributes.d "M7.4,9.3C7,9.3,6.6,8.9,6.6,8.4V4.4c0-0.5,0.3-0.9,0.8-0.9c0.4,0,0.7,0.4,0.7,0.8 c0,0,0,0,0,0V3.5c0,0,0,1,0,1v1.8c0,0.6,0,2.2,0,2.2C8.1,8.9,7.7,9.3,7.4,9.3z" ] [] , Svg.path [ Attributes.d "M6.7,8.4C6.9,8,7.4,7.8,7.8,7.9l2.3,0.9c0.5,0.1,0.7,0.7,0.6,1c-0.1,0.3-0.6,0.6-1.1,0.5 L7.4,9.4C6.9,9.3,6.6,8.8,6.7,8.4z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} flipper : Nri.Ui.Svg.V1.Svg flipper = - Nri.Ui.Svg.V1.init "0 0 21 18" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 21 18" + ] [ Svg.path [ Attributes.fillRule "evenodd", Attributes.d "M6 12.59h8.59V4H6v8.59zm.955-.954h6.681V4.955H6.955v6.681zM6.682 16.204a.477.477 0 1 1 0 .955H5.25a3.345 3.345 0 0 1-3.341-3.34v-2.19L.815 12.724a.477.477 0 1 1-.675-.675l1.909-1.91a.477.477 0 0 1 .675 0l1.909 1.91a.477.477 0 1 1-.675.675l-1.094-1.095v2.19a2.388 2.388 0 0 0 2.386 2.385h1.432zM20.86 4.435a.477.477 0 0 0-.675 0L19.091 5.53V3.34A3.345 3.345 0 0 0 15.75 0h-1.432a.477.477 0 1 0 0 .955h1.432a2.388 2.388 0 0 1 2.386 2.386V5.53l-1.094-1.095a.477.477 0 1 0-.675.675l1.91 1.91a.475.475 0 0 0 .674 0l1.91-1.91a.477.477 0 0 0 0-.675" ] [] , Svg.path [ Attributes.fillRule "evenodd", Attributes.d "M10 12h.716V4H10z" ] [] , Svg.path [ Attributes.fillRule "evenodd", Attributes.d "M6.92 8.716h7.16V8H6.92z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} newspaper : Nri.Ui.Svg.V1.Svg newspaper = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.d "M20.9,0.5v21.6c0,1.3,1.1,2.4,2.4,2.4H2.4c-1.3,0-2.4-1.1-2.4-2.4V0.5H20.9z M17.6,3.9h-6.8v4.8h6.8V3.9z M8.1,3.9H3.4C3,3.9,2.7,4.2,2.7,4.6C2.7,5,3,5.3,3.4,5.3h4.7c0.4,0,0.7-0.3,0.7-0.7C8.8,4.2,8.5,3.9,8.1,3.9L8.1,3.9z M25,8.7v13.4 c0,1-0.7,1.7-1.7,1.7c-0.9,0-1.7-0.8-1.7-1.7V8.7H25z M8.1,7.4H3.4C3,7.4,2.7,7.7,2.7,8c0,0.4,0.3,0.7,0.7,0.7h4.7 c0.4,0,0.7-0.3,0.7-0.7C8.8,7.7,8.5,7.4,8.1,7.4L8.1,7.4z M17.6,11.5H3.4c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7h14.2 c0.4,0,0.7-0.3,0.7-0.7C18.2,11.8,17.9,11.5,17.6,11.5L17.6,11.5z M17.6,15.2H3.4c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7 h14.2c0.4,0,0.7-0.3,0.7-0.7C18.2,15.5,17.9,15.2,17.6,15.2L17.6,15.2z M17.6,19H3.4c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7 h14.2c0.4,0,0.7-0.3,0.7-0.7C18.2,19.3,17.9,19,17.6,19L17.6,19z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} pen : Nri.Ui.Svg.V1.Svg pen = - Nri.Ui.Svg.V1.init "0 0 63 63" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 63 63" + ] [ Svg.path [ Attributes.d "M39.8,0L31,13.8l17.6,17.6l13.8-8.8L39.8,0z M27.9,16.4l-17.1,7L0,59.6l17.5-17.5 c-0.7-1.8-0.3-3.9,1.1-5.3c2-2,5.1-2,7.1,0s2,5.1,0,7.1c-1.4,1.4-3.6,1.8-5.3,1.1L2.8,62.4l36.3-10.8l7-17.1L27.9,16.4z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowTop : Nri.Ui.Svg.V1.Svg arrowTop = - Nri.Ui.Svg.V1.init "-25 05 25 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "-25 05 25 15" + ] [ Svg.path [ Attributes.transform "rotate(90)" , Attributes.fillRule "evenodd" @@ -454,12 +604,18 @@ arrowTop = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowRight : Nri.Ui.Svg.V1.Svg arrowRight = - Nri.Ui.Svg.V1.init "0 5 25 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 5 25 15" + ] [ Svg.path [ Attributes.transform "rotate(180) translate(-25, -25)" , Attributes.fillRule "evenodd" @@ -467,12 +623,18 @@ arrowRight = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowDown : Nri.Ui.Svg.V1.Svg arrowDown = - Nri.Ui.Svg.V1.init "0 0 25 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 15" + ] [ Svg.path [ Attributes.transform "rotate(270) translate(-20)" , Attributes.fillRule "evenodd" @@ -480,53 +642,91 @@ arrowDown = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowLeft : Nri.Ui.Svg.V1.Svg arrowLeft = - Nri.Ui.Svg.V1.init "0 5 25 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 5 25 15" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M19.2677026,20.7322696 C20.2443584,21.7070736 20.2443584,23.2915005 19.2677026,24.2677859 C18.7788191,24.7555583 18.139567,25 17.4999444,25 C16.8603219,25 16.2210698,24.7555583 15.7321863,24.2677859 L5.73229742,14.267897 C4.7556416,13.293093 4.7556416,11.7086662 5.73229742,10.7323808 L15.7321863,0.732491861 C16.7084718,-0.244163954 18.2914171,-0.244163954 19.2677026,0.732491861 C20.2443584,1.70729584 20.2443584,3.29172268 19.2677026,4.26800813 L11.0359422,12.5001389 L19.2677026,20.7322696 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowPointingRight : Nri.Ui.Svg.V1.Svg arrowPointingRight = - Nri.Ui.Svg.V1.init "0 0 25 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 20" + ] [ Svg.path [ Attributes.d "M24.48 11.136l-8.093 8.092a1.784 1.784 0 0 1-2.522 0 1.781 1.781 0 0 1 0-2.52l5.05-5.05H1.782a1.782 1.782 0 1 1 0-3.565h17.133l-5.05-5.05A1.781 1.781 0 0 1 15.126 0c.457 0 .913.174 1.26.522l8.094 8.092a1.784 1.784 0 0 1 0 2.522z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml + + +sortArrow_ : List (Svg.Attribute msg) -> Svg.Svg msg +sortArrow_ transforms = + Svg.svg + ([ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 8 6" + ] + ++ transforms + ) + [ Svg.polygon [ Attributes.points "0 6 4 0 8 6 0 6" ] [] ] {-| -} sortArrow : Nri.Ui.Svg.V1.Svg sortArrow = - Nri.Ui.Svg.V1.init "0 0 8 6" - [ Svg.polygon [ Attributes.points "0 6 4 0 8 6 0 6" ] [] ] + sortArrow_ [] + |> Nri.Ui.Svg.V1.fromHtml {-| -} sortArrowDown : Nri.Ui.Svg.V1.Svg sortArrowDown = - Nri.Ui.Svg.V1.withCustom [ Attributes.transform "rotate(180)" ] sortArrow + sortArrow_ [ Attributes.transform "rotate(180)" ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} checkmark : Nri.Ui.Svg.V1.Svg checkmark = - Nri.Ui.Svg.V1.init "0 0 21.7 17.1" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 21.7 17.1" + ] [ Svg.path [ Attributes.d "M7.6,17.1c-0.5,0-1-0.2-1.4-0.6l-5.6-5.4c-0.8-0.8-0.8-2-0.1-2.8c0.8-0.8,2-0.8,2.8-0.1l4.1,4L18.2,0.7c0.8-0.8,2-0.9,2.8-0.1s0.9,2,0.1,2.8l-12,13C8.7,16.9,8.2,17.1,7.6,17.1C7.7,17.1,7.6,17.1,7.6,17.1" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} checkmarkInCircle : Nri.Ui.Svg.V1.Svg checkmarkInCircle = - Nri.Ui.Svg.V1.init "0 0 50 50" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 50 50" + ] [ Svg.g [] [ Svg.circle [ Attributes.cx "25" @@ -541,12 +741,17 @@ checkmarkInCircle = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} checkmarkInCircleInverse : Nri.Ui.Svg.V1.Svg checkmarkInCircleInverse = - Nri.Ui.Svg.V1.init "0 0 75 75" + Svg.svg + [ Attributes.viewBox "0 0 75 75" + , Attributes.width "100%" + , Attributes.height "100%" + ] [ Svg.g [] [ Svg.path [ Attributes.fill "currentcolor" @@ -556,12 +761,17 @@ checkmarkInCircleInverse = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} emptyCircle : Nri.Ui.Svg.V1.Svg emptyCircle = - Nri.Ui.Svg.V1.init "0 0 75 75" + Svg.svg + [ Attributes.viewBox "0 0 75 75" + , Attributes.width "100%" + , Attributes.height "100%" + ] [ Svg.g [] [ Svg.path [ Attributes.fill "currentcolor" @@ -571,19 +781,30 @@ emptyCircle = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} x : Nri.Ui.Svg.V1.Svg x = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.d "M1.067 6.015c-1.423-1.422-1.423-3.526 0-4.948 1.422-1.423 3.526-1.423 4.948 0l6.371 6.37 6.371-6.37c1.422-1.423 3.783-1.423 5.176 0 1.423 1.422 1.423 3.782 0 5.176l-6.37 6.37 6.37 6.372c1.423 1.422 1.423 3.526 0 4.948-1.422 1.423-3.526 1.423-4.948 0l-6.371-6.37-6.371 6.37c-1.422 1.423-3.783 1.423-5.176 0-1.423-1.422-1.423-3.782 0-5.176l6.37-6.143-6.37-6.599z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} xInCircle : Nri.Ui.Svg.V1.Svg xInCircle = - Nri.Ui.Svg.V1.init "0 0 50 50" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 50 50" + ] [ Svg.circle [ Attributes.fill "currentcolor" , Attributes.cx "25" @@ -598,19 +819,31 @@ xInCircle = [ Svg.path [ Attributes.d "M0.853242321,4.81228669 C-0.284414107,3.67463026 -0.284414107,1.99089875 0.853242321,0.853242321 C1.99089875,-0.284414107 3.67463026,-0.284414107 4.81228669,0.853242321 L9.90898749,5.94994312 L15.0056883,0.853242321 C16.1433447,-0.284414107 18.0318544,-0.284414107 19.1467577,0.853242321 C20.2844141,1.99089875 20.2844141,3.87940842 19.1467577,4.99431172 L14.0500569,10.0910125 L19.1467577,15.1877133 C20.2844141,16.3253697 20.2844141,18.0091013 19.1467577,19.1467577 C18.0091013,20.2844141 16.3253697,20.2844141 15.1877133,19.1467577 L10.0910125,14.0500569 L4.99431172,19.1467577 C3.85665529,20.2844141 1.96814562,20.2844141 0.853242321,19.1467577 C-0.284414107,18.0091013 -0.284414107,16.1205916 0.853242321,15.0056883 L5.94994312,10.0910125 L0.853242321,4.81228669 Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} exclamation : Nri.Ui.Svg.V1.Svg exclamation = - Nri.Ui.Svg.V1.init "0 0 15 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 15 15" + ] [ Svg.path [ Attributes.fillRule "evenodd", Attributes.d "M15,7.5 C15,3.35786438 11.6421356,0 7.5,0 C3.35786438,0 0,3.35786438 0,7.5 C0,11.6421357 3.35786438,15 7.5,15 C11.6421356,15 15,11.6421357 15,7.5 Z M7.488,3.00005693 C6.6910533,2.99332411 6.03236555,3.58464547 6,4.33587376 C6,4.65284725 6.66,8.34332427 6.66,8.34332427 C6.73077084,8.72726384 7.08695202,9.00567371 7.5,8.9999122 L7.536,8.9999122 C7.94904798,9.00567371 8.30522916,8.72726384 8.376,8.34332427 C8.44677084,7.9593847 9,4.65850749 9,4.33587376 C8.96812494,3.59558162 8.32732494,3.00848187 7.542,3.00005693 L7.488,3.00005693 Z M7.5,12 C8.05228477,12 8.5,11.5522847 8.5,11 C8.5,10.4477153 8.05228477,10 7.5,10 C6.94771523,10 6.5,10.4477153 6.5,11 C6.5,11.5522847 6.94771523,12 7.5,12 L7.5,12 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} attention : Nri.Ui.Svg.V1.Svg attention = - Nri.Ui.Svg.V1.init "0 0 5.05 15.43" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 5.05 15.43" + ] [ Svg.ellipse [ Attributes.cx "2.52" , Attributes.cy "13.71" @@ -623,25 +856,35 @@ attention = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} flag : Nri.Ui.Svg.V1.Svg flag = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "#F3336C" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M21.36 1.25C20.064.414 17.107-.368 13.036.324 9.688.894 6.155.308 5 .081a.965.965 0 0 0-1.36.895v23.051c0 .538.427.973.967.973.542 0 .98-.437.98-.973V12.933c1.242.414 3.589.931 6.564.35 4.043-.794 7.36.229 7.36.229 1.02-1.017 1.808-3.482 1.435-6.203-.407-2.958.414-6.06.414-6.06z" ] [] ] - |> Nri.Ui.Svg.V1.withColor Colors.red + |> Nri.Ui.Svg.V1.fromHtml {-| -} star : Nri.Ui.Svg.V1.Svg star = - Nri.Ui.Svg.V1.init "0 0 25 24" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 24" + ] [ Svg.defs [] [ Svg.path [ Attributes.id "stara" @@ -703,24 +946,34 @@ star = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} starFilled : Nri.Ui.Svg.V1.Svg starFilled = - Nri.Ui.Svg.V1.init "0 0 25 24" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 24" + ] [ Svg.path [ Attributes.d "M13.396.554l3.121 6.259a1 1 0 0 0 .744.542l6.89 1.054a1 1 0 0 1 .554 1.698l-4.966 4.937a1 1 0 0 0-.282.87l1.132 6.924a1 1 0 0 1-1.448 1.049l-6.18-3.216a1 1 0 0 0-.923 0L5.86 23.887a1 1 0 0 1-1.448-1.049l1.132-6.924a1 1 0 0 0-.282-.87L.295 10.107A1 1 0 0 1 .849 8.41l6.89-1.054a1 1 0 0 0 .744-.542l3.123-6.26a1 1 0 0 1 1.79.001z" , Attributes.fill "currentcolor" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} starOutline : Nri.Ui.Svg.V1.Svg starOutline = - Nri.Ui.Svg.V1.init "-1 -0.5 27 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "-1 -0.5 27 25" + ] [ Svg.path [ Attributes.fill "none" , Attributes.stroke "currentcolor" @@ -729,12 +982,18 @@ starOutline = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} compass : Nri.Ui.Svg.V1.Svg compass = - Nri.Ui.Svg.V1.init "0 0 27 27" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 27 27" + ] [ Svg.g [ Attributes.stroke "none", Attributes.strokeWidth "1", Attributes.fillRule "evenodd", Attributes.transform "translate(-356.000000, -518.000000)" ] [ Svg.g [ Attributes.transform "translate(356.000000, 518.000000)" ] [ Svg.path [ Attributes.d "M13.3903844,0.104572526 C6.06095558,0.104572526 0.106272892,6.05925521 0.106272892,13.388684 C0.106272892,20.7181128 6.06095558,26.6727955 13.3903844,26.6727955 C20.7198132,26.6727955 26.6744959,20.7181128 26.6744959,13.388684 C26.6744959,6.05925521 20.7198132,0.104572526 13.3903844,0.104572526 Z M13.3903844,1.43298368 C20.0009834,1.43298368 25.3460847,6.77808505 25.3460847,13.388684 C25.3460847,19.999283 20.0009834,25.3443844 13.3903844,25.3443844 C6.77978542,25.3443844 1.43468404,19.999283 1.43468404,13.388684 C1.43468404,6.77808505 6.77978542,1.43298368 13.3903844,1.43298368 Z" ] [] @@ -747,67 +1006,95 @@ compass = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} activity : Nri.Ui.Svg.V1.Svg activity = - Nri.Ui.Svg.V1.init "0 0 20 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 20 20" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M20 10v.357h-3.642L15 5.607c-.071-.142-.179-.25-.357-.25-.142 0-.286.108-.357.25l-2.143 6.5-1.786-5.108c-.07-.106-.215-.213-.357-.213a.342.342 0 0 0-.32.25l-1.5 4.5L6.786 8.43c-.07-.107-.178-.215-.286-.215a.374.374 0 0 0-.32.179L4.642 10.75l-.785-1.287c-.072-.107-.143-.142-.25-.178a.407.407 0 0 0-.286.107l-.964.964H0V10C0 4.464 4.464 0 10 0s10 4.464 10 10m-4.286.822L14.606 6.93l-2.142 6.392a.342.342 0 0 1-.321.25.342.342 0 0 1-.32-.25l-1.787-5.108-1.465 4.357a.344.344 0 0 1-.32.25.392.392 0 0 1-.357-.215l-1.5-3.322-1.429 2.286a.382.382 0 0 1-.322.216c-.108 0-.25-.071-.286-.179l-.822-1.392-.75.75c-.106.07-.177.106-.285.106H.071A9.961 9.961 0 0 0 10 20a9.961 9.961 0 0 0 9.929-8.929H16.07c-.142 0-.286-.107-.357-.25" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} footsteps : Nri.Ui.Svg.V1.Svg footsteps = - Nri.Ui.Svg.V1.init "0 0 15 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 15 20" + ] [ Svg.path [ Attributes.fillRule "nonzero" , Attributes.d "M1.77335904,11.7922305 L5.90660307,11.0289328 C5.68935769,12.5383477 7.40861515,15.2884313 5.45646759,16.0478489 C2.76105632,17.0954131 1.9234042,14.6781572 1.77335904,11.7922305 Z M0.176718476,7.06612115 C0.458843391,8.43725287 1.41615152,9.74198306 1.69435526,11.1030145 L6.15429763,10.2795555 C7.60395395,3.97240957 6.1871195,0.900338486 4.18808583,0.126920592 C2.03987926,-0.705098659 -0.729754357,2.66141923 0.176718476,7.06612115 Z M13.2274465,15.4953161 L9.09420249,14.7320184 C9.31066764,16.2422134 7.59141017,18.992317 9.54433797,19.7509345 C12.2397492,20.7984988 13.0774014,18.3812428 13.2274465,15.4953161 Z M13.3056301,14.8061401 C13.5838338,13.4443886 14.5411619,12.1404785 14.8232668,10.7692468 C15.7297797,6.36454491 12.9602061,2.99806702 10.8110592,3.83008627 C8.81279779,4.60354417 7.39603137,7.67557525 8.84562767,13.9827211 L13.3056301,14.8061401 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} speedometer : Nri.Ui.Svg.V1.Svg speedometer = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M10.968 9.383a9.071 9.071 0 0 0-4.242 1.047l-1.7-1.7a12.494 12.494 0 0 1 6.852-2.45v3.148c-.3-.03-.603-.045-.91-.045zM20.94 9.524l-3.05 3.048a9.07 9.07 0 0 1 2.144 5.042H25a12.527 12.527 0 0 0-4.06-8.09zM0 17.614h1.902a9.101 9.101 0 0 1 3.738-6.51l-1.58-1.58A12.53 12.53 0 0 0 0 17.614z" ] [] , Svg.path [ Attributes.d "M19.951 8.752l-8.388 9.433a1.539 1.539 0 0 1-.18.19 1.492 1.492 0 0 1-2.11-2.104 1.54 1.54 0 0 1 .192-.183l6.122-5.446a9.03 9.03 0 0 0-2.465-1.002V6.28c2.015.098 3.903.671 5.558 1.609l2.596-2.309a.56.56 0 0 1 .791.791L19.971 8.73h.002l-.022.023z" ] [] , Svg.path [ Attributes.d "M10.932 16.718a.763.763 0 0 0-1.077 1.077.763.763 0 0 0 1.077-1.077z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} skip : Nri.Ui.Svg.V1.Svg skip = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.d "M24.8 23.437c0 .416-.16.811-.447 1.104-.286.293-.676.46-1.08.46h-.882c-.845 0-1.53-.7-1.53-1.564v-8.874L4.406 24.58l-.23.14h-.105a2.158 2.158 0 0 1-.917.203c-1.134.035-2.088-.859-2.154-2.016V2.063C1.04.89 2.003-.034 3.154.001c.341.006.676.09.977.252h.106l.138.079L20.86 10.407V1.566C20.86.7 21.545 0 22.39 0h.882c.404 0 .794.167 1.08.46.287.293.447.689.447 1.105l.001 21.87z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} playInCircle : Nri.Ui.Svg.V1.Svg playInCircle = - Nri.Ui.Svg.V1.init "0 0 20 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 20 20" + , Attributes.fill "none" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M0,9.94708982 C0,15.4705895 4.4775,19.9470903 10,19.9470903 C15.5235,19.9470903 20,15.4705895 20,9.94708982 C20,4.4245901 15.5225,-0.0529096768 10,-0.0529096768 C4.4775,-0.0529096768 0,4.4245901 0,9.94708982 Z" - , Attributes.fill "none" ] [] , Svg.path [ Attributes.stroke "currentcolor" , Attributes.strokeWidth "2" , Attributes.d "M1,9.94708982 C1,14.9179442 5.02942411,18.9470903 10,18.9470903 C14.971215,18.9470903 19,14.918305 19,9.94708982 C19,4.97687486 14.9702153,0.947090323 10,0.947090323 C5.02978474,0.947090323 1,4.97687486 1,9.94708982 Z" - , Attributes.fill "none" ] [] , Svg.path @@ -816,12 +1103,17 @@ playInCircle = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} play : Nri.Ui.Svg.V1.Svg play = - Nri.Ui.Svg.V1.init "0 0 23 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 23 25" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -834,23 +1126,27 @@ play = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} stopInCircle : Nri.Ui.Svg.V1.Svg stopInCircle = - Nri.Ui.Svg.V1.init "0 0 20 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 20 20" + , Attributes.fill "none" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M0,9.9999995 C0,15.5234992 4.4775,20 10,20 C15.5235,20 20,15.5234992 20,9.9999995 C20,4.47749978 15.5225,0 10,0 C4.4775,0 0,4.47749978 0,9.9999995 Z" - , Attributes.fill "none" ] [] , Svg.path [ Attributes.stroke "currentcolor" , Attributes.strokeWidth "2" , Attributes.d "M1,9.9999995 C1,14.9708539 5.02942411,19 10,19 C14.971215,19 19,14.9712147 19,9.9999995 C19,5.02978454 14.9702153,1 10,1 C5.02978474,1 1,5.02978454 1,9.9999995 Z" - , Attributes.fill "none" ] [] , Svg.rect @@ -863,23 +1159,27 @@ stopInCircle = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} pauseInCircle : Nri.Ui.Svg.V1.Svg pauseInCircle = - Nri.Ui.Svg.V1.init "0 0 20 20" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 20 20" + , Attributes.fill "none" + ] [ Svg.path [ Attributes.fillRule "evenodd" , Attributes.d "M0,9.9999995 C0,15.5234992 4.4775,20 10,20 C15.5235,20 20,15.5234992 20,9.9999995 C20,4.47749978 15.5225,0 10,0 C4.4775,0 0,4.47749978 0,9.9999995 Z" - , Attributes.fill "none" ] [] , Svg.path [ Attributes.stroke "currentcolor" , Attributes.strokeWidth "2" , Attributes.d "M1,9.9999995 C1,14.9708539 5.02942411,19 10,19 C14.971215,19 19,14.9712147 19,9.9999995 C19,5.02978454 14.9702153,1 10,1 C5.02978474,1 1,5.02978454 1,9.9999995 Z" - , Attributes.fill "none" ] [] , Svg.rect @@ -901,12 +1201,17 @@ pauseInCircle = ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} equals : Nri.Ui.Svg.V1.Svg equals = - Nri.Ui.Svg.V1.init "0 0 25 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 15" + ] [ Svg.g [ Attributes.transform "translate(-191.000000, -1433.000000)" , Attributes.fill "currentcolor" @@ -931,32 +1236,49 @@ equals = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} plus : Nri.Ui.Svg.V1.Svg plus = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.d "M9.84 2.87c0-1.528 1.132-2.659 2.66-2.659 1.528 0 2.66 1.131 2.66 2.66v6.847h6.847c1.528 0 2.797 1.269 2.782 2.782 0 1.528-1.269 2.797-2.782 2.782h-6.848v6.847c0 1.529-1.13 2.66-2.659 2.66-1.528 0-2.66-1.131-2.66-2.66v-6.847H2.994c-1.528 0-2.797-1.269-2.782-2.782 0-1.528 1.269-2.797 2.782-2.782l6.725.123.123-6.97z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} sparkleBulb : Nri.Ui.Svg.V1.Svg sparkleBulb = - Nri.Ui.Svg.V1.init "0 0 23 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 23 25" + ] [ Svg.path [ Attributes.d "M21.6 12.5H19c-.3 0-.6.3-.6.6s.3.6.6.6h2.6c.3 0 .6-.3.6-.6s-.3-.6-.6-.6zM18.1 9.3c.1 0 .2 0 .3-.1l2.3-1.4c.2-.1.3-.5.1-.8-.2-.3-.5-.4-.8-.2l-2.3 1.4c-.2.1-.3.4-.3.7.2.2.4.4.7.4zM17.1 2c-.3-.2-.6-.1-.8.2l-1.5 2.2c-.1.1-.1.3-.1.5s.1.3.2.4c.1.1.3.1.4.1.2 0 .3-.1.4-.3l1.5-2.2c.2-.3.2-.7-.1-.9zM6.7 5.4c.2 0 .4-.1.5-.3.1-.2.1-.4 0-.6L5.7 2.2c-.1-.1-.3-.2-.4-.3-.2 0-.3 0-.4.1-.2.1-.3.3-.3.4 0 .2 0 .3.1.4L6.2 5c.1.3.3.4.5.4zM4 8.2L1.7 6.8c-.2-.1-.6 0-.7.2-.2.3-.1.6.2.8l2.3 1.4c.1.1.3.1.4.1l.3-.3c.1-.1.1-.3.1-.5-.1-.1-.2-.3-.3-.3zM20.6 17.8l-2.2-1.4c-.3-.2-.6-.1-.8.2-.2.3-.1.6.2.8l2.3 1.4c.3.1.6 0 .7-.2.2-.3.1-.6-.2-.8zM3.5 16.4l-2.3 1.4c-.1 0-.2.2-.3.3 0 .2 0 .3.1.5.1.1.2.2.4.3.1 0 .3 0 .4-.1L4 17.4c.3-.2.3-.5.2-.8-.1-.2-.5-.3-.7-.2zM3.7 13.1c0-.3-.3-.6-.6-.6H.6c-.3 0-.6.3-.6.6s.3.6.6.6h2.6c.1 0 .3-.1.4-.2.1-.1.1-.3.1-.4zM10.7 3.9c.3 0 .6-.3.6-.6V.6c0-.3-.3-.6-.6-.6s-.6.3-.6.6v2.7c0 .2.1.3.2.4s.3.2.4.2zM13.4 20.2H8.9c-.3 0-.6.3-.6.6s.3.6.6.6h4.5c.3 0 .6-.3.6-.6s-.3-.6-.6-.6zM10 23.5v.3c0 .4.3.7.6.7h.9c.4 0 .6-.3.6-.7v-.3c.7 0 1.3-.7 1.3-1.4H8.8c.1.7.6 1.3 1.2 1.4zM11.2 6.7c-3.1 0-5.6 2.7-5.6 6 0 .8.1 1.5.4 2.3 0 .1.1.2.1.3.2.6.6 1.1 1 1.6l1.4 2.3h5.4l1.4-2.3c.4-.5.7-1 1-1.6 0-.1.1-.2.1-.3.3-.7.4-1.5.4-2.3 0-3.3-2.5-6-5.6-6zM10.9 9c-.6 0-1.2.2-1.7.5-1.1.7-1.6 1.9-1.7 3.5 0 .3-.3.6-.6.6-.1 0-.3-.1-.4-.2-.1-.1-.2-.3-.2-.4 0-2.7 1.3-4 2.3-4.6.7-.4 1.4-.6 2.2-.7.3 0 .6.3.6.6.1.4-.2.7-.5.7z" , Attributes.transform "translate(.208 .052)" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} baldBulb : Nri.Ui.Svg.V1.Svg baldBulb = - Nri.Ui.Svg.V1.init "0 0 17 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 17 25" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -982,6 +1304,7 @@ baldBulb = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| `bulb` will be removed in a future version of noredink-ui. @@ -997,39 +1320,61 @@ bulb = {-| -} help : Nri.Ui.Svg.V1.Svg help = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + ] [ Svg.path [ Attributes.d "M12.5,25 C5.59644063,25 0,19.4035594 0,12.5 C0,5.59644063 5.59644063,0 12.5,0 C19.4035594,0 25,5.59644063 25,12.5 C25,19.4035594 19.4035594,25 12.5,25 Z M12.5,23 C18.2989899,23 23,18.2989899 23,12.5 C23,6.70101013 18.2989899,2 12.5,2 C6.70101013,2 2,6.70101013 2,12.5 C2,18.2989899 6.70101013,23 12.5,23 Z" ] [] , Svg.path [ Attributes.d "M12.6825,6.6275 C13.3866702,6.6275 14.0095806,6.74395717 14.55125,6.976875 C15.0929194,7.20979283 15.5154151,7.53749789 15.81875,7.96 C16.1220848,8.38250211 16.27375,8.86458063 16.27375,9.40625 C16.27375,9.98041954 16.1329181,10.470623 15.85125,10.876875 C15.5695819,11.283127 15.1579194,11.7408308 14.61625,12.25 C14.1937479,12.6508353 13.8768761,12.9866653 13.665625,13.2575 C13.4543739,13.5283347 13.3216669,13.8262484 13.2675,14.15125 L13.18625,14.6875 L11.74,14.6875 L11.74,13.875 C11.74,13.3116639 11.8402073,12.8458352 12.040625,12.4775 C12.2410427,12.1091648 12.536248,11.6975023 12.92625,11.2425 C13.2079181,10.9174984 13.419166,10.6385428 13.56,10.405625 C13.700834,10.1727072 13.77125,9.91541808 13.77125,9.63375 C13.77125,9.30874838 13.6602094,9.0595842 13.438125,8.88625 C13.2160406,8.7129158 12.8991687,8.62625 12.4875,8.62625 C11.7074961,8.62625 10.9437537,8.85916434 10.19625,9.325 L10.19625,7.29375 C10.9112536,6.84958111 11.7399953,6.6275 12.6825,6.6275 Z M11.17125,18.34375 L11.17125,15.7275 L13.82,15.7275 L13.82,18.34375 L11.17125,18.34375 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} key : Nri.Ui.Svg.V1.Svg key = - Nri.Ui.Svg.V1.init "0 0 64 71" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 64 71" + ] [ Svg.path [ Attributes.d "M61.3 2.8c2.9 2.9 3.4 7.3 1.7 10.7 1.4 2.6 1.5 5.7.1 8.3-2.2 4.4-7.6 6.2-12 4-1.8-.9-3.2-2.5-4.1-4.2L45.6 23l.4 2c.4 1.8-1.1 3.6-2.9 3.6h-2.9c.5 1.1.3 2.6-.6 3.4s-2.3 1.1-3.4.5L14.9 53.9l.7.7c1.2-1.2 2.3-2.4 3.5-3.5 2.4 2.5 5 5.1 7.1 7.2l-3.5 3.5c-.7-.7-1.4-1.4-2.1-2.2l-.7.7c.7.7 1.4 1.4 2.1 2.2-1.4 1.5-3 3-4.2 4.3-.7-.7-1.4-1.4-2.1-2.2l-.7.7c.7.7 1.4 1.4 2.1 2.2L13.6 71c-2.4-2.5-5-5.1-7.1-7.2 1.2-1.2 2.3-2.4 3.5-3.5l-.7-.7-4.2 4.2C4 64.9 2 64.9.8 63.8c-1.1-1.1-1.1-3.2 0-4.3l31-31.3c-.6-1.1-.3-2.6.5-3.4.9-.9 2.3-1.2 3.4-.6v-2.9c0-1.8 1.8-3.3 3.6-2.9l1.9.4 1.3-1.3c-1.6-.9-3-2.2-3.9-3.9-2.2-4.5-.4-9.9 3.9-12.2 2.5-1.3 5.5-1.3 8 0 3.5-2.3 8-1.5 10.8 1.4zM57.1 7c-1.2-1.2-3-1.2-4.2 0-.5.5-1.1.8-1.8.8-.9.1-1.8-.2-2.4-.8-.9-.8-2.2-1-3.3-.5-1.5.8-2.1 2.5-1.3 4.1.8 1.5 2.5 2.1 4 1.4 1.1-.7 2.7-.5 3.7.5 1 .9 1.3 2.6.6 3.8-.8 1.5-.2 3.3 1.3 4.1s3.3.2 4-1.3c.5-1.1.3-2.3-.4-3.2-.9-1-1.1-1.9-1-3 .1-.7.5-1.1.9-1.6 1.1-1.3 1-3-.1-4.3z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} lock : Nri.Ui.Svg.V1.Svg lock = - Nri.Ui.Svg.V1.init "0 0 18 24" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 18 24" + ] [ Svg.path [ Attributes.d "M15.17 10.292V6.147C15.17 2.757 12.402 0 9 0 5.597 0 2.83 2.758 2.83 6.147v4.145h-.882A1.944 1.944 0 0 0 0 12.232v9.828C0 23.132.872 24 1.948 24h14.105A1.943 1.943 0 0 0 18 22.06v-9.828c0-1.072-.872-1.94-1.947-1.94h-.883zm-5.574 7.463v2.305a.595.595 0 0 1-1.192 0v-2.305a1.744 1.744 0 0 1-1.156-1.639A1.75 1.75 0 0 1 9 14.371a1.75 1.75 0 0 1 1.752 1.745c0 .756-.483 1.397-1.156 1.64zm3.238-7.463H5.166V6.147c0-2.106 1.72-3.82 3.834-3.82s3.834 1.714 3.834 3.82v4.145z" , Attributes.fillRule "evenodd" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} premiumLock : Nri.Ui.Svg.V1.Svg premiumLock = - Nri.Ui.Svg.V1.init "0 0 19 26" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 19 26" + ] [ Svg.g [ Attributes.transform "translate(0.880000, 0.257143)" ] [ Svg.path [ Attributes.d "M15.1703507,11.7613357 L15.1703507,7.54281617 C15.1703507,4.09252936 12.4022155,1.28571429 9.00015151,1.28571429 C5.59748152,1.28571429 2.82964933,4.09252936 2.82964933,7.54281617 L2.82964933,11.7613357 L1.947846,11.7613357 C0.872409555,11.7613357 0,12.6451106 0,13.7356938 L0,23.7399276 C0,24.8305108 0.872409555,25.7142857 1.947846,25.7142857 L16.0527601,25.7142857 C17.1281965,25.7142857 18,24.8305108 18,23.7399276 L18,13.7360011 C18,12.6454179 17.1281965,11.7613357 16.0527601,11.7613357 L15.1703507,11.7613357 Z M9.59559603,19.3582355 L9.59559603,21.7044182 C9.59559603,22.0384458 9.32863083,22.3088637 9.00015151,22.3088637 C8.67106614,22.3088637 8.40410094,22.0384458 8.40410094,21.7044182 L8.40410094,19.3582355 C7.73047592,19.1108645 7.24836282,18.4584813 7.24836282,17.689634 C7.24836282,16.7090617 8.03259204,15.9131726 9.00015151,15.9131726 C9.96680191,15.9131726 10.7522432,16.7090617 10.7522432,17.689634 C10.7522432,18.4594032 10.2692211,19.1117864 9.59559603,19.3582355 L9.59559603,19.3582355 Z M12.8337233,11.7613357 L5.16627666,11.7613357 L5.16627666,7.54281617 C5.16627666,5.39913958 6.88624771,3.654944 9.00015151,3.654944 C11.1137523,3.654944 12.8337233,5.39913958 12.8337233,7.54281617 L12.8337233,11.7613357 L12.8337233,11.7613357 Z" @@ -1051,51 +1396,80 @@ premiumLock = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} badge : Nri.Ui.Svg.V1.Svg badge = - Nri.Ui.Svg.V1.init "0 0 90 100" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 90 100" + ] [ Svg.path [ Attributes.d "M45,-3.29659982e-05 C54.112,-3.29659982e-05 63.228,2.12 71.52,6.372 L89.56,15.604 C89.8329058,15.7414908 90.0036473,16.0224382 90.0000573,16.328 L90.0000573,53.448 C90.0000573,67.168 82.56,79.728 70.572,86.248 L45.388,99.904 C45.1425223,100.032742 44.8494777,100.032742 44.604,99.904 L19.428,86.252 C7.4275883,79.7081557 -0.0282281283,67.120613 -7.98723275e-05,53.452 L-7.98723275e-05,16.332 C-7.98723275e-05,16.016 0.172,15.736 0.452,15.592 L18.48,6.372 C26.689367,2.17432619 35.7796922,-0.00981983277 45,-3.29659982e-05 Z M45.4440056,17.5137615 C44.9483643,17.2701262 44.3490622,17.4744174 44.1054269,17.9700587 L44.1054269,17.9700587 L36.5945232,33.2499235 C36.450613,33.5426885 36.172946,33.7468542 35.8505893,33.7969308 L35.8505893,33.7969308 L19.2709994,36.3724906 C19.0628617,36.4048238 18.8702484,36.5020537 18.7206297,36.6503135 C18.328328,37.0390522 18.3254396,37.6722106 18.7141783,38.0645124 L18.7141783,38.0645124 L30.6707511,50.130675 C30.8955874,50.3575721 30.9984998,50.6782274 30.947698,50.9935889 L30.947698,50.9935889 L28.2224001,67.9113856 C28.187866,68.1257625 28.2240485,68.3455551 28.32548,68.5375492 C28.5834652,69.0258751 29.1884698,69.2126031 29.6767956,68.954618 L29.6767956,68.954618 L44.532691,61.1061695 C44.8249661,60.951759 45.1746627,60.951759 45.4669378,61.1061695 L45.4669378,61.1061695 L60.3228332,68.954618 C60.5148273,69.0560495 60.7346199,69.092232 60.9489968,69.0576979 C61.4942521,68.9698624 61.8650642,68.4566409 61.7772287,67.9113856 L61.7772287,67.9113856 L59.0519307,50.9935889 C59.001129,50.6782274 59.1040413,50.3575721 59.3288777,50.130675 L59.3288777,50.130675 L71.2854505,38.0645124 C71.4337102,37.9148937 71.5309402,37.7222803 71.5632733,37.5141427 C71.6480513,36.9684036 71.2743685,36.4572686 70.7286294,36.3724906 L70.7286294,36.3724906 L54.1492354,33.7969613 C53.8267697,33.7468678 53.5490314,33.5425827 53.4051639,33.2496738 L53.4051639,33.2496738 L45.9004405,17.9703388 C45.8029585,17.7718691 45.6424449,17.6113054 45.4440056,17.5137615 Z" , Attributes.fillRule "evenodd" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} gift : Nri.Ui.Svg.V1.Svg gift = - Nri.Ui.Svg.V1.init "0 0 15 15" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 15 15" + ] [ Svg.g [ Attributes.stroke "none", Attributes.strokeWidth "1", Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M6.45,8.25 C6.57857143,8.25 6.70714286,8.36020408 6.74125364,8.4861516 L6.75,8.55 L6.75,14.7 C6.75,14.8285714 6.63979592,14.9571429 6.5138484,14.9912536 L6.45,15 L1.5,15 C1.0875,15 0.801041667,14.7479167 0.756163194,14.3592882 L0.75,14.25 L0.75,8.4 C0.75,8.34 0.798,8.28 0.8556,8.2584 L0.9,8.25 L6.45,8.25 Z M14.1,8.25 C14.16,8.25 14.22,8.298 14.2416,8.3556 L14.25,8.4 L14.25,14.25 C14.25,14.6625 13.9979167,14.9489583 13.6092882,14.9938368 L13.5,15 L8.55,15 C8.42142857,15 8.29285714,14.8897959 8.25874636,14.7638484 L8.25,14.7 L8.25,8.55 C8.25,8.42142857 8.36020408,8.29285714 8.4861516,8.25874636 L8.55,8.25 L14.1,8.25 Z M10.5,0 C11.775,0 12.75,0.975 12.75,2.25 C12.75,2.78333333 12.5722222,3.25740741 12.2693416,3.61954733 L12.15,3.75 L14.25,3.75 C14.6625,3.75 14.9489583,4.00208333 14.9938368,4.39071181 L15,4.5 L15,6.6 C15,6.66 14.952,6.72 14.8944,6.7416 L14.85,6.75 L8.55,6.75 C8.42142857,6.75 8.29285714,6.63979592 8.25874636,6.5138484 L8.25,6.45 L8.25,4.05 C8.25,3.92142857 8.13979592,3.79285714 8.0138484,3.75874636 L7.95,3.75 L7.05,3.75 C6.92142857,3.75 6.79285714,3.86020408 6.75874636,3.9861516 L6.75,4.05 L6.75,6.45 C6.75,6.57857143 6.63979592,6.70714286 6.5138484,6.74125364 L6.45,6.75 L0.15,6.75 C0.09,6.75 0.03,6.702 0.0084,6.6444 L0,6.6 L0,4.5 C0,4.0875 0.252083333,3.80104167 0.640711806,3.75616319 L0.75,3.75 L2.85,3.75 C2.475,3.375 2.25,2.85 2.25,2.25 C2.25,0.975 3.225,0 4.5,0 C5.25,0 6.6,0.675 7.5,1.575 C8.4,0.675 9.75,0 10.5,0 Z M4.5,1.5 C4.05,1.5 3.75,1.8 3.75,2.25 C3.75,2.7 4.05,3 4.5,3 C4.5,3 6.45,2.925 6.675,2.85 C6.3,2.4 4.95,1.5 4.5,1.5 Z M10.5,1.5 C10.05,1.5 8.775,2.325 8.325,2.85 C8.55,2.925 10.5,3 10.5,3 C10.95,3 11.25,2.7 11.25,2.25 C11.25,1.8 10.95,1.5 10.5,1.5 Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} hat : Nri.Ui.Svg.V1.Svg hat = - Nri.Ui.Svg.V1.init "0 0 20 16" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 20 16" + ] [ Svg.path [ Attributes.d "M10,0.1602 C5.3602,0.1602 0.4398002,1.4602 0.4398002,3.9 C0.4398002,5.26016 1.97964,6.2602 4.1398,6.8796 L4.1398,13.8796 C4.142926,14.29444 4.39526,14.66554 4.77964,14.82022 C8.13504,16.17334 11.88424,16.17334 15.23984,14.82022 C15.62422,14.665532 15.87734,14.29444 15.87968,13.8796 L15.87968,6.86 C18.03988,6.23968 19.57968,5.23968 19.57968,3.8804 C19.56015,1.46 14.63988,0.16 10.00008,0.16 L10,0.1602 Z M10,6.4204 C4.8204,6.4204 1.6398,4.94072 1.6398,3.8806 C1.6398,2.82044 4.8202,1.3602 10,1.3602 C15.1798,1.3602 18.3602,2.83988 18.3602,3.9 C18.3602,4.96012 15.1798,6.4204 10,6.4204 Z" ] [] , Svg.path [ Attributes.d "M13.5398,2.3398 C12.38356,2.0437 11.1938,1.9023 10,1.92026 C8.80624,1.90229 7.6164,2.0437 6.4602,2.3398 C5.23988,2.67964 4.62036,3.19996 4.62036,3.87964 C4.62036,4.55932 5.24068,5.07964 6.4602,5.41948 L6.4602,5.42026 C7.61644,5.71636 8.8062,5.85776 10,5.8398 C11.19376,5.85777 12.3836,5.71636 13.5398,5.42026 C14.76012,5.08042 15.37964,4.5601 15.37964,3.88042 C15.37964,3.19996 14.7601,2.69996 13.5398,2.3398 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} keychain : Nri.Ui.Svg.V1.Svg keychain = - Nri.Ui.Svg.V1.init "0 0 89 97" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 89 97" + ] [ Svg.path [ Attributes.d "M17.4,58.6v5l3.2,3.2c1.2,1.2,1.2,3.1,0,4.3l-2.7,2.7l2.7,2.7c1.2,1.2,1.2,3.1,0,4.3L17.4,84v2.3 l5,5l5-5V58.6c0-1,0.6-1.9,1.6-2.3c1-0.4,1.9-0.9,2.7-1.4c0.5-0.4,1.1-0.7,1.7-0.7c1.1,0,2.1,0.7,2.4,1.8c0.3,1.1-0.1,2.2-1,2.8 c-0.8,0.5-1.6,1-2.5,1.4v26.6c0,1-0.4,1.9-1.1,2.6L24.7,96h0c-1.3,1.3-3.4,1.3-4.8,0l-6.5-6.5c-0.7-0.7-1.1-1.6-1.1-2.6v-3.2 c0-1.1,0.4-2.1,1.2-2.8l2.1-2.1L13.9,77c-0.8-0.8-1.3-2-1.3-3.2c0-1.2,0.5-2.3,1.3-3.2l1.7-1.7l-2.1-2.1c-0.8-0.8-1.2-1.8-1.2-2.8 v-3.8C5.6,56.9,1,50.2,0.1,42.7c-0.8-7.5,2.3-15,8.2-19.8c1.1-0.8,2.6-0.7,3.5,0.4c0.9,1.1,0.7,2.6-0.3,3.5c-4.8,3.8-7.1,9.9-6.2,16 c0.9,6.1,4.9,11.2,10.6,13.5C16.7,56.7,17.4,57.6,17.4,58.6L17.4,58.6z M74.7,72.2c-1.1,0-2.1-0.4-2.8-1.2l-2.6-2.6 c-0.8-0.8-1.2-1.9-1.2-3v-3.8h-3.1c-2.6,0-4.8-2.1-4.8-4.8v-3.2h-3.7c-1.1,0-2.2-0.4-3-1.2l-3.3-3.3c-7.3,2.5-15.3,1.6-21.7-2.5 c-6.5-4.1-10.8-10.9-11.6-18.6c-0.8-7.6,1.8-15.2,7.2-20.7C29.4,2,37-0.7,44.6,0.2C52.2,1,59.1,5.3,63.2,11.8 c4.1,6.5,5,14.5,2.5,21.7l21.8,21.8c0.7,0.7,1.2,1.8,1.2,2.8v10.5c0,1.9-1.6,3.5-3.5,3.5L74.7,72.2z M73,59.7V65l2.1,2.1h8.6l0-8.6 L61,35.9c-0.7-0.7-0.9-1.8-0.5-2.7c2.5-5.8,2.1-12.4-1.1-17.9c-3.1-5.5-8.6-9.2-14.9-10C38.3,4.4,32,6.5,27.5,11 c-4.5,4.5-6.6,10.7-5.8,17c0.8,6.3,4.5,11.8,10,14.9c5.5,3.1,12.1,3.5,17.9,1.1c0.9-0.4,2-0.2,2.7,0.5l4.2,4.2h5.3v0 c0.8,0,1.6,0.3,2.2,0.9c0.6,0.6,0.9,1.4,0.9,2.2v4.8h4.8C71.6,56.6,73,58,73,59.7L73,59.7z M42.8,15.2c2.6,2.6,3,6.8,1,9.9 c-2.1,3.1-6,4.3-9.5,2.9c-3.4-1.4-5.4-5.1-4.7-8.7c0.7-3.7,3.9-6.3,7.7-6.3C39.3,12.9,41.3,13.7,42.8,15.2z M39.2,18.7L39.2,18.7 c-1.1-1.1-2.9-1.1-4,0c-1.1,1.1-1.1,2.9,0,4c1.1,1.1,2.9,1.1,4,0c0.5-0.5,0.8-1.2,0.8-2C40.1,19.9,39.8,19.2,39.2,18.7L39.2,18.7z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} sprout : Nri.Ui.Svg.V1.Svg sprout = - Nri.Ui.Svg.V1.init "0 0 100 83" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 100 83" + ] [ Svg.g [ Attributes.fillRule "nonzero" ] [ Svg.path [ Attributes.d "M66.3361328,23.0056641 L66.3361328,22.9205078 C66.3361328,21.8013672 65.146875,21.0789062 64.1560547,21.5994141 C61.0353516,23.2384766 57.9806641,25.1339844 55.1259766,27.3220703 C52.7337891,29.1554687 50.7003906,30.9380859 49.0453125,32.4488281 L49.0351563,29.2617187 C49.0351563,29.1556641 49.0974609,18.5953125 54.4810547,13.2119141 C55.09375,12.5990234 55.09375,11.6056641 54.4810547,10.9927734 C53.8681641,10.3802734 52.8748047,10.3802734 52.2619141,10.9927734 C47.7990234,15.4558594 46.4654297,22.5322266 46.0667969,26.4457031 C44.9107422,25.1599609 43.5933594,23.6900391 42.30625,22.4621094 C37.3503906,17.7333984 31.8285156,14.0056641 26.4798828,11.1158203 C25.4898438,10.5808594 24.2878906,11.3042969 24.2878906,12.4294922 L24.2878906,12.4294922 C24.2878906,12.9541016 24.5646484,13.4380859 25.0142578,13.7083984 C29.8099609,16.5931641 34.9601563,20.1953125 40.0970703,24.690625 C42.3849609,26.6927734 44.6691406,29.5775391 45.9025391,31.0087891 L45.9181641,35.8501953 C45.8878906,36.0291016 45.8878906,36.2123047 45.9199219,36.3910156 L46.0505859,69.3267578 C46.0533203,70.1916016 46.7552734,70.890625 47.6195312,70.890625 C47.6210938,70.890625 47.6230469,70.890625 47.6246094,70.890625 C48.4912109,70.8876953 49.1914062,70.1832031 49.1886719,69.3164062 L49.0591797,36.7457031 C50.8654297,34.9878906 53.5615234,32.4410156 57.0529297,29.7988281 C59.7716797,27.7412109 62.6439453,25.9228516 65.5595703,24.3132812 C66.0369141,24.0498047 66.3361328,23.5507813 66.3361328,23.0056641 Z" @@ -1134,12 +1508,17 @@ sprout = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} sapling : Nri.Ui.Svg.V1.Svg sapling = - Nri.Ui.Svg.V1.init "0 0 100 191" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 100 191" + ] [ Svg.polygon [ Attributes.fill "#D97F4A", Attributes.points "44.4444444 116.260127 55.5555556 116.260127 55.5555556 182.186053 44.4444444 182.186053" ] [] , Svg.polygon [ Attributes.fill "#D55F05", Attributes.points "50 116.260127 55.5555556 116.260127 55.5555556 182.186053 50 182.186053" ] [] , Svg.path [ Attributes.d "M87.7777778,57.7777778 C88.4447337,55.2213541 88.8888889,52.6663774 88.8888889,50 C88.8888889,41.3324652 84.6672452,33.1105326 77.7777778,27.8891781 L77.7777778,27.7777778 C77.7777778,12.445023 65.3327548,0 50,0 C34.6672452,0 22.2222222,12.445023 22.2222222,27.7777778 L22.2222222,27.8891781 C15.3327548,33.1105326 11.1111111,41.3324652 11.1111111,50 C11.1111111,52.6663774 11.5552663,55.2213541 12.2222222,57.7777778 C4.33304407,64.8885996 0,73.7774885 0,83.3333333 C0,104.777199 22.445023,122.222222 50,122.222222 C77.554977,122.222222 100,104.777199 100,83.3333333 C100,73.7774885 95.6669559,64.8885996 87.7777778,57.7777778 Z", Attributes.fill "#C3EA21" ] [] @@ -1151,12 +1530,18 @@ sapling = , Svg.path [ Attributes.d "M100,184.074074 C100,187.186053 97.5564237,189.62963 94.4444444,189.62963 L5.55555556,189.62963 C2.4435763,189.62963 0,187.186053 0,184.074074 C0,180.962095 2.4435763,178.518519 5.55555556,178.518519 L94.4444444,178.518519 C97.5564237,178.518519 100,180.962095 100,184.074074 Z", Attributes.fill "#C3EA21" ] [] , Svg.path [ Attributes.d "M100,184.074074 C100,187.186053 97.5564237,189.62963 94.4444444,189.62963 L50,189.62963 L50,178.518519 L94.4444444,178.518519 C97.5564237,178.518519 100,180.962095 100,184.074074 Z", Attributes.fill "#9CDD05" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} tree : Nri.Ui.Svg.V1.Svg tree = - Nri.Ui.Svg.V1.init "0 0 100 100" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 100 100" + ] [ Svg.path [ Attributes.d "M44.2554458,76.2957186 C36.1962642,76.2957186 29.6386609,69.7388768 29.6386609,61.6796952 L29.6386609,55.8332857 C29.6386609,54.2174899 30.9468311,52.9100811 32.5618657,52.9100811 C34.1776615,52.9100811 35.4858318,54.2174899 35.4858318,55.8332857 L35.4858318,61.6796952 C35.4858318,66.5156609 39.4194799,70.4493092 44.2554458,70.4493092 C45.8712416,70.4493092 47.1786506,71.7567179 47.1786506,73.3725139 C47.1786506,74.9883097 45.8712416,76.2957186 44.2554458,76.2957186 L44.2554458,76.2957186 Z", Attributes.fill "#D55F05" ] [] , Svg.path [ Attributes.d "M61.7946739,70.4493092 L55.9482646,70.4493092 C54.3324686,70.4493092 53.0250599,69.1419004 53.0250599,67.5261044 C53.0250599,65.9103087 54.3324686,64.6028997 55.9482646,64.6028997 L61.7946739,64.6028997 C66.6298784,64.6028997 70.5642881,60.6692516 70.5642881,55.8332857 C70.5642881,54.2174899 71.8716969,52.9100811 73.4874928,52.9100811 C75.1032886,52.9100811 76.4106974,54.2174899 76.4106974,55.8332857 C76.4106974,63.8924673 69.8530942,70.4493092 61.7946739,70.4493092 L61.7946739,70.4493092 Z", Attributes.fill "#913F02" ] [] , Svg.path [ Attributes.d "M58.8714693,55.8332857 L58.8714693,95.7256259 L41.3322411,95.7256259 L41.3322411,55.8332857 C41.3322411,54.1961693 42.6175679,52.9100811 44.2554458,52.9100811 L55.9482646,52.9100811 C57.585381,52.9100811 58.8714693,54.1961693 58.8714693,55.8332857 L58.8714693,55.8332857 Z", Attributes.fill "#D97F4A" ] [] @@ -1177,43 +1562,73 @@ tree = , Svg.path [ Attributes.d "M76.4106974,96.9530825 C76.4106974,98.5901989 75.1246092,99.8762872 73.4874928,99.8762872 L26.7154562,99.8762872 C25.0783398,99.8762872 23.7922517,98.5901989 23.7922517,96.9530825 C23.7922517,95.3159659 25.0783398,94.0298778 26.7154562,94.0298778 L73.4874928,94.0298778 C75.1246092,94.0298778 76.4106974,95.3159659 76.4106974,96.9530825 L76.4106974,96.9530825 Z", Attributes.fill "#C3EA21" ] [] , Svg.path [ Attributes.d "M76.4106974,96.9530825 C76.4106974,98.5901989 75.1246092,99.8762872 73.4874928,99.8762872 L50.1018553,99.8762872 L50.1018553,94.0298778 L73.4874928,94.0298778 C75.1246092,94.0298778 76.4106974,95.3159659 76.4106974,96.9530825 L76.4106974,96.9530825 Z", Attributes.fill "#9CDD05" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} bold : Nri.Ui.Svg.V1.Svg bold = - Nri.Ui.Svg.V1.init "0 0 13.6 13.9" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 13.6 13.9" + ] [ Svg.path [ Attributes.d "M12.2,7.5c0.4,0.3,0.8,0.6,1,1.1s0.4,0.9,0.4,1.5c0,0.7-0.1,1.3-0.4,1.8s-0.7,0.9-1.3,1.1c-0.6,0.3-1.3,0.5-2,0.6 s-1.7,0.2-2.7,0.2H0v-0.8c0.2,0,0.5,0,0.8-0.1s0.5-0.1,0.6-0.1c0.2-0.1,0.4-0.2,0.5-0.4S2,12.1,2,11.9V2.1c0-0.2,0-0.4-0.1-0.6 S1.7,1.2,1.4,1.1C1.2,1,1,0.9,0.7,0.9S0.2,0.8,0,0.8V0h7.5c1.9,0,3.3,0.3,4.1,0.8s1.3,1.3,1.3,2.3c0,0.5-0.1,0.9-0.3,1.2 S12.1,5,11.8,5.2c-0.3,0.2-0.7,0.4-1.1,0.6S9.7,6.2,9.2,6.3v0.2c0.5,0.1,1,0.2,1.6,0.3C11.4,7,11.8,7.2,12.2,7.5z M9.1,3.3 c0-0.8-0.2-1.4-0.6-1.8S7.4,0.9,6.5,0.9c-0.1,0-0.3,0-0.5,0s-0.4,0-0.5,0v5.1H6c1.1,0,1.8-0.2,2.3-0.7S9.1,4.2,9.1,3.3z M9.8,10 c0-1-0.3-1.7-0.9-2.2C8.3,7.2,7.5,7,6.4,7C6.3,7,6.2,7,6,7S5.6,7,5.5,7v5.1c0.1,0.2,0.2,0.4,0.5,0.6C6.4,12.9,6.7,13,7.2,13 c0.8,0,1.4-0.3,1.9-0.8C9.5,11.7,9.8,10.9,9.8,10z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} italic : Nri.Ui.Svg.V1.Svg italic = - Nri.Ui.Svg.V1.init "0 0 9.5 13.9" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 9.5 13.9" + ] [ Svg.path [ Attributes.d "M9.5,0L9.3,0.6c-0.2,0-0.5,0-0.8,0.1C8.2,0.8,7.9,0.8,7.8,0.9C7.5,1,7.3,1.1,7.2,1.3S7,1.6,7,1.8L4.6,12c0,0,0,0.1,0,0.2\n c0,0.1,0,0.1,0,0.2c0,0.2,0,0.3,0.1,0.4c0.1,0.1,0.2,0.2,0.4,0.3c0.1,0,0.3,0.1,0.6,0.2s0.6,0.1,0.7,0.1l-0.1,0.6H0l0.1-0.6\n c0.2,0,0.4,0,0.8-0.1s0.6-0.1,0.7-0.1c0.3-0.1,0.4-0.2,0.6-0.4s0.2-0.4,0.3-0.6L4.8,1.9c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1,0-0.2\n c0-0.1,0-0.2-0.1-0.3C4.7,1.2,4.6,1.1,4.4,1C4.3,0.9,4,0.8,3.7,0.8S3.2,0.7,3.1,0.6L3.2,0H9.5z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} underline : Nri.Ui.Svg.V1.Svg underline = - Nri.Ui.Svg.V1.init "0 0 17 19" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 17 19" + ] [ Svg.rect [ Attributes.x "2", Attributes.y "17", Attributes.width "14.3", Attributes.height "1.4" ] [] , Svg.path [ Attributes.d "M16.3,0.754320988 C16.1130306,0.773662648 15.8438632,0.817180731 15.4924897,0.884876543 C15.1411162,0.952572355 14.8461603,1.07023236 14.6076132,1.23786008 C14.3626188,1.39904059 14.1901583,1.68916114 14.0902263,2.10823045 C13.9902944,2.52729976 13.9403292,3.1558943 13.9403292,3.99403292 L13.9403292,9.10020576 C13.9403292,10.6024081 13.4310065,11.8112437 12.4123457,12.726749 C11.3936849,13.6422542 10.0462361,14.1 8.36995885,14.1 C6.41645114,14.1 4.90460069,13.658372 3.83436214,12.7751029 C2.76412359,11.8918337 2.22901235,10.6604331 2.22901235,9.0808642 L2.22901235,2.05987654 C2.22901235,1.83422384 2.18549426,1.64081013 2.09845679,1.47962963 C2.01141932,1.31844913 1.84540589,1.17338885 1.60041152,1.04444444 C1.4327838,0.960630582 1.22647585,0.892935786 0.981481481,0.841358025 C0.736487115,0.789780263 0.536626288,0.754321084 0.381893004,0.734979424 L0.381893004,0 L7.57695473,0 L7.57695473,0.734979424 C7.37064369,0.747873864 7.16111217,0.772050577 6.94835391,0.807510288 C6.73559564,0.842969999 6.51961701,0.896158767 6.30041152,0.967078189 C6.05541716,1.04444483 5.89101551,1.1733873 5.80720165,1.35390947 C5.72338778,1.53443163 5.68148148,1.73751602 5.68148148,1.96316872 L5.68148148,8.88744856 C5.68148148,10.247812 5.98127272,11.2374455 6.5808642,11.8563786 C7.18045567,12.4753117 8.05081734,12.7847737 9.19197531,12.7847737 C10.3137916,12.7847737 11.193824,12.4430761 11.8320988,11.7596708 C12.4703736,11.0762654 12.7895062,10.0705142 12.7895062,8.74238683 L12.7895062,4.09074074 C12.7895062,3.26549656 12.7330938,2.64818449 12.6202675,2.23878601 C12.5074411,1.82938753 12.3349806,1.53443163 12.1028807,1.35390947 C11.9352529,1.21207062 11.6435206,1.08312815 11.2276749,0.967078189 C10.8118292,0.851028226 10.5200969,0.780109868 10.3524691,0.754320988 L10.3524691,0 L16.3,0 L16.3,0.754320988 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} list : Nri.Ui.Svg.V1.Svg list = - Nri.Ui.Svg.V1.init "0 0 16 12.6" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 16 12.6" + ] [ Svg.path [ Attributes.d "M1.7,3.4C0.8,3.4,0,2.7,0,1.7S0.8,0,1.7,0s1.7,0.8,1.7,1.7S2.7,3.4,1.7,3.4z M1.7,8C0.8,8,0,7.2,0,6.3s0.8-1.7,1.7-1.7\n s1.7,0.8,1.7,1.7S2.7,8,1.7,8z M1.7,12.6c-0.9,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7s1.7,0.8,1.7,1.7S2.7,12.6,1.7,12.6z M16,2.6\n c0,0.2-0.1,0.3-0.3,0.3H4.9c-0.2,0-0.3-0.1-0.3-0.3V0.9c0-0.2,0.1-0.3,0.3-0.3h10.9c0.2,0,0.3,0.1,0.3,0.3V2.6z M16,7.1\n c0,0.2-0.1,0.3-0.3,0.3H4.9c-0.2,0-0.3-0.1-0.3-0.3V5.4c0-0.2,0.1-0.3,0.3-0.3h10.9c0.2,0,0.3,0.1,0.3,0.3V7.1z M16,11.7\n c0,0.2-0.1,0.3-0.3,0.3H4.9c-0.2,0-0.3-0.1-0.3-0.3V10c0-0.2,0.1-0.3,0.3-0.3h10.9c0.2,0,0.3,0.1,0.3,0.3V11.7z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} link : Nri.Ui.Svg.V1.Svg link = - Nri.Ui.Svg.V1.init "0 0 100 100" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 100 100" + ] [ Svg.path [ Attributes.d "M92.1882,7.8105 C81.7742,-2.6035 64.8872,-2.6035 54.4772,7.8105 L39.5982,22.6855 C40.7779,22.55659 41.9654,22.50191 43.1607,22.50191 C46.9263,22.50191 50.5865,23.09957 54.0557,24.25191 L62.4854,15.82221 C65.3799,12.92381 69.2315,11.33001 73.3294,11.33001 C77.4232,11.33001 81.2747,12.92381 84.1734,15.82221 C87.0679,18.71671 88.6617,22.56051 88.6617,26.66221 C88.6617,30.75601 87.0679,34.60751 84.1734,37.50221 L67.6774,53.99821 C64.779,56.89661 60.9274,58.49041 56.8334,58.49041 C52.7318,58.49041 48.8881,56.89661 45.9894,53.99821 C44.5792,52.59591 43.4816,50.95911 42.7238,49.17791 C40.8449,49.28338 39.0871,50.06463 37.7433,51.40451 L33.3488,55.80291 C34.5519,58.02951 36.0949,60.13101 37.9738,62.01771 C48.3878,72.43171 65.2748,72.43171 75.6888,62.01771 L92.1888,45.51371 C102.5988,35.10371 102.5988,18.22071 92.1888,7.81071 L92.1882,7.8105 Z" ] [] @@ -1221,68 +1636,109 @@ link = [ Attributes.d "M57.0092,77.49 C53.2358,77.49 49.5404,76.88062 45.9932,75.6775 L37.5049,84.1658 C34.6104,87.0642 30.7627,88.658 26.6649,88.658 C22.5711,88.658 18.7235,87.0642 15.8249,84.1658 C12.9265,81.2713 11.3327,77.4236 11.3327,73.3258 C11.3327,69.232 12.9265,65.3805 15.8249,62.4818 L32.3209,45.9858 C35.2193,43.0913 39.0631,41.5014 43.1609,41.5014 C47.2625,41.5014 51.1062,43.0952 54.0049,45.9858 C55.4151,47.396 56.5166,49.0327 57.2783,50.8139 C59.165,50.716244 60.9267,49.92718 62.2666,48.5873 L66.6533,44.1928 C65.4502,41.9584 63.9033,39.8608 62.0205,37.974 C51.6065,27.56 34.7195,27.56 24.3095,37.974 L7.8135,54.478 C-2.6045,64.892 -2.6045,81.771 7.8135,92.189 C18.2275,102.603 35.1065,102.603 45.5205,92.189 L60.3755,77.334 C59.2661,77.43556 58.1489,77.49416 57.02,77.49416 L57.0092,77.49 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} undo : Nri.Ui.Svg.V1.Svg undo = - Nri.Ui.Svg.V1.init "0 0 18 8" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 18 8" + ] [ Svg.path [ Attributes.d "M3.16 3.168C4.83 1.76 6.938.879 9.22.879c4.126 0 7.55 2.64 8.78 6.336l-2.107.705c-.879-2.816-3.513-4.84-6.674-4.84a6.877 6.877 0 0 0-4.478 1.672L7.902 7.92H0V0l3.16 3.168z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} redo : Nri.Ui.Svg.V1.Svg redo = - Nri.Ui.Svg.V1.init "0 0 18 8" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 18 8" + ] [ Svg.path [ Attributes.transform "scale(-1,1) translate(-18,0)", Attributes.d "M3.16 3.168C4.83 1.76 6.938.879 9.22.879c4.126 0 7.55 2.64 8.78 6.336l-2.107.705c-.879-2.816-3.513-4.84-6.674-4.84a6.877 6.877 0 0 0-4.478 1.672L7.902 7.92H0V0l3.16 3.168z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} home : Nri.Ui.Svg.V1.Svg home = - Nri.Ui.Svg.V1.init "0 0 20 18" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 20 18" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M10.5916711,0.1316206 L10.67853,0.20566 L19.77453,9.411066 C20.1884706,9.82499711 19.9187834,10.5322989 19.3794595,10.6096104 L19.28157,10.616526 L17.30891,10.616526 L17.30891,17.082125 C17.30891,17.4337583 17.0325426,17.7394285 16.6910117,17.7879316 L16.59641,17.794625 L11.93943,17.794625 L11.93943,11.767226 L7.994034,11.767226 L7.994034,17.739825 C7.9524255,17.780925 7.8805005,17.7912 7.82406703,17.7937688 L7.774494,17.794625 L3.007294,17.794625 C2.65566067,17.794625 2.34999053,17.5181635 2.3014874,17.1766169 L2.294794,17.082013 L2.294794,10.616414 L0.7059516,10.616526 C0.0854307467,10.616526 -0.193638248,9.88344717 0.146485604,9.47884123 L0.2129916,9.411066 L9.69259,0.20566 C9.938686,-0.041138 10.3183024,-0.0658178 10.5916711,0.1316206 Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowPointingRightThick : Nri.Ui.Svg.V1.Svg arrowPointingRightThick = - Nri.Ui.Svg.V1.init "0 0 30 30" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 30 30" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M15.0153,0 L30,15 L15.0153,30.0003 L9.6972,24.6822 L9.749948,24.629449 L9.89998116,24.4794159 C10.618401,23.7609967 13.1327192,21.2466827 15.6153,18.7641 L0,18.7641 L0,11.2431 L15.6153,11.2431 L9.6972,5.3181 L15.0153,0 Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} library : Nri.Ui.Svg.V1.Svg library = - Nri.Ui.Svg.V1.init "0 0 25 21" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 21" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.fillRule "evenodd" ] [ Svg.path [ Attributes.d "M4.36725,18.19925 L4.36725,18.6592 L0,18.6592 L0,18.19925 L4.36725,18.19925 Z M4.36725,17.7393 L0,17.7393 L0,3.2608 L4.36725,3.2608 L4.36725,17.7393 Z M4.36725,19.1182 L4.36725,19.34867 C4.36725,19.72952 4.057675,20.03812 3.6778,20.03812 L0.68955,20.03812 C0.3087,20.03812 9.989738e-05,19.72952 9.989738e-05,19.34867 L9.989738e-05,19.1182 L4.36725,19.1182 Z M4.36725,2.34095 L4.36725,2.8009 L0,2.8009 L0,2.34095 L4.36725,2.34095 Z M4.36725,1.88198 L0,1.88198 L0,1.6515 C0,1.27065 0.3086,0.96205 0.68945,0.96205 L3.6777,0.96205 C4.057575,0.96205 4.36715,1.27065 4.36715,1.6515 L4.36725,1.88198 Z M0.919,3.71987 L0.919,6.0187 L3.44725,6.0187 L3.44725,3.71987 L0.919,3.71987 Z M9.423,18.199375 L9.423,18.659325 L5.05675,18.659325 L5.05675,18.199375 L9.423,18.199375 Z M9.423,17.739425 L5.05675,17.739425 L5.05675,3.26092 L9.423,3.26092 L9.423,17.739425 Z M9.423,19.118325 L9.423,19.348795 C9.423,19.729645 9.1144,20.038245 8.73355,20.038245 L5.7463,20.038245 C5.36545,20.038245 5.05685,19.729645 5.05685,19.348795 L5.05685,19.118325 L9.423,19.118325 Z M9.423,2.34107 L9.423,2.80102 L5.05675,2.80102 L5.05675,2.34107 L9.423,2.34107 Z M9.423,1.8821 L5.05675,1.8821 L5.05675,1.65163 C5.05675,1.27078 5.36535,0.96218 5.7462,0.96218 L8.73345,0.96218 C9.1143,0.96218 9.4229,1.27078 9.4229,1.65163 L9.423,1.8821 Z M5.97575,3.72 L5.97575,6.01882 L8.504,6.01882 L8.504,3.72 L5.97575,3.72 Z M14.47975,18.199497 L14.47975,18.659447 L10.1125,18.659447 L10.1125,18.199497 L14.47975,18.199497 Z M14.47975,17.739547 L10.1125,17.739547 L10.1125,3.26105 L14.47975,3.26105 L14.47975,17.739547 Z M14.47975,19.118447 L14.47975,19.348917 C14.47975,19.729767 14.17115,20.038367 13.7903,20.038367 L10.80205,20.038367 C10.4212,20.038367 10.1126,19.729767 10.1126,19.348917 L10.1126,19.118447 L14.47975,19.118447 Z M14.47975,2.3412 L14.47975,2.80115 L10.1125,2.80115 L10.1125,2.3412 L14.47975,2.3412 Z M14.47975,1.88222 L10.1125,1.88222 L10.1125,1.65175 C10.1125,1.2709 10.4211,0.9623 10.80195,0.9623 L13.7902,0.9623 C14.17105,0.9623 14.47965,1.2709 14.47965,1.65175 L14.47975,1.88222 Z M11.0325,3.72012 L11.0325,6.01895 L13.55975,6.01895 L13.55975,3.72012 L11.0325,3.72012 Z M24.56575,16.988622 L24.72298,17.420272 L20.61948,18.914422 L20.46225,18.481797 L24.56575,16.988622 Z M24.40852,16.556972 L20.30502,18.050147 L15.35277,4.44365 L19.45627,2.95047 L24.40852,16.556972 Z M24.8802,17.852872 L24.95832,18.068692 C25.08918,18.426117 24.90461,18.821617 24.54622,18.952492 L21.73872,19.973967 C21.3813,20.10385 20.9858,19.91928 20.85492,19.561867 L20.7768,19.346047 L24.8802,17.852872 Z M19.14195,2.08637 L19.29918,2.519 L15.19568,4.01217 L15.03845,3.58052 L19.14195,2.08637 Z M18.98472,1.65472 L14.88122,3.1479 L14.80212,2.93208 C14.67224,2.57465 14.85681,2.17915 15.21422,2.04828 L18.02172,1.0268 C18.38012,0.89692 18.77562,1.08149 18.90552,1.4389 L18.98472,1.65472 Z M16.37347,4.56197 L17.1596,6.72115 L19.53557,5.8569 L18.74945,3.69675 L16.37347,4.56197 Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} search : Nri.Ui.Svg.V1.Svg search = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 25 25" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M17.3076923,10.5765481 C17.3076923,8.72359894 16.6484159,7.13841054 15.3317383,5.82135785 C14.0146856,4.50468019 12.4294972,3.84540382 10.5765481,3.84540382 C8.72359894,3.84540382 7.13841054,4.50468019 5.82135785,5.82135785 C4.50468019,7.13841054 3.84540382,8.72359894 3.84540382,10.5765481 C3.84540382,12.4294972 4.50468019,14.0146856 5.82135785,15.3317383 C7.13841054,16.6484159 8.72359894,17.3076923 10.5765481,17.3076923 C12.4294972,17.3076923 14.0146856,16.6484159 15.3317383,15.3317383 C16.6484159,14.0146856 17.3076923,12.4294972 17.3076923,10.5765481 L17.3076923,10.5765481 Z M25,23.0780481 C25,23.5981939 24.8094924,24.049337 24.4299772,24.4299772 C24.049337,24.8094924 23.5981939,25 23.0780481,25 C22.5361514,25 22.0861334,24.8094924 21.724619,24.4299772 L16.5707878,19.2911466 C14.7793412,20.5335713 12.7797612,21.1545962 10.5765481,21.1545962 C9.14399076,21.1545962 7.77406096,20.8763351 6.4675087,20.3198128 C5.16095644,19.7644156 4.03441138,19.0128855 3.08637345,18.0667227 C2.14021061,17.1201848 1.38868055,15.9936397 0.833658346,14.6855874 C0.27676107,13.3790352 0,12.0091054 0,10.5765481 C0,9.14399076 0.27676107,7.77406096 0.833658346,6.4675087 C1.38868055,5.16095644 2.14021061,4.03441138 3.08637345,3.08637345 C4.03441138,2.14021061 5.16095644,1.38868055 6.4675087,0.833658346 C7.77406096,0.27676107 9.14399076,0 10.5765481,0 C12.0091054,0 13.3790352,0.27676107 14.6855874,0.833658346 C15.9936397,1.38868055 17.1201848,2.14021061 18.0667227,3.08637345 C19.0128855,4.03441138 19.7644156,5.16095644 20.3198128,6.4675087 C20.8763351,7.77406096 21.1545962,9.14399076 21.1545962,10.5765481 C21.1545962,12.7797612 20.5335713,14.7793412 19.2911466,16.5707878 L24.4449778,21.724619 C24.8154926,22.0951338 25,22.5462769 25,23.0780481 L25,23.0780481 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} searchInCicle : Nri.Ui.Svg.V1.Svg searchInCicle = - Nri.Ui.Svg.V1.init "0 0 31 31" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 31 31" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1303,23 +1759,35 @@ searchInCicle = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} speechBalloon : Nri.Ui.Svg.V1.Svg speechBalloon = - Nri.Ui.Svg.V1.init "6 4 29 27" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "6 4 29 27" + ] [ Svg.path [ Attributes.d "M30.9585749,6 C32.0224016,6 33.0408765,6.41333432 33.7918511,7.14748114 C34.5428257,7.8816806 34.9641248,8.87699427 34.963095,9.91444946 L34.963095,9.91444946 L34.963095,24.1007668 C34.9651747,25.1372481 34.5449288,26.1325354 33.7960843,26.8666822 C33.0462152,27.6008291 32.0287919,28.0151868 30.9671222,28.0172431 L30.9671222,28.0172431 L18.4515368,28.0172431 L13.6140979,32.387221 C12.3933732,33.4894546 11.3928018,33.0637753 11.3928018,31.439208 L11.3928018,31.439208 L11.3928018,28.0173483 L10.0046367,28.0173483 C8.94078298,28.0173483 7.92125653,27.604014 7.17028196,26.8698672 C6.41933434,26.1345885 5.99803348,25.1382483 6.0000069,24.1007931 L6.0000069,24.1007931 L6.0000069,9.91447579 C5.99908841,8.87694163 6.4203859,7.88165428 7.17136048,7.14750746 C7.92236202,6.41336064 8.94086387,6 10.0046367,6 L10.0046367,6 Z M23.6274241,18.9115148 L11.4940908,18.9115148 L11.4940908,20.933737 L23.6274241,20.933737 L23.6274241,18.9115148 Z M28.3333333,13 L11,13 L11,15.0222222 L28.3333333,15.0222222 L28.3333333,13 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} checklist : Nri.Ui.Svg.V1.Svg checklist = - Nri.Ui.Svg.V1.init "0 0 27 27" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 27 27" + ] [ Svg.path [ Attributes.d "M11.0772,5.46017143 L25.1094857,5.46017143 C25.8126171,5.46017143 26.3851457,4.88761714 26.3851457,4.18451143 C26.3851457,3.48138 25.8125914,2.90885143 25.1094857,2.90885143 L11.0772,2.90885143 C10.3740686,2.90885143 9.80154,3.48140571 9.80154,4.18451143 C9.80154,4.88764286 10.3740943,5.46017143 11.0772,5.46017143 Z" ] [] , Svg.path [ Attributes.d "M25.1094857,11.8386 L11.0772,11.8386 C10.3740686,11.8386 9.80154,12.4111543 9.80154,13.11426 C9.80154,13.8173657 10.3740943,14.38992 11.0772,14.38992 L25.1094857,14.38992 C25.8126171,14.38992 26.3851457,13.8173657 26.3851457,13.11426 C26.3851457,12.4111543 25.8125914,11.8386 25.1094857,11.8386 Z" ] [] , Svg.path [ Attributes.d "M25.1094857,20.7684 L11.0772,20.7684 C10.3740686,20.7684 9.80154,21.3409543 9.80154,22.04406 C9.80154,22.7471914 10.3740943,23.31972 11.0772,23.31972 L25.1094857,23.31972 C25.8126171,23.31972 26.3851457,22.7471657 26.3851457,22.04406 C26.3851457,21.3409286 25.8125914,20.7684 25.1094857,20.7684 Z" ] [] @@ -1327,12 +1795,18 @@ checklist = , Svg.path [ Attributes.d "M6.34628571,9.6588 L3.42334286,12.5817429 L3.05169429,12.2100943 C2.55448286,11.7128829 1.74589714,11.7128829 1.24868571,12.2100943 C0.751474286,12.7073057 0.751474286,13.5158914 1.24868571,14.0131029 L2.52434571,15.2887629 C2.77546114,15.5398783 3.10191429,15.6604114 3.42835714,15.6604114 C3.7548,15.6604114 4.08126857,15.5348537 4.33236857,15.2887629 L8.15942571,11.4617057 C8.65663714,10.9644943 8.65663714,10.1559086 8.15942571,9.65869714 C7.65216,9.16148571 6.84858857,9.16148571 6.34636286,9.65869714 L6.34628571,9.6588 Z" ] [] , Svg.path [ Attributes.d "M6.34628571,1.17308571 L3.42334286,4.09602857 L3.05169429,3.72438 C2.55448286,3.22716857 1.74589714,3.22716857 1.24868571,3.72438 C0.751474286,4.22159143 0.751474286,5.03017714 1.24868571,5.52738857 L2.52434571,6.80304857 C2.77546114,7.054164 3.10191429,7.17469714 3.42835714,7.17469714 C3.7548,7.17469714 4.08126857,7.04913943 4.33236857,6.80304857 L8.15942571,2.97599143 C8.65663714,2.47878 8.65663714,1.67019429 8.15942571,1.17298286 C7.65216,0.675771429 6.84858857,0.675771429 6.34636286,1.17298286 L6.34628571,1.17308571 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} checklistComplete : Nri.Ui.Svg.V1.Svg checklistComplete = - Nri.Ui.Svg.V1.init "0 0 27 27" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 27 27" + ] [ Svg.path [ Attributes.d "M11.0772,5.46017143 L25.1094857,5.46017143 C25.8126171,5.46017143 26.3851457,4.88761714 26.3851457,4.18451143 C26.3851457,3.48138 25.8125914,2.90885143 25.1094857,2.90885143 L11.0772,2.90885143 C10.3740686,2.90885143 9.80154,3.48140571 9.80154,4.18451143 C9.80154,4.88764286 10.3740943,5.46017143 11.0772,5.46017143 Z" ] [] , Svg.path [ Attributes.d "M25.1094857,11.8386 L11.0772,11.8386 C10.3740686,11.8386 9.80154,12.4111543 9.80154,13.11426 C9.80154,13.8173657 10.3740943,14.38992 11.0772,14.38992 L25.1094857,14.38992 C25.8126171,14.38992 26.3851457,13.8173657 26.3851457,13.11426 C26.3851457,12.4111543 25.8125914,11.8386 25.1094857,11.8386 Z" ] [] , Svg.path [ Attributes.d "M25.1094857,20.7684 L11.0772,20.7684 C10.3740686,20.7684 9.80154,21.3409543 9.80154,22.04406 C9.80154,22.7471914 10.3740943,23.31972 11.0772,23.31972 L25.1094857,23.31972 C25.8126171,23.31972 26.3851457,22.7471657 26.3851457,22.04406 C26.3851457,21.3409286 25.8125914,20.7684 25.1094857,20.7684 Z" ] [] @@ -1340,12 +1814,18 @@ checklistComplete = , Svg.path [ Attributes.d "M6.34628571,9.6588 L3.42334286,12.5817429 L3.05169429,12.2100943 C2.55448286,11.7128829 1.74589714,11.7128829 1.24868571,12.2100943 C0.751474286,12.7073057 0.751474286,13.5158914 1.24868571,14.0131029 L2.52434571,15.2887629 C2.77546114,15.5398783 3.10191429,15.6604114 3.42835714,15.6604114 C3.7548,15.6604114 4.08126857,15.5348537 4.33236857,15.2887629 L8.15942571,11.4617057 C8.65663714,10.9644943 8.65663714,10.1559086 8.15942571,9.65869714 C7.65216,9.16148571 6.84858857,9.16148571 6.34636286,9.65869714 L6.34628571,9.6588 Z" ] [] , Svg.path [ Attributes.d "M6.34628571,1.17308571 L3.42334286,4.09602857 L3.05169429,3.72438 C2.55448286,3.22716857 1.74589714,3.22716857 1.24868571,3.72438 C0.751474286,4.22159143 0.751474286,5.03017714 1.24868571,5.52738857 L2.52434571,6.80304857 C2.77546114,7.054164 3.10191429,7.17469714 3.42835714,7.17469714 C3.7548,7.17469714 4.08126857,7.04913943 4.33236857,6.80304857 L8.15942571,2.97599143 C8.65663714,2.47878 8.65663714,1.67019429 8.15942571,1.17298286 C7.65216,0.675771429 6.84858857,0.675771429 6.34636286,1.17298286 L6.34628571,1.17308571 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} openBook : Nri.Ui.Svg.V1.Svg openBook = - Nri.Ui.Svg.V1.init "0 0 16 13" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 16 13" + ] [ Svg.g [ Attributes.transform "translate(0.256349, 0.281480)" ] [ Svg.path [ Attributes.d "M5.97967784,7.68594033 L6.3357413,7.774016 L6.3357413,8.297421 C4.90871699,7.91726562 3.51632767,7.87765319 2.08989378,8.17910991 L1.7325363,8.26158 L1.7325363,7.737499 C3.16515353,7.37982238 4.55798757,7.36210421 5.97967784,7.68594033 L5.97967784,7.68594033 Z" ] [] , Svg.path [ Attributes.d "M5.97967784,6.20834789 L6.3357413,6.296302 L6.3357413,6.820381 C4.90871699,6.43960069 3.51632767,6.40051534 2.08989378,6.70152673 L1.7325363,6.783864 L1.7325363,6.26046 C3.16515353,5.90153631 4.55798757,5.88487164 5.97967784,6.20834789 L5.97967784,6.20834789 Z" ] [] @@ -1361,12 +1841,17 @@ openBook = , Svg.path [ Attributes.d "M10.8138713,-6.21724894e-15 C11.9782613,-6.21724894e-15 13.1434813,0.23533 14.2748513,0.70059 C14.3321588,0.723915 14.3746332,0.771585 14.3922886,0.82905375 L14.4013013,0.88925 L14.4013013,1.42077 L14.7021413,1.60877 L14.6034113,10.908484 C14.6034113,10.908484 8.5888713,10.522346 8.5422083,10.672472 C8.4986487,10.8125849 8.3785254,10.9291395 7.64244931,10.9440574 L7.4750943,10.94567 L7.1457693,10.94567 C6.2598923,10.94567 6.1239693,10.820559 6.0752803,10.667729 C6.02877945,10.5201867 1.47385391,10.7840498 0.207572167,10.9956452 L0.0987309,11.015315 L-2.66453526e-15,1.60878 L0.3827464,1.37074 L0.3827464,0.88995 C0.3827464,0.80676 0.4327881,0.73237 0.5092036,0.70059 C1.6412213,0.23601 2.8056993,-6.21724894e-15 3.9708693,-6.21724894e-15 C5.1226223,-6.21724894e-15 6.2728523,0.23059 7.3920283,0.68502 C8.5119213,0.23059 9.6629193,-6.21724894e-15 10.8138713,-6.21724894e-15 Z M10.8130913,0.40835 C9.86394463,0.40835 8.91376686,0.57237963 7.98244941,0.897601468 L7.6341283,1.02711 L7.6341283,9.852136 C8.6768123,9.460595 9.7446113,9.262462 10.8130913,9.262462 C11.7628513,9.262462 12.7125481,9.41901153 13.6437525,9.72879207 L13.9920513,9.852136 L13.9913613,1.02711 C12.9500513,0.61662 11.8808813,0.40835 10.8130913,0.40835 Z M3.9709503,0.40835 C3.02180274,0.40835 2.07161539,0.57237963 1.13981824,0.897601468 L0.7912943,1.02711 L0.7912943,9.852136 C1.8346763,9.460595 2.9024673,9.262462 3.9709503,9.262462 C4.92071386,9.262462 5.86987534,9.41901153 6.80143761,9.72879207 L7.1499153,9.852136 L7.1492193,1.02711 C6.1079183,0.61662 5.0387423,0.40835 3.9709503,0.40835 Z" ] [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} openBooks : Nri.Ui.Svg.V1.Svg openBooks = - Nri.Ui.Svg.V1.init "0 0 27 24" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 27 24" + ] [ Svg.g [ Attributes.stroke "none", Attributes.strokeWidth "1", Attributes.fill "none", Attributes.fillRule "evenodd" ] [ Svg.g [ Attributes.transform "translate(-86.000000, -746.000000)" ] [ Svg.g [ Attributes.transform "translate(41.000000, 50.000000)" ] @@ -1424,20 +1909,32 @@ openBooks = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} null : Nri.Ui.Svg.V1.Svg null = - Nri.Ui.Svg.V1.init "0 0 100 100" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 100 100" + ] [ Svg.path [ Attributes.d "m50 3.332c11.688 0 22.375 4.293 30.559 11.398l9.5078-9.5234c1.2188-1.2227 3.1719-1.3164 4.4961-0.20703 1.3281 1.1055 1.5898 3.043 0.60547 4.4609l-0.37891 0.46484-9.5117 9.5078h-0.003906c10.391 12.004 13.969 28.465 9.4961 43.699-4.4766 15.234-16.391 27.148-31.621 31.621-15.234 4.4766-31.699 0.89844-43.703-9.4922l-9.5117 9.5312c-1.2188 1.2227-3.1719 1.3164-4.4961 0.20703-1.3281-1.1055-1.5898-3.043-0.60547-4.4609l0.37891-0.46484 9.5117-9.5078h0.003906c-7.8555-9.0625-11.922-20.805-11.352-32.785s5.7305-23.281 14.414-31.559c8.6797-8.2773 20.215-12.891 32.211-12.891zm30.539 20.832-56.375 56.375h0.003907c10.305 8.7227 24.316 11.656 37.258 7.8008 12.938-3.8516 23.062-13.977 26.914-26.914 3.8555-12.941 0.92188-26.953-7.8008-37.258zm-30.539-14.164c-10.223 0-20.062 3.9141-27.488 10.941-7.4297 7.0273-11.883 16.629-12.449 26.84-0.57031 10.207 2.793 20.246 9.3984 28.051l56.375-56.375-0.003907 0.003907c-7.2148-6.1211-16.371-9.4766-25.832-9.4609z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} openQuotationMark : Nri.Ui.Svg.V1.Svg openQuotationMark = - Nri.Ui.Svg.V1.init "0 0 68 51" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 68 51" + ] [ Svg.path [ Attributes.fill "#004cc9" , Attributes.d "M66.62,1.66V9.87a20.09,20.09,0,0,0-11.79,4.06q-5.7,4.08-5.71,10,0,3.42,2.74,3.42a12.47,12.47,0,0,0,2.46-.48,15.65,15.65,0,0,1,3.07-.41,10,10,0,0,1,7.18,3.14,11.09,11.09,0,0,1,3.22,8.28,12.75,12.75,0,0,1-3.42,8.92Q61,50.47,55,50.47a14.1,14.1,0,0,1-11.48-5.36q-4.38-5.37-4.38-14.94,0-13.2,8-20.68A28.86,28.86,0,0,1,66.62,1.66Zm-37.53,0V9.87a19.63,19.63,0,0,0-12,4.13q-5.53,4.14-5.54,9.88c0,2.28.92,3.42,2.74,3.42a12.47,12.47,0,0,0,2.46-.48,15.73,15.73,0,0,1,3.08-.41,10.32,10.32,0,0,1,7.07,3,10.81,10.81,0,0,1,3.32,8.38,12.75,12.75,0,0,1-3.42,8.92q-3.42,3.72-9.37,3.72A14.1,14.1,0,0,1,6,45.11Q1.61,39.74,1.61,30.17q0-13.2,8-20.68A28.82,28.82,0,0,1,29.09,1.66Z" @@ -1445,12 +1942,18 @@ openQuotationMark = [] , Svg.path [ Attributes.d "M65.62.66V8.87a20.09,20.09,0,0,0-11.79,4.06q-5.7,4.08-5.71,10,0,3.42,2.74,3.42a12.47,12.47,0,0,0,2.46-.48,15.65,15.65,0,0,1,3.07-.41,10,10,0,0,1,7.18,3.14,11.09,11.09,0,0,1,3.22,8.28,12.75,12.75,0,0,1-3.42,8.92Q60,49.47,54,49.47a14.1,14.1,0,0,1-11.48-5.36q-4.38-5.37-4.38-14.94,0-13.2,8-20.68A28.86,28.86,0,0,1,65.62.66ZM28.09.66V8.87a19.63,19.63,0,0,0-12,4.13q-5.53,4.14-5.54,9.88c0,2.28.92,3.42,2.74,3.42a12.47,12.47,0,0,0,2.46-.48,15.73,15.73,0,0,1,3.08-.41,10.32,10.32,0,0,1,7.07,3,10.81,10.81,0,0,1,3.32,8.38,12.75,12.75,0,0,1-3.42,8.92q-3.42,3.72-9.37,3.72A14.1,14.1,0,0,1,5,44.11Q.61,38.74.61,29.17q0-13.2,8-20.68A28.82,28.82,0,0,1,28.09.66Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} closeQuotationMark : Nri.Ui.Svg.V1.Svg closeQuotationMark = - Nri.Ui.Svg.V1.init "0 0 68 51" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 68 51" + ] [ Svg.path [ Attributes.fill "#004cc9" , Attributes.d "M40.09,50.47V42.34a19.49,19.49,0,0,0,12-4.17q5.54-4.17,5.54-9.91c0-2.24-.91-3.35-2.74-3.35a13.73,13.73,0,0,0-2.46.41,15.53,15.53,0,0,1-3,.41,10.4,10.4,0,0,1-7.14-3.05,10.77,10.77,0,0,1-3.31-8.37,12.77,12.77,0,0,1,3.41-8.92q3.42-3.72,9.44-3.73A14,14,0,0,1,63.36,7.1Q67.63,12.53,67.64,22q0,13.13-8,20.64A28.82,28.82,0,0,1,40.09,50.47Zm-37.87,0V42.34A20,20,0,0,0,14,38.24q5.7-4.11,5.71-10c0-2.24-.91-3.35-2.74-3.35a13.73,13.73,0,0,0-2.46.41,15.53,15.53,0,0,1-3,.41,10.4,10.4,0,0,1-7.14-3.05,10.77,10.77,0,0,1-3.32-8.37,12.63,12.63,0,0,1,3.46-9Q8,1.66,13.91,1.66A14.13,14.13,0,0,1,25.36,7Q29.77,12.4,29.77,22q0,13.19-8.07,20.68A29,29,0,0,1,2.22,50.47Z" @@ -1458,40 +1961,64 @@ closeQuotationMark = [] , Svg.path [ Attributes.d "M39.09,49.47V41.34a19.49,19.49,0,0,0,12-4.17q5.54-4.17,5.54-9.91c0-2.24-.91-3.35-2.74-3.35a13.73,13.73,0,0,0-2.46.41,15.53,15.53,0,0,1-3,.41,10.4,10.4,0,0,1-7.14-3.05,10.77,10.77,0,0,1-3.31-8.37,12.77,12.77,0,0,1,3.41-8.92Q44.76.67,50.78.66A14,14,0,0,1,62.36,6.1Q66.63,11.53,66.64,21q0,13.13-8,20.64A28.82,28.82,0,0,1,39.09,49.47Zm-37.87,0V41.34A20,20,0,0,0,13,37.24q5.7-4.11,5.71-10c0-2.24-.91-3.35-2.74-3.35a13.73,13.73,0,0,0-2.46.41,15.53,15.53,0,0,1-3,.41,10.4,10.4,0,0,1-7.14-3.05A10.77,10.77,0,0,1,.05,13.31a12.63,12.63,0,0,1,3.46-9Q7,.66,12.91.66A14.13,14.13,0,0,1,24.36,6Q28.77,11.4,28.77,21q0,13.19-8.07,20.68A29,29,0,0,1,1.22,49.47Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} mail : Nri.Ui.Svg.V1.Svg mail = - Nri.Ui.Svg.V1.init "0 0 88 63" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 88 63" + ] [ Svg.path [ Attributes.d "M78.125,0 L9.375,0 C4.1992,0 0,4.1992 0,9.375 L0,53.125 C0,58.3008 4.1992,62.5 9.375,62.5 L78.125,62.5 C83.3008,62.5 87.5,58.3008 87.5,53.125 L87.5,9.375 C87.5,4.1992 83.3008,0 78.125,0 Z M75.8438,6.25 L45.6558,27.562 C44.4956,28.31591 43.0035,28.31591 41.8433,27.562 L11.6553,6.25 L75.8438,6.25 Z M78.125,56.25 L9.375,56.25 C7.6484,56.25 6.25,54.8516 6.25,53.125 L6.25,10.063 L38.25,32.657 C41.5586,34.95 45.9414,34.95 49.25,32.657 L81.25,10.063 L81.25,53.125 C81.25,53.95312 80.92188,54.75 80.33594,55.3359 C79.75,55.92184 78.95314,56.25 78.12504,56.25 L78.125,56.25 Z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} highlighter : Nri.Ui.Svg.V1.Svg highlighter = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.viewBox "0 0 25 25" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M13.13 17.764l-6.697-6.697L19.828.351l4.018 4.02L13.13 17.763zm-7.352-3.809l-.014-2.218 6.698 6.698-2.22-.013-4.478 2.691-2.679-2.678 2.693-4.48zm-2.693 5.819l1.339 1.34-.67.669H1.077l2.01-2.01zm-2.008 4.851V22.73h24.625v1.895H1.077z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} scale : Nri.Ui.Svg.V1.Svg scale = - Nri.Ui.Svg.V1.init "0 0 91 87" + Svg.svg + [ Attributes.viewBox "0 0 91 87" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + ] [ Svg.path [ Attributes.d "M79.731 29.219a5.886 5.886 0 0 0-5.105-8.816l-23.594-4.704V5.887A5.888 5.888 0 0 0 45.145 0a5.886 5.886 0 0 0-5.887 5.887v9.812l-23.594 4.703a5.888 5.888 0 0 0-5.105 8.817L0 50.489h.004H0c0 8.633 7.023 15.656 15.656 15.656 8.633 0 15.66-7.024 15.66-15.656h-.004.004L20.765 29.223a5.862 5.862 0 0 0 .781-2.93h17.707v54.176h-4.722c-1.622 0-2.946 1.316-2.946 2.922 0 1.605 1.324 2.922 2.946 2.922h21.215c1.62 0 2.945-1.313 2.945-2.922 0-1.606-1.324-2.922-2.945-2.922h-4.72V26.293l17.708-.004c0 1.066.285 2.066.781 2.93L58.964 50.485h.004-.004c0 8.633 7.023 15.656 15.656 15.656 8.633 0 15.66-7.024 15.66-15.656h-.004.004L79.731 29.219zm-54.988 21.27H6.571l9.086-18.31 9.086 18.31zm49.88 0h-9.087l9.086-18.31 9.086 18.31h-9.086z" ] [] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} microscope : Nri.Ui.Svg.V1.Svg microscope = - Nri.Ui.Svg.V1.init "0 0 71 100" + Svg.svg + [ Attributes.viewBox "0 0 71 100" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1504,12 +2031,18 @@ microscope = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} tada : Nri.Ui.Svg.V1.Svg tada = - Nri.Ui.Svg.V1.init "0 0 21 21" + Svg.svg + [ Attributes.viewBox "0 0 21 21" + , Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1530,12 +2063,17 @@ tada = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} openInNewTab : Nri.Ui.Svg.V1.Svg openInNewTab = - Nri.Ui.Svg.V1.init "0 0 74 74" + Svg.svg + [ Attributes.viewBox "0 0 74 74" + , Attributes.width "100%" + , Attributes.height "100%" + ] [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" @@ -1550,12 +2088,18 @@ openInNewTab = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} sync : Nri.Ui.Svg.V1.Svg sync = - Nri.Ui.Svg.V1.init "0 0 62 62" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.viewBox "0 0 62 62" + , Attributes.version "1.1" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1576,12 +2120,19 @@ sync = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} flagUs : Nri.Ui.Svg.V1.Svg flagUs = - Nri.Ui.Svg.V1.init "0 0 92 64" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 92 64" + , Attributes.version "1.1" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1636,12 +2187,19 @@ flagUs = [] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} school : Nri.Ui.Svg.V1.Svg school = - Nri.Ui.Svg.V1.init "0 0 90 96" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 90 96" + , Attributes.version "1.1" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1660,12 +2218,19 @@ school = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} highSchool : Nri.Ui.Svg.V1.Svg highSchool = - Nri.Ui.Svg.V1.init "0 0 100 97" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 100 97" + , Attributes.version "1.1" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1704,12 +2269,19 @@ highSchool = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} company : Nri.Ui.Svg.V1.Svg company = - Nri.Ui.Svg.V1.init "0 0 55 67" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 55 67" + , Attributes.version "1.1" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1736,12 +2308,19 @@ company = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} homeSchool : Nri.Ui.Svg.V1.Svg homeSchool = - Nri.Ui.Svg.V1.init "0 0 25 25" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + , Attributes.version "1.1" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1759,12 +2338,19 @@ homeSchool = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} globe : Nri.Ui.Svg.V1.Svg globe = - Nri.Ui.Svg.V1.init "0 0 101 101" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 101 101" + , Attributes.version "1.1" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1793,12 +2379,19 @@ globe = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml {-| -} graduateCap : Nri.Ui.Svg.V1.Svg graduateCap = - Nri.Ui.Svg.V1.init "0 0 101 65" + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 101 65" + , Attributes.version "1.1" + ] [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1821,3 +2414,4 @@ graduateCap = ] ] ] + |> Nri.Ui.Svg.V1.fromHtml diff --git a/styleguide-app/Examples.elm b/styleguide-app/Examples.elm index 1a0df5f6..85b86d35 100644 --- a/styleguide-app/Examples.elm +++ b/styleguide-app/Examples.elm @@ -31,6 +31,7 @@ import Examples.Shadows as Shadows import Examples.SideNav as SideNav import Examples.SortableTable as SortableTable import Examples.Sprite as Sprite +import Examples.Svg as Svg import Examples.Switch as Switch import Examples.Table as Table import Examples.Tabs as Tabs @@ -611,6 +612,25 @@ all = SpriteState childState -> Just childState + _ -> + Nothing + ) + , Svg.example + |> Example.wrapMsg SvgMsg + (\msg -> + case msg of + SvgMsg childMsg -> + Just childMsg + + _ -> + Nothing + ) + |> Example.wrapState SvgState + (\msg -> + case msg of + SvgState childState -> + Just childState + _ -> Nothing ) @@ -819,6 +839,7 @@ type State | SideNavState SideNav.State | SortableTableState SortableTable.State | SpriteState Sprite.State + | SvgState Svg.State | SwitchState Switch.State | TableState Table.State | TabsState Tabs.State @@ -861,6 +882,7 @@ type Msg | SideNavMsg SideNav.Msg | SortableTableMsg SortableTable.Msg | SpriteMsg Sprite.Msg + | SvgMsg Svg.Msg | SwitchMsg Switch.Msg | TableMsg Table.Msg | TabsMsg Tabs.Msg diff --git a/styleguide-app/Examples/Accordion.elm b/styleguide-app/Examples/Accordion.elm index 61189f9b..20990c04 100644 --- a/styleguide-app/Examples/Accordion.elm +++ b/styleguide-app/Examples/Accordion.elm @@ -87,7 +87,7 @@ example = defaultCaret : Bool -> Html msg defaultCaret = - DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml + DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] {-| -} @@ -104,10 +104,7 @@ view ellieLinkConfig model = , update = UpdateControls , settings = model.settings , mainType = "RootHtml.Html String" - , extraImports = - [ "import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator" - , "import Nri.Ui.Svg.V1 as Svg" - ] + , extraImports = [ "import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator" ] , toExampleCode = \settings -> [ { sectionName = "Partial example" @@ -349,8 +346,8 @@ controlIcon = Control.choice [ ( "DisclosureIndicator" , Control.value - ( "DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml" - , DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml + ( "DisclosureIndicator.large [ Css.marginRight (Css.px 8) ]" + , DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] ) ) , ( "none", Control.value ( "\\_ -> text \"\"", \_ -> Html.text "" ) ) diff --git a/styleguide-app/Examples/AssignmentIcon.elm b/styleguide-app/Examples/AssignmentIcon.elm index 8afe277c..12c41978 100644 --- a/styleguide-app/Examples/AssignmentIcon.elm +++ b/styleguide-app/Examples/AssignmentIcon.elm @@ -6,8 +6,9 @@ module Examples.AssignmentIcon exposing (example, State, Msg) -} +import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples exposing (Group) +import Examples.IconExamples as IconExamples import Nri.Ui.AssignmentIcon.V2 as AssignmentIcon @@ -24,12 +25,13 @@ type alias Msg = {-| -} example : Example State Msg example = - { moduleName = "AssignmentIcon" + { name = "AssignmentIcon" , version = 2 - , label = "Planning Diagnostics" - , name = "planningDiagnosticCircled" - , icon = AssignmentIcon.planningDiagnosticCircled - , renderSvgCode = \name -> "AssignmentIcon." ++ name + , categories = [ Icons ] + , keyboardSupport = [] + , state = IconExamples.init + , update = IconExamples.update + , subscriptions = \_ -> Sub.none , preview = IconExamples.preview [ AssignmentIcon.planningDiagnosticCircled @@ -45,60 +47,53 @@ example = , AssignmentIcon.standards , AssignmentIcon.writing ] - , all = all + , view = + \ellieLinkConfig settings -> + let + viewExampleSection = + IconExamples.view settings + in + [ IconExamples.viewSettings settings + , viewExampleSection "Diagnostic" + [ ( "diagnostic", AssignmentIcon.diagnostic ) + , ( "planningDiagnosticCircled", AssignmentIcon.planningDiagnosticCircled ) + , ( "unitDiagnosticCircled", AssignmentIcon.unitDiagnosticCircled ) + ] + , viewExampleSection "Practice" <| + [ ( "practice", AssignmentIcon.practice ) + , ( "practiceCircled", AssignmentIcon.practiceCircled ) + ] + , viewExampleSection "Quiz" <| + [ ( "quiz", AssignmentIcon.quiz ) + , ( "quizCircled", AssignmentIcon.quizCircled ) + , ( "passageQuizCircled", AssignmentIcon.passageQuizCircled ) + ] + , viewExampleSection "Writing" <| + [ ( "quickWrite", AssignmentIcon.quickWrite ) + , ( "guidedDraft", AssignmentIcon.guidedDraft ) + , ( "peerReview", AssignmentIcon.peerReview ) + , ( "selfReview", AssignmentIcon.selfReview ) + ] + , viewExampleSection "Writing II" <| + [ ( "quickWriteCircled", AssignmentIcon.quickWriteCircled ) + , ( "guidedDraftCircled", AssignmentIcon.guidedDraftCircled ) + , ( "peerReviewCircled", AssignmentIcon.peerReviewCircled ) + , ( "selfReviewCircled", AssignmentIcon.selfReviewCircled ) + ] + , viewExampleSection "Stages" <| + [ ( "submitting", AssignmentIcon.submitting ) + , ( "rating", AssignmentIcon.rating ) + , ( "revising", AssignmentIcon.revising ) + ] + , viewExampleSection "Start" <| + [ ( "startPrimary", AssignmentIcon.startPrimary ) + , ( "startSecondary", AssignmentIcon.startSecondary ) + ] + , viewExampleSection "Activities" <| + [ ( "assessment", AssignmentIcon.assessment ) + , ( "standards", AssignmentIcon.standards ) + , ( "writing", AssignmentIcon.writing ) + , ( "modules", AssignmentIcon.modules ) + ] + ] } - |> IconExamples.example - - -all : List Group -all = - [ ( "Diagnostic" - , [ ( "diagnostic", AssignmentIcon.diagnostic, [] ) - , ( "planningDiagnosticCircled", AssignmentIcon.planningDiagnosticCircled, [] ) - , ( "unitDiagnosticCircled", AssignmentIcon.unitDiagnosticCircled, [] ) - ] - ) - , ( "Practice" - , [ ( "practice", AssignmentIcon.practice, [] ) - , ( "practiceCircled", AssignmentIcon.practiceCircled, [] ) - ] - ) - , ( "Quiz" - , [ ( "quiz", AssignmentIcon.quiz, [] ) - , ( "quizCircled", AssignmentIcon.quizCircled, [] ) - , ( "passageQuizCircled", AssignmentIcon.passageQuizCircled, [] ) - ] - ) - , ( "Writing" - , [ ( "quickWrite", AssignmentIcon.quickWrite, [] ) - , ( "guidedDraft", AssignmentIcon.guidedDraft, [] ) - , ( "peerReview", AssignmentIcon.peerReview, [] ) - , ( "selfReview", AssignmentIcon.selfReview, [] ) - ] - ) - , ( "Writing II" - , [ ( "quickWriteCircled", AssignmentIcon.quickWriteCircled, [] ) - , ( "guidedDraftCircled", AssignmentIcon.guidedDraftCircled, [] ) - , ( "peerReviewCircled", AssignmentIcon.peerReviewCircled, [] ) - , ( "selfReviewCircled", AssignmentIcon.selfReviewCircled, [] ) - ] - ) - , ( "Stages" - , [ ( "submitting", AssignmentIcon.submitting, [] ) - , ( "rating", AssignmentIcon.rating, [] ) - , ( "revising", AssignmentIcon.revising, [] ) - ] - ) - , ( "Start" - , [ ( "startPrimary", AssignmentIcon.startPrimary, [] ) - , ( "startSecondary", AssignmentIcon.startSecondary, [] ) - ] - ) - , ( "Activities" - , [ ( "assessment", AssignmentIcon.assessment, [] ) - , ( "standards", AssignmentIcon.standards, [] ) - , ( "writing", AssignmentIcon.writing, [] ) - , ( "modules", AssignmentIcon.modules, [] ) - ] - ) - ] diff --git a/styleguide-app/Examples/DisclosureIndicator.elm b/styleguide-app/Examples/DisclosureIndicator.elm index d5f62b12..1e4b6bb6 100644 --- a/styleguide-app/Examples/DisclosureIndicator.elm +++ b/styleguide-app/Examples/DisclosureIndicator.elm @@ -15,7 +15,6 @@ import Example exposing (Example) import Html.Styled as Html import Html.Styled.Attributes exposing (css) import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator -import Nri.Ui.Svg.V1 as Svg import Nri.Ui.Text.V6 as Text @@ -40,10 +39,10 @@ example = , update = update , subscriptions = \_ -> Sub.none , preview = - [ DisclosureIndicator.medium [] False |> Svg.toHtml - , DisclosureIndicator.medium [] True |> Svg.toHtml - , DisclosureIndicator.large [] False |> Svg.toHtml - , DisclosureIndicator.large [] True |> Svg.toHtml + [ DisclosureIndicator.medium [] False + , DisclosureIndicator.medium [] True + , DisclosureIndicator.large [] False + , DisclosureIndicator.large [] True ] , view = \ellieLinkConfig state -> @@ -59,7 +58,7 @@ example = , update = UpdateSettings , settings = state.settings , mainType = "RootHtml.Html msg" - , extraImports = [ "import Nri.Ui.Svg.V1 as Svg" ] + , extraImports = [] , toExampleCode = \settings -> let @@ -71,7 +70,6 @@ example = ++ Tuple.first settings.css ++ " " ++ Tuple.first settings.isOpen - ++ " |> Svg.toHtml" in [ { sectionName = "Large" , code = toCode "large" @@ -85,14 +83,12 @@ example = [ DisclosureIndicator.large (Tuple.second attributes.css) (Tuple.second attributes.isOpen) - |> Svg.toHtml , Html.text "large is a 17px caret icon." ] , Html.div [ css [ Css.displayFlex, Css.alignItems Css.center, Css.marginBottom (Css.px 8) ] ] [ DisclosureIndicator.medium (Tuple.second attributes.css) (Tuple.second attributes.isOpen) - |> Svg.toHtml , Html.text "medium is a 15px caret icon." ] ] diff --git a/styleguide-app/Examples/IconExamples.elm b/styleguide-app/Examples/IconExamples.elm index f5793892..e02b93b1 100644 --- a/styleguide-app/Examples/IconExamples.elm +++ b/styleguide-app/Examples/IconExamples.elm @@ -1,61 +1,26 @@ module Examples.IconExamples exposing - ( example - , Settings, Msg - , Group - , preview + ( preview + , Settings, init, Msg, update, viewSettings + , view, viewWithCustomStyles ) {-| -@docs example -@docs Settings, Msg -@docs Group @docs preview +@docs Settings, init, Msg, update, viewSettings +@docs view, viewWithCustomStyles -} -import Category exposing (Category(..)) import Css import Css.Global -import Example exposing (Example) import Html.Styled as Html exposing (Html) -import Html.Styled.Attributes as Attributes exposing (css) -import Html.Styled.Events as Events +import Html.Styled.Attributes exposing (css) import Nri.Ui.Checkbox.V5 as Checkbox -import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor) import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Heading.V2 as Heading -import Nri.Ui.Select.V8 as Select -import Nri.Ui.Svg.V1 as Svg exposing (Svg) +import Nri.Ui.Svg.V1 as Svg import Nri.Ui.Text.V6 as Text -import Nri.Ui.TextInput.V7 as TextInput -import SolidColor exposing (SolidColor) - - -type alias Config = - { moduleName : String - , version : Int - , label : String - , name : String - , icon : Svg - , renderSvgCode : String -> String - , preview : List (Html Never) - , all : List Group - } - - -example : Config -> Example Settings Msg -example config = - { name = config.moduleName - , version = config.version - , categories = [ Icons ] - , keyboardSupport = [] - , state = init config - , update = update - , subscriptions = \_ -> Sub.none - , preview = config.preview - , view = \ellieLinkConfig settings -> view settings config.all - } {-| -} @@ -78,84 +43,29 @@ preview icons = {-| -} type alias Settings = - { showIconName : Bool - , iconSelectorExpanded : Bool - , color : SolidColor - , width : Float - , height : Float - , icon : ( String, Svg ) - , label : String - , showBorder : Bool - , renderSvgCode : String -> String - } + { showIconName : Bool } {-| -} -init : Config -> Settings -init { label, name, icon, renderSvgCode } = - { showIconName = False - , iconSelectorExpanded = False - , color = fromCssColor Colors.greenDark - , width = 100 - , height = 100 - , icon = ( name, icon ) - , label = label - , showBorder = True - , renderSvgCode = renderSvgCode - } +init : Settings +init = + { showIconName = False } {-| -} type Msg = ShowNames Bool - | SetIcon ( String, Svg ) - | SetColor (Result String SolidColor) - | SetWidth (Maybe Float) - | SetHeight (Maybe Float) - | SetLabel String - | SetBorder Bool {-| -} update : Msg -> Settings -> ( Settings, Cmd msg ) -update msg state = +update msg settings = case msg of ShowNames showIconName -> - ( { state | showIconName = showIconName } + ( { settings | showIconName = showIconName } , Cmd.none ) - SetIcon svg -> - ( { state | icon = svg } - , Cmd.none - ) - - SetColor (Ok color) -> - ( { state | color = color } - , Cmd.none - ) - - SetColor (Err err) -> - ( state, Cmd.none ) - - SetWidth (Just width) -> - ( { state | width = width }, Cmd.none ) - - SetWidth Nothing -> - ( state, Cmd.none ) - - SetHeight (Just height) -> - ( { state | height = height }, Cmd.none ) - - SetHeight Nothing -> - ( state, Cmd.none ) - - SetLabel label -> - ( { state | label = label }, Cmd.none ) - - SetBorder showBorder -> - ( { state | showBorder = showBorder }, Cmd.none ) - {-| -} viewSettings : Settings -> Html Msg @@ -170,27 +80,20 @@ viewSettings { showIconName } = } -type alias Group = - ( String - , List ( String, Svg.Svg, List Css.Style ) - ) - - {-| -} -view : Settings -> List Group -> List (Html Msg) -view settings groups = +view : Settings -> String -> List ( String, Svg.Svg ) -> Html msg +view settings headerText icons = let - viewExampleSection ( group, values ) = - viewWithCustomStyles settings group values + defaultStyles = + [ Css.height (Css.px 25) + , Css.width (Css.px 25) + , Css.margin (Css.px 4) + , Css.color Colors.gray45 + ] in - viewSettings settings - :: List.map viewExampleSection groups - ++ [ Html.section [ css [ Css.margin2 (Css.px 30) Css.zero ] ] - [ Heading.h3 [] [ Html.text "Example Usage" ] - , viewSingularExampleSettings groups settings - , viewResults settings - ] - ] + viewWithCustomStyles settings + headerText + (List.map (\( name, svg ) -> ( name, svg, defaultStyles )) icons) {-| -} @@ -226,18 +129,6 @@ viewWithCustomStyles { showIconName } headerText icons = viewIcon : Bool -> ( String, Svg.Svg, List Css.Style ) -> Html msg viewIcon showIconName ( name, icon, style ) = - let - iconCss = - if List.isEmpty style then - [ Css.height (Css.px 25) - , Css.width (Css.px 25) - , Css.margin (Css.px 4) - , Css.color Colors.gray45 - ] - - else - style - in Html.div [ css [ Css.displayFlex @@ -257,7 +148,7 @@ viewIcon showIconName ( name, icon, style ) = ] ] [ icon - |> Svg.withCss iconCss + |> Svg.withCss style |> Svg.toHtml , Text.smallBody [ Text.plaintext name @@ -269,133 +160,3 @@ viewIcon showIconName ( name, icon, style ) = [ Css.display Css.none ] ] ] - - -viewSingularExampleSettings : List Group -> Settings -> Html.Html Msg -viewSingularExampleSettings groups state = - let - svgGroupedChoices ( groupName, items ) = - let - toEntry ( name, icon, _ ) = - Select.Choice name ( name, icon ) - in - Select.ChoicesGroup groupName (List.map toEntry items) - in - Html.div - [ Attributes.css - [ Css.displayFlex - , Css.justifyContent Css.spaceBetween - , Css.alignItems Css.center - , Css.flexWrap Css.wrap - ] - ] - [ TextInput.view "Title" - [ TextInput.value state.label - , TextInput.text SetLabel - ] - , Select.view "Icon" - [ Select.groupedChoices Tuple.first - (List.map svgGroupedChoices groups) - , Select.value (Just state.icon) - ] - |> Html.map SetIcon - , Checkbox.viewWithLabel - { identifier = "show-border" - , label = "Show border" - , setterMsg = SetBorder - , selected = Checkbox.selectedFromBool state.showBorder - , disabled = False - , theme = Checkbox.Square - } - , Html.label [] - [ Html.text "Color: " - , Html.input - [ Attributes.type_ "color" - , Attributes.value (SolidColor.toHex state.color) - , Events.onInput (SetColor << SolidColor.fromHex) - ] - [] - ] - , Html.label [] - [ Html.text "Width: " - , Html.input - [ Attributes.type_ "range" - , Attributes.min "0" - , Attributes.max "200" - , Attributes.value (String.fromFloat state.width) - , Events.onInput (SetWidth << String.toFloat) - ] - [] - ] - , Html.label [] - [ Html.text "Height: " - , Html.input - [ Attributes.type_ "range" - , Attributes.min "0" - , Attributes.max "200" - , Attributes.value (String.fromFloat state.height) - , Events.onInput (SetHeight << String.toFloat) - ] - [] - ] - ] - - -viewResults : Settings -> Html.Html Msg -viewResults state = - let - ( red, green, blue ) = - SolidColor.toRGB state.color - in - Html.div [ Attributes.css [ Css.displayFlex ] ] - [ Html.pre - [ Attributes.css - [ Css.width (Css.px 400) - , Css.marginRight (Css.px 20) - ] - ] - [ [ "color : Css.Color\n" - , "color =\n" - , " Css.rgb " ++ String.fromFloat red ++ " " ++ String.fromFloat green ++ " " ++ String.fromFloat blue - , "\n\n\n" - , "renderedSvg : Svg\n" - , "renderedSvg =\n" - , " " ++ state.renderSvgCode (Tuple.first state.icon) ++ "\n" - , " |> Svg.withColor color\n" - , " |> Svg.withWidth (Css.px " ++ String.fromFloat state.width ++ ")\n" - , " |> Svg.withHeight (Css.px " ++ String.fromFloat state.height ++ ")\n" - , if state.showBorder then - " |> Svg.withCss [ Css.border3 (Css.px 1) Css.solid Colors.gray20 ]\n" - - else - "" - , if String.isEmpty state.label then - "" - - else - " |> Svg.withLabel \"" ++ state.label ++ "\"\n" - , " |> Svg.toHtml\n" - ] - |> String.join "" - |> Html.text - ] - , Tuple.second state.icon - |> Svg.withColor (toCssColor state.color) - |> Svg.withWidth (Css.px state.width) - |> Svg.withHeight (Css.px state.height) - |> (\svg -> - if state.showBorder then - Svg.withCss [ Css.border3 (Css.px 1) Css.solid Colors.gray20 ] svg - - else - svg - ) - |> (\svg -> - if String.isEmpty state.label then - svg - - else - Svg.withLabel state.label svg - ) - |> Svg.toHtml - ] diff --git a/styleguide-app/Examples/Logo.elm b/styleguide-app/Examples/Logo.elm index 65050d2e..b3763abc 100644 --- a/styleguide-app/Examples/Logo.elm +++ b/styleguide-app/Examples/Logo.elm @@ -6,9 +6,10 @@ module Examples.Logo exposing (example, State, Msg) -} +import Category exposing (Category(..)) import Css import Example exposing (Example) -import Examples.IconExamples as IconExamples exposing (Group) +import Examples.IconExamples as IconExamples import Html.Styled as Html import Html.Styled.Attributes exposing (css) import Nri.Ui.Colors.V1 as Colors @@ -29,12 +30,13 @@ type alias Msg = {-| -} example : Example State Msg example = - { moduleName = "Logo" + { name = "Logo" , version = 1 - , label = "NoRedInk" - , name = "noredink" - , icon = Logo.noredink - , renderSvgCode = \name -> "Logo." ++ name + , categories = [ Icons ] + , keyboardSupport = [] + , state = IconExamples.init + , update = IconExamples.update + , subscriptions = \_ -> Sub.none , preview = Html.div [ css [ Css.marginBottom (Css.px 8) ] ] [ Svg.toHtml Logo.noredink ] :: IconExamples.preview @@ -43,87 +45,83 @@ example = , Logo.cleverC , Logo.googleG ] - , all = all + , view = + \ellieLinkConfig settings -> + let + viewExampleSection = + IconExamples.viewWithCustomStyles settings + in + [ IconExamples.viewSettings settings + , viewExampleSection "NRI" + [ ( "noredink" + , Logo.noredink + , [ Css.height (Css.px 25) + , Css.width (Css.px 100) + , Css.margin (Css.px 4) + ] + ) + ] + , viewExampleSection "Social Media" + [ ( "facebook", Logo.facebook, defaults ) + , ( "twitter", Logo.twitter, defaults ) + ] + , viewExampleSection "Clever" + [ ( "clever" + , Logo.clever + , [ Css.height (Css.px 25) + , Css.width (Css.px 100) + , Css.margin (Css.px 4) + , Css.color Colors.azure + ] + ) + , ( "cleverC", Logo.cleverC, defaults ) + , ( "cleverLibrary" + , Logo.cleverLibrary + , [ Css.height (Css.px 25) + , Css.width (Css.px 100) + , Css.margin (Css.px 4) + ] + ) + ] + , viewExampleSection "Google" + [ ( "googleClassroom" + , Logo.googleClassroom + , defaults + ) + , ( "googleG", Logo.googleG, defaults ) + ] + , viewExampleSection "LMS" + [ ( "canvas" + , Logo.canvas + , [ Css.height (Css.px 25) + , Css.width (Css.px 100) + , Css.margin (Css.px 4) + ] + ) + , ( "canvasCircle" + , Logo.canvasCircle + , [ Css.height (Css.px 25) + , Css.width (Css.px 25) + , Css.margin (Css.px 4) + ] + ) + , ( "schoology" + , Logo.schoology + , [ Css.height (Css.px 25) + , Css.width (Css.px 100) + , Css.margin (Css.px 4) + ] + ) + , ( "schoologyCircle" + , Logo.schoologyCircle + , [ Css.height (Css.px 25) + , Css.width (Css.px 25) + , Css.margin (Css.px 4) + ] + ) + ] + ] } - |> IconExamples.example - - -all : List Group -all = - [ ( "NRI" - , [ ( "noredink" - , Logo.noredink - , [ Css.height (Css.px 25) - , Css.width (Css.px 100) - , Css.margin (Css.px 4) - ] - ) - ] - ) - , ( "Social Media" - , [ ( "facebook", Logo.facebook, defaults ) - , ( "twitter", Logo.twitter, defaults ) - ] - ) - , ( "Clever" - , [ ( "clever" - , Logo.clever - , [ Css.height (Css.px 25) - , Css.width (Css.px 100) - , Css.margin (Css.px 4) - , Css.color Colors.azure - ] - ) - , ( "cleverC", Logo.cleverC, defaults ) - , ( "cleverLibrary" - , Logo.cleverLibrary - , [ Css.height (Css.px 25) - , Css.width (Css.px 100) - , Css.margin (Css.px 4) - ] - ) - ] - ) - , ( "Google" - , [ ( "googleClassroom" - , Logo.googleClassroom - , defaults - ) - , ( "googleG", Logo.googleG, defaults ) - ] - ) - , ( "LMS" - , [ ( "canvas" - , Logo.canvas - , [ Css.height (Css.px 25) - , Css.width (Css.px 100) - , Css.margin (Css.px 4) - ] - ) - , ( "canvasCircle" - , Logo.canvasCircle - , [ Css.height (Css.px 25) - , Css.width (Css.px 25) - , Css.margin (Css.px 4) - ] - ) - , ( "schoology" - , Logo.schoology - , [ Css.height (Css.px 25) - , Css.width (Css.px 100) - , Css.margin (Css.px 4) - ] - ) - , ( "schoologyCircle" - , Logo.schoologyCircle - , [ Css.height (Css.px 25) - , Css.width (Css.px 25) - , Css.margin (Css.px 4) - ] - ) - ] - ) - ] defaults : List Css.Style diff --git a/styleguide-app/Examples/Pennant.elm b/styleguide-app/Examples/Pennant.elm index 38e3023f..7ea5756a 100644 --- a/styleguide-app/Examples/Pennant.elm +++ b/styleguide-app/Examples/Pennant.elm @@ -6,9 +6,10 @@ module Examples.Pennant exposing (example, State, Msg) -} +import Category exposing (Category(..)) import Css import Example exposing (Example) -import Examples.IconExamples as IconExamples exposing (Group) +import Examples.IconExamples as IconExamples import Nri.Ui.Pennant.V2 as Pennant @@ -25,38 +26,36 @@ type alias Msg = {-| -} example : Example State Msg example = - { moduleName = "Pennant" + { name = "Pennant" , version = 2 - , label = "Premium" - , name = "premiumFlag" - , icon = Pennant.premiumFlag - , renderSvgCode = \name -> "Pennant." ++ name + , categories = [ Icons ] + , keyboardSupport = [] + , state = IconExamples.init + , update = IconExamples.update + , subscriptions = \_ -> Sub.none , preview = IconExamples.preview [ Pennant.premiumFlag , Pennant.expiredPremiumFlag , Pennant.disabledPremiumFlag ] - , all = all + , view = + \ellieLinkConfig settings -> + [ IconExamples.viewSettings settings + , IconExamples.viewWithCustomStyles settings + "Premium Pennants" + [ ( "premiumFlag" + , Pennant.premiumFlag + , [ Css.width (Css.px 80) ] + ) + , ( "expiredPremiumFlag" + , Pennant.expiredPremiumFlag + , [ Css.width (Css.px 80) ] + ) + , ( "disabledPremiumFlag" + , Pennant.disabledPremiumFlag + , [ Css.width (Css.px 80) ] + ) + ] + ] } - |> IconExamples.example - - -all : List Group -all = - [ ( "Premium Pennants" - , [ ( "premiumFlag" - , Pennant.premiumFlag - , [ Css.width (Css.px 80) ] - ) - , ( "expiredPremiumFlag" - , Pennant.expiredPremiumFlag - , [ Css.width (Css.px 80) ] - ) - , ( "disabledPremiumFlag" - , Pennant.disabledPremiumFlag - , [ Css.width (Css.px 80) ] - ) - ] - ) - ] diff --git a/styleguide-app/Examples/Sprite.elm b/styleguide-app/Examples/Sprite.elm index 25103b83..571c76e0 100644 --- a/styleguide-app/Examples/Sprite.elm +++ b/styleguide-app/Examples/Sprite.elm @@ -6,10 +6,13 @@ module Examples.Sprite exposing (example, State, Msg) -} +import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples exposing (Group) +import Examples.IconExamples as IconExamples import Nri.Ui.Sprite.V1 as Sprite exposing (SpriteId) import Nri.Ui.Svg.V1 as Svg exposing (Svg) +import Svg.Styled exposing (svg) +import Svg.Styled.Attributes as Attributes {-| -} @@ -25,36 +28,39 @@ type alias Msg = {-| -} example : Example State Msg example = - { moduleName = "Sprite" + { name = "Sprite" , version = 1 - , label = "Bold" - , name = "bold" - , icon = viewSprite Sprite.bold - , renderSvgCode = \name -> "Svg.init \"\" [ Sprite.use Sprite." ++ name ++ " ] " - , preview = IconExamples.preview (List.map (\( a, b, c ) -> b) sprites) - , all = all + , categories = List.singleton Icons + , keyboardSupport = [] + , state = IconExamples.init + , update = IconExamples.update + , subscriptions = \_ -> Sub.none + , preview = IconExamples.preview (List.map Tuple.second sprites) + , view = + \ellieLinkConfig settings -> + [ IconExamples.viewSettings settings + , IconExamples.view settings "Rich Text Formatting" sprites + ] } - |> IconExamples.example -all : List Group -all = - [ ( "Rich Text Formatting", sprites ) - ] - - -sprites : List ( String, Svg, List a ) +sprites : List ( String, Svg ) sprites = - [ ( "bold", viewSprite Sprite.bold, [] ) - , ( "italic", viewSprite Sprite.italic, [] ) - , ( "underline", viewSprite Sprite.underline, [] ) - , ( "list", viewSprite Sprite.list, [] ) - , ( "link", viewSprite Sprite.link, [] ) - , ( "undo", viewSprite Sprite.undo, [] ) - , ( "redo", viewSprite Sprite.redo, [] ) + [ ( "bold", viewSprite Sprite.bold ) + , ( "italic", viewSprite Sprite.italic ) + , ( "underline", viewSprite Sprite.underline ) + , ( "list", viewSprite Sprite.list ) + , ( "link", viewSprite Sprite.link ) + , ( "undo", viewSprite Sprite.undo ) + , ( "redo", viewSprite Sprite.redo ) ] viewSprite : SpriteId -> Svg viewSprite id = - Svg.init "" [ Sprite.use id ] + svg + [ Attributes.width "100%" + , Attributes.height "100%" + ] + [ Sprite.use id ] + |> Svg.fromHtml diff --git a/styleguide-app/Examples/Svg.elm b/styleguide-app/Examples/Svg.elm new file mode 100644 index 00000000..7629b386 --- /dev/null +++ b/styleguide-app/Examples/Svg.elm @@ -0,0 +1,198 @@ +module Examples.Svg exposing (Msg, State, example) + +{-| + +@docs Msg, State, example + +-} + +import Category exposing (Category(..)) +import Css +import Example exposing (Example) +import Html.Styled as Html +import Html.Styled.Attributes as Attributes +import Html.Styled.Events as Events +import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor) +import Nri.Ui.Colors.V1 as Colors +import Nri.Ui.Svg.V1 as Svg +import Nri.Ui.UiIcon.V1 as UiIcon +import SolidColor exposing (SolidColor) + + +{-| -} +example : Example State Msg +example = + { name = "Svg" + , version = 1 + , categories = [ Icons ] + , keyboardSupport = [] + , state = init + , update = update + , subscriptions = \_ -> Sub.none + , preview = [] + , view = + \ellieLinkConfig state -> + [ viewSettings state + , viewResults state + ] + } + + +viewSettings : State -> Html.Html Msg +viewSettings state = + Html.div + [ Attributes.css + [ Css.displayFlex + , Css.justifyContent Css.spaceBetween + ] + ] + [ Html.label [] + [ Html.text "Color: " + , Html.input + [ Attributes.type_ "color" + , Attributes.value (SolidColor.toHex state.color) + , Events.onInput (SetColor << SolidColor.fromHex) + ] + [] + ] + , Html.label [] + [ Html.text "Width: " + , Html.input + [ Attributes.type_ "range" + , Attributes.min "0" + , Attributes.max "200" + , Attributes.value (String.fromFloat state.width) + , Events.onInput (SetWidth << String.toFloat) + ] + [] + ] + , Html.label [] + [ Html.text "Height: " + , Html.input + [ Attributes.type_ "range" + , Attributes.min "0" + , Attributes.max "200" + , Attributes.value (String.fromFloat state.height) + , Events.onInput (SetHeight << String.toFloat) + ] + [] + ] + , Html.label [] + [ Html.text "Aria-label: " + , Html.input + [ Attributes.value state.label + , Events.onInput SetLabel + ] + [] + ] + ] + + +viewResults : State -> Html.Html Msg +viewResults state = + let + ( red, green, blue ) = + SolidColor.toRGB state.color + in + Html.div [ Attributes.css [ Css.displayFlex ] ] + [ Html.pre + [ Attributes.css + [ Css.width (Css.px 400) + , Css.marginRight (Css.px 20) + ] + ] + [ [ "color : Css.Color\n" + , "color =\n" + , " Css.rgb " ++ String.fromFloat red ++ " " ++ String.fromFloat green ++ " " ++ String.fromFloat blue + , "\n\n\n" + , "renderedSvg : Svg\n" + , "renderedSvg =\n" + , " UiIcon.newspaper\n" + , " |> Svg.withColor color\n" + , " |> Svg.withWidth (Css.px " ++ String.fromFloat state.width ++ ")\n" + , " |> Svg.withHeight (Css.px " ++ String.fromFloat state.height ++ ")\n" + , if String.isEmpty state.label then + "" + + else + " |> Svg.withLabel \"" ++ state.label ++ "\"\n" + , " |> Svg.toHtml\n" + ] + |> String.join "" + |> Html.text + ] + , Html.div + [ Attributes.css + [ Css.backgroundColor Colors.gray92 + , Css.flexGrow (Css.int 2) + ] + ] + [ UiIcon.newspaper + |> Svg.withColor (toCssColor state.color) + |> Svg.withWidth (Css.px state.width) + |> Svg.withHeight (Css.px state.height) + |> (\svg -> + if String.isEmpty state.label then + svg + + else + Svg.withLabel state.label svg + ) + |> Svg.toHtml + ] + ] + + +{-| -} +type alias State = + { color : SolidColor + , width : Float + , height : Float + , label : String + } + + +{-| -} +init : State +init = + { color = fromCssColor Colors.azure + , width = 30 + , height = 30 + , label = "Newspaper" + } + + +{-| -} +type Msg + = SetColor (Result String SolidColor) + | SetWidth (Maybe Float) + | SetHeight (Maybe Float) + | SetLabel String + + +{-| -} +update : Msg -> State -> ( State, Cmd Msg ) +update msg state = + case msg of + SetColor (Ok color) -> + ( { state | color = color } + , Cmd.none + ) + + SetColor (Err err) -> + ( state, Cmd.none ) + + SetWidth (Just width) -> + ( { state | width = width }, Cmd.none ) + + SetWidth Nothing -> + ( state, Cmd.none ) + + SetHeight (Just height) -> + ( { state | height = height }, Cmd.none ) + + SetHeight Nothing -> + ( state, Cmd.none ) + + SetLabel label -> + ( { state | label = label }, Cmd.none ) diff --git a/styleguide-app/Examples/UiIcon.elm b/styleguide-app/Examples/UiIcon.elm index a93b8d46..19c8ad9c 100644 --- a/styleguide-app/Examples/UiIcon.elm +++ b/styleguide-app/Examples/UiIcon.elm @@ -6,8 +6,9 @@ module Examples.UiIcon exposing (example, State, Msg) -} +import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples exposing (Group) +import Examples.IconExamples as IconExamples import Nri.Ui.UiIcon.V1 as UiIcon @@ -24,12 +25,13 @@ type alias Msg = {-| -} example : Example State Msg example = - { moduleName = "UiIcon" + { name = "UiIcon" , version = 1 - , label = "Mastered" - , name = "starFilled" - , icon = UiIcon.starFilled - , renderSvgCode = \name -> "UiIcon." ++ name + , categories = List.singleton Icons + , keyboardSupport = [] + , state = IconExamples.init + , update = IconExamples.update + , subscriptions = \_ -> Sub.none , preview = IconExamples.preview [ UiIcon.seeMore @@ -45,199 +47,171 @@ example = , UiIcon.checkmark , UiIcon.equals ] - , all = all + , view = + \ellieLinkConfig settings -> + let + viewExampleSection = + IconExamples.view settings + in + [ IconExamples.viewSettings settings + , viewExampleSection "Interface" + [ ( "seeMore", UiIcon.seeMore ) + , ( "openClose", UiIcon.openClose ) + , ( "download", UiIcon.download ) + , ( "sort", UiIcon.sort ) + , ( "gear", UiIcon.gear ) + ] + , viewExampleSection "Archive & Unarchive" + [ ( "archive", UiIcon.archive ) + , ( "unarchive", UiIcon.unarchive ) + ] + , viewExampleSection "Media in Circles" + [ ( "playInCircle", UiIcon.playInCircle ) + , ( "pauseInCircle", UiIcon.pauseInCircle ) + , ( "stopInCircle", UiIcon.stopInCircle ) + ] + , viewExampleSection "Media" + [ ( "play", UiIcon.play ) + , ( "skip", UiIcon.skip ) + ] + , viewExampleSection "Actions" + [ ( "share", UiIcon.share ) + , ( "preview", UiIcon.preview ) + , ( "activity", UiIcon.activity ) + , ( "copyToClipboard", UiIcon.copyToClipboard ) + , ( "gift", UiIcon.gift ) + , ( "openInNewTab", UiIcon.openInNewTab ) + , ( "sync", UiIcon.sync ) + ] + , viewExampleSection "Guidance" + [ ( "footsteps", UiIcon.footsteps ) + , ( "help", UiIcon.help ) + , ( "checklist", UiIcon.checklist ) + , ( "checklistComplete", UiIcon.checklistComplete ) + ] + , viewExampleSection "Bulbs" + [ ( "sparkleBulb", UiIcon.sparkleBulb ) + , ( "baldBulb", UiIcon.baldBulb ) + ] + , viewExampleSection "Science & Measurement" + [ ( "compass", UiIcon.compass ) + , ( "speedometer", UiIcon.speedometer ) + , ( "performance", UiIcon.performance ) + , ( "microscope", UiIcon.microscope ) + , ( "scale", UiIcon.scale ) + ] + , viewExampleSection "Humans & Class" + [ ( "person", UiIcon.person ) + , ( "couple", UiIcon.couple ) + , ( "class", UiIcon.class ) + , ( "leaderboard", UiIcon.leaderboard ) + , ( "graduateCap", UiIcon.graduateCap ) + ] + , viewExampleSection "Time" + [ ( "emptyCalendar", UiIcon.emptyCalendar ) + , ( "calendar", UiIcon.calendar ) + , ( "clock", UiIcon.clock ) + ] + , viewExampleSection "Texts" + [ ( "missingDocument", UiIcon.missingDocument ) + , ( "document", UiIcon.document ) + , ( "documents", UiIcon.documents ) + , ( "newspaper", UiIcon.newspaper ) + , ( "openBook", UiIcon.openBook ) + , ( "openBooks", UiIcon.openBooks ) + ] + , viewExampleSection "Communication" + [ ( "speechBalloon", UiIcon.speechBalloon ) + , ( "mail", UiIcon.mail ) + ] + , viewExampleSection "Writing Utensils" + [ ( "edit", UiIcon.edit ) + , ( "pen", UiIcon.pen ) + , ( "highlighter", UiIcon.highlighter ) + ] + , viewExampleSection "Arrows" + [ ( "arrowTop", UiIcon.arrowTop ) + , ( "arrowRight", UiIcon.arrowRight ) + , ( "arrowDown", UiIcon.arrowDown ) + , ( "arrowLeft", UiIcon.arrowLeft ) + , ( "arrowPointingRight", UiIcon.arrowPointingRight ) + , ( "arrowPointingRightThick", UiIcon.arrowPointingRightThick ) + , ( "sortArrow", UiIcon.sortArrow ) + , ( "sortArrowDown", UiIcon.sortArrowDown ) + ] + , viewExampleSection "Checks" + [ ( "checkmark", UiIcon.checkmark ) + , ( "checkmarkInCircle", UiIcon.checkmarkInCircle ) + , ( "checkmarkInCircleInverse", UiIcon.checkmarkInCircleInverse ) + , ( "emptyCircle", UiIcon.emptyCircle ) + ] + , viewExampleSection "Xs" + [ ( "x", UiIcon.x ) + , ( "xInCircle", UiIcon.xInCircle ) + ] + , viewExampleSection "Bangs" + [ ( "attention", UiIcon.attention ) + , ( "exclamation", UiIcon.exclamation ) + ] + , viewExampleSection "Math" + [ ( "equals", UiIcon.equals ) + , ( "plus", UiIcon.plus ) + , ( "null", UiIcon.null ) + ] + , viewExampleSection "Notifs" + [ ( "flag", UiIcon.flag ) + , ( "star", UiIcon.star ) + , ( "starFilled", UiIcon.starFilled ) + , ( "starOutline", UiIcon.starOutline ) + ] + , viewExampleSection "Badges & Celebration" + [ ( "badge", UiIcon.badge ) + , ( "tada", UiIcon.tada ) + ] + , viewExampleSection "Lock & Key" + [ ( "key", UiIcon.key ) + , ( "lock", UiIcon.lock ) + , ( "premiumLock", UiIcon.premiumLock ) + ] + , viewExampleSection "Tips & Tricks" + [ ( "hat", UiIcon.hat ) + , ( "keychain", UiIcon.keychain ) + ] + , viewExampleSection "Growth" + [ ( "sprout", UiIcon.sprout ) + , ( "sapling", UiIcon.sapling ) + , ( "tree", UiIcon.tree ) + ] + , viewExampleSection "Rich Text Formatting" + [ ( "bold", UiIcon.bold ) + , ( "italic", UiIcon.italic ) + , ( "underline", UiIcon.underline ) + , ( "list", UiIcon.list ) + , ( "link", UiIcon.link ) + , ( "undo", UiIcon.undo ) + , ( "redo", UiIcon.redo ) + ] + , viewExampleSection "Punctuation" + [ ( "openQuotationMark", UiIcon.openQuotationMark ) + , ( "closeQuotationMark", UiIcon.closeQuotationMark ) + ] + , viewExampleSection "Navigation" + [ ( "home", UiIcon.home ) + , ( "library", UiIcon.library ) + ] + , viewExampleSection "Search" + [ ( "search", UiIcon.search ) + , ( "searchInCircle", UiIcon.searchInCicle ) + ] + , viewExampleSection "School Category" + [ ( "school", UiIcon.school ) + , ( "highSchool", UiIcon.highSchool ) + , ( "company", UiIcon.company ) + , ( "homeSchool", UiIcon.homeSchool ) + ] + , viewExampleSection "Location" + [ ( "flagUs", UiIcon.flagUs ) + , ( "globe", UiIcon.globe ) + ] + ] } - |> IconExamples.example - - -all : List Group -all = - [ ( "Interface" - , [ ( "seeMore", UiIcon.seeMore, [] ) - , ( "openClose", UiIcon.openClose, [] ) - , ( "download", UiIcon.download, [] ) - , ( "sort", UiIcon.sort, [] ) - , ( "gear", UiIcon.gear, [] ) - ] - ) - , ( "Archive & Unarchive" - , [ ( "archive", UiIcon.archive, [] ) - , ( "unarchive", UiIcon.unarchive, [] ) - ] - ) - , ( "Media in Circles" - , [ ( "playInCircle", UiIcon.playInCircle, [] ) - , ( "pauseInCircle", UiIcon.pauseInCircle, [] ) - , ( "stopInCircle", UiIcon.stopInCircle, [] ) - ] - ) - , ( "Media" - , [ ( "play", UiIcon.play, [] ) - , ( "skip", UiIcon.skip, [] ) - ] - ) - , ( "Actions" - , [ ( "share", UiIcon.share, [] ) - , ( "preview", UiIcon.preview, [] ) - , ( "activity", UiIcon.activity, [] ) - , ( "copyToClipboard", UiIcon.copyToClipboard, [] ) - , ( "gift", UiIcon.gift, [] ) - , ( "openInNewTab", UiIcon.openInNewTab, [] ) - , ( "sync", UiIcon.sync, [] ) - ] - ) - , ( "Guidance" - , [ ( "footsteps", UiIcon.footsteps, [] ) - , ( "help", UiIcon.help, [] ) - , ( "checklist", UiIcon.checklist, [] ) - , ( "checklistComplete", UiIcon.checklistComplete, [] ) - ] - ) - , ( "Bulbs" - , [ ( "sparkleBulb", UiIcon.sparkleBulb, [] ) - , ( "baldBulb", UiIcon.baldBulb, [] ) - ] - ) - , ( "Science & Measurement" - , [ ( "compass", UiIcon.compass, [] ) - , ( "speedometer", UiIcon.speedometer, [] ) - , ( "performance", UiIcon.performance, [] ) - , ( "microscope", UiIcon.microscope, [] ) - , ( "scale", UiIcon.scale, [] ) - ] - ) - , ( "Humans & Class" - , [ ( "person", UiIcon.person, [] ) - , ( "couple", UiIcon.couple, [] ) - , ( "class", UiIcon.class, [] ) - , ( "leaderboard", UiIcon.leaderboard, [] ) - , ( "graduateCap", UiIcon.graduateCap, [] ) - ] - ) - , ( "Time" - , [ ( "emptyCalendar", UiIcon.emptyCalendar, [] ) - , ( "calendar", UiIcon.calendar, [] ) - , ( "clock", UiIcon.clock, [] ) - ] - ) - , ( "Texts" - , [ ( "missingDocument", UiIcon.missingDocument, [] ) - , ( "document", UiIcon.document, [] ) - , ( "documents", UiIcon.documents, [] ) - , ( "newspaper", UiIcon.newspaper, [] ) - , ( "openBook", UiIcon.openBook, [] ) - , ( "openBooks", UiIcon.openBooks, [] ) - ] - ) - , ( "Communication" - , [ ( "speechBalloon", UiIcon.speechBalloon, [] ) - , ( "mail", UiIcon.mail, [] ) - ] - ) - , ( "Writing Utensils" - , [ ( "edit", UiIcon.edit, [] ) - , ( "pen", UiIcon.pen, [] ) - , ( "highlighter", UiIcon.highlighter, [] ) - ] - ) - , ( "Arrows" - , [ ( "arrowTop", UiIcon.arrowTop, [] ) - , ( "arrowRight", UiIcon.arrowRight, [] ) - , ( "arrowDown", UiIcon.arrowDown, [] ) - , ( "arrowLeft", UiIcon.arrowLeft, [] ) - , ( "arrowPointingRight", UiIcon.arrowPointingRight, [] ) - , ( "arrowPointingRightThick", UiIcon.arrowPointingRightThick, [] ) - , ( "sortArrow", UiIcon.sortArrow, [] ) - , ( "sortArrowDown", UiIcon.sortArrowDown, [] ) - ] - ) - , ( "Checks" - , [ ( "checkmark", UiIcon.checkmark, [] ) - , ( "checkmarkInCircle", UiIcon.checkmarkInCircle, [] ) - , ( "checkmarkInCircleInverse", UiIcon.checkmarkInCircleInverse, [] ) - , ( "emptyCircle", UiIcon.emptyCircle, [] ) - ] - ) - , ( "Xs" - , [ ( "x", UiIcon.x, [] ) - , ( "xInCircle", UiIcon.xInCircle, [] ) - ] - ) - , ( "Bangs" - , [ ( "attention", UiIcon.attention, [] ) - , ( "exclamation", UiIcon.exclamation, [] ) - ] - ) - , ( "Math" - , [ ( "equals", UiIcon.equals, [] ) - , ( "plus", UiIcon.plus, [] ) - , ( "null", UiIcon.null, [] ) - ] - ) - , ( "Notifs" - , [ ( "flag", UiIcon.flag, [] ) - , ( "star", UiIcon.star, [] ) - , ( "starFilled", UiIcon.starFilled, [] ) - , ( "starOutline", UiIcon.starOutline, [] ) - ] - ) - , ( "Badges & Celebration" - , [ ( "badge", UiIcon.badge, [] ) - , ( "tada", UiIcon.tada, [] ) - ] - ) - , ( "Lock & Key" - , [ ( "key", UiIcon.key, [] ) - , ( "lock", UiIcon.lock, [] ) - , ( "premiumLock", UiIcon.premiumLock, [] ) - ] - ) - , ( "Tips & Tricks" - , [ ( "hat", UiIcon.hat, [] ) - , ( "keychain", UiIcon.keychain, [] ) - ] - ) - , ( "Growth" - , [ ( "sprout", UiIcon.sprout, [] ) - , ( "sapling", UiIcon.sapling, [] ) - , ( "tree", UiIcon.tree, [] ) - ] - ) - , ( "Rich Text Formatting" - , [ ( "bold", UiIcon.bold, [] ) - , ( "italic", UiIcon.italic, [] ) - , ( "underline", UiIcon.underline, [] ) - , ( "list", UiIcon.list, [] ) - , ( "link", UiIcon.link, [] ) - , ( "undo", UiIcon.undo, [] ) - , ( "redo", UiIcon.redo, [] ) - ] - ) - , ( "Punctuation" - , [ ( "openQuotationMark", UiIcon.openQuotationMark, [] ) - , ( "closeQuotationMark", UiIcon.closeQuotationMark, [] ) - ] - ) - , ( "Navigation" - , [ ( "home", UiIcon.home, [] ) - , ( "library", UiIcon.library, [] ) - ] - ) - , ( "Search" - , [ ( "search", UiIcon.search, [] ) - , ( "searchInCircle", UiIcon.searchInCicle, [] ) - ] - ) - , ( "School Category" - , [ ( "school", UiIcon.school, [] ) - , ( "highSchool", UiIcon.highSchool, [] ) - , ( "company", UiIcon.company, [] ) - , ( "homeSchool", UiIcon.homeSchool, [] ) - ] - ) - , ( "Location" - , [ ( "flagUs", UiIcon.flagUs, [] ) - , ( "globe", UiIcon.globe, [] ) - ] - ) - ]