From 8ea613cba997b1e85fcaa4ddc92656b9de3c1a48 Mon Sep 17 00:00:00 2001
From: Michael Winter <mcwinter07@gmail.com>
Date: Fri, 18 Aug 2023 09:32:56 +1000
Subject: [PATCH 1/7] Update FMS sectionHeader prop

---
 .changeset/fair-tables-tickle.md              |  10 +
 .../select/docs/FilterMultiSelect.stories.tsx | 350 ++++++++++++------
 .../FilterMultiSelect.spec.tsx                |  72 ++++
 .../components/ListBox/ListBox.module.scss    |   6 +
 .../components/ListBox/ListBox.tsx            |   2 +-
 .../ListBoxSection/ListBoxSection.module.scss |  13 +
 .../ListBoxSection/ListBoxSection.tsx         |  40 +-
 7 files changed, 360 insertions(+), 133 deletions(-)
 create mode 100644 .changeset/fair-tables-tickle.md

diff --git a/.changeset/fair-tables-tickle.md b/.changeset/fair-tables-tickle.md
new file mode 100644
index 0000000..93a6d7f
--- /dev/null
+++ b/.changeset/fair-tables-tickle.md
@@ -0,0 +1,10 @@
+---
+"@kaizen/select": minor
+---
+
+- updates sectionName to be optional if sectionHeader is provided
+  - This will solve the issue of sectionName and sectionHeader being read twice when they are the same
+- Minor style change to ensure hide bullet lists as filtering 
+- Minor style changes to allow for default text styles for section headings with just text
+- add conditional check to render the sectionName only if provided
+- add tests to validate type accessible names are constructed as expected
\ No newline at end of file
diff --git a/packages/select/docs/FilterMultiSelect.stories.tsx b/packages/select/docs/FilterMultiSelect.stories.tsx
index 0726f52..f8361c7 100644
--- a/packages/select/docs/FilterMultiSelect.stories.tsx
+++ b/packages/select/docs/FilterMultiSelect.stories.tsx
@@ -8,10 +8,10 @@ import {
   useQueryClient,
 } from "@tanstack/react-query"
 import isChromatic from "chromatic"
-import Highlight from "react-highlight"
 import { InlineNotification } from "@kaizen/notification"
 import { Label } from "../../../draft-packages/form"
 import { Button, ButtonRef } from "../../button"
+import { CodeBlock } from "../../design-tokens/docs/DocsComponents"
 import { Paragraph } from "../../typography"
 import { FilterMultiSelectProps } from "../src/FilterMultiSelect/components/Root"
 import { FilterMultiSelect, getSelectedOptionLabels } from ".."
@@ -98,9 +98,7 @@ export const DefaultKaizenSiteDemo: StoryFn<
       </FilterMultiSelect>
       <div style={{ marginTop: 4 }}>
         <Paragraph variant="body">Items: </Paragraph>{" "}
-        <Highlight className="json">
-          {JSON.stringify(mockItems, null, 2)}
-        </Highlight>
+        <CodeBlock language="json" code={JSON.stringify(mockItems, null, 2)} />
       </div>
     </>
   )
