From 6797080444d1f63cd74d8c77d15be3a2997696ee Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 11 Mar 2022 16:42:34 -0300 Subject: [PATCH 01/53] Button.V10: adds ternary style --- src/Nri/Ui/Button/V10.elm | 24 ++++++++++++++++++++++-- styleguide-app/Examples/Button.elm | 9 +++++++++ 2 files changed, 31 insertions(+), 2 deletions(-) diff --git a/src/Nri/Ui/Button/V10.elm b/src/Nri/Ui/Button/V10.elm index b16aed24..517b102f 100644 --- a/src/Nri/Ui/Button/V10.elm +++ b/src/Nri/Ui/Button/V10.elm @@ -5,7 +5,7 @@ module Nri.Ui.Button.V10 exposing , href, linkSpa, linkExternal, linkWithMethod, linkWithTracking, linkExternalWithTracking , small, medium, large, modal , exactWidth, boundedWidth, unboundedWidth, fillContainerWidth - , primary, secondary, danger, premium + , primary, secondary, ternary, danger, premium , enabled, unfulfilled, disabled, error, loading, success , icon, custom, nriDescription, testId, id , hideIconForMobile, hideIconFor @@ -28,6 +28,7 @@ adding a span around the text could potentially lead to regressions. - adds `modal` helper, an alias for `large` size - adds `notMobileCss`, `mobileCss`, `quizEngineMobileCss` - adds `hideIconForMobile` and `hideIconFor` + - adds `ternary` style # Changes from V9: @@ -56,7 +57,7 @@ adding a span around the text could potentially lead to regressions. ## Change the color scheme -@docs primary, secondary, danger, premium +@docs primary, secondary, ternary, danger, premium ## Change the state (buttons only) @@ -417,6 +418,15 @@ secondary = ) +{-| -} +ternary : Attribute msg +ternary = + set + (\attributes -> + { attributes | style = ternaryColors } + ) + + {-| -} danger : Attribute msg danger = @@ -815,6 +825,16 @@ secondaryColors = } +ternaryColors : ColorPalette +ternaryColors = + { background = Colors.white + , hover = Colors.frost + , text = Colors.navy + , border = Just <| Colors.gray75 + , shadow = Colors.gray75 + } + + getColorPalette : ButtonOrLink msg -> ColorPalette getColorPalette (ButtonOrLink config) = case config.state of diff --git a/styleguide-app/Examples/Button.elm b/styleguide-app/Examples/Button.elm index 00b33a0f..04137684 100644 --- a/styleguide-app/Examples/Button.elm +++ b/styleguide-app/Examples/Button.elm @@ -47,6 +47,14 @@ example = , Button.custom [ Key.tabbable False ] , Button.icon UiIcon.link ] + , Button.link "Ternary" + [ Button.small + , Button.fillContainerWidth + , Button.ternary + , Button.css [ Css.marginTop (Css.px 8) ] + , Button.custom [ Key.tabbable False ] + , Button.icon UiIcon.link + ] , Button.link "Premium" [ Button.small , Button.fillContainerWidth @@ -242,6 +250,7 @@ buttons model = styles = [ ( Button.primary, "primary" ) , ( Button.secondary, "secondary" ) + , ( Button.ternary, "ternary" ) , ( Button.danger, "danger" ) , ( Button.premium, "premium" ) ] From caa99493d64f1aaf78b4f86ea1200e2459c3c356 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 11 Mar 2022 14:14:47 -0800 Subject: [PATCH 02/53] Ternary -> tertiary --- src/Nri/Ui/Button/V10.elm | 16 ++++++++-------- styleguide-app/Examples/Button.elm | 6 +++--- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/Nri/Ui/Button/V10.elm b/src/Nri/Ui/Button/V10.elm index 517b102f..0ab5bc2d 100644 --- a/src/Nri/Ui/Button/V10.elm +++ b/src/Nri/Ui/Button/V10.elm @@ -5,7 +5,7 @@ module Nri.Ui.Button.V10 exposing , href, linkSpa, linkExternal, linkWithMethod, linkWithTracking, linkExternalWithTracking , small, medium, large, modal , exactWidth, boundedWidth, unboundedWidth, fillContainerWidth - , primary, secondary, ternary, danger, premium + , primary, secondary, tertiary, danger, premium , enabled, unfulfilled, disabled, error, loading, success , icon, custom, nriDescription, testId, id , hideIconForMobile, hideIconFor @@ -28,7 +28,7 @@ adding a span around the text could potentially lead to regressions. - adds `modal` helper, an alias for `large` size - adds `notMobileCss`, `mobileCss`, `quizEngineMobileCss` - adds `hideIconForMobile` and `hideIconFor` - - adds `ternary` style + - adds `tertiary` style # Changes from V9: @@ -57,7 +57,7 @@ adding a span around the text could potentially lead to regressions. ## Change the color scheme -@docs primary, secondary, ternary, danger, premium +@docs primary, secondary, tertiary, danger, premium ## Change the state (buttons only) @@ -419,11 +419,11 @@ secondary = {-| -} -ternary : Attribute msg -ternary = +tertiary : Attribute msg +tertiary = set (\attributes -> - { attributes | style = ternaryColors } + { attributes | style = tertiaryColors } ) @@ -825,8 +825,8 @@ secondaryColors = } -ternaryColors : ColorPalette -ternaryColors = +tertiaryColors : ColorPalette +tertiaryColors = { background = Colors.white , hover = Colors.frost , text = Colors.navy diff --git a/styleguide-app/Examples/Button.elm b/styleguide-app/Examples/Button.elm index 04137684..f0a93505 100644 --- a/styleguide-app/Examples/Button.elm +++ b/styleguide-app/Examples/Button.elm @@ -47,10 +47,10 @@ example = , Button.custom [ Key.tabbable False ] , Button.icon UiIcon.link ] - , Button.link "Ternary" + , Button.link "Tertiary" [ Button.small , Button.fillContainerWidth - , Button.ternary + , Button.tertiary , Button.css [ Css.marginTop (Css.px 8) ] , Button.custom [ Key.tabbable False ] , Button.icon UiIcon.link @@ -250,7 +250,7 @@ buttons model = styles = [ ( Button.primary, "primary" ) , ( Button.secondary, "secondary" ) - , ( Button.ternary, "ternary" ) + , ( Button.tertiary, "tertiary" ) , ( Button.danger, "danger" ) , ( Button.premium, "premium" ) ] From 47ed4fd2b964ab19f23d596d54cb0c6d54b20041 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Tue, 5 Jul 2022 16:49:31 -0300 Subject: [PATCH 03/53] Add example of menu with controls --- styleguide-app/Examples/Menu.elm | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/styleguide-app/Examples/Menu.elm b/styleguide-app/Examples/Menu.elm index d459b702..ccbbd9f3 100644 --- a/styleguide-app/Examples/Menu.elm +++ b/styleguide-app/Examples/Menu.elm @@ -18,11 +18,13 @@ import Debug.Control.View as ControlView import EllieLink import Example exposing (Example) import KeyboardSupport exposing (Key(..)) +import Nri.Ui.Button.V10 as Button import Nri.Ui.ClickableText.V3 as ClickableText import Nri.Ui.Colors.Extra as ColorsExtra import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Fonts.V1 as Fonts import Nri.Ui.Menu.V3 as Menu +import Nri.Ui.TextInput.V7 as TextInput import Nri.Ui.UiIcon.V1 as UiIcon import Set exposing (Set) import Svg.Styled as Svg @@ -248,6 +250,34 @@ view ellieLinkConfig state = button buttonAttributes [ text "Custom Menu trigger button" ] } ) + , ( "Menu.button (with controls)" + , Menu.view + (menuAttributes + ++ List.filterMap identity + [ Just <| Menu.buttonId "with_controls__button" + , Just <| Menu.menuId "with_controls__menu" + ] + ) + { isOpen = isOpen "with_controls" + , focusAndToggle = FocusAndToggle "with_controls" + , entries = + [ Menu.entry "username-input" <| + \attrs -> + div [] + [ TextInput.view "Username" + [ TextInput.id "username-input" + ] + , TextInput.view "Password" [] + , Button.button "Log in" + [ Button.primary + , Button.fillContainerWidth + , Button.css [ Css.marginTop (Css.px 15) ] + ] + ] + ] + , button = Menu.button defaultButtonAttributes "Log In" + } + ) ] ] From f8f5f6f08126b4eaf1fd2c1875b98480141516c4 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Tue, 5 Jul 2022 16:53:28 -0300 Subject: [PATCH 04/53] Add Menu.containsForm This affects how Tab key behaves --- src/Nri/Ui/Menu/V3.elm | 47 +++++++++++++++++++++----------- styleguide-app/Examples/Menu.elm | 2 +- 2 files changed, 32 insertions(+), 17 deletions(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index 71e8cdd7..8c2c132e 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -1,7 +1,7 @@ module Nri.Ui.Menu.V3 exposing ( view, button, custom, Config , Attribute, Button, ButtonAttribute - , alignment, isDisabled, menuWidth, buttonId, menuId, menuZIndex, opensOnHover + , alignment, isDisabled, menuWidth, buttonId, menuId, menuZIndex, opensOnHover, containsForm , Alignment(..) , icon, wrapping, hasBorder, buttonWidth , TitleWrapping(..) @@ -30,7 +30,7 @@ A togglable menu view and related buttons. ## Menu attributes -@docs alignment, isDisabled, menuWidth, buttonId, menuId, menuZIndex, opensOnHover +@docs alignment, isDisabled, menuWidth, buttonId, menuId, menuZIndex, opensOnHover, containsForm @docs Alignment @@ -105,6 +105,7 @@ type alias MenuConfig msg = , menuId : String , zIndex : Int , opensOnHover : Bool + , containsForm : Bool } @@ -201,6 +202,13 @@ opensOnHover value = Attribute <| \config -> { config | opensOnHover = value } +{-| Whether the menu contains a form when opened. This affects how Tab key behaves Defaults to `False`. +-} +containsForm : Bool -> Attribute msg +containsForm value = + Attribute <| \config -> { config | containsForm = value } + + {-| Menu/pulldown configuration: - `attributes`: List of (attributes)[#menu-attributes] to apply to the menu. @@ -226,6 +234,7 @@ view attributes config = , menuId = "" , zIndex = 1 , opensOnHover = False + , containsForm = False } menuConfig = @@ -415,25 +424,31 @@ viewCustom config = div (Attributes.id (config.buttonId ++ "__container") :: Key.onKeyDown - [ Key.escape + (Key.escape (config.focusAndToggle { isOpen = False , focus = Just config.buttonId } ) - , Key.tab - (config.focusAndToggle - { isOpen = False - , focus = Nothing - } - ) - , Key.tabBack - (config.focusAndToggle - { isOpen = False - , focus = Nothing - } - ) - ] + :: (if config.containsForm then + [] + + else + [ Key.tab + (config.focusAndToggle + { isOpen = False + , focus = Nothing + } + ) + , Key.tabBack + (config.focusAndToggle + { isOpen = False + , focus = Nothing + } + ) + ] + ) + ) :: styleContainer ) [ if config.isOpen then diff --git a/styleguide-app/Examples/Menu.elm b/styleguide-app/Examples/Menu.elm index ccbbd9f3..0c935097 100644 --- a/styleguide-app/Examples/Menu.elm +++ b/styleguide-app/Examples/Menu.elm @@ -321,7 +321,7 @@ controlMenuAttributes = |> ControlExtra.optionalBoolListItem "isDisabled" ( "Menu.isDisabled True", Menu.isDisabled True ) |> ControlExtra.optionalListItem "menuWidth" controlMenuWidth |> ControlExtra.optionalBoolListItem "opensOnHover" ( "Menu.opensOnHover True", Menu.opensOnHover True ) - + |> ControlExtra.optionalBoolListItem "containsForm" ( "Menu.containsForm True", Menu.containsForm True ) controlAlignment : Control ( String, Menu.Attribute msg ) controlAlignment = From 2bed33181b9d2634a288125dd0f6722d2899f6e1 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Tue, 5 Jul 2022 17:18:26 -0300 Subject: [PATCH 05/53] Add test for default behavior Unable to test containsForm behavior since that means triggering an event that is not registered --- tests/Spec/Nri/Ui/Menu.elm | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/tests/Spec/Nri/Ui/Menu.elm b/tests/Spec/Nri/Ui/Menu.elm index eecd5647..db6f6233 100644 --- a/tests/Spec/Nri/Ui/Menu.elm +++ b/tests/Spec/Nri/Ui/Menu.elm @@ -2,6 +2,7 @@ module Spec.Nri.Ui.Menu exposing (spec) import Html.Attributes as Attributes import Html.Styled as HtmlStyled +import Json.Encode as Encode import Nri.Ui.ClickableText.V3 as ClickableText import Nri.Ui.Menu.V3 as Menu import ProgramTest exposing (ProgramTest, ensureViewHas, ensureViewHasNot) @@ -32,6 +33,15 @@ spec = |> clickMenuButton |> ensureViewHasNot (menuContentSelector menuContent) |> ProgramTest.done + , test "Close on tab key" <| + \() -> + program [] + -- Menu opens on mouse click and closes on tab key + |> clickMenuButton + |> ensureViewHas (menuContentSelector menuContent) + |> pressTabKey + |> ensureViewHasNot (menuContentSelector menuContent) + |> ProgramTest.done ] @@ -122,3 +132,20 @@ clickMenuButton = ] ) Event.click + + +pressTabKey : ProgramTest model msg effect -> ProgramTest model msg effect +pressTabKey = + ProgramTest.simulateDomEvent + (Query.find + [ Selector.class "Container" + ] + ) + (Event.custom + "keydown" + (Encode.object + [ ( "keyCode", Encode.int 9 ) + , ( "shiftKey", Encode.bool False ) + ] + ) + ) From c40fea6fb0dcf59f28eb2eb02915d57437a1c467 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Tue, 5 Jul 2022 17:22:36 -0300 Subject: [PATCH 06/53] Appease formatter --- styleguide-app/Examples/Menu.elm | 1 + 1 file changed, 1 insertion(+) diff --git a/styleguide-app/Examples/Menu.elm b/styleguide-app/Examples/Menu.elm index 0c935097..3111aaa6 100644 --- a/styleguide-app/Examples/Menu.elm +++ b/styleguide-app/Examples/Menu.elm @@ -323,6 +323,7 @@ controlMenuAttributes = |> ControlExtra.optionalBoolListItem "opensOnHover" ( "Menu.opensOnHover True", Menu.opensOnHover True ) |> ControlExtra.optionalBoolListItem "containsForm" ( "Menu.containsForm True", Menu.containsForm True ) + controlAlignment : Control ( String, Menu.Attribute msg ) controlAlignment = Control.choice From 12b20c4b19ca90ea1aeef42a00aeb14256bcd616 Mon Sep 17 00:00:00 2001 From: Ben Dansby Date: Thu, 7 Jul 2022 09:58:34 -0700 Subject: [PATCH 07/53] change transition time --- src/Nri/Ui/Menu/V3.elm | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index 71e8cdd7..d3a030ff 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -364,7 +364,7 @@ viewArrow { isOpen } = [ Css.Global.svg [ display block ] ] , property "transform-origin" "center" - , property "transition" "transform 0.1s" + , property "transition" "transform 0.4s" , if isOpen then transform (rotate (deg 180)) From 480cce00c96db304e874229356d62ecec93c1b82 Mon Sep 17 00:00:00 2001 From: Juliano Solanho Date: Thu, 7 Jul 2022 17:15:27 -0300 Subject: [PATCH 08/53] Remove id from SVGs WCAG automated checkers complain about these when we have the same image more than once in a page --- src/Nri/Ui/UiIcon/V1.elm | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index 588e34bf..ceff3366 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -809,8 +809,7 @@ xInCircle = ] [] , Svg.g - [ Attributes.id "white-x" - , Attributes.transform "translate(15.000000, 15.000000)" + [ Attributes.transform "translate(15.000000, 15.000000)" , Attributes.fill "#FFFFFF" ] [ 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" ] [] From e9acb582f9b17db2c4cb7dd114030d09124a5590 Mon Sep 17 00:00:00 2001 From: Juliano Solanho Date: Thu, 7 Jul 2022 19:58:41 -0300 Subject: [PATCH 09/53] Bump version --- elm.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/elm.json b/elm.json index 420e3470..75fbcdfa 100644 --- a/elm.json +++ b/elm.json @@ -3,7 +3,7 @@ "name": "NoRedInk/noredink-ui", "summary": "UI Widgets we use at NRI", "license": "BSD-3-Clause", - "version": "16.4.0", + "version": "16.5.0", "exposed-modules": [ "Nri.Ui", "Nri.Ui.Accordion.V1", From 85e3e7f7af445eeeeed720f5a33786047033a18d Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 11:23:35 -0300 Subject: [PATCH 10/53] Add new icons --- src/Nri/Ui/UiIcon/V1.elm | 335 ++++++++++++++++++++++++++++- styleguide-app/Examples/UiIcon.elm | 11 + 2 files changed, 345 insertions(+), 1 deletion(-) diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index 588e34bf..7e57c002 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -27,6 +27,8 @@ module Nri.Ui.UiIcon.V1 exposing , openQuotationMark, closeQuotationMark , microscope, scale , openInNewTab, sync + , school, highSchool, company, homeSchool, graduateCap + , flagUs, globe ) {-| How to add new icons: @@ -41,7 +43,7 @@ module Nri.Ui.UiIcon.V1 exposing @docs sparkleBulb, baldBulb, bulb @docs hat, keychain @docs sprout, sapling, tree -@docs person, couple, class, leaderboard, performance +@docs person, couple, class, leaderboard, performance, graduateCap @docs emptyCalendar, calendar, clock @docs missingDocument, document, documents, newspaper, openBook, openBooks @docs edit, pen, highlighter @@ -59,6 +61,8 @@ module Nri.Ui.UiIcon.V1 exposing @docs openQuotationMark, closeQuotationMark @docs microscope, scale @docs openInNewTab, sync +@docs school, highSchool, company, homeSchool, graduateCap +@docs flagUs, globe import Html.Styled exposing (..) import Nri.Ui.Colors.V1 as Colors @@ -2118,3 +2122,332 @@ sync = ] ] |> Nri.Ui.Svg.V1.fromHtml + + +{-| -} +flagUs : Nri.Ui.Svg.V1.Svg +flagUs = + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 92 64" + , Attributes.version "1.1" + ] + [ Svg.g + [ Attributes.id "Page-1" + , Attributes.stroke "none" + , Attributes.strokeWidth "1" + , Attributes.fill "none" + , Attributes.fillRule "evenodd" + ] + [ Svg.rect + [ Attributes.id "Rectangle" + , Attributes.fill "#FFFFFF" + , Attributes.x "7.15778928" + , Attributes.y "6.97400533" + , Attributes.width "32.1931667" + , Attributes.height "20.18306" + ] + [] + , Svg.path + [ Attributes.d "M85.9427893,0.0592053258 L6.79778928,0.0552993258 C3.11808928,0.0552993258 0.133689276,3.03969933 0.133689276,6.71549933 L0.133689276,57.1494993 C0.133689276,60.8291993 3.11808928,63.8096993 6.79388928,63.8096993 L85.9388893,63.8096993 C88.8997893,63.8096993 91.3138893,61.3955993 91.3138893,58.4346993 L91.3177953,5.43869933 C91.3177953,2.47389933 88.9036953,0.0597993258 85.9427953,0.0597993258 L85.9427893,0.0592053258 Z M30.9697893,10.4852053 L33.4931893,10.2664553 L34.4814693,7.96175533 C34.5908493,7.74300533 34.7002193,7.63363533 34.9189693,7.63363533 C35.1377193,7.63363533 35.3564693,7.74301533 35.3564693,7.96175533 L36.3447493,10.2664553 L38.8681493,10.4852053 C39.0868993,10.4852053 39.1962693,10.5945853 39.3056493,10.8133253 C39.4150293,11.0320653 39.3056493,11.2508253 39.1962693,11.3602053 L37.3290693,13.0047053 L37.8759493,15.4188053 C37.8759493,15.6375553 37.8759493,15.8563053 37.6571993,15.9656853 C37.4384493,16.0750653 37.2196993,16.0750653 37.1103193,15.9656853 L34.9150193,14.6492853 L32.8291193,15.9656853 C32.7197493,15.9656853 32.6103693,16.0750653 32.6103693,16.0750653 C32.5009993,16.0750653 32.3916193,16.0750653 32.2822493,15.9656853 C32.0634993,15.8563053 32.0634993,15.6375653 32.0634993,15.4188053 L32.6103693,13.0047053 L30.7431693,11.3602053 C30.6337893,11.2508253 30.5244193,11.0320853 30.6337893,10.8133253 C30.6416013,10.7039453 30.7509793,10.4852053 30.9697293,10.4852053 L30.9697893,10.4852053 Z M30.9697893,21.5672053 L33.4931893,21.3484553 L34.4814693,19.0437553 C34.5908493,18.8250053 34.7002193,18.7156353 34.9189693,18.7156353 C35.1377193,18.7156353 35.3564693,18.8250153 35.3564693,19.0437553 L36.3447493,21.3484553 L38.8681493,21.5672053 C39.0868993,21.5672053 39.1962693,21.6765853 39.3056493,21.8953353 C39.4150293,22.1140853 39.3056493,22.3328353 39.1962693,22.4422053 L37.3290693,24.0867053 L37.8759493,26.5008053 C37.8759493,26.7195553 37.8759493,26.9383053 37.6571993,27.0476853 C37.4384493,27.1570653 37.2196993,27.1570653 37.1103193,27.0476853 L35.0244193,25.7312853 L32.9385193,27.0476853 C32.8291393,27.0476853 32.7197693,27.1570653 32.7197693,27.1570653 C32.6103893,27.1570653 32.5010193,27.1570653 32.3916393,27.0476853 C32.1728893,26.9383053 32.1728893,26.7195653 32.1728893,26.5008053 L32.7197693,24.0867053 L30.8525693,22.4422053 C30.7431893,22.3328353 30.6338193,22.1140853 30.7431893,21.8953353 C30.6416293,21.6765853 30.7510023,21.5672053 30.9697493,21.5672053 L30.9697893,21.5672053 Z M19.4467893,10.4852053 L21.9701893,10.2664553 L22.9584693,7.96175533 C23.0678493,7.74300533 23.1772193,7.63363533 23.3959693,7.63363533 C23.6147193,7.63363533 23.8334693,7.74301533 23.8334693,7.96175533 L24.8217493,10.2664553 L27.3451493,10.4852053 C27.5638993,10.4852053 27.6732693,10.5945853 27.7826493,10.8133253 C27.8920193,11.0320753 27.7826493,11.2508253 27.6732693,11.3602053 L25.8060693,13.0047053 L26.3529493,15.4188053 C26.3529493,15.6375553 26.3529493,15.8563053 26.1341993,15.9656853 C26.0248193,16.0750653 25.9154493,16.0750653 25.8060793,16.0750653 C25.6967093,16.0750653 25.5873293,16.0750653 25.5873293,15.9656853 L23.5014293,14.6492853 L21.4155293,15.9656853 C21.3061493,16.0750653 20.9780293,16.0750653 20.8686493,15.9656853 C20.6498993,15.8563053 20.6498993,15.6375653 20.6498993,15.4188053 L21.1967793,13.0047053 L19.3295793,11.3602053 C19.2202093,11.2508253 19.1108293,11.0320853 19.2202093,10.8133253 C19.1186493,10.7039453 19.2280213,10.4852053 19.4467693,10.4852053 L19.4467893,10.4852053 Z M19.4467893,21.5672053 L21.9701893,21.3484553 L22.9584693,19.0437553 C23.0678493,18.8250053 23.1772193,18.7156353 23.3959693,18.7156353 C23.6147193,18.7156353 23.8334693,18.8250153 23.8334693,19.0437553 L24.8217493,21.3484553 L27.3451493,21.5672053 C27.5638993,21.5672053 27.6732693,21.6765853 27.7826493,21.8953353 C27.8920193,22.1140853 27.7826493,22.3328353 27.6732693,22.4422053 L25.8060693,24.0867053 L26.3529493,26.5008053 C26.3529493,26.7195553 26.3529493,26.9383053 26.1341993,27.0476853 C26.0248193,27.1570653 25.8060793,27.1570653 25.5873193,27.0476853 L23.5014193,25.7312853 L21.4155193,27.0476853 C21.3061393,27.0476853 21.1967693,27.1570653 21.1967693,27.1570653 C21.0873893,27.1570653 20.9780193,27.1570653 20.8686493,27.0476853 C20.6498993,26.9383053 20.6498993,26.7195653 20.6498993,26.5008053 L21.1967793,24.0867053 L19.3295793,22.4422053 C19.2202093,22.3328353 19.1108293,22.1140853 19.2202093,21.8953353 C19.1186493,21.6765853 19.2280213,21.5672053 19.4467693,21.5672053 L19.4467893,21.5672053 Z M8.03678928,10.4852053 L10.5601893,10.2664553 L11.5484693,7.96175533 C11.6578493,7.74300533 11.7672193,7.63363533 11.9859693,7.63363533 C12.2047193,7.63363533 12.4234693,7.74301533 12.4234693,7.96175533 L13.4117493,10.2664553 L15.9351493,10.4852053 C16.1538993,10.4852053 16.2632693,10.5945853 16.3726493,10.8133253 C16.4820293,11.0320653 16.3726493,11.2508253 16.2632693,11.3602053 L14.3960693,13.0047053 L14.9429493,15.4188053 C14.9429493,15.6375553 14.9429493,15.8563053 14.7241993,15.9656853 C14.5054493,16.0750653 14.2866993,16.0750653 14.1773193,15.9656853 L11.9820193,14.6492853 L9.89611928,15.9656853 C9.78673928,15.9656853 9.78673928,16.0750653 9.67736928,16.0750653 C9.56799928,16.0750653 9.45861928,16.0750653 9.34924928,15.9656853 C9.23987928,15.8563053 9.13049928,15.6375653 9.13049928,15.4188053 L9.67737928,13.0047053 L7.81017928,11.3602053 C7.70079928,11.2508253 7.59142928,11.0320853 7.70079928,10.8133253 C7.59923928,10.7039453 7.81798928,10.4852053 8.03673928,10.4852053 L8.03678928,10.4852053 Z M8.03678928,21.5672053 L10.5601893,21.3484553 L11.5484693,19.0437553 C11.6578493,18.7156353 12.3179993,18.7156353 12.5367493,19.0437553 L13.5250293,21.3484553 L16.0484293,21.5672053 C16.2671793,21.5672053 16.3765593,21.6765853 16.4859293,21.8953353 C16.5953093,22.1140853 16.4859293,22.3328353 16.3765593,22.4422053 L14.5093593,24.0867053 L15.0562393,26.5008053 C15.0562393,26.7195553 15.0562393,26.9383053 14.8374893,27.0476853 C14.7281093,27.1570653 14.5093693,27.1570653 14.2906093,27.0476853 L12.2047093,25.7312853 L10.1188093,27.0476853 C10.0094293,27.0476853 9.90005928,27.1570653 9.90005928,27.1570653 C9.79067928,27.1570653 9.68130928,27.1570653 9.57193928,27.0476853 C9.35318928,26.9383053 9.35318928,26.7195653 9.35318928,26.5008053 L9.90006928,24.0867053 L8.03286928,22.4422053 C7.92348928,22.3328353 7.81411928,22.1140853 7.92348928,21.8953353 C7.59926928,21.6765853 7.81801928,21.5672053 8.03676928,21.5672053 L8.03678928,21.5672053 Z M84.2987893,56.7902053 L7.15778928,56.7902053 L7.15778928,49.5480053 L84.2947893,49.5480053 L84.2987893,56.7902053 Z M84.2987893,42.6342053 L7.15778928,42.6342053 L7.15778928,35.3920053 L84.2947893,35.3920053 L84.2987893,42.6342053 Z M84.2987893,28.4822053 L46.7717893,28.4822053 L46.7717893,21.2400053 L84.2987893,21.2400053 L84.2987893,28.4822053 Z M84.2987893,14.2162053 L46.7717893,14.2162053 L46.7717893,6.97400533 L84.2987893,6.97400533 L84.2987893,14.2162053 Z" + , Attributes.id "Shape" + , Attributes.fill "#004E95" + , Attributes.fillRule "nonzero" + ] + [] + , Svg.rect + [ Attributes.id "Rectangle" + , Attributes.fill "#FFFFFF" + , Attributes.x "46.7717893" + , Attributes.y "6.97400533" + , Attributes.width "37.527" + , Attributes.height "7.2422" + ] + [] + , Svg.rect + [ Attributes.id "Rectangle" + , Attributes.fill "#FFFFFF" + , Attributes.x "46.7717893" + , Attributes.y "21.2400053" + , Attributes.width "37.527" + , Attributes.height "7.2422" + ] + [] + , Svg.rect + [ Attributes.id "Rectangle" + , Attributes.fill "#FFFFFF" + , Attributes.x "7.15778928" + , Attributes.y "35.3920053" + , Attributes.width "77.141" + , Attributes.height "7.2422" + ] + [] + , Svg.rect + [ Attributes.id "Rectangle" + , Attributes.fill "#FFFFFF" + , Attributes.x "7.15778928" + , Attributes.y "49.5480053" + , Attributes.width "77.141" + , Attributes.height "7.2422" + ] + [] + ] + ] + |> Nri.Ui.Svg.V1.fromHtml + + +{-| -} +school : Nri.Ui.Svg.V1.Svg +school = + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 90 96" + , Attributes.version "1.1" + ] + [ Svg.g + [ Attributes.id "Page-1" + , Attributes.stroke "none" + , Attributes.strokeWidth "1" + , Attributes.fill "none" + , Attributes.fillRule "evenodd" + ] + [ Svg.g + [ Attributes.id "Pasted-Image-10" + , Attributes.transform "translate(-0.000000, 0.000000)" + , Attributes.fill "#004E95" + , Attributes.fillRule "nonzero" + ] + [ Svg.path + [ Attributes.d "M44.8902248,0 L45.0226453,0.0111997236 C45.7218453,0.108799724 46.2218453,0.710379724 46.2218453,1.40959972 L46.2218453,1.40959972 L46.2179353,2.31193972 L53.0187353,2.31193972 C53.7179753,2.31193972 54.3195353,2.91351972 54.3195353,3.61273972 L54.3195353,3.61273972 L54.3234453,8.31193972 C54.3234453,9.01117972 53.7218653,9.61273972 53.0226453,9.61273972 L53.0226453,9.61273972 L46.2218453,9.61273972 L46.2218453,15.4135397 C46.4249653,15.5111997 46.6241853,15.7104197 46.8234053,15.8119797 L46.8234053,15.8119797 L66.7214053,32.8119797 C67.7214053,33.7103797 68.0221853,35.3119797 67.3229653,36.5111797 C66.8229653,37.5111797 65.8229653,38.0111797 64.7213653,38.0111797 L64.7213653,38.0111797 L62.4205653,38.0111797 L62.4205653,48.4091797 L78.6195653,48.4130797 C79.4203653,48.4130797 80.2211253,48.9130597 80.6195653,49.6122797 L80.6195653,49.6122797 L89.6195653,65.3112797 C90.4215253,66.8117397 89.3199253,68.8117397 87.6207253,68.8117397 L87.6207253,68.8117397 L85.8199253,68.8117397 L85.8199253,92.8117427 C85.8199253,94.1125427 84.8199253,95.1125427 83.5191253,95.1125427 L83.5191253,95.1125427 L52.0191253,95.1125427 C51.3199253,95.1125427 50.8199253,94.5149027 50.8199253,93.9133427 L50.8199253,93.9133427 L50.8199253,75.8113397 C50.8199253,75.1121397 50.2222853,74.6121397 49.6207253,74.6121397 L49.6207253,74.6121397 L40.3199253,74.6121397 C39.6207253,74.6121397 39.1207253,75.2097797 39.1207253,75.8113397 L39.1207253,75.8113397 L39.1207253,93.8113437 C39.1207253,94.5105437 38.5230853,95.0105437 37.9215253,95.0105437 L37.9215253,95.0105437 L6.42152527,95.0066377 C5.12072527,95.0066377 4.12072227,94.0066377 4.12072227,92.7058377 L4.12072227,92.7058377 L4.12072227,68.8078397 L2.31992227,68.8078397 C0.519142272,68.8078397 -0.578517728,66.9094397 0.319922272,65.3078397 L0.319922272,65.3078397 L9.31992527,49.6088397 C9.71832527,48.8080797 10.5191453,48.4096397 11.3199253,48.4096397 L11.3199253,48.4096397 L27.3239253,48.4096397 L27.3239253,38.0116397 L25.0231253,38.0116397 C23.9215253,38.0116397 22.9215253,37.4100797 22.4215253,36.5116397 C21.7222853,35.2108397 22.0230853,33.7108797 23.0230853,32.8124397 L23.0230853,32.8124397 L42.9210853,15.8124397 C43.1242053,15.6132197 43.3234253,15.5155597 43.5226453,15.4139997 L43.5226453,15.4139997 L43.5226453,1.31199972 C43.5226453,0.511199724 44.2218653,-0.0903602764 45.0226453,0.0111997236 L44.8902248,0 Z M26.2213653,74.6116797 L16.9205653,74.6116797 C16.2213653,74.6116797 15.7213653,75.2093197 15.7213653,75.8108797 L15.7213653,75.8108797 L15.7213653,82.2092797 C15.7213653,82.9084797 16.3190053,83.4084797 16.9205653,83.4084797 L16.9205653,83.4084797 L26.2213653,83.4084797 C26.9205653,83.4084797 27.4205653,82.8108397 27.4205653,82.2092797 L27.4205653,82.2092797 L27.4205653,75.8108797 C27.4205653,75.1116797 26.8229253,74.6116797 26.2213653,74.6116797 L26.2213653,74.6116797 Z M72.9203653,74.6116797 L63.6195653,74.6116797 C62.9203653,74.6116797 62.4203653,75.2093197 62.4203653,75.8108797 L62.4203653,75.8108797 L62.4203653,82.2092797 C62.4203653,82.9084797 63.0180053,83.4084797 63.6195653,83.4084797 L63.6195653,83.4084797 L72.9203653,83.4084797 C73.6195653,83.4084797 74.1195653,82.8108397 74.1195653,82.2092797 L74.1195653,82.2092797 L74.1195653,75.8108797 C74.1195653,75.1116797 73.5219253,74.6116797 72.9203653,74.6116797 L72.9203653,74.6116797 Z M44.9205653,37.9086797 C40.6197653,37.9086797 37.1197653,41.4086797 37.1197653,45.7094797 C37.1197653,50.0102797 40.6197653,53.5102797 44.9205653,53.5102797 C49.2213653,53.5102797 52.7213653,50.0102797 52.7213653,45.7094797 C52.7213653,41.4086797 49.2213653,37.9086797 44.9205653,37.9086797 Z" + , Attributes.id "Clip-2" + ] + [] + ] + ] + ] + |> Nri.Ui.Svg.V1.fromHtml + + +{-| -} +highSchool : Nri.Ui.Svg.V1.Svg +highSchool = + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 100 97" + , Attributes.version "1.1" + ] + [ Svg.g + [ Attributes.id "Page-1" + , Attributes.stroke "none" + , Attributes.strokeWidth "1" + , Attributes.fill "none" + , Attributes.fillRule "evenodd" + ] + [ Svg.g + [ Attributes.id "Pasted-Image-10" + , Attributes.transform "translate(-85.000000, 0.000000)" + , Attributes.fill "#004E95" + , Attributes.fillRule "nonzero" + ] + [ Svg.g + [ Attributes.id "np_columns-building_2035694_004E95" + , Attributes.transform "translate(85.000000, 0.000000)" + ] + [ Svg.path + [ Attributes.d "M100.0002,87.993255 L100.0002,95.415155 C100.0002,96.325315 99.39473,96.930755 98.4846,96.930755 L1.5156,96.930755 C0.60544,96.930755 0,96.325285 0,95.415155 L0,87.989355 C0,87.231545 0.60547,86.473755 1.5156,86.473755 L7.7265,86.473755 L7.7265,80.563555 C7.7265,79.805745 8.33197,79.047955 9.2421,79.047955 L90.6051,79.047955 C91.51526,79.047955 92.1207,79.805765 92.1207,80.563555 L92.1207,86.473755 L98.484,86.477661 C99.24181,86.477661 100.0002,87.083131 100.0002,87.993261 L100.0002,87.993255 Z" + , Attributes.id "Path" + ] + [] + , Svg.path + [ Attributes.d "M94.0902,21.020255 L50.6062,0.114255 C50.15308,-0.038085 49.69604,-0.038085 49.2429,0.114255 L5.9109,21.020255 C5.45778,21.324945 5.00074,21.778065 5.00074,22.383555 L5.00074,30.567155 C5.00074,31.324965 5.60621,32.082755 6.51634,32.082755 L93.33234,32.082755 C94.09015,32.082755 94.84794,31.324945 94.84794,30.567155 L94.84794,22.383555 C95.00028,21.778085 94.54716,21.172655 94.09013,21.020255 L94.0902,21.020255 Z M50.0002,25.567155 C45.758,25.567155 42.2736,22.082755 42.2736,17.840555 C42.2736,13.598355 45.758,10.113955 50.0002,10.113955 C54.2424,10.113955 57.7268,13.598355 57.7268,17.840555 C57.7268,22.082755 54.2424,25.567155 50.0002,25.567155 Z" + , Attributes.id "Shape" + ] + [] + , Svg.polygon + [ Attributes.id "Path" + , Attributes.points "11.3632 34.962255 24.6952 34.962255 24.6952 75.872255 11.3632 75.872255" + ] + [] + , Svg.polygon + [ Attributes.id "Path" + , Attributes.points "43.3322 34.962255 56.6642 34.962255 56.6642 75.872255 43.3322 75.872255" + ] + [] + , Svg.polygon + [ Attributes.id "Path" + , Attributes.points "75.4532 34.962255 88.7852 34.962255 88.7852 75.872255 75.4532 75.872255" + ] + [] + ] + ] + ] + ] + |> Nri.Ui.Svg.V1.fromHtml + + +{-| -} +company : Nri.Ui.Svg.V1.Svg +company = + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 55 67" + , Attributes.version "1.1" + ] + [ Svg.g + [ Attributes.id "Page-1" + , Attributes.stroke "none" + , Attributes.strokeWidth "1" + , Attributes.fill "none" + , Attributes.fillRule "evenodd" + ] + [ Svg.g + [ Attributes.id "home/home-blue" + , Attributes.transform "translate(-145.000000, -6.701851)" + , Attributes.fill "#004E95" + , Attributes.fillRule "nonzero" + ] + [ Svg.g + [ Attributes.id "np_building_888660_004E95" + , Attributes.transform "translate(145.000000, 6.701851)" + ] + [ Svg.polygon + [ Attributes.id "Path" + , Attributes.points "52.082 8.332 2.082 8.332 -3.55271368e-15 0 54.164 0" + ] + [] + , Svg.path + [ Attributes.d "M4.164,12.5 L4.164,66.668 L22.914,66.668 L22.914,54.168 L31.246,54.168 L31.246,66.668 L49.996,66.668 L49.999907,12.5 L4.164,12.5 Z M18.75,50 L10.418,50 L10.418,41.668 L18.75,41.668 L18.75,50 Z M18.75,37.5 L10.418,37.5 L10.418,29.168 L18.75,29.168 L18.75,37.5 Z M18.75,25 L10.418,25 L10.418,16.668 L18.75,16.668 L18.75,25 Z M31.25,50 L22.918,50 L22.918,41.668 L31.25,41.668 L31.25,50 Z M31.25,37.5 L22.918,37.5 L22.918,29.168 L31.25,29.168 L31.25,37.5 Z M31.25,25 L22.918,25 L22.918,16.668 L31.25,16.668 L31.25,25 Z M43.75,50 L35.418,50 L35.418,41.668 L43.75,41.668 L43.75,50 Z M43.75,37.5 L35.418,37.5 L35.418,29.168 L43.75,29.168 L43.75,37.5 Z M43.75,25 L35.418,25 L35.418,16.668 L43.75,16.668 L43.75,25 Z" + , Attributes.id "Shape" + ] + [] + ] + ] + ] + ] + |> Nri.Ui.Svg.V1.fromHtml + + +{-| -} +homeSchool : Nri.Ui.Svg.V1.Svg +homeSchool = + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 25 25" + , Attributes.version "1.1" + ] + [ Svg.g + [ Attributes.id "Page-1" + , Attributes.stroke "none" + , Attributes.strokeWidth "1" + , Attributes.fill "none" + , Attributes.fillRule "evenodd" + ] + [ Svg.g + [ Attributes.id "home/home-blue" + , Attributes.transform "translate(0.000000, 0.298149)" + , Attributes.fill "#004E95" + ] + [ Svg.path + [ Attributes.d "M12.4874712,4.70043931 L21.776929,12.8991923 L19.9024166,24.3999996 L14.4175541,24.3999996 L14.9214384,18.4682781 C14.948748,18.3010516 14.8088535,18.1327283 14.6131982,18.1327283 L14.6131982,18.1327283 L10.3603452,18.1327283 C10.163593,18.1327283 10.0236873,18.2726284 10.052105,18.4682781 L10.052105,18.4682781 L10.5559893,24.3999996 L5.18389077,24.3999996 L3.30937843,12.8991923 L12.4874712,4.70043931 Z M11.6480371,0.33610942 C12.1234926,-0.112036473 12.8514499,-0.112036473 13.3269054,0.33610942 L13.3269054,0.33610942 L24.5750539,10.576646 C25.1073671,11.0247919 25.1346766,11.8357972 24.6592212,12.3396815 C24.2110753,12.8719947 23.40007,12.8993043 22.8961857,12.4238488 L22.8961857,12.4238488 L12.4874824,2.96594458 L2.07877361,12.4509905 C1.82739108,12.6750634 1.5475797,12.7592307 1.2393395,12.7592307 C0.9037897,12.7592307 0.567131849,12.6477538 0.31573812,12.3679425 C-0.13129446,11.8356293 -0.103984534,11.0803624 0.399899785,10.604907 L0.399899785,10.604907 Z" + , Attributes.id "icon/home-blue" + ] + [] + ] + ] + ] + |> Nri.Ui.Svg.V1.fromHtml + + +{-| -} +globe : Nri.Ui.Svg.V1.Svg +globe = + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 101 101" + , Attributes.version "1.1" + ] + [ Svg.g + [ Attributes.id "Page-1" + , Attributes.stroke "none" + , Attributes.strokeWidth "1" + , Attributes.fill "none" + , Attributes.fillRule "evenodd" + ] + [ Svg.g + [ Attributes.id "Group-Copy" + , Attributes.transform "translate(0.984790, 0.014361)" + ] + [ Svg.circle + [ Attributes.id "Oval" + , Attributes.fill "#FFFFFF" + , Attributes.cx "50" + , Attributes.cy "50.0016524" + , Attributes.r "45.0475006" + ] + [] + , Svg.g + [ Attributes.id "np_globe_1803890_004E95" + , Attributes.fill "currentcolor" + , Attributes.fillRule "nonzero" + ] + [ Svg.path + [ Attributes.d "M50.0006098,0 C22.413688,0 0,22.413688 0,50.0006098 C0,77.0972817 21.6417273,99.1865754 48.5518116,99.9634142 C49.0234271,100.011051 49.5140916,100.001524 50,100.001524 C50.4859084,100.001524 50.9765729,100.015816 51.4481884,99.9634142 C78.3582727,99.1869169 100,77.0972817 100,50.0006098 C100,22.413688 77.586312,0 49.9993902,0 L50.0006098,0 Z M47.5615556,5.22103928 L47.5615556,23.1712582 L33.499189,23.1712582 C34.2089904,21.1418432 34.9759143,19.1982829 35.8238515,17.4547251 C39.1680386,10.5901291 43.3219917,6.3932487 47.5617995,5.22164904 L47.5615556,5.22103928 Z M52.4396639,5.22103928 C56.6794717,6.39293162 60.8334248,10.5897633 64.1776119,17.4541153 C65.0255613,19.1976731 65.7925097,21.1412334 66.5022744,23.1706484 L52.4399078,23.1706484 L52.4396639,5.22103928 Z M36.9284991,6.82166856 C34.8562787,9.19401456 33.0269881,12.0666106 31.4406273,15.3203088 C30.2735033,17.7213137 29.2207222,20.3651264 28.3155892,23.1710143 L13.7190697,23.1710143 C19.4213344,15.4727497 27.5289943,9.65621532 36.9278894,6.82203442 L36.9284991,6.82166856 Z M63.0727204,6.82166856 C72.4716155,9.65609337 80.5790315,15.4727497 86.28154,23.1706484 L71.6850205,23.1706484 C70.7798998,20.3647605 69.7270698,17.7208259 68.5599824,15.3199429 C66.9736216,12.0662447 65.144331,9.19377066 63.0721106,6.8213027 L63.0727204,6.82166856 Z M10.5952512,28.0487567 L26.944231,28.0487567 C25.477018,33.989195 24.5956658,40.5867145 24.4289565,47.5611898 L4.95432871,47.5611898 C5.33066257,40.4869572 7.33618703,33.8841937 10.5946414,28.0487567 L10.5952512,28.0487567 Z M32.0125855,28.0487567 L47.5615556,28.0487567 L47.5615556,47.5611898 L29.3442603,47.5611898 C29.5252869,40.5012256 30.4732741,33.8695594 32.0119758,28.0487567 L32.0125855,28.0487567 Z M52.4396639,28.0487567 L67.988634,28.0487567 C69.5273113,33.8700472 70.4753717,40.5013476 70.6563495,47.5611898 L52.4390541,47.5611898 L52.4396639,28.0487567 Z M73.0569885,28.0487567 L89.4059684,28.0487567 C92.6644227,33.8844376 94.669935,40.4867133 95.0462811,47.5611898 L75.5716533,47.5611898 C75.4049196,40.5869584 74.5236161,33.989073 73.0563787,28.0487567 L73.0569885,28.0487567 Z M4.95371895,52.439298 L24.4283467,52.439298 C24.5950804,59.4086513 25.48114,66.0016586 26.9436213,71.9517311 L10.5556165,71.9517311 C7.31143063,66.1256845 5.32969914,59.4942621 4.95335309,52.439298 L4.95371895,52.439298 Z M29.3442603,52.439298 L47.5615556,52.439298 L47.5615556,71.9517311 L31.9747802,71.9517311 C30.440859,66.1256845 29.5262137,59.489384 29.3452359,52.439298 L29.3442603,52.439298 Z M52.4396639,52.439298 L70.6569592,52.439298 C70.4759326,59.4896279 69.5612873,66.1260503 68.027415,71.9517311 L52.4406395,71.9517311 L52.4396639,52.439298 Z M75.5728728,52.439298 L95.0475006,52.439298 C94.6711667,59.494506 92.689423,66.1260503 89.4452371,71.9517311 L73.0572324,71.9517311 C74.5196893,66.0017805 75.4057976,59.4088952 75.572507,52.439298 L75.5728728,52.439298 Z M13.6818742,76.8298394 L28.2783936,76.8298394 C29.1882706,79.6690204 30.2601251,82.2939304 31.4416029,84.7187161 C33.0136953,87.9437554 34.8429859,90.8258637 36.8914255,93.1791851 C27.4972866,90.335248 19.3802363,84.5377383 13.6826059,76.8302052 L13.6818742,76.8298394 Z M33.4613837,76.8298394 L47.5615556,76.8298394 L47.5615556,94.7800583 C43.3217478,93.6177027 39.1677947,89.4446274 35.8236076,82.5847876 C34.9613654,80.817449 34.180051,78.8929133 33.4607739,76.8300833 L33.4613837,76.8298394 Z M52.4396639,76.8298394 L66.5398359,76.8298394 C65.82051,78.8925475 65.0392078,80.8170831 64.1770022,82.5845437 C60.832815,89.4443835 56.6788619,93.6174831 52.4390541,94.7798144 L52.4396639,76.8298394 Z M71.7228259,76.8298394 L86.3193454,76.8298394 C80.6218369,84.5376163 72.5045427,90.3348821 63.1105257,93.1788193 C65.1589654,90.8254979 66.988256,87.9433896 68.5603483,84.7183502 C69.7417651,82.2935646 70.8136685,79.6687764 71.7235576,76.8294735 L71.7228259,76.8298394 Z" + , Attributes.id "Shape" + ] + [] + ] + ] + ] + ] + |> Nri.Ui.Svg.V1.fromHtml + + +{-| -} +graduateCap : Nri.Ui.Svg.V1.Svg +graduateCap = + Svg.svg + [ Attributes.width "100%" + , Attributes.height "100%" + , Attributes.fill "currentcolor" + , Attributes.viewBox "0 0 101 65" + , Attributes.version "1.1" + ] + [ Svg.g + [ Attributes.id "Page-1" + , Attributes.stroke "none" + , Attributes.strokeWidth "1" + , Attributes.fill "none" + , Attributes.fillRule "evenodd" + ] + [ Svg.g + [ Attributes.id "np_mortarboard_4125242_004E95-Copy" + , Attributes.transform "translate(0.984790, 0.051995)" + , Attributes.fill "#F3336C" + , Attributes.fillRule "nonzero" + ] + [ Svg.path + [ Attributes.d "M50.6859316,0.0742163661 C50.2946155,-0.0247387887 49.804342,-0.0247387887 49.4129798,0.0742163661 L1.54170515,14.9535306 C-0.513901715,15.6372168 -0.513901715,18.479912 1.54170515,19.1635406 L12.4087171,22.5910106 L12.4087171,33.6514697 C10.5465574,34.726472 9.27360574,36.7865811 9.27360574,39.03552 C9.27360574,40.2094452 9.5704666,41.2889497 10.1551953,42.1706314 C9.6649218,43.0522325 9.27360574,44.1272117 9.27360574,45.3057427 L9.27360574,61.457433 C9.27360574,64.8849029 21.8050697,64.8849029 21.8050697,61.457433 L21.8050697,45.3057427 C21.8050697,44.1318176 21.5082088,43.0523131 20.9234801,42.1706314 C21.4137536,41.2890418 21.8050697,40.2140511 21.8050697,39.03552 C21.8050697,36.6875546 20.532118,34.7264835 18.6699583,33.6514697 L18.6699583,24.547706 L49.3140684,34.1417663 C49.7053845,34.2407214 50.195658,34.2407214 50.5870202,34.1417663 L98.4582949,19.262452 C100.513902,18.5787658 100.513902,15.7405614 98.4582949,15.052442 L50.6859316,0.0742163661 Z" + , Attributes.id "Shape" + ] + [] + , Svg.path + [ Attributes.d "M48.9264832,40.1108792 L24.9390296,32.6713372 L24.9390296,48.3336521 C24.9390296,54.5992689 36.1973115,57.7343803 50.0019575,57.7343803 C63.8066035,57.7343803 75.0648854,54.6037597 75.0648854,48.3336521 L75.0648854,32.6713372 L51.0774319,40.1108792 C50.3937457,40.3087941 49.6066573,40.3087941 48.8240022,40.1108792 L48.9264832,40.1108792 Z" + , Attributes.id "Path" + ] + [] + ] + ] + ] + |> Nri.Ui.Svg.V1.fromHtml diff --git a/styleguide-app/Examples/UiIcon.elm b/styleguide-app/Examples/UiIcon.elm index 7b5b8fee..19c8ad9c 100644 --- a/styleguide-app/Examples/UiIcon.elm +++ b/styleguide-app/Examples/UiIcon.elm @@ -105,6 +105,7 @@ example = , ( "couple", UiIcon.couple ) , ( "class", UiIcon.class ) , ( "leaderboard", UiIcon.leaderboard ) + , ( "graduateCap", UiIcon.graduateCap ) ] , viewExampleSection "Time" [ ( "emptyCalendar", UiIcon.emptyCalendar ) @@ -202,5 +203,15 @@ example = [ ( "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 ) + ] ] } From 3dffe35248a36e02d083a3621f9d6ec3372f54f7 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 11:24:33 -0300 Subject: [PATCH 11/53] Fix missing currentcolor --- src/Nri/Ui/UiIcon/V1.elm | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index 7e57c002..1cca842a 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -2153,7 +2153,7 @@ flagUs = , Svg.path [ Attributes.d "M85.9427893,0.0592053258 L6.79778928,0.0552993258 C3.11808928,0.0552993258 0.133689276,3.03969933 0.133689276,6.71549933 L0.133689276,57.1494993 C0.133689276,60.8291993 3.11808928,63.8096993 6.79388928,63.8096993 L85.9388893,63.8096993 C88.8997893,63.8096993 91.3138893,61.3955993 91.3138893,58.4346993 L91.3177953,5.43869933 C91.3177953,2.47389933 88.9036953,0.0597993258 85.9427953,0.0597993258 L85.9427893,0.0592053258 Z M30.9697893,10.4852053 L33.4931893,10.2664553 L34.4814693,7.96175533 C34.5908493,7.74300533 34.7002193,7.63363533 34.9189693,7.63363533 C35.1377193,7.63363533 35.3564693,7.74301533 35.3564693,7.96175533 L36.3447493,10.2664553 L38.8681493,10.4852053 C39.0868993,10.4852053 39.1962693,10.5945853 39.3056493,10.8133253 C39.4150293,11.0320653 39.3056493,11.2508253 39.1962693,11.3602053 L37.3290693,13.0047053 L37.8759493,15.4188053 C37.8759493,15.6375553 37.8759493,15.8563053 37.6571993,15.9656853 C37.4384493,16.0750653 37.2196993,16.0750653 37.1103193,15.9656853 L34.9150193,14.6492853 L32.8291193,15.9656853 C32.7197493,15.9656853 32.6103693,16.0750653 32.6103693,16.0750653 C32.5009993,16.0750653 32.3916193,16.0750653 32.2822493,15.9656853 C32.0634993,15.8563053 32.0634993,15.6375653 32.0634993,15.4188053 L32.6103693,13.0047053 L30.7431693,11.3602053 C30.6337893,11.2508253 30.5244193,11.0320853 30.6337893,10.8133253 C30.6416013,10.7039453 30.7509793,10.4852053 30.9697293,10.4852053 L30.9697893,10.4852053 Z M30.9697893,21.5672053 L33.4931893,21.3484553 L34.4814693,19.0437553 C34.5908493,18.8250053 34.7002193,18.7156353 34.9189693,18.7156353 C35.1377193,18.7156353 35.3564693,18.8250153 35.3564693,19.0437553 L36.3447493,21.3484553 L38.8681493,21.5672053 C39.0868993,21.5672053 39.1962693,21.6765853 39.3056493,21.8953353 C39.4150293,22.1140853 39.3056493,22.3328353 39.1962693,22.4422053 L37.3290693,24.0867053 L37.8759493,26.5008053 C37.8759493,26.7195553 37.8759493,26.9383053 37.6571993,27.0476853 C37.4384493,27.1570653 37.2196993,27.1570653 37.1103193,27.0476853 L35.0244193,25.7312853 L32.9385193,27.0476853 C32.8291393,27.0476853 32.7197693,27.1570653 32.7197693,27.1570653 C32.6103893,27.1570653 32.5010193,27.1570653 32.3916393,27.0476853 C32.1728893,26.9383053 32.1728893,26.7195653 32.1728893,26.5008053 L32.7197693,24.0867053 L30.8525693,22.4422053 C30.7431893,22.3328353 30.6338193,22.1140853 30.7431893,21.8953353 C30.6416293,21.6765853 30.7510023,21.5672053 30.9697493,21.5672053 L30.9697893,21.5672053 Z M19.4467893,10.4852053 L21.9701893,10.2664553 L22.9584693,7.96175533 C23.0678493,7.74300533 23.1772193,7.63363533 23.3959693,7.63363533 C23.6147193,7.63363533 23.8334693,7.74301533 23.8334693,7.96175533 L24.8217493,10.2664553 L27.3451493,10.4852053 C27.5638993,10.4852053 27.6732693,10.5945853 27.7826493,10.8133253 C27.8920193,11.0320753 27.7826493,11.2508253 27.6732693,11.3602053 L25.8060693,13.0047053 L26.3529493,15.4188053 C26.3529493,15.6375553 26.3529493,15.8563053 26.1341993,15.9656853 C26.0248193,16.0750653 25.9154493,16.0750653 25.8060793,16.0750653 C25.6967093,16.0750653 25.5873293,16.0750653 25.5873293,15.9656853 L23.5014293,14.6492853 L21.4155293,15.9656853 C21.3061493,16.0750653 20.9780293,16.0750653 20.8686493,15.9656853 C20.6498993,15.8563053 20.6498993,15.6375653 20.6498993,15.4188053 L21.1967793,13.0047053 L19.3295793,11.3602053 C19.2202093,11.2508253 19.1108293,11.0320853 19.2202093,10.8133253 C19.1186493,10.7039453 19.2280213,10.4852053 19.4467693,10.4852053 L19.4467893,10.4852053 Z M19.4467893,21.5672053 L21.9701893,21.3484553 L22.9584693,19.0437553 C23.0678493,18.8250053 23.1772193,18.7156353 23.3959693,18.7156353 C23.6147193,18.7156353 23.8334693,18.8250153 23.8334693,19.0437553 L24.8217493,21.3484553 L27.3451493,21.5672053 C27.5638993,21.5672053 27.6732693,21.6765853 27.7826493,21.8953353 C27.8920193,22.1140853 27.7826493,22.3328353 27.6732693,22.4422053 L25.8060693,24.0867053 L26.3529493,26.5008053 C26.3529493,26.7195553 26.3529493,26.9383053 26.1341993,27.0476853 C26.0248193,27.1570653 25.8060793,27.1570653 25.5873193,27.0476853 L23.5014193,25.7312853 L21.4155193,27.0476853 C21.3061393,27.0476853 21.1967693,27.1570653 21.1967693,27.1570653 C21.0873893,27.1570653 20.9780193,27.1570653 20.8686493,27.0476853 C20.6498993,26.9383053 20.6498993,26.7195653 20.6498993,26.5008053 L21.1967793,24.0867053 L19.3295793,22.4422053 C19.2202093,22.3328353 19.1108293,22.1140853 19.2202093,21.8953353 C19.1186493,21.6765853 19.2280213,21.5672053 19.4467693,21.5672053 L19.4467893,21.5672053 Z M8.03678928,10.4852053 L10.5601893,10.2664553 L11.5484693,7.96175533 C11.6578493,7.74300533 11.7672193,7.63363533 11.9859693,7.63363533 C12.2047193,7.63363533 12.4234693,7.74301533 12.4234693,7.96175533 L13.4117493,10.2664553 L15.9351493,10.4852053 C16.1538993,10.4852053 16.2632693,10.5945853 16.3726493,10.8133253 C16.4820293,11.0320653 16.3726493,11.2508253 16.2632693,11.3602053 L14.3960693,13.0047053 L14.9429493,15.4188053 C14.9429493,15.6375553 14.9429493,15.8563053 14.7241993,15.9656853 C14.5054493,16.0750653 14.2866993,16.0750653 14.1773193,15.9656853 L11.9820193,14.6492853 L9.89611928,15.9656853 C9.78673928,15.9656853 9.78673928,16.0750653 9.67736928,16.0750653 C9.56799928,16.0750653 9.45861928,16.0750653 9.34924928,15.9656853 C9.23987928,15.8563053 9.13049928,15.6375653 9.13049928,15.4188053 L9.67737928,13.0047053 L7.81017928,11.3602053 C7.70079928,11.2508253 7.59142928,11.0320853 7.70079928,10.8133253 C7.59923928,10.7039453 7.81798928,10.4852053 8.03673928,10.4852053 L8.03678928,10.4852053 Z M8.03678928,21.5672053 L10.5601893,21.3484553 L11.5484693,19.0437553 C11.6578493,18.7156353 12.3179993,18.7156353 12.5367493,19.0437553 L13.5250293,21.3484553 L16.0484293,21.5672053 C16.2671793,21.5672053 16.3765593,21.6765853 16.4859293,21.8953353 C16.5953093,22.1140853 16.4859293,22.3328353 16.3765593,22.4422053 L14.5093593,24.0867053 L15.0562393,26.5008053 C15.0562393,26.7195553 15.0562393,26.9383053 14.8374893,27.0476853 C14.7281093,27.1570653 14.5093693,27.1570653 14.2906093,27.0476853 L12.2047093,25.7312853 L10.1188093,27.0476853 C10.0094293,27.0476853 9.90005928,27.1570653 9.90005928,27.1570653 C9.79067928,27.1570653 9.68130928,27.1570653 9.57193928,27.0476853 C9.35318928,26.9383053 9.35318928,26.7195653 9.35318928,26.5008053 L9.90006928,24.0867053 L8.03286928,22.4422053 C7.92348928,22.3328353 7.81411928,22.1140853 7.92348928,21.8953353 C7.59926928,21.6765853 7.81801928,21.5672053 8.03676928,21.5672053 L8.03678928,21.5672053 Z M84.2987893,56.7902053 L7.15778928,56.7902053 L7.15778928,49.5480053 L84.2947893,49.5480053 L84.2987893,56.7902053 Z M84.2987893,42.6342053 L7.15778928,42.6342053 L7.15778928,35.3920053 L84.2947893,35.3920053 L84.2987893,42.6342053 Z M84.2987893,28.4822053 L46.7717893,28.4822053 L46.7717893,21.2400053 L84.2987893,21.2400053 L84.2987893,28.4822053 Z M84.2987893,14.2162053 L46.7717893,14.2162053 L46.7717893,6.97400533 L84.2987893,6.97400533 L84.2987893,14.2162053 Z" , Attributes.id "Shape" - , Attributes.fill "#004E95" + , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [] @@ -2218,7 +2218,7 @@ school = [ Svg.g [ Attributes.id "Pasted-Image-10" , Attributes.transform "translate(-0.000000, 0.000000)" - , Attributes.fill "#004E95" + , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [ Svg.path @@ -2252,7 +2252,7 @@ highSchool = [ Svg.g [ Attributes.id "Pasted-Image-10" , Attributes.transform "translate(-85.000000, 0.000000)" - , Attributes.fill "#004E95" + , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [ Svg.g @@ -2311,7 +2311,7 @@ company = [ Svg.g [ Attributes.id "home/home-blue" , Attributes.transform "translate(-145.000000, -6.701851)" - , Attributes.fill "#004E95" + , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [ Svg.g @@ -2355,7 +2355,7 @@ homeSchool = [ Svg.g [ Attributes.id "home/home-blue" , Attributes.transform "translate(0.000000, 0.298149)" - , Attributes.fill "#004E95" + , Attributes.fill "currentcolor" ] [ Svg.path [ Attributes.d "M12.4874712,4.70043931 L21.776929,12.8991923 L19.9024166,24.3999996 L14.4175541,24.3999996 L14.9214384,18.4682781 C14.948748,18.3010516 14.8088535,18.1327283 14.6131982,18.1327283 L14.6131982,18.1327283 L10.3603452,18.1327283 C10.163593,18.1327283 10.0236873,18.2726284 10.052105,18.4682781 L10.052105,18.4682781 L10.5559893,24.3999996 L5.18389077,24.3999996 L3.30937843,12.8991923 L12.4874712,4.70043931 Z M11.6480371,0.33610942 C12.1234926,-0.112036473 12.8514499,-0.112036473 13.3269054,0.33610942 L13.3269054,0.33610942 L24.5750539,10.576646 C25.1073671,11.0247919 25.1346766,11.8357972 24.6592212,12.3396815 C24.2110753,12.8719947 23.40007,12.8993043 22.8961857,12.4238488 L22.8961857,12.4238488 L12.4874824,2.96594458 L2.07877361,12.4509905 C1.82739108,12.6750634 1.5475797,12.7592307 1.2393395,12.7592307 C0.9037897,12.7592307 0.567131849,12.6477538 0.31573812,12.3679425 C-0.13129446,11.8356293 -0.103984534,11.0803624 0.399899785,10.604907 L0.399899785,10.604907 Z" From 878901d3590c8ab672e86424ad35d7262eb72409 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 11:55:22 -0300 Subject: [PATCH 12/53] Fix docs comment --- src/Nri/Ui/UiIcon/V1.elm | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index 1cca842a..8dfd261e 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -43,7 +43,7 @@ module Nri.Ui.UiIcon.V1 exposing @docs sparkleBulb, baldBulb, bulb @docs hat, keychain @docs sprout, sapling, tree -@docs person, couple, class, leaderboard, performance, graduateCap +@docs person, couple, class, leaderboard, performance @docs emptyCalendar, calendar, clock @docs missingDocument, document, documents, newspaper, openBook, openBooks @docs edit, pen, highlighter From dc3da6d5941f915c48fe0792ab63baefcda1f6a7 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 12:32:01 -0300 Subject: [PATCH 13/53] Drop ids on new icons --- src/Nri/Ui/UiIcon/V1.elm | 87 ++++++++++++---------------------------- 1 file changed, 26 insertions(+), 61 deletions(-) diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index 8dfd261e..2ea30d0c 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -2135,15 +2135,13 @@ flagUs = , Attributes.version "1.1" ] [ Svg.g - [ Attributes.id "Page-1" - , Attributes.stroke "none" + [ Attributes.stroke "none" , Attributes.strokeWidth "1" , Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.rect - [ Attributes.id "Rectangle" - , Attributes.fill "#FFFFFF" + [ Attributes.fill "#FFFFFF" , Attributes.x "7.15778928" , Attributes.y "6.97400533" , Attributes.width "32.1931667" @@ -2152,14 +2150,12 @@ flagUs = [] , Svg.path [ Attributes.d "M85.9427893,0.0592053258 L6.79778928,0.0552993258 C3.11808928,0.0552993258 0.133689276,3.03969933 0.133689276,6.71549933 L0.133689276,57.1494993 C0.133689276,60.8291993 3.11808928,63.8096993 6.79388928,63.8096993 L85.9388893,63.8096993 C88.8997893,63.8096993 91.3138893,61.3955993 91.3138893,58.4346993 L91.3177953,5.43869933 C91.3177953,2.47389933 88.9036953,0.0597993258 85.9427953,0.0597993258 L85.9427893,0.0592053258 Z M30.9697893,10.4852053 L33.4931893,10.2664553 L34.4814693,7.96175533 C34.5908493,7.74300533 34.7002193,7.63363533 34.9189693,7.63363533 C35.1377193,7.63363533 35.3564693,7.74301533 35.3564693,7.96175533 L36.3447493,10.2664553 L38.8681493,10.4852053 C39.0868993,10.4852053 39.1962693,10.5945853 39.3056493,10.8133253 C39.4150293,11.0320653 39.3056493,11.2508253 39.1962693,11.3602053 L37.3290693,13.0047053 L37.8759493,15.4188053 C37.8759493,15.6375553 37.8759493,15.8563053 37.6571993,15.9656853 C37.4384493,16.0750653 37.2196993,16.0750653 37.1103193,15.9656853 L34.9150193,14.6492853 L32.8291193,15.9656853 C32.7197493,15.9656853 32.6103693,16.0750653 32.6103693,16.0750653 C32.5009993,16.0750653 32.3916193,16.0750653 32.2822493,15.9656853 C32.0634993,15.8563053 32.0634993,15.6375653 32.0634993,15.4188053 L32.6103693,13.0047053 L30.7431693,11.3602053 C30.6337893,11.2508253 30.5244193,11.0320853 30.6337893,10.8133253 C30.6416013,10.7039453 30.7509793,10.4852053 30.9697293,10.4852053 L30.9697893,10.4852053 Z M30.9697893,21.5672053 L33.4931893,21.3484553 L34.4814693,19.0437553 C34.5908493,18.8250053 34.7002193,18.7156353 34.9189693,18.7156353 C35.1377193,18.7156353 35.3564693,18.8250153 35.3564693,19.0437553 L36.3447493,21.3484553 L38.8681493,21.5672053 C39.0868993,21.5672053 39.1962693,21.6765853 39.3056493,21.8953353 C39.4150293,22.1140853 39.3056493,22.3328353 39.1962693,22.4422053 L37.3290693,24.0867053 L37.8759493,26.5008053 C37.8759493,26.7195553 37.8759493,26.9383053 37.6571993,27.0476853 C37.4384493,27.1570653 37.2196993,27.1570653 37.1103193,27.0476853 L35.0244193,25.7312853 L32.9385193,27.0476853 C32.8291393,27.0476853 32.7197693,27.1570653 32.7197693,27.1570653 C32.6103893,27.1570653 32.5010193,27.1570653 32.3916393,27.0476853 C32.1728893,26.9383053 32.1728893,26.7195653 32.1728893,26.5008053 L32.7197693,24.0867053 L30.8525693,22.4422053 C30.7431893,22.3328353 30.6338193,22.1140853 30.7431893,21.8953353 C30.6416293,21.6765853 30.7510023,21.5672053 30.9697493,21.5672053 L30.9697893,21.5672053 Z M19.4467893,10.4852053 L21.9701893,10.2664553 L22.9584693,7.96175533 C23.0678493,7.74300533 23.1772193,7.63363533 23.3959693,7.63363533 C23.6147193,7.63363533 23.8334693,7.74301533 23.8334693,7.96175533 L24.8217493,10.2664553 L27.3451493,10.4852053 C27.5638993,10.4852053 27.6732693,10.5945853 27.7826493,10.8133253 C27.8920193,11.0320753 27.7826493,11.2508253 27.6732693,11.3602053 L25.8060693,13.0047053 L26.3529493,15.4188053 C26.3529493,15.6375553 26.3529493,15.8563053 26.1341993,15.9656853 C26.0248193,16.0750653 25.9154493,16.0750653 25.8060793,16.0750653 C25.6967093,16.0750653 25.5873293,16.0750653 25.5873293,15.9656853 L23.5014293,14.6492853 L21.4155293,15.9656853 C21.3061493,16.0750653 20.9780293,16.0750653 20.8686493,15.9656853 C20.6498993,15.8563053 20.6498993,15.6375653 20.6498993,15.4188053 L21.1967793,13.0047053 L19.3295793,11.3602053 C19.2202093,11.2508253 19.1108293,11.0320853 19.2202093,10.8133253 C19.1186493,10.7039453 19.2280213,10.4852053 19.4467693,10.4852053 L19.4467893,10.4852053 Z M19.4467893,21.5672053 L21.9701893,21.3484553 L22.9584693,19.0437553 C23.0678493,18.8250053 23.1772193,18.7156353 23.3959693,18.7156353 C23.6147193,18.7156353 23.8334693,18.8250153 23.8334693,19.0437553 L24.8217493,21.3484553 L27.3451493,21.5672053 C27.5638993,21.5672053 27.6732693,21.6765853 27.7826493,21.8953353 C27.8920193,22.1140853 27.7826493,22.3328353 27.6732693,22.4422053 L25.8060693,24.0867053 L26.3529493,26.5008053 C26.3529493,26.7195553 26.3529493,26.9383053 26.1341993,27.0476853 C26.0248193,27.1570653 25.8060793,27.1570653 25.5873193,27.0476853 L23.5014193,25.7312853 L21.4155193,27.0476853 C21.3061393,27.0476853 21.1967693,27.1570653 21.1967693,27.1570653 C21.0873893,27.1570653 20.9780193,27.1570653 20.8686493,27.0476853 C20.6498993,26.9383053 20.6498993,26.7195653 20.6498993,26.5008053 L21.1967793,24.0867053 L19.3295793,22.4422053 C19.2202093,22.3328353 19.1108293,22.1140853 19.2202093,21.8953353 C19.1186493,21.6765853 19.2280213,21.5672053 19.4467693,21.5672053 L19.4467893,21.5672053 Z M8.03678928,10.4852053 L10.5601893,10.2664553 L11.5484693,7.96175533 C11.6578493,7.74300533 11.7672193,7.63363533 11.9859693,7.63363533 C12.2047193,7.63363533 12.4234693,7.74301533 12.4234693,7.96175533 L13.4117493,10.2664553 L15.9351493,10.4852053 C16.1538993,10.4852053 16.2632693,10.5945853 16.3726493,10.8133253 C16.4820293,11.0320653 16.3726493,11.2508253 16.2632693,11.3602053 L14.3960693,13.0047053 L14.9429493,15.4188053 C14.9429493,15.6375553 14.9429493,15.8563053 14.7241993,15.9656853 C14.5054493,16.0750653 14.2866993,16.0750653 14.1773193,15.9656853 L11.9820193,14.6492853 L9.89611928,15.9656853 C9.78673928,15.9656853 9.78673928,16.0750653 9.67736928,16.0750653 C9.56799928,16.0750653 9.45861928,16.0750653 9.34924928,15.9656853 C9.23987928,15.8563053 9.13049928,15.6375653 9.13049928,15.4188053 L9.67737928,13.0047053 L7.81017928,11.3602053 C7.70079928,11.2508253 7.59142928,11.0320853 7.70079928,10.8133253 C7.59923928,10.7039453 7.81798928,10.4852053 8.03673928,10.4852053 L8.03678928,10.4852053 Z M8.03678928,21.5672053 L10.5601893,21.3484553 L11.5484693,19.0437553 C11.6578493,18.7156353 12.3179993,18.7156353 12.5367493,19.0437553 L13.5250293,21.3484553 L16.0484293,21.5672053 C16.2671793,21.5672053 16.3765593,21.6765853 16.4859293,21.8953353 C16.5953093,22.1140853 16.4859293,22.3328353 16.3765593,22.4422053 L14.5093593,24.0867053 L15.0562393,26.5008053 C15.0562393,26.7195553 15.0562393,26.9383053 14.8374893,27.0476853 C14.7281093,27.1570653 14.5093693,27.1570653 14.2906093,27.0476853 L12.2047093,25.7312853 L10.1188093,27.0476853 C10.0094293,27.0476853 9.90005928,27.1570653 9.90005928,27.1570653 C9.79067928,27.1570653 9.68130928,27.1570653 9.57193928,27.0476853 C9.35318928,26.9383053 9.35318928,26.7195653 9.35318928,26.5008053 L9.90006928,24.0867053 L8.03286928,22.4422053 C7.92348928,22.3328353 7.81411928,22.1140853 7.92348928,21.8953353 C7.59926928,21.6765853 7.81801928,21.5672053 8.03676928,21.5672053 L8.03678928,21.5672053 Z M84.2987893,56.7902053 L7.15778928,56.7902053 L7.15778928,49.5480053 L84.2947893,49.5480053 L84.2987893,56.7902053 Z M84.2987893,42.6342053 L7.15778928,42.6342053 L7.15778928,35.3920053 L84.2947893,35.3920053 L84.2987893,42.6342053 Z M84.2987893,28.4822053 L46.7717893,28.4822053 L46.7717893,21.2400053 L84.2987893,21.2400053 L84.2987893,28.4822053 Z M84.2987893,14.2162053 L46.7717893,14.2162053 L46.7717893,6.97400533 L84.2987893,6.97400533 L84.2987893,14.2162053 Z" - , Attributes.id "Shape" , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [] , Svg.rect - [ Attributes.id "Rectangle" - , Attributes.fill "#FFFFFF" + [ Attributes.fill "#FFFFFF" , Attributes.x "46.7717893" , Attributes.y "6.97400533" , Attributes.width "37.527" @@ -2167,8 +2163,7 @@ flagUs = ] [] , Svg.rect - [ Attributes.id "Rectangle" - , Attributes.fill "#FFFFFF" + [ Attributes.fill "#FFFFFF" , Attributes.x "46.7717893" , Attributes.y "21.2400053" , Attributes.width "37.527" @@ -2176,8 +2171,7 @@ flagUs = ] [] , Svg.rect - [ Attributes.id "Rectangle" - , Attributes.fill "#FFFFFF" + [ Attributes.fill "#FFFFFF" , Attributes.x "7.15778928" , Attributes.y "35.3920053" , Attributes.width "77.141" @@ -2185,8 +2179,7 @@ flagUs = ] [] , Svg.rect - [ Attributes.id "Rectangle" - , Attributes.fill "#FFFFFF" + [ Attributes.fill "#FFFFFF" , Attributes.x "7.15778928" , Attributes.y "49.5480053" , Attributes.width "77.141" @@ -2209,21 +2202,18 @@ school = , Attributes.version "1.1" ] [ Svg.g - [ Attributes.id "Page-1" - , Attributes.stroke "none" + [ Attributes.stroke "none" , Attributes.strokeWidth "1" , Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.g - [ Attributes.id "Pasted-Image-10" - , Attributes.transform "translate(-0.000000, 0.000000)" + [ Attributes.transform "translate(-0.000000, 0.000000)" , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [ Svg.path [ Attributes.d "M44.8902248,0 L45.0226453,0.0111997236 C45.7218453,0.108799724 46.2218453,0.710379724 46.2218453,1.40959972 L46.2218453,1.40959972 L46.2179353,2.31193972 L53.0187353,2.31193972 C53.7179753,2.31193972 54.3195353,2.91351972 54.3195353,3.61273972 L54.3195353,3.61273972 L54.3234453,8.31193972 C54.3234453,9.01117972 53.7218653,9.61273972 53.0226453,9.61273972 L53.0226453,9.61273972 L46.2218453,9.61273972 L46.2218453,15.4135397 C46.4249653,15.5111997 46.6241853,15.7104197 46.8234053,15.8119797 L46.8234053,15.8119797 L66.7214053,32.8119797 C67.7214053,33.7103797 68.0221853,35.3119797 67.3229653,36.5111797 C66.8229653,37.5111797 65.8229653,38.0111797 64.7213653,38.0111797 L64.7213653,38.0111797 L62.4205653,38.0111797 L62.4205653,48.4091797 L78.6195653,48.4130797 C79.4203653,48.4130797 80.2211253,48.9130597 80.6195653,49.6122797 L80.6195653,49.6122797 L89.6195653,65.3112797 C90.4215253,66.8117397 89.3199253,68.8117397 87.6207253,68.8117397 L87.6207253,68.8117397 L85.8199253,68.8117397 L85.8199253,92.8117427 C85.8199253,94.1125427 84.8199253,95.1125427 83.5191253,95.1125427 L83.5191253,95.1125427 L52.0191253,95.1125427 C51.3199253,95.1125427 50.8199253,94.5149027 50.8199253,93.9133427 L50.8199253,93.9133427 L50.8199253,75.8113397 C50.8199253,75.1121397 50.2222853,74.6121397 49.6207253,74.6121397 L49.6207253,74.6121397 L40.3199253,74.6121397 C39.6207253,74.6121397 39.1207253,75.2097797 39.1207253,75.8113397 L39.1207253,75.8113397 L39.1207253,93.8113437 C39.1207253,94.5105437 38.5230853,95.0105437 37.9215253,95.0105437 L37.9215253,95.0105437 L6.42152527,95.0066377 C5.12072527,95.0066377 4.12072227,94.0066377 4.12072227,92.7058377 L4.12072227,92.7058377 L4.12072227,68.8078397 L2.31992227,68.8078397 C0.519142272,68.8078397 -0.578517728,66.9094397 0.319922272,65.3078397 L0.319922272,65.3078397 L9.31992527,49.6088397 C9.71832527,48.8080797 10.5191453,48.4096397 11.3199253,48.4096397 L11.3199253,48.4096397 L27.3239253,48.4096397 L27.3239253,38.0116397 L25.0231253,38.0116397 C23.9215253,38.0116397 22.9215253,37.4100797 22.4215253,36.5116397 C21.7222853,35.2108397 22.0230853,33.7108797 23.0230853,32.8124397 L23.0230853,32.8124397 L42.9210853,15.8124397 C43.1242053,15.6132197 43.3234253,15.5155597 43.5226453,15.4139997 L43.5226453,15.4139997 L43.5226453,1.31199972 C43.5226453,0.511199724 44.2218653,-0.0903602764 45.0226453,0.0111997236 L44.8902248,0 Z M26.2213653,74.6116797 L16.9205653,74.6116797 C16.2213653,74.6116797 15.7213653,75.2093197 15.7213653,75.8108797 L15.7213653,75.8108797 L15.7213653,82.2092797 C15.7213653,82.9084797 16.3190053,83.4084797 16.9205653,83.4084797 L16.9205653,83.4084797 L26.2213653,83.4084797 C26.9205653,83.4084797 27.4205653,82.8108397 27.4205653,82.2092797 L27.4205653,82.2092797 L27.4205653,75.8108797 C27.4205653,75.1116797 26.8229253,74.6116797 26.2213653,74.6116797 L26.2213653,74.6116797 Z M72.9203653,74.6116797 L63.6195653,74.6116797 C62.9203653,74.6116797 62.4203653,75.2093197 62.4203653,75.8108797 L62.4203653,75.8108797 L62.4203653,82.2092797 C62.4203653,82.9084797 63.0180053,83.4084797 63.6195653,83.4084797 L63.6195653,83.4084797 L72.9203653,83.4084797 C73.6195653,83.4084797 74.1195653,82.8108397 74.1195653,82.2092797 L74.1195653,82.2092797 L74.1195653,75.8108797 C74.1195653,75.1116797 73.5219253,74.6116797 72.9203653,74.6116797 L72.9203653,74.6116797 Z M44.9205653,37.9086797 C40.6197653,37.9086797 37.1197653,41.4086797 37.1197653,45.7094797 C37.1197653,50.0102797 40.6197653,53.5102797 44.9205653,53.5102797 C49.2213653,53.5102797 52.7213653,50.0102797 52.7213653,45.7094797 C52.7213653,41.4086797 49.2213653,37.9086797 44.9205653,37.9086797 Z" - , Attributes.id "Clip-2" ] [] ] @@ -2243,45 +2233,37 @@ highSchool = , Attributes.version "1.1" ] [ Svg.g - [ Attributes.id "Page-1" - , Attributes.stroke "none" + [ Attributes.stroke "none" , Attributes.strokeWidth "1" , Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.g - [ Attributes.id "Pasted-Image-10" - , Attributes.transform "translate(-85.000000, 0.000000)" + [ Attributes.transform "translate(-85.000000, 0.000000)" , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [ Svg.g - [ Attributes.id "np_columns-building_2035694_004E95" - , Attributes.transform "translate(85.000000, 0.000000)" + [ Attributes.transform "translate(85.000000, 0.000000)" ] [ Svg.path [ Attributes.d "M100.0002,87.993255 L100.0002,95.415155 C100.0002,96.325315 99.39473,96.930755 98.4846,96.930755 L1.5156,96.930755 C0.60544,96.930755 0,96.325285 0,95.415155 L0,87.989355 C0,87.231545 0.60547,86.473755 1.5156,86.473755 L7.7265,86.473755 L7.7265,80.563555 C7.7265,79.805745 8.33197,79.047955 9.2421,79.047955 L90.6051,79.047955 C91.51526,79.047955 92.1207,79.805765 92.1207,80.563555 L92.1207,86.473755 L98.484,86.477661 C99.24181,86.477661 100.0002,87.083131 100.0002,87.993261 L100.0002,87.993255 Z" - , Attributes.id "Path" ] [] , Svg.path [ Attributes.d "M94.0902,21.020255 L50.6062,0.114255 C50.15308,-0.038085 49.69604,-0.038085 49.2429,0.114255 L5.9109,21.020255 C5.45778,21.324945 5.00074,21.778065 5.00074,22.383555 L5.00074,30.567155 C5.00074,31.324965 5.60621,32.082755 6.51634,32.082755 L93.33234,32.082755 C94.09015,32.082755 94.84794,31.324945 94.84794,30.567155 L94.84794,22.383555 C95.00028,21.778085 94.54716,21.172655 94.09013,21.020255 L94.0902,21.020255 Z M50.0002,25.567155 C45.758,25.567155 42.2736,22.082755 42.2736,17.840555 C42.2736,13.598355 45.758,10.113955 50.0002,10.113955 C54.2424,10.113955 57.7268,13.598355 57.7268,17.840555 C57.7268,22.082755 54.2424,25.567155 50.0002,25.567155 Z" - , Attributes.id "Shape" ] [] , Svg.polygon - [ Attributes.id "Path" - , Attributes.points "11.3632 34.962255 24.6952 34.962255 24.6952 75.872255 11.3632 75.872255" + [ Attributes.points "11.3632 34.962255 24.6952 34.962255 24.6952 75.872255 11.3632 75.872255" ] [] , Svg.polygon - [ Attributes.id "Path" - , Attributes.points "43.3322 34.962255 56.6642 34.962255 56.6642 75.872255 43.3322 75.872255" + [ Attributes.points "43.3322 34.962255 56.6642 34.962255 56.6642 75.872255 43.3322 75.872255" ] [] , Svg.polygon - [ Attributes.id "Path" - , Attributes.points "75.4532 34.962255 88.7852 34.962255 88.7852 75.872255 75.4532 75.872255" + [ Attributes.points "75.4532 34.962255 88.7852 34.962255 88.7852 75.872255 75.4532 75.872255" ] [] ] @@ -2302,30 +2284,25 @@ company = , Attributes.version "1.1" ] [ Svg.g - [ Attributes.id "Page-1" - , Attributes.stroke "none" + [ Attributes.stroke "none" , Attributes.strokeWidth "1" , Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.g - [ Attributes.id "home/home-blue" - , Attributes.transform "translate(-145.000000, -6.701851)" + [ Attributes.transform "translate(-145.000000, -6.701851)" , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [ Svg.g - [ Attributes.id "np_building_888660_004E95" - , Attributes.transform "translate(145.000000, 6.701851)" + [ Attributes.transform "translate(145.000000, 6.701851)" ] [ Svg.polygon - [ Attributes.id "Path" - , Attributes.points "52.082 8.332 2.082 8.332 -3.55271368e-15 0 54.164 0" + [ Attributes.points "52.082 8.332 2.082 8.332 -3.55271368e-15 0 54.164 0" ] [] , Svg.path [ Attributes.d "M4.164,12.5 L4.164,66.668 L22.914,66.668 L22.914,54.168 L31.246,54.168 L31.246,66.668 L49.996,66.668 L49.999907,12.5 L4.164,12.5 Z M18.75,50 L10.418,50 L10.418,41.668 L18.75,41.668 L18.75,50 Z M18.75,37.5 L10.418,37.5 L10.418,29.168 L18.75,29.168 L18.75,37.5 Z M18.75,25 L10.418,25 L10.418,16.668 L18.75,16.668 L18.75,25 Z M31.25,50 L22.918,50 L22.918,41.668 L31.25,41.668 L31.25,50 Z M31.25,37.5 L22.918,37.5 L22.918,29.168 L31.25,29.168 L31.25,37.5 Z M31.25,25 L22.918,25 L22.918,16.668 L31.25,16.668 L31.25,25 Z M43.75,50 L35.418,50 L35.418,41.668 L43.75,41.668 L43.75,50 Z M43.75,37.5 L35.418,37.5 L35.418,29.168 L43.75,29.168 L43.75,37.5 Z M43.75,25 L35.418,25 L35.418,16.668 L43.75,16.668 L43.75,25 Z" - , Attributes.id "Shape" ] [] ] @@ -2346,20 +2323,17 @@ homeSchool = , Attributes.version "1.1" ] [ Svg.g - [ Attributes.id "Page-1" - , Attributes.stroke "none" + [ Attributes.stroke "none" , Attributes.strokeWidth "1" , Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.g - [ Attributes.id "home/home-blue" - , Attributes.transform "translate(0.000000, 0.298149)" + [ Attributes.transform "translate(0.000000, 0.298149)" , Attributes.fill "currentcolor" ] [ Svg.path [ Attributes.d "M12.4874712,4.70043931 L21.776929,12.8991923 L19.9024166,24.3999996 L14.4175541,24.3999996 L14.9214384,18.4682781 C14.948748,18.3010516 14.8088535,18.1327283 14.6131982,18.1327283 L14.6131982,18.1327283 L10.3603452,18.1327283 C10.163593,18.1327283 10.0236873,18.2726284 10.052105,18.4682781 L10.052105,18.4682781 L10.5559893,24.3999996 L5.18389077,24.3999996 L3.30937843,12.8991923 L12.4874712,4.70043931 Z M11.6480371,0.33610942 C12.1234926,-0.112036473 12.8514499,-0.112036473 13.3269054,0.33610942 L13.3269054,0.33610942 L24.5750539,10.576646 C25.1073671,11.0247919 25.1346766,11.8357972 24.6592212,12.3396815 C24.2110753,12.8719947 23.40007,12.8993043 22.8961857,12.4238488 L22.8961857,12.4238488 L12.4874824,2.96594458 L2.07877361,12.4509905 C1.82739108,12.6750634 1.5475797,12.7592307 1.2393395,12.7592307 C0.9037897,12.7592307 0.567131849,12.6477538 0.31573812,12.3679425 C-0.13129446,11.8356293 -0.103984534,11.0803624 0.399899785,10.604907 L0.399899785,10.604907 Z" - , Attributes.id "icon/home-blue" ] [] ] @@ -2379,32 +2353,27 @@ globe = , Attributes.version "1.1" ] [ Svg.g - [ Attributes.id "Page-1" - , Attributes.stroke "none" + [ Attributes.stroke "none" , Attributes.strokeWidth "1" , Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.g - [ Attributes.id "Group-Copy" - , Attributes.transform "translate(0.984790, 0.014361)" + [ Attributes.transform "translate(0.984790, 0.014361)" ] [ Svg.circle - [ Attributes.id "Oval" - , Attributes.fill "#FFFFFF" + [ Attributes.fill "#FFFFFF" , Attributes.cx "50" , Attributes.cy "50.0016524" , Attributes.r "45.0475006" ] [] , Svg.g - [ Attributes.id "np_globe_1803890_004E95" - , Attributes.fill "currentcolor" + [ Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [ Svg.path [ Attributes.d "M50.0006098,0 C22.413688,0 0,22.413688 0,50.0006098 C0,77.0972817 21.6417273,99.1865754 48.5518116,99.9634142 C49.0234271,100.011051 49.5140916,100.001524 50,100.001524 C50.4859084,100.001524 50.9765729,100.015816 51.4481884,99.9634142 C78.3582727,99.1869169 100,77.0972817 100,50.0006098 C100,22.413688 77.586312,0 49.9993902,0 L50.0006098,0 Z M47.5615556,5.22103928 L47.5615556,23.1712582 L33.499189,23.1712582 C34.2089904,21.1418432 34.9759143,19.1982829 35.8238515,17.4547251 C39.1680386,10.5901291 43.3219917,6.3932487 47.5617995,5.22164904 L47.5615556,5.22103928 Z M52.4396639,5.22103928 C56.6794717,6.39293162 60.8334248,10.5897633 64.1776119,17.4541153 C65.0255613,19.1976731 65.7925097,21.1412334 66.5022744,23.1706484 L52.4399078,23.1706484 L52.4396639,5.22103928 Z M36.9284991,6.82166856 C34.8562787,9.19401456 33.0269881,12.0666106 31.4406273,15.3203088 C30.2735033,17.7213137 29.2207222,20.3651264 28.3155892,23.1710143 L13.7190697,23.1710143 C19.4213344,15.4727497 27.5289943,9.65621532 36.9278894,6.82203442 L36.9284991,6.82166856 Z M63.0727204,6.82166856 C72.4716155,9.65609337 80.5790315,15.4727497 86.28154,23.1706484 L71.6850205,23.1706484 C70.7798998,20.3647605 69.7270698,17.7208259 68.5599824,15.3199429 C66.9736216,12.0662447 65.144331,9.19377066 63.0721106,6.8213027 L63.0727204,6.82166856 Z M10.5952512,28.0487567 L26.944231,28.0487567 C25.477018,33.989195 24.5956658,40.5867145 24.4289565,47.5611898 L4.95432871,47.5611898 C5.33066257,40.4869572 7.33618703,33.8841937 10.5946414,28.0487567 L10.5952512,28.0487567 Z M32.0125855,28.0487567 L47.5615556,28.0487567 L47.5615556,47.5611898 L29.3442603,47.5611898 C29.5252869,40.5012256 30.4732741,33.8695594 32.0119758,28.0487567 L32.0125855,28.0487567 Z M52.4396639,28.0487567 L67.988634,28.0487567 C69.5273113,33.8700472 70.4753717,40.5013476 70.6563495,47.5611898 L52.4390541,47.5611898 L52.4396639,28.0487567 Z M73.0569885,28.0487567 L89.4059684,28.0487567 C92.6644227,33.8844376 94.669935,40.4867133 95.0462811,47.5611898 L75.5716533,47.5611898 C75.4049196,40.5869584 74.5236161,33.989073 73.0563787,28.0487567 L73.0569885,28.0487567 Z M4.95371895,52.439298 L24.4283467,52.439298 C24.5950804,59.4086513 25.48114,66.0016586 26.9436213,71.9517311 L10.5556165,71.9517311 C7.31143063,66.1256845 5.32969914,59.4942621 4.95335309,52.439298 L4.95371895,52.439298 Z M29.3442603,52.439298 L47.5615556,52.439298 L47.5615556,71.9517311 L31.9747802,71.9517311 C30.440859,66.1256845 29.5262137,59.489384 29.3452359,52.439298 L29.3442603,52.439298 Z M52.4396639,52.439298 L70.6569592,52.439298 C70.4759326,59.4896279 69.5612873,66.1260503 68.027415,71.9517311 L52.4406395,71.9517311 L52.4396639,52.439298 Z M75.5728728,52.439298 L95.0475006,52.439298 C94.6711667,59.494506 92.689423,66.1260503 89.4452371,71.9517311 L73.0572324,71.9517311 C74.5196893,66.0017805 75.4057976,59.4088952 75.572507,52.439298 L75.5728728,52.439298 Z M13.6818742,76.8298394 L28.2783936,76.8298394 C29.1882706,79.6690204 30.2601251,82.2939304 31.4416029,84.7187161 C33.0136953,87.9437554 34.8429859,90.8258637 36.8914255,93.1791851 C27.4972866,90.335248 19.3802363,84.5377383 13.6826059,76.8302052 L13.6818742,76.8298394 Z M33.4613837,76.8298394 L47.5615556,76.8298394 L47.5615556,94.7800583 C43.3217478,93.6177027 39.1677947,89.4446274 35.8236076,82.5847876 C34.9613654,80.817449 34.180051,78.8929133 33.4607739,76.8300833 L33.4613837,76.8298394 Z M52.4396639,76.8298394 L66.5398359,76.8298394 C65.82051,78.8925475 65.0392078,80.8170831 64.1770022,82.5845437 C60.832815,89.4443835 56.6788619,93.6174831 52.4390541,94.7798144 L52.4396639,76.8298394 Z M71.7228259,76.8298394 L86.3193454,76.8298394 C80.6218369,84.5376163 72.5045427,90.3348821 63.1105257,93.1788193 C65.1589654,90.8254979 66.988256,87.9433896 68.5603483,84.7183502 C69.7417651,82.2935646 70.8136685,79.6687764 71.7235576,76.8294735 L71.7228259,76.8298394 Z" - , Attributes.id "Shape" ] [] ] @@ -2425,26 +2394,22 @@ graduateCap = , Attributes.version "1.1" ] [ Svg.g - [ Attributes.id "Page-1" - , Attributes.stroke "none" + [ Attributes.stroke "none" , Attributes.strokeWidth "1" , Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.g - [ Attributes.id "np_mortarboard_4125242_004E95-Copy" - , Attributes.transform "translate(0.984790, 0.051995)" + [ Attributes.transform "translate(0.984790, 0.051995)" , Attributes.fill "#F3336C" , Attributes.fillRule "nonzero" ] [ Svg.path [ Attributes.d "M50.6859316,0.0742163661 C50.2946155,-0.0247387887 49.804342,-0.0247387887 49.4129798,0.0742163661 L1.54170515,14.9535306 C-0.513901715,15.6372168 -0.513901715,18.479912 1.54170515,19.1635406 L12.4087171,22.5910106 L12.4087171,33.6514697 C10.5465574,34.726472 9.27360574,36.7865811 9.27360574,39.03552 C9.27360574,40.2094452 9.5704666,41.2889497 10.1551953,42.1706314 C9.6649218,43.0522325 9.27360574,44.1272117 9.27360574,45.3057427 L9.27360574,61.457433 C9.27360574,64.8849029 21.8050697,64.8849029 21.8050697,61.457433 L21.8050697,45.3057427 C21.8050697,44.1318176 21.5082088,43.0523131 20.9234801,42.1706314 C21.4137536,41.2890418 21.8050697,40.2140511 21.8050697,39.03552 C21.8050697,36.6875546 20.532118,34.7264835 18.6699583,33.6514697 L18.6699583,24.547706 L49.3140684,34.1417663 C49.7053845,34.2407214 50.195658,34.2407214 50.5870202,34.1417663 L98.4582949,19.262452 C100.513902,18.5787658 100.513902,15.7405614 98.4582949,15.052442 L50.6859316,0.0742163661 Z" - , Attributes.id "Shape" ] [] , Svg.path [ Attributes.d "M48.9264832,40.1108792 L24.9390296,32.6713372 L24.9390296,48.3336521 C24.9390296,54.5992689 36.1973115,57.7343803 50.0019575,57.7343803 C63.8066035,57.7343803 75.0648854,54.6037597 75.0648854,48.3336521 L75.0648854,32.6713372 L51.0774319,40.1108792 C50.3937457,40.3087941 49.6066573,40.3087941 48.8240022,40.1108792 L48.9264832,40.1108792 Z" - , Attributes.id "Path" ] [] ] From 88074d11503ab4c5abdefdee16b90b23d88a1f9f Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 14:19:55 -0300 Subject: [PATCH 14/53] Fix missing currentcolor --- src/Nri/Ui/UiIcon/V1.elm | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index 2ea30d0c..d66614d0 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -2401,7 +2401,7 @@ graduateCap = ] [ Svg.g [ Attributes.transform "translate(0.984790, 0.051995)" - , Attributes.fill "#F3336C" + , Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" ] [ Svg.path From b8c04eeef576abce71b2896dfa6a407741d408ed Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 14:48:33 -0300 Subject: [PATCH 15/53] Update api to Menu.disclosure --- src/Nri/Ui/Menu/V3.elm | 16 ++++++++-------- styleguide-app/Examples/Menu.elm | 2 +- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index 8c2c132e..4b08f8fc 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -1,7 +1,7 @@ module Nri.Ui.Menu.V3 exposing ( view, button, custom, Config , Attribute, Button, ButtonAttribute - , alignment, isDisabled, menuWidth, buttonId, menuId, menuZIndex, opensOnHover, containsForm + , alignment, isDisabled, menuWidth, buttonId, menuId, menuZIndex, opensOnHover, disclosure , Alignment(..) , icon, wrapping, hasBorder, buttonWidth , TitleWrapping(..) @@ -30,7 +30,7 @@ A togglable menu view and related buttons. ## Menu attributes -@docs alignment, isDisabled, menuWidth, buttonId, menuId, menuZIndex, opensOnHover, containsForm +@docs alignment, isDisabled, menuWidth, buttonId, menuId, menuZIndex, opensOnHover, disclosure @docs Alignment @@ -105,7 +105,7 @@ type alias MenuConfig msg = , menuId : String , zIndex : Int , opensOnHover : Bool - , containsForm : Bool + , disclosure : Bool } @@ -204,9 +204,9 @@ opensOnHover value = {-| Whether the menu contains a form when opened. This affects how Tab key behaves Defaults to `False`. -} -containsForm : Bool -> Attribute msg -containsForm value = - Attribute <| \config -> { config | containsForm = value } +disclosure : Bool -> Attribute msg +disclosure value = + Attribute <| \config -> { config | disclosure = value } {-| Menu/pulldown configuration: @@ -234,7 +234,7 @@ view attributes config = , menuId = "" , zIndex = 1 , opensOnHover = False - , containsForm = False + , disclosure = False } menuConfig = @@ -430,7 +430,7 @@ viewCustom config = , focus = Just config.buttonId } ) - :: (if config.containsForm then + :: (if config.disclosure then [] else diff --git a/styleguide-app/Examples/Menu.elm b/styleguide-app/Examples/Menu.elm index 3111aaa6..3b31fbfd 100644 --- a/styleguide-app/Examples/Menu.elm +++ b/styleguide-app/Examples/Menu.elm @@ -321,7 +321,7 @@ controlMenuAttributes = |> ControlExtra.optionalBoolListItem "isDisabled" ( "Menu.isDisabled True", Menu.isDisabled True ) |> ControlExtra.optionalListItem "menuWidth" controlMenuWidth |> ControlExtra.optionalBoolListItem "opensOnHover" ( "Menu.opensOnHover True", Menu.opensOnHover True ) - |> ControlExtra.optionalBoolListItem "containsForm" ( "Menu.containsForm True", Menu.containsForm True ) + |> ControlExtra.optionalBoolListItem "disclosure" ( "Menu.disclosure True", Menu.disclosure True ) controlAlignment : Control ( String, Menu.Attribute msg ) From 17222048742e192ab5c847e36baafceb35c476aa Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 14:57:40 -0300 Subject: [PATCH 16/53] Change api to use lastId. Revert change of behaviour for now Fix examples with control to be disclosure --- src/Nri/Ui/Menu/V3.elm | 58 +++++++++++++++++++------------- styleguide-app/Examples/Menu.elm | 9 +++-- 2 files changed, 38 insertions(+), 29 deletions(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index 4b08f8fc..f52133d3 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -105,7 +105,7 @@ type alias MenuConfig msg = , menuId : String , zIndex : Int , opensOnHover : Bool - , disclosure : Bool + , purpose : Purpose } @@ -117,6 +117,11 @@ type alias ButtonConfig = } +type Purpose + = NavMenu + | Disclosure { lastId : Maybe String } + + -- Generators for ButtonAttribute @@ -202,11 +207,21 @@ opensOnHover value = Attribute <| \config -> { config | opensOnHover = value } -{-| Whether the menu contains a form when opened. This affects how Tab key behaves Defaults to `False`. +{-| Makes the menu behave as a disclosure. + +For more information, please read [Disclosure (Show/Hide) pattern](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/). + +You will need to pass in the last focusable element in the disclosed content in order for: + + - any focusable elements in the disclosed content to be keyboard accessible + - the disclosure to close appropriately when the user tabs past all of the disclosed content + +You may pass a lastId of Nothing if there is NO focusable content within the disclosure. + -} -disclosure : Bool -> Attribute msg -disclosure value = - Attribute <| \config -> { config | disclosure = value } +disclosure : { lastId : Maybe String } -> Attribute msg +disclosure exitFocusManager = + Attribute (\config -> { config | purpose = Disclosure exitFocusManager }) {-| Menu/pulldown configuration: @@ -234,7 +249,7 @@ view attributes config = , menuId = "" , zIndex = 1 , opensOnHover = False - , disclosure = False + , purpose = NavMenu } menuConfig = @@ -430,24 +445,19 @@ viewCustom config = , focus = Just config.buttonId } ) - :: (if config.disclosure then - [] - - else - [ Key.tab - (config.focusAndToggle - { isOpen = False - , focus = Nothing - } - ) - , Key.tabBack - (config.focusAndToggle - { isOpen = False - , focus = Nothing - } - ) - ] - ) + :: [ Key.tab + (config.focusAndToggle + { isOpen = False + , focus = Nothing + } + ) + , Key.tabBack + (config.focusAndToggle + { isOpen = False + , focus = Nothing + } + ) + ] ) :: styleContainer ) diff --git a/styleguide-app/Examples/Menu.elm b/styleguide-app/Examples/Menu.elm index 3b31fbfd..fb556888 100644 --- a/styleguide-app/Examples/Menu.elm +++ b/styleguide-app/Examples/Menu.elm @@ -250,12 +250,12 @@ view ellieLinkConfig state = button buttonAttributes [ text "Custom Menu trigger button" ] } ) - , ( "Menu.button (with controls)" + , ( "Menu.button (with Menu.disclosure)" , Menu.view (menuAttributes - ++ List.filterMap identity - [ Just <| Menu.buttonId "with_controls__button" - , Just <| Menu.menuId "with_controls__menu" + ++ [ Menu.buttonId "with_controls__button" + , Menu.menuId "with_controls__menu" + , Menu.disclosure { lastId = Nothing } ] ) { isOpen = isOpen "with_controls" @@ -321,7 +321,6 @@ controlMenuAttributes = |> ControlExtra.optionalBoolListItem "isDisabled" ( "Menu.isDisabled True", Menu.isDisabled True ) |> ControlExtra.optionalListItem "menuWidth" controlMenuWidth |> ControlExtra.optionalBoolListItem "opensOnHover" ( "Menu.opensOnHover True", Menu.opensOnHover True ) - |> ControlExtra.optionalBoolListItem "disclosure" ( "Menu.disclosure True", Menu.disclosure True ) controlAlignment : Control ( String, Menu.Attribute msg ) From dbf1d2c448217029eb7e5c16927733d5fd2c6932 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 15:01:17 -0300 Subject: [PATCH 17/53] Comply with aria attributes for disclosure --- src/Nri/Ui/Menu/V3.elm | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index f52133d3..c8c22b91 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -500,7 +500,12 @@ viewCustom config = [ let buttonAttributes = [ Aria.disabled config.isDisabled - , Aria.hasMenuPopUp + , case config.purpose of + NavMenu -> + Aria.hasMenuPopUp + + Disclosure _ -> + AttributesExtra.none , Aria.expanded config.isOpen , -- Whether the menu is open or closed, move to the -- first menu item if the "down" arrow is pressed From 7a2c284eac1405f3bd141f3fa39c04c9768e2731 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 15:06:47 -0300 Subject: [PATCH 18/53] Update key bindings for disclosure --- src/Nri/Ui/Menu/V3.elm | 37 ++++++++++++++++++++++--------------- 1 file changed, 22 insertions(+), 15 deletions(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index c8c22b91..dee8ff5a 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -445,19 +445,25 @@ viewCustom config = , focus = Just config.buttonId } ) - :: [ Key.tab - (config.focusAndToggle - { isOpen = False - , focus = Nothing - } - ) - , Key.tabBack - (config.focusAndToggle - { isOpen = False - , focus = Nothing - } - ) - ] + :: (case config.purpose of + NavMenu -> + [ Key.tab + (config.focusAndToggle + { isOpen = False + , focus = Nothing + } + ) + , Key.tabBack + (config.focusAndToggle + { isOpen = False + , focus = Nothing + } + ) + ] + + Disclosure _ -> + [] + ) ) :: styleContainer ) @@ -509,8 +515,9 @@ viewCustom config = , Aria.expanded config.isOpen , -- Whether the menu is open or closed, move to the -- first menu item if the "down" arrow is pressed - case ( maybeFirstFocusableElementId, maybeLastFocusableElementId ) of - ( Just firstFocusableElementId, Just lastFocusableElementId ) -> + -- as long as it's not a Disclosed + case ( config.purpose, maybeFirstFocusableElementId, maybeLastFocusableElementId ) of + ( NavMenu, Just firstFocusableElementId, Just lastFocusableElementId ) -> onKeyDownPreventDefault [ Key.down (config.focusAndToggle From 97ead64d23af23726f9dd27c2840b08d65f931a7 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 15:16:37 -0300 Subject: [PATCH 19/53] Make close after the last element is tabbed out --- src/Nri/Ui/Menu/V3.elm | 21 +++++++++++++++++++++ styleguide-app/Examples/Menu.elm | 3 ++- 2 files changed, 23 insertions(+), 1 deletion(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index dee8ff5a..1f850c0a 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -63,6 +63,7 @@ import Nri.Ui.Html.V3 exposing (viewJust) import Nri.Ui.Shadows.V1 as Shadows import Nri.Ui.Svg.V1 as Svg import Nri.Ui.UiIcon.V1 as UiIcon +import Nri.Ui.WhenFocusLeaves.V1 as WhenFocusLeaves {-| -} @@ -465,6 +466,26 @@ viewCustom config = [] ) ) + :: (case config.purpose of + NavMenu -> + AttributesExtra.none + + Disclosure { lastId } -> + WhenFocusLeaves.toAttribute + { firstId = config.buttonId + , lastId = Maybe.withDefault config.buttonId lastId + , tabBackAction = + config.focusAndToggle + { isOpen = False + , focus = Nothing + } + , tabForwardAction = + config.focusAndToggle + { isOpen = False + , focus = Nothing + } + } + ) :: styleContainer ) [ if config.isOpen then diff --git a/styleguide-app/Examples/Menu.elm b/styleguide-app/Examples/Menu.elm index fb556888..03ab9645 100644 --- a/styleguide-app/Examples/Menu.elm +++ b/styleguide-app/Examples/Menu.elm @@ -255,7 +255,7 @@ view ellieLinkConfig state = (menuAttributes ++ [ Menu.buttonId "with_controls__button" , Menu.menuId "with_controls__menu" - , Menu.disclosure { lastId = Nothing } + , Menu.disclosure { lastId = Just "login__button" } ] ) { isOpen = isOpen "with_controls" @@ -270,6 +270,7 @@ view ellieLinkConfig state = , TextInput.view "Password" [] , Button.button "Log in" [ Button.primary + , Button.id "login__button" , Button.fillContainerWidth , Button.css [ Css.marginTop (Css.px 15) ] ] From 8ceb7b8e1a264ba35a28efd67da52737882b7fce Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 15:18:15 -0300 Subject: [PATCH 20/53] Make lastId required for disclosure --- src/Nri/Ui/Menu/V3.elm | 6 +++--- styleguide-app/Examples/Menu.elm | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index 1f850c0a..eaab7182 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -120,7 +120,7 @@ type alias ButtonConfig = type Purpose = NavMenu - | Disclosure { lastId : Maybe String } + | Disclosure { lastId : String } @@ -220,7 +220,7 @@ You will need to pass in the last focusable element in the disclosed content in You may pass a lastId of Nothing if there is NO focusable content within the disclosure. -} -disclosure : { lastId : Maybe String } -> Attribute msg +disclosure : { lastId : String } -> Attribute msg disclosure exitFocusManager = Attribute (\config -> { config | purpose = Disclosure exitFocusManager }) @@ -473,7 +473,7 @@ viewCustom config = Disclosure { lastId } -> WhenFocusLeaves.toAttribute { firstId = config.buttonId - , lastId = Maybe.withDefault config.buttonId lastId + , lastId = lastId , tabBackAction = config.focusAndToggle { isOpen = False diff --git a/styleguide-app/Examples/Menu.elm b/styleguide-app/Examples/Menu.elm index 03ab9645..ee3a0b26 100644 --- a/styleguide-app/Examples/Menu.elm +++ b/styleguide-app/Examples/Menu.elm @@ -255,7 +255,7 @@ view ellieLinkConfig state = (menuAttributes ++ [ Menu.buttonId "with_controls__button" , Menu.menuId "with_controls__menu" - , Menu.disclosure { lastId = Just "login__button" } + , Menu.disclosure { lastId = "login__button" } ] ) { isOpen = isOpen "with_controls" From 41a318d6f94ee878e382756269384c546d17e230 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 17:04:49 -0300 Subject: [PATCH 21/53] Update src/Nri/Ui/Menu/V3.elm Co-authored-by: Tessa --- src/Nri/Ui/Menu/V3.elm | 1 - 1 file changed, 1 deletion(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index db926695..4be310d0 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -217,7 +217,6 @@ You will need to pass in the last focusable element in the disclosed content in - any focusable elements in the disclosed content to be keyboard accessible - the disclosure to close appropriately when the user tabs past all of the disclosed content -You may pass a lastId of Nothing if there is NO focusable content within the disclosure. -} disclosure : { lastId : String } -> Attribute msg From e06981b1984378e66f1365ebf8143fcf83356282 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 17:12:28 -0300 Subject: [PATCH 22/53] Drop role="menu" when Menu.disclosure --- src/Nri/Ui/Menu/V3.elm | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index 4be310d0..96947f40 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -217,7 +217,6 @@ You will need to pass in the last focusable element in the disclosed content in - any focusable elements in the disclosed content to be keyboard accessible - the disclosure to close appropriately when the user tabs past all of the disclosed content - -} disclosure : { lastId : String } -> Attribute msg disclosure exitFocusManager = @@ -601,7 +600,12 @@ viewCustom config = , div [ classList [ ( "Content", True ), ( "ContentVisible", contentVisible ) ] , styleContent contentVisible config - , Role.menu + , case config.purpose of + NavMenu -> + Role.menu + + Disclosure _ -> + AttributesExtra.none , Aria.labelledBy config.buttonId , Attributes.id config.menuId , Aria.hidden (not config.isOpen) From d45bca0a4f4f9b394fa7fbc493fe377287985451 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Fri, 8 Jul 2022 17:26:58 -0300 Subject: [PATCH 23/53] Appease formatter --- styleguide-app/Examples/Menu.elm | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/styleguide-app/Examples/Menu.elm b/styleguide-app/Examples/Menu.elm index ee3a0b26..58cbbb58 100644 --- a/styleguide-app/Examples/Menu.elm +++ b/styleguide-app/Examples/Menu.elm @@ -253,10 +253,10 @@ view ellieLinkConfig state = , ( "Menu.button (with Menu.disclosure)" , Menu.view (menuAttributes - ++ [ Menu.buttonId "with_controls__button" - , Menu.menuId "with_controls__menu" - , Menu.disclosure { lastId = "login__button" } - ] + ++ [ Menu.buttonId "with_controls__button" + , Menu.menuId "with_controls__menu" + , Menu.disclosure { lastId = "login__button" } + ] ) { isOpen = isOpen "with_controls" , focusAndToggle = FocusAndToggle "with_controls" From 917f775131b8de0661dad367d3191608934d1a1c Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 15:26:25 -0700 Subject: [PATCH 24/53] :skull: remove toRawSvg --- src/Nri/Ui/Svg/V1.elm | 9 --------- 1 file changed, 9 deletions(-) diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index c7f68e26..58eafccc 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -2,7 +2,6 @@ module Nri.Ui.Svg.V1 exposing ( Svg , withColor, withLabel, withWidth, withHeight, withCss, withNriDescription , fromHtml, toHtml - , toRawSvg ) {-| @@ -10,7 +9,6 @@ module Nri.Ui.Svg.V1 exposing @docs Svg @docs withColor, withLabel, withWidth, withHeight, withCss, withNriDescription @docs fromHtml, toHtml -@docs toRawSvg -} @@ -130,10 +128,3 @@ toHtml (Svg record) = ++ record.attributes in Html.map never (Html.div attributes [ record.icon ]) - - -{-| Extract an svg, dropping any attributes passed through. --} -toRawSvg : Svg -> Svg.Svg msg -toRawSvg (Svg record) = - Html.map never record.icon From 5983e10cc907eac8ac9ff81730718d3637ad8e3d Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 15:28:36 -0700 Subject: [PATCH 25/53] Remove withNriDescription --- src/Nri/Ui/Message/V3.elm | 4 ---- src/Nri/Ui/Svg/V1.elm | 21 ++------------------- 2 files changed, 2 insertions(+), 23 deletions(-) diff --git a/src/Nri/Ui/Message/V3.elm b/src/Nri/Ui/Message/V3.elm index 4eb800f8..79f090e6 100644 --- a/src/Nri/Ui/Message/V3.elm +++ b/src/Nri/Ui/Message/V3.elm @@ -768,7 +768,6 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Error" - |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Nothing, Alert ) -> @@ -787,7 +786,6 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Alert" - |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Nothing, Tip ) -> @@ -870,7 +868,6 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Success" - |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Just icon_, _ ) -> @@ -878,7 +875,6 @@ 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/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index 58eafccc..fad2ec86 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -1,13 +1,13 @@ module Nri.Ui.Svg.V1 exposing ( Svg - , withColor, withLabel, withWidth, withHeight, withCss, withNriDescription + , withColor, withLabel, withWidth, withHeight, withCss , fromHtml, toHtml ) {-| @docs Svg -@docs withColor, withLabel, withWidth, withHeight, withCss, withNriDescription +@docs withColor, withLabel, withWidth, withHeight, withCss @docs fromHtml, toHtml -} @@ -17,8 +17,6 @@ import Accessibility.Styled.Role as Role import Css exposing (Color) import Html.Styled as Html exposing (Html) import Html.Styled.Attributes as Attributes -import Nri.Ui.Html.Attributes.V2 as AttributesExtra -import Svg.Styled as Svg {-| Opaque type describing a non-interactable Html element. @@ -31,7 +29,6 @@ type Svg , height : Maybe Css.Px , css : List Css.Style , label : Maybe String - , attributes : List (Html.Attribute Never) } @@ -46,7 +43,6 @@ fromHtml icon = , width = Nothing , css = [] , label = Nothing - , attributes = [] } @@ -88,18 +84,6 @@ withCss css (Svg record) = Svg { record | css = record.css ++ css } -{-| -} -withCustom : List (Html.Attribute Never) -> Svg -> Svg -withCustom attributes (Svg record) = - Svg { record | attributes = attributes ++ record.attributes } - - -{-| -} -withNriDescription : String -> Svg -> Svg -withNriDescription description = - withCustom [ AttributesExtra.nriDescription description ] - - {-| Render an svg. -} toHtml : Svg -> Html msg @@ -125,6 +109,5 @@ toHtml (Svg record) = |> Just , Just Role.img ] - ++ record.attributes in Html.map never (Html.div attributes [ record.icon ]) From f1ba22f6b672e889e94f674f9ac1cafe768e8e7c Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 15:32:19 -0700 Subject: [PATCH 26/53] Generalize the docs --- src/Nri/Ui/Svg/V1.elm | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index fad2ec86..b9d41107 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -52,12 +52,11 @@ withColor color (Svg record) = Svg { record | color = Just color } -{-| Add a string aria-label property to the element. +{-| Add a title to the svg. Note that when the label is _not_ present, the icon will be entirely hidden from screenreader users. -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. +Read [Carie Fisher's "Accessible Svgs"](https://www.smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/) article to learn more about accessible svgs. -Note that when the label is _not_ present, `aria-hidden` will be added. See for a quick summary on why. +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. -} withLabel : String -> Svg -> Svg From 60d39c8ca370e4cb6e219301aac08ec93ac79039 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 15:50:24 -0700 Subject: [PATCH 27/53] Aggressively remove the container div Converting to use the new API remains --- src/Nri/Ui/Svg/V1.elm | 76 ++++++++++++++++++++++++++----------------- 1 file changed, 46 insertions(+), 30 deletions(-) diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index b9d41107..da286ac7 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -1,41 +1,43 @@ module Nri.Ui.Svg.V1 exposing - ( Svg + ( Svg, withViewBox , withColor, withLabel, withWidth, withHeight, withCss - , fromHtml, toHtml + , init, render ) {-| -@docs Svg +@docs Svg, withViewBox @docs withColor, withLabel, withWidth, withHeight, withCss -@docs fromHtml, toHtml +@docs init, render -} import Accessibility.Styled.Aria as Aria import Accessibility.Styled.Role as Role import Css exposing (Color) -import Html.Styled as Html exposing (Html) -import Html.Styled.Attributes as Attributes +import Nri.Ui.Colors.Extra exposing (toCssString) +import Svg.Styled +import Svg.Styled.Attributes exposing (..) {-| Opaque type describing a non-interactable Html element. -} type Svg = Svg - { icon : Html Never + { icon : List (Svg.Styled.Svg Never) , color : Maybe Color , width : Maybe Css.Px , height : Maybe Css.Px , css : List Css.Style , label : Maybe String + , viewBox : String } {-| Tag html as being an svg. -} -fromHtml : Html Never -> Svg -fromHtml icon = +init : List (Svg.Styled.Svg Never) -> Svg +init icon = Svg { icon = icon , color = Nothing @@ -43,6 +45,7 @@ fromHtml icon = , width = Nothing , css = [] , label = Nothing + , viewBox = "0 0 25 25" } @@ -83,30 +86,43 @@ withCss css (Svg record) = Svg { record | css = record.css ++ css } +{-| -} +withViewBox : String -> Svg -> Svg +withViewBox viewBox (Svg record) = + Svg { record | viewBox = viewBox } + + {-| Render an svg. -} -toHtml : Svg -> Html msg -toHtml (Svg record) = +render : Svg -> Svg.Styled.Svg msg +render (Svg record) = let - css = - List.filterMap identity - [ Maybe.map Css.color record.color - , Maybe.map Css.width record.width - , Maybe.map Css.height record.height - ] - ++ record.css + width = + Maybe.map Css.width record.width + |> Maybe.withDefault (Css.width (Css.pct 100)) - attributes = - List.filterMap identity - [ if List.isEmpty css then - Nothing + height = + Maybe.map Css.height record.height + |> Maybe.withDefault (Css.height (Css.pct 100)) - else - Just (Attributes.css (Css.display Css.inlineBlock :: css)) - , Maybe.map Aria.label record.label - |> Maybe.withDefault (Aria.hidden True) - |> Just - , Just Role.img - ] + color = + fill (Maybe.withDefault "currentcolor" (Maybe.map toCssString record.color)) in - Html.map never (Html.div attributes [ record.icon ]) + Svg.Styled.svg + ([ Just (viewBox record.viewBox) + , Just color + , -- TODO: what css is supported on this svg node? + Just (css (width :: height :: record.css)) + , -- TODO: Use a title svg node instead + Maybe.map Aria.label record.label + |> Maybe.withDefault (Aria.hidden True) + |> Just + , -- TODO: double check property + Just Role.img + + -- TODO: make sure svg is not focusable + ] + |> List.filterMap identity + ) + record.icon + |> Svg.Styled.map never From d4b9aeb505479bea37d5c4ab5be4f2419f8dcf6b Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 16:46:56 -0700 Subject: [PATCH 28/53] Use new API --- src/CheckboxIcons.elm | 37 +- src/Nri/Ui/AssignmentIcon/V2.elm | 197 +------ src/Nri/Ui/Loading/V1.elm | 7 +- src/Nri/Ui/Logo/V1.elm | 95 +--- src/Nri/Ui/MasteryIcon/V1.elm | 39 +- src/Nri/Ui/Pennant/V2.elm | 25 +- src/Nri/Ui/RadioButton/V4.elm | 9 +- src/Nri/Ui/SpriteSheet.elm | 55 +- src/Nri/Ui/Svg/V1.elm | 59 ++- src/Nri/Ui/Switch/V2.elm | 25 +- src/Nri/Ui/UiIcon/V1.elm | 816 ++++------------------------- styleguide-app/Examples/Sprite.elm | 7 +- 12 files changed, 238 insertions(+), 1133 deletions(-) diff --git a/src/CheckboxIcons.elm b/src/CheckboxIcons.elm index 5708aa67..a0d67c59 100644 --- a/src/CheckboxIcons.elm +++ b/src/CheckboxIcons.elm @@ -5,6 +5,7 @@ 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) @@ -21,11 +22,7 @@ unchecked idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Svg.svg - [ SvgAttributes.width "27px" - , SvgAttributes.height "27px" - , SvgAttributes.viewBox viewBox - ] + Nri.Ui.Svg.V1.init viewBox [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -79,7 +76,8 @@ unchecked idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withWidth (Css.px 27) + |> Nri.Ui.Svg.V1.withHeight (Css.px 27) checked : String -> Svg @@ -91,11 +89,7 @@ checked idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Svg.svg - [ SvgAttributes.width "27px" - , SvgAttributes.height "27px" - , SvgAttributes.viewBox viewBox - ] + Nri.Ui.Svg.V1.init viewBox [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -158,7 +152,8 @@ checked idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withWidth (Css.px 27) + |> Nri.Ui.Svg.V1.withHeight (Css.px 27) checkedPartially : String -> Svg @@ -170,11 +165,7 @@ checkedPartially idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Svg.svg - [ SvgAttributes.width "27px" - , SvgAttributes.height "27px" - , SvgAttributes.viewBox viewBox - ] + Nri.Ui.Svg.V1.init viewBox [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -236,7 +227,8 @@ checkedPartially idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withWidth (Css.px 27) + |> Nri.Ui.Svg.V1.withHeight (Css.px 27) viewBox : String @@ -270,11 +262,7 @@ lockOnInside idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Svg.svg - [ SvgAttributes.width "27px" - , SvgAttributes.height "27px" - , SvgAttributes.viewBox viewBox - ] + Nri.Ui.Svg.V1.init viewBox [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -357,4 +345,5 @@ lockOnInside idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withWidth (Css.px 27) + |> Nri.Ui.Svg.V1.withHeight (Css.px 27) diff --git a/src/Nri/Ui/AssignmentIcon/V2.elm b/src/Nri/Ui/AssignmentIcon/V2.elm index 716f3f36..fbe14559 100644 --- a/src/Nri/Ui/AssignmentIcon/V2.elm +++ b/src/Nri/Ui/AssignmentIcon/V2.elm @@ -63,24 +63,14 @@ import Svg.Styled.Attributes as Attributes {-| -} diagnostic : Nri.Ui.Svg.V1.Svg diagnostic = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 43.8 41" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 43.8 41" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 57 58" - ] + Nri.Ui.Svg.V1.init "0 0 57 58" [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -90,30 +80,19 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 42.1 42" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 42.1 42" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 50 46" - ] + Nri.Ui.Svg.V1.init "0 0 50 46" [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -128,17 +107,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 48 37" - ] + Nri.Ui.Svg.V1.init "0 0 48 37" [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -149,49 +123,32 @@ quickWrite = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} guidedDraft : Nri.Ui.Svg.V1.Svg guidedDraft = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 98 72" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 98 72" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 -7 64 84" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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" @@ -207,36 +164,24 @@ submitting = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} rating : Nri.Ui.Svg.V1.Svg rating = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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" ] @@ -256,41 +201,32 @@ revising = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} startPrimary : Nri.Ui.Svg.V1.Svg startPrimary = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 50 50" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 60 50 51" - , Attributes.fill "#fff" - ] + Nri.Ui.Svg.V1.init "0 60 50 51" [ 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 @@ -300,18 +236,12 @@ startSecondary = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} assessment : Nri.Ui.Svg.V1.Svg assessment = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -321,43 +251,30 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 71 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 71 70" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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 {-| -} @@ -376,12 +293,7 @@ modules = fullWidthStr = String.fromFloat fullWidth in - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox <| "0 0 " ++ fullWidthStr ++ " " ++ fullWidthStr - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init ("0 0 " ++ fullWidthStr ++ " " ++ fullWidthStr) [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -393,18 +305,12 @@ modules = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} writing : Nri.Ui.Svg.V1.Svg writing = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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" ] [] @@ -417,35 +323,23 @@ writing = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} passageQuizCircled : Nri.Ui.Svg.V1.Svg passageQuizCircled = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 71 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 71 70" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 71" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 71" [ 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" ] @@ -456,18 +350,12 @@ planningDiagnosticCircled = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} quizCircled : Nri.Ui.Svg.V1.Svg quizCircled = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 71" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 71" [ 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" ] [] @@ -480,35 +368,23 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 71 71" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 71 71" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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" ] @@ -517,36 +393,24 @@ quickWriteCircled = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} guidedDraftCircled : Nri.Ui.Svg.V1.Svg guidedDraftCircled = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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" ] [] @@ -554,18 +418,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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" ] [] @@ -574,4 +432,3 @@ 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/Loading/V1.elm b/src/Nri/Ui/Loading/V1.elm index 9211a0c0..dfbc3452 100644 --- a/src/Nri/Ui/Loading/V1.elm +++ b/src/Nri/Ui/Loading/V1.elm @@ -78,11 +78,7 @@ spinningPencil = {-| -} spinningDots : Nri.Ui.Svg.V1.Svg spinningDots = - Svg.svg - [ SvgAttributes.width "100%" - , SvgAttributes.height "100%" - , SvgAttributes.viewBox "0 0 12.54 12.54" - ] + Nri.Ui.Svg.V1.init "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)" ] [] @@ -92,7 +88,6 @@ 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 f9f919c1..862a25f3 100644 --- a/src/Nri/Ui/Logo/V1.elm +++ b/src/Nri/Ui/Logo/V1.elm @@ -22,6 +22,9 @@ 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 @@ -30,18 +33,13 @@ import Svg.Styled.Attributes as Attributes {-| -} noredink : Nri.Ui.Svg.V1.Svg noredink = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 109 24" - ] + Nri.Ui.Svg.V1.init "0 0 109 24" [ Svg.g [ Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.path - [ Attributes.fill "#F3336C" + [ Attributes.fill (toCssString Colors.red) , 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" ] [] @@ -51,41 +49,29 @@ noredink = ] [] , Svg.path - [ Attributes.fill "#F3336C" + [ Attributes.fill (toCssString Colors.red) , 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 10 19" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 87 20" - ] + Nri.Ui.Svg.V1.init "0 0 87 20" [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -95,17 +81,12 @@ clever = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} cleverC : Nri.Ui.Svg.V1.Svg cleverC = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 39 44" - ] + Nri.Ui.Svg.V1.init "0 0 39 44" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -119,17 +100,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 580 198" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -144,35 +120,23 @@ cleverLibrary = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} twitter : Nri.Ui.Svg.V1.Svg twitter = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 16" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 20" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -196,14 +160,12 @@ googleClassroom = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} googleG : Nri.Ui.Svg.V1.Svg googleG = - Svg.svg - [ Attributes.viewBox "0 0 43 44" ] + Nri.Ui.Svg.V1.init "0 0 43 44" [ Svg.defs [] [ Svg.style [] [ Svg.text ".googleG-icon-clip-path-class{clip-path:url(#googleG-icon-clip-path);}" ] @@ -220,18 +182,12 @@ 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 = - Svg.svg - [ Attributes.viewBox "200 250 400 115" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "#E72429" - ] + Nri.Ui.Svg.V1.init "200 250 400 115" [ 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" ] [] @@ -261,34 +217,25 @@ canvas = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withColor (Css.hex "#E72429") {-| -} canvasCircle : Nri.Ui.Svg.V1.Svg canvasCircle = - Svg.svg - [ Attributes.viewBox "0 0 200 200" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 200 200" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 928 163" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 928 163" [ 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" @@ -305,17 +252,12 @@ 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 = - Svg.svg - [ Attributes.viewBox "0 0 163 163" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 163 163" [ 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" @@ -329,4 +271,3 @@ schoologyCircle = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/MasteryIcon/V1.elm b/src/Nri/Ui/MasteryIcon/V1.elm index c0c170c2..748b294f 100644 --- a/src/Nri/Ui/MasteryIcon/V1.elm +++ b/src/Nri/Ui/MasteryIcon/V1.elm @@ -14,79 +14,51 @@ import Svg.Styled.Attributes as Attributes {-| -} levelZero : Nri.Ui.Svg.V1.Svg levelZero = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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" @@ -108,4 +80,3 @@ levelFour = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/Pennant/V2.elm b/src/Nri/Ui/Pennant/V2.elm index 256a3202..a9c08bbf 100644 --- a/src/Nri/Ui/Pennant/V2.elm +++ b/src/Nri/Ui/Pennant/V2.elm @@ -6,6 +6,8 @@ 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 @@ -14,11 +16,7 @@ import Svg.Styled.Attributes as Attributes {-| -} premiumFlag : Svg premiumFlag = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 18" - ] + Nri.Ui.Svg.V1.init "0 0 25 18" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -49,17 +47,12 @@ premiumFlag = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} disabledPremiumFlag : Nri.Ui.Svg.V1.Svg disabledPremiumFlag = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 18" - ] + Nri.Ui.Svg.V1.init "0 0 25 18" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -90,17 +83,12 @@ disabledPremiumFlag = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} expiredPremiumFlag : Nri.Ui.Svg.V1.Svg expiredPremiumFlag = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 18" - ] + Nri.Ui.Svg.V1.init "0 0 25 18" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -117,7 +105,7 @@ expiredPremiumFlag = [ Attributes.transform "translate(0.000000, 446.000000)" ] [ Svg.polygon - [ Attributes.fill "#F3336C" + [ Attributes.fill (toCssString Colors.red) , 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" ] [] @@ -131,4 +119,3 @@ expiredPremiumFlag = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/RadioButton/V4.elm b/src/Nri/Ui/RadioButton/V4.elm index 00893d5e..e2101b7a 100644 --- a/src/Nri/Ui/RadioButton/V4.elm +++ b/src/Nri/Ui/RadioButton/V4.elm @@ -577,7 +577,7 @@ radioInputIcon config = unselectedSvg : Svg unselectedSvg = - Svg.svg [ SvgAttributes.viewBox "0 0 27 27" ] + Nri.Ui.Svg.V1.init "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,13 +607,12 @@ unselectedSvg = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml |> withImageBorder Colors.gray75 selectedSvg : Svg selectedSvg = - Svg.svg [ SvgAttributes.viewBox "0 0 27 27" ] + Nri.Ui.Svg.V1.init "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 @@ -652,13 +651,12 @@ selectedSvg = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml |> withImageBorder Colors.azure lockedSvg : Svg lockedSvg = - Svg.svg [ SvgAttributes.viewBox "0 0 30 30" ] + Nri.Ui.Svg.V1.init "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" ] [] ] @@ -700,7 +698,6 @@ lockedSvg = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml |> withImageBorder Colors.gray75 diff --git a/src/Nri/Ui/SpriteSheet.elm b/src/Nri/Ui/SpriteSheet.elm index 07dae0db..81630b8e 100644 --- a/src/Nri/Ui/SpriteSheet.elm +++ b/src/Nri/Ui/SpriteSheet.elm @@ -6,7 +6,7 @@ module Nri.Ui.SpriteSheet exposing , xSvg ) -{-| +{-| TODO: is this file used??? @docs arrowLeft @docs bulb @@ -16,17 +16,16 @@ module Nri.Ui.SpriteSheet exposing -} -import Html.Styled exposing (..) +import Css import Nri.Ui.Svg.V1 as NriSvg -import Svg exposing (..) -import Svg.Attributes exposing (..) +import Svg.Styled as Svg exposing (..) +import Svg.Styled.Attributes as Attributes exposing (..) {-| -} exclamationMark : NriSvg.Svg exclamationMark = - Svg.svg - [ viewBox "0 0 4 12", width "100%", height "100%" ] + NriSvg.init "0 0 4 12" [ 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" @@ -34,42 +33,25 @@ exclamationMark = ] [] ] - |> 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%" - ] + NriSvg.init "0 0 21.7 17.1" [ 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 + |> NriSvg.withCss [ Css.property "enable-background" "new 0 0 21.7 17.1" ] {-| -} 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%" - ] + NriSvg.init "0 0 23 25" [ Svg.style [] [ Svg.text ".blub-st0{fill:#FEC709;} " ] , g [] [ g [ transform "translate(-261.000000, -371.000000)" ] @@ -144,41 +126,26 @@ bulb = ] ] ] - |> fromUnstyled - |> NriSvg.fromHtml + |> NriSvg.withCss [ Css.property "enable-background" "new 0 0 21.7 17.1" ] {-| -} arrowLeft : NriSvg.Svg arrowLeft = - svg - [ viewBox "0 0 25 25" - , width "100%" - , height "100%" - , fill "currentcolor" - ] + NriSvg.init "0 0 25 25" [ 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" - ] + NriSvg.init "0 0 25 25" [ 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 da286ac7..c0385d61 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -1,14 +1,14 @@ module Nri.Ui.Svg.V1 exposing - ( Svg, withViewBox - , withColor, withLabel, withWidth, withHeight, withCss - , init, render + ( Svg + , withColor, withLabel, withWidth, withHeight, withCss, withCustom + , init, toHtml ) {-| @docs Svg, withViewBox -@docs withColor, withLabel, withWidth, withHeight, withCss -@docs init, render +@docs withColor, withLabel, withWidth, withHeight, withCss, withCustom +@docs init, toHtml -} @@ -31,13 +31,14 @@ type Svg , css : List Css.Style , label : Maybe String , viewBox : String + , attributes : List (Svg.Styled.Attribute Never) } -{-| Tag html as being an svg. +{-| Pass through the viewbox as the first argument and the contents of the svg node as the second argument. -} -init : List (Svg.Styled.Svg Never) -> Svg -init icon = +init : String -> List (Svg.Styled.Svg Never) -> Svg +init viewBox icon = Svg { icon = icon , color = Nothing @@ -45,7 +46,8 @@ init icon = , width = Nothing , css = [] , label = Nothing - , viewBox = "0 0 25 25" + , viewBox = viewBox + , attributes = [] } @@ -87,15 +89,15 @@ withCss css (Svg record) = {-| -} -withViewBox : String -> Svg -> Svg -withViewBox viewBox (Svg record) = - Svg { record | viewBox = viewBox } +withCustom : List (Svg.Styled.Attribute Never) -> Svg -> Svg +withCustom attributes (Svg record) = + Svg { record | attributes = record.attributes ++ attributes } -{-| Render an svg. +{-| render an svg. -} -render : Svg -> Svg.Styled.Svg msg -render (Svg record) = +toHtml : Svg -> Svg.Styled.Svg msg +toHtml (Svg record) = let width = Maybe.map Css.width record.width @@ -109,20 +111,21 @@ render (Svg record) = fill (Maybe.withDefault "currentcolor" (Maybe.map toCssString record.color)) in Svg.Styled.svg - ([ Just (viewBox record.viewBox) - , Just color - , -- TODO: what css is supported on this svg node? - Just (css (width :: height :: record.css)) - , -- TODO: Use a title svg node instead - Maybe.map Aria.label record.label - |> Maybe.withDefault (Aria.hidden True) - |> Just - , -- TODO: double check property - Just Role.img + (List.filterMap identity + [ Just (viewBox record.viewBox) + , Just color + , -- TODO: what css is supported on this svg node? + Just (css (width :: height :: record.css)) + , -- TODO: Use a title svg node instead + Maybe.map Aria.label record.label + |> Maybe.withDefault (Aria.hidden True) + |> Just + , -- TODO: double check property + Just Role.img - -- TODO: make sure svg is not focusable - ] - |> List.filterMap identity + -- TODO: make sure svg is not focusable + ] + ++ record.attributes ) record.icon |> Svg.Styled.map never diff --git a/src/Nri/Ui/Switch/V2.elm b/src/Nri/Ui/Switch/V2.elm index e4b25182..fa901096 100644 --- a/src/Nri/Ui/Switch/V2.elm +++ b/src/Nri/Ui/Switch/V2.elm @@ -244,19 +244,7 @@ viewSwitch config = shadowBoxId = config.id ++ "-shadow-box" in - 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) - ] - ] + Nri.Ui.Svg.V1.init "0 0 43 32" [ Svg.defs [] [ Svg.filter [ SvgAttributes.id shadowFilterId @@ -366,7 +354,16 @@ viewSwitch config = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> 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) + ] stroke : Color -> Style diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index 0ab43f3c..a4a1416f 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -77,6 +77,7 @@ 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 @@ -85,11 +86,7 @@ import Svg.Styled.Attributes as Attributes {-| -} unarchive : Nri.Ui.Svg.V1.Svg unarchive = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ Svg.path [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -97,18 +94,12 @@ unarchive = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} archive : Nri.Ui.Svg.V1.Svg archive = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 24" - ] + Nri.Ui.Svg.V1.init "0 0 25 24" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -117,18 +108,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 30 30" - ] + Nri.Ui.Svg.V1.init "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" ] @@ -149,49 +134,30 @@ share = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} seeMore : Nri.Ui.Svg.V1.Svg seeMore = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 30 30" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 5 25 15" - , Attributes.fillRule "evenodd" - ] + Nri.Ui.Svg.V1.init "0 5 25 15" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 20" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ Svg.g [ Attributes.transform "translate(-188.000000, -218.000000)" ] @@ -211,18 +177,12 @@ copyToClipboard = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} performance : Nri.Ui.Svg.V1.Svg performance = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -233,100 +193,65 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 14 12" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 30 30" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 23 25" - ] + Nri.Ui.Svg.V1.init "0 0 23 25" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -344,33 +269,22 @@ emptyCalendar = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} calendar : Nri.Ui.Svg.V1.Svg calendar = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 74 100" - ] + Nri.Ui.Svg.V1.init "0 0 74 100" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -402,32 +316,21 @@ missingDocument = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} document : Nri.Ui.Svg.V1.Svg document = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 24 30" - ] + Nri.Ui.Svg.V1.init "0 0 24 30" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -445,17 +348,12 @@ documents = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} leaderboard : Nri.Ui.Svg.V1.Svg leaderboard = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 15" - ] + Nri.Ui.Svg.V1.init "0 0 20 15" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -479,45 +377,27 @@ leaderboard = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} class : Nri.Ui.Svg.V1.Svg class = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 18 18" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 100" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -525,78 +405,48 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 15 15" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 18" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 63 63" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "-25 05 25 15" - ] + Nri.Ui.Svg.V1.init "-25 05 25 15" [ Svg.path [ Attributes.transform "rotate(90)" , Attributes.fillRule "evenodd" @@ -604,18 +454,12 @@ arrowTop = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowRight : Nri.Ui.Svg.V1.Svg arrowRight = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 5 25 15" - ] + Nri.Ui.Svg.V1.init "0 5 25 15" [ Svg.path [ Attributes.transform "rotate(180) translate(-25, -25)" , Attributes.fillRule "evenodd" @@ -623,18 +467,12 @@ arrowRight = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowDown : Nri.Ui.Svg.V1.Svg arrowDown = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 15" - ] + Nri.Ui.Svg.V1.init "0 0 25 15" [ Svg.path [ Attributes.transform "rotate(270) translate(-20)" , Attributes.fillRule "evenodd" @@ -642,91 +480,53 @@ arrowDown = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowLeft : Nri.Ui.Svg.V1.Svg arrowLeft = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 5 25 15" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 20" - ] + Nri.Ui.Svg.V1.init "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 = - sortArrow_ [] - |> Nri.Ui.Svg.V1.fromHtml + Nri.Ui.Svg.V1.init "0 0 8 6" + [ Svg.polygon [ Attributes.points "0 6 4 0 8 6 0 6" ] [] ] {-| -} sortArrowDown : Nri.Ui.Svg.V1.Svg sortArrowDown = - sortArrow_ [ Attributes.transform "rotate(180)" ] - |> Nri.Ui.Svg.V1.fromHtml + Nri.Ui.Svg.V1.withCustom [ Attributes.transform "rotate(180)" ] sortArrow {-| -} checkmark : Nri.Ui.Svg.V1.Svg checkmark = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21.7 17.1" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 50 50" - ] + Nri.Ui.Svg.V1.init "0 0 50 50" [ Svg.g [] [ Svg.circle [ Attributes.cx "25" @@ -741,17 +541,12 @@ checkmarkInCircle = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} checkmarkInCircleInverse : Nri.Ui.Svg.V1.Svg checkmarkInCircleInverse = - Svg.svg - [ Attributes.viewBox "0 0 75 75" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 75 75" [ Svg.g [] [ Svg.path [ Attributes.fill "currentcolor" @@ -761,17 +556,12 @@ checkmarkInCircleInverse = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} emptyCircle : Nri.Ui.Svg.V1.Svg emptyCircle = - Svg.svg - [ Attributes.viewBox "0 0 75 75" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 75 75" [ Svg.g [] [ Svg.path [ Attributes.fill "currentcolor" @@ -781,30 +571,19 @@ emptyCircle = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} x : Nri.Ui.Svg.V1.Svg x = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 50 50" - ] + Nri.Ui.Svg.V1.init "0 0 50 50" [ Svg.circle [ Attributes.fill "currentcolor" , Attributes.cx "25" @@ -819,31 +598,19 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 15 15" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 5.05 15.43" - ] + Nri.Ui.Svg.V1.init "0 0 5.05 15.43" [ Svg.ellipse [ Attributes.cx "2.52" , Attributes.cy "13.71" @@ -856,35 +623,25 @@ attention = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} flag : Nri.Ui.Svg.V1.Svg flag = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "#F3336C" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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.fromHtml + |> Nri.Ui.Svg.V1.withColor Colors.red {-| -} star : Nri.Ui.Svg.V1.Svg star = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 24" - ] + Nri.Ui.Svg.V1.init "0 0 25 24" [ Svg.defs [] [ Svg.path [ Attributes.id "stara" @@ -946,34 +703,24 @@ star = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} starFilled : Nri.Ui.Svg.V1.Svg starFilled = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 24" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "-1 -0.5 27 25" - ] + Nri.Ui.Svg.V1.init "-1 -0.5 27 25" [ Svg.path [ Attributes.fill "none" , Attributes.stroke "currentcolor" @@ -982,18 +729,12 @@ starOutline = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} compass : Nri.Ui.Svg.V1.Svg compass = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 27 27" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1006,95 +747,67 @@ compass = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} activity : Nri.Ui.Svg.V1.Svg activity = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 20" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 15 20" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 20" - , Attributes.fill "none" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ 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 @@ -1103,17 +816,12 @@ playInCircle = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} play : Nri.Ui.Svg.V1.Svg play = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 23 25" - ] + Nri.Ui.Svg.V1.init "0 0 23 25" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1126,27 +834,23 @@ play = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} stopInCircle : Nri.Ui.Svg.V1.Svg stopInCircle = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 20" - , Attributes.fill "none" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ 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 @@ -1159,27 +863,23 @@ stopInCircle = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} pauseInCircle : Nri.Ui.Svg.V1.Svg pauseInCircle = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 20" - , Attributes.fill "none" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ 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 @@ -1201,17 +901,12 @@ pauseInCircle = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} equals : Nri.Ui.Svg.V1.Svg equals = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 15" - ] + Nri.Ui.Svg.V1.init "0 0 25 15" [ Svg.g [ Attributes.transform "translate(-191.000000, -1433.000000)" , Attributes.fill "currentcolor" @@ -1236,49 +931,32 @@ equals = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} plus : Nri.Ui.Svg.V1.Svg plus = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 23 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 17 25" - ] + Nri.Ui.Svg.V1.init "0 0 17 25" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1304,7 +982,6 @@ baldBulb = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| `bulb` will be removed in a future version of noredink-ui. @@ -1320,61 +997,39 @@ bulb = {-| -} help : Nri.Ui.Svg.V1.Svg help = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 64 71" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 18 24" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 19 26" - ] + Nri.Ui.Svg.V1.init "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" @@ -1396,80 +1051,51 @@ premiumLock = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} badge : Nri.Ui.Svg.V1.Svg badge = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 90 100" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 15 15" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 16" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 89 97" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 100 83" - ] + Nri.Ui.Svg.V1.init "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" @@ -1508,17 +1134,12 @@ sprout = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} sapling : Nri.Ui.Svg.V1.Svg sapling = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 100 191" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1530,18 +1151,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 100" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1562,73 +1177,43 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 13.6 13.9" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 9.5 13.9" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 17 19" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 16 12.6" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 100" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1636,109 +1221,68 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 18 8" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 18 8" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 18" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 20 18" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 30 30" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 30 30" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 21" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 21" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 31 31" - ] + Nri.Ui.Svg.V1.init "0 0 31 31" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1759,35 +1303,23 @@ searchInCicle = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} speechBalloon : Nri.Ui.Svg.V1.Svg speechBalloon = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "6 4 29 27" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 27 27" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1795,18 +1327,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 27 27" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1814,18 +1340,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 16 13" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1841,17 +1361,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 27 24" - ] + Nri.Ui.Svg.V1.init "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)" ] @@ -1909,32 +1424,20 @@ openBooks = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} null : Nri.Ui.Svg.V1.Svg null = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 100" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 68 51" - ] + Nri.Ui.Svg.V1.init "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" @@ -1942,18 +1445,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 68 51" - ] + Nri.Ui.Svg.V1.init "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" @@ -1961,64 +1458,40 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 88 63" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.viewBox "0 0 25 25" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 91 87" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 91 87" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 71 100" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 71 100" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2031,18 +1504,12 @@ microscope = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} tada : Nri.Ui.Svg.V1.Svg tada = - Svg.svg - [ Attributes.viewBox "0 0 21 21" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 21 21" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2063,17 +1530,12 @@ tada = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} openInNewTab : Nri.Ui.Svg.V1.Svg openInNewTab = - Svg.svg - [ Attributes.viewBox "0 0 74 74" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 74 74" [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" @@ -2088,18 +1550,12 @@ openInNewTab = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} sync : Nri.Ui.Svg.V1.Svg sync = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 62 62" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 62 62" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2120,19 +1576,12 @@ sync = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} flagUs : Nri.Ui.Svg.V1.Svg flagUs = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 92 64" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 92 64" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2187,19 +1636,12 @@ flagUs = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} school : Nri.Ui.Svg.V1.Svg school = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 90 96" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 90 96" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2218,19 +1660,12 @@ school = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} highSchool : Nri.Ui.Svg.V1.Svg highSchool = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 97" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 100 97" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2269,19 +1704,12 @@ highSchool = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} company : Nri.Ui.Svg.V1.Svg company = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 55 67" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 55 67" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2308,19 +1736,12 @@ company = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} homeSchool : Nri.Ui.Svg.V1.Svg homeSchool = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2338,19 +1759,12 @@ homeSchool = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} globe : Nri.Ui.Svg.V1.Svg globe = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 101 101" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 101 101" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2379,19 +1793,12 @@ globe = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} graduateCap : Nri.Ui.Svg.V1.Svg graduateCap = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 101 65" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 101 65" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2414,4 +1821,3 @@ graduateCap = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml diff --git a/styleguide-app/Examples/Sprite.elm b/styleguide-app/Examples/Sprite.elm index 571c76e0..d4d01be4 100644 --- a/styleguide-app/Examples/Sprite.elm +++ b/styleguide-app/Examples/Sprite.elm @@ -58,9 +58,4 @@ sprites = viewSprite : SpriteId -> Svg viewSprite id = - svg - [ Attributes.width "100%" - , Attributes.height "100%" - ] - [ Sprite.use id ] - |> Svg.fromHtml + Svg.init "" [ Sprite.use id ] From ca6328f562ee2713bfc98dbf85064b7c5d5506a0 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 17:12:24 -0700 Subject: [PATCH 29/53] Use title to attach info --- src/Nri/Ui/Svg/V1.elm | 16 +++++++++++----- styleguide-app/Examples/Svg.elm | 2 +- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index c0385d61..24075172 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -15,6 +15,7 @@ module Nri.Ui.Svg.V1 exposing import Accessibility.Styled.Aria as Aria import Accessibility.Styled.Role as Role import Css exposing (Color) +import Html.Styled.Attributes import Nri.Ui.Colors.Extra exposing (toCssString) import Svg.Styled import Svg.Styled.Attributes exposing (..) @@ -120,12 +121,17 @@ toHtml (Svg record) = Maybe.map Aria.label record.label |> Maybe.withDefault (Aria.hidden True) |> Just - , -- TODO: double check property - Just Role.img - - -- TODO: make sure svg is not focusable + , Just Role.img + , Just (Html.Styled.Attributes.attribute "focusable" "false") ] ++ record.attributes ) - record.icon + (case record.label of + Just label -> + Svg.Styled.title [] [ Svg.Styled.text label ] + :: record.icon + + Nothing -> + record.icon + ) |> Svg.Styled.map never diff --git a/styleguide-app/Examples/Svg.elm b/styleguide-app/Examples/Svg.elm index 7629b386..fe9fcc70 100644 --- a/styleguide-app/Examples/Svg.elm +++ b/styleguide-app/Examples/Svg.elm @@ -78,7 +78,7 @@ viewSettings state = [] ] , Html.label [] - [ Html.text "Aria-label: " + [ Html.text "Title: " , Html.input [ Attributes.value state.label , Events.onInput SetLabel From 931e66bc8f2e31e1096785a9f7ee5a3014698edc Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 17:14:31 -0700 Subject: [PATCH 30/53] :skull: remove old spritesheet --- src/Nri/Ui/DisclosureIndicator/V2.elm | 47 ++---- src/Nri/Ui/Modal/V11.elm | 56 ++++--- src/Nri/Ui/SpriteSheet.elm | 151 ------------------ styleguide-app/Examples/Accordion.elm | 11 +- .../Examples/DisclosureIndicator.elm | 14 +- 5 files changed, 59 insertions(+), 220 deletions(-) delete mode 100644 src/Nri/Ui/SpriteSheet.elm diff --git a/src/Nri/Ui/DisclosureIndicator/V2.elm b/src/Nri/Ui/DisclosureIndicator/V2.elm index 11cc7dd7..54277995 100644 --- a/src/Nri/Ui/DisclosureIndicator/V2.elm +++ b/src/Nri/Ui/DisclosureIndicator/V2.elm @@ -20,21 +20,19 @@ 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.SpriteSheet exposing (arrowLeft) -import Nri.Ui.Svg.V1 as NriSvg +import Nri.Ui.Svg.V1 as Svg exposing (Svg) +import Nri.Ui.UiIcon.V1 as UiIcon {-| -} -medium : List Css.Style -> Bool -> Html msg +medium : List Css.Style -> Bool -> Svg medium styles isOpen = view { isOpen = isOpen, size = px 15, styles = styles } {-| -} -large : List Css.Style -> Bool -> Html msg +large : List Css.Style -> Bool -> Svg large styles isOpen = view { isOpen = isOpen, size = px 17, styles = styles } @@ -45,32 +43,19 @@ view : , size : Css.Px , styles : List Css.Style } - -> Html msg + -> Svg view { styles, size, isOpen } = - div - [ css - ([ Css.display Css.inlineBlock - , cursor pointer - , minWidth size - , minHeight size - , maxWidth size - , maxHeight size + 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)) ] ++ 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/Modal/V11.elm b/src/Nri/Ui/Modal/V11.elm index 62cefa5f..0cbddf78 100644 --- a/src/Nri/Ui/Modal/V11.elm +++ b/src/Nri/Ui/Modal/V11.elm @@ -170,6 +170,7 @@ 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) @@ -177,8 +178,7 @@ 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.SpriteSheet -import Nri.Ui.Svg.V1 +import Nri.Ui.UiIcon.V1 as UiIcon import Task @@ -721,34 +721,32 @@ closeButtonId = {-| -} viewCloseButton : msg -> Html msg viewCloseButton closeModal = - 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 + 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 - -- 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 ] - ] - :: Attrs.id closeButtonId - :: [] - ) - [ Nri.Ui.Svg.V1.toHtml Nri.Ui.SpriteSheet.xSvg + -- 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 ] + ] ] diff --git a/src/Nri/Ui/SpriteSheet.elm b/src/Nri/Ui/SpriteSheet.elm deleted file mode 100644 index 81630b8e..00000000 --- a/src/Nri/Ui/SpriteSheet.elm +++ /dev/null @@ -1,151 +0,0 @@ -module Nri.Ui.SpriteSheet exposing - ( arrowLeft - , bulb - , checkmark - , exclamationMark - , xSvg - ) - -{-| TODO: is this file used??? - -@docs arrowLeft -@docs bulb -@docs checkmark -@docs exclamationMark -@docs xSvg - --} - -import Css -import Nri.Ui.Svg.V1 as NriSvg -import Svg.Styled as Svg exposing (..) -import Svg.Styled.Attributes as Attributes exposing (..) - - -{-| -} -exclamationMark : NriSvg.Svg -exclamationMark = - NriSvg.init "0 0 4 12" - [ 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" - ] - [] - ] - - -{-| -} -checkmark : NriSvg.Svg -checkmark = - NriSvg.init "0 0 21.7 17.1" - [ 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" - ] - [] - ] - |> NriSvg.withCss [ Css.property "enable-background" "new 0 0 21.7 17.1" ] - - -{-| -} -bulb : NriSvg.Svg -bulb = - NriSvg.init "0 0 23 25" - [ 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" - ] - [] - ] - ] - ] - ] - ] - ] - |> NriSvg.withCss [ Css.property "enable-background" "new 0 0 21.7 17.1" ] - - -{-| -} -arrowLeft : NriSvg.Svg -arrowLeft = - NriSvg.init "0 0 25 25" - [ 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" - ] - [] - ] - - -xSvg : NriSvg.Svg -xSvg = - NriSvg.init "0 0 25 25" - [ 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" - ] - [] - ] diff --git a/styleguide-app/Examples/Accordion.elm b/styleguide-app/Examples/Accordion.elm index 20990c04..61189f9b 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) ] + DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml {-| -} @@ -104,7 +104,10 @@ view ellieLinkConfig model = , update = UpdateControls , settings = model.settings , mainType = "RootHtml.Html String" - , extraImports = [ "import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator" ] + , extraImports = + [ "import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator" + , "import Nri.Ui.Svg.V1 as Svg" + ] , toExampleCode = \settings -> [ { sectionName = "Partial example" @@ -346,8 +349,8 @@ controlIcon = Control.choice [ ( "DisclosureIndicator" , Control.value - ( "DisclosureIndicator.large [ Css.marginRight (Css.px 8) ]" - , DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] + ( "DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml" + , DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml ) ) , ( "none", Control.value ( "\\_ -> text \"\"", \_ -> Html.text "" ) ) diff --git a/styleguide-app/Examples/DisclosureIndicator.elm b/styleguide-app/Examples/DisclosureIndicator.elm index 1e4b6bb6..d5f62b12 100644 --- a/styleguide-app/Examples/DisclosureIndicator.elm +++ b/styleguide-app/Examples/DisclosureIndicator.elm @@ -15,6 +15,7 @@ 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 @@ -39,10 +40,10 @@ example = , update = update , subscriptions = \_ -> Sub.none , preview = - [ DisclosureIndicator.medium [] False - , DisclosureIndicator.medium [] True - , DisclosureIndicator.large [] False - , DisclosureIndicator.large [] True + [ DisclosureIndicator.medium [] False |> Svg.toHtml + , DisclosureIndicator.medium [] True |> Svg.toHtml + , DisclosureIndicator.large [] False |> Svg.toHtml + , DisclosureIndicator.large [] True |> Svg.toHtml ] , view = \ellieLinkConfig state -> @@ -58,7 +59,7 @@ example = , update = UpdateSettings , settings = state.settings , mainType = "RootHtml.Html msg" - , extraImports = [] + , extraImports = [ "import Nri.Ui.Svg.V1 as Svg" ] , toExampleCode = \settings -> let @@ -70,6 +71,7 @@ example = ++ Tuple.first settings.css ++ " " ++ Tuple.first settings.isOpen + ++ " |> Svg.toHtml" in [ { sectionName = "Large" , code = toCode "large" @@ -83,12 +85,14 @@ 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." ] ] From 586d53c4230bad9d11688fd984366dee0cba655c Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:02:29 -0700 Subject: [PATCH 31/53] Refactor examples so that the organized list of uiicons is available --- styleguide-app/Examples/IconExamples.elm | 18 ++ styleguide-app/Examples/UiIcon.elm | 372 +++++++++++++---------- 2 files changed, 222 insertions(+), 168 deletions(-) diff --git a/styleguide-app/Examples/IconExamples.elm b/styleguide-app/Examples/IconExamples.elm index e02b93b1..2460231d 100644 --- a/styleguide-app/Examples/IconExamples.elm +++ b/styleguide-app/Examples/IconExamples.elm @@ -1,6 +1,7 @@ module Examples.IconExamples exposing ( preview , Settings, init, Msg, update, viewSettings + , viewByGroupWithSettings, IconExampleGroup , view, viewWithCustomStyles ) @@ -8,6 +9,7 @@ module Examples.IconExamples exposing @docs preview @docs Settings, init, Msg, update, viewSettings +@docs viewByGroupWithSettings, IconExampleGroup @docs view, viewWithCustomStyles -} @@ -80,6 +82,22 @@ viewSettings { showIconName } = } +type alias IconExampleGroup = + ( String + , List ( String, Svg.Svg ) + ) + + +{-| -} +viewByGroupWithSettings : Settings -> List IconExampleGroup -> List (Html Msg) +viewByGroupWithSettings settings groups = + let + viewExampleSection ( group, values ) = + view settings group values + in + viewSettings settings :: List.map viewExampleSection groups + + {-| -} view : Settings -> String -> List ( String, Svg.Svg ) -> Html msg view settings headerText icons = diff --git a/styleguide-app/Examples/UiIcon.elm b/styleguide-app/Examples/UiIcon.elm index 19c8ad9c..460ac617 100644 --- a/styleguide-app/Examples/UiIcon.elm +++ b/styleguide-app/Examples/UiIcon.elm @@ -1,14 +1,23 @@ -module Examples.UiIcon exposing (example, State, Msg) +module Examples.UiIcon exposing + ( example, State, Msg + , all + ) {-| @docs example, State, Msg +@docs all -} import Category exposing (Category(..)) import Example exposing (Example) import Examples.IconExamples as IconExamples + exposing + ( IconExampleGroup + , viewByGroupWithSettings + ) +import Nri.Ui.Svg.V1 exposing (Svg) import Nri.Ui.UiIcon.V1 as UiIcon @@ -47,171 +56,198 @@ example = , UiIcon.checkmark , UiIcon.equals ] - , 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 ) - ] - ] + , view = \_ settings -> viewByGroupWithSettings settings all } + + +all : List IconExampleGroup +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 ) + ] + ) + ] From b584b3a916d1dc41a3daa94bf29a3aee9cc239cf Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:02:52 -0700 Subject: [PATCH 32/53] Make a color mistake in SVG apparent --- styleguide-app/Examples/Svg.elm | 66 +++++++++++++++++++++++++++++---- 1 file changed, 59 insertions(+), 7 deletions(-) diff --git a/styleguide-app/Examples/Svg.elm b/styleguide-app/Examples/Svg.elm index fe9fcc70..4d0b5ce6 100644 --- a/styleguide-app/Examples/Svg.elm +++ b/styleguide-app/Examples/Svg.elm @@ -6,17 +6,24 @@ module Examples.Svg exposing (Msg, State, example) -} +import Browser.Dom as Dom import Category exposing (Category(..)) import Css import Example exposing (Example) +import Examples.AssignmentIcon as AssignmentIcons +import Examples.IconExamples as IconExamples exposing (IconExampleGroup) +import Examples.UiIcon as UiIcons import Html.Styled as Html import Html.Styled.Attributes as Attributes import Html.Styled.Events as Events +import Nri.Ui.ClickableText.V3 as ClickableText 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.Menu.V3 as Menu +import Nri.Ui.Svg.V1 as Svg exposing (Svg) import Nri.Ui.UiIcon.V1 as UiIcon import SolidColor exposing (SolidColor) +import Task {-| -} @@ -46,7 +53,16 @@ viewSettings state = , Css.justifyContent Css.spaceBetween ] ] - [ Html.label [] + [ Menu.view + [ Menu.buttonId "svg-example__icon-selector-button" + , Menu.menuId "svg-example__icon-selector-menu" + ] + { isOpen = state.iconSelectorExpanded + , focusAndToggle = FocusAndToggleIconSelector + , entries = List.map viewSvgGroup UiIcons.all + , button = Menu.button [] "Icon" + } + , Html.label [] [ Html.text "Color: " , Html.input [ Attributes.type_ "color" @@ -88,6 +104,21 @@ viewSettings state = ] +viewSvgGroup : IconExampleGroup -> Menu.Entry Msg +viewSvgGroup ( groupName, items ) = + let + toEntry ( name, icon ) = + Menu.entry ("svg-selector__" ++ name) <| + \attrs -> + ClickableText.button name + [ ClickableText.small + , ClickableText.icon icon + , ClickableText.onClick (SetIcon ( name, icon )) + ] + in + Menu.group groupName (List.map toEntry items) + + viewResults : State -> Html.Html Msg viewResults state = let @@ -107,7 +138,7 @@ viewResults state = , "\n\n\n" , "renderedSvg : Svg\n" , "renderedSvg =\n" - , " UiIcon.newspaper\n" + , " UiIcon." ++ 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" @@ -127,7 +158,7 @@ viewResults state = , Css.flexGrow (Css.int 2) ] ] - [ UiIcon.newspaper + [ Tuple.second state.icon |> Svg.withColor (toCssColor state.color) |> Svg.withWidth (Css.px state.width) |> Svg.withHeight (Css.px state.height) @@ -145,7 +176,9 @@ viewResults state = {-| -} type alias State = - { color : SolidColor + { iconSelectorExpanded : Bool + , icon : ( String, Svg ) + , color : SolidColor , width : Float , height : Float , label : String @@ -155,7 +188,9 @@ type alias State = {-| -} init : State init = - { color = fromCssColor Colors.azure + { iconSelectorExpanded = False + , icon = ( "newspaper", UiIcon.newspaper ) + , color = fromCssColor Colors.azure , width = 30 , height = 30 , label = "Newspaper" @@ -164,16 +199,30 @@ init = {-| -} type Msg - = SetColor (Result String SolidColor) + = FocusAndToggleIconSelector { isOpen : Bool, focus : Maybe String } + | SetIcon ( String, Svg ) + | SetColor (Result String SolidColor) | SetWidth (Maybe Float) | SetHeight (Maybe Float) | SetLabel String + | Focused (Result Dom.Error ()) {-| -} update : Msg -> State -> ( State, Cmd Msg ) update msg state = case msg of + FocusAndToggleIconSelector { isOpen, focus } -> + ( { state | iconSelectorExpanded = isOpen } + , Maybe.map (\idString -> Task.attempt Focused (Dom.focus idString)) focus + |> Maybe.withDefault Cmd.none + ) + + SetIcon svg -> + ( { state | icon = svg } + , Cmd.none + ) + SetColor (Ok color) -> ( { state | color = color } , Cmd.none @@ -196,3 +245,6 @@ update msg state = SetLabel label -> ( { state | label = label }, Cmd.none ) + + Focused _ -> + ( state, Cmd.none ) From 2ff116155e9c7eb00cb4d022b159033a872f4148 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:03:02 -0700 Subject: [PATCH 33/53] Fix current color implementation --- src/Nri/Ui/Svg/V1.elm | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index 24075172..a0f55e35 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -16,7 +16,6 @@ import Accessibility.Styled.Aria as Aria import Accessibility.Styled.Role as Role import Css exposing (Color) import Html.Styled.Attributes -import Nri.Ui.Colors.Extra exposing (toCssString) import Svg.Styled import Svg.Styled.Attributes exposing (..) @@ -109,14 +108,14 @@ toHtml (Svg record) = |> Maybe.withDefault (Css.height (Css.pct 100)) color = - fill (Maybe.withDefault "currentcolor" (Maybe.map toCssString record.color)) + Maybe.map Css.color record.color + |> Maybe.withDefault (Css.batch []) in Svg.Styled.svg (List.filterMap identity [ Just (viewBox record.viewBox) - , Just color - , -- TODO: what css is supported on this svg node? - Just (css (width :: height :: record.css)) + , Just (fill "currentcolor") + , Just (css (width :: height :: color :: record.css)) , -- TODO: Use a title svg node instead Maybe.map Aria.label record.label |> Maybe.withDefault (Aria.hidden True) From e17fffad522250ff69022a730b96814ccc999ae8 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:23:43 -0700 Subject: [PATCH 34/53] Use Select instead of Menu for icon selector --- src/Nri/Ui/Select/V8.elm | 69 ++++++++++++++++++++++++------ styleguide-app/Examples/Sprite.elm | 2 - styleguide-app/Examples/Svg.elm | 45 ++++--------------- styleguide-app/Examples/UiIcon.elm | 1 - 4 files changed, 64 insertions(+), 53 deletions(-) diff --git a/src/Nri/Ui/Select/V8.elm b/src/Nri/Ui/Select/V8.elm index 02808185..954583af 100644 --- a/src/Nri/Ui/Select/V8.elm +++ b/src/Nri/Ui/Select/V8.elm @@ -1,6 +1,7 @@ module Nri.Ui.Select.V8 exposing ( view, generateId , Choice, choices + , ChoicesGroup, groupedChoices , value , Attribute, defaultDisplayText , hiddenLabel, visibleLabel @@ -24,6 +25,7 @@ module Nri.Ui.Select.V8 exposing ### Input types @docs Choice, choices +@docs ChoicesGroup, groupedChoices ### Input content @@ -160,6 +162,26 @@ 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 = @@ -195,6 +217,7 @@ 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 @@ -211,6 +234,7 @@ defaultConfig = { id = Nothing , value = Nothing , choices = [] + , optgroups = [] , valueToString = Nothing , defaultDisplayText = Nothing , error = InputErrorAndGuidanceInternal.noError @@ -255,6 +279,7 @@ view label attributes = config , viewSelect { choices = config.choices + , optgroups = config.optgroups , current = config.value , id = id_ , custom = config.custom @@ -268,6 +293,7 @@ view label attributes = viewSelect : { choices : List (Choice a) + , optgroups : List (ChoicesGroup a) , current : Maybe a , id : String , valueToString : Maybe (a -> String) @@ -278,23 +304,25 @@ viewSelect : -> Html a viewSelect config = let - stringChoices = + toChoice valueToString choice = + { label = choice.label + , idAndValue = generateId (valueToString choice.value) + , value = choice.value + } + + ( optionStringChoices, groupStringChoices ) = case config.valueToString of Just valueToString -> - List.map - (\choice -> - { label = choice.label - , idAndValue = generateId (valueToString choice.value) - , value = choice.value - } - ) - config.choices + ( List.map (toChoice valueToString) config.choices + , List.concatMap (.choices >> List.map (toChoice valueToString)) config.optgroups + ) Nothing -> - [] + ( [], [] ) valueLookup = - stringChoices + optionStringChoices + ++ groupStringChoices |> List.map (\x -> ( x.idAndValue, x.value )) |> Dict.fromList @@ -327,10 +355,23 @@ 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 - stringChoices - |> List.map (viewChoice currentVal) - |> (++) defaultOption + (defaultOption + ++ List.map (viewChoice currentVal) optionStringChoices + ++ List.map viewGroupedChoices config.optgroups + ) |> Nri.Ui.styled Html.select "nri-select-menu" [ -- border diff --git a/styleguide-app/Examples/Sprite.elm b/styleguide-app/Examples/Sprite.elm index d4d01be4..de61b505 100644 --- a/styleguide-app/Examples/Sprite.elm +++ b/styleguide-app/Examples/Sprite.elm @@ -11,8 +11,6 @@ import Example exposing (Example) 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 {-| -} diff --git a/styleguide-app/Examples/Svg.elm b/styleguide-app/Examples/Svg.elm index 4d0b5ce6..1371e7da 100644 --- a/styleguide-app/Examples/Svg.elm +++ b/styleguide-app/Examples/Svg.elm @@ -6,24 +6,19 @@ module Examples.Svg exposing (Msg, State, example) -} -import Browser.Dom as Dom import Category exposing (Category(..)) import Css import Example exposing (Example) -import Examples.AssignmentIcon as AssignmentIcons -import Examples.IconExamples as IconExamples exposing (IconExampleGroup) import Examples.UiIcon as UiIcons import Html.Styled as Html import Html.Styled.Attributes as Attributes import Html.Styled.Events as Events -import Nri.Ui.ClickableText.V3 as ClickableText import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor) import Nri.Ui.Colors.V1 as Colors -import Nri.Ui.Menu.V3 as Menu +import Nri.Ui.Select.V8 as Select import Nri.Ui.Svg.V1 as Svg exposing (Svg) import Nri.Ui.UiIcon.V1 as UiIcon import SolidColor exposing (SolidColor) -import Task {-| -} @@ -53,15 +48,11 @@ viewSettings state = , Css.justifyContent Css.spaceBetween ] ] - [ Menu.view - [ Menu.buttonId "svg-example__icon-selector-button" - , Menu.menuId "svg-example__icon-selector-menu" + [ Select.view "Icon" + [ Select.groupedChoices Tuple.first (List.map svgGroupedChoices UiIcons.all) + , Select.value (Just state.icon) ] - { isOpen = state.iconSelectorExpanded - , focusAndToggle = FocusAndToggleIconSelector - , entries = List.map viewSvgGroup UiIcons.all - , button = Menu.button [] "Icon" - } + |> Html.map SetIcon , Html.label [] [ Html.text "Color: " , Html.input @@ -104,19 +95,12 @@ viewSettings state = ] -viewSvgGroup : IconExampleGroup -> Menu.Entry Msg -viewSvgGroup ( groupName, items ) = +svgGroupedChoices ( groupName, items ) = let toEntry ( name, icon ) = - Menu.entry ("svg-selector__" ++ name) <| - \attrs -> - ClickableText.button name - [ ClickableText.small - , ClickableText.icon icon - , ClickableText.onClick (SetIcon ( name, icon )) - ] + Select.Choice name ( name, icon ) in - Menu.group groupName (List.map toEntry items) + Select.ChoicesGroup groupName (List.map toEntry items) viewResults : State -> Html.Html Msg @@ -199,25 +183,17 @@ init = {-| -} type Msg - = FocusAndToggleIconSelector { isOpen : Bool, focus : Maybe String } - | SetIcon ( String, Svg ) + = SetIcon ( String, Svg ) | SetColor (Result String SolidColor) | SetWidth (Maybe Float) | SetHeight (Maybe Float) | SetLabel String - | Focused (Result Dom.Error ()) {-| -} update : Msg -> State -> ( State, Cmd Msg ) update msg state = case msg of - FocusAndToggleIconSelector { isOpen, focus } -> - ( { state | iconSelectorExpanded = isOpen } - , Maybe.map (\idString -> Task.attempt Focused (Dom.focus idString)) focus - |> Maybe.withDefault Cmd.none - ) - SetIcon svg -> ( { state | icon = svg } , Cmd.none @@ -245,6 +221,3 @@ update msg state = SetLabel label -> ( { state | label = label }, Cmd.none ) - - Focused _ -> - ( state, Cmd.none ) diff --git a/styleguide-app/Examples/UiIcon.elm b/styleguide-app/Examples/UiIcon.elm index 460ac617..f5dd72f6 100644 --- a/styleguide-app/Examples/UiIcon.elm +++ b/styleguide-app/Examples/UiIcon.elm @@ -17,7 +17,6 @@ import Examples.IconExamples as IconExamples ( IconExampleGroup , viewByGroupWithSettings ) -import Nri.Ui.Svg.V1 exposing (Svg) import Nri.Ui.UiIcon.V1 as UiIcon From 07f4025d5010181e66dcf357a6d7c1bb0455b12b Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:28:33 -0700 Subject: [PATCH 35/53] Follow the uiicon pattern in assignment icon --- styleguide-app/Examples/AssignmentIcon.elm | 108 +++++++++++---------- 1 file changed, 59 insertions(+), 49 deletions(-) diff --git a/styleguide-app/Examples/AssignmentIcon.elm b/styleguide-app/Examples/AssignmentIcon.elm index 12c41978..3d145c2b 100644 --- a/styleguide-app/Examples/AssignmentIcon.elm +++ b/styleguide-app/Examples/AssignmentIcon.elm @@ -9,6 +9,10 @@ module Examples.AssignmentIcon exposing (example, State, Msg) import Category exposing (Category(..)) import Example exposing (Example) import Examples.IconExamples as IconExamples + exposing + ( IconExampleGroup + , viewByGroupWithSettings + ) import Nri.Ui.AssignmentIcon.V2 as AssignmentIcon @@ -47,53 +51,59 @@ example = , AssignmentIcon.standards , AssignmentIcon.writing ] - , 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 ) - ] - ] + , view = \_ settings -> viewByGroupWithSettings settings all } + + +all : List IconExampleGroup +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 ) + ] + ) + ] From 3697b756dd64390604fdaad73736e67290484877 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:28:46 -0700 Subject: [PATCH 36/53] Reorder the settings and use a better example --- styleguide-app/Examples/Svg.elm | 21 +++++++++------------ 1 file changed, 9 insertions(+), 12 deletions(-) diff --git a/styleguide-app/Examples/Svg.elm b/styleguide-app/Examples/Svg.elm index 1371e7da..8c050fb7 100644 --- a/styleguide-app/Examples/Svg.elm +++ b/styleguide-app/Examples/Svg.elm @@ -17,6 +17,7 @@ import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor) import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Select.V8 as Select import Nri.Ui.Svg.V1 as Svg exposing (Svg) +import Nri.Ui.TextInput.V7 as TextInput import Nri.Ui.UiIcon.V1 as UiIcon import SolidColor exposing (SolidColor) @@ -48,7 +49,11 @@ viewSettings state = , Css.justifyContent Css.spaceBetween ] ] - [ Select.view "Icon" + [ TextInput.view "Title" + [ TextInput.value state.label + , TextInput.text SetLabel + ] + , Select.view "Icon" [ Select.groupedChoices Tuple.first (List.map svgGroupedChoices UiIcons.all) , Select.value (Just state.icon) ] @@ -84,14 +89,6 @@ viewSettings state = ] [] ] - , Html.label [] - [ Html.text "Title: " - , Html.input - [ Attributes.value state.label - , Events.onInput SetLabel - ] - [] - ] ] @@ -173,11 +170,11 @@ type alias State = init : State init = { iconSelectorExpanded = False - , icon = ( "newspaper", UiIcon.newspaper ) - , color = fromCssColor Colors.azure + , icon = ( "starFilled", UiIcon.starFilled ) + , color = fromCssColor Colors.greenDark , width = 30 , height = 30 - , label = "Newspaper" + , label = "Mastered" } From 92bbd369e0b153d49cf9d9f3d2eef1629ff5173e Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:36:45 -0700 Subject: [PATCH 37/53] Add a border setting to svg example --- styleguide-app/Examples/Svg.elm | 62 ++++++++++++++++++++++----------- 1 file changed, 42 insertions(+), 20 deletions(-) diff --git a/styleguide-app/Examples/Svg.elm b/styleguide-app/Examples/Svg.elm index 8c050fb7..c8b7c780 100644 --- a/styleguide-app/Examples/Svg.elm +++ b/styleguide-app/Examples/Svg.elm @@ -13,6 +13,7 @@ import Examples.UiIcon as UiIcons import Html.Styled as Html import Html.Styled.Attributes as Attributes import Html.Styled.Events as Events +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.Select.V8 as Select @@ -47,6 +48,8 @@ viewSettings state = [ Attributes.css [ Css.displayFlex , Css.justifyContent Css.spaceBetween + , Css.alignItems Css.center + , Css.flexWrap Css.wrap ] ] [ TextInput.view "Title" @@ -58,6 +61,14 @@ viewSettings state = , 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 @@ -123,6 +134,11 @@ viewResults state = , " |> 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 "" @@ -133,25 +149,25 @@ viewResults state = |> String.join "" |> Html.text ] - , Html.div - [ Attributes.css - [ Css.backgroundColor Colors.gray92 - , Css.flexGrow (Css.int 2) - ] - ] - [ Tuple.second state.icon - |> 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 + , 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.withLabel state.label svg - ) - |> Svg.toHtml - ] + else + svg + ) + |> (\svg -> + if String.isEmpty state.label then + svg + + else + Svg.withLabel state.label svg + ) + |> Svg.toHtml ] @@ -163,6 +179,7 @@ type alias State = , width : Float , height : Float , label : String + , showBorder : Bool } @@ -172,9 +189,10 @@ init = { iconSelectorExpanded = False , icon = ( "starFilled", UiIcon.starFilled ) , color = fromCssColor Colors.greenDark - , width = 30 - , height = 30 + , width = 100 + , height = 100 , label = "Mastered" + , showBorder = False } @@ -185,6 +203,7 @@ type Msg | SetWidth (Maybe Float) | SetHeight (Maybe Float) | SetLabel String + | SetBorder Bool {-| -} @@ -218,3 +237,6 @@ update msg state = SetLabel label -> ( { state | label = label }, Cmd.none ) + + SetBorder showBorder -> + ( { state | showBorder = showBorder }, Cmd.none ) From 3ba4cf51f61321d10dc96ee811fbcaed912e39a8 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:38:30 -0700 Subject: [PATCH 38/53] By default, prevent any shrinkage of svgs --- src/Nri/Ui/Svg/V1.elm | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index a0f55e35..9af3b7c6 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -44,7 +44,7 @@ init viewBox icon = , color = Nothing , height = Nothing , width = Nothing - , css = [] + , css = [ Css.flexShrink Css.zero ] , label = Nothing , viewBox = viewBox , attributes = [] From 9d821061d50eda5f9d2659e3035a1613985b1206 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 18:52:07 -0700 Subject: [PATCH 39/53] Add example usage to assignment icons --- styleguide-app/Examples.elm | 22 --- styleguide-app/Examples/IconExamples.elm | 212 +++++++++++++++++++- styleguide-app/Examples/Svg.elm | 242 ----------------------- 3 files changed, 205 insertions(+), 271 deletions(-) delete mode 100644 styleguide-app/Examples/Svg.elm diff --git a/styleguide-app/Examples.elm b/styleguide-app/Examples.elm index 85b86d35..1a0df5f6 100644 --- a/styleguide-app/Examples.elm +++ b/styleguide-app/Examples.elm @@ -31,7 +31,6 @@ 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 @@ -612,25 +611,6 @@ 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 ) @@ -839,7 +819,6 @@ type State | SideNavState SideNav.State | SortableTableState SortableTable.State | SpriteState Sprite.State - | SvgState Svg.State | SwitchState Switch.State | TableState Table.State | TabsState Tabs.State @@ -882,7 +861,6 @@ 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/IconExamples.elm b/styleguide-app/Examples/IconExamples.elm index 2460231d..51faa282 100644 --- a/styleguide-app/Examples/IconExamples.elm +++ b/styleguide-app/Examples/IconExamples.elm @@ -16,13 +16,20 @@ module Examples.IconExamples exposing import Css import Css.Global +import Example exposing (Example) import Html.Styled as Html exposing (Html) -import Html.Styled.Attributes exposing (css) +import Html.Styled.Attributes as Attributes exposing (css) +import Html.Styled.Events as Events 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.Svg.V1 as Svg +import Nri.Ui.Select.V8 as Select +import Nri.Ui.Svg.V1 as Svg exposing (Svg) import Nri.Ui.Text.V6 as Text +import Nri.Ui.TextInput.V7 as TextInput +import Nri.Ui.UiIcon.V1 as UiIcon +import SolidColor exposing (SolidColor) {-| -} @@ -45,29 +52,83 @@ preview icons = {-| -} type alias Settings = - { showIconName : Bool } + { showIconName : Bool + , iconSelectorExpanded : Bool + , color : SolidColor + , width : Float + , height : Float + , icon : ( String, Svg ) + , label : String + , showBorder : Bool + } {-| -} init : Settings init = - { showIconName = False } + { showIconName = False + , iconSelectorExpanded = False + , color = fromCssColor Colors.greenDark + , width = 100 + , height = 100 + , -- TODO: use an appropriate example for each icon type + icon = ( "starFilled", UiIcon.starFilled ) + , label = "Mastered" + , showBorder = 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 settings = +update msg state = case msg of ShowNames showIconName -> - ( { settings | showIconName = showIconName } + ( { state | 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 @@ -95,7 +156,14 @@ viewByGroupWithSettings settings groups = viewExampleSection ( group, values ) = view settings group values in - viewSettings settings :: List.map viewExampleSection groups + 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 + ] + ] {-| -} @@ -178,3 +246,133 @@ viewIcon showIconName ( name, icon, style ) = [ Css.display Css.none ] ] ] + + +viewSingularExampleSettings : List IconExampleGroup -> 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" + , " UiIcon." ++ 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/Svg.elm b/styleguide-app/Examples/Svg.elm deleted file mode 100644 index c8b7c780..00000000 --- a/styleguide-app/Examples/Svg.elm +++ /dev/null @@ -1,242 +0,0 @@ -module Examples.Svg exposing (Msg, State, example) - -{-| - -@docs Msg, State, example - --} - -import Category exposing (Category(..)) -import Css -import Example exposing (Example) -import Examples.UiIcon as UiIcons -import Html.Styled as Html -import Html.Styled.Attributes as Attributes -import Html.Styled.Events as Events -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.Select.V8 as Select -import Nri.Ui.Svg.V1 as Svg exposing (Svg) -import Nri.Ui.TextInput.V7 as TextInput -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 - , 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 UiIcons.all) - , 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) - ] - [] - ] - ] - - -svgGroupedChoices ( groupName, items ) = - let - toEntry ( name, icon ) = - Select.Choice name ( name, icon ) - in - Select.ChoicesGroup groupName (List.map toEntry items) - - -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." ++ 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 - ] - - -{-| -} -type alias State = - { iconSelectorExpanded : Bool - , icon : ( String, Svg ) - , color : SolidColor - , width : Float - , height : Float - , label : String - , showBorder : Bool - } - - -{-| -} -init : State -init = - { iconSelectorExpanded = False - , icon = ( "starFilled", UiIcon.starFilled ) - , color = fromCssColor Colors.greenDark - , width = 100 - , height = 100 - , label = "Mastered" - , showBorder = False - } - - -{-| -} -type Msg - = SetIcon ( String, Svg ) - | SetColor (Result String SolidColor) - | SetWidth (Maybe Float) - | SetHeight (Maybe Float) - | SetLabel String - | SetBorder Bool - - -{-| -} -update : Msg -> State -> ( State, Cmd Msg ) -update msg state = - case msg of - 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 ) From 795b01e3b92de22b461e6c15339a54f71890e630 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 19:13:03 -0700 Subject: [PATCH 40/53] Apply example pattern --- styleguide-app/Examples/AssignmentIcon.elm | 7 +- styleguide-app/Examples/IconExamples.elm | 49 +++++-- styleguide-app/Examples/Logo.elm | 161 +++++++++++---------- styleguide-app/Examples/Pennant.elm | 46 +++--- styleguide-app/Examples/Sprite.elm | 18 ++- styleguide-app/Examples/UiIcon.elm | 8 +- 6 files changed, 167 insertions(+), 122 deletions(-) diff --git a/styleguide-app/Examples/AssignmentIcon.elm b/styleguide-app/Examples/AssignmentIcon.elm index 3d145c2b..845b0f07 100644 --- a/styleguide-app/Examples/AssignmentIcon.elm +++ b/styleguide-app/Examples/AssignmentIcon.elm @@ -33,7 +33,12 @@ example = , version = 2 , categories = [ Icons ] , keyboardSupport = [] - , state = IconExamples.init + , state = + IconExamples.init + { label = "Planning Diagnostics" + , name = "planningDiagnosticCircled" + , icon = AssignmentIcon.planningDiagnosticCircled + } , update = IconExamples.update , subscriptions = \_ -> Sub.none , preview = diff --git a/styleguide-app/Examples/IconExamples.elm b/styleguide-app/Examples/IconExamples.elm index 51faa282..d5e75301 100644 --- a/styleguide-app/Examples/IconExamples.elm +++ b/styleguide-app/Examples/IconExamples.elm @@ -1,22 +1,21 @@ module Examples.IconExamples exposing ( preview - , Settings, init, Msg, update, viewSettings + , Settings, init, Msg, update , viewByGroupWithSettings, IconExampleGroup - , view, viewWithCustomStyles + , viewByGroupWithCustomStyles, IconExampleGroupWithCustomStyles ) {-| @docs preview -@docs Settings, init, Msg, update, viewSettings +@docs Settings, init, Msg, update @docs viewByGroupWithSettings, IconExampleGroup -@docs view, viewWithCustomStyles +@docs viewByGroupWithCustomStyles, IconExampleGroupWithCustomStyles -} 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 @@ -28,7 +27,6 @@ import Nri.Ui.Select.V8 as Select import Nri.Ui.Svg.V1 as Svg exposing (Svg) import Nri.Ui.Text.V6 as Text import Nri.Ui.TextInput.V7 as TextInput -import Nri.Ui.UiIcon.V1 as UiIcon import SolidColor exposing (SolidColor) @@ -64,17 +62,16 @@ type alias Settings = {-| -} -init : Settings -init = +init : { label : String, name : String, icon : Svg } -> Settings +init { label, name, icon } = { showIconName = False , iconSelectorExpanded = False , color = fromCssColor Colors.greenDark , width = 100 , height = 100 - , -- TODO: use an appropriate example for each icon type - icon = ( "starFilled", UiIcon.starFilled ) - , label = "Mastered" - , showBorder = False + , icon = ( name, icon ) + , label = label + , showBorder = True } @@ -143,6 +140,12 @@ viewSettings { showIconName } = } +type alias IconExampleGroupWithCustomStyles = + ( String + , List ( String, Svg.Svg, List Css.Style ) + ) + + type alias IconExampleGroup = ( String , List ( String, Svg.Svg ) @@ -166,6 +169,28 @@ viewByGroupWithSettings settings groups = ] +{-| -} +viewByGroupWithCustomStyles : Settings -> List IconExampleGroupWithCustomStyles -> List (Html Msg) +viewByGroupWithCustomStyles settings groups = + let + viewExampleSection ( group, values ) = + viewWithCustomStyles settings group values + in + viewSettings settings + :: List.map viewExampleSection groups + ++ [ Html.section [ css [ Css.margin2 (Css.px 30) Css.zero ] ] + [ Heading.h3 [] [ Html.text "Example Usage" ] + , viewSingularExampleSettings + (List.map + (Tuple.mapSecond (List.map (\( name, icon, _ ) -> ( name, icon )))) + groups + ) + settings + , viewResults settings + ] + ] + + {-| -} view : Settings -> String -> List ( String, Svg.Svg ) -> Html msg view settings headerText icons = diff --git a/styleguide-app/Examples/Logo.elm b/styleguide-app/Examples/Logo.elm index b3763abc..fd5c3192 100644 --- a/styleguide-app/Examples/Logo.elm +++ b/styleguide-app/Examples/Logo.elm @@ -10,6 +10,10 @@ import Category exposing (Category(..)) import Css import Example exposing (Example) import Examples.IconExamples as IconExamples + exposing + ( IconExampleGroupWithCustomStyles + , viewByGroupWithCustomStyles + ) import Html.Styled as Html import Html.Styled.Attributes exposing (css) import Nri.Ui.Colors.V1 as Colors @@ -34,7 +38,7 @@ example = , version = 1 , categories = [ Icons ] , keyboardSupport = [] - , state = IconExamples.init + , state = IconExamples.init { label = "NoRedInk", name = "noredink", icon = Logo.noredink } , update = IconExamples.update , subscriptions = \_ -> Sub.none , preview = @@ -45,85 +49,88 @@ example = , Logo.cleverC , Logo.googleG ] - , 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) - ] - ) - ] - ] + , view = \ellieLinkConfig settings -> viewByGroupWithCustomStyles settings all } +all : List IconExampleGroupWithCustomStyles +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 defaults = [ Css.height (Css.px 25) diff --git a/styleguide-app/Examples/Pennant.elm b/styleguide-app/Examples/Pennant.elm index 7ea5756a..496d577f 100644 --- a/styleguide-app/Examples/Pennant.elm +++ b/styleguide-app/Examples/Pennant.elm @@ -10,6 +10,10 @@ import Category exposing (Category(..)) import Css import Example exposing (Example) import Examples.IconExamples as IconExamples + exposing + ( IconExampleGroupWithCustomStyles + , viewByGroupWithCustomStyles + ) import Nri.Ui.Pennant.V2 as Pennant @@ -30,7 +34,7 @@ example = , version = 2 , categories = [ Icons ] , keyboardSupport = [] - , state = IconExamples.init + , state = IconExamples.init { label = "Premium", name = "premiumFlag", icon = Pennant.premiumFlag } , update = IconExamples.update , subscriptions = \_ -> Sub.none , preview = @@ -39,23 +43,25 @@ example = , Pennant.expiredPremiumFlag , Pennant.disabledPremiumFlag ] - , 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) ] - ) - ] - ] + , view = \ellieLinkConfig settings -> viewByGroupWithCustomStyles settings all } + + +all : List IconExampleGroupWithCustomStyles +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 de61b505..1a1dd445 100644 --- a/styleguide-app/Examples/Sprite.elm +++ b/styleguide-app/Examples/Sprite.elm @@ -9,6 +9,10 @@ module Examples.Sprite exposing (example, State, Msg) import Category exposing (Category(..)) import Example exposing (Example) import Examples.IconExamples as IconExamples + exposing + ( IconExampleGroup + , viewByGroupWithSettings + ) import Nri.Ui.Sprite.V1 as Sprite exposing (SpriteId) import Nri.Ui.Svg.V1 as Svg exposing (Svg) @@ -30,18 +34,20 @@ example = , version = 1 , categories = List.singleton Icons , keyboardSupport = [] - , state = IconExamples.init + , state = IconExamples.init { label = "Bold", name = "bold", icon = viewSprite Sprite.bold } , 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 - ] + , view = \_ settings -> viewByGroupWithSettings settings all } +all : List IconExampleGroup +all = + [ ( "Rich Text Formatting", sprites ) + ] + + sprites : List ( String, Svg ) sprites = [ ( "bold", viewSprite Sprite.bold ) diff --git a/styleguide-app/Examples/UiIcon.elm b/styleguide-app/Examples/UiIcon.elm index f5dd72f6..91e3957d 100644 --- a/styleguide-app/Examples/UiIcon.elm +++ b/styleguide-app/Examples/UiIcon.elm @@ -1,12 +1,8 @@ -module Examples.UiIcon exposing - ( example, State, Msg - , all - ) +module Examples.UiIcon exposing (example, State, Msg) {-| @docs example, State, Msg -@docs all -} @@ -37,7 +33,7 @@ example = , version = 1 , categories = List.singleton Icons , keyboardSupport = [] - , state = IconExamples.init + , state = IconExamples.init { label = "Mastered", name = "starFilled", icon = UiIcon.starFilled } , update = IconExamples.update , subscriptions = \_ -> Sub.none , preview = From 151ba0a9d549f954747cb90a54cc36151e9cb227 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 19:17:34 -0700 Subject: [PATCH 41/53] Paramaterize the gened code --- styleguide-app/Examples/AssignmentIcon.elm | 1 + styleguide-app/Examples/IconExamples.elm | 14 +++++++++++--- styleguide-app/Examples/Logo.elm | 8 +++++++- styleguide-app/Examples/Pennant.elm | 8 +++++++- styleguide-app/Examples/Sprite.elm | 8 +++++++- styleguide-app/Examples/UiIcon.elm | 8 +++++++- 6 files changed, 40 insertions(+), 7 deletions(-) diff --git a/styleguide-app/Examples/AssignmentIcon.elm b/styleguide-app/Examples/AssignmentIcon.elm index 845b0f07..d3937375 100644 --- a/styleguide-app/Examples/AssignmentIcon.elm +++ b/styleguide-app/Examples/AssignmentIcon.elm @@ -38,6 +38,7 @@ example = { label = "Planning Diagnostics" , name = "planningDiagnosticCircled" , icon = AssignmentIcon.planningDiagnosticCircled + , renderSvgCode = \name -> "AssignmentIcon." ++ name } , update = IconExamples.update , subscriptions = \_ -> Sub.none diff --git a/styleguide-app/Examples/IconExamples.elm b/styleguide-app/Examples/IconExamples.elm index d5e75301..19a82729 100644 --- a/styleguide-app/Examples/IconExamples.elm +++ b/styleguide-app/Examples/IconExamples.elm @@ -58,12 +58,19 @@ type alias Settings = , icon : ( String, Svg ) , label : String , showBorder : Bool + , renderSvgCode : String -> String } {-| -} -init : { label : String, name : String, icon : Svg } -> Settings -init { label, name, icon } = +init : + { label : String + , name : String + , icon : Svg + , renderSvgCode : String -> String + } + -> Settings +init { label, name, icon, renderSvgCode } = { showIconName = False , iconSelectorExpanded = False , color = fromCssColor Colors.greenDark @@ -72,6 +79,7 @@ init { label, name, icon } = , icon = ( name, icon ) , label = label , showBorder = True + , renderSvgCode = renderSvgCode } @@ -362,7 +370,7 @@ viewResults state = , "\n\n\n" , "renderedSvg : Svg\n" , "renderedSvg =\n" - , " UiIcon." ++ Tuple.first state.icon ++ "\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" diff --git a/styleguide-app/Examples/Logo.elm b/styleguide-app/Examples/Logo.elm index fd5c3192..7d2772dc 100644 --- a/styleguide-app/Examples/Logo.elm +++ b/styleguide-app/Examples/Logo.elm @@ -38,7 +38,13 @@ example = , version = 1 , categories = [ Icons ] , keyboardSupport = [] - , state = IconExamples.init { label = "NoRedInk", name = "noredink", icon = Logo.noredink } + , state = + IconExamples.init + { label = "NoRedInk" + , name = "noredink" + , icon = Logo.noredink + , renderSvgCode = \name -> "Logo." ++ name + } , update = IconExamples.update , subscriptions = \_ -> Sub.none , preview = diff --git a/styleguide-app/Examples/Pennant.elm b/styleguide-app/Examples/Pennant.elm index 496d577f..57561bf0 100644 --- a/styleguide-app/Examples/Pennant.elm +++ b/styleguide-app/Examples/Pennant.elm @@ -34,7 +34,13 @@ example = , version = 2 , categories = [ Icons ] , keyboardSupport = [] - , state = IconExamples.init { label = "Premium", name = "premiumFlag", icon = Pennant.premiumFlag } + , state = + IconExamples.init + { label = "Premium" + , name = "premiumFlag" + , icon = Pennant.premiumFlag + , renderSvgCode = \name -> "Pennant." ++ name + } , update = IconExamples.update , subscriptions = \_ -> Sub.none , preview = diff --git a/styleguide-app/Examples/Sprite.elm b/styleguide-app/Examples/Sprite.elm index 1a1dd445..ec9e6448 100644 --- a/styleguide-app/Examples/Sprite.elm +++ b/styleguide-app/Examples/Sprite.elm @@ -34,7 +34,13 @@ example = , version = 1 , categories = List.singleton Icons , keyboardSupport = [] - , state = IconExamples.init { label = "Bold", name = "bold", icon = viewSprite Sprite.bold } + , state = + IconExamples.init + { label = "Bold" + , name = "bold" + , icon = viewSprite Sprite.bold + , renderSvgCode = \name -> "Svg.init \"\" [ Sprite.use Sprite." ++ name ++ " ] " + } , update = IconExamples.update , subscriptions = \_ -> Sub.none , preview = IconExamples.preview (List.map Tuple.second sprites) diff --git a/styleguide-app/Examples/UiIcon.elm b/styleguide-app/Examples/UiIcon.elm index 91e3957d..6d428740 100644 --- a/styleguide-app/Examples/UiIcon.elm +++ b/styleguide-app/Examples/UiIcon.elm @@ -33,7 +33,13 @@ example = , version = 1 , categories = List.singleton Icons , keyboardSupport = [] - , state = IconExamples.init { label = "Mastered", name = "starFilled", icon = UiIcon.starFilled } + , state = + IconExamples.init + { label = "Mastered" + , name = "starFilled" + , icon = UiIcon.starFilled + , renderSvgCode = \name -> "UiIcon." ++ name + } , update = IconExamples.update , subscriptions = \_ -> Sub.none , preview = From 71fff82addcf7e03e7e1abdaf1f472bd93d2335c Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 19:34:28 -0700 Subject: [PATCH 42/53] Expose example helper from icon examples --- styleguide-app/Examples/AssignmentIcon.elm | 79 +++---- styleguide-app/Examples/IconExamples.elm | 120 +++++------ styleguide-app/Examples/Logo.elm | 29 +-- styleguide-app/Examples/Pennant.elm | 29 +-- styleguide-app/Examples/Sprite.elm | 47 ++--- styleguide-app/Examples/UiIcon.elm | 231 ++++++++++----------- 6 files changed, 235 insertions(+), 300 deletions(-) diff --git a/styleguide-app/Examples/AssignmentIcon.elm b/styleguide-app/Examples/AssignmentIcon.elm index d3937375..8afe277c 100644 --- a/styleguide-app/Examples/AssignmentIcon.elm +++ b/styleguide-app/Examples/AssignmentIcon.elm @@ -6,13 +6,8 @@ module Examples.AssignmentIcon exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples - exposing - ( IconExampleGroup - , viewByGroupWithSettings - ) +import Examples.IconExamples as IconExamples exposing (Group) import Nri.Ui.AssignmentIcon.V2 as AssignmentIcon @@ -29,19 +24,12 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "AssignmentIcon" + { moduleName = "AssignmentIcon" , version = 2 - , categories = [ Icons ] - , keyboardSupport = [] - , state = - IconExamples.init - { label = "Planning Diagnostics" - , name = "planningDiagnosticCircled" - , icon = AssignmentIcon.planningDiagnosticCircled - , renderSvgCode = \name -> "AssignmentIcon." ++ name - } - , update = IconExamples.update - , subscriptions = \_ -> Sub.none + , label = "Planning Diagnostics" + , name = "planningDiagnosticCircled" + , icon = AssignmentIcon.planningDiagnosticCircled + , renderSvgCode = \name -> "AssignmentIcon." ++ name , preview = IconExamples.preview [ AssignmentIcon.planningDiagnosticCircled @@ -57,59 +45,60 @@ example = , AssignmentIcon.standards , AssignmentIcon.writing ] - , view = \_ settings -> viewByGroupWithSettings settings all + , all = all } + |> IconExamples.example -all : List IconExampleGroup +all : List Group all = [ ( "Diagnostic" - , [ ( "diagnostic", AssignmentIcon.diagnostic ) - , ( "planningDiagnosticCircled", AssignmentIcon.planningDiagnosticCircled ) - , ( "unitDiagnosticCircled", AssignmentIcon.unitDiagnosticCircled ) + , [ ( "diagnostic", AssignmentIcon.diagnostic, [] ) + , ( "planningDiagnosticCircled", AssignmentIcon.planningDiagnosticCircled, [] ) + , ( "unitDiagnosticCircled", AssignmentIcon.unitDiagnosticCircled, [] ) ] ) , ( "Practice" - , [ ( "practice", AssignmentIcon.practice ) - , ( "practiceCircled", AssignmentIcon.practiceCircled ) + , [ ( "practice", AssignmentIcon.practice, [] ) + , ( "practiceCircled", AssignmentIcon.practiceCircled, [] ) ] ) , ( "Quiz" - , [ ( "quiz", AssignmentIcon.quiz ) - , ( "quizCircled", AssignmentIcon.quizCircled ) - , ( "passageQuizCircled", AssignmentIcon.passageQuizCircled ) + , [ ( "quiz", AssignmentIcon.quiz, [] ) + , ( "quizCircled", AssignmentIcon.quizCircled, [] ) + , ( "passageQuizCircled", AssignmentIcon.passageQuizCircled, [] ) ] ) , ( "Writing" - , [ ( "quickWrite", AssignmentIcon.quickWrite ) - , ( "guidedDraft", AssignmentIcon.guidedDraft ) - , ( "peerReview", AssignmentIcon.peerReview ) - , ( "selfReview", AssignmentIcon.selfReview ) + , [ ( "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 ) + , [ ( "quickWriteCircled", AssignmentIcon.quickWriteCircled, [] ) + , ( "guidedDraftCircled", AssignmentIcon.guidedDraftCircled, [] ) + , ( "peerReviewCircled", AssignmentIcon.peerReviewCircled, [] ) + , ( "selfReviewCircled", AssignmentIcon.selfReviewCircled, [] ) ] ) , ( "Stages" - , [ ( "submitting", AssignmentIcon.submitting ) - , ( "rating", AssignmentIcon.rating ) - , ( "revising", AssignmentIcon.revising ) + , [ ( "submitting", AssignmentIcon.submitting, [] ) + , ( "rating", AssignmentIcon.rating, [] ) + , ( "revising", AssignmentIcon.revising, [] ) ] ) , ( "Start" - , [ ( "startPrimary", AssignmentIcon.startPrimary ) - , ( "startSecondary", AssignmentIcon.startSecondary ) + , [ ( "startPrimary", AssignmentIcon.startPrimary, [] ) + , ( "startSecondary", AssignmentIcon.startSecondary, [] ) ] ) , ( "Activities" - , [ ( "assessment", AssignmentIcon.assessment ) - , ( "standards", AssignmentIcon.standards ) - , ( "writing", AssignmentIcon.writing ) - , ( "modules", AssignmentIcon.modules ) + , [ ( "assessment", AssignmentIcon.assessment, [] ) + , ( "standards", AssignmentIcon.standards, [] ) + , ( "writing", AssignmentIcon.writing, [] ) + , ( "modules", AssignmentIcon.modules, [] ) ] ) ] diff --git a/styleguide-app/Examples/IconExamples.elm b/styleguide-app/Examples/IconExamples.elm index 19a82729..f5793892 100644 --- a/styleguide-app/Examples/IconExamples.elm +++ b/styleguide-app/Examples/IconExamples.elm @@ -1,21 +1,23 @@ module Examples.IconExamples exposing - ( preview - , Settings, init, Msg, update - , viewByGroupWithSettings, IconExampleGroup - , viewByGroupWithCustomStyles, IconExampleGroupWithCustomStyles + ( example + , Settings, Msg + , Group + , preview ) {-| +@docs example +@docs Settings, Msg +@docs Group @docs preview -@docs Settings, init, Msg, update -@docs viewByGroupWithSettings, IconExampleGroup -@docs viewByGroupWithCustomStyles, IconExampleGroupWithCustomStyles -} +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 @@ -30,6 +32,32 @@ 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 + } + + {-| -} preview : List Svg.Svg -> List (Html msg) preview icons = @@ -63,13 +91,7 @@ type alias Settings = {-| -} -init : - { label : String - , name : String - , icon : Svg - , renderSvgCode : String -> String - } - -> Settings +init : Config -> Settings init { label, name, icon, renderSvgCode } = { showIconName = False , iconSelectorExpanded = False @@ -148,24 +170,18 @@ viewSettings { showIconName } = } -type alias IconExampleGroupWithCustomStyles = +type alias Group = ( String , List ( String, Svg.Svg, List Css.Style ) ) -type alias IconExampleGroup = - ( String - , List ( String, Svg.Svg ) - ) - - {-| -} -viewByGroupWithSettings : Settings -> List IconExampleGroup -> List (Html Msg) -viewByGroupWithSettings settings groups = +view : Settings -> List Group -> List (Html Msg) +view settings groups = let viewExampleSection ( group, values ) = - view settings group values + viewWithCustomStyles settings group values in viewSettings settings :: List.map viewExampleSection groups @@ -177,44 +193,6 @@ viewByGroupWithSettings settings groups = ] -{-| -} -viewByGroupWithCustomStyles : Settings -> List IconExampleGroupWithCustomStyles -> List (Html Msg) -viewByGroupWithCustomStyles settings groups = - let - viewExampleSection ( group, values ) = - viewWithCustomStyles settings group values - in - viewSettings settings - :: List.map viewExampleSection groups - ++ [ Html.section [ css [ Css.margin2 (Css.px 30) Css.zero ] ] - [ Heading.h3 [] [ Html.text "Example Usage" ] - , viewSingularExampleSettings - (List.map - (Tuple.mapSecond (List.map (\( name, icon, _ ) -> ( name, icon )))) - groups - ) - settings - , viewResults settings - ] - ] - - -{-| -} -view : Settings -> String -> List ( String, Svg.Svg ) -> Html msg -view settings headerText icons = - let - defaultStyles = - [ Css.height (Css.px 25) - , Css.width (Css.px 25) - , Css.margin (Css.px 4) - , Css.color Colors.gray45 - ] - in - viewWithCustomStyles settings - headerText - (List.map (\( name, svg ) -> ( name, svg, defaultStyles )) icons) - - {-| -} viewWithCustomStyles : Settings -> String -> List ( String, Svg.Svg, List Css.Style ) -> Html msg viewWithCustomStyles { showIconName } headerText icons = @@ -248,6 +226,18 @@ 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 @@ -267,7 +257,7 @@ viewIcon showIconName ( name, icon, style ) = ] ] [ icon - |> Svg.withCss style + |> Svg.withCss iconCss |> Svg.toHtml , Text.smallBody [ Text.plaintext name @@ -281,12 +271,12 @@ viewIcon showIconName ( name, icon, style ) = ] -viewSingularExampleSettings : List IconExampleGroup -> Settings -> Html.Html Msg +viewSingularExampleSettings : List Group -> Settings -> Html.Html Msg viewSingularExampleSettings groups state = let svgGroupedChoices ( groupName, items ) = let - toEntry ( name, icon ) = + toEntry ( name, icon, _ ) = Select.Choice name ( name, icon ) in Select.ChoicesGroup groupName (List.map toEntry items) diff --git a/styleguide-app/Examples/Logo.elm b/styleguide-app/Examples/Logo.elm index 7d2772dc..65050d2e 100644 --- a/styleguide-app/Examples/Logo.elm +++ b/styleguide-app/Examples/Logo.elm @@ -6,14 +6,9 @@ module Examples.Logo exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Css import Example exposing (Example) -import Examples.IconExamples as IconExamples - exposing - ( IconExampleGroupWithCustomStyles - , viewByGroupWithCustomStyles - ) +import Examples.IconExamples as IconExamples exposing (Group) import Html.Styled as Html import Html.Styled.Attributes exposing (css) import Nri.Ui.Colors.V1 as Colors @@ -34,19 +29,12 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "Logo" + { moduleName = "Logo" , version = 1 - , categories = [ Icons ] - , keyboardSupport = [] - , state = - IconExamples.init - { label = "NoRedInk" - , name = "noredink" - , icon = Logo.noredink - , renderSvgCode = \name -> "Logo." ++ name - } - , update = IconExamples.update - , subscriptions = \_ -> Sub.none + , label = "NoRedInk" + , name = "noredink" + , icon = Logo.noredink + , renderSvgCode = \name -> "Logo." ++ name , preview = Html.div [ css [ Css.marginBottom (Css.px 8) ] ] [ Svg.toHtml Logo.noredink ] :: IconExamples.preview @@ -55,11 +43,12 @@ example = , Logo.cleverC , Logo.googleG ] - , view = \ellieLinkConfig settings -> viewByGroupWithCustomStyles settings all + , all = all } + |> IconExamples.example -all : List IconExampleGroupWithCustomStyles +all : List Group all = [ ( "NRI" , [ ( "noredink" diff --git a/styleguide-app/Examples/Pennant.elm b/styleguide-app/Examples/Pennant.elm index 57561bf0..38e3023f 100644 --- a/styleguide-app/Examples/Pennant.elm +++ b/styleguide-app/Examples/Pennant.elm @@ -6,14 +6,9 @@ module Examples.Pennant exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Css import Example exposing (Example) -import Examples.IconExamples as IconExamples - exposing - ( IconExampleGroupWithCustomStyles - , viewByGroupWithCustomStyles - ) +import Examples.IconExamples as IconExamples exposing (Group) import Nri.Ui.Pennant.V2 as Pennant @@ -30,30 +25,24 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "Pennant" + { moduleName = "Pennant" , version = 2 - , categories = [ Icons ] - , keyboardSupport = [] - , state = - IconExamples.init - { label = "Premium" - , name = "premiumFlag" - , icon = Pennant.premiumFlag - , renderSvgCode = \name -> "Pennant." ++ name - } - , update = IconExamples.update - , subscriptions = \_ -> Sub.none + , label = "Premium" + , name = "premiumFlag" + , icon = Pennant.premiumFlag + , renderSvgCode = \name -> "Pennant." ++ name , preview = IconExamples.preview [ Pennant.premiumFlag , Pennant.expiredPremiumFlag , Pennant.disabledPremiumFlag ] - , view = \ellieLinkConfig settings -> viewByGroupWithCustomStyles settings all + , all = all } + |> IconExamples.example -all : List IconExampleGroupWithCustomStyles +all : List Group all = [ ( "Premium Pennants" , [ ( "premiumFlag" diff --git a/styleguide-app/Examples/Sprite.elm b/styleguide-app/Examples/Sprite.elm index ec9e6448..25103b83 100644 --- a/styleguide-app/Examples/Sprite.elm +++ b/styleguide-app/Examples/Sprite.elm @@ -6,13 +6,8 @@ module Examples.Sprite exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples - exposing - ( IconExampleGroup - , viewByGroupWithSettings - ) +import Examples.IconExamples as IconExamples exposing (Group) import Nri.Ui.Sprite.V1 as Sprite exposing (SpriteId) import Nri.Ui.Svg.V1 as Svg exposing (Svg) @@ -30,39 +25,33 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "Sprite" + { moduleName = "Sprite" , version = 1 - , categories = List.singleton Icons - , keyboardSupport = [] - , state = - IconExamples.init - { label = "Bold" - , name = "bold" - , icon = viewSprite Sprite.bold - , renderSvgCode = \name -> "Svg.init \"\" [ Sprite.use Sprite." ++ name ++ " ] " - } - , update = IconExamples.update - , subscriptions = \_ -> Sub.none - , preview = IconExamples.preview (List.map Tuple.second sprites) - , view = \_ settings -> viewByGroupWithSettings settings all + , 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 } + |> IconExamples.example -all : List IconExampleGroup +all : List Group all = [ ( "Rich Text Formatting", sprites ) ] -sprites : List ( String, Svg ) +sprites : List ( String, Svg, List a ) 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, [] ) ] diff --git a/styleguide-app/Examples/UiIcon.elm b/styleguide-app/Examples/UiIcon.elm index 6d428740..a93b8d46 100644 --- a/styleguide-app/Examples/UiIcon.elm +++ b/styleguide-app/Examples/UiIcon.elm @@ -6,13 +6,8 @@ module Examples.UiIcon exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples - exposing - ( IconExampleGroup - , viewByGroupWithSettings - ) +import Examples.IconExamples as IconExamples exposing (Group) import Nri.Ui.UiIcon.V1 as UiIcon @@ -29,19 +24,12 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "UiIcon" + { moduleName = "UiIcon" , version = 1 - , categories = List.singleton Icons - , keyboardSupport = [] - , state = - IconExamples.init - { label = "Mastered" - , name = "starFilled" - , icon = UiIcon.starFilled - , renderSvgCode = \name -> "UiIcon." ++ name - } - , update = IconExamples.update - , subscriptions = \_ -> Sub.none + , label = "Mastered" + , name = "starFilled" + , icon = UiIcon.starFilled + , renderSvgCode = \name -> "UiIcon." ++ name , preview = IconExamples.preview [ UiIcon.seeMore @@ -57,198 +45,199 @@ example = , UiIcon.checkmark , UiIcon.equals ] - , view = \_ settings -> viewByGroupWithSettings settings all + , all = all } + |> IconExamples.example -all : List IconExampleGroup +all : List Group all = [ ( "Interface" - , [ ( "seeMore", UiIcon.seeMore ) - , ( "openClose", UiIcon.openClose ) - , ( "download", UiIcon.download ) - , ( "sort", UiIcon.sort ) - , ( "gear", UiIcon.gear ) + , [ ( "seeMore", UiIcon.seeMore, [] ) + , ( "openClose", UiIcon.openClose, [] ) + , ( "download", UiIcon.download, [] ) + , ( "sort", UiIcon.sort, [] ) + , ( "gear", UiIcon.gear, [] ) ] ) , ( "Archive & Unarchive" - , [ ( "archive", UiIcon.archive ) - , ( "unarchive", UiIcon.unarchive ) + , [ ( "archive", UiIcon.archive, [] ) + , ( "unarchive", UiIcon.unarchive, [] ) ] ) , ( "Media in Circles" - , [ ( "playInCircle", UiIcon.playInCircle ) - , ( "pauseInCircle", UiIcon.pauseInCircle ) - , ( "stopInCircle", UiIcon.stopInCircle ) + , [ ( "playInCircle", UiIcon.playInCircle, [] ) + , ( "pauseInCircle", UiIcon.pauseInCircle, [] ) + , ( "stopInCircle", UiIcon.stopInCircle, [] ) ] ) , ( "Media" - , [ ( "play", UiIcon.play ) - , ( "skip", UiIcon.skip ) + , [ ( "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 ) + , [ ( "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 ) + , [ ( "footsteps", UiIcon.footsteps, [] ) + , ( "help", UiIcon.help, [] ) + , ( "checklist", UiIcon.checklist, [] ) + , ( "checklistComplete", UiIcon.checklistComplete, [] ) ] ) , ( "Bulbs" - , [ ( "sparkleBulb", UiIcon.sparkleBulb ) - , ( "baldBulb", UiIcon.baldBulb ) + , [ ( "sparkleBulb", UiIcon.sparkleBulb, [] ) + , ( "baldBulb", UiIcon.baldBulb, [] ) ] ) , ( "Science & Measurement" - , [ ( "compass", UiIcon.compass ) - , ( "speedometer", UiIcon.speedometer ) - , ( "performance", UiIcon.performance ) - , ( "microscope", UiIcon.microscope ) - , ( "scale", UiIcon.scale ) + , [ ( "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 ) + , [ ( "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 ) + , [ ( "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 ) + , [ ( "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 ) + , [ ( "speechBalloon", UiIcon.speechBalloon, [] ) + , ( "mail", UiIcon.mail, [] ) ] ) , ( "Writing Utensils" - , [ ( "edit", UiIcon.edit ) - , ( "pen", UiIcon.pen ) - , ( "highlighter", UiIcon.highlighter ) + , [ ( "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 ) + , [ ( "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 ) + , [ ( "checkmark", UiIcon.checkmark, [] ) + , ( "checkmarkInCircle", UiIcon.checkmarkInCircle, [] ) + , ( "checkmarkInCircleInverse", UiIcon.checkmarkInCircleInverse, [] ) + , ( "emptyCircle", UiIcon.emptyCircle, [] ) ] ) , ( "Xs" - , [ ( "x", UiIcon.x ) - , ( "xInCircle", UiIcon.xInCircle ) + , [ ( "x", UiIcon.x, [] ) + , ( "xInCircle", UiIcon.xInCircle, [] ) ] ) , ( "Bangs" - , [ ( "attention", UiIcon.attention ) - , ( "exclamation", UiIcon.exclamation ) + , [ ( "attention", UiIcon.attention, [] ) + , ( "exclamation", UiIcon.exclamation, [] ) ] ) , ( "Math" - , [ ( "equals", UiIcon.equals ) - , ( "plus", UiIcon.plus ) - , ( "null", UiIcon.null ) + , [ ( "equals", UiIcon.equals, [] ) + , ( "plus", UiIcon.plus, [] ) + , ( "null", UiIcon.null, [] ) ] ) , ( "Notifs" - , [ ( "flag", UiIcon.flag ) - , ( "star", UiIcon.star ) - , ( "starFilled", UiIcon.starFilled ) - , ( "starOutline", UiIcon.starOutline ) + , [ ( "flag", UiIcon.flag, [] ) + , ( "star", UiIcon.star, [] ) + , ( "starFilled", UiIcon.starFilled, [] ) + , ( "starOutline", UiIcon.starOutline, [] ) ] ) , ( "Badges & Celebration" - , [ ( "badge", UiIcon.badge ) - , ( "tada", UiIcon.tada ) + , [ ( "badge", UiIcon.badge, [] ) + , ( "tada", UiIcon.tada, [] ) ] ) , ( "Lock & Key" - , [ ( "key", UiIcon.key ) - , ( "lock", UiIcon.lock ) - , ( "premiumLock", UiIcon.premiumLock ) + , [ ( "key", UiIcon.key, [] ) + , ( "lock", UiIcon.lock, [] ) + , ( "premiumLock", UiIcon.premiumLock, [] ) ] ) , ( "Tips & Tricks" - , [ ( "hat", UiIcon.hat ) - , ( "keychain", UiIcon.keychain ) + , [ ( "hat", UiIcon.hat, [] ) + , ( "keychain", UiIcon.keychain, [] ) ] ) , ( "Growth" - , [ ( "sprout", UiIcon.sprout ) - , ( "sapling", UiIcon.sapling ) - , ( "tree", UiIcon.tree ) + , [ ( "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 ) + , [ ( "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 ) + , [ ( "openQuotationMark", UiIcon.openQuotationMark, [] ) + , ( "closeQuotationMark", UiIcon.closeQuotationMark, [] ) ] ) , ( "Navigation" - , [ ( "home", UiIcon.home ) - , ( "library", UiIcon.library ) + , [ ( "home", UiIcon.home, [] ) + , ( "library", UiIcon.library, [] ) ] ) , ( "Search" - , [ ( "search", UiIcon.search ) - , ( "searchInCircle", UiIcon.searchInCicle ) + , [ ( "search", UiIcon.search, [] ) + , ( "searchInCircle", UiIcon.searchInCicle, [] ) ] ) , ( "School Category" - , [ ( "school", UiIcon.school ) - , ( "highSchool", UiIcon.highSchool ) - , ( "company", UiIcon.company ) - , ( "homeSchool", UiIcon.homeSchool ) + , [ ( "school", UiIcon.school, [] ) + , ( "highSchool", UiIcon.highSchool, [] ) + , ( "company", UiIcon.company, [] ) + , ( "homeSchool", UiIcon.homeSchool, [] ) ] ) , ( "Location" - , [ ( "flagUs", UiIcon.flagUs ) - , ( "globe", UiIcon.globe ) + , [ ( "flagUs", UiIcon.flagUs, [] ) + , ( "globe", UiIcon.globe, [] ) ] ) ] From 831d885b7fe54fbb9e181826cc867271b13caf41 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 19:39:38 -0700 Subject: [PATCH 43/53] fix ci --- src/Nri/Ui/Accordion/V1.elm | 3 +++ src/Nri/Ui/Svg/V1.elm | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/Nri/Ui/Accordion/V1.elm b/src/Nri/Ui/Accordion/V1.elm index 9cff4acb..acdb63e7 100644 --- a/src/Nri/Ui/Accordion/V1.elm +++ b/src/Nri/Ui/Accordion/V1.elm @@ -21,6 +21,7 @@ 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 {-| -} @@ -232,6 +233,7 @@ viewCaret expanded caret = [ marginRight (px 8) ] expanded + |> Svg.toHtml WhiteCaret -> DisclosureIndicator.large @@ -240,6 +242,7 @@ viewCaret expanded caret = [ Css.Global.everything [ color Colors.white ] ] ] expanded + |> Svg.toHtml NoneCaret -> text "" diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index 9af3b7c6..59d519e1 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -6,7 +6,7 @@ module Nri.Ui.Svg.V1 exposing {-| -@docs Svg, withViewBox +@docs Svg @docs withColor, withLabel, withWidth, withHeight, withCss, withCustom @docs init, toHtml From 3aed554cc94d5110b60a0e47c1e342dc4e12705f Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Fri, 8 Jul 2022 19:44:07 -0700 Subject: [PATCH 44/53] remove aria-label --- src/Nri/Ui/Svg/V1.elm | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/src/Nri/Ui/Svg/V1.elm b/src/Nri/Ui/Svg/V1.elm index 59d519e1..a5f40ad2 100644 --- a/src/Nri/Ui/Svg/V1.elm +++ b/src/Nri/Ui/Svg/V1.elm @@ -16,6 +16,7 @@ import Accessibility.Styled.Aria as Aria import Accessibility.Styled.Role as Role import Css exposing (Color) import Html.Styled.Attributes +import Nri.Ui.Html.Attributes.V2 as AttributesExtra import Svg.Styled import Svg.Styled.Attributes exposing (..) @@ -112,17 +113,14 @@ toHtml (Svg record) = |> Maybe.withDefault (Css.batch []) in Svg.Styled.svg - (List.filterMap identity - [ Just (viewBox record.viewBox) - , Just (fill "currentcolor") - , Just (css (width :: height :: color :: record.css)) - , -- TODO: Use a title svg node instead - Maybe.map Aria.label record.label - |> Maybe.withDefault (Aria.hidden True) - |> Just - , Just Role.img - , Just (Html.Styled.Attributes.attribute "focusable" "false") - ] + ([ 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 From 35dbf0bd935514bcc6378b917d38f9b4fc006df1 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Mon, 11 Jul 2022 10:49:07 -0300 Subject: [PATCH 45/53] Add WhenFocusLeaves.toDecoder for better composability Use normal event Decoder msg instead of custom event decoder. We were using normal behaviour {preventDefault = False , stopPropagation = False} --- src/Nri/Ui/WhenFocusLeaves/V1.elm | 69 +++++++++++++------------------ 1 file changed, 29 insertions(+), 40 deletions(-) diff --git a/src/Nri/Ui/WhenFocusLeaves/V1.elm b/src/Nri/Ui/WhenFocusLeaves/V1.elm index df720984..5884e61f 100644 --- a/src/Nri/Ui/WhenFocusLeaves/V1.elm +++ b/src/Nri/Ui/WhenFocusLeaves/V1.elm @@ -1,13 +1,13 @@ -module Nri.Ui.WhenFocusLeaves.V1 exposing (toAttribute) +module Nri.Ui.WhenFocusLeaves.V1 exposing (toAttribute, toDecoder) {-| Listen for when the focus leaves the area, and then do an action. -@docs toAttribute +@docs toAttribute, toDecoder -} import Accessibility.Styled as Html -import Html.Styled.Events as Events +import Accessibility.Styled.Key as Key import Json.Decode as Decode exposing (Decoder) @@ -25,49 +25,38 @@ toAttribute : , tabForwardAction : msg } -> Html.Attribute msg -toAttribute { firstId, lastId, tabBackAction, tabForwardAction } = - onTab <| - \elementId shiftKey -> - -- if the user tabs back while on the first id, - -- we execute the action - if elementId == firstId && shiftKey then - Decode.succeed - { message = tabBackAction - , preventDefault = False - , stopPropagation = False - } - - else if elementId == lastId && not shiftKey then - -- if the user tabs forward while on the last id, - -- we want to wrap around to the first id. - Decode.succeed - { message = tabForwardAction - , preventDefault = False - , stopPropagation = False - } - - else - Decode.fail "No need to intercept the key press" +toAttribute config = + Key.onKeyDown [ toDecoder config ] -onTab : - (String - -> Bool - -> Decoder { message : msg, preventDefault : Bool, stopPropagation : Bool } - ) - -> Html.Attribute msg -onTab do = - Events.custom "keydown" - (Decode.andThen - (\( id, keyCode, shiftKey ) -> - if keyCode == 9 then - do id shiftKey +toDecoder : + { firstId : String + , lastId : String + , tabBackAction : msg + , tabForwardAction : msg + } + -> Decoder msg +toDecoder { firstId, lastId, tabBackAction, tabForwardAction } = + Decode.andThen + (\( elementId, keyCode, shiftKey ) -> + if keyCode == 9 then + -- if the user tabs back while on the first id, + -- we execute the action + if elementId == firstId && shiftKey then + Decode.succeed tabBackAction + + else if elementId == lastId && not shiftKey then + -- if the user tabs forward while on the last id, + -- we want to wrap around to the first id. + Decode.succeed tabForwardAction else Decode.fail "No need to intercept the key press" - ) - decodeKeydown + + else + Decode.fail "No need to intercept the key press" ) + decodeKeydown decodeKeydown : Decoder ( String, Int, Bool ) From ae3b259d25aca17d78a7a02d24a2dada81b5e81f Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Mon, 11 Jul 2022 10:50:36 -0300 Subject: [PATCH 46/53] Fix esc handing: use a single keydown --- src/Nri/Ui/Menu/V3.elm | 38 ++++++++++++++++---------------------- 1 file changed, 16 insertions(+), 22 deletions(-) diff --git a/src/Nri/Ui/Menu/V3.elm b/src/Nri/Ui/Menu/V3.elm index 96947f40..6b680e4c 100644 --- a/src/Nri/Ui/Menu/V3.elm +++ b/src/Nri/Ui/Menu/V3.elm @@ -460,30 +460,24 @@ viewCustom config = ) ] - Disclosure _ -> - [] + Disclosure { lastId } -> + [ WhenFocusLeaves.toDecoder + { firstId = config.buttonId + , lastId = lastId + , tabBackAction = + config.focusAndToggle + { isOpen = False + , focus = Nothing + } + , tabForwardAction = + config.focusAndToggle + { isOpen = False + , focus = Nothing + } + } + ] ) ) - :: (case config.purpose of - NavMenu -> - AttributesExtra.none - - Disclosure { lastId } -> - WhenFocusLeaves.toAttribute - { firstId = config.buttonId - , lastId = lastId - , tabBackAction = - config.focusAndToggle - { isOpen = False - , focus = Nothing - } - , tabForwardAction = - config.focusAndToggle - { isOpen = False - , focus = Nothing - } - } - ) :: styleContainer ) [ if config.isOpen then From cc614340bc8b2095a6dfbd6ca2609adb7cef3b44 Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Mon, 11 Jul 2022 11:10:31 -0300 Subject: [PATCH 47/53] Add tests --- tests/Spec/Nri/Ui/Menu.elm | 60 ++++++++++++++++++++++++++++++++++---- 1 file changed, 55 insertions(+), 5 deletions(-) diff --git a/tests/Spec/Nri/Ui/Menu.elm b/tests/Spec/Nri/Ui/Menu.elm index db6f6233..802184b1 100644 --- a/tests/Spec/Nri/Ui/Menu.elm +++ b/tests/Spec/Nri/Ui/Menu.elm @@ -39,9 +39,38 @@ spec = -- Menu opens on mouse click and closes on tab key |> clickMenuButton |> ensureViewHas (menuContentSelector menuContent) - |> pressTabKey + |> pressTabKey { targetId = Nothing } |> ensureViewHasNot (menuContentSelector menuContent) |> ProgramTest.done + , test "Close on esc key" <| + \() -> + program [] + -- Menu opens on mouse click and closes on tab key + |> clickMenuButton + |> ensureViewHas (menuContentSelector menuContent) + |> pressEscKey { targetId = Nothing } + |> ensureViewHasNot (menuContentSelector menuContent) + |> ProgramTest.done + , describe "disclosure" <| + [ test "Close on esc key" <| + \() -> + program [ Menu.disclosure { lastId = "last-button" } ] + -- Menu opens on mouse click and closes on esc key + |> clickMenuButton + |> ensureViewHas (menuContentSelector menuContent) + |> pressEscKey { targetId = Nothing } + |> ensureViewHasNot (menuContentSelector menuContent) + |> ProgramTest.done + , test "Closes after tab on lastId" <| + \() -> + program [ Menu.disclosure { lastId = "last-button" } ] + |> clickMenuButton + |> ensureViewHas (menuContentSelector menuContent) + -- NOTE: unable to simulate pressTabKey with other targetId since those decoders will fail + |> pressTabKey { targetId = Just "last-button" } + |> ensureViewHasNot (menuContentSelector menuContent) + |> ProgramTest.done + ] ] @@ -68,6 +97,9 @@ program attributes = [ Menu.entry "hello-button" <| \attrs -> ClickableText.button menuContent [ ClickableText.custom attrs ] + , Menu.entry "last-button" <| + \attrs -> + ClickableText.button menuContent [ ClickableText.custom attrs ] ] , focusAndToggle = \{ isOpen } -> isOpen } @@ -134,8 +166,8 @@ clickMenuButton = Event.click -pressTabKey : ProgramTest model msg effect -> ProgramTest model msg effect -pressTabKey = +pressKey : { targetId : Maybe String, keyCode : Int, shiftKey : Bool } -> ProgramTest model msg effect -> ProgramTest model msg effect +pressKey { targetId, keyCode, shiftKey } = ProgramTest.simulateDomEvent (Query.find [ Selector.class "Container" @@ -144,8 +176,26 @@ pressTabKey = (Event.custom "keydown" (Encode.object - [ ( "keyCode", Encode.int 9 ) - , ( "shiftKey", Encode.bool False ) + [ ( "keyCode", Encode.int keyCode ) + , ( "shiftKey", Encode.bool shiftKey ) + , ( "target" + , Encode.object + (List.filterMap identity <| + [ targetId + |> Maybe.map (\id -> ( "id", Encode.string id )) + ] + ) + ) ] ) ) + + +pressTabKey : { targetId : Maybe String } -> ProgramTest model msg effect -> ProgramTest model msg effect +pressTabKey { targetId } = + pressKey { targetId = targetId, keyCode = 9, shiftKey = False } + + +pressEscKey : { targetId : Maybe String } -> ProgramTest model msg effect -> ProgramTest model msg effect +pressEscKey { targetId } = + pressKey { targetId = targetId, keyCode = 27, shiftKey = False } From b2d09b237c473170be05cc5e3b6ad6d95d5aef2d Mon Sep 17 00:00:00 2001 From: "Brian J. Cardiff" Date: Mon, 11 Jul 2022 11:22:51 -0300 Subject: [PATCH 48/53] Add docs --- src/Nri/Ui/WhenFocusLeaves/V1.elm | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/Nri/Ui/WhenFocusLeaves/V1.elm b/src/Nri/Ui/WhenFocusLeaves/V1.elm index 5884e61f..3d39e8df 100644 --- a/src/Nri/Ui/WhenFocusLeaves/V1.elm +++ b/src/Nri/Ui/WhenFocusLeaves/V1.elm @@ -17,6 +17,8 @@ what to do in reponse to tab keypresses in a part of the UI. The ids referenced here are expected to correspond to elements in the container we are adding the attribute to. +NOTE: When needing to listen to multiple keys toDecoder should be used instead of toAttribute. + -} toAttribute : { firstId : String @@ -29,6 +31,22 @@ toAttribute config = Key.onKeyDown [ toDecoder config ] +{-| Use this decoder to add a focus watcher to an HTML element and define +what to do in reponse to tab keypresses in a part of the UI. + +The ids referenced here are expected to correspond to elements in the container +we are adding the attribute to. + +NOTE: When needing to listen to multiple keys toDecoder should be used instead of toAttribute. + + import Accessibility.Styled.Key as Key + + Key.onKeyDown + [ Key.escape CloseModal + , toDecoder config + ] + +-} toDecoder : { firstId : String , lastId : String From da57bb4bbc92d05c58087919e05306ffae1c10a4 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Mon, 11 Jul 2022 10:18:08 -0700 Subject: [PATCH 49/53] 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, [] ) - ] - ) - ] From 2b925f1b0a03456baf9032b0e9bcf2cb43290765 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Mon, 11 Jul 2022 10:27:07 -0700 Subject: [PATCH 50/53] Bump --- elm.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/elm.json b/elm.json index 75fbcdfa..c4c9f13e 100644 --- a/elm.json +++ b/elm.json @@ -3,7 +3,7 @@ "name": "NoRedInk/noredink-ui", "summary": "UI Widgets we use at NRI", "license": "BSD-3-Clause", - "version": "16.5.0", + "version": "16.6.0", "exposed-modules": [ "Nri.Ui", "Nri.Ui.Accordion.V1", From 09d2d0c44c04f653bcc2a9d69c018edc8042ccd7 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Mon, 11 Jul 2022 10:29:42 -0700 Subject: [PATCH 51/53] Revert "Merge pull request #981 from NoRedInk/bat/temp-revert" This reverts commit a479276106ceb31b0d9d3d784c9ea0ba1a22eec4, reversing changes made to f4fbe9d28352585bd7e5a9b4cfbd1070f41e744a. --- 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, 1027 insertions(+), 1999 deletions(-) delete mode 100644 src/Nri/Ui/SpriteSheet.elm delete mode 100644 styleguide-app/Examples/Svg.elm diff --git a/src/CheckboxIcons.elm b/src/CheckboxIcons.elm index 5708aa67..a0d67c59 100644 --- a/src/CheckboxIcons.elm +++ b/src/CheckboxIcons.elm @@ -5,6 +5,7 @@ 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) @@ -21,11 +22,7 @@ unchecked idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Svg.svg - [ SvgAttributes.width "27px" - , SvgAttributes.height "27px" - , SvgAttributes.viewBox viewBox - ] + Nri.Ui.Svg.V1.init viewBox [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -79,7 +76,8 @@ unchecked idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withWidth (Css.px 27) + |> Nri.Ui.Svg.V1.withHeight (Css.px 27) checked : String -> Svg @@ -91,11 +89,7 @@ checked idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Svg.svg - [ SvgAttributes.width "27px" - , SvgAttributes.height "27px" - , SvgAttributes.viewBox viewBox - ] + Nri.Ui.Svg.V1.init viewBox [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -158,7 +152,8 @@ checked idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withWidth (Css.px 27) + |> Nri.Ui.Svg.V1.withHeight (Css.px 27) checkedPartially : String -> Svg @@ -170,11 +165,7 @@ checkedPartially idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Svg.svg - [ SvgAttributes.width "27px" - , SvgAttributes.height "27px" - , SvgAttributes.viewBox viewBox - ] + Nri.Ui.Svg.V1.init viewBox [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -236,7 +227,8 @@ checkedPartially idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withWidth (Css.px 27) + |> Nri.Ui.Svg.V1.withHeight (Css.px 27) viewBox : String @@ -270,11 +262,7 @@ lockOnInside idSuffix = filterUrl = "url(#" ++ filterId ++ ")" in - Svg.svg - [ SvgAttributes.width "27px" - , SvgAttributes.height "27px" - , SvgAttributes.viewBox viewBox - ] + Nri.Ui.Svg.V1.init viewBox [ Svg.defs [] [ Svg.filter [ SvgAttributes.x "-3.7%" @@ -357,4 +345,5 @@ lockOnInside idSuffix = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withWidth (Css.px 27) + |> Nri.Ui.Svg.V1.withHeight (Css.px 27) diff --git a/src/Nri/Ui/Accordion/V1.elm b/src/Nri/Ui/Accordion/V1.elm index 9cff4acb..acdb63e7 100644 --- a/src/Nri/Ui/Accordion/V1.elm +++ b/src/Nri/Ui/Accordion/V1.elm @@ -21,6 +21,7 @@ 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 {-| -} @@ -232,6 +233,7 @@ viewCaret expanded caret = [ marginRight (px 8) ] expanded + |> Svg.toHtml WhiteCaret -> DisclosureIndicator.large @@ -240,6 +242,7 @@ 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 716f3f36..fbe14559 100644 --- a/src/Nri/Ui/AssignmentIcon/V2.elm +++ b/src/Nri/Ui/AssignmentIcon/V2.elm @@ -63,24 +63,14 @@ import Svg.Styled.Attributes as Attributes {-| -} diagnostic : Nri.Ui.Svg.V1.Svg diagnostic = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 43.8 41" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 43.8 41" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 57 58" - ] + Nri.Ui.Svg.V1.init "0 0 57 58" [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -90,30 +80,19 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 42.1 42" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 42.1 42" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 50 46" - ] + Nri.Ui.Svg.V1.init "0 0 50 46" [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -128,17 +107,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 48 37" - ] + Nri.Ui.Svg.V1.init "0 0 48 37" [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -149,49 +123,32 @@ quickWrite = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} guidedDraft : Nri.Ui.Svg.V1.Svg guidedDraft = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 98 72" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 98 72" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 -7 64 84" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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" @@ -207,36 +164,24 @@ submitting = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} rating : Nri.Ui.Svg.V1.Svg rating = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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" ] @@ -256,41 +201,32 @@ revising = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} startPrimary : Nri.Ui.Svg.V1.Svg startPrimary = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 50 50" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 60 50 51" - , Attributes.fill "#fff" - ] + Nri.Ui.Svg.V1.init "0 60 50 51" [ 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 @@ -300,18 +236,12 @@ startSecondary = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} assessment : Nri.Ui.Svg.V1.Svg assessment = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -321,43 +251,30 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 71 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 71 70" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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 {-| -} @@ -376,12 +293,7 @@ modules = fullWidthStr = String.fromFloat fullWidth in - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox <| "0 0 " ++ fullWidthStr ++ " " ++ fullWidthStr - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init ("0 0 " ++ fullWidthStr ++ " " ++ fullWidthStr) [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -393,18 +305,12 @@ modules = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} writing : Nri.Ui.Svg.V1.Svg writing = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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" ] [] @@ -417,35 +323,23 @@ writing = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} passageQuizCircled : Nri.Ui.Svg.V1.Svg passageQuizCircled = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 71 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 71 70" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 71" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 71" [ 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" ] @@ -456,18 +350,12 @@ planningDiagnosticCircled = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} quizCircled : Nri.Ui.Svg.V1.Svg quizCircled = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 71" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 71" [ 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" ] [] @@ -480,35 +368,23 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 71 71" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 71 71" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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" ] @@ -517,36 +393,24 @@ quickWriteCircled = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} guidedDraftCircled : Nri.Ui.Svg.V1.Svg guidedDraftCircled = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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" ] [] @@ -554,18 +418,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 70 70" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 70 70" [ 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" ] [] @@ -574,4 +432,3 @@ 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 11cc7dd7..54277995 100644 --- a/src/Nri/Ui/DisclosureIndicator/V2.elm +++ b/src/Nri/Ui/DisclosureIndicator/V2.elm @@ -20,21 +20,19 @@ 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.SpriteSheet exposing (arrowLeft) -import Nri.Ui.Svg.V1 as NriSvg +import Nri.Ui.Svg.V1 as Svg exposing (Svg) +import Nri.Ui.UiIcon.V1 as UiIcon {-| -} -medium : List Css.Style -> Bool -> Html msg +medium : List Css.Style -> Bool -> Svg medium styles isOpen = view { isOpen = isOpen, size = px 15, styles = styles } {-| -} -large : List Css.Style -> Bool -> Html msg +large : List Css.Style -> Bool -> Svg large styles isOpen = view { isOpen = isOpen, size = px 17, styles = styles } @@ -45,32 +43,19 @@ view : , size : Css.Px , styles : List Css.Style } - -> Html msg + -> Svg view { styles, size, isOpen } = - div - [ css - ([ Css.display Css.inlineBlock - , cursor pointer - , minWidth size - , minHeight size - , maxWidth size - , maxHeight size + 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)) ] ++ 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 9211a0c0..dfbc3452 100644 --- a/src/Nri/Ui/Loading/V1.elm +++ b/src/Nri/Ui/Loading/V1.elm @@ -78,11 +78,7 @@ spinningPencil = {-| -} spinningDots : Nri.Ui.Svg.V1.Svg spinningDots = - Svg.svg - [ SvgAttributes.width "100%" - , SvgAttributes.height "100%" - , SvgAttributes.viewBox "0 0 12.54 12.54" - ] + Nri.Ui.Svg.V1.init "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)" ] [] @@ -92,7 +88,6 @@ 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 f9f919c1..862a25f3 100644 --- a/src/Nri/Ui/Logo/V1.elm +++ b/src/Nri/Ui/Logo/V1.elm @@ -22,6 +22,9 @@ 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 @@ -30,18 +33,13 @@ import Svg.Styled.Attributes as Attributes {-| -} noredink : Nri.Ui.Svg.V1.Svg noredink = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 109 24" - ] + Nri.Ui.Svg.V1.init "0 0 109 24" [ Svg.g [ Attributes.fill "none" , Attributes.fillRule "evenodd" ] [ Svg.path - [ Attributes.fill "#F3336C" + [ Attributes.fill (toCssString Colors.red) , 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" ] [] @@ -51,41 +49,29 @@ noredink = ] [] , Svg.path - [ Attributes.fill "#F3336C" + [ Attributes.fill (toCssString Colors.red) , 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 10 19" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 87 20" - ] + Nri.Ui.Svg.V1.init "0 0 87 20" [ Svg.g [ Attributes.fillRule "evenodd" ] @@ -95,17 +81,12 @@ clever = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} cleverC : Nri.Ui.Svg.V1.Svg cleverC = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 39 44" - ] + Nri.Ui.Svg.V1.init "0 0 39 44" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -119,17 +100,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 580 198" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -144,35 +120,23 @@ cleverLibrary = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} twitter : Nri.Ui.Svg.V1.Svg twitter = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 16" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 20" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -196,14 +160,12 @@ googleClassroom = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} googleG : Nri.Ui.Svg.V1.Svg googleG = - Svg.svg - [ Attributes.viewBox "0 0 43 44" ] + Nri.Ui.Svg.V1.init "0 0 43 44" [ Svg.defs [] [ Svg.style [] [ Svg.text ".googleG-icon-clip-path-class{clip-path:url(#googleG-icon-clip-path);}" ] @@ -220,18 +182,12 @@ 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 = - Svg.svg - [ Attributes.viewBox "200 250 400 115" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "#E72429" - ] + Nri.Ui.Svg.V1.init "200 250 400 115" [ 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" ] [] @@ -261,34 +217,25 @@ canvas = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> Nri.Ui.Svg.V1.withColor (Css.hex "#E72429") {-| -} canvasCircle : Nri.Ui.Svg.V1.Svg canvasCircle = - Svg.svg - [ Attributes.viewBox "0 0 200 200" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 200 200" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 928 163" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 928 163" [ 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" @@ -305,17 +252,12 @@ 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 = - Svg.svg - [ Attributes.viewBox "0 0 163 163" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 163 163" [ 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" @@ -329,4 +271,3 @@ schoologyCircle = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/MasteryIcon/V1.elm b/src/Nri/Ui/MasteryIcon/V1.elm index c0c170c2..748b294f 100644 --- a/src/Nri/Ui/MasteryIcon/V1.elm +++ b/src/Nri/Ui/MasteryIcon/V1.elm @@ -14,79 +14,51 @@ import Svg.Styled.Attributes as Attributes {-| -} levelZero : Nri.Ui.Svg.V1.Svg levelZero = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 400 400" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 400 400" [ 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" @@ -108,4 +80,3 @@ levelFour = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/Message/V3.elm b/src/Nri/Ui/Message/V3.elm index 4eb800f8..79f090e6 100644 --- a/src/Nri/Ui/Message/V3.elm +++ b/src/Nri/Ui/Message/V3.elm @@ -768,7 +768,6 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Error" - |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Nothing, Alert ) -> @@ -787,7 +786,6 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Alert" - |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Nothing, Tip ) -> @@ -870,7 +868,6 @@ getIcon customIcon size theme = |> NriSvg.withHeight iconSize |> NriSvg.withCss [ marginRight, Css.flexShrink Css.zero ] |> NriSvg.withLabel "Success" - |> NriSvg.withNriDescription messageIconDescription |> NriSvg.toHtml ( Just icon_, _ ) -> @@ -878,7 +875,6 @@ 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 62cefa5f..0cbddf78 100644 --- a/src/Nri/Ui/Modal/V11.elm +++ b/src/Nri/Ui/Modal/V11.elm @@ -170,6 +170,7 @@ 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) @@ -177,8 +178,7 @@ 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.SpriteSheet -import Nri.Ui.Svg.V1 +import Nri.Ui.UiIcon.V1 as UiIcon import Task @@ -721,34 +721,32 @@ closeButtonId = {-| -} viewCloseButton : msg -> Html msg viewCloseButton closeModal = - 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 + 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 - -- 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 ] - ] - :: Attrs.id closeButtonId - :: [] - ) - [ Nri.Ui.Svg.V1.toHtml Nri.Ui.SpriteSheet.xSvg + -- 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 ] + ] ] diff --git a/src/Nri/Ui/Pennant/V2.elm b/src/Nri/Ui/Pennant/V2.elm index 256a3202..a9c08bbf 100644 --- a/src/Nri/Ui/Pennant/V2.elm +++ b/src/Nri/Ui/Pennant/V2.elm @@ -6,6 +6,8 @@ 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 @@ -14,11 +16,7 @@ import Svg.Styled.Attributes as Attributes {-| -} premiumFlag : Svg premiumFlag = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 18" - ] + Nri.Ui.Svg.V1.init "0 0 25 18" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -49,17 +47,12 @@ premiumFlag = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} disabledPremiumFlag : Nri.Ui.Svg.V1.Svg disabledPremiumFlag = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 18" - ] + Nri.Ui.Svg.V1.init "0 0 25 18" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -90,17 +83,12 @@ disabledPremiumFlag = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} expiredPremiumFlag : Nri.Ui.Svg.V1.Svg expiredPremiumFlag = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 18" - ] + Nri.Ui.Svg.V1.init "0 0 25 18" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -117,7 +105,7 @@ expiredPremiumFlag = [ Attributes.transform "translate(0.000000, 446.000000)" ] [ Svg.polygon - [ Attributes.fill "#F3336C" + [ Attributes.fill (toCssString Colors.red) , 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" ] [] @@ -131,4 +119,3 @@ expiredPremiumFlag = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml diff --git a/src/Nri/Ui/RadioButton/V4.elm b/src/Nri/Ui/RadioButton/V4.elm index 00893d5e..e2101b7a 100644 --- a/src/Nri/Ui/RadioButton/V4.elm +++ b/src/Nri/Ui/RadioButton/V4.elm @@ -577,7 +577,7 @@ radioInputIcon config = unselectedSvg : Svg unselectedSvg = - Svg.svg [ SvgAttributes.viewBox "0 0 27 27" ] + Nri.Ui.Svg.V1.init "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,13 +607,12 @@ unselectedSvg = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml |> withImageBorder Colors.gray75 selectedSvg : Svg selectedSvg = - Svg.svg [ SvgAttributes.viewBox "0 0 27 27" ] + Nri.Ui.Svg.V1.init "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 @@ -652,13 +651,12 @@ selectedSvg = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml |> withImageBorder Colors.azure lockedSvg : Svg lockedSvg = - Svg.svg [ SvgAttributes.viewBox "0 0 30 30" ] + Nri.Ui.Svg.V1.init "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" ] [] ] @@ -700,7 +698,6 @@ 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 02808185..954583af 100644 --- a/src/Nri/Ui/Select/V8.elm +++ b/src/Nri/Ui/Select/V8.elm @@ -1,6 +1,7 @@ module Nri.Ui.Select.V8 exposing ( view, generateId , Choice, choices + , ChoicesGroup, groupedChoices , value , Attribute, defaultDisplayText , hiddenLabel, visibleLabel @@ -24,6 +25,7 @@ module Nri.Ui.Select.V8 exposing ### Input types @docs Choice, choices +@docs ChoicesGroup, groupedChoices ### Input content @@ -160,6 +162,26 @@ 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 = @@ -195,6 +217,7 @@ 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 @@ -211,6 +234,7 @@ defaultConfig = { id = Nothing , value = Nothing , choices = [] + , optgroups = [] , valueToString = Nothing , defaultDisplayText = Nothing , error = InputErrorAndGuidanceInternal.noError @@ -255,6 +279,7 @@ view label attributes = config , viewSelect { choices = config.choices + , optgroups = config.optgroups , current = config.value , id = id_ , custom = config.custom @@ -268,6 +293,7 @@ view label attributes = viewSelect : { choices : List (Choice a) + , optgroups : List (ChoicesGroup a) , current : Maybe a , id : String , valueToString : Maybe (a -> String) @@ -278,23 +304,25 @@ viewSelect : -> Html a viewSelect config = let - stringChoices = + toChoice valueToString choice = + { label = choice.label + , idAndValue = generateId (valueToString choice.value) + , value = choice.value + } + + ( optionStringChoices, groupStringChoices ) = case config.valueToString of Just valueToString -> - List.map - (\choice -> - { label = choice.label - , idAndValue = generateId (valueToString choice.value) - , value = choice.value - } - ) - config.choices + ( List.map (toChoice valueToString) config.choices + , List.concatMap (.choices >> List.map (toChoice valueToString)) config.optgroups + ) Nothing -> - [] + ( [], [] ) valueLookup = - stringChoices + optionStringChoices + ++ groupStringChoices |> List.map (\x -> ( x.idAndValue, x.value )) |> Dict.fromList @@ -327,10 +355,23 @@ 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 - stringChoices - |> List.map (viewChoice currentVal) - |> (++) defaultOption + (defaultOption + ++ List.map (viewChoice currentVal) optionStringChoices + ++ List.map viewGroupedChoices config.optgroups + ) |> Nri.Ui.styled Html.select "nri-select-menu" [ -- border diff --git a/src/Nri/Ui/SpriteSheet.elm b/src/Nri/Ui/SpriteSheet.elm deleted file mode 100644 index 07dae0db..00000000 --- a/src/Nri/Ui/SpriteSheet.elm +++ /dev/null @@ -1,184 +0,0 @@ -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 c7f68e26..a5f40ad2 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, withNriDescription - , fromHtml, toHtml - , toRawSvg + , withColor, withLabel, withWidth, withHeight, withCss, withCustom + , init, toHtml ) {-| @docs Svg -@docs withColor, withLabel, withWidth, withHeight, withCss, withNriDescription -@docs fromHtml, toHtml -@docs toRawSvg +@docs withColor, withLabel, withWidth, withHeight, withCss, withCustom +@docs init, toHtml -} import Accessibility.Styled.Aria as Aria import Accessibility.Styled.Role as Role import Css exposing (Color) -import Html.Styled as Html exposing (Html) -import Html.Styled.Attributes as Attributes +import Html.Styled.Attributes import Nri.Ui.Html.Attributes.V2 as AttributesExtra -import Svg.Styled as Svg +import Svg.Styled +import Svg.Styled.Attributes exposing (..) {-| Opaque type describing a non-interactable Html element. -} type Svg = Svg - { icon : Html Never + { icon : List (Svg.Styled.Svg Never) , color : Maybe Color , width : Maybe Css.Px , height : Maybe Css.Px , css : List Css.Style , label : Maybe String - , attributes : List (Html.Attribute Never) + , viewBox : String + , attributes : List (Svg.Styled.Attribute Never) } -{-| Tag html as being an svg. +{-| Pass through the viewbox as the first argument and the contents of the svg node as the second argument. -} -fromHtml : Html Never -> Svg -fromHtml icon = +init : String -> List (Svg.Styled.Svg Never) -> Svg +init viewBox icon = Svg { icon = icon , color = Nothing , height = Nothing , width = Nothing - , css = [] + , css = [ Css.flexShrink Css.zero ] , label = Nothing + , viewBox = viewBox , attributes = [] } @@ -58,12 +58,11 @@ withColor color (Svg record) = Svg { record | color = Just color } -{-| Add a string aria-label property to the element. +{-| Add a title to the svg. Note that when the label is _not_ present, the icon will be entirely hidden from screenreader users. -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. +Read [Carie Fisher's "Accessible Svgs"](https://www.smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/) article to learn more about accessible svgs. -Note that when the label is _not_ present, `aria-hidden` will be added. See for a quick summary on why. +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. -} withLabel : String -> Svg -> Svg @@ -91,49 +90,45 @@ withCss css (Svg record) = {-| -} -withCustom : List (Html.Attribute Never) -> Svg -> Svg +withCustom : List (Svg.Styled.Attribute Never) -> Svg -> Svg withCustom attributes (Svg record) = - Svg { record | attributes = attributes ++ record.attributes } + Svg { record | attributes = record.attributes ++ attributes } -{-| -} -withNriDescription : String -> Svg -> Svg -withNriDescription description = - withCustom [ AttributesExtra.nriDescription description ] - - -{-| Render an svg. +{-| render an svg. -} -toHtml : Svg -> Html msg +toHtml : Svg -> Svg.Styled.Svg msg toHtml (Svg record) = let - css = - List.filterMap identity - [ Maybe.map Css.color record.color - , Maybe.map Css.width record.width - , Maybe.map Css.height record.height - ] - ++ record.css + width = + Maybe.map Css.width record.width + |> Maybe.withDefault (Css.width (Css.pct 100)) - attributes = - List.filterMap identity - [ if List.isEmpty css then - Nothing + height = + Maybe.map Css.height record.height + |> Maybe.withDefault (Css.height (Css.pct 100)) - 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 + color = + Maybe.map Css.color record.color + |> Maybe.withDefault (Css.batch []) in - Html.map never (Html.div attributes [ record.icon ]) + 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 - -{-| Extract an svg, dropping any attributes passed through. --} -toRawSvg : Svg -> Svg.Svg msg -toRawSvg (Svg record) = - Html.map never record.icon + Nothing -> + record.icon + ) + |> Svg.Styled.map never diff --git a/src/Nri/Ui/Switch/V2.elm b/src/Nri/Ui/Switch/V2.elm index e4b25182..fa901096 100644 --- a/src/Nri/Ui/Switch/V2.elm +++ b/src/Nri/Ui/Switch/V2.elm @@ -244,19 +244,7 @@ viewSwitch config = shadowBoxId = config.id ++ "-shadow-box" in - 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) - ] - ] + Nri.Ui.Svg.V1.init "0 0 43 32" [ Svg.defs [] [ Svg.filter [ SvgAttributes.id shadowFilterId @@ -366,7 +354,16 @@ viewSwitch config = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml + |> 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) + ] stroke : Color -> Style diff --git a/src/Nri/Ui/UiIcon/V1.elm b/src/Nri/Ui/UiIcon/V1.elm index 0ab43f3c..a4a1416f 100644 --- a/src/Nri/Ui/UiIcon/V1.elm +++ b/src/Nri/Ui/UiIcon/V1.elm @@ -77,6 +77,7 @@ 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 @@ -85,11 +86,7 @@ import Svg.Styled.Attributes as Attributes {-| -} unarchive : Nri.Ui.Svg.V1.Svg unarchive = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ Svg.path [ Attributes.fill "currentcolor" , Attributes.fillRule "evenodd" @@ -97,18 +94,12 @@ unarchive = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} archive : Nri.Ui.Svg.V1.Svg archive = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 24" - ] + Nri.Ui.Svg.V1.init "0 0 25 24" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -117,18 +108,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 30 30" - ] + Nri.Ui.Svg.V1.init "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" ] @@ -149,49 +134,30 @@ share = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} seeMore : Nri.Ui.Svg.V1.Svg seeMore = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 30 30" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 5 25 15" - , Attributes.fillRule "evenodd" - ] + Nri.Ui.Svg.V1.init "0 5 25 15" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 20" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ Svg.g [ Attributes.transform "translate(-188.000000, -218.000000)" ] @@ -211,18 +177,12 @@ copyToClipboard = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} performance : Nri.Ui.Svg.V1.Svg performance = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -233,100 +193,65 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 14 12" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 30 30" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 23 25" - ] + Nri.Ui.Svg.V1.init "0 0 23 25" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -344,33 +269,22 @@ emptyCalendar = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} calendar : Nri.Ui.Svg.V1.Svg calendar = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 74 100" - ] + Nri.Ui.Svg.V1.init "0 0 74 100" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -402,32 +316,21 @@ missingDocument = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} document : Nri.Ui.Svg.V1.Svg document = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 24 30" - ] + Nri.Ui.Svg.V1.init "0 0 24 30" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -445,17 +348,12 @@ documents = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} leaderboard : Nri.Ui.Svg.V1.Svg leaderboard = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 15" - ] + Nri.Ui.Svg.V1.init "0 0 20 15" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -479,45 +377,27 @@ leaderboard = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} class : Nri.Ui.Svg.V1.Svg class = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 21" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 18 18" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 100" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -525,78 +405,48 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 15 15" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21 18" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 63 63" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "-25 05 25 15" - ] + Nri.Ui.Svg.V1.init "-25 05 25 15" [ Svg.path [ Attributes.transform "rotate(90)" , Attributes.fillRule "evenodd" @@ -604,18 +454,12 @@ arrowTop = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowRight : Nri.Ui.Svg.V1.Svg arrowRight = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 5 25 15" - ] + Nri.Ui.Svg.V1.init "0 5 25 15" [ Svg.path [ Attributes.transform "rotate(180) translate(-25, -25)" , Attributes.fillRule "evenodd" @@ -623,18 +467,12 @@ arrowRight = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowDown : Nri.Ui.Svg.V1.Svg arrowDown = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 15" - ] + Nri.Ui.Svg.V1.init "0 0 25 15" [ Svg.path [ Attributes.transform "rotate(270) translate(-20)" , Attributes.fillRule "evenodd" @@ -642,91 +480,53 @@ arrowDown = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} arrowLeft : Nri.Ui.Svg.V1.Svg arrowLeft = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 5 25 15" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 20" - ] + Nri.Ui.Svg.V1.init "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 = - sortArrow_ [] - |> Nri.Ui.Svg.V1.fromHtml + Nri.Ui.Svg.V1.init "0 0 8 6" + [ Svg.polygon [ Attributes.points "0 6 4 0 8 6 0 6" ] [] ] {-| -} sortArrowDown : Nri.Ui.Svg.V1.Svg sortArrowDown = - sortArrow_ [ Attributes.transform "rotate(180)" ] - |> Nri.Ui.Svg.V1.fromHtml + Nri.Ui.Svg.V1.withCustom [ Attributes.transform "rotate(180)" ] sortArrow {-| -} checkmark : Nri.Ui.Svg.V1.Svg checkmark = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 21.7 17.1" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 50 50" - ] + Nri.Ui.Svg.V1.init "0 0 50 50" [ Svg.g [] [ Svg.circle [ Attributes.cx "25" @@ -741,17 +541,12 @@ checkmarkInCircle = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} checkmarkInCircleInverse : Nri.Ui.Svg.V1.Svg checkmarkInCircleInverse = - Svg.svg - [ Attributes.viewBox "0 0 75 75" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 75 75" [ Svg.g [] [ Svg.path [ Attributes.fill "currentcolor" @@ -761,17 +556,12 @@ checkmarkInCircleInverse = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} emptyCircle : Nri.Ui.Svg.V1.Svg emptyCircle = - Svg.svg - [ Attributes.viewBox "0 0 75 75" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 75 75" [ Svg.g [] [ Svg.path [ Attributes.fill "currentcolor" @@ -781,30 +571,19 @@ emptyCircle = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} x : Nri.Ui.Svg.V1.Svg x = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 50 50" - ] + Nri.Ui.Svg.V1.init "0 0 50 50" [ Svg.circle [ Attributes.fill "currentcolor" , Attributes.cx "25" @@ -819,31 +598,19 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 15 15" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 5.05 15.43" - ] + Nri.Ui.Svg.V1.init "0 0 5.05 15.43" [ Svg.ellipse [ Attributes.cx "2.52" , Attributes.cy "13.71" @@ -856,35 +623,25 @@ attention = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} flag : Nri.Ui.Svg.V1.Svg flag = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "#F3336C" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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.fromHtml + |> Nri.Ui.Svg.V1.withColor Colors.red {-| -} star : Nri.Ui.Svg.V1.Svg star = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 24" - ] + Nri.Ui.Svg.V1.init "0 0 25 24" [ Svg.defs [] [ Svg.path [ Attributes.id "stara" @@ -946,34 +703,24 @@ star = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} starFilled : Nri.Ui.Svg.V1.Svg starFilled = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 24" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "-1 -0.5 27 25" - ] + Nri.Ui.Svg.V1.init "-1 -0.5 27 25" [ Svg.path [ Attributes.fill "none" , Attributes.stroke "currentcolor" @@ -982,18 +729,12 @@ starOutline = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} compass : Nri.Ui.Svg.V1.Svg compass = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 27 27" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1006,95 +747,67 @@ compass = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} activity : Nri.Ui.Svg.V1.Svg activity = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 20" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 15 20" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 20" - , Attributes.fill "none" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ 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 @@ -1103,17 +816,12 @@ playInCircle = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} play : Nri.Ui.Svg.V1.Svg play = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 23 25" - ] + Nri.Ui.Svg.V1.init "0 0 23 25" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1126,27 +834,23 @@ play = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} stopInCircle : Nri.Ui.Svg.V1.Svg stopInCircle = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 20" - , Attributes.fill "none" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ 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 @@ -1159,27 +863,23 @@ stopInCircle = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} pauseInCircle : Nri.Ui.Svg.V1.Svg pauseInCircle = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 20" - , Attributes.fill "none" - ] + Nri.Ui.Svg.V1.init "0 0 20 20" [ 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 @@ -1201,17 +901,12 @@ pauseInCircle = ] [] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} equals : Nri.Ui.Svg.V1.Svg equals = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 15" - ] + Nri.Ui.Svg.V1.init "0 0 25 15" [ Svg.g [ Attributes.transform "translate(-191.000000, -1433.000000)" , Attributes.fill "currentcolor" @@ -1236,49 +931,32 @@ equals = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} plus : Nri.Ui.Svg.V1.Svg plus = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 23 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 17 25" - ] + Nri.Ui.Svg.V1.init "0 0 17 25" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1304,7 +982,6 @@ baldBulb = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| `bulb` will be removed in a future version of noredink-ui. @@ -1320,61 +997,39 @@ bulb = {-| -} help : Nri.Ui.Svg.V1.Svg help = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 64 71" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 18 24" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 19 26" - ] + Nri.Ui.Svg.V1.init "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" @@ -1396,80 +1051,51 @@ premiumLock = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} badge : Nri.Ui.Svg.V1.Svg badge = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 90 100" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 15 15" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 20 16" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 89 97" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 100 83" - ] + Nri.Ui.Svg.V1.init "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" @@ -1508,17 +1134,12 @@ sprout = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} sapling : Nri.Ui.Svg.V1.Svg sapling = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 100 191" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1530,18 +1151,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 100" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1562,73 +1177,43 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 13.6 13.9" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 9.5 13.9" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 17 19" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 16 12.6" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 100" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1636,109 +1221,68 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 18 8" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 18 8" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 20 18" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 20 18" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 30 30" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 30 30" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 21" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 21" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 25 25" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 31 31" - ] + Nri.Ui.Svg.V1.init "0 0 31 31" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -1759,35 +1303,23 @@ searchInCicle = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} speechBalloon : Nri.Ui.Svg.V1.Svg speechBalloon = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "6 4 29 27" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 27 27" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1795,18 +1327,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 27 27" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1814,18 +1340,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 16 13" - ] + Nri.Ui.Svg.V1.init "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" ] [] @@ -1841,17 +1361,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 27 24" - ] + Nri.Ui.Svg.V1.init "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)" ] @@ -1909,32 +1424,20 @@ openBooks = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} null : Nri.Ui.Svg.V1.Svg null = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 100" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 68 51" - ] + Nri.Ui.Svg.V1.init "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" @@ -1942,18 +1445,12 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 68 51" - ] + Nri.Ui.Svg.V1.init "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" @@ -1961,64 +1458,40 @@ 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 = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 88 63" - ] + Nri.Ui.Svg.V1.init "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 = - Svg.svg - [ Attributes.viewBox "0 0 25 25" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 91 87" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 91 87" [ 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 = - Svg.svg - [ Attributes.viewBox "0 0 71 100" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 71 100" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2031,18 +1504,12 @@ microscope = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} tada : Nri.Ui.Svg.V1.Svg tada = - Svg.svg - [ Attributes.viewBox "0 0 21 21" - , Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - ] + Nri.Ui.Svg.V1.init "0 0 21 21" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2063,17 +1530,12 @@ tada = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} openInNewTab : Nri.Ui.Svg.V1.Svg openInNewTab = - Svg.svg - [ Attributes.viewBox "0 0 74 74" - , Attributes.width "100%" - , Attributes.height "100%" - ] + Nri.Ui.Svg.V1.init "0 0 74 74" [ Svg.g [ Attributes.fill "currentcolor" , Attributes.fillRule "nonzero" @@ -2088,18 +1550,12 @@ openInNewTab = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} sync : Nri.Ui.Svg.V1.Svg sync = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.viewBox "0 0 62 62" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 62 62" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2120,19 +1576,12 @@ sync = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} flagUs : Nri.Ui.Svg.V1.Svg flagUs = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 92 64" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 92 64" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2187,19 +1636,12 @@ flagUs = [] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} school : Nri.Ui.Svg.V1.Svg school = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 90 96" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 90 96" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2218,19 +1660,12 @@ school = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} highSchool : Nri.Ui.Svg.V1.Svg highSchool = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 100 97" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 100 97" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2269,19 +1704,12 @@ highSchool = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} company : Nri.Ui.Svg.V1.Svg company = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 55 67" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 55 67" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2308,19 +1736,12 @@ company = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} homeSchool : Nri.Ui.Svg.V1.Svg homeSchool = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 25 25" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 25 25" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2338,19 +1759,12 @@ homeSchool = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} globe : Nri.Ui.Svg.V1.Svg globe = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 101 101" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 101 101" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2379,19 +1793,12 @@ globe = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml {-| -} graduateCap : Nri.Ui.Svg.V1.Svg graduateCap = - Svg.svg - [ Attributes.width "100%" - , Attributes.height "100%" - , Attributes.fill "currentcolor" - , Attributes.viewBox "0 0 101 65" - , Attributes.version "1.1" - ] + Nri.Ui.Svg.V1.init "0 0 101 65" [ Svg.g [ Attributes.stroke "none" , Attributes.strokeWidth "1" @@ -2414,4 +1821,3 @@ graduateCap = ] ] ] - |> Nri.Ui.Svg.V1.fromHtml diff --git a/styleguide-app/Examples.elm b/styleguide-app/Examples.elm index 85b86d35..1a0df5f6 100644 --- a/styleguide-app/Examples.elm +++ b/styleguide-app/Examples.elm @@ -31,7 +31,6 @@ 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 @@ -612,25 +611,6 @@ 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 ) @@ -839,7 +819,6 @@ type State | SideNavState SideNav.State | SortableTableState SortableTable.State | SpriteState Sprite.State - | SvgState Svg.State | SwitchState Switch.State | TableState Table.State | TabsState Tabs.State @@ -882,7 +861,6 @@ 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 20990c04..61189f9b 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) ] + DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml {-| -} @@ -104,7 +104,10 @@ view ellieLinkConfig model = , update = UpdateControls , settings = model.settings , mainType = "RootHtml.Html String" - , extraImports = [ "import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator" ] + , extraImports = + [ "import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator" + , "import Nri.Ui.Svg.V1 as Svg" + ] , toExampleCode = \settings -> [ { sectionName = "Partial example" @@ -346,8 +349,8 @@ controlIcon = Control.choice [ ( "DisclosureIndicator" , Control.value - ( "DisclosureIndicator.large [ Css.marginRight (Css.px 8) ]" - , DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] + ( "DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml" + , DisclosureIndicator.large [ Css.marginRight (Css.px 8) ] >> Svg.toHtml ) ) , ( "none", Control.value ( "\\_ -> text \"\"", \_ -> Html.text "" ) ) diff --git a/styleguide-app/Examples/AssignmentIcon.elm b/styleguide-app/Examples/AssignmentIcon.elm index 12c41978..8afe277c 100644 --- a/styleguide-app/Examples/AssignmentIcon.elm +++ b/styleguide-app/Examples/AssignmentIcon.elm @@ -6,9 +6,8 @@ module Examples.AssignmentIcon exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples +import Examples.IconExamples as IconExamples exposing (Group) import Nri.Ui.AssignmentIcon.V2 as AssignmentIcon @@ -25,13 +24,12 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "AssignmentIcon" + { moduleName = "AssignmentIcon" , version = 2 - , categories = [ Icons ] - , keyboardSupport = [] - , state = IconExamples.init - , update = IconExamples.update - , subscriptions = \_ -> Sub.none + , label = "Planning Diagnostics" + , name = "planningDiagnosticCircled" + , icon = AssignmentIcon.planningDiagnosticCircled + , renderSvgCode = \name -> "AssignmentIcon." ++ name , preview = IconExamples.preview [ AssignmentIcon.planningDiagnosticCircled @@ -47,53 +45,60 @@ example = , AssignmentIcon.standards , AssignmentIcon.writing ] - , 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 ) - ] - ] + , all = all } + |> 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 1e4b6bb6..d5f62b12 100644 --- a/styleguide-app/Examples/DisclosureIndicator.elm +++ b/styleguide-app/Examples/DisclosureIndicator.elm @@ -15,6 +15,7 @@ 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 @@ -39,10 +40,10 @@ example = , update = update , subscriptions = \_ -> Sub.none , preview = - [ DisclosureIndicator.medium [] False - , DisclosureIndicator.medium [] True - , DisclosureIndicator.large [] False - , DisclosureIndicator.large [] True + [ DisclosureIndicator.medium [] False |> Svg.toHtml + , DisclosureIndicator.medium [] True |> Svg.toHtml + , DisclosureIndicator.large [] False |> Svg.toHtml + , DisclosureIndicator.large [] True |> Svg.toHtml ] , view = \ellieLinkConfig state -> @@ -58,7 +59,7 @@ example = , update = UpdateSettings , settings = state.settings , mainType = "RootHtml.Html msg" - , extraImports = [] + , extraImports = [ "import Nri.Ui.Svg.V1 as Svg" ] , toExampleCode = \settings -> let @@ -70,6 +71,7 @@ example = ++ Tuple.first settings.css ++ " " ++ Tuple.first settings.isOpen + ++ " |> Svg.toHtml" in [ { sectionName = "Large" , code = toCode "large" @@ -83,12 +85,14 @@ 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 e02b93b1..f5793892 100644 --- a/styleguide-app/Examples/IconExamples.elm +++ b/styleguide-app/Examples/IconExamples.elm @@ -1,26 +1,61 @@ module Examples.IconExamples exposing - ( preview - , Settings, init, Msg, update, viewSettings - , view, viewWithCustomStyles + ( example + , Settings, Msg + , Group + , preview ) {-| +@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 exposing (css) +import Html.Styled.Attributes as Attributes exposing (css) +import Html.Styled.Events as Events 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.Svg.V1 as Svg +import Nri.Ui.Select.V8 as Select +import Nri.Ui.Svg.V1 as Svg exposing (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 + } {-| -} @@ -43,29 +78,84 @@ preview icons = {-| -} type alias Settings = - { showIconName : Bool } + { showIconName : Bool + , iconSelectorExpanded : Bool + , color : SolidColor + , width : Float + , height : Float + , icon : ( String, Svg ) + , label : String + , showBorder : Bool + , renderSvgCode : String -> String + } {-| -} -init : Settings -init = - { showIconName = False } +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 + } {-| -} 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 settings = +update msg state = case msg of ShowNames showIconName -> - ( { settings | showIconName = showIconName } + ( { state | 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 @@ -80,20 +170,27 @@ viewSettings { showIconName } = } +type alias Group = + ( String + , List ( String, Svg.Svg, List Css.Style ) + ) + + {-| -} -view : Settings -> String -> List ( String, Svg.Svg ) -> Html msg -view settings headerText icons = +view : Settings -> List Group -> List (Html Msg) +view settings groups = let - defaultStyles = - [ Css.height (Css.px 25) - , Css.width (Css.px 25) - , Css.margin (Css.px 4) - , Css.color Colors.gray45 - ] + viewExampleSection ( group, values ) = + viewWithCustomStyles settings group values in - viewWithCustomStyles settings - headerText - (List.map (\( name, svg ) -> ( name, svg, defaultStyles )) icons) + 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 + ] + ] {-| -} @@ -129,6 +226,18 @@ 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 @@ -148,7 +257,7 @@ viewIcon showIconName ( name, icon, style ) = ] ] [ icon - |> Svg.withCss style + |> Svg.withCss iconCss |> Svg.toHtml , Text.smallBody [ Text.plaintext name @@ -160,3 +269,133 @@ 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 b3763abc..65050d2e 100644 --- a/styleguide-app/Examples/Logo.elm +++ b/styleguide-app/Examples/Logo.elm @@ -6,10 +6,9 @@ module Examples.Logo exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Css import Example exposing (Example) -import Examples.IconExamples as IconExamples +import Examples.IconExamples as IconExamples exposing (Group) import Html.Styled as Html import Html.Styled.Attributes exposing (css) import Nri.Ui.Colors.V1 as Colors @@ -30,13 +29,12 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "Logo" + { moduleName = "Logo" , version = 1 - , categories = [ Icons ] - , keyboardSupport = [] - , state = IconExamples.init - , update = IconExamples.update - , subscriptions = \_ -> Sub.none + , label = "NoRedInk" + , name = "noredink" + , icon = Logo.noredink + , renderSvgCode = \name -> "Logo." ++ name , preview = Html.div [ css [ Css.marginBottom (Css.px 8) ] ] [ Svg.toHtml Logo.noredink ] :: IconExamples.preview @@ -45,83 +43,87 @@ example = , Logo.cleverC , Logo.googleG ] - , 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) - ] - ) - ] - ] + , all = all } + |> 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 7ea5756a..38e3023f 100644 --- a/styleguide-app/Examples/Pennant.elm +++ b/styleguide-app/Examples/Pennant.elm @@ -6,10 +6,9 @@ module Examples.Pennant exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Css import Example exposing (Example) -import Examples.IconExamples as IconExamples +import Examples.IconExamples as IconExamples exposing (Group) import Nri.Ui.Pennant.V2 as Pennant @@ -26,36 +25,38 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "Pennant" + { moduleName = "Pennant" , version = 2 - , categories = [ Icons ] - , keyboardSupport = [] - , state = IconExamples.init - , update = IconExamples.update - , subscriptions = \_ -> Sub.none + , label = "Premium" + , name = "premiumFlag" + , icon = Pennant.premiumFlag + , renderSvgCode = \name -> "Pennant." ++ name , preview = IconExamples.preview [ Pennant.premiumFlag , Pennant.expiredPremiumFlag , Pennant.disabledPremiumFlag ] - , 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) ] - ) - ] - ] + , all = all } + |> 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 571c76e0..25103b83 100644 --- a/styleguide-app/Examples/Sprite.elm +++ b/styleguide-app/Examples/Sprite.elm @@ -6,13 +6,10 @@ module Examples.Sprite exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples +import Examples.IconExamples as IconExamples exposing (Group) 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 {-| -} @@ -28,39 +25,36 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "Sprite" + { moduleName = "Sprite" , version = 1 - , 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 - ] + , 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 } + |> IconExamples.example -sprites : List ( String, Svg ) +all : List Group +all = + [ ( "Rich Text Formatting", sprites ) + ] + + +sprites : List ( String, Svg, List a ) 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 - [ Attributes.width "100%" - , Attributes.height "100%" - ] - [ Sprite.use id ] - |> Svg.fromHtml + Svg.init "" [ Sprite.use id ] diff --git a/styleguide-app/Examples/Svg.elm b/styleguide-app/Examples/Svg.elm deleted file mode 100644 index 7629b386..00000000 --- a/styleguide-app/Examples/Svg.elm +++ /dev/null @@ -1,198 +0,0 @@ -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 19c8ad9c..a93b8d46 100644 --- a/styleguide-app/Examples/UiIcon.elm +++ b/styleguide-app/Examples/UiIcon.elm @@ -6,9 +6,8 @@ module Examples.UiIcon exposing (example, State, Msg) -} -import Category exposing (Category(..)) import Example exposing (Example) -import Examples.IconExamples as IconExamples +import Examples.IconExamples as IconExamples exposing (Group) import Nri.Ui.UiIcon.V1 as UiIcon @@ -25,13 +24,12 @@ type alias Msg = {-| -} example : Example State Msg example = - { name = "UiIcon" + { moduleName = "UiIcon" , version = 1 - , categories = List.singleton Icons - , keyboardSupport = [] - , state = IconExamples.init - , update = IconExamples.update - , subscriptions = \_ -> Sub.none + , label = "Mastered" + , name = "starFilled" + , icon = UiIcon.starFilled + , renderSvgCode = \name -> "UiIcon." ++ name , preview = IconExamples.preview [ UiIcon.seeMore @@ -47,171 +45,199 @@ example = , UiIcon.checkmark , UiIcon.equals ] - , 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 ) - ] - ] + , all = all } + |> 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, [] ) + ] + ) + ] From 482f4379a7d3135efcf87ab9304951c942c019d1 Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Mon, 11 Jul 2022 10:30:00 -0700 Subject: [PATCH 52/53] Bump --- elm.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/elm.json b/elm.json index c4c9f13e..8e12cd01 100644 --- a/elm.json +++ b/elm.json @@ -3,7 +3,7 @@ "name": "NoRedInk/noredink-ui", "summary": "UI Widgets we use at NRI", "license": "BSD-3-Clause", - "version": "16.6.0", + "version": "17.0.0", "exposed-modules": [ "Nri.Ui", "Nri.Ui.Accordion.V1", From 40083b39ea6f621e43018110693e74872d6a4bae Mon Sep 17 00:00:00 2001 From: Juliano Solanho Date: Thu, 14 Jul 2022 14:40:56 -0300 Subject: [PATCH 53/53] Fix div inside an a alert from ARC Toolkit --- src/Nri/Ui/BreadCrumbs/V1.elm | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Nri/Ui/BreadCrumbs/V1.elm b/src/Nri/Ui/BreadCrumbs/V1.elm index 292142e3..b1937311 100644 --- a/src/Nri/Ui/BreadCrumbs/V1.elm +++ b/src/Nri/Ui/BreadCrumbs/V1.elm @@ -260,7 +260,7 @@ viewIconForLink isFirst iconStyle svg = viewHeadingWithIcon : { config | isLast : Bool, isIconOnly : Bool } -> String -> Html msg viewHeadingWithIcon { isIconOnly, isLast } title = - div + span (if isIconOnly then Style.invisible @@ -300,7 +300,7 @@ circleIconClass = withIconCircle : Svg.Svg -> Html msg withIconCircle icon = - styled div + styled span [ borderRadius (pct 50) , border3 (px 1) solid Colors.azure , color Colors.azure