Changing sidebar icon prefix to status-

WordPress · Feb 15, 2024 · d450598 · d450598
1 parent 7f888ed
commit d450598
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 9 deletions.
diff --git a/packages/components/src/custom-select-control-v2/stories/default.story.tsx b/packages/components/src/custom-select-control-v2/stories/default.story.tsx
@@ -25,7 +25,7 @@ const meta: Meta< typeof CustomSelect > = {
 		children: { control: { type: null } },
 		value: { control: { type: null } },
 	},
-	tags: [ 'sb-wip' ],
+	tags: [ 'status-wip' ],
 	parameters: {
 		badges: [ 'wip' ],
 		actions: { argTypesRegex: '^on.*' },

diff --git a/packages/components/src/dropdown-menu-v2/stories/index.story.tsx b/packages/components/src/dropdown-menu-v2/stories/index.story.tsx
@@ -56,7 +56,7 @@ const meta: Meta< typeof DropdownMenu > = {
 		children: { control: { type: null } },
 		trigger: { control: { type: null } },
 	},
-	tags: [ 'sb-private' ],
+	tags: [ 'status-private' ],
 	parameters: {
 		actions: { argTypesRegex: '^on.*' },
 		badges: [ 'private' ],

diff --git a/packages/components/src/progress-bar/stories/index.story.tsx b/packages/components/src/progress-bar/stories/index.story.tsx
@@ -14,7 +14,7 @@ const meta: Meta< typeof ProgressBar > = {
 	argTypes: {
 		value: { control: { type: 'number', min: 0, max: 100, step: 1 } },
 	},
-	tags: [ 'sb-private' ],
+	tags: [ 'status-private' ],
 	parameters: {
 		badges: [ 'private' ],
 		controls: {

diff --git a/packages/components/src/tabs/stories/index.story.tsx b/packages/components/src/tabs/stories/index.story.tsx
@@ -28,7 +28,7 @@ const meta: Meta< typeof Tabs > = {
 		// @ts-expect-error - See https://github.com/storybookjs/storybook/issues/23170
 		'Tabs.TabPanel': Tabs.TabPanel,
 	},
-	tags: [ 'sb-private' ],
+	tags: [ 'status-private' ],
 	parameters: {
 		actions: { argTypesRegex: '^on.*' },
 		badges: [ 'private' ],

diff --git a/packages/components/src/theme/stories/index.story.tsx b/packages/components/src/theme/stories/index.story.tsx
@@ -18,7 +18,7 @@ const meta: Meta< typeof Theme > = {
 		accent: { control: { type: 'color' } },
 		background: { control: { type: 'color' } },
 	},
-	tags: [ 'sb-private' ],
+	tags: [ 'status-private' ],
 	parameters: {
 		badges: [ 'private' ],
 		controls: { expanded: true },

diff --git a/storybook/sidebar.js b/storybook/sidebar.js
@@ -11,8 +11,6 @@ import { styled } from '@storybook/theming';
  */
 import badges from './badges';
 
-const STEM = 'sb-';
-
 const Wrapper = styled.span( {
 	flexGrow: 1,
 	display: 'flex',
@@ -29,6 +27,7 @@ const Icon = styled.span( {} );
 
 function useIcons( item ) {
 	const api = useStorybookApi();
+	const prefix = 'status-';
 
 	return useMemo( () => {
 		let data = {};
@@ -40,8 +39,8 @@ function useIcons( item ) {
 		const { tags = [] } = data;
 
 		return tags
-			.filter( ( tag ) => tag.startsWith( STEM ) )
-			.map( ( tag ) => badges[ tag.substring( STEM.length ) ] )
+			.filter( ( tag ) => tag.startsWith( prefix ) )
+			.map( ( tag ) => badges[ tag.substring( prefix.length ) ] )
 			.map( ( { icon, title, tooltip } ) =>
 				icon
 					? createElement(