@repobuddy/storybook 2.24.0 → 2.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,7 +8,7 @@ type TagBadgeParameter = TagBadgeParameters[0];
|
|
|
8
8
|
/**
|
|
9
9
|
* Type representing the names of predefined tags used in Storybook stories.
|
|
10
10
|
*/
|
|
11
|
-
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';
|
|
11
|
+
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';
|
|
12
12
|
/** Badge (✏️) for stories with a live editor. Shown in sidebar on story and inherited. */
|
|
13
13
|
declare const editorBadge: TagBadgeParameter;
|
|
14
14
|
/** Badge (🆕) for recently added stories. */
|
|
@@ -29,6 +29,8 @@ declare const removeBadge: TagBadgeParameter;
|
|
|
29
29
|
declare const outdatedBadge: TagBadgeParameter;
|
|
30
30
|
/** Badge (🚨) for stories demonstrating dangerous or cautionary patterns. */
|
|
31
31
|
declare const dangerBadge: TagBadgeParameter;
|
|
32
|
+
/** Badge (📜) for stories that serve as the specification of the component or code. */
|
|
33
|
+
declare const specBadge: TagBadgeParameter;
|
|
32
34
|
/** Badge (📋) for stories marked as todo or incomplete. */
|
|
33
35
|
declare const todoBadge: TagBadgeParameter;
|
|
34
36
|
/** Badge (📝) for stories without visual examples (code-only). Hidden in MDX. */
|
|
@@ -64,8 +66,8 @@ declare const perfBadge: TagBadgeParameter;
|
|
|
64
66
|
* Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
|
|
65
67
|
*
|
|
66
68
|
* Badge order (first match wins): New → Alpha → Beta → RC → Deprecated → Remove → Outdated → Danger → Use Case →
|
|
67
|
-
* Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
|
|
68
|
-
* Editor → Code Only → Version → Internal → Snapshot.
|
|
69
|
+
* Spec → Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
|
|
70
|
+
* Integration → Editor → Code Only → Version → Internal → Snapshot.
|
|
69
71
|
*
|
|
70
72
|
* - 🆕 New - Recently added stories
|
|
71
73
|
* - 🔴 Alpha - Stories for features in alpha
|
|
@@ -76,6 +78,7 @@ declare const perfBadge: TagBadgeParameter;
|
|
|
76
78
|
* - ⚠️ Outdated - Stories that need updating
|
|
77
79
|
* - 🚨 Danger - Stories demonstrating dangerous patterns
|
|
78
80
|
* - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
|
|
81
|
+
* - 📜 Spec - Stories that serve as the specification of the component or code
|
|
79
82
|
* - ▶️ Playground - High-quality interactive stories for users to explore and interact with the component
|
|
80
83
|
* - ✨ Example - Example or demo stories
|
|
81
84
|
* - ⚡ Perf - Stories that demonstrate or test performance
|
|
@@ -168,4 +171,4 @@ type StoryObj<TMetaOrCmpOrArgs = Args> = ExtendStoryObj<TMetaOrCmpOrArgs, StoryO
|
|
|
168
171
|
tag: TagNames;
|
|
169
172
|
}>;
|
|
170
173
|
//#endregion
|
|
171
|
-
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 };
|
|
174
|
+
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 };
|
|
@@ -144,6 +144,22 @@ const dangerBadge = {
|
|
|
144
144
|
tooltip: "Dangerous"
|
|
145
145
|
}
|
|
146
146
|
};
|
|
147
|
+
/** Badge (📜) for stories that serve as the specification of the component or code. */
|
|
148
|
+
const specBadge = {
|
|
149
|
+
tags: "spec",
|
|
150
|
+
badge: {
|
|
151
|
+
text: "📜",
|
|
152
|
+
style: {
|
|
153
|
+
backgroundColor: "transparent",
|
|
154
|
+
borderColor: "transparent"
|
|
155
|
+
},
|
|
156
|
+
tooltip: "Specification"
|
|
157
|
+
},
|
|
158
|
+
display: { sidebar: {
|
|
159
|
+
type: "story",
|
|
160
|
+
skipInherited: false
|
|
161
|
+
} }
|
|
162
|
+
};
|
|
147
163
|
/** Badge (📋) for stories marked as todo or incomplete. */
|
|
148
164
|
const todoBadge = {
|
|
149
165
|
tags: "todo",
|
|
@@ -368,8 +384,8 @@ const perfBadge = {
|
|
|
368
384
|
* Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
|
|
369
385
|
*
|
|
370
386
|
* Badge order (first match wins): New → Alpha → Beta → RC → Deprecated → Remove → Outdated → Danger → Use Case →
|
|
371
|
-
* Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
|
|
372
|
-
* Editor → Code Only → Version → Internal → Snapshot.
|
|
387
|
+
* Spec → Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
|
|
388
|
+
* Integration → Editor → Code Only → Version → Internal → Snapshot.
|
|
373
389
|
*
|
|
374
390
|
* - 🆕 New - Recently added stories
|
|
375
391
|
* - 🔴 Alpha - Stories for features in alpha
|
|
@@ -380,6 +396,7 @@ const perfBadge = {
|
|
|
380
396
|
* - ⚠️ Outdated - Stories that need updating
|
|
381
397
|
* - 🚨 Danger - Stories demonstrating dangerous patterns
|
|
382
398
|
* - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
|
|
399
|
+
* - 📜 Spec - Stories that serve as the specification of the component or code
|
|
383
400
|
* - ▶️ Playground - High-quality interactive stories for users to explore and interact with the component
|
|
384
401
|
* - ✨ Example - Example or demo stories
|
|
385
402
|
* - ⚡ Perf - Stories that demonstrate or test performance
|
|
@@ -409,6 +426,7 @@ const tagBadges = [
|
|
|
409
426
|
outdatedBadge,
|
|
410
427
|
dangerBadge,
|
|
411
428
|
useCaseBadge,
|
|
429
|
+
specBadge,
|
|
412
430
|
playgroundBadge,
|
|
413
431
|
exampleBadge,
|
|
414
432
|
perfBadge,
|
|
@@ -429,4 +447,4 @@ const tagBadges = [
|
|
|
429
447
|
];
|
|
430
448
|
|
|
431
449
|
//#endregion
|
|
432
|
-
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 };
|
|
450
|
+
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 };
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -89,6 +89,7 @@ we provide a different set of badges that uses emojis (order: first match wins):
|
|
|
89
89
|
| ⚠️ | `outdated` | Stories that need updating |
|
|
90
90
|
| 🚨 | `danger` | Dangerous or cautionary patterns |
|
|
91
91
|
| 🎯 | `use-case` | Specific use case or scenario |
|
|
92
|
+
| 📜 | `spec` | Specification of the component or code |
|
|
92
93
|
| ▶️ | `playground` | High-quality interactive stories for users to explore and interact with the component |
|
|
93
94
|
| ✨ | `example` | Example or demo stories |
|
|
94
95
|
| ⚡ | `perf` | Performance (stories that demonstrate or test performance) |
|
|
@@ -27,6 +27,7 @@ export type TagNames =
|
|
|
27
27
|
| 'danger'
|
|
28
28
|
| 'todo'
|
|
29
29
|
| 'code-only'
|
|
30
|
+
| 'spec'
|
|
30
31
|
| 'snapshot'
|
|
31
32
|
| '!snapshot'
|
|
32
33
|
| 'unit'
|
|
@@ -199,6 +200,25 @@ export const dangerBadge: TagBadgeParameter = {
|
|
|
199
200
|
}
|
|
200
201
|
}
|
|
201
202
|
|
|
203
|
+
/** Badge (📜) for stories that serve as the specification of the component or code. */
|
|
204
|
+
export const specBadge: TagBadgeParameter = {
|
|
205
|
+
tags: 'spec',
|
|
206
|
+
badge: {
|
|
207
|
+
text: '📜',
|
|
208
|
+
style: {
|
|
209
|
+
backgroundColor: 'transparent',
|
|
210
|
+
borderColor: 'transparent'
|
|
211
|
+
},
|
|
212
|
+
tooltip: 'Specification'
|
|
213
|
+
},
|
|
214
|
+
display: {
|
|
215
|
+
sidebar: {
|
|
216
|
+
type: 'story',
|
|
217
|
+
skipInherited: false
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
|
|
202
222
|
/** Badge (📋) for stories marked as todo or incomplete. */
|
|
203
223
|
export const todoBadge: TagBadgeParameter = {
|
|
204
224
|
tags: 'todo',
|
|
@@ -458,8 +478,8 @@ export const perfBadge: TagBadgeParameter = {
|
|
|
458
478
|
* Each badge is associated with a specific tag and displays an emoji or symbol with a tooltip.
|
|
459
479
|
*
|
|
460
480
|
* Badge order (first match wins): New → Alpha → Beta → RC → Deprecated → Remove → Outdated → Danger → Use Case →
|
|
461
|
-
* Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
|
|
462
|
-
* Editor → Code Only → Version → Internal → Snapshot.
|
|
481
|
+
* Spec → Playground → Example → Perf → Keyboard → Source → Type → Function → Var → Props → Todo → Unit →
|
|
482
|
+
* Integration → Editor → Code Only → Version → Internal → Snapshot.
|
|
463
483
|
*
|
|
464
484
|
* - 🆕 New - Recently added stories
|
|
465
485
|
* - 🔴 Alpha - Stories for features in alpha
|
|
@@ -470,6 +490,7 @@ export const perfBadge: TagBadgeParameter = {
|
|
|
470
490
|
* - ⚠️ Outdated - Stories that need updating
|
|
471
491
|
* - 🚨 Danger - Stories demonstrating dangerous patterns
|
|
472
492
|
* - 🎯 Use Case - Stories that demonstrate a specific use case or scenario
|
|
493
|
+
* - 📜 Spec - Stories that serve as the specification of the component or code
|
|
473
494
|
* - ▶️ Playground - High-quality interactive stories for users to explore and interact with the component
|
|
474
495
|
* - ✨ Example - Example or demo stories
|
|
475
496
|
* - ⚡ Perf - Stories that demonstrate or test performance
|
|
@@ -499,6 +520,7 @@ export const tagBadges: TagBadgeParameters = [
|
|
|
499
520
|
outdatedBadge,
|
|
500
521
|
dangerBadge,
|
|
501
522
|
useCaseBadge,
|
|
523
|
+
specBadge,
|
|
502
524
|
playgroundBadge,
|
|
503
525
|
exampleBadge,
|
|
504
526
|
perfBadge,
|