Commit Graph

604 Commits

Author SHA1 Message Date
Michael Glass
848ffc5c9a Revert "Ugrade palette version"
This reverts commit a9d6edd2d2.
2019-08-26 10:09:36 +02:00
Brian Hicks
9c8ef672ca Merge remote-tracking branch 'origin/master' into callout 2019-08-20 14:30:17 -05:00
Brian Hicks
4c8f1eb814 rename sideText to label 2019-08-20 13:23:13 -05:00
Brian Hicks
f8f4a81d8a add custom attributes for things like titles 2019-08-20 13:08:01 -05:00
Brian Hicks
8f499a51f8 add Nri.Ui.Callout.V1 2019-08-20 12:38:24 -05:00
Tessa Kelly
0d1ad04fea Undo modal version bump 2019-08-19 09:52:05 -07:00
Tessa Kelly
d4f5f5f4b6 Oops fix button color 2019-08-16 15:57:36 -07:00
Tessa Kelly
0eb64eb7ee Display variable-length content 2019-08-16 15:51:00 -07:00
Tessa Kelly
afd8ebc6eb Pull the settings out of the modal 2019-08-16 15:47:21 -07:00
Tessa Kelly
45cfc71f0b Fix the focus behavior 2019-08-16 15:40:34 -07:00
Tessa Kelly
94384ddbce get the new version of the code using the new modal api 2019-08-16 15:37:17 -07:00
brookeangel
201234d677 Add basic example to styleguide 2019-08-16 15:26:51 -07:00
Tessa Kelly
f87a9de93a use autofocus attribute
sooooooooo this won't work if the autofocus is on the same element as the last focusalble elemnt, cause the ids get overwritten... back to the drawing board I suppose
2019-08-16 12:04:59 -07:00
Tessa Kelly
4aeaac8bea Bump modal version 2019-08-16 11:51:57 -07:00
Tessa Kelly
89e5f58ace Use clickable text for secondary button 2019-08-16 11:17:54 -07:00
Tessa Kelly
27af311778 enlargen the styleguide buttons 2019-08-16 11:12:39 -07:00
Tessa Kelly
43c5f27a1a Wrap the modal in a new stacking context
in the monolith, there were pages where tooltip triggers were showing through the modal backdrop
2019-08-16 10:09:30 -07:00
Tessa Kelly
34d60a459c Merge remote-tracking branch 'origin/master' into tessa/use-color-library 2019-08-13 11:47:01 -07:00
Tessa
26633d74af
Merge branch 'master' into tessa/password-supporting-input 2019-08-05 13:01:58 -07:00
Charlie Koster
e9562b956b Updated docs 2019-08-05 14:38:34 -05:00
Tessa Kelly
b029a18b26 Adds password input 2019-08-05 12:27:29 -07:00
Charlie Koster
5111241b3d Update table example with V5 2019-08-05 13:48:02 -05:00
Tessa Kelly
570472b7a8 Adds V5 of the text input 2019-08-02 17:20:09 -07:00
Tessa Kelly
1696a4ce31 Merge remote-tracking branch 'origin/master' into tessa/upgrate-clickable-text 2019-07-31 17:03:07 -07:00
Tessa Kelly
cb274f9c11 Adds comment 2019-07-31 17:00:03 -07:00
Tessa Kelly
eb53f7661b Use avh4/elm-debug-controls 2019-07-30 12:55:55 -07:00
Tessa Kelly
ff9e670166 Add classes to the module examples to make axe output more readable 2019-07-30 12:36:53 -07:00
Tessa Kelly
231fcef985 Refactor examples to make finding the API simpler 2019-07-30 12:28:35 -07:00
Tessa Kelly
2d5028c502 Upgrade API to match Button.V9 2019-07-30 12:13:09 -07:00
Tessa Kelly
0254b35bb2 cp V2 to V3 2019-07-30 11:47:25 -07:00
Brian Hicks
0154813dad Merge remote-tracking branch 'origin/master' into simplify-nri-ui-headings 2019-07-29 13:22:29 -05:00
Brian Hicks
3090779b02
Merge branch 'master' into nri-ui-text-without-headings 2019-07-29 13:13:25 -05:00
Tessa Kelly
a462e9ff04 Write out the focus behavior explicitly
the focus still won't handle correctly until we update the checkboxes to take arbitrary attributes, unfortunately
2019-07-25 22:26:57 -07:00
Tessa Kelly
1fcca16f12 Update modal to take advantage of the new button API 2019-07-25 22:14:26 -07:00
Tessa Kelly
0c6e191a1d cp Modal v5 to v6 2019-07-25 21:46:20 -07:00
Brian Hicks
b8bdb072e4
Merge branch 'master' into nri-ui-text-without-headings 2019-07-25 08:13:26 -05:00
brookeangel
8041530e72 Merge remote-tracking branch 'origin/master' into premium-checkbox-v6 2019-07-24 10:18:27 -07:00
Brian Hicks
6eba967567 replace Headings with Nri.Ui.Heading.V2 2019-07-23 09:58:23 -05:00
Brian Hicks
3935313198 upgrade use of Nri.Ui.Heading.V1 in the style guide 2019-07-23 09:53:43 -05:00
Brian Hicks
9fac5ad438 add Nri.Ui.Text.V4 without headings 2019-07-23 09:09:07 -05:00
Tessa Kelly
6896a5e6f3 Update link helpers to specify what they require in order to work properly 2019-07-19 18:27:17 -07:00
Tessa Kelly
19de994db2 Make label required 2019-07-19 18:16:46 -07:00
Tessa Kelly
2bad7531f0 Custom takes a list 2019-07-19 14:56:01 -07:00
Tessa Kelly
a9d6edd2d2 Ugrade palette version 2019-07-19 09:44:28 -07:00
Tessa Kelly
ee32290ba0 Merge remote-tracking branch 'origin/master' into tessa/use-color-library 2019-07-19 09:39:28 -07:00
Tessa Kelly
ba66f8f221 update attribute helpers to feel more natural in the new pattern 2019-07-19 09:07:42 -07:00
Tessa Kelly
b527f61894 Use attribute-based API instead 2019-07-19 08:57:56 -07:00
Tessa Kelly
4ce5e05a89 Merge remote-tracking branch 'origin/master' into tessa/more-flexible-button-v2 2019-07-19 08:45:10 -07:00
Gavin Panella
6a189a3bc9 Merge remote-tracking branch 'origin/master' into tessa/fix-disclosure-safari 2019-07-19 14:33:02 +02:00
brookeangel
1f15935faa add V6 2019-07-17 14:34:16 -07:00
Brian Hicks
8c95289d19 Merge remote-tracking branch 'origin/master' into header-levels 2019-07-17 10:48:35 -05:00
Brian Hicks
f468a1c77a add note about Heading.V1 2019-07-17 10:46:52 -05:00
Tessa
39b17e874a
Merge branch 'master' into tessa/fix-disclosure-safari 2019-07-15 08:41:16 -07:00
Brian Hicks
4a99f65a4b use new heading API in styleguide 2019-07-12 17:06:21 -05:00
Tessa Kelly
719d77b844 Add a custom attribute to the examples 2019-07-11 15:25:00 -07:00
Tessa Kelly
ccf793d5e1 Generalize the button 2019-07-11 15:23:20 -07:00
Tessa Kelly
c7c56cdf3d Rather than passing the attributes through, render the button and link directly 2019-07-11 14:41:46 -07:00
Tessa Kelly
441c6ff02c 💀 Remove 'Button' 2019-07-11 14:29:10 -07:00
Tessa Kelly
de29750f91 Adds function helpers for setting enabled or not 2019-07-11 14:23:25 -07:00
Tessa Kelly
bed50f0b8b Get the sortable table compiling 2019-07-11 13:18:22 -07:00
Tessa Kelly
4a62b8271d Copy sortable table code from monolith 2019-07-11 12:46:22 -07:00
Tessa Kelly
608ddffa33 Make the example more clear as to what's included in the disclosure indicator 2019-07-11 10:22:00 -07:00
Tessa Kelly
7a05940960 Adds a note about the clickable text being required 2019-07-11 10:07:10 -07:00
Tessa Kelly
8a99134bd8 Fix background color on disclosure indicator example 2019-07-11 10:04:39 -07:00
Tessa Kelly
60f25f9085 Implement the types 2019-07-03 12:13:01 -07:00
Tessa Kelly
eb4fdcc128 Allow for custom attributes in button 2019-07-03 11:00:28 -07:00
Tessa Kelly
0edfd97f51 Allow for custom attributes in link 2019-07-03 10:19:54 -07:00
Tessa Kelly
c35cf203c4 Move the link/button specialization to the renderer 2019-07-03 10:16:40 -07:00
Tessa Kelly
ccfdd6c532 💀 remove link 2019-07-03 10:00:15 -07:00
Tessa Kelly
d7aa9fa456 Duplicate the existing behavior with an initial version of the new API 2019-07-03 09:39:06 -07:00
Tessa Kelly
724260bd3a Introduce builder pattern 2019-07-03 06:52:20 -07:00
Tessa Kelly
d2535caf34 Expose V9 2019-07-03 05:36:57 -07:00
Tessa
358cd76544
Merge branch 'master' into tessa/use-color-library 2019-07-02 16:12:08 -07:00
Aaron VonderHaar
68b096f00f Update Text example docs 2019-06-27 17:13:50 -07:00
Aaron VonderHaar
b735965a6a Nri.Ui.Text.V3: normalize how margins are used 2019-06-27 16:03:47 -07:00
Aaron VonderHaar
ce30943436 Add Nri.Ui.Text.V3 2019-06-27 16:03:47 -07:00
Tessa Kelly
44ff70191b Use palette rather than color 2019-06-21 10:08:06 -07:00
Tessa Kelly
283472a0f0 Merge branch 'tessa/icon-work' of github.com:NoRedInk/noredink-ui into tessa/icon-work 2019-06-18 09:06:16 -07:00
Tessa Kelly
b1d44c054f 🎨 avoid passing along a function with lots of arguments 2019-06-18 09:00:01 -07:00
Tessa Kelly
3ba03bbdef Use a type alias to describe the focusable elements 2019-06-18 08:54:20 -07:00
Tessa
bcf228998c
Merge branch 'master' into tessa/icon-work 2019-06-13 17:25:56 -07:00
Tessa Kelly
f4dff90f06 Make the pennant required 2019-06-13 08:40:15 -07:00
Tessa Kelly
51e953d0cf Remove the assets from the premium checkbox 2019-06-13 08:40:15 -07:00
Tessa Kelly
4fa137f642 Fix the states for main and secondary buttons 2019-06-12 11:27:21 -07:00
Tessa Kelly
a6aaca3e26 Apply dissmissibility fix 2019-06-12 11:20:44 -07:00
Tessa Kelly
699b2789de Use newest modal version 2019-06-12 11:12:37 -07:00
Tessa Kelly
ae00ab4841 Wire in setting for closing on escape or backdrop click 2019-06-11 12:11:59 -07:00
Tessa Kelly
83c06883f2 Adds dismiss on click setting 2019-06-11 12:11:59 -07:00
Tessa Kelly
576cc1f99a Upgrade to newest modal version 2019-06-11 12:11:59 -07:00
Tessa Kelly
359c4d0531 Upgrade accessible-html version 2019-06-11 12:11:59 -07:00
Tessa Kelly
daa52b80bc Adds secondary button 2019-06-11 12:11:59 -07:00
Tessa Kelly
7792e6fb4b Simplify the content view
Note that this is not perfect. if all the items in the modal are de-selected, then the trap doesn't work. pretty much just having the X doesn't work right now
2019-06-11 12:11:59 -07:00
Tessa Kelly
349d9132d3 Fix the focus trap behavior 2019-06-11 12:11:59 -07:00
Tessa Kelly
ffcee01e30 Move the settings into the modal 2019-06-11 12:11:59 -07:00
Tessa Kelly
89f38b32e4 Generalize the main button content 2019-06-11 12:11:59 -07:00
Tessa Kelly
88490ebdd2 Show the danger button 2019-06-11 12:11:59 -07:00
Tessa Kelly
ac6be5a103 Fix the content styles 2019-06-11 12:11:59 -07:00
Tessa Kelly
ad8be4964f 🎨 make launch button easier to work with 2019-06-11 12:11:59 -07:00
Tessa Kelly
2858098121 Adds primaryButton view 2019-06-11 12:11:59 -07:00
Tessa Kelly
a006d2836b Configure when the x shows 2019-06-11 12:11:59 -07:00
Tessa Kelly
a049f6a167 Adds setting for the visible title 2019-06-11 12:11:59 -07:00
Tessa Kelly
d079e73395 Adds separate viewTitle helper 2019-06-11 12:11:59 -07:00
Tessa Kelly
52258fcd3e Adds launch button helper 2019-06-11 12:11:59 -07:00
Tessa Kelly
a77eebd0c2 Basic working example of accessible button-free modules 2019-06-11 12:11:59 -07:00
Tessa Kelly
88b9b7986c Adds modal componenet dependency 2019-06-11 12:11:59 -07:00
Tessa Kelly
f83456aa2a Remove dependence on the assets 2019-06-11 12:11:59 -07:00
Tessa Kelly
1ec26224fd Change version to v5 2019-06-11 12:11:59 -07:00
Aaron VonderHaar
1c75f4ab6d Add aria tabpanel to SegmentedControl.V7 2019-06-04 17:47:27 -07:00
Aaron VonderHaar
8e04ea9771 Add flexibility to SegmentedControl example 2019-06-04 16:01:20 -07:00
Aaron VonderHaar
75b6e8a9ee Remove id attribute from SegmentedControl.V7 2019-06-04 14:47:01 -07:00
Aaron VonderHaar
b05eefd421 Copy Nri.Ui.SegmentedControl.V7 from V6 2019-06-04 14:35:01 -07:00
Tessa Kelly
04dd20022e Fix missing logo 2019-06-03 16:35:12 -07:00
Tessa Kelly
912fdcf381 💀 peerReview 2019-06-03 16:33:59 -07:00
Tessa Kelly
ac9b8d4c49 Merge remote-tracking branch 'origin/master' into lab/remove-unused-icons 2019-06-03 16:24:27 -07:00
Tessa Kelly
92841421ed 💀 remove deprecated icons 2019-06-03 16:16:16 -07:00
Tessa Kelly
788a2756d4 :skull teach assignments copy white 2019-06-03 16:11:47 -07:00
Tessa Kelly
6467fb551d 💀 left arrow 2019-06-03 16:10:39 -07:00
Tessa Kelly
3a32904eab 💀 lock deprecated 2019-06-03 16:10:24 -07:00
Tessa Kelly
361b08bbd6 Remove unused assets 2019-06-03 16:09:21 -07:00
Tessa Kelly
f87bb4663f 💀 clock red 2019-06-03 16:06:25 -07:00
Tessa Kelly
8cf1c2780f 💀 icon calendar and icon check 2019-06-03 16:04:47 -07:00
Tessa Kelly
405752dc32 💀 exclamation point 2019-06-03 16:04:00 -07:00
Tessa Kelly
5d9f256c8d 💀 check white 2019-06-03 16:03:09 -07:00
Tessa Kelly
2a0741c4a0 💀 late clock 2019-06-03 15:47:25 -07:00
Tessa Kelly
25d0c38ce8 💀 help 2019-06-03 15:45:37 -07:00
Tessa Kelly
9ad34d6fd3 Remove the small checkmark and keep the equality sign 2019-06-03 15:43:28 -07:00
Tessa Kelly
f17b0657bb 💀 dark blue checkmark 2019-06-03 15:36:20 -07:00
Tessa Kelly
04af1d93f7 💀 plus 2019-06-03 15:31:51 -07:00
Tessa Kelly
372f577bf0 💀 unhelpful and out of date comment 2019-06-03 15:30:25 -07:00
Tessa Kelly
622f06d95a 💀 quickwrite -- should use assignmentTypeQuickWrite instead 2019-06-03 15:29:57 -07:00
Tessa Kelly
b2b9c215c3 Adds skip to the styleguide 2019-06-03 15:28:24 -07:00
Tessa Kelly
754f55b113 💀 remove squiggly 2019-06-03 15:19:34 -07:00
Tessa Kelly
0387c8e666 💀 remove img x 2019-06-03 15:19:16 -07:00
Tessa Kelly
be32adc648 💀 Remove checkbox icons from the asset list 2019-06-03 15:17:39 -07:00
Tessa Kelly
358658e5de 💀 remove left and right arrows 2019-06-03 15:13:32 -07:00
tremlab
4e4eb63605 BannerAlert.V5 includes style polish for V4 2019-05-30 11:44:18 -07:00
tremlab
3e3c6f2dff Support link in BannerAlert content 2019-05-30 09:23:00 -07:00
Juan Edi
9619281ba4 Update imports to use new version of Nri.Ui.Icon 2019-05-29 14:20:30 -03:00
tremlab
548c5742f3 Typo - BannerAlert.V4 2019-05-23 14:29:03 -07:00
tremlab
a475e62c8a Merge remote-tracking branch 'origin/master' into banner-alert-sunshine 2019-05-23 14:25:40 -07:00
tremlab
df1e1df535 BannerAlert examples includes dismiss msg 2019-05-23 14:21:58 -07:00
Danielle Pham
e18c1abd80 Add Tabs.SpaLink example 2019-05-23 10:57:29 -04:00
Michael Hadley
9c4f4cdc82 Unify into just LinkConfig and links 2019-05-22 17:23:11 -07:00
Michael Hadley
d45cada97e Copy into new tabs V4 module 2019-05-22 15:26:01 -07:00
tremlab
56d7921d25 Adding V4 BannerAlert example 2019-05-22 14:38:11 -07:00
Tessa Kelly
c053708d70 💀 remove the elm-package.jsons 2019-05-22 13:40:00 -07:00
tremlab
7bb62df442 creating v4 for BannerAlert 2019-05-22 11:23:50 -07:00
Katie Hughes
c131ee2070 fully replace the select v5 example with the select v6 example 2019-05-17 15:42:40 -07:00
Katie Hughes
0575f48c74 add select v6 tests 2019-05-17 15:38:47 -07:00
Katie Hughes
b9186423af allow current to be optional 2019-05-17 14:03:51 -07:00
Katie Hughes
7cd37b8f83 First pass of adding a default value to select
Without disturbing the original example, add in our updated select and an example of it to compare the two side by side. We need to handle the "Nothing" case to make sure it looks like the original Select and add tests.
2019-05-16 16:56:06 -07:00
Katie Hughes
fafa22894f Add flexibility to the button text for error pages 2019-05-13 16:04:10 -07:00
Tessa Kelly
c80f7ca4ed 🐛 fixes old name uses 2019-05-10 11:11:44 -07:00
Tessa Kelly
1db134067a Adds link to the package site based on the module name 2019-05-10 11:08:39 -07:00
Tessa Kelly
42a257cb02 view -> medium, large 2019-05-09 09:46:57 -07:00
Tessa Kelly
95a05d5514 🎨 dry up the example code 2019-05-07 12:34:33 -07:00
Tessa Kelly
8d8fdb41de Expose a simpler API 2019-05-07 12:27:25 -07:00
Tessa Kelly
4301048a16 Rename the indicator views 2019-05-07 12:14:51 -07:00
Tessa Kelly
e4479c003d Use the Svg icon directly rather than requiring Assets 2019-05-07 12:12:13 -07:00
Tessa Kelly
8be0a1021e Use buttons rather than clickable divs in the example code 2019-05-07 11:37:14 -07:00
Tessa Kelly
d32a017b79 💀 remove the label from the disclosure indicator
the image is a visual cue that the item is interactable. instead of having alt text, we should use buttons for interactable elements. this will keep the info about the page having a hide/show ability from being redundant
2019-05-07 11:32:29 -07:00
Tessa Kelly
7dee88e7d3 Use V2 of the disclosure indicator in the styleguide 2019-05-07 11:25:25 -07:00
Tessa
c1f9f24e7a
Merge branch 'master' into tessa/small-styelguide-updates 2019-05-06 16:41:07 -07:00
Tessa Kelly
6d10419705 Eliminate further jumping 2019-05-03 10:27:23 -07:00
Tessa Kelly
b672cd0f08 Make the see only this messaging a bit smaller 2019-05-03 10:24:28 -07:00
Tessa Kelly
b9db1b25ee 💀 remove see all link
it definitely shouldn't be an h2, since it doesn't describe the page content
and i'm not sure it's helpful given the 'all' link on the left
2019-05-03 10:22:13 -07:00
Tessa Kelly
f14b28d738 Don't show the see only this message when you are seeing only this 2019-05-03 10:20:41 -07:00
Tessa Kelly
525984a685 Keep the categories from jumping when viewing a short example category 2019-05-03 09:59:55 -07:00
Tessa Kelly
b077d34f95 Label the all state identically to the category state 2019-05-03 09:57:48 -07:00
Tessa Kelly
2bd5ccb61f filename -> name 2019-05-03 09:56:43 -07:00
Tessa Kelly
8e4bf3c412 Standardize the module example naming 2019-05-03 09:54:34 -07:00
Tessa Kelly
96f63ceb82 Remove broken link 2019-05-03 09:49:45 -07:00
Tessa Kelly
7ceb707441 Remove resets
We don't know we'll have these where the components are used, so we shouldn't have them in the styleguide
2019-05-03 09:47:53 -07:00
Tessa Kelly
196bece147 🎨 DRY link code slighlty 2019-05-03 09:45:43 -07:00
Tessa Kelly
e741eb588f :bowtie: style the category links 2019-05-03 09:41:05 -07:00
Tessa Kelly
3b90f78c4c 📝 alphabetize the vategories 2019-05-03 09:32:56 -07:00
Tessa Kelly
f40555227b 💀 remove redundant header 2019-05-03 09:31:48 -07:00
Tessa Kelly
616853ecf2 Use the category display name 2019-05-03 09:30:58 -07:00
Tessa Kelly
c21cee42e2 Behaviors -> widgets 2019-05-03 09:30:02 -07:00
Tessa Kelly
c557b16d15 fixup! Rename for clarity 2019-05-03 09:20:21 -07:00
Tessa Kelly
2b84bc1440 Adds animations category 2019-05-03 09:10:23 -07:00
Tessa Kelly
ea7b8e35ac Rename for clarity 2019-05-03 09:08:23 -07:00
Tessa Kelly
465c22f56b 💀 remove more unused categories 2019-05-03 09:03:42 -07:00
Tessa Kelly
dce2d578d6 Condence text writing and fonts into text 2019-05-03 08:59:26 -07:00
Tessa Kelly
cd938aafff 💀 NotesToDeveloper 2019-05-03 08:56:49 -07:00
Tessa Kelly
e4e8ff1de1 💀 Writing 2019-05-03 08:56:15 -07:00
Tessa Kelly
bfa5266a03 Remove/reorg the icons further 2019-05-03 08:53:10 -07:00
Aaron VonderHaar
38e5ea4a43 Add “WithOnlyX” dismissibility option to Modal.V4 2019-05-02 16:44:31 -07:00
Aaron VonderHaar
a3b3c00d1e Create Modal.V4 2019-05-02 16:44:31 -07:00
Tessa Kelly
2c988b38df 💀 remove the html-based alerts 2019-04-17 16:24:06 -07:00
Tessa Kelly
ef10991097 Section the Alert examples 2019-04-17 14:05:53 -07:00
Tessa Kelly
63b2c8d2f5 Demo that the alerts support markdown 2019-04-17 14:02:34 -07:00
Tessa Kelly
f0b746684f Adds example code for using the complexError and complexWarning 2019-04-17 13:54:01 -07:00
Tessa Kelly
ebd0b29bf7 Adds initial version of complexWarning, complexError, and somethingWentWrong 2019-04-17 13:40:55 -07:00
Tessa Kelly
c3bf5b9a61 Use V4 in the styleguide app 2019-04-17 13:30:08 -07:00
Juan Edi
ccb8831d61
Merge branch 'master' into slide-modal-height-in-px 2019-04-15 14:43:30 -03:00
Juan Edi
af90eb6617 SlideModal expects the height to be specified in pixels instead of vh 2019-04-12 17:03:47 -03:00
Tessa Kelly
01266d82d0 💀 remote the obviously deprecated icons from the styleguide 2019-04-12 11:41:36 -07:00
Tessa Kelly
5b0d25fa43 Update the generated svg list to be shorter 2019-04-12 11:35:44 -07:00
Tessa Kelly
1015db5e6f 💀 remove the icon checkmarks 2019-04-12 11:33:43 -07:00