@guideveloper/design-assets 0.1.10 → 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,19 +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<{
+declare const AnimationPleasedToMeetYou: React.FC<{
     loop?: boolean;
     autoplay?: boolean;
     className?: string;
@@ -102,17 +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: "loadinghourglasspurple";
+    readonly name: "loading-hourglass-purple";
     readonly frameRate: 30;
     readonly loop: true;
     readonly tags: readonly [];
 }, {
-    readonly name: "pleasedtomeetyou";
+    readonly name: "pleased-to-meet-you";
     readonly frameRate: 30;
     readonly loop: true;
     readonly tags: readonly [];
@@ -126,4 +126,4 @@ type IconMetadata = typeof icons[number];
 type IllustrationMetadata = typeof illustrations[number];
 type AnimationMetadata = typeof animations[number];
 
-export { AnimationBounce, AnimationCardordersuccess, AnimationLoadinghourglasspurple, AnimationMetadata, AnimationPleasedtomeetyou, 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,19 +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<{
+declare const AnimationPleasedToMeetYou: React.FC<{
     loop?: boolean;
     autoplay?: boolean;
     className?: string;
@@ -102,17 +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: "loadinghourglasspurple";
+    readonly name: "loading-hourglass-purple";
     readonly frameRate: 30;
     readonly loop: true;
     readonly tags: readonly [];
 }, {
-    readonly name: "pleasedtomeetyou";
+    readonly name: "pleased-to-meet-you";
     readonly frameRate: 30;
     readonly loop: true;
     readonly tags: readonly [];
@@ -126,4 +126,4 @@ type IconMetadata = typeof icons[number];
 type IllustrationMetadata = typeof illustrations[number];
 type AnimationMetadata = typeof animations[number];
 
-export { AnimationBounce, AnimationCardordersuccess, AnimationLoadinghourglasspurple, AnimationMetadata, AnimationPleasedtomeetyou, 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.js

@@ -13512,7 +13512,7 @@ var animationData2 = {
     }
   ]
 };
-var AnimationCardordersuccess = ({ loop = true, autoplay = true, ...rest }) => {
+var AnimationCardOrderSuccess = ({ loop = true, autoplay = true, ...rest }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Lottie__default.default, { animationData: animationData2, loop, autoplay, ...rest });
 };
 var animationData3 = {
@@ -16997,7 +16997,7 @@ var animationData3 = {
     }
   ]
 };
-var AnimationLoadinghourglasspurple = ({ loop = true, autoplay = true, ...rest }) => {
+var AnimationLoadingHourglassPurple = ({ loop = true, autoplay = true, ...rest }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Lottie__default.default, { animationData: animationData3, loop, autoplay, ...rest });
 };
 var animationData4 = {
@@ -26931,7 +26931,7 @@ var animationData4 = {
     }
   ]
 };
-var AnimationPleasedtomeetyou = ({ loop = true, autoplay = true, ...rest }) => {
+var AnimationPleasedToMeetYou = ({ loop = true, autoplay = true, ...rest }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Lottie__default.default, { animationData: animationData4, loop, autoplay, ...rest });
 };
 var animationData5 = {
@@ -27272,19 +27272,19 @@ var animations = [
     "description": "Simple bouncing ball animation"
   },
   {
-    "name": "cardordersuccess",
+    "name": "card-order-success",
     "frameRate": 30,
     "loop": true,
     "tags": []
   },
   {
-    "name": "loadinghourglasspurple",
+    "name": "loading-hourglass-purple",
     "frameRate": 30,
     "loop": true,
     "tags": []
   },
   {
-    "name": "pleasedtomeetyou",
+    "name": "pleased-to-meet-you",
     "frameRate": 30,
     "loop": true,
     "tags": []
@@ -27301,9 +27301,9 @@ var animations = [
 ];
 
 exports.AnimationBounce = AnimationBounce;
-exports.AnimationCardordersuccess = AnimationCardordersuccess;
-exports.AnimationLoadinghourglasspurple = AnimationLoadinghourglasspurple;
-exports.AnimationPleasedtomeetyou = AnimationPleasedtomeetyou;
+exports.AnimationCardOrderSuccess = AnimationCardOrderSuccess;
+exports.AnimationLoadingHourglassPurple = AnimationLoadingHourglassPurple;
+exports.AnimationPleasedToMeetYou = AnimationPleasedToMeetYou;
 exports.AnimationPulse = AnimationPulse;
 exports.IconAmbulance = IconAmbulance;
 exports.IconAtom = IconAtom;