@repobuddy/storybook 2.18.0 → 2.18.1

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

@@ -51,24 +51,27 @@ declare const useCaseBadge: TagBadgeParameter;
  * Configuration for story tag badges that appear in the Storybook sidebar.
  * Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
  *
- * The badges help visually identify stories with certain characteristics:
+ * Badge order (first match wins): New → Beta → Deprecated → Outdated → Danger → Use Case →
+ * Keyboard → Source → Type → Function → Var → Props → Todo → Unit → Integration → Editor →
+ * Code Only → Version → Internal → Snapshot.
+ *
  * - 🆕 New - Recently added stories
  * - 🌱 Beta - Stories for features in beta
  * - 🪦 Deprecated - Stories for deprecated features
  * - ⚠️ Outdated - Stories that need updating
- * - ✏️ Editor - Stories with live editor
- * - 🧪 Unit - Stories with unit tests
- * - 🔗 Integration - Stories with integration tests
- * - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
  * - 🚨 Danger - Stories demonstrating dangerous patterns
+ * - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+ * - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
  * - `</>` Source - Source-code-focused stories
  * - `<T>` Type - Stories that showcase or document TypeScript types
  * - `ƒ(x)` Function - Stories that showcase or document functions
  * - `var` Variables - Stories that describe values and variables
  * - 🔧 Props - Stories that demonstrate props or configuration
- * - 📝 Code Only - Stories without visual examples
  * - 📋 Todo - Stories marked as todo/incomplete
- * - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+ * - 🧪 Unit - Stories with unit tests
+ * - 🔗 Integration - Stories with integration tests
+ * - ✏️ Editor - Stories with live editor
+ * - 📝 Code Only - Stories without visual examples
  * - `next` - (`version:next`) The component or function is available in the next version
  * - `x.y` - (`version:x.y`) The component or function was created or updated in the x.y version
  * - 🔒 Internal - Internal or private-use-only stories

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

