fix: only phrasing content is allowed inside buttons meaning no div or p elements, these are now replaced by span

2024-10-25 15:44:30 +02:00
parent 0036fa1a68
commit 69ed852fc4
12 changed files with 56 additions and 43 deletions
--- a/components/TempDesignSystem/Form/Phone/index.tsx
+++ b/components/TempDesignSystem/Form/Phone/index.tsx
@@ -91,7 +91,7 @@ export default function Phone({
            <Label required={!!registerOptions.required} size="small">
              {formatMessage({ id: "Country code" })}
            </Label>
-            <div className={styles.selectContainer}>
+            <span className={styles.selectContainer}>
              {props.children}
              <Body asChild fontOnly>
                <DialCodePreview
@@ -106,7 +106,7 @@ export default function Phone({
                height={18}
                width={18}
              />
-            </div>
+            </span>
          </button>
        )}
      />
--- a/components/TempDesignSystem/Select/index.tsx
+++ b/components/TempDesignSystem/Select/index.tsx
@@ -60,12 +60,12 @@ export default function Select({
      >
        <Body asChild fontOnly>
          <Button className={styles.input} data-testid={name}>
-            <div className={styles.inputContentWrapper} tabIndex={tabIndex}>
+            <span className={styles.inputContentWrapper} tabIndex={tabIndex}>
              <Label required={required} size="small">
                {label}
              </Label>
              <SelectValue />
-            </div>
+            </span>
            <SelectChevron />
          </Button>
        </Body>