Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

v11 Release #7717

Closed
joshblack opened this issue Feb 2, 2021 · 7 comments
Closed

v11 Release #7717

joshblack opened this issue Feb 2, 2021 · 7 comments
Assignees
@tay1orjones @joshblack
Labels
planning: umbrella Umbrella issues, surfaced in Projects views
Milestone
v11 GA

Comments

@joshblack
Copy link
Contributor

joshblack commented Feb 2, 2021 •
edited
Loading

To learn more about the v11 release, check out our announcement post on Medium. If you're interested in trying out this release early and giving us feedback, check out our Release Partner Program.

Timeline

Milestone Date
Alpha release April 15th, 2021
Beta 0 release May 13th, 2021
Beta 1 release July 29th, 2021
Beta 2 release September 21st, 2021
Beta 3 release December 10th, 2021
Release Candidate 0 release January 27th, 2022
Release Candidate 1 release March 3rd, 2022
Stable release March 31st, 2022
@joshblack joshblack added the Epic label Feb 2, 2021
@joshblack joshblack changed the title Q2 2021 Release 2021 Release Feb 10, 2021
@joshblack joshblack mentioned this issue Feb 10, 2021
Closed
@joshblack joshblack added this to the 2021 Release milestone Feb 15, 2021
@hcheung87

This comment has been minimized.

Sign in to view
@joshblack joshblack pinned this issue Mar 15, 2021
@joshblack

This comment has been minimized.

Sign in to view
@lily-peng lily-peng mentioned this issue Apr 8, 2021
Closed
@joshblack joshblack changed the title 2021 Release v11 Release Apr 27, 2021
@yabeow

This comment has been minimized.

Sign in to view
@joshblack joshblack unpinned this issue Aug 5, 2021
@joshblack

This comment has been minimized.

Sign in to view
@joshblack
Copy link
Contributor Author

joshblack commented Aug 9, 2021 •
edited by aagonzales
Loading

⚛️ React

🎨 Styles

🚢 Migration

🎨 Design Kit

  • Update theme kits with new tokens
    • Color
    • Type

📝 Website

  • Guidelines
    • Colors
      • Usage
        • Implement new token explorer
      • Code
        • Update code content to reflect API changes
    • Icons
      • Library
        • Code snippets have been updated
          • Size update
          • Name update
          • Bug with namespace icons
      • Usage
        • Update name for resource tiles (icons, icons-react)
      • Code
        • Update code content to reflect API changes
    • Pictograms
      • Usage
        • Add package links for pictograms
      • Code
        • Update code content to reflect API changes
    • Motion
      • Code
        • Update code content to reflect API changes
    • Spacing
      • Overview
        • Automate generation of spacing scale table
      • Code
        • Update code content to reflect API changes
    • Themes
      • Overview
        • Update code content to reflect API changes
      • Code
        • Update code content to reflect API changes
    • Type
      • Productive
        • Automate generation of token table
      • Expressive
        • Automate generation of token table
      • Code
        • Update code content to reflect API changes
Old notes

Ecosystem changes

  • Carbon now uses Dart Sass
    • Teams should use the includePaths option to include node_modules
  • Our common prefix is now cds instead of bx
  • Remove eyeglass exports from Sass packages, it is no longer needed
    • Packages:
      • @carbon/layout
      • @carbon/motion
      • @carbon/colors
      • @carbon/type
      • carbon-components
      • @carbon/grid

@carbon/colors

  • Convert module to Sass Modules
  • Write migration docs
  • Remove mixins, colors are now configured by Sass Modules
  • Remove scss folder, index.scss is now generated
  • Add missing swatches from the IDL palette

@carbon/grid

  • Remove 12 column grid mode
  • Remove inline dependency setup from @carbon/cli inline
  • Move breakpoints from @carbon/layout into @carbon/grid
  • Move aspect ratio to styles package under utilities (?)

@carbon/icon-helpers

@carbon/icons

  • Move icon reset to styles reset
  • Remove scss from @carbon/icons

@carbon/icons-react

@carbon/icons-vue

@carbon/import-once

  • Deprecate package, it is no longer needed with Sass Modules support from Dart Sass
  • Remove package from monorepo

