@repobuddy/storybook 2.24.0 → 2.26.0

package/esm/storybook-addon-tag-badges/index.d.ts

@@ -8,7 +8,7 @@ type TagBadgeParameter = TagBadgeParameters[0];
 /**
  * Type representing the names of predefined tags used in Storybook stories.
  */
-type TagNames = '!test' | 'editor' | 'source' | 'type' | '!type' | 'func' | '!func' | 'var' | '!var' | 'new' | 'alpha' | 'beta' | 'rc' | 'props' | 'deprecated' | 'outdated' | 'danger' | 'todo' | 'code-only' | 'snapshot' | '!snapshot' | 'unit' | 'integration' | 'keyboard' | 'internal' | 'usecase' | 'use-case' | 'playground' | 'example' | 'perf' | 'version:next' | 'remove' | 'remove:next' | 'autodocs';
+type TagNames = '!test' | 'editor' | 'source' | 'type' | '!type' | 'func' | '!func' | 'var' | '!var' | 'new' | 'a11y' | 'alpha' | 'beta' | 'rc' | 'props' | 'deprecated' | 'outdated' | 'danger' | 'todo' | 'code-only' | 'spec' | 'snapshot' | '!snapshot' | 'unit' | 'integration' | 'keyboard' | 'internal' | 'usecase' | 'use-case' | 'playground' | 'example' | 'perf' | 'version:next' | 'remove' | 'remove:next' | 'autodocs';
 /** Badge (✏️) for stories with a live editor. Shown in sidebar on story and inherited. */
 declare const editorBadge: TagBadgeParameter;
 /** Badge (🆕) for recently added stories. */
@@ -29,6 +29,8 @@ declare const removeBadge: TagBadgeParameter;
 declare const outdatedBadge: TagBadgeParameter;
 /** Badge (🚨) for stories demonstrating dangerous or cautionary patterns. */
 declare const dangerBadge: TagBadgeParameter;
+/** Badge (📜) for stories that serve as the specification of the component or code. */
+declare const specBadge: TagBadgeParameter;
 /** Badge (📋) for stories marked as todo or incomplete. */
 declare const todoBadge: TagBadgeParameter;
 /** Badge (📝) for stories without visual examples (code-only). Hidden in MDX. */
@@ -47,6 +49,8 @@ declare const snapshotBadge: TagBadgeParameter;
 declare const unitBadge: TagBadgeParameter;
 /** Badge (🔗) for stories with integration tests. Hidden in sidebar. */
 declare const integrationBadge: TagBadgeParameter;
+/** Badge (♿) for stories that demonstrate or test accessibility. */
+declare const a11yBadge: TagBadgeParameter;
 /** Badge (⌨️) for stories that demonstrate or test keyboard interaction. */
 declare const keyboardBadge: TagBadgeParameter;
 /** Badge (🔒) for internal or private-use-only stories. */
@@ -64,8 +68,8 @@ declare const perfBadge: TagBadgeParameter;
  * Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
  *
  * Badge order (first match wins): New → Alpha → Beta → RC → Deprecated → Remove → Outdated → Danger → Use Case →
- * Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit → Integration →
- * Editor → Code Only → Version → Internal → Snapshot.
+ * Spec → Playground → Example → Perf → A11y → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
+ * Integration → Editor → Code Only → Version → Internal → Snapshot.
  *
  * - 🆕 New - Recently added stories
  * - 🔴 Alpha - Stories for features in alpha
@@ -76,9 +80,11 @@ declare const perfBadge: TagBadgeParameter;
  * - ⚠️ Outdated - Stories that need updating
  * - 🚨 Danger - Stories demonstrating dangerous patterns
  * - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+ * - 📜 Spec - Stories that serve as the specification of the component or code
  * - ▶️ Playground - High-quality interactive stories for users to explore and interact with the component
  * - ✨ Example - Example or demo stories
  * - ⚡ Perf - Stories that demonstrate or test performance
+ * - ♿ A11y - Stories that demonstrate or test accessibility
  * - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
  * - `</>` Source - Source-code-focused stories
  * - `<T>` Type - Stories that showcase or document TypeScript types
@@ -168,4 +174,4 @@ type StoryObj<TMetaOrCmpOrArgs = Args> = ExtendStoryObj<TMetaOrCmpOrArgs, StoryO
   tag: TagNames;
 }>;
 //#endregion
