removes need for camelCase package

website/components/io-home-card/index.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
 import Link from 'next/link'
 import InlineSvg from '@hashicorp/react-inline-svg'
-import camelCase from 'camelcase'
 import classNames from 'classnames'
 import { IconArrowRight16 } from '@hashicorp/flight-icons/svg-react/arrow-right-16'
 import { IconExternalLink16 } from '@hashicorp/flight-icons/svg-react/external-link-16'
@@ -32,8 +31,6 @@ function IoHomeCard({
   description,
   children,
 }: IoHomeCardProps) {
-  const space = camelCase(['space', inset])
-
   const LinkWrapper = ({ className, children }) =>
     link.type === 'inbound' ? (
       <Link href={link.url}>
@@ -52,7 +49,7 @@ function IoHomeCard({
 
   return (
     <article className={classNames(s.card)}>
-      <LinkWrapper className={classNames(s[variant], s[space])}>
+      <LinkWrapper className={classNames(s[variant], s[inset])}>
         {children ? (
           children
         ) : (

website/components/io-home-card/style.module.css

@@ -54,15 +54,15 @@
     }
 
     /* Spacing */
-    &.spaceNone {
+    &.none {
       padding: 0;
     }
 
-    &.spaceSm {
+    &.sm {
       padding: var(--token-spacing-05);
     }
 
-    &.spaceMd {
+    &.md {
       padding: var(--token-spacing-06);
     }
   }

website/package.json

@@ -29,7 +29,6 @@
     "@hashicorp/react-text-splits": "^3.2.7",
     "@hashicorp/react-use-cases": "^5.0.0",
     "@hashicorp/react-vertical-text-block-list": "^7.0.0",
-    "camelcase": "^6.2.1",
     "next": "^11.1.2",
     "next-mdx-remote": "3.0.6",
     "next-remote-watch": "1.0.0",