Rename from 'shortcuts' to 'support' -- not about providing shortcuts, about providing access

This commit is contained in:
Tessa Kelly 2020-06-19 14:45:32 -07:00
parent 311ba32ec3
commit 3ca51afde0
38 changed files with 86 additions and 86 deletions

View File

@ -5,7 +5,7 @@ import Category exposing (Category)
import Css exposing (..) import Css exposing (..)
import Html.Styled as Html exposing (Html) import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Attributes import Html.Styled.Attributes as Attributes
import KeyboardShortcuts exposing (KeyboardShortcut) import KeyboardSupport exposing (KeyboardSupport)
import Nri.Ui.Colors.V1 exposing (..) import Nri.Ui.Colors.V1 exposing (..)
import Nri.Ui.Html.Attributes.V2 as AttributeExtras exposing (targetBlank) import Nri.Ui.Html.Attributes.V2 as AttributeExtras exposing (targetBlank)
@ -18,7 +18,7 @@ type alias Example state msg =
, view : state -> List (Html msg) , view : state -> List (Html msg)
, categories : List Category , categories : List Category
, atomicDesignType : AtomicDesignType , atomicDesignType : AtomicDesignType
, keyboardShortcuts : List KeyboardShortcut , keyboardSupport : List KeyboardSupport
} }
@ -43,7 +43,7 @@ wrapMsg wrapMsg_ unwrapMsg example =
, view = \state -> List.map (Html.map wrapMsg_) (example.view state) , view = \state -> List.map (Html.map wrapMsg_) (example.view state)
, categories = example.categories , categories = example.categories
, atomicDesignType = example.atomicDesignType , atomicDesignType = example.atomicDesignType
, keyboardShortcuts = example.keyboardShortcuts , keyboardSupport = example.keyboardSupport
} }
@ -74,7 +74,7 @@ wrapState wrapState_ unwrapState example =
>> Maybe.withDefault [] >> Maybe.withDefault []
, categories = example.categories , categories = example.categories
, atomicDesignType = example.atomicDesignType , atomicDesignType = example.atomicDesignType
, keyboardShortcuts = example.keyboardShortcuts , keyboardSupport = example.keyboardSupport
} }
@ -113,7 +113,7 @@ view showFocusLink example =
|> (++) "https://github.com/NoRedInk/noredink-ui/blob/master/src/" |> (++) "https://github.com/NoRedInk/noredink-ui/blob/master/src/"
|> viewLink "Source" |> viewLink "Source"
] ]
, KeyboardShortcuts.view example.keyboardShortcuts , KeyboardSupport.view example.keyboardSupport
, Html.div [ Attributes.css [ padding2 (px 20) zero ] ] (example.view example.state) , Html.div [ Attributes.css [ padding2 (px 20) zero ] ] (example.view example.state)
] ]

View File

@ -17,7 +17,7 @@ import Dict exposing (Dict)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html exposing (Html) import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Accordion.V1 as Accordion import Nri.Ui.Accordion.V1 as Accordion
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Fonts.V1 as Fonts import Nri.Ui.Fonts.V1 as Fonts
@ -35,7 +35,7 @@ example =
, view = view , view = view
, categories = [ Layout ] , categories = [ Layout ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
} }

View File

