fix(i18n): prepare for Lokalise

components/TempDesignSystem/Form/Label/index.tsx

@@ -11,10 +11,8 @@ export default function Label({
   const classNames = labelVariants({
     className,
     size,
+    required,
   })
-  return (
-    <span className={classNames}>
-      {children} {required ? "*" : ""}
-    </span>
-  )
+
+  return <span className={classNames}>{children}</span>
 }

components/TempDesignSystem/Form/Label/label.module.css

@@ -24,6 +24,10 @@ span.discreet {
   order: unset;
 }
 
+span.required:after {
+  content: " *";
+}
+
 /* Handle input and textarea fields */
 input:active ~ .label,
 input:not(:placeholder-shown) ~ .label,
@@ -64,7 +68,6 @@ textarea:disabled ~ .label,
 :global(.select-container)[data-open="true"] .label:not(.discreet),
 :global(.react-aria-SelectValue):has(:nth-child(2)) .label:not(.discreet),
 :global(.select-button):active .label:not(.discreet) {
-  display: grid;
   font-size: 12px;
   margin-bottom: var(--Spacing-x-half);
 }

components/TempDesignSystem/Form/Label/variants.ts

@@ -9,8 +9,13 @@ export const labelVariants = cva(styles.label, {
       regular: styles.regular,
       discreet: styles.discreet,
     },
+    required: {
+      true: styles.required,
+      false: "",
+    },
   },
   defaultVariants: {
     size: "regular",
+    required: false,
   },
 })