NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-12-19 03:31:32 +03:00
Code Issues Packages Projects Releases Wiki Activity
4,250 Commits 59 Branches 399 Tags 20 MiB
4c2076cd27
Commit Graph

1349 Commits

Author SHA1 Message Date
Tessa Kelly
fe0e3f2e13 Make the Switch component preview non-focusable 2021-11-05 14:42:34 -07:00
Tessa Kelly
52a58c4924 Remove the preview items from the tab order 
need to fix switch still
 2021-11-05 14:35:09 -07:00
Tessa Kelly
cd84f2c628 Adds tooltip preview 2021-11-05 14:17:14 -07:00
Tessa Kelly
27ee66295b Adds text input examples 2021-11-05 14:11:11 -07:00
Tessa Kelly
985e4dead9 Adds text preview 2021-11-05 14:07:21 -07:00
Tessa Kelly
b684abf57c Adds table example 2021-11-05 14:01:10 -07:00
Tessa Kelly
a5743b0639 Adds switch preivew and removes Text.mediumBody wrapping 
the styleguide shouldn't imply that styles like those of medium body are att
ached when they're not
 2021-11-05 13:55:44 -07:00
Tessa Kelly
e6b524021e Adds pennant 2021-11-05 13:14:23 -07:00
Tessa Kelly
22a1916855 Mini modal preview 2021-11-05 13:13:35 -07:00
Tessa Kelly
0c1830f261 Mini example preview of the page component 2021-11-05 12:59:13 -07:00
Tessa Kelly
45da215536 Adds logo examples 2021-11-05 12:50:05 -07:00
Tessa Kelly
d3077d875c Adds heading preview 2021-11-05 12:45:22 -07:00
Tessa Kelly
700f269eed Adds fonts examples 2021-11-05 12:44:23 -07:00
Tessa Kelly
dc2ec3fc18 Adds dividing line preview 2021-11-05 12:38:12 -07:00
Tessa Kelly
d23f3e6a8c Adds discloser indicator preview 
TODO: consider removing the example for this. People should use the Accordion compnent directly
 2021-11-05 12:37:22 -07:00
Tessa Kelly
117c21408a Adds Container examples 2021-11-05 12:35:01 -07:00
Tessa Kelly
4350e22248 Adds Colors preview 2021-11-05 12:28:39 -07:00
Tessa Kelly
51c14c0106 Adds ClickableText preview 2021-11-05 12:16:52 -07:00
Tessa Kelly
7cdb53489c Adds clickablesv examples 2021-11-05 12:13:17 -07:00
Tessa Kelly
db95e2c3b9 Adds Button examples 2021-11-05 12:07:58 -07:00
Tessa Kelly
cf319c6423 Adds balloon example 2021-11-05 11:59:39 -07:00
Tessa Kelly
0a0d008d02 Begins adding preview content 2021-11-05 11:48:09 -07:00
Tessa Kelly
460c347d7a Adjust sidebar link style 2021-11-05 11:29:45 -07:00
Tessa Kelly
52dd34abc2 Adds to example record 2021-11-05 11:19:08 -07:00
Tessa Kelly
b5888c9977 Make the hit area the entire container 
the only element that will receive focus is the actual link
 2021-11-05 11:13:28 -07:00
Tessa Kelly
96f4adb968 Use a grid layout for the example previews 2021-11-05 11:05:08 -07:00
Tessa Kelly
63ac9d5ea7 Use internal components for links and heading styles 2021-11-05 10:42:52 -07:00
Tessa Kelly
078b16c8f4 Only show a preview for a category or for general browsing 2021-11-05 10:35:58 -07:00
Tessa Kelly
aff0ed5068 Adds no margin and container css helpers 2021-11-04 12:51:08 -07:00
Tessa Kelly
250617c4f5 Adds shared label view helper 2021-11-04 12:37:03 -07:00
Tessa Kelly
be8f033605 Include code example 2021-11-04 11:56:59 -07:00
Tessa Kelly
b0e9be0aaf Adds label 2021-11-04 11:36:37 -07:00
Tessa Kelly
4a40c8f430 Clean up the examples a bit 2021-11-04 11:32:46 -07:00
Tessa Kelly
9349da5029 Move value to string into the choices code 2021-11-04 11:23:26 -07:00
Tessa Kelly
7fc1668e12 Move choices to the attribtues 2021-11-04 11:06:31 -07:00
Tessa Kelly
9b4b910e55 Moves default display text to attribtues and adds custom, nriDescription, and testId 2021-11-04 10:52:25 -07:00
Tessa Kelly
fff5a4c621 🎨 add value helper replacing current value config 2021-11-04 10:44:47 -07:00
Tessa Kelly
05d6b7e209 Adds a control for the error states 2021-11-04 10:28:05 -07:00
Tessa Kelly
a4fb30171c Adds common error management module 
note that Select is not fully using the errormessage module yet
 2021-11-04 10:22:22 -07:00
