@appwrite.io/pink - npm Package Compare versions

Comparing version 1.0.0-next.9 to 1.0.0-next.10

dist/action-list/Item.svelte.d.ts

@@ -16,2 +16,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -18,0 +20,0 @@ export type ItemProps = typeof __propDef.props;

dist/action-list/Root.svelte.d.ts

@@ -10,2 +10,4 @@ import { SvelteComponent } from "svelte";
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -12,0 +14,0 @@ export type RootProps = typeof __propDef.props;

dist/Badge.svelte.d.ts

@@ -7,5 +7,5 @@ import { SvelteComponent } from "svelte";
     } & Partial<{
-        size: 'small' | 'medium';
-        variant: 'primary' | 'secondary' | 'accent';
-        type: 'success' | 'warning' | 'error' | undefined;
+        size: "small" | "medium";
+        variant: "primary" | "secondary" | "accent";
+        type: "success" | "warning" | "error" | undefined;
     }>;
@@ -16,2 +16,4 @@ events: {
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -18,0 +20,0 @@ export type BadgeProps = typeof __propDef.props;

dist/Breadcrumbs.svelte.d.ts

@@ -14,2 +14,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -16,0 +18,0 @@ export type BreadcrumbsProps = typeof __propDef.props;

dist/card/Base.svelte.d.ts

@@ -5,3 +5,3 @@ import { SvelteComponent } from "svelte";
     radius: 'small' | 'medium' | 'large';
-    padding: 'small' | 'medium' | 'large';
+    padding: 'none' | 'small' | 'medium' | 'large';
 }>;
@@ -11,5 +11,5 @@ import type { HTMLAttributes } from 'svelte/elements';
     props: Partial<{
-        variant: 'primary' | 'secondary';
-        radius: 'small' | 'medium' | 'large';
-        padding: 'small' | 'medium' | 'large';
+        variant: "primary" | "secondary";
+        radius: "small" | "medium" | "large";
+        padding: "none" | "small" | "medium" | "large";
     }> & HTMLAttributes<HTMLDivElement>;
