mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-11-28 10:17:49 +03:00
Rename from 'shortcuts' to 'support' -- not about providing shortcuts, about providing access
This commit is contained in:
parent
311ba32ec3
commit
3ca51afde0
@ -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)
|
||||||
]
|
]
|
||||||
|
|
||||||
|
@ -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 = []
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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 = []
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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 = []
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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 = []
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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 =
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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 ->
|
||||||
|
@ -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
|
||||||
|
@ -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 = []
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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" ]
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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)) ]
|
Loading…
Reference in New Issue
Block a user