Merged in fix/BOOK-61-update-chip (pull request #3041)

fix(BOOK-61): update chip

* fix(BOOK-61): update chip

* fix(BOOK-61): revert chip changes


Approved-by: Erik Tiekstra

packages/design-system/lib/components/Chip/index.tsx

@@ -1,12 +1,15 @@
-import { Typography } from '../Typography'
-
 import { VariantProps } from 'class-variance-authority'
 import { chipVariants } from './variants'
+import Footnote from '../Footnote'
 
 export interface ChipProps
   extends React.HtmlHTMLAttributes<HTMLDivElement>,
     VariantProps<typeof chipVariants> {}
 
+/**
+ * @deprecated Do not use
+ */
+
 export default function Chip({
   children,
   className,
@@ -19,8 +22,8 @@ export default function Chip({
     variant,
   })
   return (
-    <Typography variant="Tag/sm">
-      <span className={classNames}>{children}</span>
-    </Typography>
+    <Footnote asChild>
+      <div className={classNames}>{children}</div>
+    </Footnote>
   )
 }

packages/design-system/lib/components/ChipButton/chip-button.module.css

@@ -1,7 +1,7 @@
 .chip {
   background-color: var(--Component-Button-Inverted-Fill-Default);
   border-radius: var(--Corner-radius-sm);
-  padding: var(--Space-x1) var(--Space-x15);
+  padding: 6px var(--Space-x15);
   color: var(--Text-Interactive-Default);
   display: inline-flex;
   align-items: center;