spaper 1.4.0 → 2.0.0

package/components/Toast/index.js

@@ -1,37 +0,0 @@
-import Toast from './Toast.svelte';
-export function open(props) {
-    if (typeof props === 'string')
-        props = { message: props };
-    new Toast({
-        target: document.body,
-        props,
-        intro: true,
-    });
-}
-function openType(type) {
-    return (options) => {
-        const props = {
-            type,
-            message: '',
-        };
-        if (typeof options === 'string')
-            props.message = options;
-        else
-            Object.assign(props, options);
-        new Toast({
-            target: document.body,
-            props,
-            intro: true,
-        });
-    };
-}
-export const info = openType('secondary');
-export const success = openType('success');
-export const warning = openType('warning');
-export const warn = warning;
-export const danger = openType('danger');
-export const error = danger;
-Object.assign(Toast, {
-    open, info, success, warning, warn, error, danger
-});
-export default Toast;

package/index.d.ts

@@ -1,23 +0,0 @@
-import Button from './components/Button.svelte';
-import Alert from './components/Alert.svelte';
-import Badge from './components/Badge.svelte';
-import Breadcrumb from './components/Breadcrumb.svelte';
-import Navbar from './components/Navbar.svelte';
-import Modal from './components/Modal';
-import { Tabs, Tab } from './components/Tabs';
-import { Input, Select, Radio, Checkbox, Switch, Slider, Form, NumberInput } from './components/Form';
-import Article from './components/Article.svelte';
-import Card from './components/Card.svelte';
-import Collapsible from './components/Collapsible.svelte';
-import Popover from './components/Popover.svelte';
-import Progress from './components/Progress.svelte';
-import Table from './components/Table.svelte';
-import Pagination from './components/Pagination';
-import Toast from './components/Toast';
-import CloseButton from './components/CloseButton.svelte';
-import CopyButton from './components/CopyButton.svelte';
-import Skeleton from './components/Skeleton.svelte';
-import { Carousel, CarouselItem } from './components/Carousel';
-import Hero from './components/Hero.svelte';
-import { Col, Row } from './components/Layout';
-export { Button, Alert, Badge, Breadcrumb, Navbar, Modal, Tabs, Tab, Form, Input, Select, Radio, Checkbox, Switch, Slider, Article, Card, Collapsible, Popover, Progress, Table, Pagination, Toast, CloseButton, CopyButton, Skeleton, Carousel, CarouselItem, Hero, Col, Row, NumberInput, };

package/types.d.ts

@@ -1,16 +0,0 @@
-export declare type PaperSize = 'small' | 'default' | 'large';
-export declare type PaperType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
-export declare type PaperFlexPlacement = 'spaces' | 'edges' | 'right' | 'center' | 'left';
-export declare type PaperAlign = 'left' | 'center' | 'right';
-export declare type Attributes = Record<string, string | boolean>;
-export declare type PositionY = 'top' | 'bottom';
-export declare type PositionX = 'left' | 'right';
-export declare type Position = PositionX | PositionY;
-export interface TableColumnObj {
-    field: string;
-    label?: string;
-    content?: (val?: any) => string;
-    html?: boolean;
-}
-export declare type TableColumn = TableColumnObj | string;
-export declare type Transition = 'blur' | 'fade' | 'fly' | 'slide' | 'scale' | 'draw' | 'crossfade';

package/utils.d.ts

@@ -1,16 +0,0 @@
-import type { Attributes } from './types';
-interface getDomAttributesParams {
-    props: Attributes;
-    classes: string;
-    toOmit?: string[];
-}
-export declare function computeClasses(elPrefix: string, props: Record<string, any>): string;
-export declare function getDomAttributes({ props, classes, toOmit }: getDomAttributesParams): Attributes;
-export declare type ComponentProps<T extends {
-    $set: (...args: any) => any;
-}> = NonNullable<Parameters<T['$set']>[0]>;
-export declare function configureTransition(node: any, { name, disabled }: {
-    name: any;
-    disabled: any;
-}): any;
-export {};

package/utils.js

@@ -1,34 +0,0 @@
-import * as transition from 'svelte/transition';
-const propToClass = {
-    size: (pf, val) => `${pf}-${val}`,
-    block: (pf, _val) => `${pf}-block`,
-    type: (pf, val) => `${pf}-${val}`,
-    outline: (pf, val) => `${pf}-${val}-outline`,
-    col: (pf, val) => `${pf}-${val}`,
-    sm: (_pf, val) => `sm-${val}`,
-    md: (_pf, val) => `md-${val}`,
-    lg: (_pf, val) => `lg-${val}`,
-};
-function omit(obj, properties) {
-    return Object.fromEntries(Object.entries(obj)
-        .filter(([key, _val]) => !properties.includes(key)));
-}
-export function computeClasses(elPrefix, props) {
-    return Object.entries(props)
-        .filter(([_prop, val]) => val)
-        .map(([prop, val]) => propToClass[prop](elPrefix, val))
-        .join(' ');
-}
-;
-export function getDomAttributes({ props, classes, toOmit = [] }) {
-    return {
-        ...omit(props, toOmit), class: classes
-    };
-}
-export function configureTransition(node, { name, disabled }) {
-    if (disabled
-        || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
-        return;
-    }
-    return transition[name](node);
-}