@@ -22,2 +22,4 @@ events: {
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -24,0 +26,0 @@ export type BaseProps = typeof __propDef.props;

dist/card/Button.svelte.d.ts

@@ -7,3 +7,3 @@ import { SvelteComponent } from "svelte";
         radius: "small" | "medium" | "large";
-        padding: "small" | "medium" | "large";
+        padding: "none" | "small" | "medium" | "large";
     }> & HTMLAttributes<HTMLButtonElement> & Partial<{
@@ -23,2 +23,4 @@ selected: boolean;
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -25,0 +27,0 @@ export type ButtonProps = typeof __propDef.props;

dist/card/Label.svelte.d.ts

@@ -7,3 +7,3 @@ import { SvelteComponent } from "svelte";
         radius: "small" | "medium" | "large";
-        padding: "small" | "medium" | "large";
+        padding: "none" | "small" | "medium" | "large";
     }> & HTMLLabelAttributes & Partial<{
@@ -18,2 +18,4 @@ selected: boolean;
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -20,0 +22,0 @@ export type LabelProps = typeof __propDef.props;

dist/card/Link.svelte.d.ts

@@ -7,3 +7,3 @@ import { SvelteComponent } from "svelte";
         radius: "small" | "medium" | "large";
-        padding: "small" | "medium" | "large";
+        padding: "none" | "small" | "medium" | "large";
     }> & HTMLAttributes<HTMLAnchorElement> & {
@@ -20,2 +20,4 @@ href: string;
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -22,0 +24,0 @@ export type LinkProps = typeof __propDef.props;

dist/card/Selector.svelte.d.ts

@@ -7,3 +7,3 @@ import { SvelteComponent } from "svelte";
         radius: "small" | "medium" | "large";
-        padding: "small" | "medium" | "large";
+        padding: "none" | "small" | "medium" | "large";
     }> & HTMLAttributes<HTMLButtonElement> & {
@@ -20,2 +20,4 @@ value: string;
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -22,0 +24,0 @@ export type SelectorProps = typeof __propDef.props;

dist/Divider.svelte.d.ts

@@ -11,2 +11,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -13,0 +15,0 @@ export type DividerProps = typeof __propDef.props;

dist/FloatingActionBar.svelte.d.ts

@@ -11,2 +11,4 @@ import { SvelteComponent } from "svelte";
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -13,0 +15,0 @@ export type FloatingActionBarProps = typeof __propDef.props;

dist/index.d.ts

 export { default as Badge } from './Badge.svelte';
 export { default as Breadcrumbs } from './Breadcrumbs.svelte';
-export { default as Button } from './Button.svelte';
+export { default as Button } from './button/Button.svelte';
 export { default as Divider } from './Divider.svelte';
@@ -5,0 +5,0 @@ export { default as FloatingActionBar } from './FloatingActionBar.svelte';

dist/index.js

 export { default as Badge } from './Badge.svelte';
 export { default as Breadcrumbs } from './Breadcrumbs.svelte';
-export { default as Button } from './Button.svelte';
+export { default as Button } from './button/Button.svelte';
 export { default as Divider } from './Divider.svelte';
@@ -5,0 +5,0 @@ export { default as FloatingActionBar } from './FloatingActionBar.svelte';

dist/input/Action.svelte.d.ts

@@ -13,2 +13,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -15,0 +17,0 @@ export type ActionProps = typeof __propDef.props;

dist/input/Base.svelte.d.ts

@@ -5,3 +5,3 @@ import { SvelteComponent } from "svelte";
     props: {
-        id: HTMLInputAttributes['id'];
+        id: HTMLInputAttributes["id"];
         label: string;
@@ -15,2 +15,4 @@ };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -17,0 +19,0 @@ export type BaseProps = typeof __propDef.props;

dist/input/Icon.svelte.d.ts

@@ -11,2 +11,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -13,0 +15,0 @@ export type IconProps = typeof __propDef.props;

dist/input/Nullable.svelte.d.ts

@@ -5,3 +5,3 @@ import { SvelteComponent } from "svelte";
     props: {
-        disabled: HTMLInputAttributes['disabled'];
+        disabled: HTMLInputAttributes["disabled"];
         value: string | number | boolean | null;
@@ -13,2 +13,4 @@ };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -15,0 +17,0 @@ export type NullableProps = typeof __propDef.props;

dist/input/Number.svelte.d.ts

@@ -18,2 +18,4 @@ import { SvelteComponent } from "svelte";
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -20,0 +22,0 @@ export type NumberProps = typeof __propDef.props;

dist/input/OTP.svelte.d.ts

@@ -7,10 +7,10 @@ import { SvelteComponent } from "svelte";
     props: {
-        type?: "text" | "password" | undefined;
-        size?: "small" | "medium" | undefined;
-        length?: number | undefined;
-        value?: string | undefined;
-        placeholder?: string | undefined;
-        disabled?: boolean | undefined;
-        gap?: ComponentProps<Stack>['gap'];
-        state?: Omit<States, "error" | "default"> | undefined;
+        type?: "text" | "password";
+        size?: "small" | "medium";
+        length?: number;
+        value?: string;
+        placeholder?: string;
+        disabled?: boolean;
+        gap?: ComponentProps<Stack>["gap"];
+        state?: Omit<States, "error" | "default">;
     };
@@ -21,2 +21,4 @@ events: {
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -23,0 +25,0 @@ export type OtpProps = typeof __propDef.props;

dist/input/Password.svelte.d.ts

@@ -16,2 +16,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -18,0 +20,0 @@ export type PasswordProps = typeof __propDef.props;

dist/input/Text.svelte.d.ts

@@ -19,2 +19,4 @@ import { SvelteComponent } from "svelte";
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -21,0 +23,0 @@ export type TextProps = typeof __propDef.props;

dist/input/Textarea.svelte.d.ts

@@ -18,2 +18,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -20,0 +22,0 @@ export type TextareaProps = typeof __propDef.props;

dist/layout/Stack.svelte.d.ts

@@ -6,18 +6,18 @@ import { SvelteComponent } from "svelte";
              * The direction of the stack.
-             */ direction?: "column" | "row" | undefined;
+             */ direction?: "column" | "row";
         /**
              * The gap between the stack items.
-             */ gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | undefined;
+             */ gap?: "none" | "xs" | "s" | "m" | "l" | "xl";
         /**
              * The wrap behavior of the stack.
-             */ wrap?: "normal" | "wrap" | "nowrap" | undefined;
+             */ wrap?: "normal" | "wrap" | "nowrap";
         /**
              * The alignment of the stack content.
-             */ alignContent?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+             */ alignContent?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch";
         /**
              * The alignment of the stack items.
-             */ alignItems?: "normal" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
+             */ alignItems?: "normal" | "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
         /**
              * The justification of the stacked items.
-             */ justifyContent?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+             */ justifyContent?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch";
     };
@@ -30,2 +30,4 @@ events: {
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -32,0 +34,0 @@ export type StackProps = typeof __propDef.props;

dist/Link.svelte.d.ts

@@ -8,4 +8,4 @@ import { SvelteComponent } from "svelte";
         disabled: boolean;
-        type: 'default' | 'muted' | 'quiet' | 'quiet-muted';
-        size: 'small' | 'medium' | 'large';
+        type: "default" | "muted" | "quiet" | "quiet-muted";
+        size: "small" | "medium" | "large";
     }>;
@@ -20,2 +20,4 @@ events: {
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -22,0 +24,0 @@ export type LinkProps = typeof __propDef.props;

dist/Root.svelte.d.ts

@@ -1,19 +0,6 @@
-/** @typedef {typeof __propDef.props}  RootProps */
-/** @typedef {typeof __propDef.events}  RootEvents */
-/** @typedef {typeof __propDef.slots}  RootSlots */
-export default class Root extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type RootProps = typeof __propDef.props;
-export type RootEvents = typeof __propDef.events;
-export type RootSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
+import 'the-new-css-reset/css/reset.css';
 declare const __propDef: {
     props: {
-        [x: string]: never;
+        theme: Record<string, string>;
     };
@@ -26,3 +13,10 @@ events: {
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
+export type RootProps = typeof __propDef.props;
+export type RootEvents = typeof __propDef.events;
+export type RootSlots = typeof __propDef.slots;
+export default class Root extends SvelteComponent<RootProps, RootEvents, RootSlots> {
+}
 export {};

dist/selector/Checkbox.svelte.d.ts

 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        checked?: boolean | "indeterminate" | undefined;
-        disabled?: boolean | undefined;
-        size?: "small" | "medium" | undefined;
+        checked?: boolean | "indeterminate";
+        disabled?: boolean;
+        size?: "small" | "medium";
     };
@@ -14,2 +14,4 @@ events: {
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -16,0 +18,0 @@ export type CheckboxProps = typeof __propDef.props;

dist/selector/Radio.svelte.d.ts

@@ -8,3 +8,3 @@ import { SvelteComponent } from "svelte";
     } & Partial<{
-        size: 'small' | 'medium';
+        size: "small" | "medium";
     }>;
@@ -15,2 +15,4 @@ events: {
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -17,0 +19,0 @@ export type RadioProps = typeof __propDef.props;

dist/selector/Switch.svelte.d.ts

 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        checked?: boolean | undefined;
-        disabled?: boolean | undefined;
+        checked?: boolean;
+        disabled?: boolean;
     };
@@ -11,2 +11,4 @@ events: {
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -13,0 +15,0 @@ export type SwitchProps = typeof __propDef.props;

dist/Status.svelte.d.ts

 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        status: 'waiting' | 'ready' | 'processing' | 'pending' | 'failed' | 'complete';
+        status: "waiting" | "ready" | "processing" | "pending" | "failed" | "complete";
         label: string;
@@ -11,2 +11,4 @@ };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -13,0 +15,0 @@ export type StatusProps = typeof __propDef.props;

dist/table/Cell.svelte.d.ts

@@ -1,20 +0,4 @@
-/** @typedef {typeof __propDef.props}  CellProps */
-/** @typedef {typeof __propDef.events}  CellEvents */
-/** @typedef {typeof __propDef.slots}  CellSlots */
-export default class Cell extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type CellProps = typeof __propDef.props;
-export type CellEvents = typeof __propDef.events;
-export type CellSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
+    props: Record<string, never>;
     events: {
@@ -26,3 +10,10 @@ [evt: string]: CustomEvent<any>;
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
+export type CellProps = typeof __propDef.props;
+export type CellEvents = typeof __propDef.events;
+export type CellSlots = typeof __propDef.slots;
+export default class Cell extends SvelteComponent<CellProps, CellEvents, CellSlots> {
+}
 export {};

dist/table/index.d.ts

 import Root from './Table.svelte';
 import Cell from './Cell.svelte';
-import Header from './Header.svelte';
+import Row from './Row.svelte';
 declare const _default: {
     Root: typeof Root;
     Cell: typeof Cell;
-    Header: typeof Header;
+    Row: typeof Row;
 };
 export default _default;

dist/table/index.js

 import Root from './Table.svelte';
 import Cell from './Cell.svelte';
-import Header from './Header.svelte';
+import Row from './Row.svelte';
 export default {
     Root,
     Cell,
-    Header
+    Row
 };

dist/table/Table.svelte.d.ts

@@ -28,3 +28,5 @@ /** @typedef {typeof __propDef.props}  TableProps */
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

dist/tabs/Button.svelte.d.ts

@@ -18,2 +18,4 @@ import { SvelteComponent } from "svelte";
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -20,0 +22,0 @@ export type ButtonProps = typeof __propDef.props;

dist/tabs/Link.svelte.d.ts

@@ -16,2 +16,4 @@ import { SvelteComponent } from "svelte";
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -18,0 +20,0 @@ export type LinkProps = typeof __propDef.props;

dist/tabs/Root.svelte.d.ts

@@ -26,3 +26,5 @@ /** @typedef {typeof __propDef.props}  RootProps */
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

dist/Tag.svelte.d.ts

@@ -15,2 +15,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -17,0 +19,0 @@ export type TagProps = typeof __propDef.props;

dist/ToggleButton.svelte.d.ts

@@ -18,2 +18,4 @@ import { SvelteComponent } from "svelte";
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
@@ -20,0 +22,0 @@ export type ToggleButtonProps = typeof __propDef.props;

package.json

 {
   "name": "@appwrite.io/pink",
-  "version": "1.0.0-next.9",
+  "version": "1.0.0-next.10",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
+    "./*.svelte.d.ts": "./dist/*.svelte.d.ts",
+    "./*.svelte": {
+      "types": "./dist/*.d.ts",
+      "svelte": "./dist/*.svelte"
     }
@@ -16,5 +17,6 @@ },
   "dependencies": {
-    "@melt-ui/svelte": "^0.79.1",
+    "@floating-ui/dom": "^1.6.10",
+    "@melt-ui/svelte": "^0.83.0",
     "the-new-css-reset": "^1.11.2",
-    "@appwrite.io/pink-icons": "1.0.0-next.1"
+    "@appwrite.io/pink-icons": "1.0.0-next.2"
   },
@@ -26,38 +28,39 @@ "peerDependencies": {
   "devDependencies": {
-    "@storybook/addon-a11y": "^8.1.11",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-svelte-csf": "^4.1.4",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/manager-api": "^8.1.11",
-    "@storybook/svelte": "^8.1.11",
-    "@storybook/sveltekit": "^8.1.11",
-    "@storybook/test": "^8.1.11",
-    "@storybook/test-runner": "^0.19.0",
-    "@storybook/theming": "^8.1.11",
-    "@sveltejs/adapter-auto": "^3.0.0",
-    "@sveltejs/kit": "^2.0.0",
-    "@sveltejs/package": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "@types/eslint": "^8.56.0",
-    "@types/node": "^20.12.13",
-    "@typescript-eslint/eslint-plugin": "^7.0.0",
-    "@typescript-eslint/parser": "^7.0.0",
+    "@storybook/addon-a11y": "^8.2.8",
+    "@storybook/addon-essentials": "^8.2.8",
+    "@storybook/addon-interactions": "^8.2.8",
+    "@storybook/addon-links": "^8.2.8",
+    "@storybook/addon-svelte-csf": "^4.1.5",
+    "@storybook/blocks": "^8.2.8",
+    "@storybook/manager-api": "^8.2.8",
+    "@storybook/svelte": "^8.2.8",
+    "@storybook/sveltekit": "^8.2.8",
+    "@storybook/test": "^8.2.8",
+    "@storybook/test-runner": "^0.19.1",
+    "@storybook/theming": "^8.2.8",
+    "@sveltejs/adapter-auto": "^3.2.3",
+    "@sveltejs/kit": "^2.5.21",
+    "@sveltejs/package": "^2.3.3",
+    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@types/eslint": "^9.6.0",
+    "@types/node": "^20.14.15",
+    "@typescript-eslint/eslint-plugin": "^8.0.1",
+    "@typescript-eslint/parser": "^8.0.1",
     "axe-playwright": "^2.0.1",
-    "eslint": "^8.56.0",
+    "eslint": "^9.9.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-svelte": "^2.35.1",
-    "genauigkeit": "^0.0.28",
-    "prettier": "^3.1.1",
-    "prettier-plugin-svelte": "^3.1.2",
-    "publint": "^0.1.9",
-    "sass": "^1.75.0",
-    "storybook": "^8.1.11",
-    "svelte": "^4.2.7",
-    "svelte-check": "^3.6.0",
-    "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
-    "vite": "^5.0.11"
+    "eslint-plugin-svelte": "^2.43.0",
+    "genauigkeit": "^0.0.36",
+    "globals": "^15.9.0",
+    "prettier": "^3.3.3",
+    "prettier-plugin-svelte": "^3.2.6",
+    "publint": "^0.2.9",
+    "sass": "^1.77.8",
+    "storybook": "^8.2.8",
+    "svelte": "^4.2.18",
+    "svelte-check": "^3.8.5",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.4",
+    "typescript-eslint": "^8.0.1",
+    "vite": "^5.4.0"
   },
@@ -73,3 +76,2 @@ "svelte": "./dist/index.js",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --check . && eslint .",
@@ -76,0 +78,0 @@ "format": "prettier --write .",

No alert changes

Improved metrics

Total package byte prevSize

117205

26.85%

Number of package files

124

30.53%

Lines of code

1321

33.17%

Worsened metrics

Dependency count

6

20%

Dev dependency count

37

2.78%

Dependency changes

• + Added

  @floating-ui/dom@^1.6.10

• + Added

  @appwrite.io/pink-icons@1.0.0-next.2
  (transitive)

• + Added

  @melt-ui/svelte@0.83.0
  (transitive)

• - Removed

  @appwrite.io/pink-icons@1.0.0-next.1
  (transitive)

• - Removed

  @melt-ui/svelte@0.79.1
  (transitive)

• Updated

  @appwrite.io/pink-icons@1.0.0-next.2

• Updated

  @melt-ui/svelte@^0.83.0