Commit Graph

1077 Commits

Author SHA1 Message Date
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
Tessa Kelly
25d79211cc Adds exact width helper 2020-10-21 10:43:15 -07:00
Tessa Kelly
8f6f61f85f Begin adding small, medium, large styles 2020-10-21 09:40:20 -07:00
Tessa Kelly
4be98644b3 Remove width, height helpers 2020-10-21 09:12:07 -07:00
Tessa Kelly
6cce76bd0f Copy V1 2020-10-21 09:07:51 -07:00
Tessa Kelly
bbde873cff Fix bottom border styles 2020-10-14 14:47:15 -07:00
Tessa Kelly
36f3fc3c7e Put archive and unarchive in their own sections 2020-10-08 11:46:53 -07:00
Tessa Kelly
f63c7bd0a9 Show the pennant names 2020-10-08 11:45:03 -07:00
Tessa Kelly
77d416f529 Adds expired premium pennant 2020-10-08 11:40:54 -07:00
Tessa Kelly
4a1021e3ce Adds archive icon 2020-10-08 11:36:09 -07:00
Tessa
5e2ab36a6c
Merge branch 'master' into FAB/accordion-v2 2020-09-29 13:56:23 -07:00
Ju Liu
51d1600b2d
Merge branch 'master' into kraken/co-teach-icon 2020-09-29 11:15:41 +01:00
Tessa
0c0f8c280f
Merge branch 'master' into FAB/accordion-v2 2020-09-28 16:49:02 -07:00
Tessa Kelly
7cf429489f Adds couple for coteacher icon 2020-09-28 15:18:26 -07:00
Tessa Kelly
8e432d85b5 Simplify examples 2020-09-28 15:00:27 -07:00
Tessa Kelly
bcfe6cd41c Reduce visual noise 2020-09-28 14:56:08 -07:00
Tessa Kelly
d1324d5042 Move withBorder examples to always show 2020-09-28 14:52:35 -07:00
Tessa Kelly
e7c1e2fa1c Show all the themes at once 2020-09-28 14:45:03 -07:00
Tessa Kelly
3b4b83482e Adds dangerSecondary 2020-09-28 14:37:19 -07:00
Tessa Kelly
0cfcde3791 Replace the hardcoded examples with debug controls examples 2020-09-28 11:58:02 -07:00
Tessa Kelly
e4a1b52f11 Adds setting options 2020-09-28 11:44:00 -07:00
Tessa Kelly
0820004b44 Adds debug-control to example 2020-09-28 11:28:24 -07:00
Tessa Kelly
9eaa87708d Use the new tooltip rather than the withtooltip helpers 2020-09-28 11:14:26 -07:00
Tessa Kelly
9e38525aed Adds border option 2020-09-28 10:05:28 -07:00
Tessa Kelly
fb21fd334f Merge remote-tracking branch 'origin/master' into FAB/accordion-v2 2020-09-25 12:30:20 -07:00
Tessa Kelly
6ef4c28280 this is v5 2020-09-21 10:36:59 -07:00
Tessa Kelly
3dffd64955 Allow for customizing the header level 2020-09-11 13:33:15 -07:00
Tessa Kelly
0f13413303 Implement the arrow behavior 2020-09-11 13:15:17 -07:00
Tessa Kelly
15500128ed combine view and viewKeyed so that nodes are always keyed 2020-09-11 12:08:07 -07:00
Tessa Kelly
9824671634 Use V2 2020-09-11 12:03:25 -07:00
Tessa Kelly
c6bf74f2cd Merge remote-tracking branch 'origin/master' into raven/tooltip-v2 2020-09-10 14:47:33 -07:00
Tessa Kelly
e431f736ce Adds separate version field 2020-09-09 11:43:10 -07:00
Tessa Kelly
89e212d0bd Add svg label
this seems redundant to me, but not sure how to get around it in the tests given how the tooltip currenlty works (probably display:none on the tooltip content rather than not rendering it would be better)
2020-09-09 11:11:14 -07:00
Tessa Kelly
9a98133ce0 Merge remote-tracking branch 'origin/master' into raven/tooltip-v2 2020-09-08 16:40:52 -07:00
Tessa Kelly
686fcf0846 Merge remote-tracking branch 'origin/master' into raven/focus-trap-proof-of-concept 2020-09-08 15:41:38 -07:00
Tessa Kelly
658b27923e Merge remote-tracking branch 'origin/master' into raven/tooltip-v2 2020-09-08 15:31:28 -07:00
Tessa Kelly
989ce0821f Show the labels without text 2020-09-08 14:47:38 -07:00
Tessa Kelly
093718d9ed Fix broken on-focus tooltip behavior 2020-09-08 14:35:36 -07:00
Tessa Kelly
688b3190ce Adds some defaults 2020-09-08 14:14:40 -07:00
Tessa Kelly
c033727e81 Adds segmented control tooltip example 2020-09-08 14:09:49 -07:00
Tessa Kelly
0f36a850e3 Adds adjusted alignment example 2020-09-08 11:55:09 -07:00
Juan Edi
a73de4be5f The modal requires a focus trap now 2020-09-08 15:36:13 -03:00
Juan Edi
6370b83d99 Use a type alias instead of a custom type for FocusTrap
I don't think we are getting any value out of the custom type since we have a
single case and are exposing the constructor anway.
2020-09-08 15:29:21 -03:00
Tessa Kelly
41a609c503 Fix the styles for the tab 2020-09-08 11:22:17 -07:00
Tessa Kelly
83da4f1a4b Render the tooltip in the tab example 2020-09-08 11:00:32 -07:00
Tessa Kelly
ededf8008b Change to an attributes-based approach 2020-09-08 10:56:29 -07:00
Tessa Kelly
53f5d77ee2 Remove the cases 2020-09-04 17:23:41 -07:00
Tessa Kelly
ce5201e900 fix 🐛s caused by duplicative id 2020-09-04 17:15:54 -07:00
Tessa Kelly
4db7df2a48 Implement one element focus trap 2020-09-04 17:01:49 -07:00
Tessa Kelly
6ddc4499fa Make the closeButton an attribute 2020-09-04 16:59:02 -07:00
Tessa Kelly
44eee7f15a Remove closeModal attribute hole 2020-09-04 16:49:59 -07:00
Tessa Kelly
a193082fa9 🎨 remove unnecessary argument hole 2020-09-04 16:49:07 -07:00
Tessa Kelly
12a804adb3 Audit current behavior 2020-09-04 16:47:31 -07:00
Tessa Kelly
fb9810354a Fix bad string value 2020-09-04 16:30:15 -07:00
Tessa Kelly
70c221714a Fix premium checkboxes (identifiers with special chars break the filter reference) 2020-09-04 16:27:56 -07:00
Tessa Kelly
54f7871d9c Use the copied versions of the tab components 2020-09-04 16:24:59 -07:00
Tessa Kelly
f2e19df603 Adjust API so that any focusable component can be usedas the trigger for the tooltip 2020-09-04 16:24:59 -07:00
Tessa Kelly
7501ac437b Adds example of tooltip in a tab
I notice that this really messes up the tab order :/ I think we're going to have to more deeply integrate the tooltips
2020-09-04 16:24:59 -07:00
Tessa Kelly
ef14174eb1 Put defaults first in controls 2020-09-04 16:24:59 -07:00
Tessa Kelly
8306501ced Use custom number for the other values 2020-09-04 16:24:59 -07:00
Tessa Kelly
ff1d8b296f Adds a fake number input rather than hardcoding rando values 2020-09-04 16:24:59 -07:00
Tessa Kelly
7e8bb3ee1e Simplify the primarylabel and auxillarydescription notes 2020-09-04 16:24:59 -07:00
Tessa Kelly
9f7b2274bf Pass through the offset because I don't think there's a way to do this properly without knowing the height 2020-09-04 16:24:59 -07:00
Tessa Kelly
c7d3f51422 Adds alignment to example 2020-09-04 16:24:59 -07:00
Tessa Kelly
3ebc3fc696 Adds the hover bridge back in 2020-09-04 16:24:59 -07:00
Tessa Kelly
7fff4a4069 Add padding to example 2020-09-04 16:24:59 -07:00
Tessa Kelly
3dbf629ba4 Add width to example 2020-09-04 16:24:59 -07:00
Tessa Kelly
d6a9b42411 Adds direction to example 2020-09-04 16:24:59 -07:00
Tessa Kelly
72706c869d Begin adding static examples 2020-09-04 16:24:59 -07:00
Tessa Kelly
1d4f7bee3f Adds debug controls 2020-09-04 16:24:59 -07:00
Tessa Kelly
2a969a4b59 Re-order the tooltip example 2020-09-04 16:24:59 -07:00
Tessa Kelly
73f85c530a isOpen field becomes the open attribute 2020-09-04 16:24:59 -07:00
Juan Edi
ba9929ac3a WIIIIIIIPP implement one of the use cases to use new FocusTrap API 2020-09-04 19:36:22 -03:00
Tessa Kelly
d2821156fe extraButtonAttrs becomes attribute 2020-09-04 14:38:12 -07:00
Tessa Kelly
20606485b3 change primaryLabel and auxillaryDescription to attributes, adding view 2020-09-04 14:38:12 -07:00
Tessa Kelly
d500161811 Move the trigger to the attributes 2020-09-04 14:38:12 -07:00
Tessa Kelly
428b66bb14 Change to attribute-based API 2020-09-04 14:38:12 -07:00
Tessa Kelly
23e80fa9d2 Replace withPosition with directional helpers 2020-09-04 14:38:12 -07:00
Tessa Kelly
9f8939b1b6 Use Tooltip V2 2020-09-04 14:38:11 -07:00
Tessa Kelly
44975187d6 Apparently nesting Control records causes deque to fail. de-nest 2020-09-04 08:52:47 -07:00
Tessa Kelly
7bb32b0787 Fix mistake in the focus handling 2020-09-02 16:57:32 -07:00
Tessa Kelly
fd69c6c8a9 Pull out focus trap helper 2020-09-02 16:56:10 -07:00
Tessa Kelly
7aa2d65e96 Change closeButton to accept any msg type 2020-09-02 16:37:00 -07:00
Tessa Kelly
708f291081 The most major of API changes:
allows the user to set the id of their focusable element, and prevents autofocusing from overrding the other element id options and vice versa
2020-09-02 16:32:17 -07:00
Tessa Kelly
c09053b69c Add a helper for the continue button 2020-09-02 14:35:35 -07:00
Tessa Kelly
1eda22c565 Add a helper for the close button 2020-09-02 14:32:57 -07:00
Tessa Kelly
94f841c5f8 Adds keyboard support notes 2020-09-02 14:19:41 -07:00
Tessa Kelly
cb2b548064 Put all the attributes in a list in the controls 2020-09-02 14:15:42 -07:00
Tessa Kelly
9972b9a46b ALlow a little more customization inthe css 2020-09-02 14:09:52 -07:00
Tessa Kelly
e249033658 Adds showTitle helper 2020-09-02 14:04:06 -07:00
Tessa Kelly
87f2064938 Make the content customizable 2020-09-02 13:59:02 -07:00
Tessa Kelly
9ad216b994 Move the theme into the settings 2020-09-02 13:53:40 -07:00
Tessa Kelly
9743a69d32 Use Debug.Control 2020-09-02 13:44:39 -07:00
Tessa Kelly
751aa89f84 Make info and warning into themes 2020-09-02 10:48:52 -07:00
Tessa Kelly
66bd38307c 💀 replace initOPen with open 2020-09-02 10:35:20 -07:00
Tessa Kelly
b04eee1d89 Use Modal.V11 2020-09-02 10:12:59 -07:00
Tessa Kelly
e5f5928c44 Render a table with all the examples 2020-08-28 16:05:31 -07:00
Tessa Kelly
0b337ee1c5 Auto-set the content for the example after all 2020-08-28 16:05:31 -07:00
Tessa Kelly
66798374c0 Make tiny, large, and banner into attribute constructors 2020-08-28 16:05:31 -07:00
Tessa Kelly
c3fdcd30fb Allow for greater customization of the custom theme 2020-08-28 16:05:31 -07:00
Tessa Kelly
34a733c11a Move Theme to be an attribute 2020-08-28 16:05:31 -07:00
Tessa Kelly
79d395ca4d Move Content to be an attribute 2020-08-28 16:05:31 -07:00
Tessa Kelly
e99c085cae 💀 remove mapContent 2020-08-28 16:05:31 -07:00
Tessa Kelly
cc6ccd400f Adds the view helper to the settings 2020-08-28 16:05:31 -07:00
Tessa Kelly
78988a704a Show dismissibility in the Message example 2020-08-28 16:05:31 -07:00
Tessa Kelly
c911ba707c Pull the subcontrols to the top level 2020-08-28 16:05:31 -07:00
Tessa Kelly
34b0985652 Show one theme at a time 2020-08-28 16:05:31 -07:00