Tessa Kelly
6682888573 Adds label 2021-11-04 10:05:24 -07:00
Tessa Kelly
bb9819fb7b Update to V8: 2021-11-04 09:33:24 -07:00
Tessa
b187f990a7
Merge pull request #759 from NoRedInk/kraken/text-input-v7 
Kraken/text input v7
 2021-11-02 16:02:51 -07:00
Tessa Kelly
79468439ba Adds onFocus helper 2021-11-02 12:23:54 -07:00
Liz Krane
5c337e41d8
Merge pull request #761 from NoRedInk/tessa/use-control-extras 
Tessa/use control extras
 2021-11-01 14:09:02 -07:00
Liz Krane
b5ce28f73f Use Button.modal and ClickableText.modal helpers in Modal styleguide example 2021-11-01 11:06:55 -07:00
Tessa Kelly
f45b5ea07e Change order of tail/alignment in example to avoid bug 2021-10-29 17:41:18 -07:00
Tessa Kelly
c959beaac4 Fix hardcoded true 2021-10-29 17:23:48 -07:00
Tessa Kelly
c9da21b1cd Split new and current password 2021-10-29 12:00:46 -07:00
Tessa Kelly
99d28a687a Adds guidance to the API 2021-10-29 11:14:49 -07:00
Tessa Kelly
6c7d5668e6 Implement the rest of the PW hide/show behavior 2021-10-29 11:07:06 -07:00
Tessa Kelly
518d223219 Undo the separate onInput change -- types actually seem simpler with it integrated 2021-10-29 11:07:06 -07:00
Tessa Kelly
c46e6fb332 Bake onReset behavior in to the Search so that the search icon and x always appear 2021-10-29 11:07:06 -07:00
Tessa Kelly
c64a10965d Reorder slightly for readability 2021-10-29 11:07:06 -07:00
Tessa Kelly
36692d3326 Make toExample helper to make the examples more readable 2021-10-29 11:07:06 -07:00
Tessa Kelly
1c690a0c37 Use a single update helper for all the fields 2021-10-29 11:07:06 -07:00
Tessa Kelly
2033d83a94 Use map to reimplement the other examples 2021-10-29 11:07:06 -07:00
Tessa Kelly
f478e8f3ab Split out onInput helper and add map 2021-10-29 11:07:06 -07:00
Tessa Kelly
da651f51f4 Experiment with exposing value and inputType as attribute helpers 
breaks the styleguide example a bit, since the attribute type doesn't line up. Needs fixing still
 2021-10-29 11:07:06 -07:00
