From 05138f348d33eb7a219b42603af37dc9af816615 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <im.alexcarpenter@gmail.com>
Date: Tue, 16 Nov 2021 17:35:19 -0500
Subject: [PATCH] removes need for camelCase package

---
 website/components/io-home-card/index.tsx        | 5 +----
 website/components/io-home-card/style.module.css | 6 +++---
 website/package.json                             | 1 -
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/website/components/io-home-card/index.tsx b/website/components/io-home-card/index.tsx
index 5effd9bb260d..d5d26f4fd3c7 100644
--- a/website/components/io-home-card/index.tsx
+++ b/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
         ) : (
diff --git a/website/components/io-home-card/style.module.css b/website/components/io-home-card/style.module.css
index ce2813eca2d9..44df36cedf02 100644
--- a/website/components/io-home-card/style.module.css
+++ b/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);
     }
   }
diff --git a/website/package.json b/website/package.json
index cb922f75d966..64d3e00f7425 100644
--- a/website/package.json
+++ b/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",