chore: lift components folder

src/TextInput/TextInput.svelte

@@ -0,0 +1,76 @@
+<script>
+  export let type = "";
+  export let value = "";
+  export let placeholder = "";
+  export let light = false;
+  export let disabled = false;
+  export let id = "ccs-" + Math.random().toString(36);
+  export let name = undefined;
+  export let helperText = "";
+  export let labelText = "";
+  export let hideLabel = false;
+  export let invalid = false;
+  export let invalidText = "";
+  export let ref = null;
+
+  import WarningFilled16 from "carbon-icons-svelte/lib/WarningFilled16";
+
+  $: errorId = `error-${id}`;
+</script>
+
+<div
+  class:bx--form-item={true}
+  class:bx--text-input-wrapper={true}
+  {...$$restProps}
+  on:click
+  on:mouseover
+  on:mouseenter
+  on:mouseleave>
+  {#if labelText}
+    <label
+      for={id}
+      class:bx--label={true}
+      class:bx--visually-hidden={hideLabel}
+      class:bx--label--disabled={disabled}>
+      {labelText}
+    </label>
+  {/if}
+  {#if helperText}
+    <div
+      class:bx--form__helper-text={true}
+      class:bx--form__helper-text--disabled={disabled}>
+      {helperText}
+    </div>
+  {/if}
+  <div
+    data-invalid={invalid || undefined}
+    class:bx--text-input__field-wrapper={true}>
+    {#if invalid}
+      <WarningFilled16 class="bx--text-input__invalid-icon" />
+    {/if}
+    <input
+      bind:this={ref}
+      data-invalid={invalid || undefined}
+      aria-invalid={invalid || undefined}
+      aria-describedby={invalid ? errorId : undefined}
+      {disabled}
+      {id}
+      {name}
+      {placeholder}
+      {type}
+      {value}
+      class:bx--text-input={true}
+      class:bx--text-input--light={light}
+      class:bx--text-input--invalid={invalid}
+      on:change
+      on:input
+      on:input={({ target }) => {
+        value = target.value;
+      }}
+      on:focus
+      on:blur />
+  </div>
+  {#if invalid}
+    <div class:bx--form-requirement={true} id={errorId}>{invalidText}</div>
+  {/if}
+</div>