Tessa Kelly
3e943c05e9 Move writing styles into an attribute" 2021-10-29 11:05:06 -07:00
Tessa Kelly
970a396174 Avoid duplicative ids while still respecting the sepcified label 2021-10-29 11:05:06 -07:00
Tessa Kelly
3bcd97aebe Oops accidentally deleted pw example 2021-10-29 11:05:06 -07:00
Tessa Kelly
c45bc7b5a0 Drop TextInput prefix for (hopefully) improved legibility 2021-10-29 11:05:06 -07:00
Tessa Kelly
f6eb1c19ad Make css an optional list control 2021-10-29 11:05:06 -07:00
Tessa Kelly
cf60270ceb Make onEnter part of the configuration 2021-10-29 11:05:06 -07:00
Tessa Kelly
03f8d45e53 Generalize viewExamples helper 2021-10-29 11:05:06 -07:00
Tessa Kelly
85f13b9e02 Use a list for the easily list-able attributes 2021-10-29 11:05:06 -07:00
Tessa Kelly
21d42e1bba Switch to V7 2021-10-29 11:05:06 -07:00
Ben Dansby
67d5a0b639 blue too 2021-10-28 08:58:34 -07:00
Tessa Kelly
e932d809cd Use list for Tooltip example 2021-10-28 08:57:25 -07:00
Tessa Kelly
a2d63ea650 Use list for Modal example 2021-10-28 08:50:39 -07:00
Tessa Kelly
08f345a17c Convert Message example to use Debug.Controls.Extra.list 2021-10-28 08:49:00 -07:00
Tessa Kelly
60f148f17a Use list for Ballooon 2021-10-28 08:40:23 -07:00
Ben Dansby
c720f4f1c9 master of none 2021-10-28 06:06:49 -07:00
Tessa Kelly
4e1e1e3579 Replace one off styles with debug control css option 2021-10-27 19:14:11 -07:00
Tessa Kelly
ccb7f01c52 Make noBreak setting a bit more clear 2021-10-27 19:14:11 -07:00
Tessa Kelly
eb506876f6 Allow customization of the content on the stylguide example 2021-10-27 19:14:11 -07:00
Tessa Kelly
49ac49087f Adds empty controls 2021-10-27 19:14:11 -07:00
Tessa Kelly
6a50cb6229 Adds plaintext and markdown helpers 2021-10-27 19:14:11 -07:00
Tessa Kelly
f478bcc508 V5 -> V6 2021-10-27 19:14:11 -07:00
Alex Perkins
7e584de137 elm-format (but why??) 2021-10-27 11:00:08 -04:00
Alex Perkins
ebe6686275 add Gizra/elm-keyboard-event dependency back to styleguide 2021-10-27 10:55:25 -04:00
Alex Perkins
e8f8f4dc38 add an attr for Enter keydown events 
Note that there can only be one `on "keydown"` event on a DOM node
so any more complex event handlers will need to use a custom event
instead

```
onEnter : msg -> TextInput.Attribute msg
onEnter msg =
    (\event ->
        case event.key of
            Just "Enter" ->
                if noModifiers event then
                    Just msg

                else
                    Nothing

            _ ->
                Nothing
    )
        |> considerKeyboardEvent
        |> HtmlEvents.on "keydown"
        |> TextInput.custom
```
 2021-10-27 10:43:53 -04:00
Alex Perkins
15ef7f8d92
Merge pull request #750 from NoRedInk/tessa/remove-input-margin 
Adds noMargin helper
 2021-10-26 12:15:10 -04:00
Tessa Kelly
3dc8e3ebf2 💀 remove fullheight. it's not working, it requires changes to the container of Container, and it's only used one place in the monolith 2021-10-22 09:27:14 -07:00
Tessa Kelly
91feb06746 Begin making the example layout reusable 
looks like something is actually wrong with the fullHeight helper
 2021-10-21 17:32:14 -07:00
Tessa Kelly
57f014b8a0 Adds hover css example 2021-10-21 17:27:29 -07:00
Tessa Kelly
d096fa6b3a Adds fullheight to controls 
since the container doesn't have a min height, the Container doesn't stretch in the example
 2021-10-21 17:23:59 -07:00
Tessa Kelly
6dec2ee268 Adds paddingPx control settings 2021-10-21 17:20:29 -07:00
Tessa Kelly
850c422f1f Adds example markdown and plaintext 2021-10-21 16:53:08 -07:00
Tessa Kelly
86c8720f86 Display different content types 2021-10-21 15:36:55 -07:00
Tessa Kelly
f0e17d5b2d Switch to view pattern 2021-10-21 15:21:24 -07:00
Tessa Kelly
bc0aa218ef Adds plaintext, html, and markdown helpers 2021-10-21 15:06:41 -07:00
Tessa Kelly
c9b304b67b Update Component version 2021-10-21 14:47:50 -07:00
Ben Dansby
d90f7ca323 update example 2021-10-21 12:17:48 -07:00
Tessa Kelly
f93b4a71a2 Adds noMargin helper 2021-10-21 11:09:07 -07:00
Liz Krane
b4f54b84a1 Add googleG icon, formatting 2021-10-18 11:06:43 -07:00
Liz Krane
b7b731cd0c Add cleverC SVG 2021-10-18 10:57:46 -07:00
Tessa Kelly
cd3fc1abf0 Adds styleguide example 2021-10-13 10:44:03 -07:00
Mariano Abel Coca
07d83b1fa1 Rename open/close curlie to quotationMark 2021-10-12 13:00:04 -03:00
Tessa Kelly
1cc2ed0631 Adds to styleguide example app 2021-10-12 08:47:30 -07:00
Juan Edi
acffacaa6a
Merge pull request #734 from NoRedInk/tessa/add-search-input 
Tessa/add search input
 2021-10-11 09:48:33 -03:00
