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
2be5eed9cd
Use value directly rather than threading bool through
2022-03-09 17:18:15 -08: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
e47373b8b6
Highlight the child icon issue
2022-03-09 15:30:50 -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
d931c36603
Reduce the default vertical heeight of the generated code, to keep the example in the viewport by default
2022-03-09 15:30:49 -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
bc2e90fbed
migrates Main example to SideNav.V2
2022-03-07 17:26:56 -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
5ad3f3920f
Improve the styles of the new shared code gen layout helper
2022-03-04 17:26:27 -08: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
1a4daea359
Add general choice helper
2022-03-04 17:04:56 -08:00
Tessa Kelly
2531043be1
Fix regex
2022-03-04 16:45:40 -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
900c80f790
Adds example to list doc
2022-03-04 10:42:00 -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
Tessa Kelly
e261bf8f1f
Use elm-css 17.0.5
2022-02-02 14:01:03 -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
d48be12593
Merge pull request #815 from NoRedInk/tessa/move-lms-logos
...
Tessa/move lms logos
2022-01-25 09:15:09 -08:00
Tessa Kelly
bc81b9641d
Use percy/cli
2022-01-21 16:49:18 -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
a5680698a9
Merge pull request #806 from NoRedInk/tessa/readonly-textinput
...
Adds readOnlyText input type
2022-01-11 11:06:24 -08:00
Tessa Kelly
316326064d
Revert to elm-css 17.0.1
2022-01-11 10:51:10 -08:00
Tessa Kelly
f41bc326ae
Bump elm css requirements
2022-01-10 11:47:01 -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
Liz Krane
d38c27b120
Merge pull request #797 from NoRedInk/kraken/input-positioning
...
Kraken/input positioning
2021-12-10 12:45:32 -08:00
Tessa Kelly
603deb90c7
Prevent the example code from shoving the disclosure styles over
2021-12-09 12:29:31 -08:00
Tessa
524dd55301
Merge pull request #794 from NoRedInk/hack-day/tessa/sidebar
...
Adds general sidenav component
2021-12-09 11:02:21 -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
ca55e1da5e
🎨 cleanup nav setup
2021-12-03 13:34:32 -08:00
Tessa Kelly
7c10606ee8
Style feedback
2021-12-03 13:11:02 -08:00
Tessa Kelly
27261307d3
Fix mobile styles
2021-12-03 12:10:49 -08:00
Tessa Kelly
66245759b1
💀 remove locked and create your own content
2021-12-03 12:04:21 -08:00
Tessa Kelly
a31da1772e
Restrict page width
2021-12-03 11:41:51 -08:00
Tessa Kelly
5b086b5d9e
Support external links
2021-12-03 11:31:29 -08:00
Tessa Kelly
57c4358822
Thread the route through once
2021-12-03 11:25:47 -08:00
Tessa Kelly
8876c5be32
Generalize ClickableAttributes to improve the routing links
2021-12-03 11:10:15 -08:00
Tessa Kelly
de8903eeee
Use ClickableAttribute helpers
2021-12-03 10:47:40 -08:00
Tessa Kelly
5d1dbdb367
link -> entry
2021-12-03 10:00:26 -08:00
Tessa Kelly
925c4ea64a
Remove external link
2021-12-03 09:40:45 -08:00
Tessa Kelly
e012dc1f91
Adds the All section back in the way it should be
2021-12-03 09:22:25 -08:00
Tessa Kelly
caa28bd23c
Get closer to the existing styleguide styles
2021-12-03 09:22:04 -08:00
Tessa Kelly
ce44a68f70
Fix left alignment of sub-nav links
2021-12-03 08:45:06 -08:00
Tessa Kelly
ae1b769d27
Adds the skip link back in
2021-12-03 08:32:21 -08:00
Tessa Kelly
b1d9432a9b
Begin using the sidenav for the styleguide
2021-12-03 08:16:38 -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
a595dac7a1
Launch full-screen examples
2021-11-05 15:24:00 -07:00
Tessa Kelly
01fa2d4e0a
Improve example rendering and not-found behavior
2021-11-05 15:16:54 -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
460c347d7a
Adjust sidebar link style
2021-11-05 11:29:45 -07:00
Tessa Kelly
52dd34abc2
Adds to example record
2021-11-05 11:19:08 -07:00
Tessa Kelly
b5888c9977
Make the hit area the entire container
...
the only element that will receive focus is the actual link
2021-11-05 11:13:28 -07:00
Tessa Kelly
96f4adb968
Use a grid layout for the example previews
2021-11-05 11:05:08 -07:00
Tessa Kelly
63ac9d5ea7
Use internal components for links and heading styles
2021-11-05 10:42:52 -07:00
Tessa Kelly
078b16c8f4
Only show a preview for a category or for general browsing
2021-11-05 10:35:58 -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