Sprint 4: Mad Max Monkey 🙈🔥

[alisonjoseph]

February 22nd - March 5th

Team issues

• Onboard first group of release partners
• Define scope of initial alpha release

Andrea

• Sketch pictogram/plugin work with @emyarod [icons] sketch plugin has bug issues #6485
  • chore(icons): add removed icons back to update master file chore(icons): add removed icons back to update master file #7964
• (Multiselect): A button must have "no interactive content descendant" #5880 with @jnm2377 fix(multiselect): 5880-multiselect-active-descendent #7908
• AVT3: JAWS read "none has been selected" when user actually selects Android or IOS in the select platform dropdown list #6840 with @dakahn fix(MultiSelect): adds and updates list item aria, fixes type bug w/ itemToString #7889
• Fix Combobox aria roles to match aria 1.2 spec. #6938 Combobox a11y issues: fix(combobox): update to match ARIA 1.2 criteria #7777

Andrew

• Sketch pictogram/plugin work with @andreancardona [icons] sketch plugin has bug issues #6485
  • chore(icons): add removed icons back to update master file chore(icons): add removed icons back to update master file #7964
• Dive into File uploader issues
  • 𝗙𝗶𝗹𝗲 𝘂𝗽𝗹𝗼𝗮𝗱𝗲𝗿 𝗺𝘂𝗹𝘁𝗶𝗽𝗹𝗲 𝗳𝗶𝗹𝗲𝘀 | 𝗡𝗼𝘁 𝘄𝗼𝗿𝗸 𝗹𝗶𝘀𝘁𝗲𝗱 𝗶𝘁𝗲𝗺𝘀 #6321
  • File uploader button labelText changes to name of file when a new file is added #5894
• feat(Modal): implement support for 3 button modals feat(Modal): implement support for 3 button modals #7775
• fix(list-box): update hover active item background color fix(list-box): update hover active item background color #7832 Select/Multiselect active descendent is the same colour as already selected items, affecting Keyboard users #7490
• fix(radio-button): avoid outline cutoff in hidden overflow containers fix(radio-button): avoid outline cutoff in hidden overflow containers #7886 RadioButton: Unexpected left spacing #7873 Radio button's focus state is truncated when in a container with a hidden overflow #7113
• fix(RadioButton): remove empty span if label text is falsey fix(RadioButton): remove empty span if label text is falsey #7904
• fix(checkbox): avoid outline cutoff in hidden overflow containers fix(checkbox): avoid outline cutoff in hidden overflow containers #7887 Checkbox focus state is cut off when inside a container with an overflow #6480
• fix(AccordionItem): animate open/close when open prop is specified fix(AccordionItem): animate open/close when open prop is specified #7876 Accordion items do not animate when the open prop is provided a value #7875
• feat(number-input): update number input controls to new spec feat(number-input): update number input controls to new spec #7687 [Number input] control update #5417
• fix(tabs): remove Safari specific overflow indicator margins fix(tabs): remove Safari specific overflow indicator margins #7917 Tab overflow indicator positioning is misaligned in Safari #7906
• fix(NumberInput): deprecate mobile variant fix(NumberInput): deprecate mobile variant #7919 [number input] audit bugs #7570 [NumberInput] Mobile variant width sizing issue #5231 fix(component): adjustments to Number Input #5421
• fix(Tabs): prevent tablist role from stealing focus fix(Tabs): prevent tablist role from stealing focus #7905 Tabs highlight on Tab click in safari, but none in chrome/firefox #7892
• fix(tag): set vertical alignment fix(tag): set vertical alignment #7927 Tag component: misalignment when a mix of tags with and without icons are used #7920
• feat(Tag): add pointer on hover if component is interactive feat(Tag): add pointer on hover if component is interactive #7839 Tag: when a Tag is actionable(has an onClick), the pointer icon does not change #7592

Anna

• Grid/layout work
• Color token feedback
• Content switcher fails WCAG 1.4.11 Non-text Contrast #6745 Content Switch 3:1 Contrast
• Community Pattern audit / Related issue

DA

• FileUploader is inaccessible in Windows High Contrast Mode #6881
• Toggle and ToggleSmall aria-label is better placed on the checkbox, not the label element #6567
• AVT3: JAWS read "none has been selected" when user actually selects Android or IOS in the select platform dropdown list #6840 with @andreancardona fix(MultiSelect): adds and updates list item aria, fixes type bug w/ itemToString #7889

Jan

• Concept work with Matt, Jeannie
• Pattern guidance review

Jeannie

• Concept work with Matt, Jan
• Pattern guidance review

Jillian

• Develop case study content for the Cloud transition to Carbon 10
• Patterns presentation

John

- [ ] Create add-on package for animated icons #7346

Josefina

• Breadcrumbs live demo is misleading carbon-website#2125
• Pair with @tay1orjones on Grid work, includes writing out initial scope/deliverable
• (Multiselect): A button must have "no interactive content descendant" #5880 with @andreancardona

Josh

• [popover] basic component spec #7713, pair with @tw15egan and @laurenmrice on Popover/Disclosure
• Finalize feature flag package feat(feature-flags): rename exports, add merge, and update tests #7802
  • Integrate into carbon-components and carbon-components-react
• Release Partners
  • Finalize onboarding document
  • Onboard initial group of partners
• Update Filterable MultiSelect to work in new format #7861

Lauren

• Context menu component

  • Usage docs (wip)

• Treeview component

  • Usage docs (wip)
  • Sketch symbol structure
  • Design specs
  • Make code bug issue

• Sketch plugin support/help

Taylor

• Continue Grid work from last sprint, pair with @jnm2377
  • CSS Grid MVP feat(grid): add CSS Grid Experiment #7851
• Action icons in the UI Shell Header do not provide visual text to describe the link purpose #7731
• Tabs control: tabpanel needs to be in tab order if there's no focusable tabpanel content #7078

Thy

• Status icons

TJ

• VoiceOver traverses links in closed SideNav #6286
• Pagination component wider than 100% wide in Chrome, Edge #7820
• [popover] basic component spec #7713, pair with @joshblack and @laurenmrice on Popover/Disclosure
• Toggle buttons (active/pressed state) #7757

Tracey

• Component docs
  • Tabs

[joshblack]

Proposed items

• Skeleton state bug fixes
• Consolidate spacing and layout scales
• Notification Refactor
• UI Shell Theming
• Refactoring test suite (react testing library, cypress)

[aagonzales]

Design epics on deck:

• Community pattern migration
• Remaining component usage docs

Design support issues:

• Selected buttons Toggle buttons (active/pressed state) #7757
• Content switcher 3:1 contrast issue Content switcher fails WCAG 1.4.11 Non-text Contrast #6745
• Button guidance, non-primary buttons in data tables, v11 suggestions (new secondary btn?)
• Tertiary nav for gatsby theme, accessibility research
• Add accessibility disclaimer to disabled states pattern.