feat: update pattern styling (#2196) (#2600)

miqh · web-flow · commit aa0879ca0235 · 2024-10-28T13:25:32.000+02:00
Closes #2196
diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
@@ -97,9 +97,11 @@ export const RecursiveLabel = styled(FieldLabel)`
 
 export const PatternLabel = styled(FieldLabel)`
   color: #0e7c86;
+  font-family: ${props => props.theme.typography.code.fontFamily};
+  font-size: 12px;
   &::before,
   &::after {
-    font-weight: bold;
+    content: ' ';
   }
 `;
 
diff --git a/src/components/__tests__/__snapshots__/FieldDetails.test.tsx.snap b/src/components/__tests__/__snapshots__/FieldDetails.test.tsx.snap
@@ -163,7 +163,7 @@ exports[`FieldDetailsComponent renders correctly when field items have string ty
     >
       [
       <span
-        class="sc-kpDqfm sc-eDPEul cGRfjn erJHow"
+        class="sc-kpDqfm sc-eDPEul cGRfjn cCKYVD"
       >
         ^see regex[0-9]$
       </span>

Original file line number	Diff line number	Diff line change
@@ -163,7 +163,7 @@ exports[`FieldDetailsComponent renders correctly when field items have string ty
`163`	`163`	`>`
`164`	`164`	`[`
`165`	`165`	`<span`
`166`		`- class="sc-kpDqfm sc-eDPEul cGRfjn erJHow"`
	`166`	`+ class="sc-kpDqfm sc-eDPEul cGRfjn cCKYVD"`
`167`	`167`	`>`
`168`	`168`	`^see regex[0-9]$`
`169`	`169`	`</span>`