Adding collapsible Tabs (#1145)
* initial progress on tabs collapsing behavior
still need to figure out how to get the icons as Item children and into the picker
* fixing up Tab story so can add tabs via buttons
* moving tabs icon prop to title and updating aria label
* Pulling v2 css to have hidden tablist overlap picker
also handle case where selected key is removed from list of tabs. fix lint as well
* Exporting Item from Tabs package and fixing some aria stuff
* fixing tabs collapse in rtl
* fixing more RTL things in Tabs
also fixed tabline resizing on tab change when tabs are collapsed
* actually getting tab collapse to work
was using the wrong ref
* fixing lint
* moving local css to spectrum css temp
* adding tests
* removing persistent tablist in favor of resizing stategy like breadcrumbs
adds useValueEffect as a util. Also removes extraneous propagation of styleprops from other tab elements
* fixing lint
* making the dropdown tab css classname a bit better
* adding more tabs to the other stories for easier ocollapse testing
* addressing some review comments
* Passing tabs specific fieldbutton styles via sllots
* making selected tab update to next/previous key if selected tab is deleted
* Adding more tabs tests
addresses other misc review comments
* fix lint
* only do initial tabline positioning transform for horizontal tabs
* adding collapsibleTabs component for clarity
as per review comment
* moving collapse check back to Tabs to fix TabLine positioning updates
* removing orientation from CollapsibleTabList
* adding ref checks in useResizeObserver and adding orientation flip story to Tabs
* Partial update for review comments
* updating collapsible tablist spectrum classes
* selecting first tab if selected tab is deleted
* updating focus ring for collapsed tab picker
* addressing code review
* fixing css so compact tab picker and compact tabs are vertically positioned identically
* removing excess space
* moving tabs collapsed styles into horizontal tab scope
* fixing merge
* addressing review comments
* addressing review comments
* fixing tabline position when tablist expands
used to work when state was in the dep array since state.selectionManager updated constantly on resize, replaced that with collapse
Co-authored-by: Devon Govett <devongovett@gmail.com>
Co-authored-by: Danni <drobinson@livefyre.com>
