@guideveloper/design-assets 0.1.9 → 0.1.11

package/README.md

@@ -1,27 +1,24 @@
 # Design Asset Library
 
-Source of truth for icons, illustrations, and animations. Generates React components, Storybook, metadata exports, and publishes as `@guideveloper/design-assets`.
+Source of truth for icons, illustrations, and animations. Generates React components, metadata exports, and publishes as `@guideveloper/design-assets`.
 
 ## Structure
 - `assets/` raw assets + metadata
-- `scripts/generateAssets.ts` scans assets and builds components, metadata, and stories
+- `scripts/generateAssets.ts` scans assets and builds components + metadata
 - `src/components` generated React components
 - `src/metadata` generated metadata arrays
-- `.storybook` Storybook config
 
 ## Commands
-- `npm run generate-assets` – generate components/stories/metadata from `assets`
-- `npm run storybook` – run Storybook locally
-- `npm run build-storybook` – build static Storybook
+- `npm run generate-assets` – generate components/metadata from `assets`
 - `npm run build` – bundle library via tsup (ESM + CJS)
 
 ## Workflow
 1. Add/update files under `assets/icons|illustrations|animations` (with matching `.json` metadata files).
 2. Run `npm install` then `npm run generate-assets`.
-3. Open Storybook (`npm run storybook`) to review.
-4. When you want a release, manually trigger the workflow (`.github/workflows/codegen-and-publish.yml`) which runs codegen, bumps the version, builds Storybook, builds the package, publishes Storybook to `gh-pages`, publishes to npm, and pushes the tagged release back to `master`.
+3. When you want a release, manually trigger the workflow (`.github/workflows/codegen-and-publish.yml`) which runs codegen, bumps the version, builds the package, publishes to npm, and pushes the tagged release back to `master`.
 
 ## Asset metadata format
+- **Naming**: Use kebab-case file names (e.g. `pleased-to-meet-you`). Long multi-word names without separators will fail generation.
 - **Icon**: `assets/icons/name.svg` + `assets/icons/name.json` `{ name, tags?, description? }`
 - **Illustration**: `assets/illustrations/name.svg|png` + `assets/illustrations/name.json` `{ name, category?, tags?, description? }`
 - **Animation**: `assets/animations/name.json` (Lottie) + `assets/animations/name.meta.json` `{ name, frameRate?, loop?, tags?, description? }`
@@ -29,10 +26,9 @@ Source of truth for icons, illustrations, and animations. Generates React compon
 ## Publishing
 Set secrets:
 - `NPM_TOKEN` for npm publish
-- Use default `GITHUB_TOKEN` for Storybook deploy to `gh-pages`
 
 Package name: `@guideveloper/design-assets`
 
 ### Manual release button
-- GitHub Actions has a built-in “Run workflow” button for `Manual Codegen, Storybook, and Publish` (workflow dispatch only; no auto-runs on `master`).
-- A lightweight front-end trigger lives at `scripts/run-manual-build.html` with a “Run workflow” button. Open the file in a browser, provide a GitHub token with `workflow` scope (and `repo`/`public_repo` as needed), choose the bump type, and optionally publish Storybook. It dispatches the workflow on `master`.
+- GitHub Actions has a built-in “Run workflow” button for `Manual Codegen and Publish` (workflow dispatch only; no auto-runs on `master`).
+- A lightweight front-end trigger lives at `scripts/run-manual-build.html` with a “Run workflow” button. Open the file in a browser, provide a GitHub token with `workflow` scope (and `repo`/`public_repo` as needed), choose the bump type, and dispatch the workflow on `master`.

package/dist/index.d.mts

@@ -28,13 +28,19 @@ declare const AnimationBounce: React.FC<{
     className?: string;
 } & Partial<React.ComponentProps<typeof Lottie>>>;
 
