feat: 🚀 😃 convert repo into a monorepo 🚀 😃 (#51)

* Merge main into turbo-monrepo * feat: rename apps * feat: remove supbase videos and serve all from project * feat: move supabase to root * feat: update README * docs: update link
2023-11-25 21:56:02 +00:00
parent 03ca379094
commit 41e29014ef
806 changed files with 85853 additions and 5746 deletions
@@ -0,0 +1,32 @@
+export const VARIANTS = {
+  CONTAINED: 'CONTAINED',
+  CONTAINED_LIGHT: 'CONTAINED_LIGHT',
+  CONTAINED_INFO: 'CONTAINED_INFO',
+  CONTAINED_WHITE: 'CONTAINED_WHITE',
+  CONTAINED_DANGER: 'CONTAINED_DANGER',
+  CONTAINED_SUCCESS: 'CONTAINED_SUCCESS',
+  OUTLINED: 'OUTLINED',
+  NONE: 'NONE',
+  LINK: 'LINK',
+  TEXT: 'TEXT',
+  TEXT_DANGER: 'TEXT_DANGER'
+};
+
+export const VARIANTS_CLASS = {
+  [VARIANTS.CONTAINED]: 'border-none bg-primary-700 hover:bg-primary-900 text-white font-bold',
+  [VARIANTS.CONTAINED_LIGHT]:
+    'border-none bg-primary-600 hover:bg-primary-900 text-white font-bold',
+  [VARIANTS.CONTAINED_WHITE]:
+    'border-none bg-white hover:border-black-300 hover:bg-primary-700 dark:hover:bg-primary-900 text-black',
+  [VARIANTS.CONTAINED_INFO]: 'border-none bg-gray-400 hover:bg-gray-600 text-white',
+  [VARIANTS.CONTAINED_SUCCESS]: 'bg-green-700 hover:bg-green-900 text-white',
+  [VARIANTS.CONTAINED_DANGER]: 'bg-red-700 hover:bg-red-900 text-white',
+  [VARIANTS.OUTLINED]:
+    'border border-primary-700 hover:border-black-300 hover:bg-primary-700 text-black dark:text-white',
+  [VARIANTS.NONE]:
+    'border-none hover:border-black-300 hover:bg-gray-200 dark:hover:bg-neutral-800 text-black',
+  [VARIANTS.TEXT]: 'text-black hover:underline',
+  [VARIANTS.LINK]: 'text-primary-500 dark:text-primary-500 hover:underline',
+  [VARIANTS.TEXT_DANGER]:
+    'text-red-500 hover:border border-t-0 border-l-0 border-r-0 border-red-300'
+};
@@ -0,0 +1,42 @@
+<script lang="ts">
+  // import { Moon } from 'svelte-loading-spinners';
+  import { VARIANTS, VARIANTS_CLASS } from './constants';
+  import { Loading } from 'carbon-components-svelte';
+
+  export let label = '';
+  export let className = '';
+  export let onClick = () => {};
+  export let name = '';
+  export let type: 'button' | 'submit' | 'reset' | null | undefined = 'button';
+  export let variant = VARIANTS.CONTAINED;
+  export let disablePadding = false;
+  export let isDisabled = false;
+  export let isLoading = false;
+</script>
+
+<button
+  class="{isLoading || isDisabled
+    ? 'opacity-25 cursor-not-allowed'
+    : 'cursor-pointer'} flex items-center h-auto {VARIANTS_CLASS[
+    isLoading ? VARIANTS.OUTLINED : variant
+  ]} {!disablePadding &&
+    'py-[0.5rem] px-6'} rounded-md {className} w-fit min-h-[36px] justify-center sm:w-auto {isLoading &&
+    'py-[1rem] border-primary-700'} {variant !== VARIANTS.TEXT &&
+    'hover:shadow-xl'} transition delay-150 duration-300 ease-in-out {variant !==
+  VARIANTS.CONTAINED_WHITE
+    ? 'dark:text-white'
+    : ''}"
+  on:click={onClick}
+  {name}
+  {type}
+  disabled={isLoading || isDisabled}
+>
+  {#if isLoading}
+    <Loading withOverlay={false} small />
+    <!-- <Moon size="20" color="#1d4ed8" unit="px" duration="1s" /> -->
+  {:else if !!label}
+    {label}
+  {:else}
+    <slot />
+  {/if}
+</button>