@@ -218,9 +216,230 @@ export const WithSections: StoryFn<typeof FilterMultiSelect> = () => {
       </FilterMultiSelect>
       <div style={{ marginTop: 4 }}>
         <Paragraph variant="body">Items: </Paragraph>
-        <Highlight className="json">
-          {JSON.stringify(mockItems, null, "\t")}
-        </Highlight>
+        <CodeBlock
+          language="json"
+          code={JSON.stringify(mockItems, null, "\t")}
+        />
+      </div>
+    </>
+  )
+}
+
+export const WithSectionHeaders: StoryFn<typeof FilterMultiSelect> = () => {
+  const [selectedKeys, setSelectedKeys] = useState<Selection>(
+    new Set(["id-fe"])
+  )
+
+  const handleSelectionChange = (keys: Selection): void => setSelectedKeys(keys)
+
+  return (
+    <>
+      <FilterMultiSelect
+        onSelectionChange={handleSelectionChange}
+        selectedKeys={selectedKeys}
+        items={mockItems}
+        label="Engineer"
+        trigger={(): JSX.Element => (
+          <FilterMultiSelect.TriggerButton
+            selectedOptionLabels={getSelectedOptionLabels(
+              selectedKeys,
+              mockItems
+            )}
+            label="Engineer"
+          />
+        )}
+      >
+        {(): JSX.Element => (
+          <>
+            <FilterMultiSelect.SearchInput />
+            <FilterMultiSelect.ListBox>
+              {({
+                selectedItems,
+                unselectedItems,
+                disabledItems,
+                hasNoItems,
+              }): JSX.Element =>
+                hasNoItems ? (
+                  <FilterMultiSelect.NoResults>
+                    No results found.
+                  </FilterMultiSelect.NoResults>
+                ) : (
+                  <>
+                    {selectedItems.length > 0 && (
+                      <FilterMultiSelect.ListBoxSection
+                        items={selectedItems}
+                        sectionHeader="Selected items"
+                      >
+                        {(item): JSX.Element => (
+                          <FilterMultiSelect.Option
+                            key={item.key}
+                            item={item}
+                          />
+                        )}
+                      </FilterMultiSelect.ListBoxSection>
+                    )}
+
+                    {unselectedItems.length > 0 && (
+                      <FilterMultiSelect.ListBoxSection
+                        items={unselectedItems}
+                        sectionHeader="Unselected items"
+                      >
+                        {(item): JSX.Element => (
+                          <FilterMultiSelect.Option
+                            key={item.key}
+                            item={item}
+                          />
+                        )}
+                      </FilterMultiSelect.ListBoxSection>
+                    )}
+
+                    {disabledItems.length > 0 && (
+                      <FilterMultiSelect.ListBoxSection
+                        items={disabledItems}
+                        sectionHeader="Disabled items"
+                      >
+                        {(item): JSX.Element => (
+                          <FilterMultiSelect.Option
+                            key={item.key}
+                            item={item}
+                          />
+                        )}
+                      </FilterMultiSelect.ListBoxSection>
+                    )}
+                  </>
+                )
+              }
+            </FilterMultiSelect.ListBox>
+            <FilterMultiSelect.MenuFooter>
+              <FilterMultiSelect.SelectAllButton />
+              <FilterMultiSelect.ClearButton />
+            </FilterMultiSelect.MenuFooter>
+          </>
+        )}
+      </FilterMultiSelect>
+    </>
+  )
+}
+
+export const WithSectionNotification: StoryFn<
+  typeof FilterMultiSelect
+> = () => {
+  const [selectedKeys, setSelectedKeys] = useState<Selection>(
+    new Set(["id-fe"])
+  )
+
+  const handleSelectionChange = (keys: Selection): void => setSelectedKeys(keys)
+
+  return (
+    <>
+      <FilterMultiSelect
+        onSelectionChange={handleSelectionChange}
+        selectedKeys={selectedKeys}
+        items={mockItems}
+        label="Engineer"
+        trigger={(): JSX.Element => (
+          <FilterMultiSelect.TriggerButton
+            selectedOptionLabels={getSelectedOptionLabels(
+              selectedKeys,
+              mockItems
+            )}
+            label="Engineer"
+          />
+        )}
+      >
+        {(): JSX.Element => (
+          <>
+            <FilterMultiSelect.SearchInput />
+            <FilterMultiSelect.ListBox>
+              {({
+                selectedItems,
+                unselectedItems,
+                disabledItems,
+                hasNoItems,
+              }): JSX.Element => (
+                <>
+                  {hasNoItems ? (
+                    <FilterMultiSelect.NoResults>
+                      No results found.
+                    </FilterMultiSelect.NoResults>
+                  ) : (
+                    <>
+                      {selectedItems.length > 0 && (
+                        <FilterMultiSelect.ListBoxSection
+                          items={selectedItems}
+                          sectionHeader="Selected items"
+                        >
+                          {(item): JSX.Element => (
+                            <FilterMultiSelect.Option
+                              key={item.key}
+                              item={item}
+                            />
+                          )}
+                        </FilterMultiSelect.ListBoxSection>
+                      )}
+
+                      {unselectedItems.length > 0 && (
+                        <FilterMultiSelect.ListBoxSection
+                          items={unselectedItems}
+                          sectionHeader="Unselected items"
+                        >
+                          {(item): JSX.Element => (
+                            <FilterMultiSelect.Option
+                              key={item.key}
+                              item={item}
+                            />
+                          )}
+                        </FilterMultiSelect.ListBoxSection>
+                      )}
+
+                      {disabledItems.length > 0 && (
+                        <FilterMultiSelect.ListBoxSection
+                          items={disabledItems}
+                          sectionHeader={
+                            <>
+                              <span className="mb-6">Disabled items</span>
+                              <InlineNotification
+                                type="cautionary"
+                                persistent
+                                noBottomMargin
+                                headingProps={{
+                                  tag: "span",
+                                  variant: "heading-5",
+                                  children: "Confidentiality protection",
+                                }}
+                              >
+                                Results for these filters are hidden to protect
+                                identities of individuals and small groups
+                              </InlineNotification>
+                            </>
+                          }
+                        >
+                          {(item): JSX.Element => (
+                            <FilterMultiSelect.Option
+                              key={item.key}
+                              item={item}
+                            />
+                          )}
+                        </FilterMultiSelect.ListBoxSection>
+                      )}
+                    </>
+                  )}
+                </>
+              )}
+            </FilterMultiSelect.ListBox>
+            <FilterMultiSelect.MenuFooter>
+              <FilterMultiSelect.SelectAllButton />
+              <FilterMultiSelect.ClearButton />
+            </FilterMultiSelect.MenuFooter>
+          </>
+        )}
+      </FilterMultiSelect>
+      <div style={{ marginTop: 4 }}>
+        <Paragraph variant="body">Items: </Paragraph>
+        <CodeBlock
+          language="json"
+          code={JSON.stringify(mockItems, null, "\t")}
+        />
       </div>
     </>
   )
@@ -355,9 +574,10 @@ export const FilterBarDemo = (): JSX.Element => {
 
       <Paragraph tag="div" variant="body">
         Selected Values:{" "}
-        <Highlight className="json">
-          {JSON.stringify(selectedDemographicValues, null, "\t")}
-        </Highlight>
+        <CodeBlock
+          language="json"
+          code={JSON.stringify(selectedDemographicValues, null, "\t")}
+        />
       </Paragraph>
     </>
   )
@@ -601,113 +821,3 @@ export const Async: StoryFn<typeof FilterMultiSelect> = args => {
   )
 }
 Async.decorators = [withQueryProvider]
-
-export const WithSectionHeader: StoryFn<typeof FilterMultiSelect> = () => {
-  const [selectedKeys, setSelectedKeys] = useState<Selection>(
-    new Set(["id-fe"])
-  )
-
-  const handleSelectionChange = (keys: Selection): void => setSelectedKeys(keys)
-
-  return (
-    <>
-      <FilterMultiSelect
-        onSelectionChange={handleSelectionChange}
-        selectedKeys={selectedKeys}
-        items={mockItems}
-        label="Engineer"
-        trigger={(): JSX.Element => (
-          <FilterMultiSelect.TriggerButton
-            selectedOptionLabels={getSelectedOptionLabels(
-              selectedKeys,
-              mockItems
-            )}
-            label="Engineer"
-          />
-        )}
-      >
-        {(): JSX.Element => (
-          <>
-            <FilterMultiSelect.SearchInput />
-            <FilterMultiSelect.ListBox>
-              {({
-                selectedItems,
-                unselectedItems,
-                disabledItems,
-                hasNoItems,
-              }): JSX.Element => (
-                <>
-                  {hasNoItems && (
-                    <FilterMultiSelect.NoResults>
-                      No results found.
-                    </FilterMultiSelect.NoResults>
-                  )}
-                  <FilterMultiSelect.ListBoxSection
-                    items={selectedItems}
-                    sectionName="Selected items"
-                  >
-                    {(item): JSX.Element => (
-                      <FilterMultiSelect.Option key={item.key} item={item} />
-                    )}
-                  </FilterMultiSelect.ListBoxSection>
-
-                  {unselectedItems.length > 0 && selectedItems.length > 0 && (
-                    <FilterMultiSelect.SectionDivider />
-                  )}
-
-                  <FilterMultiSelect.ListBoxSection
-                    items={unselectedItems}
-                    sectionName="Unselected items"
-                  >
-                    {(item): JSX.Element => (
-                      <FilterMultiSelect.Option key={item.key} item={item} />
-                    )}
-                  </FilterMultiSelect.ListBoxSection>
-
-                  {disabledItems.length > 0 &&
-                    (selectedItems.length > 0 ||
-                      unselectedItems.length > 0) && (
-                      <FilterMultiSelect.SectionDivider />
-                    )}
-                  <FilterMultiSelect.ListBoxSection
-                    items={disabledItems}
-                    sectionName="Disabled items"
-                    sectionHeader={
-                      <InlineNotification
-                        type="cautionary"
-                        persistent
-                        noBottomMargin
-                        headingProps={{
-                          tag: "span",
-                          variant: "heading-5",
-                          children: "Confidentiality protection",
-                        }}
-                      >
-                        Results for these filters are hidden to protect
-                        identities of individuals and small groups
-                      </InlineNotification>
-                    }
-                  >
-                    {(item): JSX.Element => (
-                      <FilterMultiSelect.Option key={item.key} item={item} />
-                    )}
-                  </FilterMultiSelect.ListBoxSection>
-                </>
-              )}
-            </FilterMultiSelect.ListBox>
-            <FilterMultiSelect.MenuFooter>
-              <FilterMultiSelect.SelectAllButton />
-              <FilterMultiSelect.ClearButton />
-            </FilterMultiSelect.MenuFooter>
-          </>
-        )}
-      </FilterMultiSelect>
-      <div style={{ marginTop: 4 }}>
-        <Paragraph variant="body">Items: </Paragraph>
-        <Highlight className="json">
-          {JSON.stringify(mockItems, null, "\t")}
-        </Highlight>
-      </div>
-    </>
-  )
-}
diff --git a/packages/select/src/FilterMultiSelect/FilterMultiSelect.spec.tsx b/packages/select/src/FilterMultiSelect/FilterMultiSelect.spec.tsx
index 9c503fc..c35f005 100644
--- a/packages/select/src/FilterMultiSelect/FilterMultiSelect.spec.tsx
+++ b/packages/select/src/FilterMultiSelect/FilterMultiSelect.spec.tsx
@@ -212,5 +212,77 @@ describe("<FilterMultiSelect>", () => {
         expect(queryAllByRole("option", { selected: true })).toHaveLength(1)
       })
     })
