@snacky/ui 0.3.2 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +20 -2
- package/dist/index.d.ts +20 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -367,12 +367,30 @@ declare function Avatar({ src, alt, size, className }: AvatarProps): react.JSX.E
|
|
|
367
367
|
type IllustrationVariant = 'empty' | 'createAccount' | 'welcome' | 'success' | 'discountReferral';
|
|
368
368
|
interface IllustrationProps {
|
|
369
369
|
variant: IllustrationVariant;
|
|
370
|
-
/**
|
|
370
|
+
/** Your own export of this illustration - this package ships no artwork. */
|
|
371
371
|
src: string;
|
|
372
372
|
alt: string;
|
|
373
373
|
className?: string;
|
|
374
374
|
}
|
|
375
|
-
/**
|
|
375
|
+
/**
|
|
376
|
+
* Snacky Illustration - decorative spot illustration for empty states,
|
|
377
|
+
* onboarding and confirmations.
|
|
378
|
+
*
|
|
379
|
+
* ```tsx
|
|
380
|
+
* <Illustration variant="empty" src="/img/empty.svg" alt="No products found" />
|
|
381
|
+
* ```
|
|
382
|
+
*
|
|
383
|
+
* This ships no artwork, deliberately, and that is the normal split - Material,
|
|
384
|
+
* Radix and Chakra ship none either. What belongs in a design system is the
|
|
385
|
+
* documented canvas size per variant, which is what this owns; the Snacky
|
|
386
|
+
* artwork itself is modified stock and is not ours to redistribute.
|
|
387
|
+
*
|
|
388
|
+
* Export your own at the variant's ratio (SVG preferred) and serve it wherever
|
|
389
|
+
* your app already serves static assets. Open Peeps (openpeeps.com) is CC0 and
|
|
390
|
+
* drops in cleanly; unDraw (undraw.co) is free without attribution but its
|
|
391
|
+
* licence forbids redistributing assets "in packs", so keep it inside your own
|
|
392
|
+
* app. See the package README for the fuller note.
|
|
393
|
+
*/
|
|
376
394
|
declare function Illustration({ variant, src, alt, className }: IllustrationProps): react.JSX.Element;
|
|
377
395
|
|
|
378
396
|
type ProductImageUsage = 'product-card' | 'product-details' | 'list' | 'review' | 'variant' | 'accordion-modal';
|
package/dist/index.d.ts
CHANGED
|
@@ -367,12 +367,30 @@ declare function Avatar({ src, alt, size, className }: AvatarProps): react.JSX.E
|
|
|
367
367
|
type IllustrationVariant = 'empty' | 'createAccount' | 'welcome' | 'success' | 'discountReferral';
|
|
368
368
|
interface IllustrationProps {
|
|
369
369
|
variant: IllustrationVariant;
|
|
370
|
-
/**
|
|
370
|
+
/** Your own export of this illustration - this package ships no artwork. */
|
|
371
371
|
src: string;
|
|
372
372
|
alt: string;
|
|
373
373
|
className?: string;
|
|
374
374
|
}
|
|
375
|
-
/**
|
|
375
|
+
/**
|
|
376
|
+
* Snacky Illustration - decorative spot illustration for empty states,
|
|
377
|
+
* onboarding and confirmations.
|
|
378
|
+
*
|
|
379
|
+
* ```tsx
|
|
380
|
+
* <Illustration variant="empty" src="/img/empty.svg" alt="No products found" />
|
|
381
|
+
* ```
|
|
382
|
+
*
|
|
383
|
+
* This ships no artwork, deliberately, and that is the normal split - Material,
|
|
384
|
+
* Radix and Chakra ship none either. What belongs in a design system is the
|
|
385
|
+
* documented canvas size per variant, which is what this owns; the Snacky
|
|
386
|
+
* artwork itself is modified stock and is not ours to redistribute.
|
|
387
|
+
*
|
|
388
|
+
* Export your own at the variant's ratio (SVG preferred) and serve it wherever
|
|
389
|
+
* your app already serves static assets. Open Peeps (openpeeps.com) is CC0 and
|
|
390
|
+
* drops in cleanly; unDraw (undraw.co) is free without attribution but its
|
|
391
|
+
* licence forbids redistributing assets "in packs", so keep it inside your own
|
|
392
|
+
* app. See the package README for the fuller note.
|
|
393
|
+
*/
|
|
376
394
|
declare function Illustration({ variant, src, alt, className }: IllustrationProps): react.JSX.Element;
|
|
377
395
|
|
|
378
396
|
type ProductImageUsage = 'product-card' | 'product-details' | 'list' | 'review' | 'variant' | 'accordion-modal';
|