feat: move away from carbon components and TinyMCE (#597)

* feat: remove tinymce & replace org sidebar

* chore: PR Fixes

* chore: move ui font into src dir

* remove files in vite config

* use google font import for loading font

* remove custom font

* more fonts update

* remove font bold

* more removals of font bold

* fix import

* checkpoint

* chore: checkpoint (add course & lms shadcn sidebar)

* minor css improvements and try out font sans

* chore: replace carbon components with shadcn's

* chore: replace carbon components with shadcn _ v3

* chore: ui fixes & storybook update

* feat: UI cleanup

* fix: quick ui fixes

* chore: update pnpm-lock.yaml with new dependencies and versions; fix output.css formatting

* chore: add isloading to button

* feat: add loading state to button stories

* chore: feedback fixes

* fix: feedback fixes

* chore: remove console

* fix: PR comments

* fix: PR comments

---------

Co-authored-by: Rotimi Best <best@classroomio.com>

packages/storybook/src/atoms/tooltip/fields.ts

@@ -0,0 +1,9 @@
+import { type ComponentProps } from 'svelte';
+import { Tooltip } from '@cio/ui/base/tooltip';
+
+export const FIELDS: (keyof ComponentProps<typeof Tooltip>)[] = [
+  'disableHoverableContent',
+  'delayDuration',
+  'ignoreNonKeyboardFocus',
+  'disabled'
+];

packages/storybook/src/atoms/tooltip/tooltip.stories.svelte

@@ -2,13 +2,34 @@
   import { defineMeta } from '@storybook/addon-svelte-csf';
   import { Tooltip, Provider, Trigger, Content } from '@cio/ui/base/tooltip';
   import { Button } from '@cio/ui/base/button';
-  // import { Arro}
+  import { FIELDS } from './fields';
 
   const { Story } = defineMeta({
     title: 'Atom/Tooltip',
     component: Provider,
     parameters: {
-      layout: 'centered'
+      layout: 'centered',
+      controls: {
+        include: FIELDS
+      }
+    },
+    argTypes: {
+      disableHoverableContent: {
+        control: 'boolean',
+        description: 'Prevents the content from being hoverable'
+      },
+      delayDuration: {
+        control: 'number',
+        description: 'The delay in milliseconds before the tooltip appears'
+      },
+      ignoreNonKeyboardFocus: {
+        control: 'boolean',
+        description: 'Whether to ignore non-keyboard focus events'
+      },
+      disabled: {
+        control: 'boolean',
+        description: 'Whether the tooltip is disabled'
+      }
     },
     tags: ['autodocs']
   });