Tessa Kelly
86b26bc442 Adds search icon 2021-10-04 15:55:13 -07:00
Tessa Kelly
292f9cd357 Adds onReset attribute 2021-10-04 15:55:13 -07:00
Tessa Kelly
24bfce5d64 Generalize onBlur setting 2021-10-04 15:55:13 -07:00
Tessa Kelly
5bff274cb9 🎨 tidy up the attributes 2021-10-04 15:55:13 -07:00
Tessa Kelly
d752d10106 Remove transform. It was making things feel very misaligned :sweat-smile: 2021-10-04 15:55:13 -07:00
Tessa Kelly
837a44089e Adds search input type 2021-10-04 15:55:13 -07:00
Tessa Kelly
35b4c3a7e7 Marginally improve the mobile styleguide 2021-10-04 15:40:18 -07:00
Ben Dansby
2b6ebef455
Merge pull request #735 from NoRedInk/dansby/mobile-modal 
Dansby/mobile modal
 2021-09-29 12:52:09 -07:00
Ben Dansby
663e48089a make style guide app display correctly on mobile 2021-09-28 19:59:53 -07:00
Tessa Kelly
aff7c2a71e Space out example a bit 2021-09-28 15:16:33 -07:00
Tessa Kelly
399ccb3ed0 Adds padding example 2021-09-28 15:15:41 -07:00
Tessa Kelly
2bd8dea4ba Paddings are only ever specified in px 2021-09-28 15:13:54 -07:00
Tessa Kelly
357100e564 Allow customization of the width 2021-09-28 15:09:32 -07:00
Tessa Kelly
33b0a5dc56 Expand use of Debug.Controls 2021-09-28 14:41:49 -07:00
Tessa Kelly
d6605a520b Add in debug controls 2021-09-28 14:26:37 -07:00
Tessa Kelly
9d8829f86a Adds Nri.Ui.Balloon.V1 (straight copy from monolith) 2021-09-28 14:21:09 -07:00
Ben Dansby
29b9f293d0
Merge pull request #727 from NoRedInk/dansby/input-padding 
Input padding
 2021-09-10 13:55:50 -07:00
Ben Dansby
90b939bae2 zero out premium example 2021-09-09 07:51:44 -07:00
Ben Dansby
7cc7a549d9 delete callout 2021-09-07 08:42:38 -07:00
Ben Dansby
d3696076c7 zero out radio button example margin 2021-09-04 08:49:10 -07:00
Ben Dansby
4cc157295b put radio buttons in proper category 2021-09-04 08:47:56 -07:00
Liz Krane
36280b73af Run elm-format --elm-version=0.19 2021-09-02 14:33:25 -07:00
Liz Krane
c720d333bc Update toggle button state on click 2021-09-02 13:05:50 -07:00
Liz Krane
a63bd36029 Add toggle button state to model, pass to toggleButtons 2021-09-02 11:35:18 -07:00
Tessa Kelly
9fcfdc7318 Change model to use a record so that we can add the toggle button state to it 2021-09-02 10:55:19 -07:00
Christoph Hermann
3327552e83
Merge pull request #720 from NoRedInk/zen/menu-v3 
Menu.V3
 2021-08-31 07:45:33 +02:00
