Sprint 12: The Unicorn Suspects 🦄

[joshblack]

June 14th - 25th

Ale

• Racial Equity page addition https://github.ibm.com/Design/racial-equity-in-design/issues/255
• Implement initial useDisclosure hook #8819
• [IDL] Color specs update: Orange/Yellow PMS values are wrong design-language-website#894
• No space between text & code when used inside tab gatsby-theme-carbon#1133
• [404 page] - Recommended links are not accessible (gray 100 over the gray 100 background) gatsby-theme-carbon#1128

Andrea

• v10.37.0 release
• v10.37.1 release
• v10.38.0 release
• Migration project kick-off
• [Form: search] Field height is way too small #8900 (fixed by @emyarod :) - PR: fix(Search): restore default component size #8912 (review))
• Bring over ~3 component styles to Sass module format
• Notification
• Issue: Refactor Notification to use Sass modules #8905
• PR: fix(sass): notification refactor inline toast #9004
• Number Input
• Issue: Refactor Number Input to use Sass modules  #8919
• PR: feat(number-input): refactor with testing #8935
• Overflow menu
• Issue: Refactor Overflow Menu to use Sass modules  #8925
• PR: feat(overflow-menu) refactor sass modules #8970
• Links on expandable tile on hover have insufficient color contrast #8701 (TJ to help out with process)
• fix(tile): add link color contrast #9025
• Setup deploy preview for @carbon/react #8902 (pair with TJ)
• Implement initial useDisclosure hook #8819
• PR: feat(useDisclosure): adds useDisclosure hook and test #9006
• EDT - add link https://github.ibm.com/Design/EDT/issues/5888
• PR: https://github.ibm.com/Design/EDT/pull/5896
• EDT - medallia update https://github.ibm.com/Design/EDT/issues/5887)

Andrew

• Continue Sketch plugin integration
  • [icons] connect icon color to idl v2 library #8127
    • PR fix(sketch): fetch default icon layer styles from IDL Sketch library #8188 (blocked)
  • [sketch] plugin should reposition artboards for new and deprecated icons #8650
  • [color] remove layer style command from sketch plugin UI #8766
    • PR fix(sketch): hide shared color styles sync command #8770
  • Regression: Sketch plugin icon sync commands failing #8786
    • PR fix(sketch): support glyph-only assets #8787
• FileUploaderDropContainer has nested interactive controls (WCAG "MUST") #8847
  • PR fix(FileUploaderDropContainer): avoid nested interactive controls #8945
• InlineLoading iconDescription should not be removed when status is "error" or "finished". #8828
  • fix(InlineLoading): add iconDescription to error and finished SVGs #8918
• ComboBox storybook props not visible or functional #8883
• [Form: search] Field height is way too small #8900
  • PR fix(Search): restore default component size #8912
• TooltipDefinition within a <p> emits a React error in the console #8884
  • PR fix(TooltipDefinition): render span in component #8910
• fix(DatePicker): avoid aggressive range input clearing #8893
  • PR Range DatePicker clears all inputs when end date field is empty #8892
• Disabled <Select> options not properly styled in Firefox #8913
  • PR fix(Select): specify disabled option text color #8914
• Radio button group: needs relative positioning when used inside a scrolling element #8932
  • PR fix(radio-button): add position rule to button group wrapper #8933
• docs(Tooltip): remove test stories #9002

Anna

• v11: Website color implementation docs
• v11: Size props v11: add and update size images carbon-website#2408

DA

• Tooltip (pair with Josefina)
  • Implement definition tooltip styles for Tooltip next #8814
  • Implement icon tooltip styles for Tooltip next #8817
  • Add initial storybook docs
• Search sass module refactor feat(search): sass module refactor #8967
• Tooltip sass module refactor feat(Tooltip): sass module refactor #8982
• Radiobutton sass module refactor feat(Radiobutton): sass module refactor #8980
• [Breadcrumb] invalid styling for current page #8891
• Content inside a modal is not being read by JAWS screen reader  #8890

Jeannie

• Status indicator PR review feat: add StatusIndicator table component carbon-website#2377
• Add production guidelines card to website (w/ Lauren)
• Design Mavens presentation (w/ Mike)

Jillian

• Generative research synthesis
• Internal site audit
• Patterns Tech Garage presentation

John

• Migration project (in progress)
• v11: size tokens

Josefina

• v10.37.1 release
• v10.38.0 release
• Migration project kick-off
• Tooltip (pair with DA)
  • Implement definition tooltip styles for Tooltip next #8814
  • Implement icon tooltip styles for Tooltip next #8817
  • Add initial storybook docs
• Bring over ~3 component styles to Sass module format
  • Pagination
  • Progress indicator
  • Select