-export { Meta, StoryObj, TagNames, alphaBadge, betaBadge, codeOnlyBadge, dangerBadge, deprecatedBadge, editorBadge, exampleBadge, functionBadge, integrationBadge, internalBadge, keyboardBadge, newBadge, outdatedBadge, perfBadge, playgroundBadge, propsBadge, rcBadge, removeBadge, snapshotBadge, sourceBadge, tagBadges, todoBadge, typeBadge, unitBadge, useCaseBadge, varBadge };
+export { Meta, StoryObj, TagNames, a11yBadge, alphaBadge, betaBadge, codeOnlyBadge, dangerBadge, deprecatedBadge, editorBadge, exampleBadge, functionBadge, integrationBadge, internalBadge, keyboardBadge, newBadge, outdatedBadge, perfBadge, playgroundBadge, propsBadge, rcBadge, removeBadge, snapshotBadge, sourceBadge, specBadge, tagBadges, todoBadge, typeBadge, unitBadge, useCaseBadge, varBadge };

package/esm/storybook-addon-tag-badges/index.js

@@ -144,6 +144,22 @@ const dangerBadge = {
 		tooltip: "Dangerous"
 	}
 };
+/** Badge (📜) for stories that serve as the specification of the component or code. */
+const specBadge = {
+	tags: "spec",
+	badge: {
+		text: "📜",
+		style: {
+			backgroundColor: "transparent",
+			borderColor: "transparent"
+		},
+		tooltip: "Specification"
+	},
+	display: { sidebar: {
+		type: "story",
+		skipInherited: false
+	} }
+};
 /** Badge (📋) for stories marked as todo or incomplete. */
 const todoBadge = {
 	tags: "todo",
@@ -275,6 +291,22 @@ const integrationBadge = {
 		skipInherited: false
 	} }
 };