-declare const AnimationCardordersuccess: React.FC<{
+declare const AnimationCardOrderSuccess: React.FC<{
     loop?: boolean;
     autoplay?: boolean;
     className?: string;
 } & Partial<React.ComponentProps<typeof Lottie>>>;
 
-declare const AnimationLoadinghourglasspurple: React.FC<{
+declare const AnimationLoadingHourglassPurple: React.FC<{
+    loop?: boolean;
+    autoplay?: boolean;
+    className?: string;
+} & Partial<React.ComponentProps<typeof Lottie>>>;
+
+declare const AnimationPleasedToMeetYou: React.FC<{
     loop?: boolean;
     autoplay?: boolean;
     className?: string;
@@ -96,12 +102,17 @@ declare const animations: readonly [{
     readonly tags: readonly ["motion", "loop"];
     readonly description: "Simple bouncing ball animation";
 }, {
-    readonly name: "cardordersuccess";
+    readonly name: "card-order-success";
+    readonly frameRate: 30;
+    readonly loop: true;
+    readonly tags: readonly [];
+}, {
+    readonly name: "loading-hourglass-purple";
     readonly frameRate: 30;
     readonly loop: true;
     readonly tags: readonly [];
 }, {
-    readonly name: "loadinghourglasspurple";
+    readonly name: "pleased-to-meet-you";
     readonly frameRate: 30;
     readonly loop: true;
     readonly tags: readonly [];
@@ -115,4 +126,4 @@ type IconMetadata = typeof icons[number];
 type IllustrationMetadata = typeof illustrations[number];
 type AnimationMetadata = typeof animations[number];
 
-export { AnimationBounce, AnimationCardordersuccess, AnimationLoadinghourglasspurple, AnimationMetadata, AnimationPulse, IconAmbulance, IconAtom, IconCableCar, IconCheeseIcon, IconCheeseIcon2, IconHeartActivity, IconMetadata, IconSearch, IllustrationMetadata, IllustrationRoosterHead, IllustrationSunrise, IllustrationSvgIcon, animations, icons, illustrations };
+export { AnimationBounce, AnimationCardOrderSuccess, AnimationLoadingHourglassPurple, AnimationMetadata, AnimationPleasedToMeetYou, AnimationPulse, IconAmbulance, IconAtom, IconCableCar, IconCheeseIcon, IconCheeseIcon2, IconHeartActivity, IconMetadata, IconSearch, IllustrationMetadata, IllustrationRoosterHead, IllustrationSunrise, IllustrationSvgIcon, animations, icons, illustrations };

package/dist/index.d.ts

@@ -28,13 +28,19 @@ declare const AnimationBounce: React.FC<{
     className?: string;
 } & Partial<React.ComponentProps<typeof Lottie>>>;
 
-declare const AnimationCardordersuccess: React.FC<{
+declare const AnimationCardOrderSuccess: React.FC<{
     loop?: boolean;
     autoplay?: boolean;
     className?: string;
 } & Partial<React.ComponentProps<typeof Lottie>>>;
 
-declare const AnimationLoadinghourglasspurple: React.FC<{
+declare const AnimationLoadingHourglassPurple: React.FC<{
+    loop?: boolean;
+    autoplay?: boolean;
+    className?: string;
+} & Partial<React.ComponentProps<typeof Lottie>>>;
+
+declare const AnimationPleasedToMeetYou: React.FC<{
     loop?: boolean;
     autoplay?: boolean;
     className?: string;
@@ -96,12 +102,17 @@ declare const animations: readonly [{
     readonly tags: readonly ["motion", "loop"];
     readonly description: "Simple bouncing ball animation";
 }, {
-    readonly name: "cardordersuccess";
+    readonly name: "card-order-success";
+    readonly frameRate: 30;
+    readonly loop: true;
+    readonly tags: readonly [];
+}, {
+    readonly name: "loading-hourglass-purple";
     readonly frameRate: 30;
     readonly loop: true;
     readonly tags: readonly [];
 }, {
-    readonly name: "loadinghourglasspurple";
+    readonly name: "pleased-to-meet-you";
     readonly frameRate: 30;
     readonly loop: true;
     readonly tags: readonly [];
@@ -115,4 +126,4 @@ type IconMetadata = typeof icons[number];
 type IllustrationMetadata = typeof illustrations[number];
 type AnimationMetadata = typeof animations[number];
 
-export { AnimationBounce, AnimationCardordersuccess, AnimationLoadinghourglasspurple, AnimationMetadata, AnimationPulse, IconAmbulance, IconAtom, IconCableCar, IconCheeseIcon, IconCheeseIcon2, IconHeartActivity, IconMetadata, IconSearch, IllustrationMetadata, IllustrationRoosterHead, IllustrationSunrise, IllustrationSvgIcon, animations, icons, illustrations };
+export { AnimationBounce, AnimationCardOrderSuccess, AnimationLoadingHourglassPurple, AnimationMetadata, AnimationPleasedToMeetYou, AnimationPulse, IconAmbulance, IconAtom, IconCableCar, IconCheeseIcon, IconCheeseIcon2, IconHeartActivity, IconMetadata, IconSearch, IllustrationMetadata, IllustrationRoosterHead, IllustrationSunrise, IllustrationSvgIcon, animations, icons, illustrations };