Sprint 19: Blink One Eighty Brie 🧀

[aagonzales]

⚛️ React

• v11 Prop Changes  #9535 @joshblack @sstrubberg
• Do not provide accessible labels by default, for example: "Provide icon description"  #9466 @dakahn @abbeyhrt
• Upgrade class components to functional components #9712 @jnm2377 @sstrubberg
• Tab Updates and enhancements #8487 @tay1orjones @andreancardona
• Tooltip @joshblack @andreancardona
• ContentSwitcher @andreancardona @dakahn

🚢 Migration

• Update migration guide for Design tab with Beta 2 release items @laurenmrice @kingtraceyj
• Upgrade CLI #9640 @joshblack @jnm2377
  • Go through upgrade flow with design [NEEDS DESIGN REP]
  • Finalize initial upgrade flow
  • Implement package upgrade (preview, write)
  • Implement migration runner (preview, write)

🎨 Styles

• Figure out consistent spacing for form components @tay1orjones

📝 Website

• Usage docs for Disclosure pattern @laurenmrice
• PR issue for Toggle tip @kingtraceyj
• Style doc for tile @thyhmdo
  _
• doc: tile component update carbon-website#2519 @thyhmdo

🎨 Design Kit

• v11: update sketch libraries with new tokens carbon-design-kit#429 @aagonzales

Figma

• Figma project reviews @aagonzales @laurenmrice

💬 Support

• [a11y]: Tabbed content does not have an associated name #9666 @abbeyhrt
• [Bug]: ComboBox clear and expand buttons are overlapping. #9667 @andreancardona
• [Bug]: Tile styling interfering with IBM Cloud Cognitive PageHeader component #9676 @abbeyhrt
• Inline Select component needs background in Chrome/Windows #9112 @aledavila
• Undefined selection in MultiSelect #9367 @dakahn
• Clicking checkbox scrolls page title out of view #9444 @dakahn
• Vertical Progress Indicator: missing spacing when flex wraps on narrow widths #9261 @tay1orjones
• FileUploadDropContainer returns wrong mimeType when drag and drop is used #9431 @sstrubberg
• modal bug: inputs should span the full width #8373 @jnm2377

🚀 Releases

• Release v10.45

🐝 Brand

• Product splash screen template #9520 @kingtraceyj @thyhmdo

🖥️ DPO

🛠 Tooling

• Update @carbon/cli to be workspace-agnostic for C&CS @joshblack

📣 Communication

• Release Partners 9/30
• Blog post talking about style changes 9/30
  • Needs writer (@andreancardona, @abbeyhrt + @joshblack ?)
  • Needs artwork
• Publish the Beta 2 announcement @joshblack 9/21
• Blog post about tutorial migration 9/21 @jnm2377
  • Needs artwork
• Blog post about Toggle tip, tooltip, disclosure, pop-over @laurenmrice @kingtraceyj
  • Needs artwork
• Finish draft for feature flags post @andreancardona
  • Needs artwork

🏖️ Vacations

Lauren OOO: Oct 1 🚗🌵

[joshblack]

⚛️ React

• Add auto-alignment to popover
• Add "isolated" feature for popover (portal)
• Finalize Tooltip
• Add ToggleTip
• Refactor Definition Tooltip
• Add IconButton
• Breaking changes to Tabs
• Content Switcher
  • Usage questions
  • Icon only content switcher?
• Prop changes
• Fluid inputs
• Finalize Menu
• Update OverflowMenu to use Menu primitive
• Finalize context menu
• Finalize progress bar
• Finalize Heading/Section utilities
• Finalize Dialog
• Documentation
  • Verify controls are available for component stories
  • Verify storybook layout with design
• Update class components to functional components
• Deprecate light prop and migrate examples

🚢 Migration

• Upgrade CLI
  • Add support for upgrading packages to @carbon/react
  • Add support for running codemods on codebase
  • Investigate the feasibility of updates to styles
    • Would be great to detect design token usage and suggest alternatives (would this be a lint rule?)
• Sample App, ideally covering
  • Token changes
  • Inline theming
  • Layer model
  • Grid changes
  • Component changes
  • v10 to v11 migration
• Migration docs
  • Prop changes
  • UI Shell theming

🧐 Research

• Collect feedback on:
  • Common ways people are using styles from carbon-components
  • Notification changes
  • Tooltip changes
  • Content Switcher changes
  • Prop changes

🎨 Styles

• Figure out RGBA requirement for modal and design tokens (component tokens?)
• Document component tokens
• Figure out docs for styles forwarded by @carbon/react
• Plex Integration
• Spacing for form components

👓 Visual Testing

📝 Website

• v11 Functionality
  • Theme Switcher
  • Token reference
• Remove references to vanilla
  • Demoes
  • Tutorial
  • Frameworks
• Update docs / code for elements
• Update code examples for components that have changed

💬 Support

——

Feedback

• Styles are in a good spot
• Definitely optimistic about what’s left
• Upgrade CLI is a must-have
  • DA is interested
  • Andrea is interested
  • Josefina is interested
  • Ale is interested
• Good to solid documentation
• Good docs and good tools vs new features
• Helpful to see it all mapped out, what’s one, what’s left to be done