Sprint 9: Raccoon Rambo 🦝

[alisonjoseph]

May 3rd - May 14th

Andrea

• Continue Sketch Icons & Pictograms
  • [icons] connect icon color to idl v2 library #8127 PR fix(sketch): fetch default icon layer styles from IDL Sketch library #8188
• Space between icon and tooltip in Carbon tooltip component does not match sketch kit  #8275
  • PR: fix(tooltip): tooltip margin bug #8461
• Theme the UI Shell #8409 with Josefina
  • PR: feat(ui-shell): add theming support  #8579 (in draft)
• Create v11 branch carbon-website#2252 (support from Alison / Josh)
  • PR: Create deploy-v11.yml carbon-website#2292
• [content switcher] component live demo bug carbon-website#1946
  • PR: 1946 component live demo bug carbon-website#2287
• Add support for container tokens #8552 with DA
  • PR: https://github.com/carbon-design-system/carbon-website/pull/7133 (in draft)

Andrew

• Continue Sketch Icons & Pictograms
  • [icons] connect icon color to idl v2 library #8127 PR fix(sketch): fetch default icon layer styles from IDL Sketch library #8188
  • [color] map sketch plugin to update color variables instead of layer styles #8539
  • [sketch] plugin sync repositions artboard placement #8569
    • PR fix(sketch): avoid repositioning preexisting icon artboards #8639
• live demo: components calling wrong theme carbon-website#2233
  • PR fix(ComponentDemo): properly theme floating components carbon-website#2262