Stoeffel
32f7102d04 Simplify examples 2021-08-31 06:56:20 +02:00
Ben Dansby
b39b59cd6e gold to blue 2021-08-30 15:47:40 -07:00
Juan Wajnerman
db13976770
Updated styleguide for Menu.V3 2021-08-27 18:56:17 -03:00
Tessa Kelly
73650aaa4a 💀 remove clickable svg v1 2021-05-27 18:59:03 -07:00
Tessa Kelly
403aa9c887 Update styleguide dependencies" 2021-05-27 18:30:31 -07:00
Tessa Kelly
cb84c77dbb Use newer palette version 2021-05-27 18:30:31 -07:00
Tessa Kelly
83946a6b0e 💀 remove atomic design elements 2021-05-27 18:30:31 -07:00
Tessa Kelly
ebcd0cfa1a 💀 remove Icon example 2021-05-27 18:30:31 -07:00
Tessa Kelly
3fe407b55e Update Text version 2021-05-27 18:30:31 -07:00
Tessa Kelly
f7e0fc1a39 💀 remove tooltip from the ClickableSvg1 api 2021-05-27 18:30:31 -07:00
Juan Edi
fcc095567f Merge remote-tracking branch 'origin/master' into raven/disabled-tabs 2021-05-26 15:32:58 -03:00
Nuno Ferreira
8f10d823f6 updated example with labelledBy attribute 2021-05-26 15:23:06 +01:00
Juan Edi
fcead8fc07 Include a disabled tab in the styleguide 2021-05-25 18:25:05 -03:00
Juan Edi
2bbce1aa19 Add new setting to the demo 2021-05-20 18:55:39 -03:00
Tessa Kelly
f22342e8e5 Adjust the example to make it more clear what the debug controls actually control 2021-05-14 15:02:58 -07:00
Tessa Kelly
3b86bb15b3 Adds http error to the styleguide example for Message 2021-05-14 15:02:58 -07:00
Tessa Kelly
d48fffad68 Use viewExample for http error helper 2021-05-13 10:06:15 -07:00
Tessa Kelly
588805c790 Adds blocked V4 that follows the pattern of the rest of the pages 2021-05-13 09:54:42 -07:00
Tessa Kelly
1286cdc96e Display the network error on the styleguide 2021-05-13 09:47:35 -07:00
Tessa Kelly
6a4b310cb1 Adds helper for displaying the recovery text 2021-05-13 09:33:54 -07:00
Tessa Kelly
f16d8b57a9 Begin adding examples 2021-05-12 16:16:42 -07:00
Tessa Kelly
b17a190d70 Adds elm/http 2021-05-12 16:02:26 -07:00
Tessa Kelly
f091193be6 Use a custom icon for the advanced example 2021-05-05 16:38:12 -07:00
Tessa Kelly
515a400879 left-align the fixed position example 2021-05-05 16:36:09 -07:00
Tessa Kelly
c28e4e8a18 Make the examples a bit more standardized. Incorporating everything that the accordion might support made loking at the example confusing 2021-05-05 16:28:42 -07:00
Tessa Kelly
91b87b7ec8 Update to Accordion V3 version 2021-05-05 16:03:57 -07:00
Tessa
f3fbc633d5
Merge branch 'master' into fab/menu 2021-04-22 18:16:22 -07:00
Juan Edi
3b3f2d5a2e SegmentedControl's demo respects "tooltip" options 
The viewRadioGroup example was behaving as if it was always enabled
 2021-04-13 18:39:25 -03:00
