refactor(icons)!: update all icons for IA visual design and icon refresh

.changeset/pre.json

@@ -0,0 +1,52 @@
+{
+  "mode": "exit",
+  "tag": "alpha",
+  "initialVersions": {
+    "@launchpad-ui/remix": "0.0.1",
+    "@launchpad-ui/alert": "0.7.33",
+    "@launchpad-ui/avatar": "0.5.15",
+    "@launchpad-ui/banner": "0.9.32",
+    "@launchpad-ui/button": "0.10.8",
+    "@launchpad-ui/card": "0.1.10",
+    "@launchpad-ui/chip": "0.8.15",
+    "@launchpad-ui/clipboard": "0.10.26",
+    "@launchpad-ui/collapsible": "0.1.28",
+    "@launchpad-ui/columns": "0.1.5",
+    "@launchpad-ui/core": "0.45.7",
+    "@launchpad-ui/counter": "0.3.33",
+    "@launchpad-ui/data-table": "0.1.4",
+    "@launchpad-ui/drawer": "0.4.27",
+    "@launchpad-ui/dropdown": "0.6.71",
+    "@launchpad-ui/filter": "0.5.52",
+    "@launchpad-ui/focus-trap": "0.1.11",
+    "@launchpad-ui/form": "0.9.16",
+    "@launchpad-ui/icons": "0.12.6",
+    "@launchpad-ui/inline": "0.1.5",
+    "@launchpad-ui/inline-edit": "0.1.15",
+    "@launchpad-ui/markdown": "0.4.21",
+    "@launchpad-ui/menu": "0.11.19",
+    "@launchpad-ui/modal": "0.16.22",
+    "@launchpad-ui/navigation": "0.11.43",
+    "@launchpad-ui/overlay": "0.3.29",
+    "@launchpad-ui/pagination": "0.3.75",
+    "@launchpad-ui/popover": "0.10.16",
+    "@launchpad-ui/portal": "0.1.4",
+    "@launchpad-ui/progress": "0.5.30",
+    "@launchpad-ui/progress-bubbles": "0.6.25",
+    "@launchpad-ui/select": "0.3.24",
+    "@launchpad-ui/slider": "0.4.11",
+    "@launchpad-ui/snackbar": "0.3.71",
+    "@launchpad-ui/split-button": "0.8.18",
+    "@launchpad-ui/stack": "0.1.5",
+    "@launchpad-ui/tab-list": "0.4.37",
+    "@launchpad-ui/table": "0.5.12",
+    "@launchpad-ui/tag": "0.2.23",
+    "@launchpad-ui/toast": "0.2.68",
+    "@launchpad-ui/toggle": "0.6.9",
+    "@launchpad-ui/tokens": "0.7.1",
+    "@launchpad-ui/tooltip": "0.7.26",
+    "@launchpad-ui/types": "0.1.0",
+    "@launchpad-ui/vars": "0.2.2"
+  },
+  "changesets": ["smooth-berries-nail", "lovely-suns-smile"]
+}

.changeset/smooth-berries-nail.md

@@ -0,0 +1,6 @@
+---
+'@launchpad-ui/icons': minor
+'@launchpad-ui/core': minor
+---
+
+[Icons] Complete redraw of all icons, removal of deprecated icons, addition of new icons, and rename keys for consistency

apps/remix/app/routes/components.icon-button.tsx

@@ -2,5 +2,5 @@ import { IconButton } from '@launchpad-ui/core';
 import { Icon } from '@launchpad-ui/icons';
 
 export default function Index() {
-  return <IconButton aria-label="Close icon" icon={<Icon name="close" size="medium" />} />;
+  return <IconButton aria-label="Close icon" icon={<Icon name="cancel" size="medium" />} />;
 }

packages/alert/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @launchpad-ui/alert
 
+## 0.7.34-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923)]:
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+
 ## 0.7.33
 
 ### Patch Changes

