Commit Graph

1095 Commits

Author SHA1 Message Date
Brian Hicks
b3f8ad7507 speed up examples with laziness
the amount of *stuff* in our styleguide meant that the page was starting to
slow down due to vdom calculations. This sprinkles a little bit of laziness
to get things going quickly again.
2020-10-16 09:24:42 -05:00
Tessa Kelly
bbde873cff Fix bottom border styles 2020-10-14 14:47:15 -07:00
Tessa Kelly
36f3fc3c7e Put archive and unarchive in their own sections 2020-10-08 11:46:53 -07:00
Tessa Kelly
f63c7bd0a9 Show the pennant names 2020-10-08 11:45:03 -07:00
Tessa Kelly
77d416f529 Adds expired premium pennant 2020-10-08 11:40:54 -07:00
Tessa Kelly
4a1021e3ce Adds archive icon 2020-10-08 11:36:09 -07:00
Tessa Kelly
0910d55660 Merge remote-tracking branch 'origin/master' into FAB/accordion-v2 2020-10-02 09:35:17 -07:00
Ben Dansby
b472821d9c styling 2020-10-01 21:08:41 -07:00
Tessa
5e2ab36a6c
Merge branch 'master' into FAB/accordion-v2 2020-09-29 13:56:23 -07:00
Ju Liu
51d1600b2d
Merge branch 'master' into kraken/co-teach-icon 2020-09-29 11:15:41 +01:00
Tessa
0c0f8c280f
Merge branch 'master' into FAB/accordion-v2 2020-09-28 16:49:02 -07:00
Tessa Kelly
7cf429489f Adds couple for coteacher icon 2020-09-28 15:18:26 -07:00
Tessa Kelly
8e432d85b5 Simplify examples 2020-09-28 15:00:27 -07:00
Tessa Kelly
bcfe6cd41c Reduce visual noise 2020-09-28 14:56:08 -07:00
Tessa Kelly
d1324d5042 Move withBorder examples to always show 2020-09-28 14:52:35 -07:00
Tessa Kelly
e7c1e2fa1c Show all the themes at once 2020-09-28 14:45:03 -07:00
Tessa Kelly
3b4b83482e Adds dangerSecondary 2020-09-28 14:37:19 -07:00
Tessa Kelly
0cfcde3791 Replace the hardcoded examples with debug controls examples 2020-09-28 11:58:02 -07:00
Tessa Kelly
e4a1b52f11 Adds setting options 2020-09-28 11:44:00 -07:00
Tessa Kelly
0820004b44 Adds debug-control to example 2020-09-28 11:28:24 -07:00
Tessa Kelly
9eaa87708d Use the new tooltip rather than the withtooltip helpers 2020-09-28 11:14:26 -07:00
Tessa Kelly
9e38525aed Adds border option 2020-09-28 10:05:28 -07:00
Tessa Kelly
fb21fd334f Merge remote-tracking branch 'origin/master' into FAB/accordion-v2 2020-09-25 12:30:20 -07:00
Tessa Kelly
6ef4c28280 this is v5 2020-09-21 10:36:59 -07:00
Brian Hicks
d89920ca66 fix up deps in styleguide-app 2020-09-18 06:03:34 -05:00
Tessa Kelly
3dffd64955 Allow for customizing the header level 2020-09-11 13:33:15 -07:00
Tessa Kelly
0f13413303 Implement the arrow behavior 2020-09-11 13:15:17 -07:00
Tessa Kelly
15500128ed combine view and viewKeyed so that nodes are always keyed 2020-09-11 12:08:07 -07:00
Tessa Kelly
9824671634 Use V2 2020-09-11 12:03:25 -07:00
Tessa Kelly
c6bf74f2cd Merge remote-tracking branch 'origin/master' into raven/tooltip-v2 2020-09-10 14:47:33 -07:00
Tessa Kelly
49f9880181 Adjust error message 2020-09-09 12:07:07 -07:00
Tessa Kelly
819aee116d Take screenshots of one widget at a time 2020-09-09 12:05:26 -07:00
Tessa Kelly
e431f736ce Adds separate version field 2020-09-09 11:43:10 -07:00
Tessa Kelly
89e212d0bd Add svg label
this seems redundant to me, but not sure how to get around it in the tests given how the tooltip currenlty works (probably display:none on the tooltip content rather than not rendering it would be better)
2020-09-09 11:11:14 -07:00
Tessa Kelly
9a98133ce0 Merge remote-tracking branch 'origin/master' into raven/tooltip-v2 2020-09-08 16:40:52 -07:00
Tessa Kelly
686fcf0846 Merge remote-tracking branch 'origin/master' into raven/focus-trap-proof-of-concept 2020-09-08 15:41:38 -07:00
Tessa Kelly
658b27923e Merge remote-tracking branch 'origin/master' into raven/tooltip-v2 2020-09-08 15:31:28 -07:00
Tessa Kelly
989ce0821f Show the labels without text 2020-09-08 14:47:38 -07:00
Tessa Kelly
093718d9ed Fix broken on-focus tooltip behavior 2020-09-08 14:35:36 -07:00
Tessa Kelly
688b3190ce Adds some defaults 2020-09-08 14:14:40 -07:00
Tessa Kelly
c033727e81 Adds segmented control tooltip example 2020-09-08 14:09:49 -07:00
Tessa Kelly
0f36a850e3 Adds adjusted alignment example 2020-09-08 11:55:09 -07:00
Juan Edi
a73de4be5f The modal requires a focus trap now 2020-09-08 15:36:13 -03:00
Juan Edi
6370b83d99 Use a type alias instead of a custom type for FocusTrap
I don't think we are getting any value out of the custom type since we have a
single case and are exposing the constructor anway.
2020-09-08 15:29:21 -03:00
Tessa Kelly
41a609c503 Fix the styles for the tab 2020-09-08 11:22:17 -07:00
Tessa Kelly
83da4f1a4b Render the tooltip in the tab example 2020-09-08 11:00:32 -07:00
Tessa Kelly
ededf8008b Change to an attributes-based approach 2020-09-08 10:56:29 -07:00
Tessa Kelly
53f5d77ee2 Remove the cases 2020-09-04 17:23:41 -07:00
Tessa Kelly
ce5201e900 fix 🐛s caused by duplicative id 2020-09-04 17:15:54 -07:00
Tessa Kelly
4db7df2a48 Implement one element focus trap 2020-09-04 17:01:49 -07:00
Tessa Kelly
6ddc4499fa Make the closeButton an attribute 2020-09-04 16:59:02 -07:00
Tessa Kelly
44eee7f15a Remove closeModal attribute hole 2020-09-04 16:49:59 -07:00
Tessa Kelly
a193082fa9 🎨 remove unnecessary argument hole 2020-09-04 16:49:07 -07:00
Tessa Kelly
12a804adb3 Audit current behavior 2020-09-04 16:47:31 -07:00
Tessa Kelly
fb9810354a Fix bad string value 2020-09-04 16:30:15 -07:00
Tessa Kelly
70c221714a Fix premium checkboxes (identifiers with special chars break the filter reference) 2020-09-04 16:27:56 -07:00
Tessa Kelly
54f7871d9c Use the copied versions of the tab components 2020-09-04 16:24:59 -07:00
Tessa Kelly
f2e19df603 Adjust API so that any focusable component can be usedas the trigger for the tooltip 2020-09-04 16:24:59 -07:00
Tessa Kelly
7501ac437b Adds example of tooltip in a tab
I notice that this really messes up the tab order :/ I think we're going to have to more deeply integrate the tooltips
2020-09-04 16:24:59 -07:00
Tessa Kelly
ef14174eb1 Put defaults first in controls 2020-09-04 16:24:59 -07:00
Tessa Kelly
8306501ced Use custom number for the other values 2020-09-04 16:24:59 -07:00
Tessa Kelly
ff1d8b296f Adds a fake number input rather than hardcoding rando values 2020-09-04 16:24:59 -07:00
Tessa Kelly
7e8bb3ee1e Simplify the primarylabel and auxillarydescription notes 2020-09-04 16:24:59 -07:00
Tessa Kelly
9f7b2274bf Pass through the offset because I don't think there's a way to do this properly without knowing the height 2020-09-04 16:24:59 -07:00
Tessa Kelly
c7d3f51422 Adds alignment to example 2020-09-04 16:24:59 -07:00
Tessa Kelly
3ebc3fc696 Adds the hover bridge back in 2020-09-04 16:24:59 -07:00
Tessa Kelly
7fff4a4069 Add padding to example 2020-09-04 16:24:59 -07:00
Tessa Kelly
3dbf629ba4 Add width to example 2020-09-04 16:24:59 -07:00
Tessa Kelly
d6a9b42411 Adds direction to example 2020-09-04 16:24:59 -07:00
Tessa Kelly
72706c869d Begin adding static examples 2020-09-04 16:24:59 -07:00
Tessa Kelly
1d4f7bee3f Adds debug controls 2020-09-04 16:24:59 -07:00
Tessa Kelly
2a969a4b59 Re-order the tooltip example 2020-09-04 16:24:59 -07:00
Tessa Kelly
73f85c530a isOpen field becomes the open attribute 2020-09-04 16:24:59 -07:00
Juan Edi
ba9929ac3a WIIIIIIIPP implement one of the use cases to use new FocusTrap API 2020-09-04 19:36:22 -03:00
Tessa Kelly
d2821156fe extraButtonAttrs becomes attribute 2020-09-04 14:38:12 -07:00
Tessa Kelly
20606485b3 change primaryLabel and auxillaryDescription to attributes, adding view 2020-09-04 14:38:12 -07:00
Tessa Kelly
d500161811 Move the trigger to the attributes 2020-09-04 14:38:12 -07:00
Tessa Kelly
428b66bb14 Change to attribute-based API 2020-09-04 14:38:12 -07:00
Tessa Kelly
23e80fa9d2 Replace withPosition with directional helpers 2020-09-04 14:38:12 -07:00
Tessa Kelly
9f8939b1b6 Use Tooltip V2 2020-09-04 14:38:11 -07:00
Tessa Kelly
44975187d6 Apparently nesting Control records causes deque to fail. de-nest 2020-09-04 08:52:47 -07:00
Tessa Kelly
7bb32b0787 Fix mistake in the focus handling 2020-09-02 16:57:32 -07:00
Tessa Kelly
fd69c6c8a9 Pull out focus trap helper 2020-09-02 16:56:10 -07:00
Tessa Kelly
7aa2d65e96 Change closeButton to accept any msg type 2020-09-02 16:37:00 -07:00
Tessa Kelly
708f291081 The most major of API changes:
allows the user to set the id of their focusable element, and prevents autofocusing from overrding the other element id options and vice versa
2020-09-02 16:32:17 -07:00
Tessa Kelly
c09053b69c Add a helper for the continue button 2020-09-02 14:35:35 -07:00
Tessa Kelly
1eda22c565 Add a helper for the close button 2020-09-02 14:32:57 -07:00
Tessa Kelly
94f841c5f8 Adds keyboard support notes 2020-09-02 14:19:41 -07:00
Tessa Kelly
cb2b548064 Put all the attributes in a list in the controls 2020-09-02 14:15:42 -07:00
Tessa Kelly
9972b9a46b ALlow a little more customization inthe css 2020-09-02 14:09:52 -07:00
Tessa Kelly
e249033658 Adds showTitle helper 2020-09-02 14:04:06 -07:00
Tessa Kelly
87f2064938 Make the content customizable 2020-09-02 13:59:02 -07:00
Tessa Kelly
9ad216b994 Move the theme into the settings 2020-09-02 13:53:40 -07:00
Tessa Kelly
9743a69d32 Use Debug.Control 2020-09-02 13:44:39 -07:00
Tessa Kelly
14da7572d2 Hide the skip button when not focused 2020-09-02 12:53:27 -07:00
Tessa Kelly
97bf52f3bd Skip to header rather than to whole section 2020-09-02 12:39:35 -07:00
Tessa Kelly
751aa89f84 Make info and warning into themes 2020-09-02 10:48:52 -07:00
Tessa Kelly
66bd38307c 💀 replace initOPen with open 2020-09-02 10:35:20 -07:00
Tessa Kelly
b04eee1d89 Use Modal.V11 2020-09-02 10:12:59 -07:00
Tessa Kelly
e5f5928c44 Render a table with all the examples 2020-08-28 16:05:31 -07:00
Tessa Kelly
0b337ee1c5 Auto-set the content for the example after all 2020-08-28 16:05:31 -07:00
Tessa Kelly
66798374c0 Make tiny, large, and banner into attribute constructors 2020-08-28 16:05:31 -07:00
Tessa Kelly
c3fdcd30fb Allow for greater customization of the custom theme 2020-08-28 16:05:31 -07:00
Tessa Kelly
34a733c11a Move Theme to be an attribute 2020-08-28 16:05:31 -07:00
Tessa Kelly
79d395ca4d Move Content to be an attribute 2020-08-28 16:05:31 -07:00
Tessa Kelly
e99c085cae 💀 remove mapContent 2020-08-28 16:05:31 -07:00
Tessa Kelly
cc6ccd400f Adds the view helper to the settings 2020-08-28 16:05:31 -07:00
Tessa Kelly
78988a704a Show dismissibility in the Message example 2020-08-28 16:05:31 -07:00
Tessa Kelly
c911ba707c Pull the subcontrols to the top level 2020-08-28 16:05:31 -07:00
Tessa Kelly
34b0985652 Show one theme at a time 2020-08-28 16:05:31 -07:00
Tessa Kelly
9b94e2cdb2 Add roles to the tiny and large elements 2020-08-28 16:05:31 -07:00
Tessa Kelly
d13539330d Rename BannerAttribute -> Attribute 2020-08-28 16:05:31 -07:00
Tessa Kelly
aba39c5b86 Adds alert and alert dialog role options to the message API 2020-08-28 16:05:31 -07:00
Tessa Kelly
a2421b7742 Wire up message v2 2020-08-28 16:05:31 -07:00
Brian Hicks
9aead358a5 allow SegmentedControl to be centered 2020-08-20 15:58:31 -05:00
Brian Hicks
b31e31a0fc replace toString with idString in viewRadioGroup 2020-08-20 15:43:57 -05:00
Brian Hicks
f54ff424c5 use idString instead of toString 2020-08-20 15:41:50 -05:00
Brian Hicks
bae4303bb6 allow HTML in radio options 2020-08-20 15:17:45 -05:00
Brian Hicks
e979190537 allow HTML in labels 2020-08-20 15:13:35 -05:00
Brian Hicks
85bcfbe424 copy v11 -> v12 2020-08-20 15:07:18 -05:00
Tessa Kelly
98614d2f7f Fix Modal docs links 2020-08-18 14:01:28 -07:00
Brian Hicks
e34e887b43 upgrade elm-version in the styleguide 2020-08-13 16:13:07 -05:00
Ju Liu
be9c2e42c5 Implement Modal.V10
Which allows an easier way to customize the modal styling
2020-08-12 15:18:21 +01:00
Tessa Kelly
6a9ebcd980 Adds misisng legend 2020-08-05 16:22:33 -07:00
Tessa Kelly
ca714c5775 Update the keyboard support notes 2020-08-05 15:58:40 -07:00
Tessa Kelly
d7b6d9fdf0 🎨 make the API consistent 2020-08-05 15:25:26 -07:00
Tessa Kelly
f815a4bb13 Use TabsInternal for Segmentedcontrol 2020-08-05 15:19:09 -07:00
Tessa Kelly
bcd3135c39 Begin basing segmented control off of tabsinternal 2020-08-05 15:03:22 -07:00
Tessa Kelly
a30bb6153d Copy V5 tabs to V6 2020-08-05 14:18:03 -07:00
Tessa Kelly
a9d64e7cbb Use radio button under the hood 2020-08-05 14:04:49 -07:00
Tessa Kelly
a7b3ed779c Do renames for radio group 2020-08-05 13:20:48 -07:00
Tessa Kelly
b6b41109e5 cp SegmentedControl/V10.elm SegmentedControl/V11.elm 2020-08-05 13:15:57 -07:00
Tessa
ef6ee0ab21
Merge branch 'master' into lab/stickyable-segmented-control 2020-08-04 21:44:47 -07:00
Tessa Kelly
e9631d95f2 Show icons by default cause icons are adorable 2020-08-04 21:36:15 -07:00
Tessa Kelly
f4e5467cff Add long content example 2020-08-04 21:35:10 -07:00
Tessa Kelly
437f37d135 🎨 remove other map2 2020-08-04 21:28:01 -07:00
Tessa Kelly
bdb8f7260f Remove option map2 2020-08-04 19:30:24 -07:00
Tessa Kelly
8a32a17772 Move the content into the Option 2020-08-04 19:06:28 -07:00
Tessa Kelly
0233fbf682 Add some more info on difference between view and viewSelect 2020-08-04 18:30:25 -07:00
Tessa Kelly
3eaea56a92 Open up the type for the attributes for each option 2020-08-04 18:25:41 -07:00
Tessa Kelly
a326999f84 Begin passing through attributes 2020-08-04 18:17:24 -07:00
Tessa Kelly
2f20f05bff 💀 remove the useSpa control 2020-08-04 18:08:16 -07:00
Tessa Kelly
249285e52d Remove the segmented control from the inputs section 2020-08-04 18:00:58 -07:00
Tessa Kelly
a98e805abf Document the current keyboard behavior
I vaguely suspect that tab should take the user into the controlled content, rather than through the rest of the control options... but will elave it to testing
2020-08-04 17:58:29 -07:00
Tessa Kelly
fc2c79817d 🎨 tidy the API 2020-08-04 17:52:30 -07:00
Tessa Kelly
1314260cf2 Switch from V9 in styleguide to V10 2020-08-04 17:38:11 -07:00
Tessa Kelly
6fc885e96e Fix the example, which should be against the newest version 2020-07-31 13:18:48 -07:00
Tessa Kelly
432be025a3 Notes for V2 of RadioButton 2020-07-30 11:47:32 -07:00
Tessa Kelly
6d7f6061ca Show modal 2020-07-30 11:39:16 -07:00
Tessa Kelly
83b8633e0d Add example from the monolith styleguide (minus premium modal) 2020-07-30 11:28:18 -07:00