• [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
• [live demo] loading audit bugs carbon-website#2106
  • PR fix(loading): enable withOverlay knob carbon-website#2284
• [live demo] date picker bugs carbon-website#2003
  • PR fix(KnobContainer): perform global match for props replacement carbon-website#2276
• chore: lint and format Update publishing.md #2283 [Carbon 10: List] Nested item issues #2282
• fix(ComboBox): prevent invalid option retention on Enter fix(ComboBox): prevent invalid option retention on Enter #8476 ComboBox retains invalid option after typing and clicking enter #8170
• fix(ComboBox): add missing dependencies to useEffect fix(ComboBox): add missing dependencies to useEffect #8308 [ComboBox]: onInputChange is called on every render, even if input value did not change, causing infinite render loop #8306
• fix(modal): add safari media query for overflow indicator fix(modal): add safari media query for overflow indicator #8510
• fix(text-input): increase disabled password toggle specificity fix(text-input): increase disabled password toggle specificity #8528 Password Text Input icon not receiving disabled colors #8375
• fix(button): ignore fill="none" paths on icon svgs fix(button): ignore fill="none" paths on icon svgs #8585 PlayOutlineFilled32 icon doesn't render correctly when used in a Button #8583
• feat(TooltipIcon): support renderIcon feat(TooltipIcon): support renderIcon #8612 Carbon React TooltipIcon component should accept a renderIcon prop #8608
• docs(Tag): remove test story docs(Tag): remove test story #8669
• fix(number-input): hide light variant stepper pseudoelements on focus fix(number-input): hide light variant stepper pseudoelements on focus #8652 NumberInput: different button hover CSS for light option enabled and disabled #8649
• feat(PasswordInput): sync input type prop and state feat(PasswordInput): sync input type prop and state #8368
• fix(PasswordInput): resolve visibility toggle style issues fix(PasswordInput): resolve visibility toggle style issues #8673 Password input visual bugs #8672

Anna

• V11: Explore Sketch kit versioning/migration.
• Update color guidelines page with new layering modal. v11: Update color guidelines page carbon-website#2258
• Audit website content delivered in a Notion table (size prop names, color tokens, cross-reference with prop PR to make sure all updates making it into the docs) with @jillianhowarth

DA

• Refactor Notification #8406 with Taylor refactor(notification): improve accessibility #8560
• [modal] live demo bugs carbon-website#2118 add button variants to live modal preivew carbon-website#2299
• Add support for container tokens #8552 with Andrea feat(Layout): add container sizing tokens #8671

Jan

• Finish v11 page
• Review Tabs for Tracey
• Add links to Gatsby theme site from Resources
• Put together a creative brief for Carbon Next to define next steps for research and design
• Review Status indicators view for Thy
• Carbon Standards for DPO initiative with Matt, Jan
• Work with Shixie and Jeannie on adding expressive to the site
  • Typography
• About Carbon pages with Mike

Jeannie

• Production guidelines up on WIP page
• Status indicator PR with Vince
• Work with Shixie and Jan on adding expressive to the site
  • Typography
• Grid page updates exploration with Taylor, Security designers

Jillian

• Sketch kit updates
  • Toggle: Update disabled state
  • Modal: Audit bugs
  • Date picker: Background overrides
• Audit website content delivered in a Notion table (size prop names, color tokens, cross-reference with prop PR to make sure all updates making it into the docs) with @aagonzales
• Patterns Tech Garage Carbon presentation
• Work on Carbon Next research plan

John

• Grid tutorial video
• Animated icons

Josefina

• Data table: expand + select spacing #8472
• Screen reader is quite verbose in "info tip dialog" (aka Tooltip) #7226
• Add docs for CSS Grid Usage #8556 with Taylor
• Theme the UI Shell #8409 with Andrea

Josh

• Convert initial set of components to Sass Modules in @carbon/styles #8555 with TJ
• Add initial README for @carbon/react #8558 with Taylor
• Add migration docs for @carbon/icons-react/next for beta feedback #8559
• [ ] Detect and report changes in CSS between releases #8520

Lauren

• EPWT Consent Form specs
• Finish design specs of common disclosures
• Release Adobe XD kits (pair with @thyhmdo) (in progress)
• Support/testing with Sketch plugin
  • Artboard loading bug
  • Map color sync to color variables instead of layer styles
  • Artboard repositioning for new and deprecated icons

Scott
Welcome back! 👶

• Update switcher tooltip to “Site switcher” gatsby-theme-carbon#1121

Taylor

• Refactor Notification #8406 with DA
• Add docs for CSS Grid Usage #8556 with Josefina
  • TODO: find design rep for Grid docs on site
• Add initial guide for using feature flags in carbon-components and carbon-components-react #8557 with TJ (Josh to support)
• Add initial README for @carbon/react #8558 with Josh

Thy

• DPO data viz workstream with Kelly Renfro, Karel
• Status indicator PR

TJ

• Convert initial set of components to Sass Modules in @carbon/styles #8555 with Josh
• Add initial guide for using feature flags in carbon-components and carbon-components-react #8557 with Taylor (Josh to support)
• Theme the UI Shell #8409 with Andrea
• Create codemod for size changes in v11 #8563
• Cursor should not be the "hand" (pointer) for non-interactive Tooltip components #8542
• v10.35.0 v10.35.0 #8636
• ExpandableTile collapses if focus is in a child TextInput and user hits spacebar #8633

Tracey

• Tabs (Specs, symbol, PR)
• Card pattern and changes to the Carbon site (@jeanservaas writing issue with reference links)
• Context menu

Ale

• Enhancement[card]: add 1:1 card to component library gatsby-theme-carbon#1061 (1:1 card component)

Vince

• Update Plex Hebrew and Arabic IBM/plex#353
• status icons feature[patterns]:modified table for status indicator pattern carbon-website#2199

[joshblack]

Notes for Sprint 9 Planning

• Add storybook v6 to @carbon/react
• Beta
  • Add guide for enabling features in carbon-components and carbon-components-react
  • Add guide for using @carbon/react
  • Add docs for CSS Grid Usage
  • Add docs for @carbon/icons-react/next usage
• Enhancements
  • Add container tokens ($size-<t-shirt>)
  • Update component sass files to Sass Modules
    • Implement 5 component styles in @carbon/styles using Sass Modules
  • Inline Theming
    • Implement Theme component
    • Implement Zone component (name TBD)
    • Verify mixin support for inline theming
    • Determine strategy for alpha / opacity issue
  • UI Shell themes
  • Notifications
• Migrations
  • Update @carbon/upgrade and enable icons-react codemod
  • Author codemods for size migrations
• Release Ops
  • Detect CSS changes: Detect and report changes in CSS between releases #8520
• Website
  • Add next.carbondesignsystem.com domain for v11
  • Component Demo fixes
    • Component tokens fixes (tags, notifications)

[aagonzales]

V11 Website tasks:

• Audit website content delivered in a Notion table (size prop names, color tokens, cross-reference with prop PR to make sure all updates making it into the docs)
• Update style and usage tabs with new color tokens. v11: update style tabs with new tokens carbon-website#2257
• Update size props across website docs v11: update size prop docs carbon-website#2260

V11 Kit tasks:
V11 changes shouldn't be pushed live until release.

• Update Sketch kits with new color tokens v11: update sketch libraries with new tokens carbon-design-kit#429
• Update Sketch kits with new size props
• Update Adobe XD kits with new color tokens v11: update Adobe XD kit with new color tokens carbon-design-kit#430
• Update Adobe XD kits with new size props
• Explore how to version/migrate XD kits from v10 to v11
• Create Gray 80 Theme kit.

V11 video ideas:
Designers can work with John to write scripts and make artifacts.

• New color layer modal (inline theming)
• Color token updates
• Size prop updates
• Update Sketch/Adobe files (need to knows)
• ?