Commit Graph

1304 Commits

Author SHA1 Message Date
Tessa Kelly
e514dcf173 Adds little minit preview 2022-03-10 15:53:50 -08:00
Tessa Kelly
5656e9e595 Adds SideNav example 2022-03-10 15:42:13 -08:00
Tessa
7ee0ef1fba
Merge pull request #853 from NoRedInk/tessa/shadows
Adds Shadows
2022-03-10 13:01:24 -08:00
Celso Bonutti
a521c09ee0 Merge branch 'master' into growth/premium-display 2022-03-10 16:09:41 -03:00
Tessa Kelly
4c2076cd27 Adds Shadows 2022-03-10 08:53:28 -08:00
Tessa Kelly
e35672e4aa Merge remote-tracking branch 'origin/master' into tessa/media-support-3 2022-03-10 08:14:42 -08:00
Tessa
abd0c584f0
Merge pull request #851 from NoRedInk/bressa/media-support-2
Bressa/media support 2
2022-03-10 08:11:21 -08:00
Brian J. Cardiff
e8c30bc4e8 Rename onPennantClick to onLockedPennantClick
Make the unlocked pennant not clickable
Update changes from V3
2022-03-10 11:30:21 -03:00
Celso Bonutti
6a978cb762 updates RadioButton example controls 2022-03-10 11:06:40 -03:00
Tessa Kelly
a761c9c404 Remove brittle css parsing to simplify example code 2022-03-09 17:16:13 -08:00
Tessa Kelly
ff290dd7e2 Use common controls for text 2022-03-09 15:59:41 -08:00
Tessa Kelly
622ae05ea4 Adds example use of hideIconForMobile
coupla problems left:
- add example icon in the html, and make sure these icons aren't hidden
- hide the circle for the banner icons
2022-03-09 15:30:50 -08:00
Tessa Kelly
b84f306cfd Adds css breakpoint helper examples 2022-03-09 15:30:50 -08:00
Tessa Kelly
1cd017d95d Generalize the content control 2022-03-09 15:30:49 -08:00
Tessa Kelly
9765660b51 Generate code for Message 2022-03-09 15:30:49 -08:00
Tessa Kelly
7e58d51c15 Use common controls ui icon helper 2022-03-09 15:30:49 -08:00
Brian J. Cardiff
1a0b1c0e72 Add hideTextForMobile, hideTextFor to ClickableText 2022-03-09 17:31:21 -03:00
Brian J. Cardiff
91f522ad3f Add hideIconForMobile, hideIconFor on ClickableText 2022-03-09 17:17:17 -03:00
Tessa Kelly
a106add5f6 Adds media helpers 2022-03-09 11:57:36 -08:00
Celso Bonutti
e77787f42f updates RadioButton example version 2022-03-08 16:46:05 -03:00
Celso Bonutti
aa31b8a324 migrates Checkbox example to use PremiumCheckbox.V8 2022-03-07 17:19:22 -03:00
Celso Bonutti
f6eb83f8b3 migrates RadioButton example to RadioButton.V4 2022-03-07 17:15:01 -03:00
Tessa Kelly
4684939411 Adds code generation to Button 2022-03-04 17:19:03 -08:00
Tessa Kelly
d849f3ae75 Adds css helpers to Button 2022-03-04 17:16:57 -08:00
Tessa Kelly
c6f8f7a854 reorder args to emphasize button type 2022-03-04 17:14:14 -08:00
Tessa Kelly
5284b8aac2 Use a list for the Button attribute examples 2022-03-04 17:13:22 -08:00
Tessa Kelly
1d27a3c28e Add example for hiding svg children on mobile 2022-03-04 15:58:17 -08:00
Tessa Kelly
654f5feaeb Adds query selectors to the clickable text example 2022-03-04 15:12:31 -08:00
Tessa Kelly
556293061e Use shared view helper to start rendering example code for CLickableText 2022-03-04 14:59:11 -08:00
Tessa Kelly
5bf6a4481c Use list of attributes for clickable text attrs 2022-03-04 14:49:45 -08:00
Tessa Kelly
de00b884fa Adds and uses css helper that allows for code gen 2022-03-04 14:21:02 -08:00
Tessa Kelly
88cfb2453a Adds common disabled helper 2022-03-04 14:01:36 -08:00
Tessa Kelly
06a5615959 Include the uiicon used in the code gen 2022-03-04 13:43:01 -08:00
Tessa Kelly
25e5aa9a29 Begin implementing code example 2022-03-04 12:46:28 -08:00
Tessa Kelly
ae8b8b477f Adds other styles to the demo options 2022-03-04 10:50:04 -08:00
Tessa Kelly
3387c6fc1b Make the label explicit 2022-03-04 10:47:06 -08:00
Tessa Kelly
ce8d858805 Adds example mobileCss 2022-03-04 10:44:03 -08:00
Tessa Kelly
c8a4ca22b7 Adds css to example 2022-03-04 10:42:09 -08:00
Tessa Kelly
44aa1b4d4d Generally, clickable svgs are square 2022-03-04 10:31:17 -08:00
Tessa Kelly
0eefc2a714 Extract int helper 2022-03-04 10:26:19 -08:00
Tessa Kelly
0de52bbde6 💀 remove deprecated size options 2022-03-04 10:25:56 -08:00
Tessa Kelly
1c56ae55cd Use list for ClickableSvg options 2022-03-04 10:24:01 -08:00
Tessa Kelly
99ee395e10 Add icons to default examples, so percy can catch icon regressions 2022-02-18 11:42:53 -08:00
Kristine
7b04dedd38 add SlideModal to messaging category 2022-02-10 10:12:45 -05:00
Kristine
d85a83de14 add Modal to messaging category 2022-02-10 10:12:40 -05:00
Tessa Kelly
f0d62aa136 Adds in Clever library logo 2022-02-08 14:47:19 -08:00
Kristine
910b289bbc move heading examples into table 2022-01-28 16:12:17 -05:00
Tessa Kelly
0e33fe4306 Fix ClickableText minor visual regression 2022-01-28 09:24:40 -08:00
Micah Hahn
31c46d479e
Merge pull request #821 from NoRedInk/tessa/add-self-review-icons
Tessa/add self review icons
2022-01-27 12:01:47 -05:00
Tessa Kelly
aa09325bf5 Adds media icons from readaloud 2022-01-26 09:37:08 -08:00
Tessa Kelly
da2a5ab7ac Display microscope, sclae, and tada 2022-01-25 13:24:03 -08:00
Tessa Kelly
bfaa7ea4a6 Design says to go with mail 2022-01-25 13:20:45 -08:00
Tessa Kelly
4282b7b561 Fix highlighter fill and add to writing utensils examples 2022-01-25 13:10:41 -08:00
Tessa Kelly
93f8b94789 Adds envelope
Asked design whether we actually want this icon. it's very near identical to mail
2022-01-25 13:09:29 -08:00
Tessa
f55399a4e9
Merge pull request #813 from NoRedInk/tessa/fix-icon-regression
Adds Sprite.V1
2022-01-25 09:23:49 -08:00
Tessa Kelly
d745baf960 Fix css preview 2022-01-18 11:40:46 -08:00
Tessa Kelly
6c691d34f1 Copy the lms logos in 2022-01-18 11:39:52 -08:00
Tessa Kelly
e13a2f4aa5 adds explicit sprite type
this will enable us to keep the quill toolbar working as it currenlty does, while keeping attributes on the UiIcon
2022-01-18 10:39:31 -08:00
Tessa Kelly
6d25d6ed17 Adds readOnlyText input type 2022-01-10 11:37:36 -08:00
Tessa Kelly
9425ab5de6 adds role img and hide decorative svgs 2022-01-05 16:09:12 -08:00
Alex Perkins
33629e8b3b
Merge pull request #799 from NoRedInk/kraken/radio-styling
Kraken/radio styling
2021-12-13 16:09:28 -05:00
Tessa Kelly
603deb90c7 Prevent the example code from shoving the disclosure styles over 2021-12-09 12:29:31 -08:00
Tessa Kelly
2867c20e67 Adds disabled and enabled helpers 2021-12-07 12:09:56 -08:00
Tessa Kelly
e7a5aeed63 Re-adds selection support 2021-12-07 12:04:40 -08:00
Tessa Kelly
4900f94b65 Begin switching to list-based API 2021-12-07 11:59:57 -08:00
Tessa Kelly
9d3c509615 Adds Checkbox V7 with the icon on the left 2021-12-07 10:55:52 -08:00
Liz Krane
f353ced329
Merge pull request #792 from NoRedInk/tessa/minor-styleguide-fixes
RadioButton preview
2021-12-03 15:41:14 -08:00
Tessa Kelly
af9db025f0 Adds premium to preview 2021-12-02 10:13:49 -08:00
Tessa Kelly
6f3e6193c0 Adds RadioButton preview 2021-12-02 10:12:17 -08:00
Tessa Kelly
15cb3e7865 Adds labelCss helper 2021-12-01 10:40:34 -08:00
Tessa Kelly
58ca50ad32 Attempt to make the ui more usable 2021-11-22 16:30:43 -08:00
Tessa Kelly
9234613c7b EVEN THO rats are excellent pets, removing them from these options because there's some vertical overwhelm 2021-11-22 16:29:03 -08:00
Tessa Kelly
0b15260bf0 Adds error message and guidance support 2021-11-22 16:19:47 -08:00
Tessa Kelly
2a685acc7e Move required fields into the view record 2021-11-22 15:56:20 -08:00
Tessa Kelly
2b2268f0ea Fix premium whitespace 2021-11-22 13:51:56 -08:00
Tessa Kelly
b832bd510c Adds missing label and name code example 2021-11-22 13:50:24 -08:00
Tessa Kelly
634e7b1109 Make the default api a bit more clear (still missing label and name tho) 2021-11-22 13:47:11 -08:00
Tessa Kelly
e4a67a7fea Begin building out code examples 2021-11-22 13:43:56 -08:00
Tessa Kelly
899c6f1e00 Simplify the example set up 2021-11-22 13:30:46 -08:00
Tessa Kelly
d24104f9d6 Adds viewExample helper 2021-11-22 13:27:24 -08:00
Tessa Kelly
756690083b Require name field 2021-11-22 13:21:34 -08:00
Tessa Kelly
1860ad3070 Adds another styling preset 2021-11-22 13:11:56 -08:00
Tessa Kelly
3de9baa216 Use debug controls for disclosure 2021-11-22 13:10:15 -08:00
Tessa Kelly
d098373a61 Robots aren't pets. Rats are great pets 2021-11-22 11:59:49 -08:00
Tessa Kelly
ac119b6dd1 replace with containerCss helper 2021-11-22 11:19:10 -08:00
Tessa Kelly
2a4799cf4c Adds labelVisibility setting 2021-11-22 11:08:40 -08:00
Tessa Kelly
5600383d5d Move name into list of controlled attribtues 2021-11-22 11:06:08 -08:00
Tessa Kelly
bf8988f345 Move the premium level into the list
i think this exposes a weakness of the API -- the teacher premium level won't vary across the inputs, but we're still requiring the user to pass it in for every input
2021-11-22 11:04:28 -08:00
Tessa Kelly
df89d0597c Move pennant into example list 2021-11-22 10:47:58 -08:00
Tessa Kelly
ad0116ac2c Adds disabled/enabled helper 2021-11-22 10:42:39 -08:00
Tessa Kelly
d38d18f1f8 Adds debug controls settings 2021-11-22 10:31:17 -08:00
Tessa Kelly
ac12759931 make the premium behavior more clear 2021-11-22 10:06:38 -08:00
Alex Perkins
f5865855f3 hide label on inline. No one is asking for this and it looks awful 2021-11-21 12:23:24 -05:00
Alex Perkins
3bfb389c9b Allow hiding the label. Why? See below
Explained in greater detail with a diagram in [this comment on the
work-in-progress pull
request](https://github.com/NoRedInk/noredink-ui/pull/787#issuecomment-974838245)
2021-11-21 09:57:38 -05:00
Alex Perkins
6d2085a27d internal config helper 2021-11-19 16:32:24 -05:00
Alex Perkins
0d47f37ab9 make an explicit choice to display inline or in a block thing. use view helpers for those since branching inside of view was very unwieldy 2021-11-19 16:22:32 -05:00
Alex Perkins
7a5cfbc300 add describedBy and a no-op attribute 2021-11-19 12:36:45 -05:00
Alex Perkins
480e46c37c unstyled but functional disclosure content 2021-11-19 10:05:16 -05:00
Alex Perkins
f4d74032d4 add back in showPennant 2021-11-18 19:07:21 -05:00
Alex Perkins
e18a25154b add back in premiumm as an attribute, requiring all the premium locking info at once 2021-11-18 18:44:58 -05:00
Alex Perkins
710576115b required label attribute at the begininning, in keeping with other APIs 2021-11-18 18:18:50 -05:00
Alex Perkins
83486fbf2f move valueToString into the list API 2021-11-18 18:14:44 -05:00
Alex Perkins
7460c4700b move onSelect into list API 2021-11-18 17:48:49 -05:00
Alex Perkins
aaa1d0f2f7 move selectedValue into the list api 2021-11-18 17:10:29 -05:00
Alex Perkins
e30a968088 premium is becoming a hassle so I will remove it for now and maybe add it back later 2021-11-18 17:01:48 -05:00
Alex Perkins
a7efe81cb1 move name into list api 2021-11-18 16:43:48 -05:00
Alex Perkins
6a298e82b6 move value into list api 2021-11-18 16:42:02 -05:00
Alex Perkins
a750666b2e add disable/enabled attributes to the list based api 2021-11-17 12:01:25 -05:00
Alex Perkins
9ae32aaf02 expose list based API from view 2021-11-17 11:39:42 -05:00
Alex Perkins
5d4b58a852 copy v2 to v3 2021-11-16 14:05:59 -05:00
Alex Perkins
7daf70d201
Merge pull request #781 from NoRedInk/kraken/change-margin
Adjust inputs' margin top
2021-11-16 13:21:36 -05:00
Tessa
689d373430
Merge pull request #732 from NoRedInk/tessa/kill-old-components
Tessa/kill old components
2021-11-15 17:48:25 -08:00
Tessa
5a83071054
Merge pull request #760 from NoRedInk/dansby/put-litter-in-its-place
Dansby/put litter in its place
2021-11-15 11:54:54 -08:00
Tessa
f61a5c8f51
Merge pull request #782 from NoRedInk/tessa/re-org-examples-slightly
Tessa/re org examples slightly
2021-11-15 09:30:17 -08:00
Ben Dansby
11bfc9fcea remove slide example 2021-11-12 11:51:09 -08:00
Mariano Abel Coca
96d3a49f4c Move mail from actions section to communication 2021-11-12 15:33:34 -03:00
Ben Dansby
97c8a9fc7b Merge branch 'master' into dansby/put-litter-in-its-place 2021-11-12 10:12:35 -08:00
Tessa Kelly
42d107db35 Minimize page shifting 2021-11-12 09:25:32 -08:00
Mariano Abel Coca
06ee571121 Add UiIcon.mail 2021-11-12 12:40:25 -03:00
Tessa Kelly
4bce428b35 Remove Tables category 2021-11-11 14:56:04 -08:00
Tessa Kelly
93fe288d39 💀 remove Widgets category 2021-11-11 14:54:56 -08:00
Tessa Kelly
7bb00f7213 💀 remove Page category 2021-11-11 14:53:25 -08:00
Tessa Kelly
1c4decc516 💀 move modals into general layout section 2021-11-11 14:51:27 -08:00
Tessa Kelly
573b934574 Move disclosure indicator to icons from widgets 2021-11-11 14:49:46 -08:00
Tessa Kelly
040a1a0eef Colors -> Atoms 2021-11-11 14:48:31 -08:00
Tessa Kelly
5b01699c6b Add guidance to Select example 2021-11-11 14:07:02 -08:00
Tessa Kelly
f4237ac510 💀 remove Modal.V10 2021-11-09 12:48:39 -08:00
Tessa Kelly
2558a5cd68 Adds select preview 2021-11-08 14:55:56 -08:00
Tessa Kelly
4978d449b5 Merge remote-tracking branch 'origin/master' into tessa/select-with-label 2021-11-08 14:51:16 -08:00
Tessa Kelly
d98b9ca94e Ratchet deprecated imports 2021-11-05 16:02:02 -07:00
Tessa Kelly
b369adcbd5 Adds faked out tab example 2021-11-05 15:53:15 -07:00
Tessa Kelly
fd1120b387 Fake an accordion example 2021-11-05 15:38:35 -07:00
Tessa Kelly
8bbb7655d0 Even out the number of UiIcons shown as well 2021-11-05 15:28:51 -07:00
Tessa Kelly
19b5e1ed9f Put a more-even number of icons for AssignmentIcon preview 2021-11-05 15:26:48 -07:00
Tessa Kelly
91c086372b Adds button to take you back out of an example 2021-11-05 15:04:14 -07:00
Tessa Kelly
fe0e3f2e13 Make the Switch component preview non-focusable 2021-11-05 14:42:34 -07:00
Tessa Kelly
52a58c4924 Remove the preview items from the tab order
need to fix switch still
2021-11-05 14:35:09 -07:00
Tessa Kelly
cd84f2c628 Adds tooltip preview 2021-11-05 14:17:14 -07:00
Tessa Kelly
27ee66295b Adds text input examples 2021-11-05 14:11:11 -07:00
Tessa Kelly
985e4dead9 Adds text preview 2021-11-05 14:07:21 -07:00
Tessa Kelly
b684abf57c Adds table example 2021-11-05 14:01:10 -07:00
Tessa Kelly
a5743b0639 Adds switch preivew and removes Text.mediumBody wrapping
the styleguide shouldn't imply that styles like those of medium body are att
ached when they're not
2021-11-05 13:55:44 -07:00
Tessa Kelly
e6b524021e Adds pennant 2021-11-05 13:14:23 -07:00
Tessa Kelly
22a1916855 Mini modal preview 2021-11-05 13:13:35 -07:00
Tessa Kelly
0c1830f261 Mini example preview of the page component 2021-11-05 12:59:13 -07:00
Tessa Kelly
45da215536 Adds logo examples 2021-11-05 12:50:05 -07:00
Tessa Kelly
d3077d875c Adds heading preview 2021-11-05 12:45:22 -07:00
Tessa Kelly
700f269eed Adds fonts examples 2021-11-05 12:44:23 -07:00
Tessa Kelly
dc2ec3fc18 Adds dividing line preview 2021-11-05 12:38:12 -07:00
Tessa Kelly
d23f3e6a8c Adds discloser indicator preview
TODO: consider removing the example for this. People should use the Accordion compnent directly
2021-11-05 12:37:22 -07:00
Tessa Kelly
117c21408a Adds Container examples 2021-11-05 12:35:01 -07:00
Tessa Kelly
4350e22248 Adds Colors preview 2021-11-05 12:28:39 -07:00
Tessa Kelly
51c14c0106 Adds ClickableText preview 2021-11-05 12:16:52 -07:00
Tessa Kelly
7cdb53489c Adds clickablesv examples 2021-11-05 12:13:17 -07:00
Tessa Kelly
db95e2c3b9 Adds Button examples 2021-11-05 12:07:58 -07:00
Tessa Kelly
cf319c6423 Adds balloon example 2021-11-05 11:59:39 -07:00
Tessa Kelly
0a0d008d02 Begins adding preview content 2021-11-05 11:48:09 -07:00
Tessa Kelly
52dd34abc2 Adds to example record 2021-11-05 11:19:08 -07:00
Tessa Kelly
aff0ed5068 Adds no margin and container css helpers 2021-11-04 12:51:08 -07:00
Tessa Kelly
250617c4f5 Adds shared label view helper 2021-11-04 12:37:03 -07:00
Tessa Kelly
be8f033605 Include code example 2021-11-04 11:56:59 -07:00
Tessa Kelly
b0e9be0aaf Adds label 2021-11-04 11:36:37 -07:00
Tessa Kelly
4a40c8f430 Clean up the examples a bit 2021-11-04 11:32:46 -07:00
Tessa Kelly
9349da5029 Move value to string into the choices code 2021-11-04 11:23:26 -07:00
Tessa Kelly
7fc1668e12 Move choices to the attribtues 2021-11-04 11:06:31 -07:00
Tessa Kelly
9b4b910e55 Moves default display text to attribtues and adds custom, nriDescription, and testId 2021-11-04 10:52:25 -07:00
Tessa Kelly
fff5a4c621 🎨 add value helper replacing current value config 2021-11-04 10:44:47 -07:00
Tessa Kelly
05d6b7e209 Adds a control for the error states 2021-11-04 10:28:05 -07:00
Tessa Kelly
a4fb30171c Adds common error management module
note that Select is not fully using the errormessage module yet
2021-11-04 10:22:22 -07:00
Tessa Kelly
6682888573 Adds label 2021-11-04 10:05:24 -07:00
Tessa Kelly
bb9819fb7b Update to V8: 2021-11-04 09:33:24 -07:00
Tessa
b187f990a7
Merge pull request #759 from NoRedInk/kraken/text-input-v7
Kraken/text input v7
2021-11-02 16:02:51 -07:00
Tessa Kelly
79468439ba Adds onFocus helper 2021-11-02 12:23:54 -07:00
Liz Krane
5c337e41d8
Merge pull request #761 from NoRedInk/tessa/use-control-extras
Tessa/use control extras
2021-11-01 14:09:02 -07:00
Liz Krane
b5ce28f73f Use Button.modal and ClickableText.modal helpers in Modal styleguide example 2021-11-01 11:06:55 -07:00
Tessa Kelly
f45b5ea07e Change order of tail/alignment in example to avoid bug 2021-10-29 17:41:18 -07:00
Tessa Kelly
c959beaac4 Fix hardcoded true 2021-10-29 17:23:48 -07:00
Tessa Kelly
c9da21b1cd Split new and current password 2021-10-29 12:00:46 -07:00
Tessa Kelly
99d28a687a Adds guidance to the API 2021-10-29 11:14:49 -07:00
Tessa Kelly
6c7d5668e6 Implement the rest of the PW hide/show behavior 2021-10-29 11:07:06 -07:00
Tessa Kelly
518d223219 Undo the separate onInput change -- types actually seem simpler with it integrated 2021-10-29 11:07:06 -07:00
Tessa Kelly
c46e6fb332 Bake onReset behavior in to the Search so that the search icon and x always appear 2021-10-29 11:07:06 -07:00
Tessa Kelly
c64a10965d Reorder slightly for readability 2021-10-29 11:07:06 -07:00
Tessa Kelly
36692d3326 Make toExample helper to make the examples more readable 2021-10-29 11:07:06 -07:00
Tessa Kelly
1c690a0c37 Use a single update helper for all the fields 2021-10-29 11:07:06 -07:00
Tessa Kelly
2033d83a94 Use map to reimplement the other examples 2021-10-29 11:07:06 -07:00
Tessa Kelly
f478e8f3ab Split out onInput helper and add map 2021-10-29 11:07:06 -07:00
Tessa Kelly
da651f51f4 Experiment with exposing value and inputType as attribute helpers
breaks the styleguide example a bit, since the attribute type doesn't line up. Needs fixing still
2021-10-29 11:07:06 -07:00
Tessa Kelly
3e943c05e9 Move writing styles into an attribute" 2021-10-29 11:05:06 -07:00
Tessa Kelly
970a396174 Avoid duplicative ids while still respecting the sepcified label 2021-10-29 11:05:06 -07:00
Tessa Kelly
3bcd97aebe Oops accidentally deleted pw example 2021-10-29 11:05:06 -07:00
Tessa Kelly
c45bc7b5a0 Drop TextInput prefix for (hopefully) improved legibility 2021-10-29 11:05:06 -07:00
Tessa Kelly
f6eb1c19ad Make css an optional list control 2021-10-29 11:05:06 -07:00
Tessa Kelly
cf60270ceb Make onEnter part of the configuration 2021-10-29 11:05:06 -07:00
Tessa Kelly
03f8d45e53 Generalize viewExamples helper 2021-10-29 11:05:06 -07:00
Tessa Kelly
85f13b9e02 Use a list for the easily list-able attributes 2021-10-29 11:05:06 -07:00
Tessa Kelly
21d42e1bba Switch to V7 2021-10-29 11:05:06 -07:00
Ben Dansby
67d5a0b639 blue too 2021-10-28 08:58:34 -07:00
Tessa Kelly
e932d809cd Use list for Tooltip example 2021-10-28 08:57:25 -07:00
Tessa Kelly
a2d63ea650 Use list for Modal example 2021-10-28 08:50:39 -07:00