Commit Graph

806 Commits

Author SHA1 Message Date
Tessa Kelly
2deade929c Move the gear to UiIcons 2019-10-11 11:17:14 -07:00
Tessa Kelly
513b20fc9e Add another batch of icons 2019-10-11 10:56:47 -07:00
Tessa Kelly
351a9e058b Final styling tweaks 2019-10-11 10:24:21 -07:00
Tessa Kelly
ba857536ef Fix background colors added for debugging 2019-10-10 16:33:04 -07:00
Tessa Kelly
74c0efba08 Fix spacing between continue and close buttons 2019-10-10 16:29:46 -07:00
Tessa Kelly
fec7bf64c6 Fix the top bar styles 2019-10-10 16:25:23 -07:00
Tessa Kelly
933f8b8765 Add icon to the complex exmple 2019-10-10 15:54:22 -07:00
Tessa Kelly
eca9dba043 Move the gear to UiIcons 2019-10-10 15:49:57 -07:00
Tessa Kelly
15c6f74cfb Update the Banner alert to take html 2019-10-10 15:44:39 -07:00
Tessa Kelly
c29f8ebea7 Use banner alert v6 2019-10-10 15:05:53 -07:00
brookeangel
74b8f58c83 improve tooltip commentary 2019-10-10 11:46:16 -07:00
Gavin Panella
52fdfa9a71 Merge remote-tracking branch 'origin/master' into zamboni/accessible-tooltips 2019-10-10 19:51:08 +02:00
Tessa Kelly
5179bff1fc Fix the upper corners depending on whether the title is showing or not 2019-10-09 14:33:29 -07:00
Tessa Kelly
4d741e9769 Fix the height 2019-10-09 13:53:13 -07:00
Tessa Kelly
5c46167a10 Improve footerless styles 2019-10-09 13:19:02 -07:00
Tessa Kelly
60f4971fbf fixup! Use V8 in examples 2019-10-09 13:06:31 -07:00
Tessa Kelly
f032e6a234 Make title visibility an attribute 2019-10-09 12:20:17 -07:00
Tessa Kelly
4f2c5ee905 Allow customizable modal height 2019-10-09 07:11:45 -07:00
Tessa Kelly
c3afbf89da Use V8 in examples 2019-10-09 07:03:07 -07:00
Tessa
e0dd31398f
Merge branch 'master' into tessa/icons 2019-10-04 18:07:55 -07:00
Tessa Kelly
1b427bca14 Adds Edit icon 2019-10-04 14:59:39 -07:00
Tessa Kelly
a7e543ad2b 💀 remove edit writing icon -- i think we use the regular edit pencil everywhere 2019-10-04 14:56:43 -07:00
Tessa Kelly
3b2af12049 💀 Remove the old versions of the icons from the styleguide 2019-10-04 14:56:18 -07:00
Tessa Kelly
e19b20d455 Adds the share icon and holes for the rest of the teacher icons 2019-10-04 14:48:26 -07:00
Tessa Kelly
69b683ff8b Adds UiIcon module with a nicer-looking unarchive png 2019-10-04 14:43:57 -07:00
Tessa Kelly
0fe19d9967 💀 remove apparently unused assignment types from the styleguide 2019-10-04 14:36:23 -07:00
Tessa Kelly
c96c038d3f Merge remote-tracking branch 'origin/master' into tessa/fix-text-example 2019-10-02 11:43:23 -07:00
Tessa Kelly
9c817e4eb2 Merge remote-tracking branch 'origin/master' into tessa/fix-text-example 2019-10-01 16:41:45 -07:00
Tessa Kelly
6c82640098 Merge remote-tracking branch 'origin/master' into svg-assignment-icons-2 2019-10-01 16:40:43 -07:00
Tessa Kelly
25e9c42cde IconHelpers -> IconExamples 2019-10-01 09:04:33 -07:00
Tessa Kelly
a514f3e132 🎨 beautify per review 2019-10-01 09:02:06 -07:00
Tessa Kelly
9cba1a22d0 🐛 fixes the broken see-only-this-link and the view docs link 2019-09-30 18:15:26 -07:00
Tessa Kelly
6a76c3cecb Update sorting for the assignment icons 2019-09-30 17:55:15 -07:00
Tessa Kelly
9bc50f34f3 Convert revising 2019-09-30 17:53:34 -07:00
Tessa Kelly
a508fbf6d7 Convert rating 2019-09-30 17:50:19 -07:00
Tessa Kelly
6523255a82 Convert submitting 2019-09-30 17:48:19 -07:00
Tessa Kelly
d34248bead Move the assignment icon examples into their own module 2019-09-30 17:30:35 -07:00
Tessa Kelly
d5b127a1d9 🐛 fix icon version in example name 2019-09-30 17:16:46 -07:00
Tessa Kelly
6054040e8f Extract icon helpers 2019-09-30 17:16:29 -07:00
Tessa Kelly
dde558fa31 :bowtie: adjust the spacing of icon sections a bit 2019-09-30 17:13:57 -07:00
Tessa Kelly
807764fc5d Tag assignment icons as svg never 2019-09-30 17:13:00 -07:00
Tessa Kelly
555f876d05 🎨 dry up the icon examples helpers 2019-09-30 17:10:09 -07:00
Tessa Kelly
c971530a76 Update header name
since we didn't end up deleting the entire assignment icon section, I think it's helpful for the section name to be a bit different
2019-09-30 16:58:36 -07:00
Renee Tremlab
113a78c0ff Removing deprecated Icon approach from Examples.Icon 2019-09-30 16:47:02 -07:00
Renee Tremlab
7a4bac32de Adds selfReview Icon 2019-09-30 16:46:08 -07:00
Tessa Kelly
5de9ed53dc Adds guided draft 2019-09-30 16:33:44 -07:00
Tessa Kelly
9e681b7080 Adds quickWrite 2019-09-30 16:31:36 -07:00
Renee Tremlab
3d56f7c8c6 Adds quiz icon 2019-09-30 16:28:13 -07:00
Renee Tremlab
b985a6465b Adds practice icon 2019-09-30 16:23:47 -07:00
Tessa Kelly
476545c26d Show peerreview icon and name in the styleguide example 2019-09-30 16:18:37 -07:00
Renee Tremlab
9b21cc0c5a Adds diagnostic SVG directly 2019-09-30 16:07:13 -07:00
brookeangel
7e55bfbd2a also test toggletip and add some accessibility goodies 2019-09-30 15:29:43 -07:00
brookeangel
fbce39979f add hover example to styleguide app 2019-09-30 12:30:12 -07:00
brookeangel
cea0403928 add extra attrs for things like modal 2019-09-30 12:26:46 -07:00
brookeangel
6a0932fd2a toggle tip doesnt have to show id 2019-09-30 11:45:30 -07:00
brookeangel
36ab2ae548 Add more legit toggletip 2019-09-30 11:30:19 -07:00
brookeangel
2a8147f190 Merge remote-tracking branch 'origin/master' into zamboni/accessible-tooltips 2019-09-20 09:22:51 -07:00
Katie Hughes
753e34a272 fix some axe complaints 2019-09-16 16:08:08 -07:00
Katie Hughes
f4575fbac4 Add an example to the styleguide for the segmented toggle 2019-09-11 10:37:19 -07:00
Michael Glass
82b1534dc2
Merge branch 'master' into upgrade-list-zipper 2019-09-04 13:53:43 +02:00
Michael Glass
1fae6a445b upgrade list zipper dependency 2019-09-04 11:03:03 +02:00
Michael Glass
313ae99ec7 Revert "Merge pull request #354 from NoRedInk/use-elm-color"
This reverts commit 8b6f993fb3, reversing
changes made to d8fcbc58f8.
2019-08-29 17:18:57 +02:00
Brian Hicks
220895db01 demonstrate customizations in the style guide 2019-08-27 09:08:20 -05:00
Michael Glass
0c2ab2500c Revert "Use palette rather than color"
This reverts commit 44ff70191b.
2019-08-26 10:14:44 +02:00
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
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
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
eb53f7661b Use avh4/elm-debug-controls 2019-07-30 12:55:55 -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
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
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
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
ac9b8d4c49 Merge remote-tracking branch 'origin/master' into lab/remove-unused-icons 2019-06-03 16:24:27 -07:00
Tessa Kelly
9ad34d6fd3 Remove the small checkmark and keep the equality sign 2019-06-03 15:43:28 -07:00
Tessa Kelly
372f577bf0 💀 unhelpful and out of date comment 2019-06-03 15:30:25 -07:00
Tessa Kelly
b2b9c215c3 Adds skip to the styleguide 2019-06-03 15:28:24 -07:00
Tessa Kelly
be32adc648 💀 Remove checkbox icons from the asset list 2019-06-03 15:17:39 -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
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
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
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
f40555227b 💀 remove redundant header 2019-05-03 09:31:48 -07:00
Tessa Kelly
c21cee42e2 Behaviors -> widgets 2019-05-03 09:30:02 -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
dce2d578d6 Condence text writing and fonts into text 2019-05-03 08:59:26 -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
1015db5e6f 💀 remove the icon checkmarks 2019-04-12 11:33:43 -07:00
Tessa Kelly
4be0a29fc2 Make the svgs with their fill color set up properly green
this will make it easer to tell which icons on the page are set up right and svgish
2019-04-12 11:33:43 -07:00
Tessa Kelly
1586545b06 Use the zipper package to model state" 2019-04-12 10:43:49 -07:00
Tessa Kelly
c83ffc0ce1 Adds animation example 2019-04-11 12:54:14 -07:00
Tessa Kelly
dbc4d3709e Merge remote-tracking branch 'origin/master' into lab/slidimations 2019-04-11 10:01:50 -07:00
Tessa Kelly
7bedc0f439 Add help icon to the icons availabel in the styleguide 2019-04-09 16:05:25 -07:00
Tessa Kelly
d191da43ed Reset V1 to the old API
Make a V2 with the new content
test against V2
use V2 in the styleguide
2019-04-08 18:08:23 -07:00
Tessa
d39ac8bb23
Merge branch 'master' into lab/modal-flow 2019-04-08 10:03:39 -07:00
Tessa Kelly
aedbb9e6a3 Lock-in the modal height in the configuration 2019-04-05 11:40:32 -07:00
Tessa Kelly
553703ced8 🎨 wrap the slide modal state in an opaque type 2019-04-05 11:11:37 -07:00
Tessa Kelly
808776d703 Adds modal state 2019-04-04 19:19:55 -07:00
Tessa Kelly
93337714c9 Add multiple panels 2019-04-04 19:05:09 -07:00
Tessa Kelly
06251154d7 Begin making room for multiple panels 2019-04-04 18:52:02 -07:00
Tessa Kelly
12f846171a Remove width, as I don't see how or where it's used 2019-04-04 18:46:53 -07:00
Tessa Kelly
2041321380 Add a single button in the footer 2019-04-04 18:46:05 -07:00
Tessa Kelly
ff675ad8fc Add the icon and title to the view 2019-04-04 18:41:05 -07:00
Tessa Kelly
98eff48478 Adds first version of the slide modal 2019-04-04 18:30:12 -07:00
Tessa
ee4adcce29
Merge branch 'master' into tessa/icons-away 2019-04-04 12:18:07 -07:00
Tessa
a32bac860a
Merge branch 'master' into tessa/detangle-icons-banner-alert 2019-04-04 10:11:48 -07:00
Tessa Kelly
fc355d991d 💀 remove first set of assets
Note: not displaying backgrounds
2019-04-03 17:51:47 -07:00
Tessa Kelly
1d51b1c659 💀 remove noOpMsg 2019-04-03 17:17:36 -07:00
Tessa Kelly
306e414514 Adds new version of Checkbox
Turns out that the Checkbox is tightly-tied to the premium checkbox version
2019-04-03 17:11:41 -07:00
Tessa Kelly
0d9cff6077 Use the svg in the warning 2019-04-03 09:25:13 -07:00
Tessa Kelly
9db6b2f587 Bulb should use the current color 2019-04-03 09:25:13 -07:00
Tessa Kelly
fea7a4c63e Use the checkmark asset in the success message 2019-04-03 09:25:13 -07:00
Tessa Kelly
b78bc61a4d Use the icon in the alert view 2019-04-03 09:25:12 -07:00
Tessa Kelly
63eb368e1c Adds alert v3 2019-04-03 09:25:12 -07:00
Tessa Kelly
9fd17bb97f Use the 'spritesheet' in banner alert 2019-04-03 09:25:12 -07:00
Tessa Kelly
f6d9eb6afa Add a view of the clickable text showing up in line 2019-04-03 09:22:51 -07:00
Tessa Kelly
1cdd276766 Use Svg data 2019-04-03 09:22:51 -07:00
Tessa Kelly
c7a7e434c0 Update the filename 2019-04-03 09:22:51 -07:00
Tessa Kelly
893dd69f6c Use a table to display the view function names 2019-04-03 09:22:51 -07:00
Tessa Kelly
429df27d8f 💀 remove unnecessarily passed through assets 2019-04-03 09:22:51 -07:00
Tessa Kelly
e09b104ed4 Use clickabletext v2 in the styleguide 2019-04-03 09:22:51 -07:00
Tessa Kelly
25af73784c Use svgs in internal modeling 2019-03-27 16:56:54 -07:00
Tessa Kelly
4a336577f7 💀 remove unnecessary dependency on the x 2019-03-27 16:49:07 -07:00
Tessa Kelly
b52523bc13 💀 kill borderless button 2019-03-27 16:37:23 -07:00
Tessa Kelly
fbd03abb5c Use nri ui button v8 2019-03-27 16:32:47 -07:00
Tessa Kelly
3f46e6bbf2 Update the banner heading 2019-03-22 09:43:03 -07:00
Tessa Kelly
bf31b2beca Make a hole for asset threading 2019-03-21 14:22:57 -07:00
Tessa Kelly
1b4c29a1b2 Adds banner alert to styleguide 2019-03-21 13:50:59 -07:00
Aaron VonderHaar
55286fea9a Fix typo in Example/Tabs 2019-02-22 21:00:04 -08:00
brookeangel
e0b1ca20ae Rename BorderlessButton to ClickableText 2019-02-15 14:33:26 -08:00
Brooke Angel
a8de5fe265 make BorderlessButton its own thing in the style guide 2019-02-15 10:51:19 -08:00
Brooke Angel
0cde551990 add link to BorderlessButton module 2019-02-15 10:31:16 -08:00
Brooke Angel
d0242d19e3 add onClick msg 2019-02-15 10:01:57 -08:00
Brooke Angel
e1b6996672 add in icon 2019-02-15 10:01:57 -08:00
Brooke Angel
4d0c029800 add sizes to borderlessButton 2019-02-15 10:01:57 -08:00
Brooke Angel
1f7717c341 add borderless button to styleguide 2019-02-15 10:01:57 -08:00
Brian Hicks
c8d5f331a8 🤖 2019-02-11 15:38:37 -06:00
Brian Hicks
7fcfa1ef01 add multiline checkbox demo to styleguide 2019-02-11 15:31:55 -06:00
Danielle Pham
d49b22e207 Add onBlur to TextInput V4 2019-01-07 15:35:47 -05:00
Juan Edi
97a1ef1411
Merge branch 'master' into labradoodle/highlighting-colors 2019-01-04 10:28:09 -03:00
Ally McKnight
23aec1f14a shows onBlur behaviour in the styleguide 2019-01-03 14:47:46 -08:00
Ally McKnight
dc6319ecc4 adds onblur attribute to new text area version 2019-01-03 14:37:44 -08:00
Juan Edi
f2edeab452 Add new colors to styleguide app 2019-01-03 18:01:17 -03:00
Jasper Woudenberg
5899d7a386
Merge branch 'master' into zamboni/add-button-v7 2019-01-03 13:44:35 +00:00
Brooke Angel
0fb768cfde Merge remote-tracking branch 'origin/master' into zamboni/add-button-v7 2018-12-26 14:12:06 -08:00
Brooke Angel
7502199e7c add WidthFillContainer 2018-12-20 10:53:09 -08:00
Ally McKnight
324c5df775 update style guide with correct version 2018-12-19 16:04:10 -08:00
Ally McKnight
961f2a0c74 Merge remote-tracking branch 'origin' into ink/ally/text-area-update 2018-12-17 11:13:48 -08:00
mavnn
b3a73ceb73
Merge remote-tracking branch 'origin/master' into update-checkbox-text 2018-12-17 11:03:27 +00:00
mavnn
ae7aa6047c
Add Checkbox.V4/PremiumCheckbox.V3 with correct text styling
Previous versions relied on the nri2015 sass stylesheet for label style.
2018-12-14 12:18:49 +00:00
Brooke Angel
a4db9de1a6 dont use weird pseudoassets for textarea 2018-12-13 14:52:02 -08:00
Ally McKnight
f28c1c6664 styleguide uses v4 2018-12-13 14:44:39 -08:00
Brooke Angel
f2e9925b2e demonstrate clipboard setup in styleguide-app 2018-12-13 12:59:35 -08:00
Brooke Angel
e4469b3ba7 initial add button V7 2018-12-13 10:50:11 -08:00
Brooke Angel
1d24b5caea fix local running instructions in readme 2018-12-11 21:57:06 +01:00
Brooke Angel
7bbd4c1739 start converting styleguide-app to elm 0.19 2018-12-11 21:57:06 +01:00
Luke Westby
26608637e5
Add Table.V4 with builtin keyframes (#168)
* add table v4 with builtin keyframes

* get things looking good in the styleguide

* remove log
2018-11-13 10:19:01 -08:00
Richard Feldman
e2907d9ba2 Prep for 0.19 dual-publish (#163)
* Use elm-css 16.0.0

* 💀 Ui.Checkbox V1 and V2

* s/Css.Foreign/Css.Global/g

* 💀 Nri.Ui.Styles.V1

* 💀 BannerAlert.V1

* 💀 Modal.V1

* 💀 Dropdown.V1

* 💀 Select.V1 and V2

* 💀 Alert.V1

* 💀 Button.V1 and V2

* 💀 Divider.V1

* 💀 Icon.V1 and V2

* 💀 Outline.V1

* 💀 SegmentedControl.V1-V5

* 💀 TextArea.V1 and V2

* 💀 TextInput.V1

* delete the rest of the modules

* actually more deletions

* InputStyles v1 is unused

* move to src-0.18

* do the 0.19 upgrade

* select options are addressable by index

* elm-css 16

* update scripts

* elm-format

* Update V2.elm

* put the nbsp back

* elm-format validation for both versions
2018-11-12 15:38:19 -08:00
Luke Westby
10e29b412b
Puffins final upgrades (#166)
* add toString to select config

* let table use v2 keyframes

* add to elm-package

* use button for tabs

* delete noop hrefs

* add to select tests

* use html v3
2018-11-12 12:25:37 -08:00
Tereza Sokol
9bb5081c37 Add Tabs.V2 (with Html.Styled) (#165)
* Tabs.V2

* Expose module

* Fix filename
2018-11-09 14:01:11 -08:00
Danielle Pham
2fb69ff347 Merge branch 'master' into ink__guided-draft-icon
Move guided draft icon to Icon V4
2018-10-29 12:51:12 -04:00
Danielle Pham
0278958762 Icon V4: use SvgIcon for assignment types 2018-10-26 12:49:26 -04:00
Tessa Kelly
fe8a66d772 Use an SVG sprite for the guided draft icon instead of an image 2018-10-24 09:55:35 -07:00
Tessa Kelly
08b67825c0 Adds the guided draft icon 2018-10-24 09:52:42 -07:00
mavnn
e50c15e49f
Add Self Review assignment type icon
Add self review icon to style guide

Revert "index.html" changes

This reverts commit 7ea91a89fb74f9ce6d6b9e0889b8d5b1c29f6b1a.
2018-10-24 09:38:58 +01:00
Luke Westby
c1ff19f0d0
Add Html.Styled versions for everything (#139)
* make html.styled versions of remaining widgets

* upgrade all the examples

* change license name
2018-10-23 09:55:30 -07:00
Danielle Pham
cabc2fd59e Rearrange icon examples 2018-10-15 17:22:58 -04:00
Danielle Pham
81ca29d946 Add assignmentTypeQuickWrite icon 2018-10-15 17:21:08 -04:00
Danielle Pham
87691d1a6b Add assignmentTypePeerReview icon 2018-10-15 17:15:57 -04:00
brookeangel
07068031a6 standardize vertical alignment on style guide 2018-10-05 08:14:20 +02:00
brookeangel
61ca62cb47 update button on styleguide 2018-10-05 08:14:20 +02:00
Ian Davies
ef549c21d5 Update styleguide to remove ButtonHeight 2018-10-03 10:01:54 +01:00
Gavin Panella
aefe8692ca Rename HeightFixed to HeightDefault. 2018-10-02 14:38:23 +02:00
Gavin Panella
b28453a279 Change ButtonWidth from an alias to a custom type.
`WidthUnbounded` elicits behaviour the same as `Nothing` was previously, and
`WidthExact Int` is the same as `Just Int`.
2018-10-02 14:38:23 +02:00
Gavin Panella
48832d36b8 Switch from sizing to height.
This allows for the `HeightFixed` which is the same behaviour as V3,
`HeightBounded Int` which allows for a certain number of lines of text but no
more, and `HeightUnbounded` which will allow the button to grow in height
without bound.
2018-10-02 14:34:11 +02:00
Gavin Panella
1fafb6cd2a Add sizing capability to V4 button, and put it in the style guide. 2018-10-02 14:34:11 +02:00
Gavin Panella
61d9557ab1 Start new V4 button. 2018-10-02 14:34:11 +02:00
Michael Glass
70d214957c
run elm-format 2018-09-26 16:02:28 +02:00
Juan Edi
9c06eff3f0 Fix elm-docs 2018-09-10 12:19:55 -03:00
Juan Edi
b600af7bbe Styleguide allows to toggle width settings for SegmentedControl 2018-09-10 12:19:15 -03:00
Juan Edi
265b83c393 Options for SegmentedControl's width: FitContent | FillContainer
Until V4 the control would always fit its contents. On V5 that behaviour was
changed to always fill the container. This means that to limit the element's
width one had to limit the value of its container (which might be hard to do
when the labels of the tabs are unknown or might change).

We now support both settings, and the user has to decide what to do for each use
case.
2018-09-10 11:56:26 -03:00
Juan Edi
7c3c2966be Nri.Ui.SegmentedControl.V6 now uses Html.Styled 2018-09-10 11:32:08 -03:00
Juan Edi
6bee811648 Create SegmentedControl.V6 (copy of V5 for the moment) 2018-09-10 11:07:11 -03:00
James Gary
743f270fec Merge branch 'master' into ink-james--premium-checkbox 2018-09-07 15:32:58 -07:00
James Gary
105bbfa3c7 Update example to use V2 checkbox 2018-09-07 15:24:17 -07:00
Brooke
d3d54439d4 creates modal V3 2018-09-07 09:23:16 -07:00
James Gary
29775bd9b8 Merge branch 'master' into ink-james--premium-checkbox 2018-09-06 13:02:59 -07:00
Brooke
09555104a3 fix no close button conundrum 2018-09-06 08:13:16 -10:00
James Gary
ee9271bdff Update PremiumCheckbox to explicitly manage pennant
- Simplify example
2018-09-05 13:40:18 -07:00
James Gary
b5393a25e8 Simplify PremiumConfig 2018-08-31 13:11:32 -07:00
James Gary
b2a2532ff0 Don't require PremiumLevel; allow general premium levels 2018-08-30 12:47:48 -07:00
Brooke
24368e17d4 use same styles from monolith (more recent) 2018-08-29 12:38:24 -07:00
Brooke
56ee341a7e add modal module example 2018-08-29 12:09:22 -07:00
Brooke
8d1760a889 Fix Nri.Ui.Button.V3.linkExternalWithTracking to allow Cmd-/Ctrl- clicks on the links 2018-08-28 17:18:17 -07:00
Brooke
8a9c01c472
make link text-align center 2018-08-21 16:33:28 -07:00
Brooke
6c0a70ff94
get delete button in order 2018-08-21 16:33:27 -07:00
Brooke
e23f8f8e82
compiles but it isnt pretty 2018-08-21 16:33:27 -07:00
Tessa Kelly
4b5489a332 Adds assets 2018-08-16 18:10:00 -07:00
Tessa Kelly
ab40b55b45 COnvert to Html.Styled 2018-08-16 18:10:00 -07:00
Tessa Kelly
686db4cb37 Add alerts to the styleguide 2018-08-16 18:10:00 -07:00
James Gary
78c62bbfb9 Add pen icon 2018-08-13 14:41:09 -07:00
Stoeffel
9273e1f5c4 adds examples for DisclosureIndicator to the style-guide 2018-07-27 08:26:48 +02:00
Brooke
87c620568e textarea uses defaultValue again 2018-07-24 14:15:21 -07:00
Brooke
b1a9452dac update Select filename in styleguide 2018-07-10 17:56:20 -07:00
Brooke
a29b95e0ed add Select V3 2018-07-10 17:50:39 -07:00
Tessa Kelly
7dae282ae0 LockOnInside -> Locked 2018-06-26 09:36:43 -07:00
Tessa Kelly
3a80a27ee4 Add student assignment actions sectoin 2018-06-22 17:29:18 -07:00
Tessa Kelly
afe0e046eb Expose and use the new Icon module 2018-06-22 11:00:34 -07:00
Tessa Kelly
5cb8d4ceff Use Text module for nicer headings
:
2018-06-22 11:00:34 -07:00
Tessa Kelly
0cc0b37509 Update the Icons in the styleguide 2018-06-22 11:00:34 -07:00
Tessa Kelly
264a093a6f Merge remote-tracking branch 'origin/master' into ink__update-checkbox 2018-06-22 09:22:02 -07:00
Jasper Woudenberg
56685a3019 Use new heading modules over standard h\d elements
The inclusion of reset.css file nuked the default browser styles for
headers. This change sees us using custom styled headers instead to
bring structure back to the styleguide pages.
2018-06-22 10:41:38 +01:00
Tessa Kelly
534fade431 Kill the color theme 2018-06-20 10:52:02 -07:00
Jasper Woudenberg
44d78aa962 Remove checkbox example that no longer makes sense 2018-06-20 16:13:08 +01:00
Jasper Woudenberg
8fb23ec8e4 Add styleguide section for checkboxes 2018-06-20 16:06:11 +01:00
Tessa Kelly
93b499916a Add random checkmark image just to have a checkmark 2018-06-19 17:27:30 -07:00
Tessa Kelly
1d740bf0e5 Fix compilation of the text area 2018-06-19 16:43:17 -07:00
Tessa Kelly
994b058bb6 Add new version of the checkbox 2018-06-14 18:15:04 -07:00
Luke Westby
38ca396ac8
Updates to TextArea (#70)
* update textarea js code and make it npm-ready

* use an attribute instead so dom debugging is easier

* use data- attribute to be I D I O M A T I C

* version the custom element

* include marica's resize logic improvements

* changes to elm module

* clean up styleguide build and use v3 in styleguide
2018-06-11 11:08:49 -07:00
Brooke
fe0466d3f4 use new elm-css for TextInput V3 2018-05-31 14:43:24 -07:00
Jasper Woudenberg
a56dc32d10 Merge branch 'master' into textarea-v2-minimum-height 2018-05-29 14:52:01 -07:00
Jasper Woudenberg
b7a6d9bf5a Refer to right widget version in documentation 2018-05-29 10:52:39 -07:00
Brooke
745eda419e styleguide shows writing textinput without label and in error 2018-05-29 10:52:39 -07:00
Brooke
22d856ceca add Nri.Ui.TextInput.V2 with writing style (styling not perfect yet) 2018-05-29 10:52:39 -07:00
Brooke
35e1473ad4 add text input to styleguide app 2018-05-29 10:52:39 -07:00
Marica Odagaki
87792bedff Combine autoResize and minimumHeight into height
Writing the changelog drove home the fact that minimumHeight
only makes sense when the textarea is set to auto-resize.
2018-05-23 17:41:49 -08:00
Marica Odagaki
942865b140 Make it easier to specifiy the minimumHeight while reducing freedom
If we want to allow specifying arbitrary height as the minimum height
in the future, it could be added as `Custom someUnit` in the future.
2018-05-23 17:41:49 -08:00
Jasper Woudenberg
fee5596960 Fix TextArea example 2018-05-18 11:23:32 +02:00
Jasper Woudenberg
716efba4dd Use TextArea.V2 in styleguide app 2018-05-18 10:17:51 +02:00
Jasper Woudenberg
93f101abaf
Merge branch 'master' into ink--upgrade-text 2018-05-17 08:38:47 +02:00
Tessa Kelly
3253e3466d Add V2 of Nri.Ui.Text using Html.Styled 2018-05-16 17:09:17 -07:00
James Gary
37c4d95bc3 Add mastery badge icon 2018-05-11 13:39:15 -07:00
Jasper Woudenberg
fa34fd7bd4 Pull in new changes from the monolith
Also add a `noPermission` page.
2018-05-03 14:32:26 +02:00
Jasper Woudenberg
d6a10d1ed4 Merge branch 'master' into extract-nri-page 2018-05-03 14:19:22 +02:00
Jasper Woudenberg
44c58c2bc0 Merge branch 'master' into table-v2 2018-05-03 09:39:18 +02:00
Jasper Woudenberg
f8bd18a8a0 Add Nri.Ui.Page.V1 to styleguide 2018-05-01 17:34:16 +02:00
Jasper Woudenberg
14fd3c142e 🎨 elm-format 2018-04-30 13:24:03 +02:00
Jasper Woudenberg
dcf42a0f37 Nri.Table example uses latest Button module 2018-04-30 13:16:36 +02:00
Jasper Woudenberg
1edf7da0ab Add buttons to the styleguide 2018-04-30 13:14:20 +02:00
Jasper Woudenberg
72a4a1c5e6 elm-format 2018-04-25 19:29:22 +02:00
Jasper Woudenberg
8f344774c3 Switch Table.V2 over to Html.Styled
This is probably better then relying on more deprecated elm css
functionality, like we were before.
2018-04-25 19:25:34 +02:00
Jasper Woudenberg
de10ffb43e New table version that takes any css width
This way you're not limited to creating tables with fixed-width columns.
This also makes the table take up the maximum available width space by
default.
2018-04-25 19:10:34 +02:00
Jasper Woudenberg
4c8f2cae89 Add keyframe animations to styleguide example
Also provide a function for easily embedding said keyframes into a page.
2018-04-24 18:36:37 +02:00
Jasper Woudenberg
e950661c8b Add Table to the styleguide application 2018-04-24 17:49:29 +02:00
Hardy Jones
1647b2f358
Make selects expand to the full width of parent
There are places where we need the select to be as wide as possible.
Since it seems like a sensible default to have all the selects expand,
we take that approach.

If we find out that this is harder, we can release use the old version.
2018-04-18 07:58:19 -07:00
Hardy Jones
5036c63e28
Merge branch 'master' into extract-select 2018-04-17 07:56:22 -07:00
Hardy Jones
bffaae0e3f
Extract Nri.Select from the monolith 2018-04-16 15:43:01 -07:00
Hardy Jones
1b86ec442f
Extract Nri.Dropdown to noredink-ui
There are a couple of minor differences here.
Some of the dependencies we had were inlined.
_Should_ be no behavioral changes though.
2018-04-16 12:19:43 -07:00
James Gary
a4d3448b47 Add skip icon 2018-04-04 09:34:42 -07:00
Tessa Kelly
eb3d9f038c Adds sumitting, rating, and revising helpers 2018-04-02 17:17:42 -07:00
Tessa Kelly
1d28d9c617 :bowtie: move assignment type icons to the assignment type section 2018-04-02 17:10:32 -07:00
Hardy Jones
e5a56486d7
Allow segmented control to expand to parent's width
We want to allow the control to take up the full width of the parent.
This will most likely break something if you try to upgrade directly.
Should be fixable by putting the control in an element with
the appropriate width.
2018-03-30 09:10:33 -07:00
Hardy Jones
d4d6991643
Style the segmented control tabs directly
tl;dr; Use a class for each variant instead of overriding one variant.

Before, we relied on CSS specificity in an unclear way.
The `Focused` class was applying properly because it was ordered later
than the `Tab` class in the stylesheet.
The ordering that is important is the ordering in `styles` value.
Since `elm-css` generates the stylesheet in the order of the lists,
the `Focused` rule would be generated after the `Tab` rule.
Meaning the `Focused` rule would take precedence over the `Tab` rule
if an element had both classes as it was defined later in the stylesheet.

There are some concerns with this approach:
1. It's not readily apparent that the ordering in `styles` is important.
    It is pretty easy to change the ordering of the list
    and have it break the styling.
2. We rely on `elm-css` to generate the stylesheet in a specific order.
    If it changes the order of rules it generates,
    we're almost surely going to break the styling.
3. Altering styles for tabs that are not focused is even less intuitive.
    Since the specificity is the same,
    you might not know why a given rule applies (or doesn't apply).

Rather, we can eschew the specificity/precedence issues
by applying a different class to each tab.
The stuff that is the same can stay on the `Tab` class,
and the stuff that differs can be on different classes.

We are now able to set the background color for `Unfocused` tabs.
We were relying on the control being placed atop a white background.
When we moved to using the control atop a non-whitebackground,
it showed that the `Unfocused` tabs had a transparent backround.
All of our designs show `Unfocused` tabs with a white backround.

See https://github.com/NoRedInk/noredink-ui/pull/14 for more information.
2018-03-30 09:10:33 -07:00
Hardy Jones
55ce63dbfc
Fix filename
The style guide is currently for V4.
2018-03-30 09:10:33 -07:00
Jasper Woudenberg
6e041d9364 Styleguide uses latest Icon / SegmentedControl 2018-03-29 12:58:41 +02:00
Hardy Jones
fb2dbbfb47
Extract updated segmented control from the monolith
This version is like `Nri.Ui.SegmentedControl.V1` with the icon changes.
It has the fix for `box-sizing`.

All the other caveats from `Nri.Ui.SegmentedControl.V1`
(if there were any) apply here as well.
2018-03-28 18:20:58 -07:00
Hardy Jones
0a75e8229b
Extract Nri.Icon from the monolith
The recommendation is to break the styles API rather than the view API
when moving something out of the monolith into this repo.

`Nri.Icon` is not really setup for that sort of breakage.
If we would prefer to have the styles break rather than the view,
that will take more work.
Work that can be done independent of the extraction.

The transition in the monolith ought to look something like:

```elm
module Nri.Icon exposing (..)

import Html exposing (Html)
import Nri.SvgSprite
import Nri.Ui.Icon.V1 exposing (Assets, IconType)

icon : { alt : String, icon : IconType } -> Html msg
icon config =
  Nri.Ui.Icon.V1.icon assets

assets : Assets {}
assets =
  { activity = Nri.SvgSprite.activity
  , arrowDown = Nri.SvgSprite.arrowDown
  , attention_svg = Nri.Assets.attention_svg
  ...
  }
```

So hopefully, the change is still very small on the monolith side.

There's maybe a bigger concern than which API breaks.
`Nri.Icon` has some behavior for a11y.
We could definitely change the internals over during the extraction.
But, since all of these changes are value-level changes,
it's very likely that we'll break something in the process.
That's a bigger concern because instead of affecting
the handful of Engineers working at NRI,
we would be affecting the millions of people using the site.

We shouldn't fear making those kinds of changes.
However, we should make them when we can give them the appropriate
attention they deserve.
Not when one person is trying to move as fast as possible to avoid
race conditions of moving modules between repos.
2018-03-28 18:20:16 -07:00
Hardy Jones
349e9760a3
Use V2 of the segmented control in the style guide 2018-03-26 19:56:20 -07:00
Hardy Jones
3b99ba56a7
Add SegmentedControl 2018-03-23 19:05:34 -07:00
Tessa Kelly
e869f064ff Adds new version of the checkbox 2018-03-19 15:55:04 -07:00
Tessa Kelly
4ca27fc05c 🎨 clean up example code styles 2018-03-16 16:24:29 -07:00
Tessa Kelly
f9c3884e6a Adds Colors 2018-03-16 16:24:29 -07:00
Tessa Kelly
186a19e7f4 Adds user generated font style 2018-03-16 16:24:09 -07:00
Tessa Kelly
c406c5353d Adds Fonts as a category 2018-03-16 16:24:09 -07:00
Tessa Kelly
7f7826bcae Display the Fonts 2018-03-16 16:24:09 -07:00
Jasper Woudenberg
cf2dec09fd Add text area for content creation
The styling used for this textarea is not quite the same as the one of
the default or writing textareas currently in use.
2018-03-13 10:08:07 +01:00
Jasper Woudenberg
f19903e3d3
Merge pull request #5 from NoRedInk/update-textarea
Update textarea
2018-03-12 20:04:18 +01:00
Tessa Kelly
12ed44549e Adds missing smallHeading example 2018-03-07 14:38:32 -08:00
Tessa Kelly
e3edcafc15 Adds the ugMediumBody and ugSmallBody to the examples 2018-03-07 14:37:21 -08:00
Jasper Woudenberg
12dd71a68d Merge branch 'master' into update-textarea 2018-03-02 09:45:27 -08:00
Stoeffel
b9c913ec19 rename to Writing and use Html.Styled 2018-03-01 13:37:58 -08:00
Jasper Woudenberg
2f92a1ec4a Add TextArea to styleguide 2018-02-28 16:22:48 -08:00
Stoeffel
c8d9d6cc09 update style guide 2018-02-28 14:04:22 -08:00
Brooke
0c33c83d73 add mini styleguide for ui components 2018-02-12 13:32:38 -08:00