Sprint 21: Durian Duran 🍍

[alisonjoseph]

⚛️ React

• Upgrade class components to functional components #9712
  • SideNavMenu @joshblack
  • HeaderNavigation @joshblack
  • HeaderMenu Deferred @joshblack
  • TimePicker @sstrubberg
  • TimePickerSelect @sstrubberg
  • ModalHeader @aledavila
  • RadioButtonGroup @jnm2377
  • RadioButton @jnm2377
  • DatePickerInput @jnm2377
  • Slider @vpicone
  • NumberInput @vpicone
• Updated components
  • Tab Updates and enhancements #8487 @tay1orjones @abbeyhrt
  • feat(ContentSwitcher): add icon only ContentSwitcher variant #9869 Deferred @dakahn
  • Ship initial version of popover based on design guidance  #9941
  • Ship initial version of icon button based on design guidance #9967
  • Ship initial version of tooltip based on design guidance #9966
  • Determine implementation for definition tooltip #9902 @dakahn
• New components
  • Provide a Stack Component #9831 @tay1orjones @joshblack

🚢 Migration

• Create initial end-to-end flow for @carbon/upgrade @jnm2377 @joshblack @tay1orjones
• Sample App, create initial template and implement available pages from design @joshblack

🎨 Styles

• Update components to use latest tokens in @carbon/styles #9888 @sstrubberg @joshblack

📦 Components

Design

• Read-only text inputs @thyhmdo Read only text input #3018
• Progress bar @thyhmdo docs: add progress-bar component carbon-website#2494

📝 Website

Enhancements:

• Usage docs for Disclosure pattern @laurenmrice
• Design layer section to Style tab @aagonzales
• PR issue for Toggle tip @kingtraceyj
• PR issue for optional and required fields @laurenmrice
• Animate usage images @johnbister
  • Disclosure gif for Lauren
• Update Notification accessibility page with new implementation from ActionableNotification/etc. @tay1orjones
  • update toast accessibility docs carbon-website#2422
• docs(migration): add Notification migration docs, update a11y info carbon-website#2592 @tay1orjones

Support/bugs:

• Clean up and update Status indicators icons @thyhmdo
• Add a11y kit to website: @laurenmrice
• Add type style info to data viz section @aagonzales

🎨 Design Kit

Sketch

• v11: update sketch libraries with new tokens carbon-design-kit#429 @aagonzales
• Add in input component for all themes @aagonzales

Figma

• Component reviews @laurenmrice @aagonzales

💬 Support

• Clicking checkbox scrolls page title out of view #9444 @sstrubberg
• Add default type mixin to @carbon/react (Reference: v11 Beta 2 #9723) @joshblack
• Figure out issue with font rendering (Reference: v11 Beta 2 #9723 (comment)) @joshblack
• Update BreadcrumbItem, DataTable, Dropdown, FormLabel, Link, and MultiSelect to use Text #9879 @tay1orjones
• ListBox: need a way to disable a single listbox item in a dropdown, combobox, or multiselect #6477 @tay1orjones
• [Tooltip]: escape on button in tooltip propagates  #8502 @tay1orjones @abbeyhrt
• [Bug]: DataTable Batch Actions cut off on smaller screens #9686 @abbeyhrt
• Expandable Tile - no interactive elements inside interactive elements #9442 @abbeyhrt
• [SideNavMenu]: regression SideNavMenu no longer collapses in isRail mode when SideNav is not expanded #9725 @dakahn
• [Bug]: Batch checkbox in DataTable header is incorrectly sized and is clipped by the next table header when sorted #9837 @jnm2377
• [Bug]: Layer issues with placeholders on g90 and g100 themes #9860 @aledavila
• fix(ToggleSkeleton): update styles to match design specs #8445 @jnm2377
• [Bug]: The v11 feature flag is not enabled in the styles package #9927

🚀 Releases

• v10.47.0 #9949 @dakahn @tay1orjones @sstrubberg

🐝 Brand

• App icon library tabs adds a pixel under tabs when scrolling design-language-website#1009
• fix[type specs component]: inline code snippet incorrect design-language-website#1010
• Fix max breakpoint grid alignment gatsby-theme-carbon#1180 @alisonjoseph
• Aspect ratio incorrect in article cards - MediumPosts component gatsby-theme-carbon#1176 @vpicone

🖥️ DPO

📈 Dataviz

• RTL evaluations
• Area chart rendering bugfixes
• Histogram ruler bugfixes

📣 Communication

• medium article toggle tip, tooltip, disclosure, pop-over @kingtraceyj @laurenmrice @joshblack

🧙‍♂️ Meeting facilitators

• Backlog Grooming @jnm2377
• Sprint Retro @abbeyhrt
• Sprint Planning (next sprint 22)
  • Dev/System: @tay1orjones

🏖️ Vacations

• Abbey - 10/21-22
• Josefina - Clarity Conference 10/27-29

[joshblack]

⚛️ React

• Add usage docs for Theme and Theme and verify usage
• Figure out how portal components work with Theme
• Take a look at new grid column definitions vs flexbox
• New components
  • Ship initial version of popover based on design guidance
  • Ship initial version of icon button based on design guidance
  • Ship initial version of toggle tip (functionality-based component)
• Updated components
  • Ship updated version of tooltip
  • Ship updated version of definition tooltip
  • Notification
  • Tabs
  • Content Switcher
  • Grid, Row, Column
• Update BreadcrumbItem, DataTable, Dropdown, FormLabel, Link, and MultiSelect to use Text #9879

🚢 Migration

• Update migration docs to include quick start in instructions for using styles, setting, theme, using layers, etc
• Update migration docs to include notice for missing styles
• Create scaffold and build initial pages for sample app
• Upgrade CLI
  • Draft initial user journey
  • Add support for updating packages to @carbon/react and `@carbon/styles, where appropriate
  • Add support for applying a migration codemod on source files

🎨 Styles

• Update components using the compat theme to latest tokens
  • Question: should we have a verification push to make sure components are using the right tokens?
• Updates to grid based on feedback from v11 beta 2
• Update text rendering in dark mode
• Add missing exports from type package
• Update subgrid logic to work with column offsets

📝 Website

• Icon library needs to be updated so that copied names matches module name

🎨 Design Kit

💬 Support

• Clicking checkbox scrolls page title out of view #9444
• [Bug]: Batch checkbox in DataTable header is incorrectly sized and is clipped by the next table header when sorted #9837
• [Bug]: Tabs do not have left scroll button when scrolled to the right side #9698
• ListBox: need a way to disable a single listbox item in a dropdown, combobox, or multiselect #6477 @tay1orjones
• [Tooltip]: escape on button in tooltip propagates  #8502 @tay1orjones @abbeyhrt
• [Bug]: DataTable Batch Actions cut off on smaller screens #9686 @abbeyhrt
• Expandable Tile - no interactive elements inside interactive elements #9442 @abbeyhrt
• [SideNavMenu]: regression SideNavMenu no longer collapses in isRail mode when SideNav is not expanded #9725 @dakahn
• [Bug]: Layer issues with placeholders on g90 and g100 themes #9860
• [Bug]: Flicker in AccordionItem children #9818
• [Bug]: Token "field-disabled" not involved into layering model #9832

📣 Communication

• Release Partners Oct 21st, 2021
• Next release announcement