Sprint 9: Hyena Hairspray 🐕

[alisonjoseph]

November 30th - December 11th

🗒️ Q4 OKRs

💡 Fix foundational issues that inhibit Carbon adoption and use

Key results

• Close 50% of issues from the component consistency audit
• Publish scope of next major release by 11/13/20
• Document token naming conventions

Issues

• Develop case study content for the IBM.com checkout improvements @jillianhowarth @janchild
• Pictograms @emyarod @andreancardona
  • Pictogram metadata updates #7355
  • Ship pictogram updates on Carbon website (sync with aux for IDL update)
• Icon sketch plugin fixes @andreancardona @emyarod
  • Icons sync command applies gray border style to symbols #6922 PR fix(sketch): remove autoapplied gray borders from sketch package #7429
• Address issues from component consistency audit @laurenmrice @aagonzales @tw15egan
• Add warning symbols for date picker, dropdown, number input, multi-select, and text input @laurenmrice
• Audit file uploader component @laurenmrice
• Audit 3 more components: form, inline loading, and link @aagonzales

💡 Community assets can be published at the same standard of completeness and quality as the common assets

Key results

• Publish updated content guidelines
• Publish production guidelines
• Deliver a Sketch Assistant
• Publish 3 packages for Storybook, testing and linting styles
  • Storybook Create standalone storybook config package #7361 @aledavila @andreancardona (@joshblack)
  • Testing @dakahn (@joshblack)
  • Linting
    • ESLint
    • StyleLint
• Provide a CLI for scaffolding new components Create a cli command for scaffolding out components #7360 @joshblack + dev

Issues

• [Content guidelines] epic (Content guidelines carbon-website#859) @janchild @jillianhowarth
  • Audit for content patterns @janchild
  • Draft content patterns @janchild
• Production guidelines @jeanservaas
• Pattern template for multiple variants @jeanservaas @aagonzales @janchild
  • Notion outline
  • Publish template @janchild

💡 Release common layout packages or code examples

🛠 Support

• Update/overhaul Button Accessibility Testing @dakahn
• Update/overhaul Checkbox Accessibility Testing @dakahn
• Update/overhaul CodeSnippet Accessibility Testing @dakahn
  @dakahn
• Combobox: role="combobox" attribute is on the wrong element causing Accessibility Checker error Combobox: role="combobox" attribute is on the wrong element causing Accessibility Checker error #7331
• Dropdown is not accessible in Windows High Contrast Mode Dropdown is not accessible in Windows High Contrast Mode #6860
• Tabs control: tabpanel needs to be in tab order if there's no focusable tabpanel content Tabs control: tabpanel needs to be in tab order if there's no focusable tabpanel content #7078
• Data table sortable headers visual and programmatic labels do not match Data table sortable headers visual and programmatic labels do not match #7369 @jnm2377
• Bug: issue related to overflow menu item's z-index and position Bug: issue related to overflow menu item's z-index and position #7308 PR fix(FloatingMenu): ignore extra scroll offset in sticky container #7323 @emyarod
• Tabs: Form control element has no associated label Tabs: Form control element <button> has no associated label #7304 PR fix(Tabs): add aria-label to overflow scroll buttons #7353 @emyarod
• [Tabs] Offer control to disable scrollIntoView for Tabs [Tabs] Offer control to disable scrollIntoView for Tabs #7399 PR feat(Tabs): add control for autoscroll on component rerender #7410 @emyarod
• Tab: renderAnchor/renderButton no longer runs cleanly Tab: renderAnchor/renderButton no longer runs cleanly #7416 PR fix(Tab): implement renderButton support #7418 @emyarod
• Tooltips disappearing when clicking different tooltips Tooltips disappearing when clicking different tooltips #7260 PR fix(Tooltip): prevent focus hijacking on tooltip dismissal #7319 @emyarod
• [DataTable]: Expansion clickable area is not up to specification [DataTable]: Expansion clickable area is not up to specification #6589 PR fix(data-table): increase interactive area of expand button #7392 @emyarod
• [code-snippet]: min-width causes reflow (400%) violation [code-snippet]: min-width causes reflow (400%) violation #7406 PR fix(code-snippet): remove min-width rules for improved responsiveness #7420 @emyarod
• v10.25.0: pagination component padding v10.25.0: pagination component padding #7424 PR fix(pagination): prevent page controls from stacking vertically #7427 @emyarod

Website

• fix[data viz color palette]: light and dark theme palettes are not switching carbon-website#1936 (PR)

Design System

• Candidates
  • Bidirectional support @shinytoyrobots + dev
    • BIDI - Support base text direction #7264
    • Bidi support: Hijri calendar is not supported #7265
    • Bidi support: Arabic numeric shaping is not supported in Carbon components #7266