@i-dot-ai-npm/component-library-react 0.0.3 → 0.0.5

package/src/summary-card/SummaryCardTitleWrapper.tsx

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+
+type SummaryCardTitleWrapperProps = {
+    class?: string;
+    children?: ReactNode;
+    [key: string]: unknown;
+};
+
+export default function SummaryCardTitleWrapper({ class: className, children, ...rest }: SummaryCardTitleWrapperProps) {
+    const classes = ["govuk-summary-card__title-wrapper", className ?? ""].filter(Boolean).join(" ");
+
+    return (
+        <div className={classes} {...rest}>
+            {children ?? ""}
+        </div>
+    );
+}

package/src/table/TableHeader.tsx

@@ -4,12 +4,13 @@ import { ReactNode } from 'react';
 
 type TableHeaderProps = {
     numeric?: boolean;
+    scope?: "col" | "row" | "colgroup" | "rowgroup";
     class?: string;
     children?: ReactNode;
     [key: string]: unknown;
 };
 
-export default function TableHeader({ numeric, class: className, children, ...rest }: TableHeaderProps) {
+export default function TableHeader({ numeric, scope = "col", class: className, children, ...rest }: TableHeaderProps) {
     const classes = [
         "govuk-table__header",
         numeric ? "govuk-table__header--numeric" : "",
@@ -19,7 +20,7 @@ export default function TableHeader({ numeric, class: className, children, ...re
         .join(" ");
 
     return (
-        <th className={classes} scope="col" {...rest}>
+        <th className={classes} scope={scope} {...rest}>
             {children ?? ""}
         </th>
     );

package/src/toggle/Toggle.tsx

@@ -6,9 +6,5 @@ type ToggleProps = {
 export default function Toggle({ class: className, ...rest }: ToggleProps) {
     const classes = ["iai-toggle__input", className ?? ""].filter(Boolean).join(" ");
 
-    return (
-        <div className="iai-toggle">
-            <input className={classes} type="checkbox" {...rest} />
-        </div>
-    );
+    return <input className={classes} type="checkbox" role="switch" {...rest} />;
 }

package/src/toggle/ToggleItem.tsx

@@ -10,7 +10,7 @@ export default function ToggleItem({ class: className, children, ...rest }: Togg
     const classes = ["iai-toggle__item", className ?? ""].filter(Boolean).join(" ");
 
     return (
-        <div className={classes} data-module="govuk-toggle" {...rest}>
+        <div className={classes} {...rest}>
             {children ?? ""}
         </div>
     );