Sprint 13: V for Velociraptors 🦖

[joshblack]

June 28th - July 9th

Ale

• Enhancement[card]: add 1:1 card to component library gatsby-theme-carbon#1061
• 3 Sass Module Refactors
• [404 page] - Recommended links are not accessible (gray 100 over the gray 100 background) gatsby-theme-carbon#1128
• [IDL] Color specs update: Orange/Yellow PMS values are wrong design-language-website#894
• https://github.ibm.com/Design/EDT/issues/5887

Andrea

• v10.39.0 Release
• 3 Sass Module Refactors
• PaginationNav - PR: feat(pagination-nav): sass module refactor #9076
• Treeview - PR: feat(unstable_treeview): sass refactor #9105
• Migration placeholder
• Glyphs in icons are being generated incorrectly in output extension #9079

Andrew

• Update packages/react storybook to v6 (let me know if you want to take this on, wasn't sure if you were tackling it as a part of last sprint's work)
  • chore: upgrade storybook from v5 to v6 #9062
• React Tooltip does not handle scrolling when inside a fixed position element #8793
• React overflow menu doesn't handle scrolling when inside a fixed position element #8794
• Support custom legend id in fieldset for FormGroup and RadioButtonGroup React components #9072 feat(FormGroup): support id on fieldset legend #9074
• Inline Select component needs background in Chrome/Windows #9112 fix(select): use non transparent inline select background #9138
• React HeaderMenu does not render data-* attributes #9134 fix(HeaderMenu): spread extra props into root element #9139
• docs(Tooltip): add floating menu reference #9140
• refactor(treeview): use flex properties over explicit dimensions #9141

Anna (OOO 6/29-7/2 🌴)

• v11: Update color guidelines page carbon-website#2258
  • Color implementation tab carbon-website#2444 (comment) v11: Website color implementation docs
  • v11: Color usage page designs moved to sprint 14

DA

• 3 Sass Module Refactors
• [FilterableMultiSelect]: autocomplete="off" ignored by Chrome  #8993
• Add the eslint-plugin-jest package to our eslint config #9047 (pair with Josh)
• Add the eslint-plugin-testing-librarypackage to our eslint config #9048

Jeannie (OOO 6/28 🌴)

• Add production guidelines card to website (w/ Lauren)
• Redesign typography specs page, handoff specs to Scott

Jillian

• Internal site audit
• Patterns for tech garage presentation
• Interns research support
• IBM Design field guide review

John

• Migration project

Josefina

• 2 Sass Module Refactors
  • UI shell (wip) UI Shell Sass module refactor #9129
• ComboBox doesn't use ref now. #8744
• Add docs for @carbon/icons-react usage in @carbon/react to Storybook #8904
• Slider Component input box bug #8842
• [NumberInput] When passed value is out of boundary, the value is changed to equal min/max #8965 (pair with TJ)
• Migration placeholder

Josh

• Bring in new tokens from theming strategy update
• Implement contextual tokens
• @carbon/type: determine ideal font family stack, and add as mixin to type package #8764 (work with Scott)
• Update dependencies for telemetry package
• Add the eslint-plugin-jest package to our eslint config #9047 (pair with DA)

Lauren

• v11 Migration project interviews/synthesizing info/playback
• Figma planning and audits
• Production guidelines kit @jeanservaas
  Add image production kit resource card to Carbon website carbon-website#2367)
• Usage and style docs for Popover component (almost done!)

Scott

• component: table for typography page #8934
• @carbon/type: determine ideal font family stack, and add as mixin to type package #8764 (work with Vince for Plex, Josh for integration)
• Migration placeholder
• 2 Sass Module Refactors

Taylor - (OOO 6/28-7/7 🌴)

Thy

• Tile usage docs refresh
• Make announcement for Status indicators release

TJ

• 2 Sass Module Refactors
• [DatePicker]: autocorrection of dates is inconsistent and provides no controls over its value #8854
• Update usage of / operator to use math.div #8746
• [NumberInput] When passed value is out of boundary, the value is changed to equal min/max #8965 (pair with Josefina)

Tracey

• v11: Toast Notification docs
  • update toast notification usage docs carbon-website#2420
  • update toast pattern docs carbon-website#2421
  • update toast accessibility docs carbon-website#2422
• Update Tooltip docs with a11y changes

Vince

[joshblack]

💬 Support

• Update usage of / operator to use math.div #8746
• Update dependencies for the @carbon/telemetry package
• Glyphs in icons are being generated incorrectly in output extension
  • This should fix our deploy preview and unblock feat(UI icons): new icons may and june #8960
• [NumberInput] When passed value is out of boundary, the value is changed to equal min/max #8965
  • Discuss and figure out ideal situation
• React Tooltip does not handle scrolling when inside a fixed position element #8793
  • Might have a similar fix to radio button
• React overflow menu doesn't handle scrolling when inside a fixed position element #8794
  • Might have a similar fix to radio button
• ComboBox doesn't use ref now. #8744
• Delay when clicking the select-all checkbox on the Datatable at 500 records.  #8716
  • Investigate any quick wins for performance

---

• Search component from carbon-components-react needs IME support #8782
  • This is a quirky problem, let's find a resolution to it
  • https://github.com/facebook/react/issues/3926
• DatePicker in React does not handle scrolling when inside a fixed positioned element #8748
• <Dropdown /> doesn't render title tooltip on hover in firefox #8864
  • Could be that this is missing a prop, not sure why this is happening
• DatePicker type 'range' - On second input ‘calendar icon’ click updates the date in the first input field. #8865
  • @tw15egan said this is probably a default thing and there is not much we can do about it, figure out best next steps whether that's an answer or a solution in code
• Tooltip doesn't disappear on mouseout when icon-only Button was previously disabled #8961

🆕 Enhancements

• [FilterableMultiSelect]: autocomplete="off" ignored by Chrome  #8993

🚀 v11

• Website (typography page) Need a dev to sync with Jan component: table for typography page #8934 Draft PR

🚢 Migration

• Create a dedicated migration page for v11
• Decide on the IA for the beta release content
• Author content for the beta release announcement
• Author content for the beta release migration
• Content
  • Changes from node-sass to Dart sass
    • How to migrate today
    • How to migrate in v11
  • Changes to carbon-components-react
  • How to bring in styles
  • How to bring in a theme
  • How to customize a theme
  • How to use a token / changes to tokens
  • What's changing with Grid
  • How to use CSS Grid instead of the flexbox grid
  • How to migrate from flexbox grid / components to CSS Grid

👓 Visual Testing

• Prep codebase with eslint config
• Define structure for tests to migrate to and "how to" guides for Cypress, Percy, and unit tests
• Run workshop on Percy flow for design and development

[alisonjoseph]

Brand

• @vpicone to sync w/ Katie (any open issues from last sprint @aledavila ?)

DPO

• EDT (anything not finished from last sprint? make sure updates from last sprint get deployed)
• Racial Equity (if not finished?)
• Nothing else this sprint. Will need 1 dev for sprint 14 for UE updates