+
+    it("has accessible names for ListBoxSections", async () => {
+      const FMSWithSectionHeaders = (): JSX.Element => (
+        <FilterMultiSelect
+          label="Engineer"
+          onSelectionChange={() => undefined}
+          isOpen
+          selectedKeys={undefined}
+          items={mockItems}
+          trigger={(): JSX.Element => (
+            <FilterMultiSelect.TriggerButton
+              selectedOptionLabels={[]}
+              label="Engineer"
+            />
+          )}
+        >
+          {(): JSX.Element => (
+            <>
+              <FilterMultiSelect.SearchInput />
+              <FilterMultiSelect.ListBox>
+                {({ unselectedItems }) => (
+                  <>
+                    <FilterMultiSelect.ListBoxSection
+                      sectionName="Test sectionName only"
+                      items={unselectedItems}
+                    >
+                      {item => (
+                        <FilterMultiSelect.Option key={item.key} item={item} />
+                      )}
+                    </FilterMultiSelect.ListBoxSection>
+                    <FilterMultiSelect.ListBoxSection
+                      sectionHeader="Test sectionHeader only"
+                      items={unselectedItems}
+                    >
+                      {item => (
+                        <FilterMultiSelect.Option key={item.key} item={item} />
+                      )}
+                    </FilterMultiSelect.ListBoxSection>
+                    <FilterMultiSelect.ListBoxSection
+                      sectionName="Test sectionHeader and sectionName"
+                      sectionHeader="More contextual info that could be supplied from sectionHeader"
+                      items={unselectedItems}
+                    >
+                      {item => (
+                        <FilterMultiSelect.Option key={item.key} item={item} />
+                      )}
+                    </FilterMultiSelect.ListBoxSection>
+                  </>
+                )}
+              </FilterMultiSelect.ListBox>
+              <FilterMultiSelect.MenuFooter>
+                <FilterMultiSelect.SelectAllButton />
+                <FilterMultiSelect.ClearButton />
+              </FilterMultiSelect.MenuFooter>
+            </>
+          )}
+        </FilterMultiSelect>
+      )
+
+      const { getByRole } = render(<FMSWithSectionHeaders />)
+      expect(
+        getByRole("group", { name: "Test sectionName only" })
+      ).toBeInTheDocument()
+      expect(
+        getByRole("group", { name: "Test sectionHeader only" })
+      ).toBeInTheDocument()
+      expect(
+        getByRole("group", {
+          name: "Test sectionHeader and sectionName. More contextual info that could be supplied from sectionHeader",
+        })
+      ).toBeInTheDocument()
+    })
   })
 })
diff --git a/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.module.scss b/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.module.scss
index e7277b3..9baacb3 100644
--- a/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.module.scss
+++ b/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.module.scss
@@ -15,4 +15,10 @@
 
 .hidden {
   display: none;
+  list-style: none;
+}
+
+// this is a div but remove styles briefly flickering to a bullet list as the sections are removed
+.noResultsWrapper {
+  list-style: none;
 }