• Slider Component input box bug #8842
• Update codebase to use icons from @carbon/icons-react/next #8903 (pair with Josh)
• Add docs for @carbon/icons-react usage in @carbon/react to Storybook #8904

Josh

• Add migration test runner
• Bring in new tokens from theming strategy update
• Implement contextual tokens
• Package eslint-config-carbon restricts users to old eslint version #8852
• Add hover color values to the @carbon/colors package #8822 (pair with Scott)
• Update codebase to use icons from @carbon/icons-react/next #8903 (pair with Josefina)

Lauren

• Migration project (in progress)
• Production guidelines kit (in progress) @jeanservaas
• Usage and style docs for Popover component (in progress)
• Usage docs for docs for Disclosure pattern (in progress)

Scott

• Migration project kick-off
• Bring over 2 components into Sass Module format
• InlineLoading iconDescription should not be removed when status is "error" or "finished". #8828 (pair with Andrew)
• @carbon/type: determine ideal font family stack, and add as mixin to type package #8764 (work with Vince to determine font stack, Josh for integration)
• Implement initial useDisclosure hook #8819
• Add hover color values to the @carbon/colors package #8822 (pair with Josh)
• Remote learning fix / deployment update

Taylor

• Bring over 3 components into Sass Module format
• Incorrect slider thumb placement if value is 0 and min is <0 #8287
• Text in various components slightly shifted in iOS Safari #3922 (investigated, blocked for now)
• Flatten nested imports and add deprecation notice #8901
• fix(notification): include displayname wrapper to prevent enzyme selector failure #8863
• chore(test): add baseline e2e tests and percy snapshots #8958

Thy

• v11: Typography page (w/ Jan)
• Cards
• v11: add and update size images carbon-website#2408
• docs: Size style image updates for V11  carbon-website#2418

TJ

• Bring over components into Sass Module format
• [DatePicker]: autocorrection of dates is inconsistent and provides no controls over its value #8854
• Links on expandable tile on hover have insufficient color contrast #8701 (assist Andrea with process)
• Setup deploy preview for @carbon/react #8902 (pair with Andrea)

Tracey

• v11: Notification docs (w/ Taylor)

Vince

• Plex
• Gatsby V3
• Status indicator PR feat: add StatusIndicator table component carbon-website#2377
• EDT - look into security vulnerability https://github.ibm.com/Design/EDT/issues/5889

[joshblack]

Support

• FileUploaderDropContainer has nested interactive controls (WCAG "MUST") #8847
• Slider Component input box bug #8842
• InlineLoading iconDescription should not be removed when status is "error" or "finished". #8828
• [DatePicker]: autocorrection of dates is inconsistent and provides no controls over its value #8854
• React overflow menu doesn't handle scrolling when inside a fixed position element #8794 + React Tooltip does not handle scrolling when inside a fixed position element #8793 + DatePicker in React does not handle scrolling when inside a fixed positioned element #8748
• Links on expandable tile on hover have insufficient color contrast #8701

Enhancements

• Package eslint-config-carbon restricts users to old eslint version #8852
• Update usage of / operator to use math.div #8746 (V11)
• Package eslint-config-carbon restricts users to old eslint version #8852
• @carbon/react
  • Storybook deployed at react-next.carbondesignsystem.com
• @carbon/styles
  • [Deferred] Documentation for usage
  • [Deferred] Example usage, make sure styles can be brought in and utilities referenced
• @carbon/icons-react
  • Add docs to React storybook for usage
  • Run codemods on project and get visual review for icon changes
• Tooltip
• Popover
• Disclosure
• @carbon/themes
  • Add in new token set (layer tokens)
  • Add in support for contextual tokens
  • Documentation for new helpers / mixins
• @carbon/colors
  • Add hover colors to package
  • Update colors for next to HSL
• carbon-components-react
  • Remove nested imports, add deprecation notice, write codemod
• [Deferred] @carbon/upgrade
  • Add test harness for migrations
  • Add initial e2e flow for updating a package

[alisonjoseph]

Brand Support

• [IDL] Color specs update: Orange/Yellow PMS values are wrong design-language-website#894
• No space between text & code when used inside tab gatsby-theme-carbon#1133
• [404 page] - Recommended links are not accessible (gray 100 over the gray 100 background) gatsby-theme-carbon#1128

Brand

• Enhancement[card]: add 1:1 card to component library gatsby-theme-carbon#1061
• Gatsby v3
• Plex

DPO Support

• EDT - add link https://github.ibm.com/Design/EDT/issues/5888
• EDT - medallia update https://github.ibm.com/Design/EDT/issues/5887)
• EDT - look into security vulnerability https://github.ibm.com/Design/EDT/issues/5889

Random Support

• Remote learning fix / deployment update (Scott)