Commit Graph

897 Commits

Author SHA1 Message Date
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
Aaron VonderHaar
6d8eccd141 Upgrade styleguide-app dependencies 2020-04-10 14:54:59 -07:00
Aaron VonderHaar
f964a2e2d5 Upgrade to avh4/elm-debug-controls@2.2.1 2020-04-10 14:53:33 -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
196c229cf0 Fix make 2020-04-03 09:45:55 -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
20cc19c649 Error pages -> Pages 2020-04-02 11:49:09 -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
7ad8df39d4 Separate out the wrapState and wrapMsg helpers to better emphasize what example we're looking at 2020-03-31 16:35:17 -07:00
Tessa Kelly
32264949c6 Pull the example state management up a level 2020-03-31 16:35:17 -07:00
Tessa Kelly
97f237f589 Adds remaining modules to the examples 2020-03-31 16:35:17 -07:00
Tessa Kelly
7d25639382 Avoids manually managing the state keys 2020-03-31 16:35:17 -07:00
Tessa Kelly
8a4b246dfa Inline the example accessors 2020-03-31 16:35:17 -07:00
Tessa Kelly
0501c25141 Change the modeling to a dict 2020-03-31 16:35:17 -07:00
Tessa Kelly
b87a61b86f Use all module list for subscriptions and view 2020-03-31 16:35:17 -07:00
Tessa Kelly
92573874fc Use new implementation style 2020-03-31 16:35:17 -07:00
Tessa Kelly
5e879fd801 Begin trying wrapped implementation 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
Tessa Kelly
61024704f5 NriModules -> Examples 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
36f3a6589e Fix routing to remove false positives due to routing: see https://github.com/dequelabs/axe-core/issues/1204 2020-03-31 13:20:37 -05:00
Tessa Kelly
ce0a6a0d53 Adds skip-button 2020-03-31 13:20:37 -05: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
c0953e9354 Install elm-sorter-experiment 2020-03-23 17:40:14 -07:00
Tessa Kelly
75ce281f8a 💀 kill dead code 2020-03-23 17:37:50 -07:00
Tessa Kelly
4371963b0a 💀 remove dead code 2020-03-23 17:36:39 -07:00
Tessa Kelly
cf823c4b8a 🎨 move list of all catgories into Category 2020-03-23 17:35:08 -07:00
Tessa Kelly
2b87eb84df 🎨 Pull Category out into its own module 2020-03-23 17:33:42 -07:00
Tessa Kelly
f4a37acf76 🎨 fold all the styleguide TEA components into one module 2020-03-23 17:25:24 -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
701eb7484f
Merge branch 'master' into tessa/slimmer-sections 2019-11-25 16:50:37 -08:00
Tessa
ea359fb643
Merge branch 'master' into tessa/avoid-trasnforms-for-arrows 2019-11-25 16:45:02 -08:00
Tessa
d7387d9353
Merge branch 'master' into tessa/slimmer-sections 2019-11-25 16:44:51 -08:00
Tessa Kelly
248387cdb5 Improve wrapping experience 2019-11-25 16:10:52 -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
469c9e000b Decrease heading size 2019-11-25 14:51:33 -08:00
Tessa Kelly
32d23839ce 💀 remove Assets file 2019-11-25 14:33:06 -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
0f7808c929 💀 remove mastery badge 2019-11-25 13:56:01 -08:00
Tessa Kelly
8b8bc13b96 💀 remove generated svgs file 2019-11-25 13:55:09 -08:00
Tessa Kelly
ad4eb3424e Rearrange the mastery icons to be in order 2019-11-25 13:49:21 -08:00
Matt Charlton
6fe0181daf extra newline (I think that's what CI complained about?) 2019-11-20 08:58:44 -06:00
Matt Charlton
4518d67431 add and use categoryForId 2019-11-20 08:58:44 -06:00
Matt Charlton
d1709fc091 add class to main div 2019-11-20 08:58:44 -06: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
1a36f88c6d contain all content in landmarks 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
fe06f37b8f add language to html 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
Brian Hicks
36c59a8a45 add a main to the styleguide
this revealed some errors in the callout: namely that we're not supposed
to have <aside> inside <main>. Since we should always have a <main>, we
should indicate callouts some other way. A <div> works fine for this.
2019-11-15 17:09:25 -06:00
Matt Charlton
a8f71059e7 use a static id to check we've loaded 2019-11-15 15:59:49 +00:00
Matt Charlton
0685364963 remove unnecessary id 2019-11-15 14:50:52 +00:00
Matt Charlton
ed2e421fe0 add id to categories div 2019-11-15 13:33:41 +00: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
Tessa Kelly
35c37ec687 Adds new Logos module 2019-10-29 18:33:48 -07:00
Tessa Kelly
5c2098079c Adds bulb and hint 2019-10-29 18:09:17 -07:00
Tessa Kelly
c38f5eaf32 :bowtie: adds assignment start icons 2019-10-29 17:18:04 -07:00
Tessa Kelly
b146fead0c Replace equals 2019-10-29 16:53:10 -07:00
Tessa Kelly
dff660f528 Adds more icons 2019-10-29 16:47:01 -07:00
Tessa Kelly
e4c60577cd :bowtie: adjust the icons to be a significantly more compact 2019-10-29 16:24:20 -07:00
Tessa Kelly
5139f49b8c Drop Icon support from the icon examples helpers 2019-10-29 15:54:59 -07:00
Tessa Kelly
8b01eeebbf 💀 remove the Assets structure entirely 2019-10-29 15:44:21 -07:00
Tessa Kelly
6d0dd24f99 💀 remove no-longer-used asset references 2019-10-29 15:34:29 -07:00
Tessa Kelly
5aae2daf98 Move the Asset structure into the Icon examples 2019-10-29 15:30:13 -07:00
Ju Liu
85dde02bd9 Merge branch 'master' into tessa/accordion 2019-10-28 15:55:43 +00:00
Tessa
5e22b4c087
Merge branch 'master' into tessa/remove-assets 2019-10-24 15:13:00 -07:00
Tessa
95e77fef33
Merge branch 'master' into tessa/accordion 2019-10-24 15:12:58 -07:00
brookeangel
cfa0a6ede6 Add Nri.Ui.Pennant.V1 2019-10-24 14:40:23 -07:00
Tessa Kelly
3b1fba048b 💀 remove assets 2019-10-24 13:27:39 -07:00
Tessa Kelly
8360b1d387 Vary the icons used in the example 2019-10-24 13:23:52 -07:00
Tessa Kelly
5cd92f62e7 Fix color contrast issue 2019-10-24 13:04:09 -07:00
Tessa Kelly
d91c6d4baf Adds star outline 2019-10-24 12:34:59 -07:00
Tessa Kelly
41556a6866 Remove the star and flag icons 2019-10-24 12:30:18 -07:00
Tessa Kelly
8a52b74149 Show varied icons on the segmented control examples 2019-10-24 12:29:21 -07:00
Tessa Kelly
efae29d888 Adds star icon 2019-10-24 12:17:13 -07:00
Tessa Kelly
1622e09d7c Adds support for a different-colored svg 2019-10-24 11:29:27 -07:00