ci: sdk preview

.github/workflows/npm-preview.yml

@@ -0,0 +1,25 @@
+name: 'npm Preview'
+
+on:
+    pull_request:
+
+jobs:
+    setup:
+        name: Setup & Build Pink
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout repository
+              uses: actions/checkout@v4
+
+            - name: Use Node.js
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 20
+            - name: Install pnpm
+              uses: pnpm/action-setup@v4
+            - name: Install dependencies
+              run: pnpm install --frozen-lockfile
+            - name: Build packages
+              run: pnpm run build
+            - name: Publish
+              run: pnpx pkg-pr-new publish --comment=update './v2/pink-sb' './v2/pink-icons'

v2/pink-sb/src/lib/helpers/size.d.ts

@@ -1,6 +1,9 @@
-declare const sizes: readonly ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+declare const sizes: readonly ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
 export type Size = (typeof sizes)[number];
-export declare function humanFileSize(bytes: number, useBits?: boolean): {
+export declare function humanFileSize(
+    bytes: number,
+    useBits?: boolean
+): {
     value: string;
     unit: Size;
 };

v2/pink-sb/src/stories/Image.stories.svelte

@@ -6,7 +6,7 @@
         title: 'Components/Image',
         component: Image,
         args: {
-            src: 'https://unsplash.it/150',
+            src: 'https://picsum.photos/id/237/150',
             alt: 'Placeholder',
             width: 150,
             height: 150

v2/pink-sb/src/stories/card/Media.stories.svelte

@@ -7,7 +7,7 @@
         component: Card.Media,
         args: {
             title: 'Title',
-            src: 'https://unsplash.it/250',
+            src: 'https://picsum.photos/id/237/250',
             alt: 'Placeholder image',
             description: 'New This is a very long description that should be truncated',
             width: '150'

v2/pink-sb/src/stories/card/Selector.stories.svelte

@@ -50,7 +50,7 @@
 <Story name="Secondary" args={{ variant: 'secondary' }} />
 <Story
     name="With image"
-    args={{ variant: 'primary', src: 'https://via.placeholder.com/248x148' }}
+    args={{ variant: 'primary', src: 'https://picsum.photos/id/237/248/148' }}
 />
 <Story name="Radius - s" args={{ radius: 's' }} />
 <Story name="Radius - m" args={{ radius: 'm' }} />