packages/alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/alert",
-  "version": "0.7.33",
+  "version": "0.7.34-alpha.0",
   "status": "beta",
   "publishConfig": {
     "access": "public"

packages/alert/src/Alert.tsx

@@ -123,7 +123,7 @@ const Alert = ({
           aria-label="Close this alert."
           size="small"
           className={styles['Alert-close']}
-          icon={<Icon name="close" size="small" />}
+          icon={<Icon name="cancel" size="small" />}
           kind="close"
           onClick={() => setDismissedState(true)}
           data-test-id={`${testId}-dismiss-button`}

packages/avatar/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @launchpad-ui/avatar
 
+## 0.5.16-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923)]:
+  - @launchpad-ui/[email protected]
+
 ## 0.5.15
 
 ### Patch Changes

packages/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/avatar",
-  "version": "0.5.15",
+  "version": "0.5.16-alpha.0",
   "status": "beta",
   "publishConfig": {
     "access": "public"

packages/banner/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @launchpad-ui/banner
 
+## 0.9.33-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923)]:
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+
 ## 0.9.32
 
 ### Patch Changes

packages/banner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/banner",
-  "version": "0.9.32",
+  "version": "0.9.33-alpha.0",
   "status": "beta",
   "publishConfig": {
     "access": "public"

packages/banner/src/Banner.tsx

@@ -38,7 +38,7 @@ const Banner = ({
       {!!onDismiss && (
         <IconButton
           aria-label="Close banner"
-          icon={<Icon name="close" size="small" />}
+          icon={<Icon name="cancel" size="small" />}
           size="small"
           onClick={onDismiss}
           kind="close"

packages/button/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @launchpad-ui/button
 
+## 0.10.9-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923)]:
+  - @launchpad-ui/[email protected]
+
 ## 0.10.8
 
 ### Patch Changes

packages/button/__tests__/IconButton.spec.tsx

@@ -6,13 +6,13 @@ import { IconButton } from '../src';
 
 describe('Button', () => {
   it('renders', () => {
-    render(<IconButton aria-label="Close" icon={<Icon name="close" />} />);
+    render(<IconButton aria-label="Close" icon={<Icon name="cancel" />} />);
     expect(screen.getByRole('button', { name: 'Close' })).toBeInTheDocument();
   });
 
   it('can render as a slotted link', () => {
     const { container } = render(
-      <IconButton aria-label="Close" icon={<Icon name="close" />} asChild>
+      <IconButton aria-label="Close" icon={<Icon name="cancel" />} asChild>
         <a href="/">Test</a>
       </IconButton>
     );
@@ -23,7 +23,7 @@ describe('Button', () => {
   it('handles clicks', async () => {
     const spy = vi.fn();
     const user = userEvent.setup();
-    render(<IconButton aria-label="Close" icon={<Icon name="close" />} onClick={spy} />);
+    render(<IconButton aria-label="Close" icon={<Icon name="cancel" />} onClick={spy} />);
 
     await user.click(screen.getByRole('button', { name: 'Close' }));
 
@@ -34,7 +34,7 @@ describe('Button', () => {
     const spy = vi.fn();
     const user = userEvent.setup();
     render(
-      <IconButton aria-label="Close" icon={<Icon name="close" />} onClick={spy} asChild>
+      <IconButton aria-label="Close" icon={<Icon name="cancel" />} onClick={spy} asChild>
         <a href="/">Test</a>
       </IconButton>
     );
@@ -46,14 +46,14 @@ describe('Button', () => {
 
   it('is focusable', async () => {
     const user = userEvent.setup();
-    render(<IconButton aria-label="Close" icon={<Icon name="close" />} />);
+    render(<IconButton aria-label="Close" icon={<Icon name="cancel" />} />);
 
     await user.tab();
     expect(screen.getByRole('button', { name: 'Close' })).toHaveFocus();
   });
 
   it('can render an icon', async () => {
-    const { container } = render(<IconButton aria-label="Close" icon={<Icon name="close" />} />);
+    const { container } = render(<IconButton aria-label="Close" icon={<Icon name="cancel" />} />);
     // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
     expect(container.querySelector('svg')).not.toBeNull();
   });

packages/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/button",
-  "version": "0.10.8",
+  "version": "0.10.9-alpha.0",
   "status": "beta",
   "publishConfig": {
     "access": "public"

packages/button/stories/Button.stories.tsx

@@ -244,7 +244,7 @@ export const WithIcon: Story = {
 };
 
 export const WithIconPrimary: Story = {
-  args: { children: 'With icon', icon: <Icon name="expand-more" />, kind: 'primary' },
+  args: { children: 'With icon', icon: <Icon name="chevron-down" />, kind: 'primary' },
 };
 
 export const BigButtonWithIcon: Story = {

packages/card/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @launchpad-ui/card
 
+## 0.1.11-alpha.0
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @launchpad-ui/[email protected]
+
 ## 0.1.10
 
 ### Patch Changes

packages/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/card",
-  "version": "0.1.10",
+  "version": "0.1.11-alpha.0",
   "status": "alpha",
   "publishConfig": {
     "access": "public"

packages/chip/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @launchpad-ui/chip
 
+## 0.8.16-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923)]:
+  - @launchpad-ui/[email protected]
+
 ## 0.8.15
 
 ### Patch Changes

packages/chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/chip",
-  "version": "0.8.15",
+  "version": "0.8.16-alpha.0",
   "status": "beta",
   "publishConfig": {
     "access": "public"

packages/clipboard/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @launchpad-ui/clipboard
 
+## 0.10.27-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923)]:
+  - @launchpad-ui/[email protected]
+
 ## 0.10.26
 
 ### Patch Changes

packages/clipboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/clipboard",
-  "version": "0.10.26",
+  "version": "0.10.27-alpha.0",
   "status": "beta",
   "publishConfig": {
     "access": "public"

packages/clipboard/src/CopyCodeButton.tsx

@@ -26,7 +26,7 @@ const CopyCodeButton = forwardRef<HTMLButtonElement, CopyCodeButtonProps>(
         {children}
         {(kind === 'basic' || kind === 'minimal') && (
           <Icon
-            name="clipboard-copy"
+            name="copy-clipboard"
             className={cx(styles['CopyCodeButton--icon'])}
             aria-hidden="true"
             size="small"

packages/collapsible/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @launchpad-ui/collapsible
 
+## 0.1.29-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923)]:
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+
 ## 0.1.28
 
 ### Patch Changes

packages/collapsible/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/collapsible",
-  "version": "0.1.28",
+  "version": "0.1.29-alpha.0",
   "status": "alpha",
   "publishConfig": {
     "access": "public"

packages/collapsible/src/Collapsible.tsx

@@ -42,7 +42,7 @@ const Collapsible = (props: CollapsibleProps) => {
 
   const label = typeof props.label === 'string' ? props.label : props.label(isOpen);
 
-  const icon = isOpen ? <Icon name="expand-less" /> : <Icon name="expand-more" />;
+  const icon = isOpen ? <Icon name="chevron-up" /> : <Icon name="chevron-down" />;
 
   const renderedTrigger = trigger({
     label,

packages/core/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @launchpad-ui/core
 
+## 0.46.0-alpha.0
+
+### Minor Changes
+
+- [#1016](https://github.com/launchdarkly/launchpad-ui/pull/1016) [`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923) Thanks [@matthewferry](https://github.com/matthewferry)! - [Icons] Complete redraw of all icons, removal of deprecated icons, addition of new icons, and rename keys for consistency
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+
 ## 0.45.7
 
 ### Patch Changes

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/core",
-  "version": "0.45.7",
+  "version": "0.46.0-alpha.0",
   "status": "beta",
   "publishConfig": {
     "access": "public"

packages/drawer/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @launchpad-ui/drawer
 
+## 0.4.28-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`ba2a5138`](https://github.com/launchdarkly/launchpad-ui/commit/ba2a5138c9ff43b17654812437025ba9671d4923)]:
+  - @launchpad-ui/[email protected]
+  - @launchpad-ui/[email protected]
+
 ## 0.4.27
 
 ### Patch Changes