Sprint 8: Quarantine Quetzal 🦜

[alisonjoseph]

April 19th - April 23rd

Andrea

• Continue Sketch Icons & Pictograms with Andrew
  • [icons] connect icon color to idl v2 library #8127 (need to figure out Sketch sync icon)
• Space between icon and tooltip in Carbon tooltip component does not match sketch kit  #8275
  • https://github.com/carbon-design-system/carbon/pull/8461/files (waiting to hear back from design)
• Toggle requires aria-label but has no effect #8432
  • PR: (pushed up by Jan): refactor(toggle): create v11 toggle #8469
• Add expressive List & Button  #8301 with Josefina
  • feat(Button, OrderedList, UnorderedList): add expressive styles #8477 (pending visual feedback)
• Continue popover, disclosure with Josh + Lauren

Andrew

• Continue Sketch Icons & Pictograms with Andrea
  • [icons] connect icon color to idl v2 library #8127 PR fix(sketch): fetch default icon layer styles from IDL Sketch library #8188
• live demo: components calling wrong theme carbon-website#2233
  • PR fix(ComponentDemo): properly theme floating components carbon-website#2262
• Modal unnecessarily animates on less performant CSS property (background-color) #8391 fix(modal): improve modal transition performance #8486
• ComboBox retains invalid option after typing and clicking enter #8170 fix(ComboBox): prevent invalid option retention on Enter #8476
• fix(button): remove dependency on tooltip component classes fix(button): remove dependency on tooltip component classes #8383 Button component hasIconOnly assistive text styling not working #8372
• fix(modal): set pagination background color within modals fix(modal): set pagination background color within modals #8434 Pagination component’s select doesn’t have a “bx--pagination_select” style #8433
• fix: update chevron animations fix: update chevron animations #8437 Chevron rotation animations are incosistent #8360
• fix(colors): initialize color vars with default values fix(colors): initialize color vars with default values #8440 Webpack 5 with sass (dart scss) gives warningns #8069
• fix(toggle): update disabled toggle tokens fix(toggle): update disabled toggle tokens #8514 Add light variant on Toggle #6794
• feat(SideNav): add onOverlayClick handler feat(SideNav): add onOverlayClick handler #8296 SideNav and overlay behaviour on click #3666
• chore: replace vulnerable rational order stylelint config chore: replace vulnerable rational order stylelint config #8453 Security vulnerability in yargs-parser via stylelint-config-carbon #8450

Anna

• Investigate density tokens for layout modules
• Define Gray80 theme
• Condensed structure list spec

DA

• Support high contrast mode in chrome without a plugin #8413 with TJ
• Add type tokens for expressive reading experience #8299
• Refactor Notification #8406 with Taylor, get support from design (TODO: find design rep)
• [Toggle] The parent container of the toggle with label has a fixed width which does not take the label’s width into consideration #7210
  • Right alligned toggle has overflowing label text #6865 if solved by [Toggle] The parent container of the toggle with label has a fixed width which does not take the label’s width into consideration #7210

Jan

• Review Medium article re v11
• Review new Releases page
• New v11 page with Matt
• Work with Shixie and Jeannie on adding expressive to the site
  • Button
  • List
  • Typography
• Finalize Carbon Standards for DPO initiative
• Review Tabs for Tracey
• Review Status indicators view for Thy
• EPM case study, begin research

Jeannie

• Carbon Standards for DPO initiative with Matt, Jan
• Ship v1 status icons with Thy
• Ship v1 tabs with Tracey
• Strategy for illustrations for release Medium articles
• Chart illustrations
• Work with Shixie and Jan on adding expressive to the site
  • Button
  • List
  • Typography

Jillian

• Fix broken Storybook links in Code tabs on our site
• Complete IBM video training class, first half
• Sketch kit updates 🎉 💎 🎉
  • High contrast tag
  • Tag number bug
  • Highlight G10
  • Checkbox icons

John

• Grid Tutorial Video script/storyboard

Josefina

• DUX table updates: https://github.ibm.com/DUX-Program/dux-program-website/issues/174
• Data table: expand + select spacing #8472
• Screen reader is quite verbose in "info tip dialog" (aka Tooltip) #7226
• modal bug: inputs should span the full width #8373
• Add expressive List & Button  #8301 with Andrea
• ComboBox retains invalid option after typing and clicking enter #8170 with Andrew
• Update Size Prop across components #8370 with TJ
• [data table] add 40px (md) row height #8395

Josh

• Theming Updates #8408 with TJ
  • Sync'ed with Jan and Morgana, will continue implementation
• Create codemod for migrating teams to new icons API #8516
• Update components to use new className convention #8403
• Transition carbon-components to Sass Modules #8138
  • Need to specify specific outcomes in next sprint for this
• expandable table row, does not have a way to create <td> as mentioned in the documentation #6885
  • Could not tackle in given sprint
• Continue popover, disclosure with Andrea + Lauren

Lauren

• Popover/Disclosure
  • Design specs of common disclosures
  • Usage docs in notion (in progress)
• Support/testing with Sketch plugin
• Adobe XD (pair with @thyhmdo)
  • Connect icons from library to components

Taylor

• Refactor Notification #8406 with DA, get support from design (TODO: find design rep)
• Write initial testing style guide #8144
• Investigate Investigate Cypress for visual testing in our React package #8145
• Form spacing inconsistencies  #2343
• Sync with Tracey to scope out Tab updates

Thy

• Ship v1 status icons with Jeannie
• Adobe XD kit work
• Header image for Medium article about release update

TJ

• Update Size Prop across components #8370 with Josefina
• Support high contrast mode in chrome without a plugin #8413 with DA
• [DataTable] with selection, missing possibility to select multiple subsequent rows with Shift key #4084 with Andrew
• Theming Updates #8408 with Josh
• Add G80 theme [element] add gray 80 theme #8471
• Accessibility:The 3 dots icons are invisible when Windows high contrast mode is active. #8458
• Tile: Visual regression for selectable tiles #8523
• v10.34.0 #8530

Tracey

• Tabs
• Context menu feat: add context-menu #7350

Ale

• https://github.ibm.com/Design/universal-experiences/issues/57 (remaining 6 UE content sections)
• https://github.ibm.com/Design/universal-experiences/issues/59
• [Mobile] Remove spacing between container in Chart types page  carbon-website#2192
• SVG tooltip alignment issue fixed on IDL, need to fix on Carbon website also
• https://github.ibm.com/Design/w3-design/issues/1058

Vince

• status icons feature[patterns]:modified table for status indicator pattern carbon-website#2199
• Enhancement[card]: add 1:1 card to component library gatsby-theme-carbon#1061 (1:1 card component)
• Gatsby v3 update
• Publish theme and update sites to the latest
  Carbon, IDL, AI, Research, D&UX, w3 design, UE

[tw15egan]

#8370 has some outstanding issues I'll need to work on next sprint

[tw15egan]

@dakahn and I are also planning to pair on #8413 and see if we can use forced-colors to handle HCM on all supported browsers