Sprint 5 : Dingoes Ate My Design System 🐶

[alisonjoseph]

Timeline September 21 - October 2

🗒️ Q3 OKRs

PRs

• PR Combobox dev docs PR docs(Combobox): update dev docs; add mdx docs #6734 @dakahn
• PR Modal code docs Update docs for Modal #6591 @emyarod PR: docs(Modal): add storybook MDX example #6804
• PR add unstable_Tabs component 10.19 broke tab styles #6798 @emyarod PR: feat(Tabs): create scrollable Tabs variant #6928
• PR Component Index - visual updates @andreancardona PR: fix(component-index): 1768 & 1743 component-index-visual-bugs carbon-website#1826
• PR Component Index - AI App link updates @andreancardona PR: chore(component-index): update index ai app links carbon-website#1850

Sprint 4 🐱

• Medium article about component index @aagonzales @janchild
• ModalWrapper code docs Update docs for Modal #6591 @emyarod PR: docs: update modal state manager examples #6806

💡Objective: Fix foundational issues that inhibit Carbon adoption

• Determine next steps for hanging grid in code Investigate hanging grid components #5892 @alisonjoseph
• Pictogram updates Ship pictogram updates in packages #6773 @andreancardona @emyarod (@joshblack)
  • TODO: Sync with brand on asset delivery date
  • Currently waiting for brand to confirm pictogram name updates - working with Michael Dudley
• Icons plugin [icons] sketch plugin has bug issues #6485 @andreancardona @emyarod @laurenmrice (@joshblack) (doing pictograms first before doing icons)
  • use 32px assets to generate all variants [icons] rendering problems with sketch #5758 @emyarod @andreancardona fix(icons-shared): generate all symbols from 32px assets #6912
• Document first draft of all prop changes for v11 (KR) Conduct prop audit as a team #6690 (comment) @joshblack @tw15egan
• Document (new) naming conventions for design tokens based on audit KR @aagonzales @laurenmrice
• FeedbackDialog Motion Specs #1008 @johnbister
• Audit of components and patterns for animations @johnbister (is there an issue for this?)
• Begin component audit: notion table @aagonzales
• Team and leadership pages @janchild @jeanservaas @mjabbink @shinytoyrobots Add specific deliverables
  • Add profile component to Carbon website + add team section @alisonjoseph
• App switcher exploration review, mockups, and testing @jeanservaas @janchild @jillianhowarth
• What is Carbon? page @janchild

💡Objective: Surface the components that IBM teams have built, so that others can consume them

• Docs (how do I add my component to the index...) @shinytoyrobots initial docs on adding a component to the index carbon-website#1740
• Data visualization index @shinytoyrobots @aledavila (Robin to refine deliverable)
• Component index - add fathom goal to track @shinytoyrobots @mattrosno
• Research future more scalable solution to track component index @mattrosno @shinytoyrobots

💡 Objective: Quantify where and how Carbon assets are being used

@joshblack

• Publish @carbon/telemetry package (alpha)
• Use @carbon/telemetry with at least one package
• Have it report data to our GraphQL endpoint
• Be able to see data on homepage

🛠 Support

A11y

• Windows High Contrast Mode component audit Windows High Contrast Mode support for Firefox🦊 and Edge👔 #6869 @dakahn
• JAWS 2020 Code Snippet "Copied to clipboard" and "Copyable code snippet" announced twice @aledavila
• JAWS Screenreader not Reading TextArea Placeholder and InvalidText
• Icon tooltip uses a button element, JAWS users are lead to believe there's an action associated to the Icon
• Cannot access button in a tooltip via keyboard navigation @emyarod Cannot access button in a tooltip via keyboard navigation #6823 PR fix(button): restrict transitions to relevant properties #6901
• Accept prop is not working in fileUploader component on windows [bug] Accept prop is not working in fileUploader component on windows [bug] #6864 @emyarod feat(FileUploaderDropContainer): validate filetypes from OS file picker #6868
• File uploader form requirements are hidden File uploader form requirements are hidden #6866 @emyarod fix(file-uploader): ensure form requirements are visible #6867
• Tabs overflow not displayed on dynamic addition of tabs Tabs overflow not displayed on dynamic addition of tabs #6838 @emyarod fix(Tabs): diff tablist properties on component update #6843
• Add DataTable custom state manager example @emyarod docs(DataTable): add playground story #6842
• Add disabled prop to <Search/> Search component missing disabled prop and definition #6915 @emyarod fix(Search): add disabled prop #6916
• set aria-current on current active treeview node Recommendations for TreeView accessibility #6792 @emyarod feat(TreeNode): set aria-current on current active node #6937
• Make placeholder styles consistent across all browsers feat(carbon-react): update Downshift to v6 #6918 contrast ratio for "Filter table" is lower than the minimal text contrast requirement #6144 @emyarod fix: update placeholder styles to be consistent in all browsers #6914
• allow interactive elements to be keyboard focused in tooltips Cannot access button in a tooltip via keyboard navigation #6823 @emyarod fix(button): restrict transitions to relevant properties #6901
• validate filetypes from OS file picker in dnd FileUploader Accept prop is not working in fileUploader component on windows [bug] #6864 @emyarod feat(FileUploaderDropContainer): validate filetypes from OS file picker #6868
• content switcher focus styles Content Switcher focus styles need updating for Gray 90/100 themes #6465 @aledavila PR

Carbon website

• [index] remaining visual bugs carbon-website#1768 @andreancardona
• Links to the AI Apps components in the community asset page are broken carbon-website#1802 @andreancardona
• Motion and 2x Grid page need to have the blue Gatsby player button carbon-website#1313
• Data table: The code snippet is very large type size in MOBILE carbon-website#1310 @aledavila
• Community assets —> Component index: Page should be locked in mobile carbon-website#1628 @aledavila PR
• [index] remaining visual bugs carbon-website#1768
• Conduct Carbon Website a11y audit @andreancardona