New Component : Icon button bar

[elycheea]

Icon button bar

Please refer to #4052 for more details about migrating legacy Security components to Products v2.

Brief description

This component is to be migrated from the @carbon/ibm-security package (found in main_v1 packages/patterns) to our main branch and is part of the initiative documented in #4052 and #4036.

Migrate IconButtonBar from Products v1 / Security / IconButtonBar to Products v2.

References: GitHub, Storybook.

Details

Link to Security version

Notes on this migration
For this initial release, we will follow these two principles to keep working moving forward and to unblock teams reliant on the older package —

1. Zero design changes from Security to Products. This make it easier to compare old component to new component. Any design updates can as followup.
2. New components must meet Products’ code specs. Rather than copy and paste old code from Security to Products, we will refactor it to ensure they’re up to date.

Summary from @paul-balchin-ibm’s initial review —

IconButtonBar

GitHub, Storybook

TLDR

• ✓ Follows Carbon for IBM Products component architecture.

PROBLEMATIC IMPORTS

import { OverflowMenu, OverflowMenuItem } from '../..';
import IconButton from '../IconButton';

Links to other materials

e.g. sketch files, icons, images, prototypes

Design contact(s)

• @cameroncalder

Tasks

Before starting work on this epic, please review and complete the following.

• Read the Overview of the Security migration
• Initial review of design/existing code

Working in Carbon for IBM Products package

• Have you reviewed our
  contribution guidelines?
• Have you noted our
  code guidelines?
• Did you use the CLI to scaffold your new component?

Acceptance criteria

Preview Give feedback

1. Migrate component to main under IBM Products
2. Document IconButtonBar changes for migration (see example)