App reorganization

app/components/type/ContentLockup/ContentLockup.container.tsx

@@ -3,10 +3,6 @@
 import { memo } from "react";
 import ContentLockupView from "./ContentLockup.view";
 import type { ContentLockupProps, VariantStyle } from "./ContentLockup.types";
-import {
-  normalizeContentLockupVariant,
-  normalizeAlignment,
-} from "../../../../lib/propNormalization";
 
 const ContentLockupContainer = memo<ContentLockupProps>(
   ({
@@ -21,9 +17,8 @@ const ContentLockupContainer = memo<ContentLockupProps>(
     alignment: alignmentProp = "center",
     titleId,
   }) => {
-    // Normalize props to handle both PascalCase (Figma) and lowercase (codebase)
-    const variant = normalizeContentLockupVariant(variantProp);
-    const alignment = normalizeAlignment(alignmentProp);
+    const variant = variantProp;
+    const alignment = alignmentProp;
     // Variant-specific styling
     const variantStyles: Record<string, VariantStyle> = {
       hero: {

app/components/type/ContentLockup/ContentLockup.types.ts

@@ -5,16 +5,9 @@ export type ContentLockupVariantValue =
   | "ask"
   | "ask-inverse"
   | "modal"
-  | "login"
-  | "Hero"
-  | "Feature"
-  | "Learn"
-  | "Ask"
-  | "Ask-Inverse"
-  | "Modal"
-  | "Login";
+  | "login";
 
-export type ContentLockupAlignmentValue = "center" | "left" | "Center" | "Left";
+export type ContentLockupAlignmentValue = "center" | "left";
 
 export interface ContentLockupProps {
   title?: string;
@@ -24,15 +17,13 @@ export interface ContentLockupProps {
   ctaHref?: string;
   buttonClassName?: string;
   /**
-   * Content lockup variant. Accepts both lowercase and PascalCase (case-insensitive).
-   * Figma uses PascalCase, codebase uses lowercase - both are supported.
+   * Content lockup variant.
    */
   variant?: ContentLockupVariantValue;
   linkText?: string;
   linkHref?: string;
   /**
-   * Text alignment. Accepts both lowercase and PascalCase (case-insensitive).
-   * Figma uses PascalCase, codebase uses lowercase - both are supported.
+   * Text alignment.
    */
   alignment?: ContentLockupAlignmentValue;
   /**

app/components/type/HeaderLockup/HeaderLockup.container.tsx

@@ -3,11 +3,6 @@
 import { memo } from "react";
 import HeaderLockupView from "./HeaderLockup.view";
 import type { HeaderLockupProps } from "./HeaderLockup.types";
-import {
-  normalizeHeaderLockupJustification,
-  normalizeHeaderLockupSize,
-  normalizeHeaderLockupPalette,
-} from "../../../../lib/propNormalization";
 
 const HeaderLockupContainer = memo<HeaderLockupProps>(
   ({
@@ -17,10 +12,9 @@ const HeaderLockupContainer = memo<HeaderLockupProps>(
     size: sizeProp = "L",
     palette: paletteProp = "default",
   }) => {
-    // Normalize props to handle both PascalCase (Figma) and lowercase (codebase)
-    const justification = normalizeHeaderLockupJustification(justificationProp);
-    const size = normalizeHeaderLockupSize(sizeProp);
-    const palette = normalizeHeaderLockupPalette(paletteProp);
+    const justification = justificationProp;
+    const size = sizeProp;
+    const palette = paletteProp;
 
     return (
       <HeaderLockupView

app/components/type/HeaderLockup/HeaderLockup.types.ts

@@ -1,16 +1,8 @@
 import type { ReactNode } from "react";
 
-export type HeaderLockupJustificationValue =
-  | "left"
-  | "center"
-  | "Left"
-  | "Center";
-export type HeaderLockupSizeValue = "L" | "M" | "l" | "m";
-export type HeaderLockupPaletteValue =
-  | "default"
-  | "inverse"
-  | "Default"
-  | "Inverse";
+export type HeaderLockupJustificationValue = "left" | "center";
+export type HeaderLockupSizeValue = "L" | "M";
+export type HeaderLockupPaletteValue = "default" | "inverse";
 
 export interface HeaderLockupProps {
   /**
@@ -22,18 +14,15 @@ export interface HeaderLockupProps {
    */
   description?: ReactNode;
   /**
-   * Text justification. Accepts both PascalCase (Figma) and lowercase (codebase).
-   * Figma uses PascalCase, codebase uses lowercase - both are supported.
+   * Text justification.
    */
   justification?: HeaderLockupJustificationValue;
   /**
-   * Size variant. Accepts both PascalCase (Figma) and lowercase (codebase).
-   * Figma uses PascalCase, codebase uses lowercase - both are supported.
+   * Size variant.
    */
   size?: HeaderLockupSizeValue;
   /**
-   * Palette. Default = light text (dark bg); Inverse = dark text (light bg).
-   * Accepts both PascalCase (Figma) and lowercase (codebase).
+   * Palette. default = light text (dark bg); inverse = dark text (light bg).
    */
   palette?: HeaderLockupPaletteValue;
 }

app/components/type/NumberedList/NumberedList.container.tsx

@@ -3,12 +3,10 @@
 import { memo } from "react";
 import NumberedListView from "./NumberedList.view";
 import type { NumberedListProps } from "./NumberedList.types";
-import { normalizeNumberedListSize } from "../../../../lib/propNormalization";
 
 const NumberedListContainer = memo<NumberedListProps>(
   ({ items, size: sizeProp = "M" }) => {
-    // Normalize props to handle both PascalCase (Figma) and lowercase (codebase)
-    const size = normalizeNumberedListSize(sizeProp);
+    const size = sizeProp;
 
     return <NumberedListView items={items} size={size} />;
   },

app/components/type/NumberedList/NumberedList.types.ts

@@ -1,4 +1,4 @@
-export type NumberedListSizeValue = "M" | "S" | "m" | "s";
+export type NumberedListSizeValue = "M" | "S";
 
 export interface NumberedListItem {
   title: string;
@@ -11,8 +11,7 @@ export interface NumberedListProps {
    */
   items: NumberedListItem[];
   /**
-   * Size variant. Accepts both PascalCase (Figma) and lowercase (codebase).
-   * Figma uses PascalCase, codebase uses lowercase - both are supported.
+   * Size variant.
    */
   size?: NumberedListSizeValue;
 }