Sprint 6: O' Ostrich Where Art Thou? 🐦

[alisonjoseph]

March 22nd - April 2nd

Andrea

• Continue Sketch Icons & Pictograms with Andrew
  • [icons] connect icon color to idl v2 library #8127 (need to figure out Sketch sync icon)
• Continue AVT 3 - Carbon X Structured List does not announce checkbox or checkbox status using a screen reader #1937 with DA
  • PR: feat(StructuredList): Accessibility refactor #8172 (pending visual review)
• Update Filterable MultiSelect to work in new format #7861 with Josh
• Verify if no further action needed Radio Tile Group outline disappear problem #6306
  • PR: fix(Tile): update outline-offset #8258 (pending visual review)
• Checkbox onChange event only returns true or false #4134
• RadioButtonGroup bug: RadioButtonGroup usability issue (renders it's own children regardless of given children types) #8225
  • PR: fix(RadioButtonGroup): clones RadioButton #8283 (pending approval)

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
• AVT1: Orphan content violation in Tooltip #6308 with DA
• SideNav and overlay behaviour on click #3666
  • received updated spec on 3/30
• [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
• fix: update vanilla loading spinner markup and replace expanded containers with margin fix: update vanilla loading spinner markup and replace expanded containers with margin #7968 Loading spinner size shrinked a lot #7946 Compact Loading Spinner has a massive rotating background #7978
• fix(treeview): update text and color tokens to match spec fix(treeview): update text and color tokens to match spec #8075 [tree view] code bugs #8000
• fix(Dropdown): prevent unnecessary duplicate VO readings fix(Dropdown): prevent unnecessary duplicate VO readings #7768 Voiceover reads dropdown items twice #7707
• fix(Tab): sync tab id with tab panel id fix(Tab): sync tab id with tab panel id #8074 "4.1.2 Name, Role, Value" violations for tab headers in certain situations #8070
• docs(UIShell-story): add missing prop to HeaderMenu docs(UIShell-story): add missing prop to HeaderMenu #8132 UI Shell Story emitting missing prop warning #8131
• fix(ListBox): correctly position menu chevron fix(ListBox): correctly position menu chevron #8155 Dropdown - [CSS] the menu icon is not align the text when it is small or large #8147
• fix(UIShell): avoid spreading isSideNavExpanded to non Carbon elements fix(UIShell): avoid spreading isSideNavExpanded to non Carbon elements #8135 React does not recognize the isSideNavExpanded prop on a DOM element #3970
• feat(Notification): add onClose support feat(Notification): add onClose support #7918 carbon-components-react/ToastNotification: Add onClose prop #7859
• fix(toast-notification): match updated spec fix(toast-notification): match updated spec #8165 Style updates on toast notification #8115
• fix(ContentSwitcher): resolve text contrast violations fix(ContentSwitcher): resolve text contrast violations #8130 Content switcher fails WCAG 1.4.11 Non-text Contrast #6745
• fix(structured-list): top align header text fix(structured-list): top align header text #8166 Support _row_ headings for StructuredList #8157
• fix(ComposedModal): add scrolling content class automatically fix(ComposedModal): add scrolling content class automatically #8153 Form inside ComposedModal scroll problem #8136
• fix(TableToolbarSearch): allow screen reader navigation fix(TableToolbarSearch): allow screen reader navigation #7986 DataTable search bar not recognized by screen reader #7915
• fix(date-picker): remove border radius fix(date-picker): remove border radius #8198 [Date picker] Remove rounded corner #8190

Anna

• Component specs: color token updates sync with @tw15egan
• Create kit versions with new tokens for testing.

DA

• feat(StructuredList): Accessibility refactor #8172
• Continue AVT 3 - Carbon X Structured List does not announce checkbox or checkbox status using a screen reader #1937 with Andrea
  • [StructuredList] Unable to navigate with keyboard #2820 feat(StructuredList): Accessibility refactor #8172
• AVT1: Orphan content violation in Tooltip #6308 with Andrew
• [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
• Button doesn't communicate danger state to screen reader users #8220 fix(Button): add danger variant assistive text #8222

Jan

• Domain guidance update with Mike Abbink
• [Designing > Other resources updates] for Gatsby kit and mobile kits and resources
• About Carbon page with Mike Abbink
• Carbon Standards for DPO initiative with Matt, Jeannie

Jeannie

• Carbon Standards for DPO initiative with Matt, Jan
• Concept work with Matt, Jan

Jillian

• Kit issue: Button–add xl and large button sizes pair with @laurenmrice
• Kit issue: Form component–add warning state pair with @laurenmrice
• Complete IBM video training class

John

• Training pattern development with Jan
• Identify training content from 2019 Design Essentials classes and Slack audit
• Animated icons Create add-on package for animated icons  #7346

Josefina

• Update ~25% of components to use new design tokens #8149 with TJ
• Add new tokens to theme package #8238 with TJ
• Author CSS Grid Components for React #8142 with Taylor
• Update size prop in components to use consistent terms for size #8151 with TJ
• NumberInput's onChange event does not include the value in event.target.value when the arrows are used. #7457
• DUX color bug https://github.ibm.com/DUX-Program/dux-program-website/issues/170

Josh

• Update Filterable MultiSelect to work in new format #7861 with Andrea
• Add size prop to icon packages #8139 with Vince (?)
• Continue Conduct performance audit of Sass @import versus @use for codebase #7525
• Finalize initial packages for Alpha release (@carbon/styles and @carbon/react)
• Update name servers for carbon websites to point to cloudflare for SSL cert (expires 4/4) @alisonjoseph

Lauren

• Treeview Usage guidance (in notion)
• Treeview Style guidance (in notion) (in progress)
• Kit issues
  • # 383 Pair with @jillianhowarth
  • # 351 Pair with @jillianhowarth
• Support/testing with Icon/Pictogram plugin

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

Thy

• Status icons
• Dataviz images?

TJ

• 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

Tracey

• Component docs: Tabs (in progress)

Brand/DPO support

DPO backlog | Brand issues

Ale

• UE https://github.ibm.com/Design/universal-experiences/issues/49 (added mid sprint as higher priority item)
• w3 update banner on homepage https://github.ibm.com/Design/w3-design/issues/1054 (Meet w/ Allison Biesbober to go through process to update this image herself)
• carbon-design-system/design-language-website#883 (bug)
• Update switcher - Add Universal Experiences to switcher with lock icon gatsby-theme-carbon#1100 pair w/ Vince on theme release process
• Podcast detail page updates (new component?) https://github.ibm.com/Design/racial-equity-in-design/issues/235

Vince

• Update IBM Plex package to support flexible font imports #8106
• Add size prop to icon packages #8139 with Josh (?)
• 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
• Search field is too wide on desktop gatsby-theme-carbon#1101 (in a PR)

Matt

• Open source health check Open source health check #8093

[laurenmrice]

Potential design tasks:

• Skeleton state for Toggle: Toggle and ToggleSmall Skeleton broken #6222
• Button guidance
• Compact (24px) components: Condensed components #6202
• Tertiary nav for gatsby theme, accessibility research

Design epics on deck:

• Community pattern migration
• Remaining component usage docs
• Component Audit