diff --git a/.github/workflows/static-checks.yml b/.github/workflows/static-checks.yml index 789e64a25fa205..d5079b3bacb32b 100644 --- a/.github/workflows/static-checks.yml +++ b/.github/workflows/static-checks.yml @@ -48,6 +48,9 @@ jobs: - name: Type checking run: npm run build:package-types + - name: Validate Storybook + run: npm run storybook:validate + - name: Check local changes run: npm run other:check-local-changes diff --git a/package.json b/package.json index b54be23041128f..b949ecdd5dd86d 100644 --- a/package.json +++ b/package.json @@ -312,6 +312,8 @@ "start": "npm run dev", "prestorybook:build": "npm run build:packages", "storybook:build": "storybook build -c ./storybook -o ./storybook/build", + "prestorybook:validate": "npm run build:packages", + "storybook:validate": "storybook dev -c ./storybook --ci --smoke-test", "prestorybook:dev": "npm run build:packages", "storybook:dev": "concurrently \"npm run dev:packages\" \"storybook dev -c ./storybook -p 50240\"", "storybook:e2e:dev": "concurrently \"npm run dev:packages\" \"storybook dev -c test/storybook-playwright/storybook -p 50241\"", diff --git a/packages/edit-site/src/components/global-styles/screen-revisions/style.scss b/packages/edit-site/src/components/global-styles/screen-revisions/style.scss index dfe30c9bee33d2..e10c20f2378bbb 100644 --- a/packages/edit-site/src/components/global-styles/screen-revisions/style.scss +++ b/packages/edit-site/src/components/global-styles/screen-revisions/style.scss @@ -127,7 +127,7 @@ .edit-site-global-styles-screen-revisions__meta { display: flex; - justify-content: start; + justify-content: flex-start; width: 100%; align-items: flex-start; text-align: left; diff --git a/storybook/stories/playground/box/index.js b/storybook/stories/playground/box/index.js index 3fb3c3b5862c47..37297f5394f76b 100644 --- a/storybook/stories/playground/box/index.js +++ b/storybook/stories/playground/box/index.js @@ -12,7 +12,7 @@ import { /** * Internal dependencies */ -import editorStyles from '../editor-styles'; +import { editorStyles } from '../editor-styles'; import './style.css'; export default function EditorBox() { diff --git a/storybook/stories/playground/with-undo-redo/index.js b/storybook/stories/playground/with-undo-redo/index.js index 8bef2d184f8c59..e95c24216e3c9a 100644 --- a/storybook/stories/playground/with-undo-redo/index.js +++ b/storybook/stories/playground/with-undo-redo/index.js @@ -15,7 +15,7 @@ import { undo as undoIcon, redo as redoIcon } from '@wordpress/icons'; /** * Internal dependencies */ -import editorStyles from '../editor-styles'; +import { editorStyles } from '../editor-styles'; import './style.css'; export default function EditorWithUndoRedo() {