@carbon/layout

  • Convert to Sass Module
  • Move conversion utilities into common base (utilities CSS package?)
  • Move breakpoints to grid package
  • Write migration docs
  • [token] Add $spacing-10 #5409

@carbon/motion

  • Convert to Sass Module
  • Write migration docs

@carbon/pictograms

@carbon/pictograms-react

@carbon/themes

  • Convert to Sass Module
  • Write migration docs

@carbon/type

  • Convert to Sass Module
  • Write migration docs

@carbon/upgrade

carbon-components

carbon-components-react

carbon-icons

  • Deprecate package, use @carbon/icons or @carbon/icons-<framework> instead
  • Archive repo

@joshblack
Copy link
Contributor Author

joshblack commented Aug 23, 2021 •
edited
Loading

WIP

⚛️ React

Changes to props

  • Event handlers

Changes to components

  • Notification
  • Tooltip
  • Modal
  • Content Switcher

New components

  • IconButton

Bundle

  • Rollup

🎨 Styles

  • Update styles to use Sass Modules
  • Publish styles under a new @carbon scope: @carbon/styles
  • Add usage and API docs to docs/sass.md
  • Add migration docs for Public API

Packages

  • @carbon/colors
    • Update to Sass Modules
    • Add usage and API docs to docs/sass.md
    • Update entrypoint to point to Sass Modules, switch over modules files
  • @carbon/elements
    • Update to Sass Modules
    • Add usage and API docs to docs/sass.md
    • Update entrypoint to point to Sass Modules, switch over modules files
  • @carbon/feature-flags
    • Update to Sass Modules
    • Add usage and API docs to docs/sass.md
    • Update entrypoint to point to Sass Modules, switch over modules files
  • @carbon/grid
    • Update to Sass Modules
    • Add usage and API docs to docs/sass.md
    • Update entrypoint to point to Sass Modules, switch over modules files
  • @carbon/import-once
    • Deprecate package, no longer needed with Sass Modules
  • @carbon/layout
    • Update to Sass Modules
    • Add usage and API docs to docs/sass.md
    • Update entrypoint to point to Sass Modules, switch over modules files
  • @carbon/motion
    • Update to Sass Modules
    • Add usage and API docs to docs/sass.md
    • Update entrypoint to point to Sass Modules, switch over modules files
  • @carbon/icons
    • Remove Sass file and move to styles
  • @carbon/type
    • Update to Sass Modules
    • Generate tokens from JavaScript
    • Add usage and API docs to docs/sass.md
    • Update entrypoint to point to Sass Modules, switch over modules files

🚢 Migration

  • Moving from carbon-components to @carbon/styles
    • VanillaJS user
    • Framework implementation
  • Moving from carbon-components-react to @carbon/react
    • Update style usage from carbon-components
    • Update imports for changes to carbon-components-react exports
      • Certain internals are no longer available
      • Certain components are no longer available
    • Update imports for icons
  • Moving from @carbon/icons-react
  • Updates to Design Tokens
  • Updates to Grid

Packages

  • Deprecate carbon-icons
  • Move VanillaJS implementation into separate repo

📝 Website

📣 Communication

  • Publish alpha post
  • Publish beta 1 post
  • Publish beta 2 post
  • Publish release candidate post
  • Publish stable post

@tay1orjones tay1orjones mentioned this issue Aug 27, 2021
Merged
@alisonjoseph
Copy link
Member

alisonjoseph commented Oct 28, 2021 •
edited by joshblack
Loading

Design Kit

  • Update theme kits with new tokens

