@invopop/popui 0.0.76 → 0.0.77-beta

package/dist/BaseTableCell.svelte.d.ts

@@ -1,28 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Badge, FeedItemStatus, TableField, TableIcon } from './types.js';
-declare const __propDef: {
-    props: {
-        field: TableField;
-        isFirst?: boolean | undefined;
-        isLast?: boolean | undefined;
-        badge?: Badge | null | undefined;
-        status?: FeedItemStatus | null | undefined;
-        icons?: TableIcon[] | null | undefined;
-        data?: unknown;
-        tag?: string | undefined;
-        selectable?: boolean | undefined;
-        hasActions?: boolean | undefined;
-    };
-    events: {
-        copied: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BaseTableCellProps = typeof __propDef.props;
-export type BaseTableCellEvents = typeof __propDef.events;
-export type BaseTableCellSlots = typeof __propDef.slots;
-export default class BaseTableCell extends SvelteComponent<BaseTableCellProps, BaseTableCellEvents, BaseTableCellSlots> {
-}
-export {};

package/dist/BaseTableHeader.svelte

@@ -1,68 +0,0 @@
-<script>import clsx from "clsx";
-import { createEventDispatcher } from "svelte";
-import BaseDropdown from "./BaseDropdown.svelte";
-import BaseTableHeaderSortBy from "./BaseTableHeaderSortBy.svelte";
-const dispatch = createEventDispatcher();
-let sortDropdown;
-export let field;
-export let sortBy = "";
-export let sortDirection;
-export let isFirst = false;
-export let isLast = false;
-export let selectable = false;
-$:
-  headerStyles = clsx({
-    "hover:bg-neutral-50 focus:bg-neutral-100": field.sortable,
-    "pl-5": isFirst && !selectable,
-    "pl-2": !isFirst,
-    "pr-5": isLast,
-    "pr-2": !isLast
-  });
-function handleSortBy(event) {
-  sortDirection = event.detail;
-  dispatch("orderBy", { field: field.slug, direction: sortDirection });
-  sortDropdown.toggle();
-}
-</script>
-
-<th scope="col" class="bg-white text-neutral-500 group sticky z-10 top-0 h-9 box-border p-0">
-  <span class="flex border-b border-neutral-100" class:justify-end={field.rightAlign}>
-    {#if field.sortable}
-      <BaseDropdown bind:this={sortDropdown} fullWidth>
-        <span
-          slot="trigger"
-          class="{headerStyles} w-full py-2 flex items-center justify-start space-x-1 text-left text-base tracking-normal whitespace-nowrap font-normal"
-        >
-          <span class="w-full" class:text-right={field.rightAlign}>{field.headerLabel}</span>
-          {#if sortBy === field.slug}
-            <svg
-              viewBox="0 0 12 12"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-              class:rotate-180={sortDirection === 'asc'}
-              class="mt-px text-neutral-400 h-3 w-3"
-            >
-              <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M6.56519 8.8272L7.9966 7.39579L8.7037 8.1029L6.41082 10.3958L6.05726 10.7493L5.70371 10.3958L3.41082 8.1029L4.11793 7.39579L5.56507 8.84293L5.61453 1.24609L6.61451 1.2526L6.56519 8.8272Z"
-                fill="currentColor"
-              />
-            </svg>
-          {/if}
-        </span>
-        <BaseTableHeaderSortBy
-          {sortDirection}
-          isActive={sortBy === field.slug}
-          on:sortBy={handleSortBy}
-        />
-      </BaseDropdown>
-    {:else}
-      <div
-        class="{headerStyles} py-2 text-left text-base font-normal tracking-normal whitespace-nowrap"
-      >
-        <div class="h-5">{field.headerLabel}</div>
-      </div>
-    {/if}
-  </span>
-</th>

package/dist/BaseTableHeader.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { TableField, TableSortBy } from './types.js';
-declare const __propDef: {
-    props: {
-        field: TableField;
-        sortBy?: string | undefined;
-        sortDirection: TableSortBy;
-        isFirst?: boolean | undefined;
-        isLast?: boolean | undefined;
-        selectable?: boolean | undefined;
-    };
-    events: {
-        orderBy: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BaseTableHeaderProps = typeof __propDef.props;
-export type BaseTableHeaderEvents = typeof __propDef.events;
-export type BaseTableHeaderSlots = typeof __propDef.slots;
-export default class BaseTableHeader extends SvelteComponent<BaseTableHeaderProps, BaseTableHeaderEvents, BaseTableHeaderSlots> {
-}
-export {};

package/dist/Tabs.svelte

@@ -1,41 +0,0 @@
-<script>import { createTabs } from "svelte-headlessui";
-import BaseCounter from "./BaseCounter.svelte";
-import { Icon } from "@steeze-ui/svelte-icon";
-import { Alert, Success } from "@invopop/ui-icons";
-import { createEventDispatcher } from "svelte";
-const dispatch = createEventDispatcher();
-export let items = [];
-export let selected = "";
-const tabs = createTabs({ selected: items.find((i) => i.slug === selected) || items[0] });
-</script>
-
-<div
-  use:tabs.list
-  class="inline-flex space-x-0.5 rounded-md border p-0.5 border-neutral-200 bg-neutral-100 w-full"
->
-  {#each items as value}
-    <button
-      use:tabs.tab={{ value }}
-      class:bg-white={selected === value.slug}
-      class="flex items-center space-x-1 justify-center w-full whitespace-nowrap text-neutral-800 text-base font-medium focus:outline-none focus:ring-0 py-0.5 px-3 rounded"
-      on:click={() => {
-        selected = value.slug
-        dispatch('selected', selected)
-      }}
-    >
-      <span class="tracking-tighter">{value.label}</span>
-      {#if value.counter}
-        <BaseCounter
-          content={value.counter}
-          variant={selected === value.slug ? 'light' : 'default'}
-        />
-      {/if}
-      {#if value.check}
-        <Icon src={Success} class="h-4 w-4" />
-      {/if}
-      {#if value.warning}
-        <Icon src={Alert} class="h-4 w-4" />
-      {/if}
-    </button>
-  {/each}
-</div>

package/dist/Tabs.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { TabItem } from './types.js';
-declare const __propDef: {
-    props: {
-        items?: TabItem[] | undefined;
-        selected?: string | undefined;
-    };
-    events: {
-        selected: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TabsProps = typeof __propDef.props;
-export type TabsEvents = typeof __propDef.events;
-export type TabsSlots = typeof __propDef.slots;
-export default class Tabs extends SvelteComponent<TabsProps, TabsEvents, TabsSlots> {
-}
-export {};