Add "required" asterisk (#2686)

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>

packages/text-editor/src/components/StyledTextArea.svelte

@@ -15,6 +15,7 @@
   export let emphasized: boolean = false
   export let isScrollable: boolean = false
   export let maxHeight: 'max' | 'card' | 'limited' | string | undefined = undefined
+  export let required = false
 
   let rawValue: string
   let oldContent = ''
@@ -55,7 +56,10 @@
   }}
 >
   {#if label}
-    <div class="label"><Label {label} /></div>
+    <div>
+      <span class="label"><Label {label} /></span>
+      {#if required}<span class="error-color">&ast</span>{/if}
+    </div>
   {/if}
   <StyledTextEditor
     {placeholder}

packages/ui/src/components/EditBox.svelte

@@ -37,6 +37,7 @@
   export let focusable: boolean = false
   export let disabled: boolean = false
   export let fullSize = false
+  export let required = false
 
   const dispatch = createEventDispatcher()
 
@@ -134,6 +135,7 @@
   {#if label}
     <div class="mb-1 text-sm font-medium content-accent-color select-text">
       <Label {label} />
+      {#if required}<span class="error-color">&ast</span>{/if}
     </div>
   {/if}
   <div class="{kind} flex-row-center clear-mins" class:focusable>