Packages

  • carbon-components
    • styles move to @carbon/styles
    • Update to sass modules
    • CSS Custom Properties
    • Remove outer margin on components
    • Sass Module audits
    • Token audits
    • New tokens
    • Inline theming
    • Contextual tokens
    • Updating all of the package entrypoints
    • Add in test harness for styles
    • IBM Plex integration
    • Grid integration
    • Package re-exports from @carbon/styles in v11
    • Migration guide for non-react users, which are styles-only, vanilla, or other framework
    • Move vanilla work into it's own GitHub repo
    • Migration docs
    • Usage docs
  • carbon-components-react
    • Components moved to @carbon/react
    • Styles now re-exported from @carbon/react
    • Icons now re-exported from @carbon/react/icons
    • Updating storybook
    • Consolidate storybooks into one
    • update stories for components
    • migration docs
    • Breaking Changes
      • Prop changes
      • Refactor to functional components
    • New Hooks
      • useTheme
      • light prop
  • @carbon/layout
    • Migration docs
    • Update to Sass Modules
    • Add usage and API docs to docs/sass.md
    • new spacing scale
  • @carbon/colors
    • Migration docs
    • Update to flat file
    • Remove old duo variables
    • Update to Sass Modules
    • Add usage and API docs to docs/sass.md
  • @carbon/themes
    • Update to Sass Modules
    • Add new Design Tokens
    • Migration docs
    • Usage docs
  • @carbon/grid
    • Update to Sass Modules
    • Add CSS Grid
    • Migration docs
    • Add usage and API docs to docs/sass.md
  • @carbon/type
    • Migration docs
    • Add new type tokens
    • Add usage and API docs to docs/sass.md
    • Update to Sass Modules
    • IBM Plex workstream
  • @carbon/layout
    • Migration docs
    • Update to Sass Modules
    • Usage docs
    • new spacing scale
  • @carbon/motion
    • Update to Sass Modules
    • Migration docs
    • Usage docs
  • carbon-icons
    • Deprecate after v11
  • @carbon/icons-react
    • size changes
    • migration docs
    • usage docs
    • Codemod
  • @carbon/pictograms-react
    • Migration docs
    • usage docs
  • @carbon/icons
    • Migration docs
    • Usage docs
  • @carbon/pictograms
    • Migration docs
    • Usage docs

New Components

  • Context Menu
  • Icon Button
  • Stack
  • ToggleTip
  • Popover
  • unstable_*
  • Notification
  • Section, Heading
  • Tabs
  • View Switcher
  • Layer
  • Theme
  • Dialog

Updated components

  • Grid
  • Tabs
  • Tooltip
  • Content Switcher
  • Notification

Migration

  • @carbon/upgrade CLI
  • codemods
  • Migration docs for each package and public export
  • Sample App
  • reconcile migration docs between website to repo and vice versa
  • Moving from carbon-components to @carbon/styles
  • Moving from carbon-components-react to `@carbon/react
  • Moving from @carbon/icons-react
  • Updates to Design Tokens
  • Updates to Grid

Website

  • Sync main brand website w/ v11
  • Update style tab
  • Doc page updates
  • Iconography page fixes
  • Token page
  • Tutorial updates
  • Releases page
  • Roadmap page
  • v11 release page
  • Links to new kit?
  • Remove vanilla from frameworks
  • Remove vanilla references
  • Update react framework page
  • Developer resources
  • Update guidelines pages that refer to code
  • Update grid page
  • Update elements packages to use new code conventions
  • Update storybook links to new links
  • component demos
  • accessibility content
  • Update component side nav
  • Update storybook links
  • update website (theme) to use v11

Gatsby Theme

  • Update to v11
  • update to new grid

Communication

  • Workshops
  • Blog posts
  • Announcements

@tay1orjones tay1orjones moved this to 🏗 In Progress in Design System Dec 10, 2021
@tay1orjones tay1orjones added planning: umbrella Umbrella issues, surfaced in Projects views and removed Epic labels Dec 10, 2021
@tay1orjones tay1orjones modified the milestones: 2021 Release, v11 GA Feb 25, 2022
@tay1orjones tay1orjones mentioned this issue Mar 28, 2022
Closed
12 tasks
@tay1orjones tay1orjones pinned this issue Mar 28, 2022
Repository owner moved this from 🏗 In Progress to ✅ Done in Design System Mar 31, 2022
@joshblack joshblack unpinned this issue Apr 4, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@tay1orjones tay1orjones

@joshblack joshblack

Labels
planning: umbrella Umbrella issues, surfaced in Projects views
Projects
Design System
Archived in project
Milestone
v11 GA
Development

No branches or pull requests
5 participants
@alisonjoseph @tay1orjones @joshblack @yabeow @hcheung87