+/** Badge (♿) for stories that demonstrate or test accessibility. */
+const a11yBadge = {
+	tags: "a11y",
+	badge: {
+		text: "♿",
+		style: {
+			backgroundColor: "transparent",
+			borderColor: "transparent"
+		},
+		tooltip: "Accessibility"
+	},
+	display: { sidebar: {
+		type: "story",
+		skipInherited: false
+	} }
+};
 /** Badge (⌨️) for stories that demonstrate or test keyboard interaction. */
 const keyboardBadge = {
 	tags: "keyboard",
@@ -368,8 +400,8 @@ const perfBadge = {
 * Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
 *
 * Badge order (first match wins): New → Alpha → Beta → RC → Deprecated → Remove → Outdated → Danger → Use Case →
-* Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit → Integration →
-* Editor → Code Only → Version → Internal → Snapshot.
+* Spec → Playground → Example → Perf → A11y → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
+* Integration → Editor → Code Only → Version → Internal → Snapshot.
 *
 * - 🆕 New - Recently added stories
 * - 🔴 Alpha - Stories for features in alpha
@@ -380,9 +412,11 @@ const perfBadge = {
 * - ⚠️ Outdated - Stories that need updating
 * - 🚨 Danger - Stories demonstrating dangerous patterns
 * - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+* - 📜 Spec - Stories that serve as the specification of the component or code
 * - ▶️ Playground - High-quality interactive stories for users to explore and interact with the component
 * - ✨ Example - Example or demo stories
 * - ⚡ Perf - Stories that demonstrate or test performance
+* - ♿ A11y - Stories that demonstrate or test accessibility
 * - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
 * - `</>` Source - Source-code-focused stories
 * - `<T>` Type - Stories that showcase or document TypeScript types
@@ -409,9 +443,11 @@ const tagBadges = [
 	outdatedBadge,
 	dangerBadge,
 	useCaseBadge,
+	specBadge,
 	playgroundBadge,
 	exampleBadge,
 	perfBadge,
+	a11yBadge,
 	keyboardBadge,
 	sourceBadge,
 	typeBadge,
@@ -429,4 +465,4 @@ const tagBadges = [
 ];
 
 //#endregion
-export { alphaBadge, betaBadge, codeOnlyBadge, dangerBadge, deprecatedBadge, editorBadge, exampleBadge, functionBadge, integrationBadge, internalBadge, keyboardBadge, newBadge, outdatedBadge, perfBadge, playgroundBadge, propsBadge, rcBadge, removeBadge, snapshotBadge, sourceBadge, tagBadges, todoBadge, typeBadge, unitBadge, useCaseBadge, varBadge };
+export { a11yBadge, alphaBadge, betaBadge, codeOnlyBadge, dangerBadge, deprecatedBadge, editorBadge, exampleBadge, functionBadge, integrationBadge, internalBadge, keyboardBadge, newBadge, outdatedBadge, perfBadge, playgroundBadge, propsBadge, rcBadge, removeBadge, snapshotBadge, sourceBadge, specBadge, tagBadges, todoBadge, typeBadge, unitBadge, useCaseBadge, varBadge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobuddy/storybook",
-  "version": "2.24.0",
+  "version": "2.26.0",
   "description": "Storybook repo buddy",
   "keywords": [
     "storybook",

package/readme.md

@@ -89,9 +89,11 @@ we provide a different set of badges that uses emojis (order: first match wins):
 | ⚠️      | `outdated`                                               | Stories that need updating                                                                |
 | 🚨      | `danger`                                                 | Dangerous or cautionary patterns                                                          |
 | 🎯      | `use-case`                                               | Specific use case or scenario                                                             |
+| 📜      | `spec`                                                    | Specification of the component or code                                                    |
 | ▶️      | `playground`                                             | High-quality interactive stories for users to explore and interact with the component     |
 | ✨      | `example`                                                | Example or demo stories                                                                   |
 | ⚡      | `perf`                                                   | Performance (stories that demonstrate or test performance)                                |
+| ♿      | `a11y`                                                   | Accessibility (stories that demonstrate or test accessibility)                            |
 | ⌨️      | `keyboard`                                               | Keyboard interaction                                                                      |
 | `</>`   | `source`                                                 | Source-code-focused stories                                                               |
 | `<T>`   | `type`                                                   | TypeScript types (shown in MDX)                                                           |

package/src/storybook-addon-tag-badges/tag_badges.ts

@@ -18,6 +18,7 @@ export type TagNames =
 	| 'var'
 	| '!var'
 	| 'new'
+	| 'a11y'
 	| 'alpha'
 	| 'beta'
 	| 'rc'
@@ -27,6 +28,7 @@ export type TagNames =
 	| 'danger'
 	| 'todo'
 	| 'code-only'
+	| 'spec'
 	| 'snapshot'
 	| '!snapshot'
 	| 'unit'
@@ -199,6 +201,25 @@ export const dangerBadge: TagBadgeParameter = {
 	}
 }
 
+/** Badge (📜) for stories that serve as the specification of the component or code. */
+export const specBadge: TagBadgeParameter = {
+	tags: 'spec',
+	badge: {
+		text: '📜',
+		style: {
+			backgroundColor: 'transparent',
+			borderColor: 'transparent'
+		},
+		tooltip: 'Specification'
+	},
+	display: {
+		sidebar: {
+			type: 'story',
+			skipInherited: false
+		}
+	}
+}
+
 /** Badge (📋) for stories marked as todo or incomplete. */
 export const todoBadge: TagBadgeParameter = {
 	tags: 'todo',
@@ -351,6 +372,25 @@ export const integrationBadge: TagBadgeParameter = {
 	}
 }
 
+/** Badge (♿) for stories that demonstrate or test accessibility. */
+export const a11yBadge: TagBadgeParameter = {
+	tags: 'a11y',
+	badge: {
+		text: '♿',
+		style: {
+			backgroundColor: 'transparent',
+			borderColor: 'transparent'
+		},
+		tooltip: 'Accessibility'
+	},
+	display: {
+		sidebar: {
+			type: 'story',
+			skipInherited: false
+		}
+	}
+}
+
 /** Badge (⌨️) for stories that demonstrate or test keyboard interaction. */
 export const keyboardBadge: TagBadgeParameter = {
 	tags: 'keyboard',
@@ -458,8 +498,8 @@ export const perfBadge: TagBadgeParameter = {
  * Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
  *
  * Badge order (first match wins): New → Alpha → Beta → RC → Deprecated → Remove → Outdated → Danger → Use Case →
- * Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit → Integration →
- * Editor → Code Only → Version → Internal → Snapshot.
+ * Spec → Playground → Example → Perf → A11y → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
+ * Integration → Editor → Code Only → Version → Internal → Snapshot.
  *
  * - 🆕 New - Recently added stories
  * - 🔴 Alpha - Stories for features in alpha
@@ -470,9 +510,11 @@ export const perfBadge: TagBadgeParameter = {
  * - ⚠️ Outdated - Stories that need updating
  * - 🚨 Danger - Stories demonstrating dangerous patterns
  * - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+ * - 📜 Spec - Stories that serve as the specification of the component or code
  * - ▶️ Playground - High-quality interactive stories for users to explore and interact with the component
  * - ✨ Example - Example or demo stories
  * - ⚡ Perf - Stories that demonstrate or test performance
+ * - ♿ A11y - Stories that demonstrate or test accessibility
  * - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
  * - `</>` Source - Source-code-focused stories
  * - `<T>` Type - Stories that showcase or document TypeScript types
@@ -499,9 +541,11 @@ export const tagBadges: TagBadgeParameters = [
 	outdatedBadge,
 	dangerBadge,
 	useCaseBadge,
+	specBadge,
 	playgroundBadge,
 	exampleBadge,
 	perfBadge,
+	a11yBadge,
 	keyboardBadge,
 	sourceBadge,
 	typeBadge,