@repobuddy/storybook 2.25.0 → 2.27.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' | 'spec' | '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' | 'class' | '!class' | '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. */
@@ -37,6 +37,8 @@ declare const todoBadge: TagBadgeParameter;
 declare const codeOnlyBadge: TagBadgeParameter;
 /** Badge (<T>) for stories that showcase or document TypeScript types. Hidden in MDX. */
 declare const typeBadge: TagBadgeParameter;
+/** Badge (🔷) for stories that showcase or document classes. Hidden in MDX. */
+declare const classBadge: TagBadgeParameter;
 /** Badge (ƒ(x)) for stories that showcase or document functions. Hidden in MDX. */
 declare const functionBadge: TagBadgeParameter;
 /** Badge (var) for stories that describe values and variables. */
@@ -49,6 +51,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. */
@@ -66,7 +70,7 @@ 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 →
- * Spec → Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
+ * Spec → Playground → Example → Perf → A11y → Keyboard → Source → Type → Class → Function → Var → Props → Todo → Unit →
  * Integration → Editor → Code Only → Version → Internal → Snapshot.
  *
  * - 🆕 New - Recently added stories
@@ -82,12 +86,14 @@ declare const perfBadge: TagBadgeParameter;
  * - ▶️ 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
+ * - 🔧 Props - Stories that demonstrate props or configuration
  * - `<T>` Type - Stories that showcase or document TypeScript types
+ * - 🔷 Class - Stories that showcase or document classes
  * - `ƒ(x)` Function - Stories that showcase or document functions
  * - `var` Variables - Stories that describe values and variables
- * - 🔧 Props - Stories that demonstrate props or configuration
  * - 📋 Todo - Stories marked as todo/incomplete
  * - 🧪 Unit - Stories with unit tests
  * - 🔗 Integration - Stories with integration tests
@@ -171,4 +177,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, specBadge, tagBadges, todoBadge, typeBadge, unitBadge, useCaseBadge, varBadge };
+export { Meta, StoryObj, TagNames, a11yBadge, alphaBadge, betaBadge, classBadge, 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

@@ -198,6 +198,19 @@ const typeBadge = {
 	},
 	display: { mdx: true }
 };
+/** Badge (🔷) for stories that showcase or document classes. Hidden in MDX. */
+const classBadge = {
+	tags: "class",
+	badge: {
+		text: "🔷",
+		style: {
+			backgroundColor: "transparent",
+			borderColor: "transparent"
+		},
+		tooltip: "Class"
+	},
+	display: { mdx: true }
+};
 /** Badge (ƒ(x)) for stories that showcase or document functions. Hidden in MDX. */
 const functionBadge = {
 	tags: "func",
@@ -291,6 +304,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",
@@ -384,7 +413,7 @@ 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 →
-* Spec → Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
+* Spec → Playground → Example → Perf → A11y → Keyboard → Source → Type → Class → Function → Var → Props → Todo → Unit →
 * Integration → Editor → Code Only → Version → Internal → Snapshot.
 *
 * - 🆕 New - Recently added stories
@@ -400,12 +429,14 @@ const perfBadge = {
 * - ▶️ 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
+* - 🔧 Props - Stories that demonstrate props or configuration
 * - `<T>` Type - Stories that showcase or document TypeScript types
+* - 🔷 Class - Stories that showcase or document classes
 * - `ƒ(x)` Function - Stories that showcase or document functions
 * - `var` Variables - Stories that describe values and variables
-* - 🔧 Props - Stories that demonstrate props or configuration
 * - 📋 Todo - Stories marked as todo/incomplete
 * - 🧪 Unit - Stories with unit tests
 * - 🔗 Integration - Stories with integration tests
@@ -430,12 +461,14 @@ const tagBadges = [
 	playgroundBadge,
 	exampleBadge,
 	perfBadge,
-	keyboardBadge,
 	sourceBadge,
+	a11yBadge,
+	keyboardBadge,
+	propsBadge,
 	typeBadge,
+	classBadge,
 	functionBadge,
 	varBadge,
-	propsBadge,
 	todoBadge,
 	unitBadge,
 	integrationBadge,
@@ -447,4 +480,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, specBadge, tagBadges, todoBadge, typeBadge, unitBadge, useCaseBadge, varBadge };
+export { a11yBadge, alphaBadge, betaBadge, classBadge, 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.25.0",
+  "version": "2.27.0",
   "description": "Storybook repo buddy",
   "keywords": [
     "storybook",

package/readme.md

@@ -93,9 +93,11 @@ we provide a different set of badges that uses emojis (order: first match wins):
 | ▶️      | `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)                                                           |
+| 🔷      | `class`                                                  | Classes (shown in MDX)                                                                    |
 | `ƒ(x)`  | `func`                                                   | Functions (shown in MDX)                                                                  |
 | `var`   | `var`                                                    | Variables (shown in MDX)                                                                  |
 | 🔧      | `props`                                                  | Props or configuration                                                                    |

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

@@ -13,11 +13,14 @@ export type TagNames =
 	| 'source'
 	| 'type'
 	| '!type'
+	| 'class'
+	| '!class'
 	| 'func'
 	| '!func'
 	| 'var'
 	| '!var'
 	| 'new'
+	| 'a11y'
 	| 'alpha'
 	| 'beta'
 	| 'rc'
@@ -264,6 +267,22 @@ export const typeBadge: TagBadgeParameter = {
 	}
 }
 
+/** Badge (🔷) for stories that showcase or document classes. Hidden in MDX. */
+export const classBadge: TagBadgeParameter = {
+	tags: 'class',
+	badge: {
+		text: '🔷',
+		style: {
+			backgroundColor: 'transparent',
+			borderColor: 'transparent'
+		},
+		tooltip: 'Class'
+	},
+	display: {
+		mdx: true
+	}
+}
+
 /** Badge (ƒ(x)) for stories that showcase or document functions. Hidden in MDX. */
 export const functionBadge: TagBadgeParameter = {
 	tags: 'func',
@@ -371,6 +390,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',
@@ -478,7 +516,7 @@ 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 →
- * Spec → Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
+ * Spec → Playground → Example → Perf → A11y → Keyboard → Source → Type → Class → Function → Var → Props → Todo → Unit →
  * Integration → Editor → Code Only → Version → Internal → Snapshot.
  *
  * - 🆕 New - Recently added stories
@@ -494,12 +532,14 @@ export const perfBadge: TagBadgeParameter = {
  * - ▶️ 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
+ * - 🔧 Props - Stories that demonstrate props or configuration
  * - `<T>` Type - Stories that showcase or document TypeScript types
+ * - 🔷 Class - Stories that showcase or document classes
  * - `ƒ(x)` Function - Stories that showcase or document functions
  * - `var` Variables - Stories that describe values and variables
- * - 🔧 Props - Stories that demonstrate props or configuration
  * - 📋 Todo - Stories marked as todo/incomplete
  * - 🧪 Unit - Stories with unit tests
  * - 🔗 Integration - Stories with integration tests
@@ -524,12 +564,14 @@ export const tagBadges: TagBadgeParameters = [
 	playgroundBadge,
 	exampleBadge,
 	perfBadge,
-	keyboardBadge,
 	sourceBadge,
+	a11yBadge,
+	keyboardBadge,
+	propsBadge,
 	typeBadge,
+	classBadge,
 	functionBadge,
 	varBadge,
-	propsBadge,
 	todoBadge,
 	unitBadge,
 	integrationBadge,