diff --git a/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.tsx b/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.tsx
index 1467052..017b8a3 100644
--- a/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.tsx
+++ b/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.tsx
@@ -76,7 +76,7 @@ export const ListBox = ({ children }: ListBoxProps): JSX.Element => {
   if (hasNoItems) {
     return (
       <>
-        <div>{children(itemsState)}</div>
+        <div className={styles.noResultsWrapper}>{children(itemsState)}</div>
         {/* This ul with the ref needs to exist otherwise it fatals */}
         <ul ref={listRef} className={styles.hidden} />
       </>
diff --git a/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.module.scss b/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.module.scss
index 77abe22..f8dd21d 100644
--- a/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.module.scss
+++ b/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.module.scss
@@ -1,5 +1,18 @@
+@import "~@kaizen/design-tokens/sass/typography";
+@import "~@kaizen/design-tokens/sass/color";
+@import "~@kaizen/design-tokens/sass/spacing";
+
 .listBoxSection {
   display: grid;
   list-style: none;
   padding: 0;
 }
+
+.listBoxSectionHeader {
+  font-family: $typography-heading-6-font-family;
+  font-size: $typography-heading-6-font-size;
+  font-weight: $typography-heading-6-font-weight;
+  line-height: $typography-heading-6-line-height;
+  color: rgba($color-purple-800-rgb, 0.7);
+  margin: $spacing-6 0;
+}
diff --git a/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.tsx b/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.tsx
index a2de1b6..9ff106c 100644
--- a/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.tsx
+++ b/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.tsx
@@ -3,41 +3,57 @@ import { v4 } from "uuid"
 import { VisuallyHidden } from "@kaizen/a11y"
 import { MultiSelectItem } from "../../../types"
 import styles from "./ListBoxSection.module.scss"
-export interface ListBoxSectionProps {
-  items: MultiSelectItem[]
+
+type SectionNameProps = {
   /**
    * Becomes an aria-label on the section, informing
    * unsighted users
    */
   sectionName: string
-  /** If provided, will override the aria-label for this group */
-  sectionHeader?: ReactNode
-  children: (item: MultiSelectItem) => React.ReactNode
 }
 
+type SectionHeaderProps = {
+  /**
+   * Becomes an aria-label on the section, informing
+   * unsighted users
+   */
+  sectionName?: string
+  /**
+   * Can be used for a visual title of the ListBoxSection or to provide addition information in a React node.
+   * If this is the same title as sectionName, you should only pass in a sectionHeader to avoid duplicate descriptions.
+   */
+  sectionHeader: ReactNode
+}
+
+export type ListBoxSectionProps = {
+  items: MultiSelectItem[]
+  children: (item: MultiSelectItem) => React.ReactNode
+} & (SectionHeaderProps | SectionNameProps)
+
 export const ListBoxSection = ({
   items,
-  sectionName,
   children,
-  sectionHeader,
+  sectionName,
+  ...restProps
 }: ListBoxSectionProps): JSX.Element => {
   const [listSectionId] = useState<string>(v4())
+  const hasSectionHeader = "sectionHeader" in restProps
   return (
     <li role="presentation">
       <ul
         className={styles.listBoxSection}
-        aria-label={sectionName}
-        aria-labelledby={sectionHeader ? listSectionId : undefined}
+        aria-label={!hasSectionHeader ? sectionName : undefined}
+        aria-labelledby={hasSectionHeader ? listSectionId : undefined}
         role="group"
       >
-        {sectionHeader && (
+        {hasSectionHeader && (
           <li
             className={styles.listBoxSectionHeader}
             id={listSectionId}
             role="presentation"
           >
-            <VisuallyHidden>{sectionName}. </VisuallyHidden>
-            {sectionHeader}
+            {sectionName && <VisuallyHidden>{sectionName}. </VisuallyHidden>}
+            {restProps.sectionHeader}
           </li>
         )}
         {/*

From 807e9155cd43fbd46682d54da28413311c472703 Mon Sep 17 00:00:00 2001
From: Michael Winter <mcwinter07@gmail.com>
Date: Fri, 18 Aug 2023 11:47:55 +1000
Subject: [PATCH 2/7] remove rundant list-style:none and fix story Highlight
 usage

---
 .../select/docs/FilterMultiSelect.stories.tsx    | 16 +++++-----------
 .../components/ListBox/ListBox.module.scss       |  1 -
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/packages/select/docs/FilterMultiSelect.stories.tsx b/packages/select/docs/FilterMultiSelect.stories.tsx
index f8361c7..0f58231 100644
--- a/packages/select/docs/FilterMultiSelect.stories.tsx
+++ b/packages/select/docs/FilterMultiSelect.stories.tsx
@@ -8,10 +8,10 @@ import {
   useQueryClient,
 } from "@tanstack/react-query"
 import isChromatic from "chromatic"
+import Highlight from "react-highlight"
 import { InlineNotification } from "@kaizen/notification"
 import { Label } from "../../../draft-packages/form"
 import { Button, ButtonRef } from "../../button"
-import { CodeBlock } from "../../design-tokens/docs/DocsComponents"
 import { Paragraph } from "../../typography"
 import { FilterMultiSelectProps } from "../src/FilterMultiSelect/components/Root"
 import { FilterMultiSelect, getSelectedOptionLabels } from ".."
@@ -98,7 +98,7 @@ export const DefaultKaizenSiteDemo: StoryFn<
       </FilterMultiSelect>
       <div style={{ marginTop: 4 }}>
         <Paragraph variant="body">Items: </Paragraph>{" "}
-        <CodeBlock language="json" code={JSON.stringify(mockItems, null, 2)} />
+        <Highlight>{JSON.stringify(mockItems, null, 2)}</Highlight>
       </div>
     </>
   )
@@ -216,10 +216,7 @@ export const WithSections: StoryFn<typeof FilterMultiSelect> = () => {
       </FilterMultiSelect>
       <div style={{ marginTop: 4 }}>
         <Paragraph variant="body">Items: </Paragraph>
-        <CodeBlock
-          language="json"
-          code={JSON.stringify(mockItems, null, "\t")}
-        />
+        <Highlight>{JSON.stringify(mockItems, null, "\t")}</Highlight>
       </div>
     </>
   )
@@ -436,10 +433,7 @@ export const WithSectionNotification: StoryFn<
       </FilterMultiSelect>
       <div style={{ marginTop: 4 }}>
         <Paragraph variant="body">Items: </Paragraph>
-        <CodeBlock
-          language="json"
-          code={JSON.stringify(mockItems, null, "\t")}
-        />
+        <Highlight>{JSON.stringify(mockItems, null, "\t")}</Highlight>
       </div>
     </>
   )
@@ -574,7 +568,7 @@ export const FilterBarDemo = (): JSX.Element => {
 
       <Paragraph tag="div" variant="body">
         Selected Values:{" "}
-        <CodeBlock
+        <Highlight
           language="json"
           code={JSON.stringify(selectedDemographicValues, null, "\t")}
         />
diff --git a/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.module.scss b/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.module.scss
index 9baacb3..eba898e 100644
--- a/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.module.scss
+++ b/packages/select/src/FilterMultiSelect/components/ListBox/ListBox.module.scss
@@ -15,7 +15,6 @@
 
 .hidden {
   display: none;
-  list-style: none;
 }
 
 // this is a div but remove styles briefly flickering to a bullet list as the sections are removed

From d259aba7f23b94e3be0a626613ca02c912d0801e Mon Sep 17 00:00:00 2001
From: Michael Winter <mcwinter07@gmail.com>
Date: Fri, 18 Aug 2023 12:16:59 +1000
Subject: [PATCH 3/7] move tests to ListBoxSection

---
 .../FilterMultiSelect.spec.tsx                | 72 -------------------
 .../ListBoxSection/ListBoxSection.spec.tsx    | 50 +++++++++++++
 2 files changed, 50 insertions(+), 72 deletions(-)
 create mode 100644 packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.spec.tsx

diff --git a/packages/select/src/FilterMultiSelect/FilterMultiSelect.spec.tsx b/packages/select/src/FilterMultiSelect/FilterMultiSelect.spec.tsx
index c35f005..9c503fc 100644
--- a/packages/select/src/FilterMultiSelect/FilterMultiSelect.spec.tsx
+++ b/packages/select/src/FilterMultiSelect/FilterMultiSelect.spec.tsx
@@ -212,77 +212,5 @@ describe("<FilterMultiSelect>", () => {
         expect(queryAllByRole("option", { selected: true })).toHaveLength(1)
       })
     })
-
-    it("has accessible names for ListBoxSections", async () => {
-      const FMSWithSectionHeaders = (): JSX.Element => (
-        <FilterMultiSelect
-          label="Engineer"
-          onSelectionChange={() => undefined}
-          isOpen
-          selectedKeys={undefined}
-          items={mockItems}
-          trigger={(): JSX.Element => (
-            <FilterMultiSelect.TriggerButton
-              selectedOptionLabels={[]}
-              label="Engineer"
-            />
-          )}
-        >
-          {(): JSX.Element => (
-            <>
-              <FilterMultiSelect.SearchInput />
-              <FilterMultiSelect.ListBox>
-                {({ unselectedItems }) => (
-                  <>
-                    <FilterMultiSelect.ListBoxSection
-                      sectionName="Test sectionName only"
-                      items={unselectedItems}
-                    >
-                      {item => (
-                        <FilterMultiSelect.Option key={item.key} item={item} />
-                      )}
-                    </FilterMultiSelect.ListBoxSection>
-                    <FilterMultiSelect.ListBoxSection
-                      sectionHeader="Test sectionHeader only"
-                      items={unselectedItems}
-                    >
-                      {item => (
-                        <FilterMultiSelect.Option key={item.key} item={item} />
-                      )}
-                    </FilterMultiSelect.ListBoxSection>
-                    <FilterMultiSelect.ListBoxSection
-                      sectionName="Test sectionHeader and sectionName"
-                      sectionHeader="More contextual info that could be supplied from sectionHeader"
-                      items={unselectedItems}
-                    >
-                      {item => (
-                        <FilterMultiSelect.Option key={item.key} item={item} />
-                      )}
-                    </FilterMultiSelect.ListBoxSection>
-                  </>
-                )}
-              </FilterMultiSelect.ListBox>
-              <FilterMultiSelect.MenuFooter>
-                <FilterMultiSelect.SelectAllButton />
-                <FilterMultiSelect.ClearButton />
-              </FilterMultiSelect.MenuFooter>
-            </>
-          )}
-        </FilterMultiSelect>
-      )
-
-      const { getByRole } = render(<FMSWithSectionHeaders />)
-      expect(
-        getByRole("group", { name: "Test sectionName only" })
-      ).toBeInTheDocument()
-      expect(
-        getByRole("group", { name: "Test sectionHeader only" })
-      ).toBeInTheDocument()
-      expect(
-        getByRole("group", {
-          name: "Test sectionHeader and sectionName. More contextual info that could be supplied from sectionHeader",
-        })
-      ).toBeInTheDocument()
-    })
   })
 })
diff --git a/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.spec.tsx b/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.spec.tsx
new file mode 100644
index 0000000..1c3c92f
--- /dev/null
+++ b/packages/select/src/FilterMultiSelect/components/ListBoxSection/ListBoxSection.spec.tsx
@@ -0,0 +1,50 @@
+import React from "react"
+import { render } from "@testing-library/react"
+import { ListBoxSection } from "./ListBoxSection"
+
+describe("<ListBoxSection />", () => {
+  describe("sectionName only", () => {
+    it("will only have aria-label", () => {
+      const { getByRole } = render(
+        <ListBoxSection sectionName="Test sectionName only" items={[]}>
+          {() => undefined}
+        </ListBoxSection>
+      )
+      const group = getByRole("group")
+      expect(group).toHaveAttribute("aria-label", "Test sectionName only")
+      expect(group).not.toHaveTextContent("Test sectionName only")
+    })
+  })
+
+  describe("sectionHeader only", () => {
+    it("will have sectionHeader content", () => {
+      const { getByRole } = render(
+        <ListBoxSection sectionHeader="Test sectionHeader only" items={[]}>
+          {() => undefined}
+        </ListBoxSection>
+      )
+      const group = getByRole("group", { name: "Test sectionHeader only" })
+      expect(group).toBeInTheDocument()
+      expect(group).toHaveTextContent("Test sectionHeader only")
+    })
+  })
+
+  describe("sectionHeader and sectionName", () => {
+    it("will have combined accessible name", () => {
+      const { getByRole } = render(
+        <ListBoxSection
+          sectionName="Hidden group name"
+          sectionHeader="sectionHeader name"
+          items={[]}
+        >
+          {() => undefined}
+        </ListBoxSection>
+      )
+      const group = getByRole("group", {
+        name: "Hidden group name. sectionHeader name",
+      })
+      expect(group).toBeInTheDocument()
+      expect(group).toHaveTextContent("Hidden group name. sectionHeader name")
+    })
+  })
+})

From 5ab80ad256116ac76f75e675d94284552c3fa2c3 Mon Sep 17 00:00:00 2001
From: Michael Winter <mcwinter07@gmail.com>
Date: Fri, 18 Aug 2023 12:22:12 +1000
Subject: [PATCH 4/7] add to chromatic snapshots

---
 packages/select/docs/FilterMultiSelect.stories.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/select/docs/FilterMultiSelect.stories.tsx b/packages/select/docs/FilterMultiSelect.stories.tsx
index 0f58231..07e3c78 100644
--- a/packages/select/docs/FilterMultiSelect.stories.tsx
+++ b/packages/select/docs/FilterMultiSelect.stories.tsx
@@ -144,6 +144,7 @@ export const WithSections: StoryFn<typeof FilterMultiSelect> = () => {
         selectedKeys={selectedKeys}
         items={mockItems}
         label="Engineer"
+        isOpen={IS_CHROMATIC || undefined}
         trigger={(): JSX.Element => (
           <FilterMultiSelect.TriggerButton
             selectedOptionLabels={getSelectedOptionLabels(
@@ -221,6 +222,9 @@ export const WithSections: StoryFn<typeof FilterMultiSelect> = () => {
     </>
   )
 }
+WithSections.parameters = {
+  chromatic: { disable: false },
+}
 
 export const WithSectionHeaders: StoryFn<typeof FilterMultiSelect> = () => {
   const [selectedKeys, setSelectedKeys] = useState<Selection>(
@@ -236,6 +240,7 @@ export const WithSectionHeaders: StoryFn<typeof FilterMultiSelect> = () => {
         selectedKeys={selectedKeys}
         items={mockItems}
         label="Engineer"
+        isOpen={IS_CHROMATIC || undefined}
         trigger={(): JSX.Element => (
           <FilterMultiSelect.TriggerButton
             selectedOptionLabels={getSelectedOptionLabels(
@@ -317,6 +322,9 @@ export const WithSectionHeaders: StoryFn<typeof FilterMultiSelect> = () => {
     </>
   )
 }
+WithSectionHeaders.parameters = {
+  chromatic: { disable: false },
+}
 
 export const WithSectionNotification: StoryFn<
   typeof FilterMultiSelect
@@ -334,6 +342,7 @@ export const WithSectionNotification: StoryFn<
         selectedKeys={selectedKeys}
         items={mockItems}
         label="Engineer"
+        isOpen={IS_CHROMATIC || undefined}
         trigger={(): JSX.Element => (
           <FilterMultiSelect.TriggerButton
             selectedOptionLabels={getSelectedOptionLabels(
@@ -438,6 +447,9 @@ export const WithSectionNotification: StoryFn<
     </>
   )
 }
+WithSectionNotification.parameters = {
+  chromatic: { disable: false },
+}
 
 export const TruncatedLabels: StoryFn<typeof FilterMultiSelect> = () => {
   const [selectedKeys, setSelectedKeys] = useState<Selection>(

From 12ba1d49b9e1cfb32d12db1e417bf4fa9809f914 Mon Sep 17 00:00:00 2001
From: Michael Winter <mcwinter07@gmail.com>
Date: Fri, 18 Aug 2023 12:27:39 +1000
Subject: [PATCH 5/7] fix Highlight error

---
 packages/select/docs/FilterMultiSelect.stories.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/select/docs/FilterMultiSelect.stories.tsx b/packages/select/docs/FilterMultiSelect.stories.tsx
index 07e3c78..4440b95 100644
--- a/packages/select/docs/FilterMultiSelect.stories.tsx
+++ b/packages/select/docs/FilterMultiSelect.stories.tsx
@@ -98,7 +98,7 @@ export const DefaultKaizenSiteDemo: StoryFn<
       </FilterMultiSelect>
       <div style={{ marginTop: 4 }}>
         <Paragraph variant="body">Items: </Paragraph>{" "}
-        <Highlight>{JSON.stringify(mockItems, null, 2)}</Highlight>
+        <Highlight>{JSON.stringify(mockItems, null, "\t")}</Highlight>
       </div>
     </>
   )
@@ -580,10 +580,9 @@ export const FilterBarDemo = (): JSX.Element => {
 
       <Paragraph tag="div" variant="body">
         Selected Values:{" "}
-        <Highlight
-          language="json"
-          code={JSON.stringify(selectedDemographicValues, null, "\t")}
-        />
+        <Highlight>
+          {JSON.stringify(selectedDemographicValues, null, "\t")}
+        </Highlight>
       </Paragraph>
     </>
   )

From 54273358fc86033e8007b0d2fac419914432fa36 Mon Sep 17 00:00:00 2001
From: Michael Winter <mcwinter07@gmail.com>
Date: Fri, 18 Aug 2023 12:35:54 +1000
Subject: [PATCH 6/7] update changeset description

---
 .changeset/fair-tables-tickle.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/.changeset/fair-tables-tickle.md b/.changeset/fair-tables-tickle.md
index 93a6d7f..5f6d0a7 100644
--- a/.changeset/fair-tables-tickle.md
+++ b/.changeset/fair-tables-tickle.md
@@ -2,9 +2,11 @@
 "@kaizen/select": minor
 ---
 
-- updates sectionName to be optional if sectionHeader is provided
+Update FilterMultiSelect ListBoxSection to avoid duplicate reading of sectionName as the accessible title.
+
+- Update sectionName to be optional if sectionHeader is provided
   - This will solve the issue of sectionName and sectionHeader being read twice when they are the same
 - Minor style change to ensure hide bullet lists as filtering 
 - Minor style changes to allow for default text styles for section headings with just text
-- add conditional check to render the sectionName only if provided
-- add tests to validate type accessible names are constructed as expected
\ No newline at end of file
+- Add conditional check to render the sectionName only if provided
+- Add tests to validate type accessible names are constructed as expected
\ No newline at end of file

From 214a9e9c047799cf73f7721f477b35d33a8f9a94 Mon Sep 17 00:00:00 2001
From: Michael Winter <mcwinter07@gmail.com>
Date: Fri, 18 Aug 2023 15:38:54 +1000
Subject: [PATCH 7/7] update changeset config to point to legacy and update
 refs to kds

---
 .changeset/config.json                                     | 2 +-
 .changeset/tidy-walls-type.md                              | 2 ++
 docs/package-structure.md                                  | 4 ++--
 draft-packages/avatar/package.json                         | 4 ++--
 draft-packages/badge/package.json                          | 4 ++--
 draft-packages/card/package.json                           | 4 ++--
 draft-packages/collapsible/package.json                    | 4 ++--
 draft-packages/divider/package.json                        | 4 ++--
 draft-packages/empty-state/package.json                    | 4 ++--
 draft-packages/filter-menu-button/package.json             | 4 ++--
 draft-packages/form/package.json                           | 4 ++--
 draft-packages/guidance-block/package.json                 | 4 ++--
 draft-packages/hero-card/package.json                      | 4 ++--
 draft-packages/illustration/package.json                   | 4 ++--
 draft-packages/likert-scale-legacy/package.json            | 4 ++--
 draft-packages/menu/package.json                           | 4 ++--
 draft-packages/modal/package.json                          | 4 ++--
 draft-packages/page-layout/package.json                    | 4 ++--
 draft-packages/popover/package.json                        | 4 ++--
 draft-packages/select/package.json                         | 4 ++--
 draft-packages/table/package.json                          | 4 ++--
 draft-packages/tabs/package.json                           | 4 ++--
 draft-packages/tag/package.json                            | 4 ++--
 draft-packages/tile/package.json                           | 4 ++--
 draft-packages/title-block-zen/package.json                | 4 ++--
 draft-packages/tooltip/package.json                        | 4 ++--
 draft-packages/well/package.json                           | 4 ++--
 packages/a11y/package.json                                 | 4 ++--
 packages/brand-moment/package.json                         | 4 ++--
 packages/brand/package.json                                | 4 ++--
 packages/button/docs/Button.stories.tsx                    | 2 +-
 packages/button/package.json                               | 4 ++--
 packages/component-base/package.json                       | 4 ++--
 packages/component-library/package.json                    | 6 +++---
 packages/date-picker/package.json                          | 4 ++--
 packages/deprecated-component-library-helpers/package.json | 6 +++---
 packages/loading-skeleton/package.json                     | 4 ++--
 packages/loading-spinner/package.json                      | 4 ++--
 packages/notification/package.json                         | 4 ++--
 packages/pagination/package.json                           | 4 ++--
 packages/progress-bar/package.json                         | 4 ++--
 packages/responsive/package.json                           | 4 ++--
 packages/rich-text-editor/package.json                     | 4 ++--
 packages/select/docs/MenuLoadingSkeleton.stories.tsx       | 2 +-
 packages/select/package.json                               | 4 ++--
 packages/split-button/package.json                         | 4 ++--
 packages/tabs/package.json                                 | 4 ++--
 packages/typography/package.json                           | 4 ++--
 48 files changed, 95 insertions(+), 93 deletions(-)
 create mode 100644 .changeset/tidy-walls-type.md

diff --git a/.changeset/config.json b/.changeset/config.json
index 8493781..f51ec56 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -2,7 +2,7 @@
   "$schema": "https://unpkg.com/@changesets/config@2.0.0/schema.json",
   "changelog": [
     "@cultureamp/changelog-github",
-    { "repo": "cultureamp/kaizen-design-system" }
+    { "repo": "cultureamp/kaizen-legacy" }
   ],
   "access": "public",
   "baseBranch": "main",
diff --git a/.changeset/tidy-walls-type.md b/.changeset/tidy-walls-type.md
new file mode 100644
index 0000000..a845151
--- /dev/null
+++ b/.changeset/tidy-walls-type.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/docs/package-structure.md b/docs/package-structure.md
index bedf603..b064748 100644
--- a/docs/package-structure.md
+++ b/docs/package-structure.md
@@ -71,11 +71,11 @@ The base package.json will look like this, where:
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/{{ PACKAGE_NAME }}"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*",
diff --git a/draft-packages/avatar/package.json b/draft-packages/avatar/package.json
index 60af964..fde4f4f 100644
--- a/draft-packages/avatar/package.json
+++ b/draft-packages/avatar/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/avatar"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/badge/package.json b/draft-packages/badge/package.json
index 7030192..c98fc31 100644
--- a/draft-packages/badge/package.json
+++ b/draft-packages/badge/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/badge"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/card/package.json b/draft-packages/card/package.json
index 9290269..0ccc154 100644
--- a/draft-packages/card/package.json
+++ b/draft-packages/card/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/card"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/collapsible/package.json b/draft-packages/collapsible/package.json
index 3e3dad3..28a2478 100644
--- a/draft-packages/collapsible/package.json
+++ b/draft-packages/collapsible/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/collapsible"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/divider/package.json b/draft-packages/divider/package.json
index 789fd87..59f7159 100644
--- a/draft-packages/divider/package.json
+++ b/draft-packages/divider/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/divider"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/empty-state/package.json b/draft-packages/empty-state/package.json
index 346f05c..f58665d 100644
--- a/draft-packages/empty-state/package.json
+++ b/draft-packages/empty-state/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/empty-state"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/filter-menu-button/package.json b/draft-packages/filter-menu-button/package.json
index b235d32..e3ab242 100644
--- a/draft-packages/filter-menu-button/package.json
+++ b/draft-packages/filter-menu-button/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/filter-menu-button"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/form/package.json b/draft-packages/form/package.json
index d2a38d3..0e64383 100644
--- a/draft-packages/form/package.json
+++ b/draft-packages/form/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/form"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/guidance-block/package.json b/draft-packages/guidance-block/package.json
index 31c0be0..068815d 100644
--- a/draft-packages/guidance-block/package.json
+++ b/draft-packages/guidance-block/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/guidance-block"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/hero-card/package.json b/draft-packages/hero-card/package.json
index 83983ef..ff212fe 100644
--- a/draft-packages/hero-card/package.json
+++ b/draft-packages/hero-card/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/hero-card"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/illustration/package.json b/draft-packages/illustration/package.json
index c476fdd..08e9384 100644
--- a/draft-packages/illustration/package.json
+++ b/draft-packages/illustration/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/illustration"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/likert-scale-legacy/package.json b/draft-packages/likert-scale-legacy/package.json
index fd4c133..4dbf754 100644
--- a/draft-packages/likert-scale-legacy/package.json
+++ b/draft-packages/likert-scale-legacy/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/likert-scale-legacy"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/menu/package.json b/draft-packages/menu/package.json
index 2e22649..e6bc880 100644
--- a/draft-packages/menu/package.json
+++ b/draft-packages/menu/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/menu"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/modal/package.json b/draft-packages/modal/package.json
index 39b9d99..e5221bb 100644
--- a/draft-packages/modal/package.json
+++ b/draft-packages/modal/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/modal"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/page-layout/package.json b/draft-packages/page-layout/package.json
index 31cfb1e..5aa74e9 100644
--- a/draft-packages/page-layout/package.json
+++ b/draft-packages/page-layout/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/page-layout"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/popover/package.json b/draft-packages/popover/package.json
index bfee7e5..9b78a14 100644
--- a/draft-packages/popover/package.json
+++ b/draft-packages/popover/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/popover"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/select/package.json b/draft-packages/select/package.json
index ddc5a5f..c6dffb5 100644
--- a/draft-packages/select/package.json
+++ b/draft-packages/select/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/select"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/table/package.json b/draft-packages/table/package.json
index 75614e1..a158288 100644
--- a/draft-packages/table/package.json
+++ b/draft-packages/table/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/table"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/tabs/package.json b/draft-packages/tabs/package.json
index 3b56560..1ad6aed 100644
--- a/draft-packages/tabs/package.json
+++ b/draft-packages/tabs/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/tabs"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/tag/package.json b/draft-packages/tag/package.json
index 1089699..5de51bd 100644
--- a/draft-packages/tag/package.json
+++ b/draft-packages/tag/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/tag"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/tile/package.json b/draft-packages/tile/package.json
index 169a36f..75724ae 100644
--- a/draft-packages/tile/package.json
+++ b/draft-packages/tile/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/tile"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/title-block-zen/package.json b/draft-packages/title-block-zen/package.json
index fb78079..fd1ad04 100644
--- a/draft-packages/title-block-zen/package.json
+++ b/draft-packages/title-block-zen/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/title-block-zen"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/tooltip/package.json b/draft-packages/tooltip/package.json
index f2fdb5d..83b0235 100644
--- a/draft-packages/tooltip/package.json
+++ b/draft-packages/tooltip/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/tooltip"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/draft-packages/well/package.json b/draft-packages/well/package.json
index 1082b9f..33df23f 100644
--- a/draft-packages/well/package.json
+++ b/draft-packages/well/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "draft-packages/well"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/a11y/package.json b/packages/a11y/package.json
index f96d6b9..9097bf5 100644
--- a/packages/a11y/package.json
+++ b/packages/a11y/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/a11y"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/brand-moment/package.json b/packages/brand-moment/package.json
index 437d731..a7de1b0 100644
--- a/packages/brand-moment/package.json
+++ b/packages/brand-moment/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/brand-moment"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/brand/package.json b/packages/brand/package.json
index 5050ac1..a6424dc 100644
--- a/packages/brand/package.json
+++ b/packages/brand/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/brand"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/button/docs/Button.stories.tsx b/packages/button/docs/Button.stories.tsx
index 9ee19a0..77abf58 100644
--- a/packages/button/docs/Button.stories.tsx
+++ b/packages/button/docs/Button.stories.tsx
@@ -28,7 +28,7 @@ const meta = {
     ],
     resourceLinks: {
       sourceCode:
-        "https://github.com/cultureamp/kaizen-design-system/tree/master/packages/button",
+        "https://github.com/cultureamp/kaizen-legacy/tree/main/packages/button",
       figma:
         "https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%E2%9D%A4%EF%B8%8F-UI-Kit%3A-Heart?node-id=1929%3A17364",
       designGuidelines:
diff --git a/packages/button/package.json b/packages/button/package.json
index cfb463b..0f59078 100644
--- a/packages/button/package.json
+++ b/packages/button/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/button"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/component-base/package.json b/packages/component-base/package.json
index a11ab17..3ffe0df 100644
--- a/packages/component-base/package.json
+++ b/packages/component-base/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/component-base"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/component-library/package.json b/packages/component-library/package.json
index cd3b245..6a92efb 100644
--- a/packages/component-library/package.json
+++ b/packages/component-library/package.json
@@ -1,14 +1,14 @@
 {
   "name": "@kaizen/component-library",
   "description": "Component Library for Culture Amp's Kaizen Design System",
-  "homepage": "https://github.com/cultureamp/kaizen-design-system/tree/main/packages/component-library",
+  "homepage": "https://github.com/cultureamp/kaizen-legacy/tree/main/packages/component-library",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/component-library"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/date-picker/package.json b/packages/date-picker/package.json
index b09fff6..1b24332 100644
--- a/packages/date-picker/package.json
+++ b/packages/date-picker/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/date-picker"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/deprecated-component-library-helpers/package.json b/packages/deprecated-component-library-helpers/package.json
index f55ee5d..a6ce444 100644
--- a/packages/deprecated-component-library-helpers/package.json
+++ b/packages/deprecated-component-library-helpers/package.json
@@ -1,13 +1,13 @@
 {
   "name": "@kaizen/deprecated-component-library-helpers",
   "version": "2.5.8",
-  "homepage": "https://github.com/cultureamp/kaizen-design-system/tree/main/packages/deprecated-comonent-library-helpers",
+  "homepage": "https://github.com/cultureamp/kaizen-legacy/tree/main/packages/deprecated-comonent-library-helpers",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git"
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*"
diff --git a/packages/loading-skeleton/package.json b/packages/loading-skeleton/package.json
index 629d3af..7f574ec 100644
--- a/packages/loading-skeleton/package.json
+++ b/packages/loading-skeleton/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/loading-skeleton"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/loading-spinner/package.json b/packages/loading-spinner/package.json
index bbf8491..e950c37 100644
--- a/packages/loading-spinner/package.json
+++ b/packages/loading-spinner/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/loading-spinner"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/notification/package.json b/packages/notification/package.json
index a94d20a..c178c08 100644
--- a/packages/notification/package.json
+++ b/packages/notification/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/notification"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/pagination/package.json b/packages/pagination/package.json
index 02e3ff2..f06de5e 100644
--- a/packages/pagination/package.json
+++ b/packages/pagination/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/pagination"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/progress-bar/package.json b/packages/progress-bar/package.json
index 2048cbd..36b0e3d 100644
--- a/packages/progress-bar/package.json
+++ b/packages/progress-bar/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/progress-bar"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/responsive/package.json b/packages/responsive/package.json
index 2f20e91..e547c28 100644
--- a/packages/responsive/package.json
+++ b/packages/responsive/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/responsive"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/rich-text-editor/package.json b/packages/rich-text-editor/package.json
index 2f375c9..59f32ee 100644
--- a/packages/rich-text-editor/package.json
+++ b/packages/rich-text-editor/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/rich-text-editor"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/select/docs/MenuLoadingSkeleton.stories.tsx b/packages/select/docs/MenuLoadingSkeleton.stories.tsx
index a0321b5..4f3fa41 100644
--- a/packages/select/docs/MenuLoadingSkeleton.stories.tsx
+++ b/packages/select/docs/MenuLoadingSkeleton.stories.tsx
@@ -24,7 +24,7 @@ const meta = {
     },
     resourceLinks: {
       sourceCode:
-        "https://github.com/cultureamp/kaizen-design-system/tree/master/packages/select",
+        "https://github.com/cultureamp/kaizen-legacy/tree/main/packages/select",
     },
   },
 } satisfies Meta<typeof MenuLoadingSkeleton>
diff --git a/packages/select/package.json b/packages/select/package.json
index ce2e91a..a4aa9be 100644
--- a/packages/select/package.json
+++ b/packages/select/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/select"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/split-button/package.json b/packages/split-button/package.json
index 35919e8..55c2766 100644
--- a/packages/split-button/package.json
+++ b/packages/split-button/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/split-button"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/tabs/package.json b/packages/tabs/package.json
index 4f7f573..dc9accc 100644
--- a/packages/tabs/package.json
+++ b/packages/tabs/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/tabs"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",
diff --git a/packages/typography/package.json b/packages/typography/package.json
index afa7ad8..7d6a681 100644
--- a/packages/typography/package.json
+++ b/packages/typography/package.json
@@ -9,11 +9,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/cultureamp/kaizen-design-system.git",
+    "url": "git+https://github.com/cultureamp/kaizen-legacy.git",
     "directory": "packages/typography"
   },
   "bugs": {
-    "url": "https://github.com/cultureamp/kaizen-design-system/issues"
+    "url": "https://github.com/cultureamp/kaizen-legacy/issues"
   },
   "files": [
     "**/*.js",