@ -10,7 +10,7 @@ import AtomicDesignType exposing (AtomicDesignType(..))
import Category exposing (Category(..)) import Category exposing (Category(..))
import Example exposing (Example) import Example exposing (Example)
import Examples.IconExamples as IconExamples import Examples.IconExamples as IconExamples
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.AssignmentIcon.V2 as AssignmentIcon import Nri.Ui.AssignmentIcon.V2 as AssignmentIcon
import Nri.Ui.Icon.V5 as Icon import Nri.Ui.Icon.V5 as Icon
@ -31,7 +31,7 @@ example =
{ name = "Nri.Ui.AssignmentIcon.V2" { name = "Nri.Ui.AssignmentIcon.V2"
, categories = [ Icons ] , categories = [ Icons ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -13,7 +13,7 @@ import Debug.Control as Control exposing (Control)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled exposing (..) import Html.Styled exposing (..)
import Html.Styled.Attributes exposing (css, id) import Html.Styled.Attributes exposing (css, id)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Button.V10 as Button import Nri.Ui.Button.V10 as Button
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Svg.V1 as Svg exposing (Svg) import Nri.Ui.Svg.V1 as Svg exposing (Svg)
@ -30,7 +30,7 @@ example =
, view = \state -> [ viewButtonExamples state ] , view = \state -> [ viewButtonExamples state ]
, categories = [ Buttons ] , categories = [ Buttons ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
} }

View File

@ -13,7 +13,7 @@ import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import Html.Styled.Attributes exposing (href, title) import Html.Styled.Attributes exposing (href, title)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Callout.V1 as Callout exposing (callout) import Nri.Ui.Callout.V1 as Callout exposing (callout)
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -33,7 +33,7 @@ example =
{ name = "Nri.Ui.Callout.V1" { name = "Nri.Ui.Callout.V1"
, categories = [ Messaging ] , categories = [ Messaging ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -12,7 +12,7 @@ import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html exposing (..) import Html.Styled as Html exposing (..)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Checkbox.V5 as Checkbox import Nri.Ui.Checkbox.V5 as Checkbox
import Nri.Ui.Data.PremiumLevel as PremiumLevel exposing (PremiumLevel(..)) import Nri.Ui.Data.PremiumLevel as PremiumLevel exposing (PremiumLevel(..))
import Nri.Ui.PremiumCheckbox.V6 as PremiumCheckbox import Nri.Ui.PremiumCheckbox.V6 as PremiumCheckbox
@ -51,7 +51,7 @@ example =
] ]
, categories = [ Inputs ] , categories = [ Inputs ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
} }

View File

@ -15,7 +15,7 @@ import Examples.IconExamples as IconExamples
import Html.Styled as Html import Html.Styled as Html
import Html.Styled.Attributes as Attributes import Html.Styled.Attributes as Attributes
import Html.Styled.Events as Events import Html.Styled.Events as Events
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.ClickableSvg.V1 as ClickableSvg import Nri.Ui.ClickableSvg.V1 as ClickableSvg
import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor) import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor)
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
@ -31,7 +31,7 @@ example =
{ name = "Nri.Ui.ClickableSvg.V1" { name = "Nri.Ui.ClickableSvg.V1"
, categories = [ Buttons, Icons ] , categories = [ Buttons, Icons ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -13,7 +13,7 @@ import Debug.Control as Control exposing (Control)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled exposing (..) import Html.Styled exposing (..)
import Html.Styled.Attributes exposing (css, id) import Html.Styled.Attributes exposing (css, id)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.ClickableText.V3 as ClickableText import Nri.Ui.ClickableText.V3 as ClickableText
import Nri.Ui.Svg.V1 as Svg exposing (Svg) import Nri.Ui.Svg.V1 as Svg exposing (Svg)
import Nri.Ui.Text.V4 as Text import Nri.Ui.Text.V4 as Text
@ -35,7 +35,7 @@ example =
, view = \state -> [ viewExamples state ] , view = \state -> [ viewExamples state ]
, categories = [ Buttons ] , categories = [ Buttons ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
} }

View File

@ -13,7 +13,7 @@ import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import Html.Styled.Attributes as Attributes exposing (css) import Html.Styled.Attributes as Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Colors.Extra import Nri.Ui.Colors.Extra
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -38,7 +38,7 @@ example =
{ name = "Nri.Ui.Colors.V1" { name = "Nri.Ui.Colors.V1"
, categories = [ Colors ] , categories = [ Colors ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -14,7 +14,7 @@ import Dict exposing (Dict)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html exposing (Html) import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Attributes exposing (css) import Html.Styled.Attributes as Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Button.V10 as Button import Nri.Ui.Button.V10 as Button
import Nri.Ui.Confetti.V2 as Confetti import Nri.Ui.Confetti.V2 as Confetti
@ -25,7 +25,7 @@ example =
{ name = "Nri.Ui.Confetti.V2" { name = "Nri.Ui.Confetti.V2"
, categories = [ Animations ] , categories = [ Animations ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = Confetti.init 700 , state = Confetti.init 700
, update = update , update = update
, subscriptions = , subscriptions =

View File

@ -13,7 +13,7 @@ import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import Html.Styled.Events exposing (onClick) import Html.Styled.Events exposing (onClick)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Button.V10 as Button import Nri.Ui.Button.V10 as Button
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator import Nri.Ui.DisclosureIndicator.V2 as DisclosureIndicator
@ -33,7 +33,7 @@ example =
{ name = "Nri.Ui.DisclosureIndicator.V2" { name = "Nri.Ui.DisclosureIndicator.V2"
, categories = [ Widgets ] , categories = [ Widgets ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -12,7 +12,7 @@ import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Divider.V2 as Divider import Nri.Ui.Divider.V2 as Divider
@ -32,7 +32,7 @@ example =
{ name = "Nri.Ui.Divider.V2" { name = "Nri.Ui.Divider.V2"
, categories = [ Layout ] , categories = [ Layout ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = {} , state = {}
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -11,7 +11,7 @@ import Category exposing (Category(..))
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Fonts.V1 as Fonts import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -32,7 +32,7 @@ example =
{ name = "Nri.Ui.Fonts.V1" { name = "Nri.Ui.Fonts.V1"
, categories = [ Text ] , categories = [ Text ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -11,7 +11,7 @@ import Category exposing (Category(..))
import Css import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -32,7 +32,7 @@ example =
{ name = "Nri.Ui.Heading.V2" { name = "Nri.Ui.Heading.V2"
, categories = [ Text, Layout ] , categories = [ Text, Layout ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -13,7 +13,7 @@ import Css.Global
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html exposing (Html) import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.AssetPath as AssetPath exposing (Asset(..)) import Nri.Ui.AssetPath as AssetPath exposing (Asset(..))
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -37,7 +37,7 @@ example =
{ name = "Nri.Ui.Icon.V5" { name = "Nri.Ui.Icon.V5"
, categories = [ Icons ] , categories = [ Icons ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -15,7 +15,7 @@ import Example exposing (Example)
import Html.Styled as Html exposing (Html) import Html.Styled as Html exposing (Html)
import Html.Styled.Events as Events import Html.Styled.Events as Events
import Json.Decode import Json.Decode
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Button.V10 as Button import Nri.Ui.Button.V10 as Button
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -91,7 +91,7 @@ example =
{ name = "Nri.Ui.Loading.V1" { name = "Nri.Ui.Loading.V1"
, categories = [ Pages ] , categories = [ Pages ]
, atomicDesignType = Page , atomicDesignType = Page
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = subscriptions , subscriptions = subscriptions

View File

@ -11,7 +11,7 @@ import Category exposing (Category(..))
import Css import Css
import Example exposing (Example) import Example exposing (Example)
import Examples.IconExamples as IconExamples import Examples.IconExamples as IconExamples
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Logo.V1 as Logo import Nri.Ui.Logo.V1 as Logo
@ -32,7 +32,7 @@ example =
{ name = "Nri.Ui.Logo.V1" { name = "Nri.Ui.Logo.V1"
, categories = [ Icons ] , categories = [ Icons ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -10,7 +10,7 @@ import AtomicDesignType exposing (AtomicDesignType(..))
import Category exposing (Category(..)) import Category exposing (Category(..))
import Example exposing (Example) import Example exposing (Example)
import Examples.IconExamples as IconExamples import Examples.IconExamples as IconExamples
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.MasteryIcon.V1 as MasteryIcon import Nri.Ui.MasteryIcon.V1 as MasteryIcon
@ -31,7 +31,7 @@ example =
{ name = "Nri.Ui.MasteryIcon.V1" { name = "Nri.Ui.MasteryIcon.V1"
, categories = [ Icons ] , categories = [ Icons ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -13,7 +13,7 @@ import Css
import Debug.Control as Control exposing (Control) import Debug.Control as Control exposing (Control)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.ClickableText.V3 as ClickableText import Nri.Ui.ClickableText.V3 as ClickableText
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Menu.V1 as Menu import Nri.Ui.Menu.V1 as Menu
@ -31,7 +31,7 @@ example =
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none
, categories = [ Widgets ] , categories = [ Widgets ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, view = view , view = view
} }

View File

@ -8,7 +8,7 @@ import Debug.Control as Control exposing (Control)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled exposing (styled) import Html.Styled exposing (styled)
import Html.Styled.Attributes as Attributes exposing (href) import Html.Styled.Attributes as Attributes exposing (href)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Message.V1 as Message import Nri.Ui.Message.V1 as Message
@ -126,7 +126,7 @@ example =
{ name = "Nri.Ui.Message.V1" { name = "Nri.Ui.Message.V1"
, categories = [ Messaging ] , categories = [ Messaging ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -14,7 +14,7 @@ import Css.Global
import Example exposing (Example) import Example exposing (Example)
import Html as Root import Html as Root
import Html.Styled.Attributes as Attributes import Html.Styled.Attributes as Attributes
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Button.V10 as Button import Nri.Ui.Button.V10 as Button
import Nri.Ui.Checkbox.V5 as Checkbox import Nri.Ui.Checkbox.V5 as Checkbox
import Nri.Ui.ClickableText.V3 as ClickableText import Nri.Ui.ClickableText.V3 as ClickableText
@ -56,7 +56,7 @@ example =
{ name = "Nri.Ui.Modal.V8" { name = "Nri.Ui.Modal.V8"
, categories = [ Modals ] , categories = [ Modals ]
, atomicDesignType = Organism , atomicDesignType = Organism
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = subscriptions , subscriptions = subscriptions

View File

@ -12,7 +12,7 @@ import Css
import Css.Global exposing (Snippet, adjacentSiblings, children, class, descendants, each, everything, media, selector, withClass) import Css.Global exposing (Snippet, adjacentSiblings, children, class, descendants, each, everything, media, selector, withClass)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html exposing (Html) import Html.Styled as Html exposing (Html)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Page.V3 as Page import Nri.Ui.Page.V3 as Page
@ -33,7 +33,7 @@ example =
{ name = "Nri.Ui.Page.V3" { name = "Nri.Ui.Page.V3"
, categories = [ Pages ] , categories = [ Pages ]
, atomicDesignType = Page , atomicDesignType = Page
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = , update =
\msg model -> \msg model ->

View File

@ -12,7 +12,7 @@ import Css exposing (..)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html exposing (Html) import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Fonts.V1 as Fonts import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Pennant.V2 as Pennant import Nri.Ui.Pennant.V2 as Pennant
import Nri.Ui.Svg.V1 as Svg import Nri.Ui.Svg.V1 as Svg
@ -34,7 +34,7 @@ example =
{ name = "Nri.Ui.Pennant.V2" { name = "Nri.Ui.Pennant.V2"
, categories = [ Icons ] , categories = [ Icons ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -18,7 +18,7 @@ import Example exposing (Example)
import Html.Styled as Html exposing (Html) import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Attr import Html.Styled.Attributes as Attr
import Html.Styled.Events as Events import Html.Styled.Events as Events
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.SegmentedControl.V9 as SegmentedControl import Nri.Ui.SegmentedControl.V9 as SegmentedControl
import Nri.Ui.Svg.V1 as Svg exposing (Svg) import Nri.Ui.Svg.V1 as Svg exposing (Svg)
@ -66,7 +66,7 @@ example =
] ]
, categories = [ Inputs, Widgets, Layout ] , categories = [ Inputs, Widgets, Layout ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
} }

View File

@ -12,7 +12,7 @@ import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled import Html.Styled
import Html.Styled.Attributes import Html.Styled.Attributes
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Select.V7 as Select import Nri.Ui.Select.V7 as Select
@ -26,7 +26,7 @@ example =
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none
, categories = [ Inputs ] , categories = [ Inputs ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, view = , view =
\state -> \state ->
[ Html.Styled.label [ Html.Styled.label

View File

@ -13,7 +13,7 @@ import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import Html.Styled.Keyed as Keyed import Html.Styled.Keyed as Keyed
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import List.Zipper as Zipper exposing (Zipper) import List.Zipper as Zipper exposing (Zipper)
import Nri.Ui.Button.V10 as Button import Nri.Ui.Button.V10 as Button
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
@ -39,7 +39,7 @@ example =
{ name = "Nri.Ui.Slide.V1" { name = "Nri.Ui.Slide.V1"
, categories = [ Animations ] , categories = [ Animations ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -13,7 +13,7 @@ import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled exposing (fromUnstyled) import Html.Styled exposing (fromUnstyled)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Button.V10 as Button import Nri.Ui.Button.V10 as Button
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.SlideModal.V2 as SlideModal import Nri.Ui.SlideModal.V2 as SlideModal
@ -37,7 +37,7 @@ example =
{ name = "Nri.Ui.SlideModal.V2" { name = "Nri.Ui.SlideModal.V2"
, categories = [ Modals ] , categories = [ Modals ]
, atomicDesignType = Organism , atomicDesignType = Organism
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -10,7 +10,7 @@ import AtomicDesignType exposing (AtomicDesignType(..))
import Category exposing (Category(..)) import Category exposing (Category(..))
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.SortableTable.V1 as SortableTable import Nri.Ui.SortableTable.V1 as SortableTable
@ -38,7 +38,7 @@ example =
{ name = "Nri.Ui.SortableTable.V1" { name = "Nri.Ui.SortableTable.V1"
, categories = [ Tables, Layout ] , categories = [ Tables, Layout ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -15,7 +15,7 @@ import Examples.IconExamples as IconExamples
import Html.Styled as Html import Html.Styled as Html
import Html.Styled.Attributes as Attributes import Html.Styled.Attributes as Attributes
import Html.Styled.Events as Events import Html.Styled.Events as Events
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor) import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor)
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -30,7 +30,7 @@ example =
{ name = "Nri.Ui.Svg.V1" { name = "Nri.Ui.Svg.V1"
, categories = [ Icons ] , categories = [ Icons ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -11,7 +11,7 @@ import Category exposing (Category(..))
import Css exposing (..) import Css exposing (..)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Button.V5 as Button import Nri.Ui.Button.V5 as Button
import Nri.Ui.Colors.V1 as Colors import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -37,7 +37,7 @@ example =
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none
, categories = [ Tables, Layout ] , categories = [ Tables, Layout ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, view = , view =
\() -> \() ->
let let

View File

@ -18,7 +18,7 @@ import Debug.Control as Control exposing (Control)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html exposing (Html, fromUnstyled) import Html.Styled as Html exposing (Html, fromUnstyled)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Key(..)) import KeyboardSupport exposing (Key(..))
import List.Zipper exposing (Zipper) import List.Zipper exposing (Zipper)
import Nri.Ui.Svg.V1 as Svg import Nri.Ui.Svg.V1 as Svg
import Nri.Ui.Tabs.V5 as Tabs exposing (Alignment(..), Tab) import Nri.Ui.Tabs.V5 as Tabs exposing (Alignment(..), Tab)
@ -105,7 +105,7 @@ example =
{ name = "Nri.Ui.Tabs.V5" { name = "Nri.Ui.Tabs.V5"
, categories = [ Layout ] , categories = [ Layout ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -11,7 +11,7 @@ import Category exposing (Category(..))
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import Html.Styled.Attributes as Attributes import Html.Styled.Attributes as Attributes
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Text.V4 as Text import Nri.Ui.Text.V4 as Text
@ -32,7 +32,7 @@ example =
{ name = "Nri.Ui.Text.V4" { name = "Nri.Ui.Text.V4"
, categories = [ Text ] , categories = [ Text ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -10,7 +10,7 @@ import AtomicDesignType exposing (AtomicDesignType(..))
import Category exposing (Category(..)) import Category exposing (Category(..))
import Example exposing (Example) import Example exposing (Example)
import Html.Styled exposing (text) import Html.Styled exposing (text)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Text.Writing.V1 as TextWriting import Nri.Ui.Text.Writing.V1 as TextWriting
@ -29,7 +29,7 @@ example =
{ name = "Nri.Ui.Text.Writing.V1" { name = "Nri.Ui.Text.Writing.V1"
, categories = [ Text ] , categories = [ Text ]
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -11,7 +11,7 @@ import Category exposing (Category(..))
import Dict exposing (Dict) import Dict exposing (Dict)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled as Html import Html.Styled as Html
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.AssetPath exposing (Asset(..)) import Nri.Ui.AssetPath exposing (Asset(..))
import Nri.Ui.Checkbox.V5 as Checkbox import Nri.Ui.Checkbox.V5 as Checkbox
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
@ -44,7 +44,7 @@ example =
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none
, categories = [ Inputs ] , categories = [ Inputs ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, view = , view =
\state -> \state ->
[ Heading.h1 [] [ Html.text "Textarea controls" ] [ Heading.h1 [] [ Html.text "Textarea controls" ]

View File

@ -14,7 +14,7 @@ import Debug.Control as Control exposing (Control)
import Dict exposing (Dict) import Dict exposing (Dict)
import Example exposing (Example) import Example exposing (Example)
import Html.Styled.Attributes exposing (css) import Html.Styled.Attributes exposing (css)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.TextInput.V6 as TextInput import Nri.Ui.TextInput.V6 as TextInput
@ -55,7 +55,7 @@ example =
{ name = "Nri.Ui.TextInput.V6" { name = "Nri.Ui.TextInput.V6"
, categories = [ Inputs ] , categories = [ Inputs ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -12,7 +12,7 @@ import Category exposing (Category(..))
import Css import Css
import Example exposing (Example) import Example exposing (Example)
import Html.Styled.Attributes exposing (css, href) import Html.Styled.Attributes exposing (css, href)
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.Heading.V2 as Heading import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Text.V4 as Text import Nri.Ui.Text.V4 as Text
import Nri.Ui.Tooltip.V1 as Tooltip import Nri.Ui.Tooltip.V1 as Tooltip
@ -58,7 +58,7 @@ example =
{ name = "Nri.Ui.Tooltip.V1" { name = "Nri.Ui.Tooltip.V1"
, categories = [ Widgets ] , categories = [ Widgets ]
, atomicDesignType = Molecule , atomicDesignType = Molecule
, keyboardShortcuts = [] , keyboardSupport = []
, state = init , state = init
, update = update , update = update
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -10,7 +10,7 @@ import AtomicDesignType exposing (AtomicDesignType(..))
import Category exposing (Category(..)) import Category exposing (Category(..))
import Example exposing (Example) import Example exposing (Example)
import Examples.IconExamples as IconExamples import Examples.IconExamples as IconExamples
import KeyboardShortcuts exposing (Direction(..), Key(..)) import KeyboardSupport exposing (Direction(..), Key(..))
import Nri.Ui.UiIcon.V1 as UiIcon import Nri.Ui.UiIcon.V1 as UiIcon
@ -30,7 +30,7 @@ example =
{ name = "Nri.Ui.UiIcon.V1" { name = "Nri.Ui.UiIcon.V1"
, categories = List.singleton Icons , categories = List.singleton Icons
, atomicDesignType = Atom , atomicDesignType = Atom
, keyboardShortcuts = [] , keyboardSupport = []
, state = () , state = ()
, update = \_ state -> ( state, Cmd.none ) , update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none , subscriptions = \_ -> Sub.none

View File

@ -1,13 +1,13 @@
module KeyboardShortcuts exposing module KeyboardSupport exposing
( view ( view
, KeyboardShortcut , KeyboardSupport
, Key(..), Direction(..) , Key(..), Direction(..)
) )
{-| {-|
@docs view @docs view
@docs KeyboardShortcut @docs KeyboardSupport
@docs Key, Direction @docs Key, Direction
-} -}
@ -16,27 +16,27 @@ import Html.Styled as Html exposing (..)
{-| -} {-| -}
type alias KeyboardShortcut = type alias KeyboardSupport =
{ keys : List Key { keys : List Key
, result : String , result : String
} }
{-| -} {-| -}
view : List KeyboardShortcut -> Html msg view : List KeyboardSupport -> Html msg
view keyboardShortcuts = view keyboardSupport =
case keyboardShortcuts of case keyboardSupport of
[] -> [] ->
text "" text ""
_ -> _ ->
details [] details []
[ summary [] [ text "Keyboard Support" ] [ summary [] [ text "Keyboard Support" ]
, ul [] (List.map viewKeyboardActions keyboardShortcuts) , ul [] (List.map viewKeyboardActions keyboardSupport)
] ]
viewKeyboardActions : KeyboardShortcut -> Html msg viewKeyboardActions : KeyboardSupport -> Html msg
viewKeyboardActions { keys, result } = viewKeyboardActions { keys, result } =
li [] li []
[ strong [] [ text (String.join "+" (List.map keyToString keys)) ] [ strong [] [ text (String.join "+" (List.map keyToString keys)) ]