@@ -250,24 +250,27 @@ const useCaseBadge = {
 * Configuration for story tag badges that appear in the Storybook sidebar.
 * Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
 *
-* The badges help visually identify stories with certain characteristics:
+* Badge order (first match wins): New → Beta → Deprecated → Outdated → Danger → Use Case →
+* Keyboard → Source → Type → Function → Var → Props → Todo → Unit → Integration → Editor →
+* Code Only → Version → Internal → Snapshot.
+*
 * - 🆕 New - Recently added stories
 * - 🌱 Beta - Stories for features in beta
 * - 🪦 Deprecated - Stories for deprecated features
 * - ⚠️ Outdated - Stories that need updating
-* - ✏️ Editor - Stories with live editor
-* - 🧪 Unit - Stories with unit tests
-* - 🔗 Integration - Stories with integration tests
-* - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
 * - 🚨 Danger - Stories demonstrating dangerous patterns
+* - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+* - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
 * - `</>` Source - Source-code-focused stories
 * - `<T>` Type - Stories that showcase or document TypeScript types
 * - `ƒ(x)` Function - Stories that showcase or document functions
 * - `var` Variables - Stories that describe values and variables
 * - 🔧 Props - Stories that demonstrate props or configuration
-* - 📝 Code Only - Stories without visual examples
 * - 📋 Todo - Stories marked as todo/incomplete
-* - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+* - 🧪 Unit - Stories with unit tests
+* - 🔗 Integration - Stories with integration tests
+* - ✏️ Editor - Stories with live editor
+* - 📝 Code Only - Stories without visual examples
 * - `next` - (`version:next`) The component or function is available in the next version
 * - `x.y` - (`version:x.y`) The component or function was created or updated in the x.y version
 * - 🔒 Internal - Internal or private-use-only stories
@@ -278,19 +281,19 @@ const tagBadges = [
 	betaBadge,
 	deprecatedBadge,
 	outdatedBadge,
-	editorBadge,
-	unitBadge,
-	integrationBadge,
-	keyboardBadge,
 	dangerBadge,
+	useCaseBadge,
+	keyboardBadge,
 	sourceBadge,
 	typeBadge,
 	functionBadge,
 	varBadge,
 	propsBadge,
-	codeOnlyBadge,
 	todoBadge,
-	useCaseBadge,
+	unitBadge,
+	integrationBadge,
+	editorBadge,
+	codeOnlyBadge,
 	versionBadge,
 	internalBadge,
 	snapshotBadge

package/package.json

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

package/readme.md

@@ -76,28 +76,28 @@ addons.setConfig({
 ### `storybook-addon-tag-badges`
 
 If you use [`storybook-addon-tag-badges`][`storybook-addon-tag-badges`],
-we provide a different set of badges that uses emojis:
+we provide a different set of badges that uses emojis (order: first match wins):
 
-- ✏️ `editor` - Live editor stories (with [`storybook-addon-code-editor`][`storybook-addon-code-editor`])
 - 🆕 `new` - Recently added stories
 - 🌱 `beta` - Features in beta
 - 🪦 `deprecated` - Deprecated features
 - ⚠️ `outdated` - Stories that need updating
-- 🔧 `props` - Props or configuration
 - 🚨 `danger` - Dangerous or cautionary patterns
+- 🎯 `use-case` - Specific use case or scenario
+- ⌨️ `keyboard` - Keyboard interaction
 - `</>` `source` - Source-code-focused stories
 - `<T>` `type` - TypeScript types (shown in MDX)
 - `ƒ(x)` `func` - Functions (shown in MDX)
 - `var` `var` - Variables (shown in MDX)
-- 📝 `code-only` - Stories without visual examples (hidden in MDX)
+- 🔧 `props` - Props or configuration
 - 📋 `todo` - Todo or incomplete stories
-- 🎯 `use-case` - Specific use case or scenario
-- ⌨️ `keyboard` - Keyboard interaction
-- 📸 `snapshot` - Snapshot tests (toolbar only, not sidebar)
 - 🧪 `unit` - Unit tests
 - 🔗 `integration` - Integration tests (hidden in sidebar)
-- 🔒 `internal` - Internal or private-use-only stories
+- ✏️ `editor` - Live editor stories (with [`storybook-addon-code-editor`][`storybook-addon-code-editor`])
+- 📝 `code-only` - Stories without visual examples (hidden in MDX)
 - Version indicators (unchanged)
+- 🔒 `internal` - Internal or private-use-only stories
+- 📸 `snapshot` - Snapshot tests (toolbar only, not sidebar)
 
 To use them, add them to your `.storybook/manager.ts`:
 

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

@@ -317,24 +317,27 @@ export const useCaseBadge: TagBadgeParameter = {
  * Configuration for story tag badges that appear in the Storybook sidebar.
  * Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
  *
- * The badges help visually identify stories with certain characteristics:
+ * Badge order (first match wins): New → Beta → Deprecated → Outdated → Danger → Use Case →
+ * Keyboard → Source → Type → Function → Var → Props → Todo → Unit → Integration → Editor →
+ * Code Only → Version → Internal → Snapshot.
+ *
  * - 🆕 New - Recently added stories
  * - 🌱 Beta - Stories for features in beta
  * - 🪦 Deprecated - Stories for deprecated features
  * - ⚠️ Outdated - Stories that need updating
- * - ✏️ Editor - Stories with live editor
- * - 🧪 Unit - Stories with unit tests
- * - 🔗 Integration - Stories with integration tests
- * - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
  * - 🚨 Danger - Stories demonstrating dangerous patterns
+ * - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+ * - ⌨️ Keyboard - Stories that demonstrate or test keyboard interaction
  * - `</>` Source - Source-code-focused stories
  * - `<T>` Type - Stories that showcase or document TypeScript types
  * - `ƒ(x)` Function - Stories that showcase or document functions
  * - `var` Variables - Stories that describe values and variables
  * - 🔧 Props - Stories that demonstrate props or configuration
- * - 📝 Code Only - Stories without visual examples
  * - 📋 Todo - Stories marked as todo/incomplete
- * - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
+ * - 🧪 Unit - Stories with unit tests
+ * - 🔗 Integration - Stories with integration tests
+ * - ✏️ Editor - Stories with live editor
+ * - 📝 Code Only - Stories without visual examples
  * - `next` - (`version:next`) The component or function is available in the next version
  * - `x.y` - (`version:x.y`) The component or function was created or updated in the x.y version
  * - 🔒 Internal - Internal or private-use-only stories
@@ -345,19 +348,19 @@ export const tagBadges: TagBadgeParameters = [
 	betaBadge,
 	deprecatedBadge,
 	outdatedBadge,
-	editorBadge,
-	unitBadge,
-	integrationBadge,
-	keyboardBadge,
 	dangerBadge,
+	useCaseBadge,
+	keyboardBadge,
 	sourceBadge,
 	typeBadge,
 	functionBadge,
 	varBadge,
 	propsBadge,
-	codeOnlyBadge,
 	todoBadge,
-	useCaseBadge,
+	unitBadge,
+	integrationBadge,
+	editorBadge,
+	codeOnlyBadge,
 	versionBadge,
 	internalBadge,
 	snapshotBadge