Sprint 7: Platypus of the Apes 🦍

[alisonjoseph]

April 5th - April 16th

Andrea

• Continue Sketch Icons & Pictograms with Andrew
  • [icons] connect icon color to idl v2 library #8127 (need to figure out Sketch sync icon)
• Tile bug: Radio Tile Group outline disappear problem #6306
  • PR: fix(Tile): update outline-offset #8258
• RadioButtonGroup bug: RadioButtonGroup usability issue (renders it's own children regardless of given children types) #8225
  • PR: fix(RadioButtonGroup): clones RadioButton #8283
• Checkbox onChange event only returns true or false #4134
  • PR: feat(checkbox): update checkbox props with feature flag support #8335
• off-by-one error for breakpoint mixin carbon--breakpoint-between #8186 (pending approval)
  • PR: fix(breakpoint): update in between breakpoint #8346
• Space between icon and tooltip in Carbon tooltip component does not match sketch kit  #8275
• [ContextMenu] clean up click event listener for setCanBeClosed() #8274
• Disclosure Component #6633 start prepping with Josh, Lauren
  • Base development for Disclosure: [Disclosure]: develop base for Disclosure component functionality #8316

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 blocked by Sketch, possible workarounds explored
• SideNav and overlay behaviour on click #3666
  • received updated spec on 3/30
  • PR feat(SideNav): add onOverlayClick handler #8296
• [SelectableTile] Selected state is out of sync when user do shift+click for multi-selection #7759
  • PR fix(SelectableTile): sync selected prop and state #8279
• [DataTable] with selection, missing possibility to select multiple subsequent rows with Shift key #4084 with TJ
  • a11y research and feedback required
• Webpack 5 with sass (dart scss) gives warningns #8069 PR fix(colors): initialize color vars with default values #8440
• Multiselect.Filterable not showing initiallySelectedItems #7047
  • workaround provided
• ComboBox highlights all items after selection #7514 PR fix(ComboBox): highlight selected item based on item id if present #8313
• fix(data-table): remove inline edit short table styles fix(data-table): remove inline edit short table styles #8212 DataTable[size="short"] breaks alignment of Selects arrow icon:  #8206
• fix(TooltipDefinition): support child nodes fix(TooltipDefinition): support child nodes #8227 TooltipIcon Text Doesn't Support HTML Elements like <p> #8226
• fix(FileUploader): replace <strong> with <p> in exported component fix(FileUploader): replace <strong> with <p> in exported component #8255 Use of strong in file uploader causing accessibility issue #8252
• fix(date-picker): remove redundant date picker border radius fix(date-picker): remove redundant date picker border radius #8259
• fix(data-table): add table scope to form control overrides fix(data-table): add table scope to form control overrides #8295 Background color for TextInput, PasswordInput, MultiSelect, ComboBox etc.. is the same as the light variant #8286
• fix(breadcrumb): reduce height of overflow menu trigger fix(breadcrumb): reduce height of overflow menu trigger #8270 Breadcrumb with overflow is taller than without #8265
• fix(date-picker): reduce gap between range inputs fix(date-picker): reduce gap between range inputs #8304 Time picker vs Date range picker - spacing #8234
• fix(SelectableTile): sync selected prop and state fix(SelectableTile): sync selected prop and state #8279 [SelectableTile] Selected state is out of sync when user do shift+click for multi-selection #7759
• fix(Notification): attach timeout prop to toast notification fix(Notification): attach timeout prop to toast notification #8362 ToastNotification immediately closed when timeout prop is provided #8348
• fix(tokens): update g10 highlight fix(tokens): update g10 highlight #8334 Update $highlight token value to $blue-20 on Gray 10 theme  #8327
• fix(tabs): override browser focus styles in tab content container fix(tabs): override browser focus styles in tab content container #8343 [Tabs] Rounded corner focus state  #8342
• fix(ComboBox): highlight selected item based on item id if present fix(ComboBox): highlight selected item based on item id if present #8313 ComboBox highlights all items after selection #7514
• fix(PasswordInput): support custom labels in controlled input fix(PasswordInput): support custom labels in controlled input #8363 show/hidePasswordLabel in TextInput.ControlledPasswordInput do nothing (tooltip always shows default values) #8359

Anna

• Finish new color token Sketch library test files: kit issue #422
• Investigate density tokens for layout modules

DA

• audit native Windows High Contrast Mode support in Chromium Browsers
• [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
• Icon tooltip uses a button element, JAWS users are lead to believe there's an action associated to the Icon #6703 Tooltip refactor with Josh
• Dropdown: Dropdown scrolling not working when first opened #7371
• Investigate disabled tags firing onClick  #7160

Jan

• Review Tree view for Lauren
• Review Tabs view for Tracey
• Review Status indicators view for Thy
• Draft comms plan for the 2021 release

Jeannie

• Carbon Standards for DPO initiative with Matt, Jan
• Ship v1 status icons with Thy
• Ship v1 tabs with Tracey
• Chart illustrations

Jillian

• Sketch kit work, pair with @laurenmrice
  • Form component–add warning state
  • Inline notification
  • Content switcher
  • Warning icon fill layer bug
• Complete IBM video training class
• Patterns garage bootcamp presentation

John

• Increase production value of existing tutorials on our website
  • Designing with Carbon
  • Introduction to Carbon

Josefina

• Update ~25% of components to use new design tokens #8149 with TJ
• Update 25% of components to use new design tokens (3/4) #8302
• Author CSS Grid Components for React #8142 with Taylor
• Update size prop in components to use consistent terms for size #8151 with TJ
• Toggle and ToggleSmall Skeleton broken #6222 work with Lauren on specs
• Notification widgets missing border in high contrast #7562
• feat(structured-list): Add React component support for the condensed structured list styles #5736
• [Mobile] Remove spacing between container in Chart types page  carbon-website#2192
• DUX table updates: https://github.ibm.com/DUX-Program/dux-program-website/issues/174

Josh

• Icon tooltip uses a button element, JAWS users are lead to believe there's an action associated to the Icon #6703 Tooltip refactor with DA
• Document components that need to be updated with our new className convention #8292
• Add style entrypoints to @carbon/styles #8294
• Use of position relative has consequences for stacking context  #6948
• Disclosure Component #6633 start prepping with Andrea, Lauren

Lauren

• Treeview Style guidance (in notion)
• Context menu usage guidance (in progress)
• Adobe XD (pair with @thyhmdo)
  • Make icon library
  • Connect icons from library to components (in progress)
• Support/testing with Sketch plugin for Icons
  • Push Sketch Icon library update 🎉
• Popover/Disclosure
  • Basic usage doc outline](https://www.notion.so/carbondesignsystem/Usage-8754dd12bf24485d91abf9039d4333f8) in notion
  • Design specs of common disclosures (almost done)

Taylor

• Write initial testing style guide #8144
• Investigate Investigate Cypress for visual testing in our React package #8145 with TJ
• Author CSS Grid Components for React #8142 with Josefina
• Refactor three component test suites (TODO: add issue) with Vince
• Form spacing inconsistencies  #2343
• 10.32.1 release w/ TJ
• 10.33.0-rc.0 release w/ TJ
• 10.33.0 release w/ TJ

Thy

• Ship v1 status icons with Jeannie
• Adobe XD Kit work (tbd)

TJ

• Color update pt. 1 Update ~25% of components to use new design tokens #8149 with Josefina
• CodeSnippet: Storybook needs some lovin #8088
• Investigate Investigate Cypress for visual testing in our React package #8145 with Taylor
• Update size prop in components to use consistent terms for size #8151 with Josefina
• [DataTable] with selection, missing possibility to select multiple subsequent rows with Shift key #4084 with Andrew, support from
• Wide content in modals overflows eccentrically with no scroll availability #8314
• Datepicker not passing down disable flatpickr option #8312
• Color update pt. 2 Update 25% of components to use new design tokens (2/4) #8300
• Color update pt. 4 Update 25% of components to use new design tokens (4/4) #8303
• Pagination Page Selector needs to be disabled, without affecting page size #8311
• Should the tooltip for icon-only buttons receive pointer events? #8393
• v10.33.0 release 10.33.0 #8384
• CodeSnippet singleline right overflow indicator is too far left if hideCopyButton === true #8439

Tracey

• Ship v1 tabs with Jeannie

Ale

• https://github.ibm.com/Design/universal-experiences/issues/53 (UE design tweaks)
• https://github.ibm.com/Design/racial-equity-in-design/issues/235 (podcast page)
• https://github.ibm.com/Design/IDTU/issues/5868 (add link)
• Incorrect illustrator icons on library pages design-language-website#903

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)
• Document process to update App Icons design-language-website#885
• In mobile the dropdown should be white gatsby-theme-carbon#1110 (confirm this is fixed)
• far right column tool tips in pictograms and icons need to be end tooltips — open towards left. design-language-website#905

Matt

• Open source health check Open source health check #8093

[alisonjoseph]

• [Mobile] Remove spacing between container in Chart types page  carbon-website#2192
• Broken link to download pictograms carbon-website#2206
• Broken links on pictograms pages design-language-website#906
• far right column tool tips in pictograms and icons need to be end tooltips — open towards left. design-language-website#905
• Incorrect illustrator icons on library pages design-language-website#903

[dakahn]

for sprint 8 #6942

[dakahn]

for sprint 8 #6102