Commit Graph

1183 Commits

Author SHA1 Message Date
Tessa Kelly
7bb00f7213 💀 remove Page category 2021-11-11 14:53:25 -08:00
Tessa Kelly
1c4decc516 💀 move modals into general layout section 2021-11-11 14:51:27 -08:00
Tessa Kelly
573b934574 Move disclosure indicator to icons from widgets 2021-11-11 14:49:46 -08:00
Tessa Kelly
040a1a0eef Colors -> Atoms 2021-11-11 14:48:31 -08:00
Tessa Kelly
5b01699c6b Add guidance to Select example 2021-11-11 14:07:02 -08:00
Tessa Kelly
f4237ac510 💀 remove Modal.V10 2021-11-09 12:48:39 -08:00
Tessa Kelly
2558a5cd68 Adds select preview 2021-11-08 14:55:56 -08:00
Tessa Kelly
4978d449b5 Merge remote-tracking branch 'origin/master' into tessa/select-with-label 2021-11-08 14:51:16 -08:00
Tessa Kelly
d98b9ca94e Ratchet deprecated imports 2021-11-05 16:02:02 -07:00
Tessa Kelly
b369adcbd5 Adds faked out tab example 2021-11-05 15:53:15 -07:00
Tessa Kelly
fd1120b387 Fake an accordion example 2021-11-05 15:38:35 -07:00
Tessa Kelly
8bbb7655d0 Even out the number of UiIcons shown as well 2021-11-05 15:28:51 -07:00
Tessa Kelly
19b5e1ed9f Put a more-even number of icons for AssignmentIcon preview 2021-11-05 15:26:48 -07:00
Tessa Kelly
91c086372b Adds button to take you back out of an example 2021-11-05 15:04:14 -07:00
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
52dd34abc2 Adds to example record 2021-11-05 11:19:08 -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
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
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
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
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
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
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