@reshape-biotech/design-system 2.0.4 → 2.2.0

package/dist/components/drawer/DrawerLabel.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    id: string;
-    classes?: string;
-    children: Snippet;
-  }
-
-  let { id, classes = '', children }: Props = $props();
-</script>
-
-<label for={id} class={`${classes}`}>{@render children()}</label>
-
-<style>
-  label {
-
-    display: flex;
-
-    width: 100%;
-
-    cursor: pointer;
-
-    align-items: center;
-
-    gap: 0.25rem;
-
-    border-radius: 0.5rem;
-
-    border-width: 1px;
-
-    border-color: #12192A1A;
-
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-
-    padding: 0.75rem;
-
-    --tw-text-opacity: 1;
-
-    color: rgb(18 25 42 / var(--tw-text-opacity, 1));
-
-    --tw-shadow: 0 1px 4px 0 rgba(18, 25, 42, 0.04);
-
-    --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
-
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-
-  label:not(:focus-within):hover {
-
-    border-color: #5750ee40
-}
-
-  label:focus-within {
-
-    --tw-border-opacity: 1;
-
-    border-color: rgb(87 80 238 / var(--tw-border-opacity, 1))
-}
-</style>

package/dist/components/drawer/DrawerLabel.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Snippet } from 'svelte';
-interface Props {
-    id: string;
-    classes?: string;
-    children: Snippet;
-}
-declare const DrawerLabel: import("svelte").Component<Props, {}, "">;
-type DrawerLabel = ReturnType<typeof DrawerLabel>;
-export default DrawerLabel;

package/dist/components/modal/Modal.svelte

@@ -1,81 +0,0 @@
-<script lang="ts">
-  import { type Snippet } from 'svelte';
-  import { v4 as uuidv4 } from 'uuid';
-  import IconButton from '../icon-button/IconButton.svelte';
-  import { Icon } from '../icons';
-  import Divider from '../divider/Divider.svelte';
-
-  type ModalProps = {
-    Trigger?: Snippet<[{ openModal: () => void; closeModal: () => void }]>;
-    Header?: Snippet;
-    Content: Snippet;
-    Footer?: Snippet;
-    onclose?: () => void;
-    defaultOpen?: boolean;
-    id?: string;
-    withClose?: boolean;
-    closeOnClickOutside?: boolean;
-    class?: string;
-    contentClass?: string;
-  };
-  let {
-    Trigger,
-    Header,
-    Content,
-    Footer,
-    onclose,
-    defaultOpen = false,
-    id = 'modal-' + uuidv4(),
-    withClose = true,
-    closeOnClickOutside = true,
-    class: modalClass,
-    contentClass = 'p-4',
-  }: ModalProps = $props();
-
-  const modalOpen = $state(defaultOpen);
-  const openModal = () => {
-    const dialog = document.getElementById(id) as HTMLDialogElement | null;
-    dialog?.showModal();
-  };
-
-  const closeModal = () => {
-    const dialog = document.getElementById(id) as HTMLDialogElement | null;
-    dialog?.close();
-    onclose?.();
-  };
-</script>
-
-{#if Trigger}
-  {@render Trigger({ openModal, closeModal })}
-{/if}
-<dialog {id} class="modal w-full max-w-full" class:modal-open={modalOpen}>
-  <div class="modal-box relative flex max-w-full flex-col rounded-xl bg-surface p-0 {modalClass}">
-    {#if Header}
-      <div class="flex h-12 items-center px-4">
-        {@render Header()}
-      </div>
-      <Divider />
-    {/if}
-    {#if withClose}
-      <div class="absolute right-0 top-0 z-10 p-2">
-        <IconButton onclick={closeModal} size="md" variant="transparent" rounded={false}>
-          <Icon iconName="X" />
-        </IconButton>
-      </div>
-    {/if}
-    <div class="flex-1 {contentClass}">
-      {@render Content()}
-    </div>
-    {#if Footer}
-      <Divider />
-      <div class="px-4 py-2">
-        {@render Footer()}
-      </div>
-    {/if}
-  </div>
-  {#if closeOnClickOutside}
-    <form method="dialog" class="modal-backdrop">
-      <button onclick={closeModal}>close</button>
-    </form>
-  {/if}
-</dialog>

package/dist/components/modal/Modal.svelte.d.ts

@@ -1,20 +0,0 @@
-import { type Snippet } from 'svelte';
-type ModalProps = {
-    Trigger?: Snippet<[{
-        openModal: () => void;
-        closeModal: () => void;
-    }]>;
-    Header?: Snippet;
-    Content: Snippet;
-    Footer?: Snippet;
-    onclose?: () => void;
-    defaultOpen?: boolean;
-    id?: string;
-    withClose?: boolean;
-    closeOnClickOutside?: boolean;
-    class?: string;
-    contentClass?: string;
-};
-declare const Modal: import("svelte").Component<ModalProps, {}, "">;
-type Modal = ReturnType<typeof Modal>;
-export default Modal;