Commit Graph

1204 Commits

Author SHA1 Message Date
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
Tessa Kelly
9b94e2cdb2 Add roles to the tiny and large elements 2020-08-28 16:05:31 -07:00
Tessa Kelly
d13539330d Rename BannerAttribute -> Attribute 2020-08-28 16:05:31 -07:00
Tessa Kelly
aba39c5b86 Adds alert and alert dialog role options to the message API 2020-08-28 16:05:31 -07:00
Tessa Kelly
a2421b7742 Wire up message v2 2020-08-28 16:05:31 -07:00
Brian Hicks
9aead358a5 allow SegmentedControl to be centered 2020-08-20 15:58:31 -05:00
Brian Hicks
b31e31a0fc replace toString with idString in viewRadioGroup 2020-08-20 15:43:57 -05:00
Brian Hicks
f54ff424c5 use idString instead of toString 2020-08-20 15:41:50 -05:00
Brian Hicks
bae4303bb6 allow HTML in radio options 2020-08-20 15:17:45 -05:00
Brian Hicks
e979190537 allow HTML in labels 2020-08-20 15:13:35 -05:00
Brian Hicks
85bcfbe424 copy v11 -> v12 2020-08-20 15:07:18 -05:00
Tessa Kelly
98614d2f7f Fix Modal docs links 2020-08-18 14:01:28 -07:00
Ju Liu
be9c2e42c5 Implement Modal.V10
Which allows an easier way to customize the modal styling
2020-08-12 15:18:21 +01:00
Tessa Kelly
6a9ebcd980 Adds misisng legend 2020-08-05 16:22:33 -07:00
Tessa Kelly
ca714c5775 Update the keyboard support notes 2020-08-05 15:58:40 -07:00
Tessa Kelly
d7b6d9fdf0 🎨 make the API consistent 2020-08-05 15:25:26 -07:00
Tessa Kelly
f815a4bb13 Use TabsInternal for Segmentedcontrol 2020-08-05 15:19:09 -07:00
Tessa Kelly
bcd3135c39 Begin basing segmented control off of tabsinternal 2020-08-05 15:03:22 -07:00
Tessa Kelly
a30bb6153d Copy V5 tabs to V6 2020-08-05 14:18:03 -07:00
Tessa Kelly
a9d64e7cbb Use radio button under the hood 2020-08-05 14:04:49 -07:00
Tessa Kelly
a7b3ed779c Do renames for radio group 2020-08-05 13:20:48 -07:00
Tessa Kelly
b6b41109e5 cp SegmentedControl/V10.elm SegmentedControl/V11.elm 2020-08-05 13:15:57 -07:00
Tessa
ef6ee0ab21
Merge branch 'master' into lab/stickyable-segmented-control 2020-08-04 21:44:47 -07:00
Tessa Kelly
e9631d95f2 Show icons by default cause icons are adorable 2020-08-04 21:36:15 -07:00
Tessa Kelly
f4e5467cff Add long content example 2020-08-04 21:35:10 -07:00
Tessa Kelly
437f37d135 🎨 remove other map2 2020-08-04 21:28:01 -07:00
Tessa Kelly
bdb8f7260f Remove option map2 2020-08-04 19:30:24 -07:00
Tessa Kelly
8a32a17772 Move the content into the Option 2020-08-04 19:06:28 -07:00
Tessa Kelly
0233fbf682 Add some more info on difference between view and viewSelect 2020-08-04 18:30:25 -07:00
Tessa Kelly
3eaea56a92 Open up the type for the attributes for each option 2020-08-04 18:25:41 -07:00
Tessa Kelly
a326999f84 Begin passing through attributes 2020-08-04 18:17:24 -07:00
Tessa Kelly
2f20f05bff 💀 remove the useSpa control 2020-08-04 18:08:16 -07:00
Tessa Kelly
249285e52d Remove the segmented control from the inputs section 2020-08-04 18:00:58 -07:00
Tessa Kelly
a98e805abf Document the current keyboard behavior
I vaguely suspect that tab should take the user into the controlled content, rather than through the rest of the control options... but will elave it to testing
2020-08-04 17:58:29 -07:00
Tessa Kelly
fc2c79817d 🎨 tidy the API 2020-08-04 17:52:30 -07:00
Tessa Kelly
1314260cf2 Switch from V9 in styleguide to V10 2020-08-04 17:38:11 -07:00
Tessa Kelly
6fc885e96e Fix the example, which should be against the newest version 2020-07-31 13:18:48 -07:00
Tessa Kelly
432be025a3 Notes for V2 of RadioButton 2020-07-30 11:47:32 -07:00
Tessa Kelly
6d7f6061ca Show modal 2020-07-30 11:39:16 -07:00
Tessa Kelly
83b8633e0d Add example from the monolith styleguide (minus premium modal) 2020-07-30 11:28:18 -07:00
Tessa Kelly
192cd5c49c Adds example app 2020-07-30 11:12:30 -07:00
Tessa
4dd1629b95
Merge branch 'master' into tessa/expand-segmented-control-example 2020-07-29 13:16:14 -07:00
Tessa Kelly
97dba40ff3 Use different prefixes in order to end up with different ids for axe 2020-07-29 11:18:07 -07:00
Tessa Kelly
05dc88402f Demo 2-8 segmented controls 2020-07-29 11:10:49 -07:00
Tessa Kelly
090c6eb695 Change the ExampleOptionSelect to use ints 2020-07-29 11:00:05 -07:00
Tessa Kelly
4d0df17b74 Ads missing document 2020-07-28 16:46:01 -07:00
Tessa Kelly
e227c99631 Adds documents icon 2020-07-16 16:30:24 -07:00
Brian Hicks
789d0ae7c8 add examples of attribute-based customization to the style guide 2020-07-13 10:11:33 -05:00
Brian Hicks
273fe45f41 accept and apply styles 2020-07-13 09:50:19 -05:00
Tessa Kelly
e3f714d2c3 Fix warning modal content
:
2020-07-02 15:33:51 -07:00
Tessa Kelly
885b457677 Switch to FocusManager type 2020-07-02 15:09:07 -07:00
Tessa Kelly
ed10041cfa 💀 remove Focusable type
TODO: decide whether or not to expose Attribute
2020-07-02 12:58:38 -07:00
Tessa Kelly
434ec45805 Change the API for onlyFocusable to expect a record 2020-07-02 12:51:04 -07:00
Tessa Kelly
7e2d47bfa3 Remove ViewFuncs abstraction, which imo made it harder to unserstand what the views actually required 2020-07-02 12:20:21 -07:00
Tessa Kelly
1dbe7b3a15 Expose and use V9 2020-07-02 12:15:53 -07:00
Aaron VonderHaar
d894d7e21c Add UiIcon.searchInCircle 2020-06-29 17:23:45 -07:00
Tessa Kelly
80e5cfcae8 Merge remote-tracking branch 'origin/master' into remove-old-components 2020-06-23 12:29:54 -07:00
Tessa Kelly
9b0b4c300e Follow review recs on sorting modules into atomic design types 2020-06-23 10:21:31 -07:00
Tessa Kelly
3bf24352af 💀 remove old components 2020-06-22 17:46:20 -07:00
Tessa Kelly
4ae16d11d5 Add some examples of keyboard support 2020-06-19 14:50:47 -07:00
Tessa Kelly
3ca51afde0 Rename from 'shortcuts' to 'support' -- not about providing shortcuts, about providing access 2020-06-19 14:45:32 -07:00
Tessa Kelly
a84f0b9665 Wire in keyboard shortcuts section to the examples 2020-06-19 14:35:53 -07:00
Tessa Kelly
87ff24e8f0 Remove namespacing 2020-06-19 14:16:10 -07:00
Tessa Kelly
c2e2f7524b Switch from Atom to Page for Loading and Page examples 2020-06-19 14:15:42 -07:00
Tessa Kelly
68ea678d7c Adds atomic design tags 2020-06-19 13:41:28 -07:00
Tessa Kelly
e4db603475 Merge remote-tracking branch 'origin/master' into lab/tabs 2020-06-12 10:07:57 -07:00
Tessa Kelly
de5d646010 Adds link 2020-06-11 17:22:04 -07:00
Tessa Kelly
28a75685fc Merge remote-tracking branch 'origin/master' into lab/tabs 2020-06-10 15:11:45 -07:00
Tessa Kelly
61dbc7ad31 Merge remote-tracking branch 'origin/master' into lab/adds-gd-tda-icons 2020-06-10 15:10:59 -07:00
Tessa Kelly
20edfbf1d3 Adds openBook 2020-06-10 15:10:16 -07:00
Tessa
18e3a09386
Merge branch 'master' into lab/extend-clickable-helpers 2020-06-10 14:20:52 -07:00
Tessa Kelly
26e45a1290 Adds checklist 2020-06-10 13:57:07 -07:00
Tessa Kelly
7c2da0a9dc Adds speechBallono 2020-06-10 13:47:39 -07:00
Tessa Kelly
346c6fa793 Adds redo 2020-06-10 13:41:20 -07:00
Tessa Kelly
6c2eabc01d Fix axe error 2020-06-09 18:34:52 -07:00
Tessa Kelly
edd6435a68 Thread custom spacing options through 2020-06-09 18:08:33 -07:00
Tessa Kelly
bb7bd52e1f Fix the focus behavior 2020-06-09 17:56:10 -07:00
Tessa Kelly
f713fb1afa Extract key events 2020-06-09 17:43:54 -07:00
Tessa Kelly
6827c85196 Replace the separate spa link implementation 2020-06-09 17:16:08 -07:00
Tessa Kelly
5ce84e40e3 💀 remove normal link 2020-06-09 16:50:37 -07:00
Tessa Kelly
a1a6625885 Change the API to reduce casing 2020-06-09 16:23:15 -07:00
Tessa Kelly
fdb6c04fb5 Move away from a zipper-based approach 2020-06-09 15:53:46 -07:00
Tessa Kelly
0fd1cafed9 Adds the default tab view helper back in 2020-06-09 15:28:12 -07:00
Tessa Kelly
738418074d Begin adjusting the API to take HTML for tab content 2020-06-09 15:12:30 -07:00
Tessa Kelly
30d4c20a93 Adds Title to settings
Note: alignment left and center don't work correctly when there is a title
2020-06-09 14:55:39 -07:00
Tessa Kelly
162989e54f Adds alignment demo to the example 2020-06-09 14:51:00 -07:00
Tessa Kelly
fb53ce05d5 Copy V4 -> V5 2020-06-09 14:21:42 -07:00
Tessa Kelly
5af663cada 💀 remove nri menu approach to clickable svgs 2020-06-09 13:51:27 -07:00
Tessa Kelly
57a5d0e886 Adds tooltip implementations 2020-06-09 13:47:53 -07:00
Tessa Kelly
8fbe69f783 Adds withTooltipAbove and withTooltipBelow helpers 2020-06-09 13:19:00 -07:00
Tessa Kelly
73f486abd0 Adds viewExample helper to the clickable svg examples 2020-06-09 13:06:37 -07:00
Tessa Kelly
14cdcaa490 Fix example name 2020-06-05 17:36:09 -07:00
Tessa Kelly
99f5615bde Adds V2 of Confetti without highlighted words 2020-06-05 11:51:02 -07:00
Tessa Kelly
e78b180131 💀 remove words from the styleguide example 2020-06-05 11:45:04 -07:00
Ju Liu
52e76cb852 Rename assignArrow to arrowPointingRightThick 2020-06-03 18:10:05 +01:00
Ju Liu
9b5d8768e0 Move some icons to UiIcons 2020-06-03 17:34:43 +01:00
Ju Liu
397a9c0803 Add more writing icons 2020-06-03 12:45:50 +01:00
Ju Liu
05748da187 Reorganize and rename assignment icons 2020-06-03 12:01:53 +01:00
Katie Hughes
b6a9b04ad2 Add SegmentedControl to the Inputs category too 2020-05-26 11:07:39 -07:00
Katie Hughes
36c4163943 Rename Toggle to Select in example and remove prefix 2020-05-26 11:06:16 -07:00
Katie Hughes
deb9e60067 Rename to clarify roles 2020-05-22 11:31:13 -07:00
Katie Hughes
f0d57573d4 Unify toggle select into one 2020-05-22 11:28:37 -07:00
Katie Hughes
6b2cabe74e Use v9 in the example 2020-05-22 11:22:38 -07:00
Katie Hughes
0a32833c29 Format 2020-05-22 08:44:20 -07:00
Katie Hughes
fd26b1e508 Detangle example state 2020-05-22 08:44:20 -07:00
Katie Hughes
8d2d77d75d Add optionallySelected to example state 2020-05-22 08:44:20 -07:00
Katie Hughes
80955205db Add a segmented control with an optional selection very lazily 2020-05-22 08:44:20 -07:00
Tessa
695e5265a2
Merge branch 'master' into tessa/add-nri-menu 2020-05-21 18:17:24 -07:00
Renee Tremlab
9d2b2aafb9 fix docs 2020-05-20 07:12:52 -07:00
Renee Tremlab
4c02b2d82b Merge remote-tracking branch 'origin/master' into iconic-lizards 2020-05-19 14:56:08 -07:00
Renee Tremlab
3b5c341c01 add gray85 Color 2020-05-19 14:54:06 -07:00
Renee Tremlab
874d1e08e0 add allLibrary icon 2020-05-19 14:31:50 -07:00
Renee Tremlab
9688a53266 add quiz2 and unitDiagnostic icons 2020-05-19 14:24:36 -07:00
Renee Tremlab
4ff9b03e35 add home, planningDiagnostic and passageQuiz icons 2020-05-19 14:04:44 -07:00
Tessa Kelly
8bc6706acb Merge remote-tracking branch 'origin/master' into tessa/add-nri-menu 2020-05-19 13:38:48 -07:00
Renee Tremlab
01ea2c2d5c add "assignArrow" AssignmentIcon 2020-05-18 16:40:12 -07:00
Renee Tremlab
fe1f427fcc add "writing" AssignmentIcon 2020-05-18 16:28:54 -07:00
Renee Tremlab
1a45ab684a add standards AssignmentIcon 2020-05-18 14:24:28 -07:00
Renee Tremlab
ce2261a057 add practice2 icon (with circle background) 2020-05-18 14:14:38 -07:00
Renee Tremlab
afb9ef88cd add "assessment" AssignmentIcon
will be adding several as part of the Assignment Lizard project https://paper.dropbox.com/doc/Product-Spec-Assignment-Lizard-Practice-and-Assessment--A0NhWJoLeVDPRwotLgP1aPRVAg-h4EKGo6LiwWp74kWZRaGg#:uid=290663292049913853060467&h2=Design-Specs
2020-05-18 14:03:34 -07:00
Tessa
70712ea365
Merge branch 'master' into hack-day/tessa/confetti 2020-05-18 13:12:42 -07:00
Tessa Kelly
1492c456eb Adds rich text formatting icons 2020-05-15 16:28:56 -07:00
Tessa Kelly
4ab04bdd81 updateCenter -> updatePageWidth 2020-05-15 11:07:05 -07:00
Tessa Kelly
5e8188926a System -> Model 2020-05-15 11:07:05 -07:00
Tessa Kelly
8b72ad3426 Allow for viewing custom words in the confetti example 2020-05-15 11:07:05 -07:00
Tessa Kelly
fa0768b1da Adds subscription for page resize
would probably be nice if the confetti started centered, but will require a change to Example
2020-05-15 11:07:05 -07:00
Tessa Kelly
64f415564c Expose subscriptions rather than particleSystem 2020-05-15 11:07:05 -07:00
Tessa Kelly
7bcb96e186 Wires up confetti example 2020-05-15 11:07:05 -07:00
Tessa Kelly
73cc6c6add Remove checkbox from examples
the checkboxes fail the accessibility checker due to the svgs including filters that operate by ids, and i don't think it's worth dealing with here
2020-05-07 14:12:37 -07:00
Tessa Kelly
d9f7249796 Adds control helper 2020-05-07 13:32:30 -07:00
Tessa Kelly
bfe9413dc3 Import the example implemntation from the monolith 2020-05-07 13:26:33 -07:00
Tessa Kelly
fa8fd2003e Begins adding styleguide example 2020-05-07 12:46:21 -07:00
Tessa Kelly
f7cf19a07e Merge remote-tracking branch 'origin/master' into tessa/remove-old-components 2020-05-01 10:35:55 -07:00
Aaron VonderHaar
f67ab34956 Restore previous behavior: Message.banner centers the content when it is shorter than one line 2020-04-30 10:19:40 -07:00
Aaron VonderHaar
9849124734 Merge remote-tracking branch 'origin/master' into ink/message 2020-04-29 08:52:18 -07:00
Ju Liu
4366f2709e Merge branch 'master' into tessa/remove-dropdown 2020-04-29 11:57:45 +01:00
Aaron VonderHaar
8b56dc9849 Merge remote-tracking branch 'origin/master' into ink/message 2020-04-28 16:43:23 -07:00
Aaron VonderHaar
098bdcce0c Make Nri.Ui.Tabs.V4 work with ProgramTest.clickButton
And also applies the guidelines from https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role#Best_practices
2020-04-28 16:29:00 -07:00
Aaron VonderHaar
318f662035 Update documentation 2020-04-28 13:35:21 -07:00
Aaron VonderHaar
dc50b07a5e Revert moving Callout examples into Message examples 2020-04-28 13:27:14 -07:00
Aaron VonderHaar
fb6e4222ae Rename Message.Warning -> Message.Alert 2020-04-28 12:49:04 -07:00
Aaron VonderHaar
5d58fcea7c Add UiIcon.V1.checkmarkInCircle 2020-04-28 12:33:09 -07:00
Aaron VonderHaar
71c3324376 Add Message.V1.large 2020-04-28 12:25:05 -07:00
Aaron VonderHaar
a205a7b985 Fix typos in Message HTML example 2020-04-27 17:27:24 -07:00
Aaron VonderHaar
cb79a5242f Add italics to the Message markdown example 2020-04-27 17:26:11 -07:00
Aaron VonderHaar
839a010992 Generalize Examples.Message 2020-04-27 17:19:51 -07:00
Aaron VonderHaar
fdf69538ce Message.V1 replaces BannerAlert.V6.custom 2020-04-27 16:49:45 -07:00
Aaron VonderHaar
5afa50ca9c Message.V1 replaces BannerAlert.V6.neutral, success, error 2020-04-27 16:35:24 -07:00
Aaron VonderHaar
3efc6fcf8f Message.V1 replaces BannerAlert.V6.alert 2020-04-27 16:30:09 -07:00
Aaron VonderHaar
a02bc08ae9 Message.V1 replaces Alert.V4.tip 2020-04-27 15:29:06 -07:00
Aaron VonderHaar
4498ec54bf Message.V1 replaces Alert.V4.warning 2020-04-27 15:25:18 -07:00
Aaron VonderHaar
a78b29f7ba Message.V1 replaces Alert.V4.success 2020-04-27 15:22:43 -07:00
Aaron VonderHaar
cad02d44b9 Message.V1 replaces Alert.V4.error and Alert.V4.somethingWentWrong 2020-04-27 15:10:26 -07:00
Aaron VonderHaar
65f30b295d Normalize references 2020-04-27 15:07:26 -07:00
Aaron VonderHaar
086d8f3321 Move Callout examples into Message examples 2020-04-27 14:46:21 -07:00
Aaron VonderHaar
c419ee292d Move BannerAlert examples into Message examples 2020-04-27 14:40:50 -07:00
Aaron VonderHaar
6e712bb79e Move Alert examples into Message examples 2020-04-27 14:35:33 -07:00
Tessa Kelly
d56f45248d 💀 remove select v6 2020-04-24 16:55:12 -07:00
Tessa Kelly
5570c30e74 Upgrade to v10 buttons in examples 2020-04-24 16:55:11 -07:00
Tessa Kelly
881fde9d72 💀 remove dropdown example 2020-04-24 12:09:59 -07:00
Aaron VonderHaar
3df54540cb Add TextInput.V6.css 2020-04-14 13:23:55 -07:00
Aaron VonderHaar
e7e933c02c Cleanup styleguide debug controls for TextInput 2020-04-14 13:09:38 -07:00
Aaron VonderHaar
1a72a3e353 Add TextInput.V6.loading, TextInput.V6.disabled 2020-04-14 12:22:21 -07:00
Aaron VonderHaar
67a5603966 Add TextInput.V6.errorMessage 2020-04-14 11:47:17 -07:00
Aaron VonderHaar
9189cbeabd Clean up TextInput styleguide example 2020-04-14 10:59:38 -07:00
Aaron VonderHaar
78fecace90 Update TextInput styleguide example 2020-04-14 09:00:25 -07:00
Aaron VonderHaar
a2d305b6e4 New attributes-style API for TextInput.V6 2020-04-13 17:01:33 -07:00
Aaron VonderHaar
fc61d0bfe6 🎨 normalize references 2020-04-13 16:14:51 -07:00
Aaron VonderHaar
fab0271d03 Create Nri.Ui.TextInput.V6 from V5 2020-04-13 14:36:39 -07:00
Aaron VonderHaar
9064a53677 Merge remote-tracking branch 'origin/master' into ink/email-inputs 2020-04-10 15:07:27 -07:00
Tessa Kelly
84374023fb Adds Divider to the styleguide 2020-04-08 15:13:06 -07:00
Tessa Kelly
b4bf234c17 Simplify page example 2020-04-03 13:55:40 -07:00
Tessa Kelly
a467d58ec4 Adds spinning dots 2020-04-02 18:35:55 -07:00
Tessa Kelly
ced309210f adds spinner example 2020-04-02 18:21:04 -07:00
Tessa Kelly
fe864e7184 Pulls Loading out into its own module 2020-04-02 18:13:29 -07:00
Tessa Kelly
9b81b7df80 Adds loading page 2020-04-02 11:48:46 -07:00
Tessa Kelly
f781e26776 Adds loadingFadeIn helper 2020-04-02 11:44:49 -07:00
Tessa Kelly
97f237f589 Adds remaining modules to the examples 2020-03-31 16:35:17 -07:00
Tessa Kelly
3d1d65b508 💀 remove Module example 2020-03-31 16:35:17 -07:00
Tessa Kelly
6d5184137f Adds Example type annotations 2020-03-31 16:35:17 -07:00
Tessa Kelly
de82a5c4ab Adds back in subscriptions 2020-03-31 16:35:17 -07:00
Tessa Kelly
dc9ed8ba7b Uncomment all the states 2020-03-31 16:35:17 -07:00
Tessa Kelly
267164e9cc Adds banner alert example back in 2020-03-31 16:35:17 -07:00
Tessa Kelly
2f5fb613f2 Adds button example back in 2020-03-31 16:35:17 -07:00
Tessa Kelly
72daef5d24 Begin refactoring to make adding new modules easier 2020-03-31 16:35:17 -07:00
Aaron VonderHaar
3cdf2cbcb0 Fix ARIA in examples 2020-03-31 13:26:35 -07:00
Aaron VonderHaar
f18656157c Add TextInput.V5.email input type 2020-03-31 13:19:56 -07:00
Aaron VonderHaar
03c0845973 Update TextInput example to use Debug.Control 2020-03-31 13:04:36 -07:00
Tessa Kelly
9a41c04a98 Cross-list clickable svg in button category and icon category 2020-03-23 17:49:37 -07:00
Tessa Kelly
5d1fb3c5ba Change category modeling to allow presence in multiple categories 2020-03-23 17:48:53 -07:00
Tessa Kelly
2b87eb84df 🎨 Pull Category out into its own module 2020-03-23 17:33:42 -07:00
Tessa
ce510e3e59
Merge branch 'master' into tessa/update-premium-pennants 2020-03-23 12:03:04 -07:00
Tessa Kelly
b7bd650fdf Adds premiumLock 2020-03-19 15:28:16 -07:00
Tessa Kelly
418c0e5781 Adds disabled flag 2020-03-19 15:23:16 -07:00
Tessa Kelly
afb8b371c7 Adds sprout, sapling, and tree ui icons 2020-03-19 14:51:40 -07:00
Tessa Kelly
beb4bc89b2 Adds example code to the custom view 2020-03-17 13:37:12 -07:00
Tessa Kelly
0b05b192d7 Expect svg to be passed through to the custom banner 2020-03-17 13:36:20 -07:00
Tessa Kelly
d58f49f0c4 Separate the spacing of the icon styles from the icon circle styles 2020-03-17 13:34:14 -07:00
Tessa Kelly
ae787f13dc Use pennant v2 in the banner alert custom example 2020-03-17 13:12:31 -07:00
Tessa Kelly
5c565e1a9b Adds Pennant V2 2020-03-17 12:53:50 -07:00
Tessa Kelly
afd9d1da12 Adds initial version of custom helper 2020-03-17 12:04:13 -07:00
Tessa Kelly
0dc00acba1 Adjust the examples to include example code and to reduce the number of examples 2020-03-17 11:54:33 -07:00
Tessa Kelly
04923c6d59 Adds disabled clickable svg 2020-03-12 14:42:55 -07:00
Tessa Kelly
67e5923385 Adds keychain 2020-03-12 08:50:37 -07:00
Tessa Kelly
792917a5c5 Adds hat 2020-03-12 08:47:59 -07:00
Tessa Kelly
41c6d1e909 Adds example of a more customized svg 2020-03-09 11:05:28 -07:00
Tessa Kelly
42bf9811d8 Use spa link 2020-03-09 10:57:29 -07:00
Tessa Kelly
4a86a8a390 Change argument order 2020-03-09 10:55:47 -07:00
Tessa Kelly
41580a4ad9 Adds width handlers 2020-03-09 10:50:00 -07:00
Tessa Kelly
0424d15cd3 Use attribute helpers to build the link 2020-03-09 10:31:11 -07:00
Tessa Kelly
b066463f1d Begin pulling over Button V10 implementation details into the svg helper 2020-03-09 10:21:41 -07:00
Tessa Kelly
cd816041d6 Show both the button and the link examples at once 2020-03-09 09:46:28 -07:00
Tessa Kelly
4aebe9ee93 Extract clickable svg example module 2020-03-09 09:38:16 -07:00
Tessa Kelly
0b362303fc Merge remote-tracking branch 'origin/master' into tessa/add-svg-button 2020-03-09 09:21:05 -07:00
Gavin Panella
28d36c6f64 Revert "Merge pull request #461 from NoRedInk/puffins/prepare-for-merge"
This reverts commit 4373c78d82, reversing
changes made to 6b78075f02.
2020-03-06 20:00:34 +01:00
Stoeffel
873f0ef521 move files into subdirectory 2020-03-02 10:45:03 +01:00
Tessa Kelly
efd8132517 Adds helpers for example html and example ug html 2020-02-18 10:50:51 -08:00
Tessa Kelly
7e261af7aa Pull the link content up where it might be reused 2020-02-18 10:45:59 -08:00
Tessa Kelly
8204c0b2dc Move the mediumBody example with a link out of the UG section 2020-02-18 10:41:32 -08:00
Tessa Kelly
b26acd6df3 Avoid formatting with line breaks in the examples because it's confusing to me 2020-02-18 10:38:22 -08:00
Ben Dansby
43e7e0af25 update example 2020-02-17 15:03:11 -08:00
Ben Dansby
4d8dec0fdf cleanup 2020-02-17 13:55:33 -08:00
Ben Dansby
8160df2987 update examples 2020-02-17 13:45:59 -08:00
Tessa Kelly
20e9ea8ccb Adds google classroom icon 2020-02-14 14:44:50 -08:00
D Pham
cae244f6fa Add copyToClipboard to UiIcon 2020-02-13 17:10:42 -05:00
Tessa Kelly
57388e579c Avoid creating a new ClickableText version 2020-01-31 10:50:37 -08:00
Tessa Kelly
eb76953022 Use ClickableText.V4 in styleguide examples 2020-01-31 10:22:36 -08:00
Tessa Kelly
1dd1bebdb3 Use css helper rather than Button.custom 2020-01-31 10:15:57 -08:00
Tessa Kelly
31d70b4f90 Fixes style overwritten unintentionally by elm-css 2020-01-29 09:20:21 -08:00
Ben Dansby
e3a67a706a import v10 button for modal example 2020-01-28 17:10:20 -08:00
Ben Dansby
6f9a4bb69b adjust example layout 2020-01-28 17:09:53 -08:00
Ben Dansby
3846db917a import v10 in example 2020-01-28 17:09:32 -08:00
Brian Hicks
16fbb629b0 add a new selector to the styleguide to demonstrate the problem 2020-01-27 10:16:22 -06:00
Tessa Kelly
584d8a8acb Adds errored state 2020-01-16 12:46:20 -08:00
Tessa Kelly
c2f0f883bd Require an id
I think, since we should label our selects, that it's not unreasonable to require an id
2020-01-16 11:56:17 -08:00
Tessa Kelly
dc53c4a693 💀 remove Config from the Select API 2020-01-16 11:47:42 -08:00
Tessa Kelly
c8c2d9d875 Adds Select V7 (direct copy of V6) 2020-01-16 11:41:51 -08:00
Aaron VonderHaar
0216bc6dc8
Corrected description for mustard color 2019-12-17 14:28:15 -08:00
Aaron VonderHaar
e50450d59d Add type annotation 2019-12-17 12:57:47 -08:00
Aaron VonderHaar
457404aae0 Add mustard color (new name for yellow) 2019-12-17 12:00:29 -08:00
Aaron VonderHaar
c52199f094 Add new Text Highlight Colors 2019-12-17 11:54:35 -08:00
Aaron VonderHaar
370816d986 Update ochre and add ochreDark 2019-12-13 16:28:45 -08:00
Tessa
286a240b4c
Merge branch 'master' into tessa/adds-missing-icons 2019-12-05 12:43:22 -08:00
Tessa
4192cee498
Merge branch 'master' into tessa/add-width-label-helpers 2019-12-05 12:33:36 -08:00
Tessa
722780c313
Merge branch 'master' into tessa/adds-missing-icons 2019-12-05 11:13:43 -08:00
brookeangel
4ae104bf9e fix padding 2019-12-03 10:43:24 -08:00
brookeangel
0686fb3b23 add links for clicks 2019-12-02 16:13:14 -08:00
brookeangel
d2a9200e5b give toggletip a "hover bridge" 2019-12-02 15:54:59 -08:00
Tessa Kelly
a46e5ef576 Adds arrowPointingRight 2019-11-26 16:15:52 -08:00
Tessa Kelly
3139aed3c2 Adds Plus 2019-11-26 16:12:26 -08:00
Tessa Kelly
1e6249fe41 Remove overflow from svg example 2019-11-26 16:03:26 -08:00
Tessa Kelly
fbc461b3fe Improve styling a touch 2019-11-26 15:39:01 -08:00
Tessa Kelly
bd71eb9f59 Adds aria-label helper 2019-11-26 15:39:01 -08:00
Tessa Kelly
f3999886b0 Demo height and width controls 2019-11-26 15:39:01 -08:00
Tessa Kelly
1de4dd062a Begins adding examples for svgs 2019-11-26 15:39:01 -08:00
Tessa
ea359fb643
Merge branch 'master' into tessa/avoid-trasnforms-for-arrows 2019-11-25 16:45:02 -08:00
Tessa Kelly
569bebebd9 Adds arrows for the other directions to make things easier on the caller 2019-11-25 15:07:56 -08:00
Tessa Kelly
e227e82cce 💀 remove PNG level icons 2019-11-25 14:32:50 -08:00
Tessa Kelly
e0f391d811 Adds mastery icons for stage completion 2019-11-25 14:30:20 -08:00
Tessa Kelly
ad4eb3424e Rearrange the mastery icons to be in order 2019-11-25 13:49:21 -08:00
Katie Hughes
043b4aa026 make sure module page shows correct version 2019-11-19 12:03:39 -08:00
Katie Hughes
4ed233a424 add an input type that handles floats 2019-11-19 12:03:39 -08:00
Brian Hicks
0764e4527f add some more cupcake ipsum 2019-11-18 12:44:25 -06:00
Brian Hicks
2c899bec46 use darker colors for slides 2019-11-15 17:27:07 -06:00
Brian Hicks
3e313ac4d3 fix invalid aria attributes
1. a valid ID cannot contain spaces
2. an ID referenced by aria-controls must be present on the page
2019-11-15 17:09:25 -06:00
Brian Hicks
8873b4883a fix unlabelled select 2019-11-15 17:09:25 -06:00
Brian Hicks
4618cc5fde get rid of all out-of-order header violations 2019-11-15 17:09:25 -06:00
Brian Hicks
45574578ca remove duplicate IDs/active selectors in segmented control 2019-11-15 17:09:25 -06:00
Brian Hicks
946525243e fix duplicate IDs in checkbox example 2019-11-15 17:09:25 -06:00
Tessa Kelly
6ab4a905ff Fix duped ids 2019-11-08 12:31:38 -08:00
Tessa Kelly
b589862112 Darken the labels for axe 2019-10-29 18:54:39 -07:00
Tessa Kelly
51239fefc7 Fix the styling for logos, which are sometimes quite broad 2019-10-29 18:47:38 -07:00
Tessa Kelly
e0e0790079 Adds logo to the Logos 2019-10-29 18:39:12 -07:00
Tessa Kelly
4f0ad33fcd elmify the lock and key and badge' 2019-10-29 18:34:36 -07:00