Tessa Kelly
37800509da Fix example 2021-04-07 08:39:52 -07:00
Brian Hicks
f7a4735995 allow tooltips in segmented controls 2021-04-06 16:13:23 -05:00
Brian Hicks
d8d09cb115 add new SegmentedControl.V14 2021-04-06 16:13:22 -05:00
Tessa Kelly
ab92b6af35 Adds tab/tab-back behavior 2021-03-18 10:35:46 -07:00
Tessa Kelly
a066b6377f Un-comment the other example 2021-03-18 10:31:40 -07:00
Tessa Kelly
bfafa67d5c Fix group behavior 2021-03-04 15:22:22 -08:00
Tessa Kelly
40d6a27f09 Fix the arrow implementation for singular entries (groups are broken) 2021-03-04 13:47:18 -08:00
Tessa Kelly
ebf809918b Combine the focus and toggle message handlers 2021-03-04 11:22:50 -08:00
Tessa Kelly
d186fbac68 Adds menu item ids 2021-03-04 11:22:50 -08:00
Tessa Kelly
cbd3ef12e6 Separate the types for the menu configuration 2021-03-04 11:22:50 -08:00
Tessa Kelly
c5155ca408 Make the menu more generic: move the tooltip and clickable svg stuff to an example 2021-03-04 11:22:50 -08:00
Tessa Kelly
a88f1fb155 Share the code that can be shared between the two discrete menu implementations 2021-03-04 11:22:50 -08:00
Tessa Kelly
7edbd4fd49 Adjust the id behavior 2021-03-04 11:22:50 -08:00
Tessa Kelly
643d0a0bc4 onToggle -> toggle 2021-03-04 11:22:50 -08:00
Tessa Kelly
06242c36f2 Adds focus helper 2021-03-04 11:22:50 -08:00
Tessa Kelly
c5c7a24c99 copy V1 to V2 2021-03-04 11:22:50 -08:00
Tessa Kelly
4937f69c04 Adds aspirational menu interaction notes 2021-03-04 11:22:50 -08:00
Tessa Kelly
71f66e80fe Rearrange the examples a bit 2021-02-23 11:21:03 -08:00
Tessa Kelly
2b76c45f07 Adds minimally edited null 2021-02-23 11:20:26 -08:00
Tessa Kelly
05a637f152 Adds minimally edited openBooks 2021-02-23 11:13:53 -08:00
Tessa Kelly
ce46c58689 Fix version 2021-01-25 12:04:39 -08:00
Tessa Kelly
bbcbd6f1e3 Allow icon to be set independently of the default colors 2021-01-19 13:15:16 -08:00
Tessa Kelly
6ef1b62778 Add css customization examples 
the second css prefill shows the content _not_ being cut off properly at the edges
 2021-01-19 12:48:50 -08:00
Tessa Kelly
5fde0fee48 Use V3 in the examples 2021-01-19 12:23:48 -08:00
Tessa Kelly
95835245f1 Adds mastery icon level four 2020-12-14 15:41:24 -08:00
Tessa Kelly
5733b0d464 Move the badge next to the other stars 2020-12-14 15:31:04 -08:00
Tessa
a0511dfa68
Merge branch 'master' into kraken/starFilled 2020-12-11 10:02:00 -08:00
Tessa Kelly
75ba47d7b4 Adds starFilled 2020-12-10 12:45:42 -08:00
Brian Hicks
4cef8dae2b add the ability to explicitly disable a switch 2020-12-10 14:10:19 -06:00
Brian Hicks
a3c2e97ad2 first pass at Switch API and display 2020-12-10 14:07:34 -06:00
Ju Liu
023f3c25c8 Add loggedOut view to Nri.Ui.Page 2020-12-04 18:44:56 +00:00
Tessa Kelly
424bd1854c 💀 remove the invisible label. 
having an invisible label makes it easier to make bad UX decisions.
 2020-11-20 10:45:35 -08:00
Tessa Kelly
8343bb06b0 Fix example keyboard support 2020-11-20 10:42:26 -08:00
Tessa Kelly
16d95ef9c5 Merge remote-tracking branch 'origin/master' into fab/radio-button 2020-11-20 10:40:54 -08:00
Tessa Kelly
d81bc46701 Fix keyboard support section 2020-11-16 11:38:04 -08:00
Ju Liu
e50a2226a3 Fix multiline example 2020-11-16 12:46:43 +00:00
Tessa Kelly
3fa130da65 Adds keyboard support notes 2020-11-13 14:53:01 -08:00
Brian Hicks
433494f621 allow overriding the generated ID in a text input 2020-11-13 10:27:18 -06:00
Tessa Kelly
c2e1257895 Remove the noOp 2020-11-06 15:57:10 -08:00
Tessa Kelly
e536c34e40 Remove duped vendor prefix heleprs 2020-11-06 10:51:33 -08:00
Tessa Kelly
5abcdf9d78 💀 remove delete button from the examples; use ClickableSvg for this behavior 2020-11-06 10:35:24 -08:00
Tessa Kelly
ea59a9f352 Adds non-square ui icons to the button example 2020-10-28 09:38:38 -07:00
Brian Hicks
b2d555137c add a button that can grow within bounds 2020-10-26 16:53:43 -05:00
Tessa Kelly
759bdd4764 Adds exactHeight 2020-10-21 11:34:44 -07:00
Tessa Kelly
25d79211cc Adds exact width helper 2020-10-21 10:43:15 -07:00