diff --git a/.github/scripts/dev.js b/.github/scripts/dev.js
index 057acac3b4..5ff1f1bcbd 100644
--- a/.github/scripts/dev.js
+++ b/.github/scripts/dev.js
@@ -52,7 +52,7 @@ const COMMAND_TYPESCRIPT = {
const COMMANDS_ADMINX = [{
name: 'adminXDS',
- command: 'nx watch --projects=apps/admin-x-design -- nx run \\$NX_PROJECT_NAME:build --skip-nx-cache',
+ command: 'nx watch --projects=apps/admin-x-design-system -- nx run \\$NX_PROJECT_NAME:build --skip-nx-cache',
cwd: path.resolve(__dirname, '../..'),
prefixColor: '#C35831',
env: {}
diff --git a/apps/admin-x-design/.eslintrc.cjs b/apps/admin-x-design-system/.eslintrc.cjs
similarity index 100%
rename from apps/admin-x-design/.eslintrc.cjs
rename to apps/admin-x-design-system/.eslintrc.cjs
diff --git a/apps/admin-x-design/.gitignore b/apps/admin-x-design-system/.gitignore
similarity index 100%
rename from apps/admin-x-design/.gitignore
rename to apps/admin-x-design-system/.gitignore
diff --git a/apps/admin-x-design/.storybook/Inter.ttf b/apps/admin-x-design-system/.storybook/Inter.ttf
similarity index 100%
rename from apps/admin-x-design/.storybook/Inter.ttf
rename to apps/admin-x-design-system/.storybook/Inter.ttf
diff --git a/apps/admin-x-design/.storybook/adminx-theme.tsx b/apps/admin-x-design-system/.storybook/adminx-theme.tsx
similarity index 100%
rename from apps/admin-x-design/.storybook/adminx-theme.tsx
rename to apps/admin-x-design-system/.storybook/adminx-theme.tsx
diff --git a/apps/admin-x-design/.storybook/main.tsx b/apps/admin-x-design-system/.storybook/main.tsx
similarity index 100%
rename from apps/admin-x-design/.storybook/main.tsx
rename to apps/admin-x-design-system/.storybook/main.tsx
diff --git a/apps/admin-x-design/.storybook/manager.tsx b/apps/admin-x-design-system/.storybook/manager.tsx
similarity index 100%
rename from apps/admin-x-design/.storybook/manager.tsx
rename to apps/admin-x-design-system/.storybook/manager.tsx
diff --git a/apps/admin-x-design/.storybook/preview.tsx b/apps/admin-x-design-system/.storybook/preview.tsx
similarity index 93%
rename from apps/admin-x-design/.storybook/preview.tsx
rename to apps/admin-x-design-system/.storybook/preview.tsx
index 95bb20f5d3..6f1dfede99 100644
--- a/apps/admin-x-design/.storybook/preview.tsx
+++ b/apps/admin-x-design-system/.storybook/preview.tsx
@@ -31,7 +31,7 @@ const preview: Preview = {
let {scheme} = context.globals;
return (
-
diff --git a/apps/admin-x-design/.storybook/storybook.css b/apps/admin-x-design-system/.storybook/storybook.css
similarity index 100%
rename from apps/admin-x-design/.storybook/storybook.css
rename to apps/admin-x-design-system/.storybook/storybook.css
diff --git a/apps/admin-x-design/README.md b/apps/admin-x-design-system/README.md
similarity index 100%
rename from apps/admin-x-design/README.md
rename to apps/admin-x-design-system/README.md
diff --git a/apps/admin-x-design/package.json b/apps/admin-x-design-system/package.json
similarity index 96%
rename from apps/admin-x-design/package.json
rename to apps/admin-x-design-system/package.json
index 4e4b341208..263956fc95 100644
--- a/apps/admin-x-design/package.json
+++ b/apps/admin-x-design-system/package.json
@@ -1,8 +1,8 @@
{
- "name": "@tryghost/admin-x-design",
+ "name": "@tryghost/admin-x-design-system",
"type": "module",
"version": "0.0.0",
- "repository": "https://github.com/TryGhost/Ghost/tree/main/packages/admin-x-design",
+ "repository": "https://github.com/TryGhost/Ghost/tree/main/packages/admin-x-design-system",
"author": "Ghost Foundation",
"private": true,
"main": "es/index.js",
diff --git a/apps/admin-x-design/postcss.config.js b/apps/admin-x-design-system/postcss.config.js
similarity index 100%
rename from apps/admin-x-design/postcss.config.js
rename to apps/admin-x-design-system/postcss.config.js
diff --git a/apps/admin-x-design/preflight.css b/apps/admin-x-design-system/preflight.css
similarity index 100%
rename from apps/admin-x-design/preflight.css
rename to apps/admin-x-design-system/preflight.css
diff --git a/apps/admin-x-design/src/Boilerplate.stories.tsx b/apps/admin-x-design-system/src/Boilerplate.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/Boilerplate.stories.tsx
rename to apps/admin-x-design-system/src/Boilerplate.stories.tsx
diff --git a/apps/admin-x-design/src/Boilerplate.tsx b/apps/admin-x-design-system/src/Boilerplate.tsx
similarity index 100%
rename from apps/admin-x-design/src/Boilerplate.tsx
rename to apps/admin-x-design-system/src/Boilerplate.tsx
diff --git a/apps/admin-x-design/src/DesignSystemApp.tsx b/apps/admin-x-design-system/src/DesignSystemApp.tsx
similarity index 100%
rename from apps/admin-x-design/src/DesignSystemApp.tsx
rename to apps/admin-x-design-system/src/DesignSystemApp.tsx
diff --git a/apps/admin-x-design/src/assets/icons/add.svg b/apps/admin-x-design-system/src/assets/icons/add.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/add.svg
rename to apps/admin-x-design-system/src/assets/icons/add.svg
diff --git a/apps/admin-x-design/src/assets/icons/align-center.svg b/apps/admin-x-design-system/src/assets/icons/align-center.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/align-center.svg
rename to apps/admin-x-design-system/src/assets/icons/align-center.svg
diff --git a/apps/admin-x-design/src/assets/icons/align-left.svg b/apps/admin-x-design-system/src/assets/icons/align-left.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/align-left.svg
rename to apps/admin-x-design-system/src/assets/icons/align-left.svg
diff --git a/apps/admin-x-design/src/assets/icons/angle-brackets.svg b/apps/admin-x-design-system/src/assets/icons/angle-brackets.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/angle-brackets.svg
rename to apps/admin-x-design-system/src/assets/icons/angle-brackets.svg
diff --git a/apps/admin-x-design/src/assets/icons/arrow-bottom-left.svg b/apps/admin-x-design-system/src/assets/icons/arrow-bottom-left.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/arrow-bottom-left.svg
rename to apps/admin-x-design-system/src/assets/icons/arrow-bottom-left.svg
diff --git a/apps/admin-x-design/src/assets/icons/arrow-bottom-right.svg b/apps/admin-x-design-system/src/assets/icons/arrow-bottom-right.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/arrow-bottom-right.svg
rename to apps/admin-x-design-system/src/assets/icons/arrow-bottom-right.svg
diff --git a/apps/admin-x-design/src/assets/icons/arrow-down.svg b/apps/admin-x-design-system/src/assets/icons/arrow-down.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/arrow-down.svg
rename to apps/admin-x-design-system/src/assets/icons/arrow-down.svg
diff --git a/apps/admin-x-design/src/assets/icons/arrow-left.svg b/apps/admin-x-design-system/src/assets/icons/arrow-left.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/arrow-left.svg
rename to apps/admin-x-design-system/src/assets/icons/arrow-left.svg
diff --git a/apps/admin-x-design/src/assets/icons/arrow-right.svg b/apps/admin-x-design-system/src/assets/icons/arrow-right.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/arrow-right.svg
rename to apps/admin-x-design-system/src/assets/icons/arrow-right.svg
diff --git a/apps/admin-x-design/src/assets/icons/arrow-top-left.svg b/apps/admin-x-design-system/src/assets/icons/arrow-top-left.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/arrow-top-left.svg
rename to apps/admin-x-design-system/src/assets/icons/arrow-top-left.svg
diff --git a/apps/admin-x-design/src/assets/icons/arrow-top-right.svg b/apps/admin-x-design-system/src/assets/icons/arrow-top-right.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/arrow-top-right.svg
rename to apps/admin-x-design-system/src/assets/icons/arrow-top-right.svg
diff --git a/apps/admin-x-design/src/assets/icons/arrow-up.svg b/apps/admin-x-design-system/src/assets/icons/arrow-up.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/arrow-up.svg
rename to apps/admin-x-design-system/src/assets/icons/arrow-up.svg
diff --git a/apps/admin-x-design/src/assets/icons/at-sign.svg b/apps/admin-x-design-system/src/assets/icons/at-sign.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/at-sign.svg
rename to apps/admin-x-design-system/src/assets/icons/at-sign.svg
diff --git a/apps/admin-x-design/src/assets/icons/baseline-chart.svg b/apps/admin-x-design-system/src/assets/icons/baseline-chart.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/baseline-chart.svg
rename to apps/admin-x-design-system/src/assets/icons/baseline-chart.svg
diff --git a/apps/admin-x-design/src/assets/icons/bills.svg b/apps/admin-x-design-system/src/assets/icons/bills.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/bills.svg
rename to apps/admin-x-design-system/src/assets/icons/bills.svg
diff --git a/apps/admin-x-design/src/assets/icons/book-open.svg b/apps/admin-x-design-system/src/assets/icons/book-open.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/book-open.svg
rename to apps/admin-x-design-system/src/assets/icons/book-open.svg
diff --git a/apps/admin-x-design/src/assets/icons/brackets.svg b/apps/admin-x-design-system/src/assets/icons/brackets.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/brackets.svg
rename to apps/admin-x-design-system/src/assets/icons/brackets.svg
diff --git a/apps/admin-x-design/src/assets/icons/check-circle.svg b/apps/admin-x-design-system/src/assets/icons/check-circle.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/check-circle.svg
rename to apps/admin-x-design-system/src/assets/icons/check-circle.svg
diff --git a/apps/admin-x-design/src/assets/icons/check.svg b/apps/admin-x-design-system/src/assets/icons/check.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/check.svg
rename to apps/admin-x-design-system/src/assets/icons/check.svg
diff --git a/apps/admin-x-design/src/assets/icons/chevron-down.svg b/apps/admin-x-design-system/src/assets/icons/chevron-down.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/chevron-down.svg
rename to apps/admin-x-design-system/src/assets/icons/chevron-down.svg
diff --git a/apps/admin-x-design/src/assets/icons/chevron-left.svg b/apps/admin-x-design-system/src/assets/icons/chevron-left.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/chevron-left.svg
rename to apps/admin-x-design-system/src/assets/icons/chevron-left.svg
diff --git a/apps/admin-x-design/src/assets/icons/chevron-right.svg b/apps/admin-x-design-system/src/assets/icons/chevron-right.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/chevron-right.svg
rename to apps/admin-x-design-system/src/assets/icons/chevron-right.svg
diff --git a/apps/admin-x-design/src/assets/icons/chevron-up.svg b/apps/admin-x-design-system/src/assets/icons/chevron-up.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/chevron-up.svg
rename to apps/admin-x-design-system/src/assets/icons/chevron-up.svg
diff --git a/apps/admin-x-design/src/assets/icons/close.svg b/apps/admin-x-design-system/src/assets/icons/close.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/close.svg
rename to apps/admin-x-design-system/src/assets/icons/close.svg
diff --git a/apps/admin-x-design/src/assets/icons/comment.svg b/apps/admin-x-design-system/src/assets/icons/comment.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/comment.svg
rename to apps/admin-x-design-system/src/assets/icons/comment.svg
diff --git a/apps/admin-x-design/src/assets/icons/crown.svg b/apps/admin-x-design-system/src/assets/icons/crown.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/crown.svg
rename to apps/admin-x-design-system/src/assets/icons/crown.svg
diff --git a/apps/admin-x-design/src/assets/icons/discount.svg b/apps/admin-x-design-system/src/assets/icons/discount.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/discount.svg
rename to apps/admin-x-design-system/src/assets/icons/discount.svg
diff --git a/apps/admin-x-design/src/assets/icons/duplicate.svg b/apps/admin-x-design-system/src/assets/icons/duplicate.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/duplicate.svg
rename to apps/admin-x-design-system/src/assets/icons/duplicate.svg
diff --git a/apps/admin-x-design/src/assets/icons/ellipsis.svg b/apps/admin-x-design-system/src/assets/icons/ellipsis.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/ellipsis.svg
rename to apps/admin-x-design-system/src/assets/icons/ellipsis.svg
diff --git a/apps/admin-x-design/src/assets/icons/email-check.svg b/apps/admin-x-design-system/src/assets/icons/email-check.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/email-check.svg
rename to apps/admin-x-design-system/src/assets/icons/email-check.svg
diff --git a/apps/admin-x-design/src/assets/icons/email.svg b/apps/admin-x-design-system/src/assets/icons/email.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/email.svg
rename to apps/admin-x-design-system/src/assets/icons/email.svg
diff --git a/apps/admin-x-design/src/assets/icons/emailfield.svg b/apps/admin-x-design-system/src/assets/icons/emailfield.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/emailfield.svg
rename to apps/admin-x-design-system/src/assets/icons/emailfield.svg
diff --git a/apps/admin-x-design/src/assets/icons/eyedropper.svg b/apps/admin-x-design-system/src/assets/icons/eyedropper.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/eyedropper.svg
rename to apps/admin-x-design-system/src/assets/icons/eyedropper.svg
diff --git a/apps/admin-x-design/src/assets/icons/facebook.svg b/apps/admin-x-design-system/src/assets/icons/facebook.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/facebook.svg
rename to apps/admin-x-design-system/src/assets/icons/facebook.svg
diff --git a/apps/admin-x-design/src/assets/icons/finger-up.svg b/apps/admin-x-design-system/src/assets/icons/finger-up.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/finger-up.svg
rename to apps/admin-x-design-system/src/assets/icons/finger-up.svg
diff --git a/apps/admin-x-design/src/assets/icons/hamburger.svg b/apps/admin-x-design-system/src/assets/icons/hamburger.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/hamburger.svg
rename to apps/admin-x-design-system/src/assets/icons/hamburger.svg
diff --git a/apps/admin-x-design/src/assets/icons/heart.svg b/apps/admin-x-design-system/src/assets/icons/heart.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/heart.svg
rename to apps/admin-x-design-system/src/assets/icons/heart.svg
diff --git a/apps/admin-x-design/src/assets/icons/integration.svg b/apps/admin-x-design-system/src/assets/icons/integration.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/integration.svg
rename to apps/admin-x-design-system/src/assets/icons/integration.svg
diff --git a/apps/admin-x-design/src/assets/icons/key.svg b/apps/admin-x-design-system/src/assets/icons/key.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/key.svg
rename to apps/admin-x-design-system/src/assets/icons/key.svg
diff --git a/apps/admin-x-design/src/assets/icons/labs-flask.svg b/apps/admin-x-design-system/src/assets/icons/labs-flask.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/labs-flask.svg
rename to apps/admin-x-design-system/src/assets/icons/labs-flask.svg
diff --git a/apps/admin-x-design/src/assets/icons/language.svg b/apps/admin-x-design-system/src/assets/icons/language.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/language.svg
rename to apps/admin-x-design-system/src/assets/icons/language.svg
diff --git a/apps/admin-x-design/src/assets/icons/laptop.svg b/apps/admin-x-design-system/src/assets/icons/laptop.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/laptop.svg
rename to apps/admin-x-design-system/src/assets/icons/laptop.svg
diff --git a/apps/admin-x-design/src/assets/icons/layer.svg b/apps/admin-x-design-system/src/assets/icons/layer.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/layer.svg
rename to apps/admin-x-design-system/src/assets/icons/layer.svg
diff --git a/apps/admin-x-design/src/assets/icons/like.svg b/apps/admin-x-design-system/src/assets/icons/like.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/like.svg
rename to apps/admin-x-design-system/src/assets/icons/like.svg
diff --git a/apps/admin-x-design/src/assets/icons/link-broken.svg b/apps/admin-x-design-system/src/assets/icons/link-broken.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/link-broken.svg
rename to apps/admin-x-design-system/src/assets/icons/link-broken.svg
diff --git a/apps/admin-x-design/src/assets/icons/lock-locked.svg b/apps/admin-x-design-system/src/assets/icons/lock-locked.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/lock-locked.svg
rename to apps/admin-x-design-system/src/assets/icons/lock-locked.svg
diff --git a/apps/admin-x-design/src/assets/icons/lock-unlocked.svg b/apps/admin-x-design-system/src/assets/icons/lock-unlocked.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/lock-unlocked.svg
rename to apps/admin-x-design-system/src/assets/icons/lock-unlocked.svg
diff --git a/apps/admin-x-design/src/assets/icons/magnifying-glass.svg b/apps/admin-x-design-system/src/assets/icons/magnifying-glass.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/magnifying-glass.svg
rename to apps/admin-x-design-system/src/assets/icons/magnifying-glass.svg
diff --git a/apps/admin-x-design/src/assets/icons/mail-block.svg b/apps/admin-x-design-system/src/assets/icons/mail-block.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/mail-block.svg
rename to apps/admin-x-design-system/src/assets/icons/mail-block.svg
diff --git a/apps/admin-x-design/src/assets/icons/megaphone.svg b/apps/admin-x-design-system/src/assets/icons/megaphone.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/megaphone.svg
rename to apps/admin-x-design-system/src/assets/icons/megaphone.svg
diff --git a/apps/admin-x-design/src/assets/icons/mobile.svg b/apps/admin-x-design-system/src/assets/icons/mobile.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/mobile.svg
rename to apps/admin-x-design-system/src/assets/icons/mobile.svg
diff --git a/apps/admin-x-design/src/assets/icons/modules-3.svg b/apps/admin-x-design-system/src/assets/icons/modules-3.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/modules-3.svg
rename to apps/admin-x-design-system/src/assets/icons/modules-3.svg
diff --git a/apps/admin-x-design/src/assets/icons/money-bags.svg b/apps/admin-x-design-system/src/assets/icons/money-bags.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/money-bags.svg
rename to apps/admin-x-design-system/src/assets/icons/money-bags.svg
diff --git a/apps/admin-x-design/src/assets/icons/navigation.svg b/apps/admin-x-design-system/src/assets/icons/navigation.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/navigation.svg
rename to apps/admin-x-design-system/src/assets/icons/navigation.svg
diff --git a/apps/admin-x-design/src/assets/icons/palette.svg b/apps/admin-x-design-system/src/assets/icons/palette.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/palette.svg
rename to apps/admin-x-design-system/src/assets/icons/palette.svg
diff --git a/apps/admin-x-design/src/assets/icons/pen.svg b/apps/admin-x-design-system/src/assets/icons/pen.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/pen.svg
rename to apps/admin-x-design-system/src/assets/icons/pen.svg
diff --git a/apps/admin-x-design/src/assets/icons/picture.svg b/apps/admin-x-design-system/src/assets/icons/picture.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/picture.svg
rename to apps/admin-x-design-system/src/assets/icons/picture.svg
diff --git a/apps/admin-x-design/src/assets/icons/piggybank.svg b/apps/admin-x-design-system/src/assets/icons/piggybank.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/piggybank.svg
rename to apps/admin-x-design-system/src/assets/icons/piggybank.svg
diff --git a/apps/admin-x-design/src/assets/icons/portal.svg b/apps/admin-x-design-system/src/assets/icons/portal.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/portal.svg
rename to apps/admin-x-design-system/src/assets/icons/portal.svg
diff --git a/apps/admin-x-design/src/assets/icons/question-circle.svg b/apps/admin-x-design-system/src/assets/icons/question-circle.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/question-circle.svg
rename to apps/admin-x-design-system/src/assets/icons/question-circle.svg
diff --git a/apps/admin-x-design/src/assets/icons/recepients.svg b/apps/admin-x-design-system/src/assets/icons/recepients.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/recepients.svg
rename to apps/admin-x-design-system/src/assets/icons/recepients.svg
diff --git a/apps/admin-x-design/src/assets/icons/single-user-block.svg b/apps/admin-x-design-system/src/assets/icons/single-user-block.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/single-user-block.svg
rename to apps/admin-x-design-system/src/assets/icons/single-user-block.svg
diff --git a/apps/admin-x-design/src/assets/icons/single-user-fill.svg b/apps/admin-x-design-system/src/assets/icons/single-user-fill.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/single-user-fill.svg
rename to apps/admin-x-design-system/src/assets/icons/single-user-fill.svg
diff --git a/apps/admin-x-design/src/assets/icons/textfield.svg b/apps/admin-x-design-system/src/assets/icons/textfield.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/textfield.svg
rename to apps/admin-x-design-system/src/assets/icons/textfield.svg
diff --git a/apps/admin-x-design/src/assets/icons/thumbs-down.svg b/apps/admin-x-design-system/src/assets/icons/thumbs-down.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/thumbs-down.svg
rename to apps/admin-x-design-system/src/assets/icons/thumbs-down.svg
diff --git a/apps/admin-x-design/src/assets/icons/thumbs-up.svg b/apps/admin-x-design-system/src/assets/icons/thumbs-up.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/thumbs-up.svg
rename to apps/admin-x-design-system/src/assets/icons/thumbs-up.svg
diff --git a/apps/admin-x-design/src/assets/icons/time-back.svg b/apps/admin-x-design-system/src/assets/icons/time-back.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/time-back.svg
rename to apps/admin-x-design-system/src/assets/icons/time-back.svg
diff --git a/apps/admin-x-design/src/assets/icons/trash.svg b/apps/admin-x-design-system/src/assets/icons/trash.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/trash.svg
rename to apps/admin-x-design-system/src/assets/icons/trash.svg
diff --git a/apps/admin-x-design/src/assets/icons/twitter-x.svg b/apps/admin-x-design-system/src/assets/icons/twitter-x.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/twitter-x.svg
rename to apps/admin-x-design-system/src/assets/icons/twitter-x.svg
diff --git a/apps/admin-x-design/src/assets/icons/unsplash-logo.svg b/apps/admin-x-design-system/src/assets/icons/unsplash-logo.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/unsplash-logo.svg
rename to apps/admin-x-design-system/src/assets/icons/unsplash-logo.svg
diff --git a/apps/admin-x-design/src/assets/icons/upload.svg b/apps/admin-x-design-system/src/assets/icons/upload.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/upload.svg
rename to apps/admin-x-design-system/src/assets/icons/upload.svg
diff --git a/apps/admin-x-design/src/assets/icons/user-add.svg b/apps/admin-x-design-system/src/assets/icons/user-add.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/user-add.svg
rename to apps/admin-x-design-system/src/assets/icons/user-add.svg
diff --git a/apps/admin-x-design/src/assets/icons/user-page.svg b/apps/admin-x-design-system/src/assets/icons/user-page.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/user-page.svg
rename to apps/admin-x-design-system/src/assets/icons/user-page.svg
diff --git a/apps/admin-x-design/src/assets/icons/warning.svg b/apps/admin-x-design-system/src/assets/icons/warning.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/warning.svg
rename to apps/admin-x-design-system/src/assets/icons/warning.svg
diff --git a/apps/admin-x-design/src/assets/icons/world-clock.svg b/apps/admin-x-design-system/src/assets/icons/world-clock.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/icons/world-clock.svg
rename to apps/admin-x-design-system/src/assets/icons/world-clock.svg
diff --git a/apps/admin-x-design/src/assets/images/facebook-logo.svg b/apps/admin-x-design-system/src/assets/images/facebook-logo.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/images/facebook-logo.svg
rename to apps/admin-x-design-system/src/assets/images/facebook-logo.svg
diff --git a/apps/admin-x-design/src/assets/images/ghost-logo.svg b/apps/admin-x-design-system/src/assets/images/ghost-logo.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/images/ghost-logo.svg
rename to apps/admin-x-design-system/src/assets/images/ghost-logo.svg
diff --git a/apps/admin-x-design/src/assets/images/ghost-orb.svg b/apps/admin-x-design-system/src/assets/images/ghost-orb.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/images/ghost-orb.svg
rename to apps/admin-x-design-system/src/assets/images/ghost-orb.svg
diff --git a/apps/admin-x-design/src/assets/images/google-logo.svg b/apps/admin-x-design-system/src/assets/images/google-logo.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/images/google-logo.svg
rename to apps/admin-x-design-system/src/assets/images/google-logo.svg
diff --git a/apps/admin-x-design/src/assets/images/twitter-logo.svg b/apps/admin-x-design-system/src/assets/images/twitter-logo.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/images/twitter-logo.svg
rename to apps/admin-x-design-system/src/assets/images/twitter-logo.svg
diff --git a/apps/admin-x-design/src/assets/images/x-logo.svg b/apps/admin-x-design-system/src/assets/images/x-logo.svg
similarity index 100%
rename from apps/admin-x-design/src/assets/images/x-logo.svg
rename to apps/admin-x-design-system/src/assets/images/x-logo.svg
diff --git a/apps/admin-x-design/src/docs/Colors.mdx b/apps/admin-x-design-system/src/docs/Colors.mdx
similarity index 100%
rename from apps/admin-x-design/src/docs/Colors.mdx
rename to apps/admin-x-design-system/src/docs/Colors.mdx
diff --git a/apps/admin-x-design/src/docs/ErrorHandling.mdx b/apps/admin-x-design-system/src/docs/ErrorHandling.mdx
similarity index 100%
rename from apps/admin-x-design/src/docs/ErrorHandling.mdx
rename to apps/admin-x-design-system/src/docs/ErrorHandling.mdx
diff --git a/apps/admin-x-design/src/docs/Icons.mdx b/apps/admin-x-design-system/src/docs/Icons.mdx
similarity index 100%
rename from apps/admin-x-design/src/docs/Icons.mdx
rename to apps/admin-x-design-system/src/docs/Icons.mdx
diff --git a/apps/admin-x-design/src/docs/Welcome.mdx b/apps/admin-x-design-system/src/docs/Welcome.mdx
similarity index 100%
rename from apps/admin-x-design/src/docs/Welcome.mdx
rename to apps/admin-x-design-system/src/docs/Welcome.mdx
diff --git a/apps/admin-x-design/src/docs/assets/adminx-screenshot.png b/apps/admin-x-design-system/src/docs/assets/adminx-screenshot.png
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/adminx-screenshot.png
rename to apps/admin-x-design-system/src/docs/assets/adminx-screenshot.png
diff --git a/apps/admin-x-design/src/docs/assets/apps.svg b/apps/admin-x-design-system/src/docs/assets/apps.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/apps.svg
rename to apps/admin-x-design-system/src/docs/assets/apps.svg
diff --git a/apps/admin-x-design/src/docs/assets/blocks.svg b/apps/admin-x-design-system/src/docs/assets/blocks.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/blocks.svg
rename to apps/admin-x-design-system/src/docs/assets/blocks.svg
diff --git a/apps/admin-x-design/src/docs/assets/circle-menu.svg b/apps/admin-x-design-system/src/docs/assets/circle-menu.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/circle-menu.svg
rename to apps/admin-x-design-system/src/docs/assets/circle-menu.svg
diff --git a/apps/admin-x-design/src/docs/assets/code-brackets.svg b/apps/admin-x-design-system/src/docs/assets/code-brackets.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/code-brackets.svg
rename to apps/admin-x-design-system/src/docs/assets/code-brackets.svg
diff --git a/apps/admin-x-design/src/docs/assets/colors.svg b/apps/admin-x-design-system/src/docs/assets/colors.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/colors.svg
rename to apps/admin-x-design-system/src/docs/assets/colors.svg
diff --git a/apps/admin-x-design/src/docs/assets/comments.svg b/apps/admin-x-design-system/src/docs/assets/comments.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/comments.svg
rename to apps/admin-x-design-system/src/docs/assets/comments.svg
diff --git a/apps/admin-x-design/src/docs/assets/direction.svg b/apps/admin-x-design-system/src/docs/assets/direction.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/direction.svg
rename to apps/admin-x-design-system/src/docs/assets/direction.svg
diff --git a/apps/admin-x-design/src/docs/assets/ds-structure.png b/apps/admin-x-design-system/src/docs/assets/ds-structure.png
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/ds-structure.png
rename to apps/admin-x-design-system/src/docs/assets/ds-structure.png
diff --git a/apps/admin-x-design/src/docs/assets/flow.svg b/apps/admin-x-design-system/src/docs/assets/flow.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/flow.svg
rename to apps/admin-x-design-system/src/docs/assets/flow.svg
diff --git a/apps/admin-x-design/src/docs/assets/global-error-example.png b/apps/admin-x-design-system/src/docs/assets/global-error-example.png
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/global-error-example.png
rename to apps/admin-x-design-system/src/docs/assets/global-error-example.png
diff --git a/apps/admin-x-design/src/docs/assets/local-error-example.png b/apps/admin-x-design-system/src/docs/assets/local-error-example.png
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/local-error-example.png
rename to apps/admin-x-design-system/src/docs/assets/local-error-example.png
diff --git a/apps/admin-x-design/src/docs/assets/page-error-example.png b/apps/admin-x-design-system/src/docs/assets/page-error-example.png
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/page-error-example.png
rename to apps/admin-x-design-system/src/docs/assets/page-error-example.png
diff --git a/apps/admin-x-design/src/docs/assets/plugin.svg b/apps/admin-x-design-system/src/docs/assets/plugin.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/plugin.svg
rename to apps/admin-x-design-system/src/docs/assets/plugin.svg
diff --git a/apps/admin-x-design/src/docs/assets/repo.svg b/apps/admin-x-design-system/src/docs/assets/repo.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/repo.svg
rename to apps/admin-x-design-system/src/docs/assets/repo.svg
diff --git a/apps/admin-x-design/src/docs/assets/stackalt.svg b/apps/admin-x-design-system/src/docs/assets/stackalt.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/stackalt.svg
rename to apps/admin-x-design-system/src/docs/assets/stackalt.svg
diff --git a/apps/admin-x-design/src/docs/assets/streamline-settings.png b/apps/admin-x-design-system/src/docs/assets/streamline-settings.png
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/streamline-settings.png
rename to apps/admin-x-design-system/src/docs/assets/streamline-settings.png
diff --git a/apps/admin-x-design/src/docs/assets/style-guide-layout.png b/apps/admin-x-design-system/src/docs/assets/style-guide-layout.png
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/style-guide-layout.png
rename to apps/admin-x-design-system/src/docs/assets/style-guide-layout.png
diff --git a/apps/admin-x-design/src/docs/assets/style-guide.png b/apps/admin-x-design-system/src/docs/assets/style-guide.png
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/style-guide.png
rename to apps/admin-x-design-system/src/docs/assets/style-guide.png
diff --git a/apps/admin-x-design/src/docs/assets/tower.svg b/apps/admin-x-design-system/src/docs/assets/tower.svg
similarity index 100%
rename from apps/admin-x-design/src/docs/assets/tower.svg
rename to apps/admin-x-design-system/src/docs/assets/tower.svg
diff --git a/apps/admin-x-design/src/global/Avatar.stories.tsx b/apps/admin-x-design-system/src/global/Avatar.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Avatar.stories.tsx
rename to apps/admin-x-design-system/src/global/Avatar.stories.tsx
diff --git a/apps/admin-x-design/src/global/Avatar.tsx b/apps/admin-x-design-system/src/global/Avatar.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Avatar.tsx
rename to apps/admin-x-design-system/src/global/Avatar.tsx
diff --git a/apps/admin-x-design/src/global/Banner.stories.tsx b/apps/admin-x-design-system/src/global/Banner.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Banner.stories.tsx
rename to apps/admin-x-design-system/src/global/Banner.stories.tsx
diff --git a/apps/admin-x-design/src/global/Banner.tsx b/apps/admin-x-design-system/src/global/Banner.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Banner.tsx
rename to apps/admin-x-design-system/src/global/Banner.tsx
diff --git a/apps/admin-x-design/src/global/Breadcrumbs.stories.tsx b/apps/admin-x-design-system/src/global/Breadcrumbs.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Breadcrumbs.stories.tsx
rename to apps/admin-x-design-system/src/global/Breadcrumbs.stories.tsx
diff --git a/apps/admin-x-design/src/global/Breadcrumbs.tsx b/apps/admin-x-design-system/src/global/Breadcrumbs.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Breadcrumbs.tsx
rename to apps/admin-x-design-system/src/global/Breadcrumbs.tsx
diff --git a/apps/admin-x-design/src/global/Button.stories.tsx b/apps/admin-x-design-system/src/global/Button.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Button.stories.tsx
rename to apps/admin-x-design-system/src/global/Button.stories.tsx
diff --git a/apps/admin-x-design/src/global/Button.tsx b/apps/admin-x-design-system/src/global/Button.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Button.tsx
rename to apps/admin-x-design-system/src/global/Button.tsx
diff --git a/apps/admin-x-design/src/global/ButtonGroup.stories.tsx b/apps/admin-x-design-system/src/global/ButtonGroup.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/ButtonGroup.stories.tsx
rename to apps/admin-x-design-system/src/global/ButtonGroup.stories.tsx
diff --git a/apps/admin-x-design/src/global/ButtonGroup.tsx b/apps/admin-x-design-system/src/global/ButtonGroup.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/ButtonGroup.tsx
rename to apps/admin-x-design-system/src/global/ButtonGroup.tsx
diff --git a/apps/admin-x-design/src/global/ErrorBoundary.stories.tsx b/apps/admin-x-design-system/src/global/ErrorBoundary.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/ErrorBoundary.stories.tsx
rename to apps/admin-x-design-system/src/global/ErrorBoundary.stories.tsx
diff --git a/apps/admin-x-design/src/global/ErrorBoundary.tsx b/apps/admin-x-design-system/src/global/ErrorBoundary.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/ErrorBoundary.tsx
rename to apps/admin-x-design-system/src/global/ErrorBoundary.tsx
diff --git a/apps/admin-x-design/src/global/Heading.stories.tsx b/apps/admin-x-design-system/src/global/Heading.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Heading.stories.tsx
rename to apps/admin-x-design-system/src/global/Heading.stories.tsx
diff --git a/apps/admin-x-design/src/global/Heading.tsx b/apps/admin-x-design-system/src/global/Heading.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Heading.tsx
rename to apps/admin-x-design-system/src/global/Heading.tsx
diff --git a/apps/admin-x-design/src/global/Hint.stories.tsx b/apps/admin-x-design-system/src/global/Hint.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Hint.stories.tsx
rename to apps/admin-x-design-system/src/global/Hint.stories.tsx
diff --git a/apps/admin-x-design/src/global/Hint.tsx b/apps/admin-x-design-system/src/global/Hint.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Hint.tsx
rename to apps/admin-x-design-system/src/global/Hint.tsx
diff --git a/apps/admin-x-design/src/global/Icon.stories.tsx b/apps/admin-x-design-system/src/global/Icon.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Icon.stories.tsx
rename to apps/admin-x-design-system/src/global/Icon.stories.tsx
diff --git a/apps/admin-x-design/src/global/Icon.tsx b/apps/admin-x-design-system/src/global/Icon.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Icon.tsx
rename to apps/admin-x-design-system/src/global/Icon.tsx
diff --git a/apps/admin-x-design/src/global/IconLabel.stories.tsx b/apps/admin-x-design-system/src/global/IconLabel.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/IconLabel.stories.tsx
rename to apps/admin-x-design-system/src/global/IconLabel.stories.tsx
diff --git a/apps/admin-x-design/src/global/IconLabel.tsx b/apps/admin-x-design-system/src/global/IconLabel.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/IconLabel.tsx
rename to apps/admin-x-design-system/src/global/IconLabel.tsx
diff --git a/apps/admin-x-design/src/global/InfiniteScrollListener.stories.tsx b/apps/admin-x-design-system/src/global/InfiniteScrollListener.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/InfiniteScrollListener.stories.tsx
rename to apps/admin-x-design-system/src/global/InfiniteScrollListener.stories.tsx
diff --git a/apps/admin-x-design/src/global/InfiniteScrollListener.tsx b/apps/admin-x-design-system/src/global/InfiniteScrollListener.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/InfiniteScrollListener.tsx
rename to apps/admin-x-design-system/src/global/InfiniteScrollListener.tsx
diff --git a/apps/admin-x-design/src/global/Link.stories.tsx b/apps/admin-x-design-system/src/global/Link.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Link.stories.tsx
rename to apps/admin-x-design-system/src/global/Link.stories.tsx
diff --git a/apps/admin-x-design/src/global/Link.tsx b/apps/admin-x-design-system/src/global/Link.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Link.tsx
rename to apps/admin-x-design-system/src/global/Link.tsx
diff --git a/apps/admin-x-design/src/global/List.stories.tsx b/apps/admin-x-design-system/src/global/List.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/List.stories.tsx
rename to apps/admin-x-design-system/src/global/List.stories.tsx
diff --git a/apps/admin-x-design/src/global/List.tsx b/apps/admin-x-design-system/src/global/List.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/List.tsx
rename to apps/admin-x-design-system/src/global/List.tsx
diff --git a/apps/admin-x-design/src/global/ListHeading.tsx b/apps/admin-x-design-system/src/global/ListHeading.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/ListHeading.tsx
rename to apps/admin-x-design-system/src/global/ListHeading.tsx
diff --git a/apps/admin-x-design/src/global/ListItem.stories.tsx b/apps/admin-x-design-system/src/global/ListItem.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/ListItem.stories.tsx
rename to apps/admin-x-design-system/src/global/ListItem.stories.tsx
diff --git a/apps/admin-x-design/src/global/ListItem.tsx b/apps/admin-x-design-system/src/global/ListItem.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/ListItem.tsx
rename to apps/admin-x-design-system/src/global/ListItem.tsx
diff --git a/apps/admin-x-design/src/global/LoadingIndicator.stories.tsx b/apps/admin-x-design-system/src/global/LoadingIndicator.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/LoadingIndicator.stories.tsx
rename to apps/admin-x-design-system/src/global/LoadingIndicator.stories.tsx
diff --git a/apps/admin-x-design/src/global/LoadingIndicator.tsx b/apps/admin-x-design-system/src/global/LoadingIndicator.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/LoadingIndicator.tsx
rename to apps/admin-x-design-system/src/global/LoadingIndicator.tsx
diff --git a/apps/admin-x-design/src/global/Menu.stories.tsx b/apps/admin-x-design-system/src/global/Menu.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Menu.stories.tsx
rename to apps/admin-x-design-system/src/global/Menu.stories.tsx
diff --git a/apps/admin-x-design/src/global/Menu.tsx b/apps/admin-x-design-system/src/global/Menu.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Menu.tsx
rename to apps/admin-x-design-system/src/global/Menu.tsx
diff --git a/apps/admin-x-design/src/global/NoValueLabel.stories.tsx b/apps/admin-x-design-system/src/global/NoValueLabel.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/NoValueLabel.stories.tsx
rename to apps/admin-x-design-system/src/global/NoValueLabel.stories.tsx
diff --git a/apps/admin-x-design/src/global/NoValueLabel.tsx b/apps/admin-x-design-system/src/global/NoValueLabel.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/NoValueLabel.tsx
rename to apps/admin-x-design-system/src/global/NoValueLabel.tsx
diff --git a/apps/admin-x-design/src/global/Pagination.stories.tsx b/apps/admin-x-design-system/src/global/Pagination.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Pagination.stories.tsx
rename to apps/admin-x-design-system/src/global/Pagination.stories.tsx
diff --git a/apps/admin-x-design/src/global/Pagination.tsx b/apps/admin-x-design-system/src/global/Pagination.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Pagination.tsx
rename to apps/admin-x-design-system/src/global/Pagination.tsx
diff --git a/apps/admin-x-design/src/global/Popover.stories.tsx b/apps/admin-x-design-system/src/global/Popover.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Popover.stories.tsx
rename to apps/admin-x-design-system/src/global/Popover.stories.tsx
diff --git a/apps/admin-x-design/src/global/Popover.tsx b/apps/admin-x-design-system/src/global/Popover.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Popover.tsx
rename to apps/admin-x-design-system/src/global/Popover.tsx
diff --git a/apps/admin-x-design/src/global/Separator.stories.tsx b/apps/admin-x-design-system/src/global/Separator.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Separator.stories.tsx
rename to apps/admin-x-design-system/src/global/Separator.stories.tsx
diff --git a/apps/admin-x-design/src/global/Separator.tsx b/apps/admin-x-design-system/src/global/Separator.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Separator.tsx
rename to apps/admin-x-design-system/src/global/Separator.tsx
diff --git a/apps/admin-x-design/src/global/SortableList.stories.tsx b/apps/admin-x-design-system/src/global/SortableList.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/SortableList.stories.tsx
rename to apps/admin-x-design-system/src/global/SortableList.stories.tsx
diff --git a/apps/admin-x-design/src/global/SortableList.tsx b/apps/admin-x-design-system/src/global/SortableList.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/SortableList.tsx
rename to apps/admin-x-design-system/src/global/SortableList.tsx
diff --git a/apps/admin-x-design/src/global/StickyFooter.stories.tsx b/apps/admin-x-design-system/src/global/StickyFooter.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/StickyFooter.stories.tsx
rename to apps/admin-x-design-system/src/global/StickyFooter.stories.tsx
diff --git a/apps/admin-x-design/src/global/StickyFooter.tsx b/apps/admin-x-design-system/src/global/StickyFooter.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/StickyFooter.tsx
rename to apps/admin-x-design-system/src/global/StickyFooter.tsx
diff --git a/apps/admin-x-design/src/global/TabView.stories.tsx b/apps/admin-x-design-system/src/global/TabView.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/TabView.stories.tsx
rename to apps/admin-x-design-system/src/global/TabView.stories.tsx
diff --git a/apps/admin-x-design/src/global/TabView.tsx b/apps/admin-x-design-system/src/global/TabView.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/TabView.tsx
rename to apps/admin-x-design-system/src/global/TabView.tsx
diff --git a/apps/admin-x-design/src/global/Table.stories.tsx b/apps/admin-x-design-system/src/global/Table.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Table.stories.tsx
rename to apps/admin-x-design-system/src/global/Table.stories.tsx
diff --git a/apps/admin-x-design/src/global/Table.tsx b/apps/admin-x-design-system/src/global/Table.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Table.tsx
rename to apps/admin-x-design-system/src/global/Table.tsx
diff --git a/apps/admin-x-design/src/global/TableCell.tsx b/apps/admin-x-design-system/src/global/TableCell.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/TableCell.tsx
rename to apps/admin-x-design-system/src/global/TableCell.tsx
diff --git a/apps/admin-x-design/src/global/TableHead.tsx b/apps/admin-x-design-system/src/global/TableHead.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/TableHead.tsx
rename to apps/admin-x-design-system/src/global/TableHead.tsx
diff --git a/apps/admin-x-design/src/global/TableRow.stories.tsx b/apps/admin-x-design-system/src/global/TableRow.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/TableRow.stories.tsx
rename to apps/admin-x-design-system/src/global/TableRow.stories.tsx
diff --git a/apps/admin-x-design/src/global/TableRow.tsx b/apps/admin-x-design-system/src/global/TableRow.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/TableRow.tsx
rename to apps/admin-x-design-system/src/global/TableRow.tsx
diff --git a/apps/admin-x-design/src/global/Toast.stories.tsx b/apps/admin-x-design-system/src/global/Toast.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Toast.stories.tsx
rename to apps/admin-x-design-system/src/global/Toast.stories.tsx
diff --git a/apps/admin-x-design/src/global/Toast.tsx b/apps/admin-x-design-system/src/global/Toast.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Toast.tsx
rename to apps/admin-x-design-system/src/global/Toast.tsx
diff --git a/apps/admin-x-design/src/global/Tooltip.stories.tsx b/apps/admin-x-design-system/src/global/Tooltip.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Tooltip.stories.tsx
rename to apps/admin-x-design-system/src/global/Tooltip.stories.tsx
diff --git a/apps/admin-x-design/src/global/Tooltip.tsx b/apps/admin-x-design-system/src/global/Tooltip.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/Tooltip.tsx
rename to apps/admin-x-design-system/src/global/Tooltip.tsx
diff --git a/apps/admin-x-design/src/global/chrome/DesktopChrome.stories.tsx b/apps/admin-x-design-system/src/global/chrome/DesktopChrome.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/chrome/DesktopChrome.stories.tsx
rename to apps/admin-x-design-system/src/global/chrome/DesktopChrome.stories.tsx
diff --git a/apps/admin-x-design/src/global/chrome/DesktopChrome.tsx b/apps/admin-x-design-system/src/global/chrome/DesktopChrome.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/chrome/DesktopChrome.tsx
rename to apps/admin-x-design-system/src/global/chrome/DesktopChrome.tsx
diff --git a/apps/admin-x-design/src/global/chrome/DesktopChromeHeader.stories.tsx b/apps/admin-x-design-system/src/global/chrome/DesktopChromeHeader.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/chrome/DesktopChromeHeader.stories.tsx
rename to apps/admin-x-design-system/src/global/chrome/DesktopChromeHeader.stories.tsx
diff --git a/apps/admin-x-design/src/global/chrome/DesktopChromeHeader.tsx b/apps/admin-x-design-system/src/global/chrome/DesktopChromeHeader.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/chrome/DesktopChromeHeader.tsx
rename to apps/admin-x-design-system/src/global/chrome/DesktopChromeHeader.tsx
diff --git a/apps/admin-x-design/src/global/chrome/MobileChrome.stories.tsx b/apps/admin-x-design-system/src/global/chrome/MobileChrome.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/chrome/MobileChrome.stories.tsx
rename to apps/admin-x-design-system/src/global/chrome/MobileChrome.stories.tsx
diff --git a/apps/admin-x-design/src/global/chrome/MobileChrome.tsx b/apps/admin-x-design-system/src/global/chrome/MobileChrome.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/chrome/MobileChrome.tsx
rename to apps/admin-x-design-system/src/global/chrome/MobileChrome.tsx
diff --git a/apps/admin-x-design/src/global/form/Checkbox.stories.tsx b/apps/admin-x-design-system/src/global/form/Checkbox.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Checkbox.stories.tsx
rename to apps/admin-x-design-system/src/global/form/Checkbox.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/Checkbox.tsx b/apps/admin-x-design-system/src/global/form/Checkbox.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Checkbox.tsx
rename to apps/admin-x-design-system/src/global/form/Checkbox.tsx
diff --git a/apps/admin-x-design/src/global/form/CheckboxGroup.stories.tsx b/apps/admin-x-design-system/src/global/form/CheckboxGroup.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/CheckboxGroup.stories.tsx
rename to apps/admin-x-design-system/src/global/form/CheckboxGroup.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/CheckboxGroup.tsx b/apps/admin-x-design-system/src/global/form/CheckboxGroup.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/CheckboxGroup.tsx
rename to apps/admin-x-design-system/src/global/form/CheckboxGroup.tsx
diff --git a/apps/admin-x-design/src/global/form/CodeEditor.stories.tsx b/apps/admin-x-design-system/src/global/form/CodeEditor.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/CodeEditor.stories.tsx
rename to apps/admin-x-design-system/src/global/form/CodeEditor.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/CodeEditor.tsx b/apps/admin-x-design-system/src/global/form/CodeEditor.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/CodeEditor.tsx
rename to apps/admin-x-design-system/src/global/form/CodeEditor.tsx
diff --git a/apps/admin-x-design/src/global/form/CodeEditorView.tsx b/apps/admin-x-design-system/src/global/form/CodeEditorView.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/CodeEditorView.tsx
rename to apps/admin-x-design-system/src/global/form/CodeEditorView.tsx
diff --git a/apps/admin-x-design/src/global/form/ColorIndicator.stories.tsx b/apps/admin-x-design-system/src/global/form/ColorIndicator.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ColorIndicator.stories.tsx
rename to apps/admin-x-design-system/src/global/form/ColorIndicator.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/ColorIndicator.tsx b/apps/admin-x-design-system/src/global/form/ColorIndicator.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ColorIndicator.tsx
rename to apps/admin-x-design-system/src/global/form/ColorIndicator.tsx
diff --git a/apps/admin-x-design/src/global/form/ColorPicker.stories.tsx b/apps/admin-x-design-system/src/global/form/ColorPicker.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ColorPicker.stories.tsx
rename to apps/admin-x-design-system/src/global/form/ColorPicker.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/ColorPicker.tsx b/apps/admin-x-design-system/src/global/form/ColorPicker.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ColorPicker.tsx
rename to apps/admin-x-design-system/src/global/form/ColorPicker.tsx
diff --git a/apps/admin-x-design/src/global/form/ColorPickerField.stories.tsx b/apps/admin-x-design-system/src/global/form/ColorPickerField.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ColorPickerField.stories.tsx
rename to apps/admin-x-design-system/src/global/form/ColorPickerField.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/ColorPickerField.tsx b/apps/admin-x-design-system/src/global/form/ColorPickerField.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ColorPickerField.tsx
rename to apps/admin-x-design-system/src/global/form/ColorPickerField.tsx
diff --git a/apps/admin-x-design/src/global/form/CurrencyField.stories.tsx b/apps/admin-x-design-system/src/global/form/CurrencyField.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/CurrencyField.stories.tsx
rename to apps/admin-x-design-system/src/global/form/CurrencyField.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/CurrencyField.tsx b/apps/admin-x-design-system/src/global/form/CurrencyField.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/CurrencyField.tsx
rename to apps/admin-x-design-system/src/global/form/CurrencyField.tsx
diff --git a/apps/admin-x-design/src/global/form/FileUpload.stories.tsx b/apps/admin-x-design-system/src/global/form/FileUpload.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/FileUpload.stories.tsx
rename to apps/admin-x-design-system/src/global/form/FileUpload.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/FileUpload.tsx b/apps/admin-x-design-system/src/global/form/FileUpload.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/FileUpload.tsx
rename to apps/admin-x-design-system/src/global/form/FileUpload.tsx
diff --git a/apps/admin-x-design/src/global/form/Form.stories.tsx b/apps/admin-x-design-system/src/global/form/Form.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Form.stories.tsx
rename to apps/admin-x-design-system/src/global/form/Form.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/Form.tsx b/apps/admin-x-design-system/src/global/form/Form.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Form.tsx
rename to apps/admin-x-design-system/src/global/form/Form.tsx
diff --git a/apps/admin-x-design/src/global/form/HtmlEditor.tsx b/apps/admin-x-design-system/src/global/form/HtmlEditor.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/HtmlEditor.tsx
rename to apps/admin-x-design-system/src/global/form/HtmlEditor.tsx
diff --git a/apps/admin-x-design/src/global/form/HtmlField.stories.tsx b/apps/admin-x-design-system/src/global/form/HtmlField.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/HtmlField.stories.tsx
rename to apps/admin-x-design-system/src/global/form/HtmlField.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/HtmlField.tsx b/apps/admin-x-design-system/src/global/form/HtmlField.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/HtmlField.tsx
rename to apps/admin-x-design-system/src/global/form/HtmlField.tsx
diff --git a/apps/admin-x-design/src/global/form/ImageUpload.stories.tsx b/apps/admin-x-design-system/src/global/form/ImageUpload.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ImageUpload.stories.tsx
rename to apps/admin-x-design-system/src/global/form/ImageUpload.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/ImageUpload.tsx b/apps/admin-x-design-system/src/global/form/ImageUpload.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ImageUpload.tsx
rename to apps/admin-x-design-system/src/global/form/ImageUpload.tsx
diff --git a/apps/admin-x-design/src/global/form/MultiSelect.stories.tsx b/apps/admin-x-design-system/src/global/form/MultiSelect.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/MultiSelect.stories.tsx
rename to apps/admin-x-design-system/src/global/form/MultiSelect.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/MultiSelect.tsx b/apps/admin-x-design-system/src/global/form/MultiSelect.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/MultiSelect.tsx
rename to apps/admin-x-design-system/src/global/form/MultiSelect.tsx
diff --git a/apps/admin-x-design/src/global/form/Radio.stories.tsx b/apps/admin-x-design-system/src/global/form/Radio.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Radio.stories.tsx
rename to apps/admin-x-design-system/src/global/form/Radio.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/Radio.tsx b/apps/admin-x-design-system/src/global/form/Radio.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Radio.tsx
rename to apps/admin-x-design-system/src/global/form/Radio.tsx
diff --git a/apps/admin-x-design/src/global/form/Select.stories.tsx b/apps/admin-x-design-system/src/global/form/Select.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Select.stories.tsx
rename to apps/admin-x-design-system/src/global/form/Select.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/Select.tsx b/apps/admin-x-design-system/src/global/form/Select.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Select.tsx
rename to apps/admin-x-design-system/src/global/form/Select.tsx
diff --git a/apps/admin-x-design/src/global/form/TextArea.stories.tsx b/apps/admin-x-design-system/src/global/form/TextArea.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/TextArea.stories.tsx
rename to apps/admin-x-design-system/src/global/form/TextArea.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/TextArea.tsx b/apps/admin-x-design-system/src/global/form/TextArea.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/TextArea.tsx
rename to apps/admin-x-design-system/src/global/form/TextArea.tsx
diff --git a/apps/admin-x-design/src/global/form/TextField.stories.tsx b/apps/admin-x-design-system/src/global/form/TextField.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/TextField.stories.tsx
rename to apps/admin-x-design-system/src/global/form/TextField.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/TextField.tsx b/apps/admin-x-design-system/src/global/form/TextField.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/TextField.tsx
rename to apps/admin-x-design-system/src/global/form/TextField.tsx
diff --git a/apps/admin-x-design/src/global/form/Toggle.stories.tsx b/apps/admin-x-design-system/src/global/form/Toggle.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Toggle.stories.tsx
rename to apps/admin-x-design-system/src/global/form/Toggle.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/Toggle.tsx b/apps/admin-x-design-system/src/global/form/Toggle.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/Toggle.tsx
rename to apps/admin-x-design-system/src/global/form/Toggle.tsx
diff --git a/apps/admin-x-design/src/global/form/ToggleGroup.stories.tsx b/apps/admin-x-design-system/src/global/form/ToggleGroup.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ToggleGroup.stories.tsx
rename to apps/admin-x-design-system/src/global/form/ToggleGroup.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/ToggleGroup.tsx b/apps/admin-x-design-system/src/global/form/ToggleGroup.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/ToggleGroup.tsx
rename to apps/admin-x-design-system/src/global/form/ToggleGroup.tsx
diff --git a/apps/admin-x-design/src/global/form/URLTextField.stories.tsx b/apps/admin-x-design-system/src/global/form/URLTextField.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/URLTextField.stories.tsx
rename to apps/admin-x-design-system/src/global/form/URLTextField.stories.tsx
diff --git a/apps/admin-x-design/src/global/form/URLTextField.tsx b/apps/admin-x-design-system/src/global/form/URLTextField.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/form/URLTextField.tsx
rename to apps/admin-x-design-system/src/global/form/URLTextField.tsx
diff --git a/apps/admin-x-design/src/global/layout/PageHeader.stories.tsx b/apps/admin-x-design-system/src/global/layout/PageHeader.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/layout/PageHeader.stories.tsx
rename to apps/admin-x-design-system/src/global/layout/PageHeader.stories.tsx
diff --git a/apps/admin-x-design/src/global/layout/PageHeader.tsx b/apps/admin-x-design-system/src/global/layout/PageHeader.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/layout/PageHeader.tsx
rename to apps/admin-x-design-system/src/global/layout/PageHeader.tsx
diff --git a/apps/admin-x-design/src/global/modal/ConfirmationModal.stories.tsx b/apps/admin-x-design-system/src/global/modal/ConfirmationModal.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/ConfirmationModal.stories.tsx
rename to apps/admin-x-design-system/src/global/modal/ConfirmationModal.stories.tsx
diff --git a/apps/admin-x-design/src/global/modal/ConfirmationModal.tsx b/apps/admin-x-design-system/src/global/modal/ConfirmationModal.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/ConfirmationModal.tsx
rename to apps/admin-x-design-system/src/global/modal/ConfirmationModal.tsx
diff --git a/apps/admin-x-design/src/global/modal/LimitModal.tsx b/apps/admin-x-design-system/src/global/modal/LimitModal.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/LimitModal.tsx
rename to apps/admin-x-design-system/src/global/modal/LimitModal.tsx
diff --git a/apps/admin-x-design/src/global/modal/Modal.stories.tsx b/apps/admin-x-design-system/src/global/modal/Modal.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/Modal.stories.tsx
rename to apps/admin-x-design-system/src/global/modal/Modal.stories.tsx
diff --git a/apps/admin-x-design/src/global/modal/Modal.tsx b/apps/admin-x-design-system/src/global/modal/Modal.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/Modal.tsx
rename to apps/admin-x-design-system/src/global/modal/Modal.tsx
diff --git a/apps/admin-x-design/src/global/modal/ModalPage.stories.tsx b/apps/admin-x-design-system/src/global/modal/ModalPage.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/ModalPage.stories.tsx
rename to apps/admin-x-design-system/src/global/modal/ModalPage.stories.tsx
diff --git a/apps/admin-x-design/src/global/modal/ModalPage.tsx b/apps/admin-x-design-system/src/global/modal/ModalPage.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/ModalPage.tsx
rename to apps/admin-x-design-system/src/global/modal/ModalPage.tsx
diff --git a/apps/admin-x-design/src/global/modal/PreviewModal.stories.tsx b/apps/admin-x-design-system/src/global/modal/PreviewModal.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/PreviewModal.stories.tsx
rename to apps/admin-x-design-system/src/global/modal/PreviewModal.stories.tsx
diff --git a/apps/admin-x-design/src/global/modal/PreviewModal.tsx b/apps/admin-x-design-system/src/global/modal/PreviewModal.tsx
similarity index 100%
rename from apps/admin-x-design/src/global/modal/PreviewModal.tsx
rename to apps/admin-x-design-system/src/global/modal/PreviewModal.tsx
diff --git a/apps/admin-x-design/src/hooks/useGlobalDirtyState.tsx b/apps/admin-x-design-system/src/hooks/useGlobalDirtyState.tsx
similarity index 100%
rename from apps/admin-x-design/src/hooks/useGlobalDirtyState.tsx
rename to apps/admin-x-design-system/src/hooks/useGlobalDirtyState.tsx
diff --git a/apps/admin-x-design/src/hooks/usePagination.tsx b/apps/admin-x-design-system/src/hooks/usePagination.tsx
similarity index 100%
rename from apps/admin-x-design/src/hooks/usePagination.tsx
rename to apps/admin-x-design-system/src/hooks/usePagination.tsx
diff --git a/apps/admin-x-design/src/index.ts b/apps/admin-x-design-system/src/index.ts
similarity index 100%
rename from apps/admin-x-design/src/index.ts
rename to apps/admin-x-design-system/src/index.ts
diff --git a/apps/admin-x-design/src/providers/DesignSystemProvider.tsx b/apps/admin-x-design-system/src/providers/DesignSystemProvider.tsx
similarity index 100%
rename from apps/admin-x-design/src/providers/DesignSystemProvider.tsx
rename to apps/admin-x-design-system/src/providers/DesignSystemProvider.tsx
diff --git a/apps/admin-x-design/src/settings/SettingGroup.stories.tsx b/apps/admin-x-design-system/src/settings/SettingGroup.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingGroup.stories.tsx
rename to apps/admin-x-design-system/src/settings/SettingGroup.stories.tsx
diff --git a/apps/admin-x-design/src/settings/SettingGroup.tsx b/apps/admin-x-design-system/src/settings/SettingGroup.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingGroup.tsx
rename to apps/admin-x-design-system/src/settings/SettingGroup.tsx
diff --git a/apps/admin-x-design/src/settings/SettingGroupContent.stories.tsx b/apps/admin-x-design-system/src/settings/SettingGroupContent.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingGroupContent.stories.tsx
rename to apps/admin-x-design-system/src/settings/SettingGroupContent.stories.tsx
diff --git a/apps/admin-x-design/src/settings/SettingGroupContent.tsx b/apps/admin-x-design-system/src/settings/SettingGroupContent.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingGroupContent.tsx
rename to apps/admin-x-design-system/src/settings/SettingGroupContent.tsx
diff --git a/apps/admin-x-design/src/settings/SettingGroupHeader.stories.tsx b/apps/admin-x-design-system/src/settings/SettingGroupHeader.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingGroupHeader.stories.tsx
rename to apps/admin-x-design-system/src/settings/SettingGroupHeader.stories.tsx
diff --git a/apps/admin-x-design/src/settings/SettingGroupHeader.tsx b/apps/admin-x-design-system/src/settings/SettingGroupHeader.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingGroupHeader.tsx
rename to apps/admin-x-design-system/src/settings/SettingGroupHeader.tsx
diff --git a/apps/admin-x-design/src/settings/SettingNavItem.stories.tsx b/apps/admin-x-design-system/src/settings/SettingNavItem.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingNavItem.stories.tsx
rename to apps/admin-x-design-system/src/settings/SettingNavItem.stories.tsx
diff --git a/apps/admin-x-design/src/settings/SettingNavItem.tsx b/apps/admin-x-design-system/src/settings/SettingNavItem.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingNavItem.tsx
rename to apps/admin-x-design-system/src/settings/SettingNavItem.tsx
diff --git a/apps/admin-x-design/src/settings/SettingNavSection.stories.tsx b/apps/admin-x-design-system/src/settings/SettingNavSection.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingNavSection.stories.tsx
rename to apps/admin-x-design-system/src/settings/SettingNavSection.stories.tsx
diff --git a/apps/admin-x-design/src/settings/SettingNavSection.tsx b/apps/admin-x-design-system/src/settings/SettingNavSection.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingNavSection.tsx
rename to apps/admin-x-design-system/src/settings/SettingNavSection.tsx
diff --git a/apps/admin-x-design/src/settings/SettingSection.stories.tsx b/apps/admin-x-design-system/src/settings/SettingSection.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingSection.stories.tsx
rename to apps/admin-x-design-system/src/settings/SettingSection.stories.tsx
diff --git a/apps/admin-x-design/src/settings/SettingSection.tsx b/apps/admin-x-design-system/src/settings/SettingSection.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingSection.tsx
rename to apps/admin-x-design-system/src/settings/SettingSection.tsx
diff --git a/apps/admin-x-design/src/settings/SettingSectionHeader.stories.tsx b/apps/admin-x-design-system/src/settings/SettingSectionHeader.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingSectionHeader.stories.tsx
rename to apps/admin-x-design-system/src/settings/SettingSectionHeader.stories.tsx
diff --git a/apps/admin-x-design/src/settings/SettingSectionHeader.tsx b/apps/admin-x-design-system/src/settings/SettingSectionHeader.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingSectionHeader.tsx
rename to apps/admin-x-design-system/src/settings/SettingSectionHeader.tsx
diff --git a/apps/admin-x-design/src/settings/SettingValue.stories.tsx b/apps/admin-x-design-system/src/settings/SettingValue.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingValue.stories.tsx
rename to apps/admin-x-design-system/src/settings/SettingValue.stories.tsx
diff --git a/apps/admin-x-design/src/settings/SettingValue.tsx b/apps/admin-x-design-system/src/settings/SettingValue.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/SettingValue.tsx
rename to apps/admin-x-design-system/src/settings/SettingValue.tsx
diff --git a/apps/admin-x-design/src/settings/StripeButton.stories.tsx b/apps/admin-x-design-system/src/settings/StripeButton.stories.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/StripeButton.stories.tsx
rename to apps/admin-x-design-system/src/settings/StripeButton.stories.tsx
diff --git a/apps/admin-x-design/src/settings/StripeButton.tsx b/apps/admin-x-design-system/src/settings/StripeButton.tsx
similarity index 100%
rename from apps/admin-x-design/src/settings/StripeButton.tsx
rename to apps/admin-x-design-system/src/settings/StripeButton.tsx
diff --git a/apps/admin-x-design/src/typings.d.ts b/apps/admin-x-design-system/src/typings.d.ts
similarity index 100%
rename from apps/admin-x-design/src/typings.d.ts
rename to apps/admin-x-design-system/src/typings.d.ts
diff --git a/apps/admin-x-design/src/utils/debounce.ts b/apps/admin-x-design-system/src/utils/debounce.ts
similarity index 100%
rename from apps/admin-x-design/src/utils/debounce.ts
rename to apps/admin-x-design-system/src/utils/debounce.ts
diff --git a/apps/admin-x-design/src/utils/modals.tsx b/apps/admin-x-design-system/src/utils/modals.tsx
similarity index 100%
rename from apps/admin-x-design/src/utils/modals.tsx
rename to apps/admin-x-design-system/src/utils/modals.tsx
diff --git a/apps/admin-x-design/styles.css b/apps/admin-x-design-system/styles.css
similarity index 100%
rename from apps/admin-x-design/styles.css
rename to apps/admin-x-design-system/styles.css
diff --git a/apps/admin-x-design/tailwind.cjs b/apps/admin-x-design-system/tailwind.cjs
similarity index 100%
rename from apps/admin-x-design/tailwind.cjs
rename to apps/admin-x-design-system/tailwind.cjs
diff --git a/apps/admin-x-design/tailwind.config.cjs b/apps/admin-x-design-system/tailwind.config.cjs
similarity index 99%
rename from apps/admin-x-design/tailwind.config.cjs
rename to apps/admin-x-design-system/tailwind.config.cjs
index 7bdc561cd1..27e8958eef 100644
--- a/apps/admin-x-design/tailwind.config.cjs
+++ b/apps/admin-x-design-system/tailwind.config.cjs
@@ -1,7 +1,7 @@
// Used for eslint and storybook. Styles should not be compiled directly with this, they should be compiled by calling the function in tailwind.cjs
module.exports = {
content: ['./src/**/*.{js,ts,jsx,tsx}'],
- important: '.admin-x-design',
+ important: '.admin-x-design-system',
corePlugins: {
preflight: false // we're providing our own scoped CSS reset
diff --git a/apps/admin-x-design/test/.eslintrc.cjs b/apps/admin-x-design-system/test/.eslintrc.cjs
similarity index 100%
rename from apps/admin-x-design/test/.eslintrc.cjs
rename to apps/admin-x-design-system/test/.eslintrc.cjs
diff --git a/apps/admin-x-design/test/hello.test.ts b/apps/admin-x-design-system/test/hello.test.ts
similarity index 100%
rename from apps/admin-x-design/test/hello.test.ts
rename to apps/admin-x-design-system/test/hello.test.ts
diff --git a/apps/admin-x-design/tsconfig.declaration.json b/apps/admin-x-design-system/tsconfig.declaration.json
similarity index 100%
rename from apps/admin-x-design/tsconfig.declaration.json
rename to apps/admin-x-design-system/tsconfig.declaration.json
diff --git a/apps/admin-x-design/tsconfig.json b/apps/admin-x-design-system/tsconfig.json
similarity index 100%
rename from apps/admin-x-design/tsconfig.json
rename to apps/admin-x-design-system/tsconfig.json
diff --git a/apps/admin-x-design/tsconfig.node.json b/apps/admin-x-design-system/tsconfig.node.json
similarity index 100%
rename from apps/admin-x-design/tsconfig.node.json
rename to apps/admin-x-design-system/tsconfig.node.json
diff --git a/apps/admin-x-design/vite.config.ts b/apps/admin-x-design-system/vite.config.ts
similarity index 100%
rename from apps/admin-x-design/vite.config.ts
rename to apps/admin-x-design-system/vite.config.ts
diff --git a/apps/admin-x-settings/package.json b/apps/admin-x-settings/package.json
index 4bad134fe3..98b35e1e20 100644
--- a/apps/admin-x-settings/package.json
+++ b/apps/admin-x-settings/package.json
@@ -49,7 +49,7 @@
},
"devDependencies": {
"@playwright/test": "1.38.1",
- "@tryghost/admin-x-design": "0.0.0",
+ "@tryghost/admin-x-design-system": "0.0.0",
"@types/react": "18.2.37",
"@types/react-dom": "18.2.15",
"@types/validator": "13.11.6",
@@ -68,13 +68,13 @@
"build": {
"dependsOn": [
"build",
- {"projects": ["@tryghost/admin-x-design"], "target": "build"}
+ {"projects": ["@tryghost/admin-x-design-system"], "target": "build"}
]
},
"test:acceptance": {
"dependsOn": [
"test:acceptance",
- {"projects": ["@tryghost/admin-x-design"], "target": "build"}
+ {"projects": ["@tryghost/admin-x-design-system"], "target": "build"}
]
}
}
diff --git a/apps/admin-x-settings/src/App.tsx b/apps/admin-x-settings/src/App.tsx
index 3e00545bf8..3465fda480 100644
--- a/apps/admin-x-settings/src/App.tsx
+++ b/apps/admin-x-settings/src/App.tsx
@@ -2,7 +2,7 @@ import GlobalDataProvider from './components/providers/GlobalDataProvider';
import MainContent from './MainContent';
import RoutingProvider, {ExternalLink} from './components/providers/RoutingProvider';
import {DefaultHeaderTypes} from './unsplash/UnsplashTypes';
-import {DesignSystemApp} from '@tryghost/admin-x-design';
+import {DesignSystemApp} from '@tryghost/admin-x-design-system';
import {FetchKoenigLexical, OfficialTheme, ServicesProvider} from './components/providers/ServiceProvider';
import {QueryClient, QueryClientProvider} from '@tanstack/react-query';
import {ScrollSectionProvider} from './hooks/useScrollSection';
diff --git a/apps/admin-x-settings/src/MainContent.tsx b/apps/admin-x-settings/src/MainContent.tsx
index 9be7331a9c..201ed8b7eb 100644
--- a/apps/admin-x-settings/src/MainContent.tsx
+++ b/apps/admin-x-settings/src/MainContent.tsx
@@ -3,7 +3,7 @@ import Settings from './components/Settings';
import Sidebar from './components/Sidebar';
import Users from './components/settings/general/Users';
import useRouting from './hooks/useRouting';
-import {Heading, topLevelBackdropClasses} from '@tryghost/admin-x-design';
+import {Heading, topLevelBackdropClasses} from '@tryghost/admin-x-design-system';
import {ReactNode, useEffect} from 'react';
import {canAccessSettings, isEditorUser} from './api/users';
import {toast} from 'react-hot-toast';
diff --git a/apps/admin-x-settings/src/components/ExitSettingsButton.tsx b/apps/admin-x-settings/src/components/ExitSettingsButton.tsx
index 37791ad3ac..e6ce590672 100644
--- a/apps/admin-x-settings/src/components/ExitSettingsButton.tsx
+++ b/apps/admin-x-settings/src/components/ExitSettingsButton.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import {Button, confirmIfDirty, useGlobalDirtyState} from '@tryghost/admin-x-design';
+import {Button, confirmIfDirty, useGlobalDirtyState} from '@tryghost/admin-x-design-system';
const ExitSettingsButton: React.FC = () => {
const {isDirty} = useGlobalDirtyState();
diff --git a/apps/admin-x-settings/src/components/SearchableSection.tsx b/apps/admin-x-settings/src/components/SearchableSection.tsx
index d8514acbbb..8196ba0b57 100644
--- a/apps/admin-x-settings/src/components/SearchableSection.tsx
+++ b/apps/admin-x-settings/src/components/SearchableSection.tsx
@@ -1,4 +1,4 @@
-import {SettingSection, SettingSectionProps} from '@tryghost/admin-x-design';
+import {SettingSection, SettingSectionProps} from '@tryghost/admin-x-design-system';
import {useSearch} from './providers/ServiceProvider';
const SearchableSection: React.FC & {keywords: string[]}> = ({keywords, ...props}) => {
diff --git a/apps/admin-x-settings/src/components/Sidebar.tsx b/apps/admin-x-settings/src/components/Sidebar.tsx
index e4d4200d6b..e35f3e85a3 100644
--- a/apps/admin-x-settings/src/components/Sidebar.tsx
+++ b/apps/admin-x-settings/src/components/Sidebar.tsx
@@ -3,7 +3,7 @@ import React, {useEffect, useRef} from 'react';
import clsx from 'clsx';
import useFeatureFlag from '../hooks/useFeatureFlag';
import useRouting from '../hooks/useRouting';
-import {Button, Icon, SettingNavItem, SettingNavItemProps, SettingNavSection, TextField, useFocusContext} from '@tryghost/admin-x-design';
+import {Button, Icon, SettingNavItem, SettingNavItemProps, SettingNavSection, TextField, useFocusContext} from '@tryghost/admin-x-design-system';
import {searchKeywords as advancedSearchKeywords} from './settings/advanced/AdvancedSettings';
import {searchKeywords as emailSearchKeywords} from './settings/email/EmailSettings';
import {searchKeywords as generalSearchKeywords} from './settings/general/GeneralSettings';
diff --git a/apps/admin-x-settings/src/components/TopLevelGroup.tsx b/apps/admin-x-settings/src/components/TopLevelGroup.tsx
index e4c292951d..aa7aa1ddb5 100644
--- a/apps/admin-x-settings/src/components/TopLevelGroup.tsx
+++ b/apps/admin-x-settings/src/components/TopLevelGroup.tsx
@@ -1,6 +1,6 @@
import React, {useEffect, useState} from 'react';
import useRouting from '../hooks/useRouting';
-import {SettingGroup as Base, SettingGroupProps} from '@tryghost/admin-x-design';
+import {SettingGroup as Base, SettingGroupProps} from '@tryghost/admin-x-design-system';
import {useScrollSection} from '../hooks/useScrollSection';
import {useSearch} from './providers/ServiceProvider';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/CodeInjection.tsx b/apps/admin-x-settings/src/components/settings/advanced/CodeInjection.tsx
index 2faa8be5a0..3ce32cf180 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/CodeInjection.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/CodeInjection.tsx
@@ -3,7 +3,7 @@ import NiceModal from '@ebay/nice-modal-react';
import React, {useMemo, useRef, useState} from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {Button, CodeEditor, TabView, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, CodeEditor, TabView, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {ReactCodeMirrorRef} from '@uiw/react-codemirror';
import {getSettingValues} from '../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/History.tsx b/apps/admin-x-settings/src/components/settings/advanced/History.tsx
index 285644f2fa..2fe4046cc1 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/History.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/History.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useRouting from '../../../hooks/useRouting';
-import {Button, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, withErrorBoundary} from '@tryghost/admin-x-design-system';
const History: React.FC<{ keywords: string[] }> = ({keywords}) => {
const {updateRoute} = useRouting();
diff --git a/apps/admin-x-settings/src/components/settings/advanced/HistoryModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/HistoryModal.tsx
index 354e8cdc49..5c01a522a0 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/HistoryModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/HistoryModal.tsx
@@ -2,7 +2,7 @@ import NiceModal, {useModal} from '@ebay/nice-modal-react';
import useFilterableApi from '../../../hooks/useFilterableApi';
import useRouting from '../../../hooks/useRouting';
import {Action, getActionTitle, getContextResource, getLinkTarget, isBulkAction, useBrowseActions} from '../../../api/actions';
-import {Avatar, Button, Icon, InfiniteScrollListener, List, ListItem, LoadSelectOptions, Modal, NoValueLabel, Popover, Select, SelectOption, Toggle, ToggleGroup, debounce} from '@tryghost/admin-x-design';
+import {Avatar, Button, Icon, InfiniteScrollListener, List, ListItem, LoadSelectOptions, Modal, NoValueLabel, Popover, Select, SelectOption, Toggle, ToggleGroup, debounce} from '@tryghost/admin-x-design-system';
import {RoutingModalProps} from '../../providers/RoutingProvider';
import {User} from '../../../api/users';
import {generateAvatarColor, getInitials} from '../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/Integrations.tsx b/apps/admin-x-settings/src/components/settings/advanced/Integrations.tsx
index 7567ca52f8..ef6c973fa2 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/Integrations.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/Integrations.tsx
@@ -5,7 +5,7 @@ import useHandleError from '../../../utils/api/handleError';
import usePinturaEditor from '../../../hooks/usePinturaEditor';
import useRouting from '../../../hooks/useRouting';
import {ReactComponent as AmpIcon} from '../../../assets/icons/amp.svg';
-import {Button, ConfirmationModal, Icon, List, ListItem, NoValueLabel, TabView, showToast, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, ConfirmationModal, Icon, List, ListItem, NoValueLabel, TabView, showToast, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {ReactComponent as FirstPromoterIcon} from '../../../assets/icons/firstpromoter.svg';
import {Integration, useBrowseIntegrations, useDeleteIntegration} from '../../../api/integrations';
import {ReactComponent as PinturaIcon} from '../../../assets/icons/pintura.svg';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/Labs.tsx b/apps/admin-x-settings/src/components/settings/advanced/Labs.tsx
index 1b957f3495..83653b29fe 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/Labs.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/Labs.tsx
@@ -4,7 +4,7 @@ import LabsBubbles from '../../../assets/images/labs-bg.svg';
import MigrationOptions from './labs/MigrationOptions';
import React, {useState} from 'react';
import TopLevelGroup from '../../TopLevelGroup';
-import {Button, SettingGroupHeader, Tab, TabView, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, SettingGroupHeader, Tab, TabView, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {useGlobalData} from '../../providers/GlobalDataProvider';
type LabsTab = 'labs-migration-options' | 'labs-alpha-features' | 'labs-beta-features';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/code/CodeModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/code/CodeModal.tsx
index e56431b15f..d4a274127c 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/code/CodeModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/code/CodeModal.tsx
@@ -1,6 +1,6 @@
import NiceModal, {useModal} from '@ebay/nice-modal-react';
import React, {useMemo} from 'react';
-import {CodeEditor, Modal} from '@tryghost/admin-x-design';
+import {CodeEditor, Modal} from '@tryghost/admin-x-design-system';
interface CodeModalProps {
hint?: React.ReactNode;
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/APIKeys.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/APIKeys.tsx
index 2dc9b1d2a3..c49e0fe87d 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/APIKeys.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/APIKeys.tsx
@@ -1,6 +1,6 @@
import React, {ReactNode, useState} from 'react';
import clsx from 'clsx';
-import {Button, Heading} from '@tryghost/admin-x-design';
+import {Button, Heading} from '@tryghost/admin-x-design-system';
export interface APIKeyFieldProps {
label?: string;
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/AddIntegrationModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/AddIntegrationModal.tsx
index 1c5dbd341b..0b2df7e2c3 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/AddIntegrationModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/AddIntegrationModal.tsx
@@ -2,7 +2,7 @@ import NiceModal, {useModal} from '@ebay/nice-modal-react';
import React, {useEffect, useState} from 'react';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {Form, LimitModal, Modal, TextField} from '@tryghost/admin-x-design';
+import {Form, LimitModal, Modal, TextField} from '@tryghost/admin-x-design-system';
import {HostLimitError, useLimiter} from '../../../../hooks/useLimiter';
import {RoutingModalProps} from '../../../providers/RoutingProvider';
import {useCreateIntegration} from '../../../../api/integrations';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/AmpModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/AmpModal.tsx
index 2399ac1800..c9bf7d1346 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/AmpModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/AmpModal.tsx
@@ -2,7 +2,7 @@ import IntegrationHeader from './IntegrationHeader';
import NiceModal from '@ebay/nice-modal-react';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {Form, Modal, TextField, Toggle} from '@tryghost/admin-x-design';
+import {Form, Modal, TextField, Toggle} from '@tryghost/admin-x-design-system';
import {ReactComponent as Icon} from '../../../../assets/icons/amp.svg';
import {Setting, getSettingValues, useEditSettings} from '../../../../api/settings';
import {useEffect, useState} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/CustomIntegrationModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/CustomIntegrationModal.tsx
index eb4184e7fb..44354b593e 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/CustomIntegrationModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/CustomIntegrationModal.tsx
@@ -6,7 +6,7 @@ import useForm from '../../../../hooks/useForm';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
import {APIKey, useRefreshAPIKey} from '../../../../api/apiKeys';
-import {ConfirmationModal, Form, ImageUpload, Modal, TextField, showToast} from '@tryghost/admin-x-design';
+import {ConfirmationModal, Form, ImageUpload, Modal, TextField, showToast} from '@tryghost/admin-x-design-system';
import {Integration, useBrowseIntegrations, useEditIntegration} from '../../../../api/integrations';
import {RoutingModalProps} from '../../../providers/RoutingProvider';
import {getGhostPaths} from '../../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/FirstPromoterModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/FirstPromoterModal.tsx
index 5acfd6816a..e373930a6b 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/FirstPromoterModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/FirstPromoterModal.tsx
@@ -2,7 +2,7 @@ import IntegrationHeader from './IntegrationHeader';
import NiceModal from '@ebay/nice-modal-react';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {Form, Modal, TextField, Toggle} from '@tryghost/admin-x-design';
+import {Form, Modal, TextField, Toggle} from '@tryghost/admin-x-design-system';
import {ReactComponent as Icon} from '../../../../assets/icons/firstpromoter.svg';
import {Setting, getSettingValues, useEditSettings} from '../../../../api/settings';
import {useEffect, useState} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/PinturaModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/PinturaModal.tsx
index b2f06e2169..1a6a85a89a 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/PinturaModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/PinturaModal.tsx
@@ -3,7 +3,7 @@ import NiceModal from '@ebay/nice-modal-react';
import pinturaScreenshot from '../../../../assets/images/pintura-screenshot.png';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {Button, Form, Modal, Toggle, showToast} from '@tryghost/admin-x-design';
+import {Button, Form, Modal, Toggle, showToast} from '@tryghost/admin-x-design-system';
import {ReactComponent as Icon} from '../../../../assets/icons/pintura.svg';
import {Setting, getSettingValues, useEditSettings} from '../../../../api/settings';
import {useEffect, useRef, useState} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/SlackModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/SlackModal.tsx
index ce846a33e2..53c12a7937 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/SlackModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/SlackModal.tsx
@@ -4,7 +4,7 @@ import toast from 'react-hot-toast';
import useRouting from '../../../../hooks/useRouting';
import useSettingGroup from '../../../../hooks/useSettingGroup';
import validator from 'validator';
-import {Button, Form, Modal, TextField, showToast} from '@tryghost/admin-x-design';
+import {Button, Form, Modal, TextField, showToast} from '@tryghost/admin-x-design-system';
import {ReactComponent as Icon} from '../../../../assets/icons/slack.svg';
import {getSettingValues} from '../../../../api/settings';
import {useTestSlack} from '../../../../api/slack';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/UnsplashModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/UnsplashModal.tsx
index 4842895fd8..ba94a0574e 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/UnsplashModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/UnsplashModal.tsx
@@ -2,7 +2,7 @@ import IntegrationHeader from './IntegrationHeader';
import NiceModal from '@ebay/nice-modal-react';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {Form, Modal, Toggle} from '@tryghost/admin-x-design';
+import {Form, Modal, Toggle} from '@tryghost/admin-x-design-system';
import {ReactComponent as Icon} from '../../../../assets/icons/unsplash.svg';
import {Setting, getSettingValues, useEditSettings} from '../../../../api/settings';
import {useGlobalData} from '../../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhookModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhookModal.tsx
index c7fe04190f..cc379ba43a 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhookModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhookModal.tsx
@@ -5,7 +5,7 @@ import useForm from '../../../../hooks/useForm';
import useHandleError from '../../../../utils/api/handleError';
import validator from 'validator';
import webhookEventOptions from './webhookEventOptions';
-import {Form, Modal, Select, TextField, showToast} from '@tryghost/admin-x-design';
+import {Form, Modal, Select, TextField, showToast} from '@tryghost/admin-x-design-system';
import {Webhook, useCreateWebhook, useEditWebhook} from '../../../../api/webhooks';
interface WebhookModalProps {
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhooksTable.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhooksTable.tsx
index ed1aa8ae3d..a5900af75b 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhooksTable.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/WebhooksTable.tsx
@@ -1,7 +1,7 @@
import NiceModal from '@ebay/nice-modal-react';
import WebhookModal from './WebhookModal';
import useHandleError from '../../../../utils/api/handleError';
-import {Button, ConfirmationModal, Table, TableCell, TableHead, TableRow, showToast} from '@tryghost/admin-x-design';
+import {Button, ConfirmationModal, Table, TableCell, TableHead, TableRow, showToast} from '@tryghost/admin-x-design-system';
import {Integration} from '../../../../api/integrations';
import {getWebhookEventLabel} from './webhookEventOptions';
import {useDeleteWebhook} from '../../../../api/webhooks';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/ZapierModal.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/ZapierModal.tsx
index 92d5f57e74..8f75ac9327 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/ZapierModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/ZapierModal.tsx
@@ -3,7 +3,7 @@ import IntegrationHeader from './IntegrationHeader';
import NiceModal from '@ebay/nice-modal-react';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {Button, ConfirmationModal, Icon, List, ListItem, Modal} from '@tryghost/admin-x-design';
+import {Button, ConfirmationModal, Icon, List, ListItem, Modal} from '@tryghost/admin-x-design-system';
import {ReactComponent as Logo} from '../../../../assets/images/zapier-logo.svg';
import {ReactComponent as ZapierIcon} from '../../../../assets/icons/zapier.svg';
import {getGhostPaths, resolveAsset} from '../../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/integrations/webhookEventOptions.tsx b/apps/admin-x-settings/src/components/settings/advanced/integrations/webhookEventOptions.tsx
index 78b7f4c5ae..19e6214103 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/integrations/webhookEventOptions.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/integrations/webhookEventOptions.tsx
@@ -1,4 +1,4 @@
-import {SelectOptionGroup} from '@tryghost/admin-x-design';
+import {SelectOptionGroup} from '@tryghost/admin-x-design-system';
const webhookEventOptions: SelectOptionGroup[] = [
{
diff --git a/apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx b/apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx
index ad54475ae0..14b7f5471b 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx
@@ -1,7 +1,7 @@
import FeatureToggle from './FeatureToggle';
import LabItem from './LabItem';
import React from 'react';
-import {List} from '@tryghost/admin-x-design';
+import {List} from '@tryghost/admin-x-design-system';
const features = [{
title: 'URL cache',
diff --git a/apps/admin-x-settings/src/components/settings/advanced/labs/BetaFeatures.tsx b/apps/admin-x-settings/src/components/settings/advanced/labs/BetaFeatures.tsx
index 564dd36a1c..f5828476e3 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/labs/BetaFeatures.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/labs/BetaFeatures.tsx
@@ -3,7 +3,7 @@ import LabItem from './LabItem';
import React, {useState} from 'react';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {Button, FileUpload, List, showToast} from '@tryghost/admin-x-design';
+import {Button, FileUpload, List, showToast} from '@tryghost/admin-x-design-system';
import {downloadRedirects, useUploadRedirects} from '../../../../api/redirects';
import {downloadRoutes, useUploadRoutes} from '../../../../api/routes';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/labs/FeatureToggle.tsx b/apps/admin-x-settings/src/components/settings/advanced/labs/FeatureToggle.tsx
index 14e96d5488..6a80881e70 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/labs/FeatureToggle.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/labs/FeatureToggle.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import useHandleError from '../../../../utils/api/handleError';
import {ConfigResponseType, configDataType} from '../../../../api/config';
-import {Toggle} from '@tryghost/admin-x-design';
+import {Toggle} from '@tryghost/admin-x-design-system';
import {getSettingValue, useEditSettings} from '../../../../api/settings';
import {useGlobalData} from '../../../providers/GlobalDataProvider';
import {useQueryClient} from '@tanstack/react-query';
diff --git a/apps/admin-x-settings/src/components/settings/advanced/labs/LabItem.tsx b/apps/admin-x-settings/src/components/settings/advanced/labs/LabItem.tsx
index de5be48c48..bade006619 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/labs/LabItem.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/labs/LabItem.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import {ListItem} from '@tryghost/admin-x-design';
+import {ListItem} from '@tryghost/admin-x-design-system';
const LabItem: React.FC<{
title?: React.ReactNode;
diff --git a/apps/admin-x-settings/src/components/settings/advanced/labs/MigrationOptions.tsx b/apps/admin-x-settings/src/components/settings/advanced/labs/MigrationOptions.tsx
index 3aa96aade3..984d5b55d1 100644
--- a/apps/admin-x-settings/src/components/settings/advanced/labs/MigrationOptions.tsx
+++ b/apps/admin-x-settings/src/components/settings/advanced/labs/MigrationOptions.tsx
@@ -2,7 +2,7 @@ import LabItem from './LabItem';
import NiceModal, {useModal} from '@ebay/nice-modal-react';
import React, {useState} from 'react';
import useHandleError from '../../../../utils/api/handleError';
-import {Button, ConfirmationModal, FileUpload, List, showToast} from '@tryghost/admin-x-design';
+import {Button, ConfirmationModal, FileUpload, List, showToast} from '@tryghost/admin-x-design-system';
import {downloadAllContent, useDeleteAllContent, useImportContent} from '../../../../api/db';
import {useQueryClient} from '@tanstack/react-query';
diff --git a/apps/admin-x-settings/src/components/settings/email/DefaultRecipients.tsx b/apps/admin-x-settings/src/components/settings/email/DefaultRecipients.tsx
index ed7c317cba..5863ce3d8e 100644
--- a/apps/admin-x-settings/src/components/settings/email/DefaultRecipients.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/DefaultRecipients.tsx
@@ -2,7 +2,7 @@ import React, {useState} from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useDefaultRecipientsOptions from './useDefaultRecipientsOptions';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {MultiSelect, MultiSelectOption, Select, SettingGroupContent, withErrorBoundary} from '@tryghost/admin-x-design';
+import {MultiSelect, MultiSelectOption, Select, SettingGroupContent, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {MultiValue} from 'react-select';
import {getOptionLabel} from '../../../utils/helpers';
import {getSettingValues} from '../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/email/EnableNewsletters.tsx b/apps/admin-x-settings/src/components/settings/email/EnableNewsletters.tsx
index 56a1268404..532120a46a 100644
--- a/apps/admin-x-settings/src/components/settings/email/EnableNewsletters.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/EnableNewsletters.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useHandleError from '../../../utils/api/handleError';
import useRouting from '../../../hooks/useRouting';
-import {Banner, Icon, SettingGroupContent, Toggle, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Banner, Icon, SettingGroupContent, Toggle, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {Setting, getSettingValues, useEditSettings} from '../../../api/settings';
import {useGlobalData} from '../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/email/Mailgun.tsx b/apps/admin-x-settings/src/components/settings/email/Mailgun.tsx
index 16ad90400a..91a6b8643e 100644
--- a/apps/admin-x-settings/src/components/settings/email/Mailgun.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/Mailgun.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useHandleError from '../../../utils/api/handleError';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {IconLabel, Link, Select, SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design';
+import {IconLabel, Link, Select, SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getSettingValues, useEditSettings} from '../../../api/settings';
const MAILGUN_REGIONS = [
diff --git a/apps/admin-x-settings/src/components/settings/email/Newsletters.tsx b/apps/admin-x-settings/src/components/settings/email/Newsletters.tsx
index d0fab889b7..69ef92d885 100644
--- a/apps/admin-x-settings/src/components/settings/email/Newsletters.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/Newsletters.tsx
@@ -6,7 +6,7 @@ import useHandleError from '../../../utils/api/handleError';
import useQueryParams from '../../../hooks/useQueryParams';
import useRouting from '../../../hooks/useRouting';
import {APIError} from '../../../utils/errors';
-import {Button, ConfirmationModal, TabView, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, ConfirmationModal, TabView, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {useBrowseNewsletters, useVerifyNewsletterEmail} from '../../../api/newsletters';
const NavigateToNewsletter = ({id, children}: {id: string; children: ReactNode}) => {
diff --git a/apps/admin-x-settings/src/components/settings/email/newsletters/AddNewsletterModal.tsx b/apps/admin-x-settings/src/components/settings/email/newsletters/AddNewsletterModal.tsx
index ff448e7331..fb50fba4af 100644
--- a/apps/admin-x-settings/src/components/settings/email/newsletters/AddNewsletterModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/newsletters/AddNewsletterModal.tsx
@@ -3,7 +3,7 @@ import React, {useEffect} from 'react';
import useForm from '../../../../hooks/useForm';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {Form, LimitModal, Modal, TextArea, TextField, Toggle, showToast} from '@tryghost/admin-x-design';
+import {Form, LimitModal, Modal, TextArea, TextField, Toggle, showToast} from '@tryghost/admin-x-design-system';
import {HostLimitError, useLimiter} from '../../../../hooks/useLimiter';
import {RoutingModalProps} from '../../../providers/RoutingProvider';
import {toast} from 'react-hot-toast';
diff --git a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterDetailModal.tsx b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterDetailModal.tsx
index 9ad1e3a04a..c756ad27e8 100644
--- a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterDetailModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterDetailModal.tsx
@@ -7,7 +7,7 @@ import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
import useSettingGroup from '../../../../hooks/useSettingGroup';
import validator from 'validator';
-import {Button, ButtonGroup, ColorPickerField, ConfirmationModal, Form, Heading, Hint, HtmlField, Icon, ImageUpload, LimitModal, PreviewModalContent, Select, SelectOption, Separator, Tab, TabView, TextArea, TextField, Toggle, ToggleGroup, showToast} from '@tryghost/admin-x-design';
+import {Button, ButtonGroup, ColorPickerField, ConfirmationModal, Form, Heading, Hint, HtmlField, Icon, ImageUpload, LimitModal, PreviewModalContent, Select, SelectOption, Separator, Tab, TabView, TextArea, TextField, Toggle, ToggleGroup, showToast} from '@tryghost/admin-x-design-system';
import {HostLimitError, useLimiter} from '../../../../hooks/useLimiter';
import {Newsletter, useBrowseNewsletters, useEditNewsletter} from '../../../../api/newsletters';
import {RoutingModalProps} from '../../../providers/RoutingProvider';
diff --git a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
index a52b9a3d53..3bea96cc37 100644
--- a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
@@ -3,7 +3,7 @@ import LatestPosts1 from '../../../../assets/images/latest-posts-1.png';
import LatestPosts2 from '../../../../assets/images/latest-posts-2.png';
import LatestPosts3 from '../../../../assets/images/latest-posts-3.png';
import clsx from 'clsx';
-import {GhostOrb, Icon} from '@tryghost/admin-x-design';
+import {GhostOrb, Icon} from '@tryghost/admin-x-design-system';
import {textColorForBackgroundColor} from '@tryghost/color-utils';
const NewsletterPreviewContent: React.FC<{
diff --git a/apps/admin-x-settings/src/components/settings/email/newsletters/NewslettersList.tsx b/apps/admin-x-settings/src/components/settings/email/newsletters/NewslettersList.tsx
index 2a9464e744..0ee272a927 100644
--- a/apps/admin-x-settings/src/components/settings/email/newsletters/NewslettersList.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/newsletters/NewslettersList.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import useRouting from '../../../../hooks/useRouting';
-import {Button, NoValueLabel, Table, TableCell, TableRow} from '@tryghost/admin-x-design';
+import {Button, NoValueLabel, Table, TableCell, TableRow} from '@tryghost/admin-x-design-system';
import {Newsletter} from '../../../../api/newsletters';
import {numberWithCommas} from '../../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/email/useDefaultRecipientsOptions.tsx b/apps/admin-x-settings/src/components/settings/email/useDefaultRecipientsOptions.tsx
index f018eec019..7bcfc794c6 100644
--- a/apps/admin-x-settings/src/components/settings/email/useDefaultRecipientsOptions.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/useDefaultRecipientsOptions.tsx
@@ -1,7 +1,7 @@
import useFilterableApi from '../../../hooks/useFilterableApi';
import {GroupBase, MultiValue} from 'react-select';
import {Label} from '../../../api/labels';
-import {LoadMultiSelectOptions, MultiSelectOption, debounce} from '@tryghost/admin-x-design';
+import {LoadMultiSelectOptions, MultiSelectOption, debounce} from '@tryghost/admin-x-design-system';
import {Offer} from '../../../api/offers';
import {Tier} from '../../../api/tiers';
import {isObjectId} from '../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/general/About.tsx b/apps/admin-x-settings/src/components/settings/general/About.tsx
index 5030e18076..f2b9e86a16 100644
--- a/apps/admin-x-settings/src/components/settings/general/About.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/About.tsx
@@ -1,6 +1,6 @@
import NiceModal from '@ebay/nice-modal-react';
import useRouting from '../../../hooks/useRouting';
-import {GhostLogo, Icon, Modal, Separator} from '@tryghost/admin-x-design';
+import {GhostLogo, Icon, Modal, Separator} from '@tryghost/admin-x-design-system';
import {RoutingModalProps} from '../../providers/RoutingProvider';
import {linkToGitHubReleases} from '../../../utils/linkToGithubReleases';
import {showDatabaseWarning} from '../../../utils/showDatabaseWarning';
diff --git a/apps/admin-x-settings/src/components/settings/general/Facebook.tsx b/apps/admin-x-settings/src/components/settings/general/Facebook.tsx
index 10028303bc..75227ce9c9 100644
--- a/apps/admin-x-settings/src/components/settings/general/Facebook.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/Facebook.tsx
@@ -3,7 +3,7 @@ import TopLevelGroup from '../../TopLevelGroup';
import useHandleError from '../../../utils/api/handleError';
import usePinturaEditor from '../../../hooks/usePinturaEditor';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {FacebookLogo, ImageUpload, SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design';
+import {FacebookLogo, ImageUpload, SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getImageUrl, useUploadImage} from '../../../api/images';
import {getSettingValues} from '../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/general/InviteUserModal.tsx b/apps/admin-x-settings/src/components/settings/general/InviteUserModal.tsx
index d5a059e86d..502126b53f 100644
--- a/apps/admin-x-settings/src/components/settings/general/InviteUserModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/InviteUserModal.tsx
@@ -3,7 +3,7 @@ import useHandleError from '../../../utils/api/handleError';
import useRouting from '../../../hooks/useRouting';
import validator from 'validator';
import {HostLimitError, useLimiter} from '../../../hooks/useLimiter';
-import {Modal, Radio, TextField, showToast} from '@tryghost/admin-x-design';
+import {Modal, Radio, TextField, showToast} from '@tryghost/admin-x-design-system';
import {useAddInvite, useBrowseInvites} from '../../../api/invites';
import {useBrowseRoles} from '../../../api/roles';
import {useBrowseUsers} from '../../../api/users';
diff --git a/apps/admin-x-settings/src/components/settings/general/LockSite.tsx b/apps/admin-x-settings/src/components/settings/general/LockSite.tsx
index b72568c482..927fc7e93a 100644
--- a/apps/admin-x-settings/src/components/settings/general/LockSite.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/LockSite.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {Icon, Link, SettingGroupContent, TextField, Toggle, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Icon, Link, SettingGroupContent, TextField, Toggle, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getSettingValues} from '../../../api/settings';
const LockSite: React.FC<{ keywords: string[] }> = ({keywords}) => {
diff --git a/apps/admin-x-settings/src/components/settings/general/Metadata.tsx b/apps/admin-x-settings/src/components/settings/general/Metadata.tsx
index 35fe32e5fb..d9547ab336 100644
--- a/apps/admin-x-settings/src/components/settings/general/Metadata.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/Metadata.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {GoogleLogo, Heading, Icon, SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design';
+import {GoogleLogo, Heading, Icon, SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getSettingValues} from '../../../api/settings';
interface SearchEnginePreviewProps {
diff --git a/apps/admin-x-settings/src/components/settings/general/PublicationLanguage.tsx b/apps/admin-x-settings/src/components/settings/general/PublicationLanguage.tsx
index 6378c7878e..0759e28388 100644
--- a/apps/admin-x-settings/src/components/settings/general/PublicationLanguage.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/PublicationLanguage.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design';
+import {SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getSettingValues} from '../../../api/settings';
const PublicationLanguage: React.FC<{ keywords: string[] }> = ({keywords}) => {
diff --git a/apps/admin-x-settings/src/components/settings/general/SocialAccounts.tsx b/apps/admin-x-settings/src/components/settings/general/SocialAccounts.tsx
index 16adb7b155..5f13d55a06 100644
--- a/apps/admin-x-settings/src/components/settings/general/SocialAccounts.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/SocialAccounts.tsx
@@ -1,7 +1,7 @@
import React, {useState} from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design';
+import {SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {facebookHandleToUrl, facebookUrlToHandle, twitterHandleToUrl, twitterUrlToHandle, validateFacebookUrl, validateTwitterUrl} from '../../../utils/socialUrls';
import {getSettingValues} from '../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/general/TimeZone.tsx b/apps/admin-x-settings/src/components/settings/general/TimeZone.tsx
index 57e0374aab..aab2ab757f 100644
--- a/apps/admin-x-settings/src/components/settings/general/TimeZone.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/TimeZone.tsx
@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import timezoneData from '@tryghost/timezone-data';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {Select, SettingGroupContent, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Select, SettingGroupContent, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getLocalTime} from '../../../utils/helpers';
import {getSettingValues} from '../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/general/TitleAndDescription.tsx b/apps/admin-x-settings/src/components/settings/general/TitleAndDescription.tsx
index 786021b690..a623e46bcd 100644
--- a/apps/admin-x-settings/src/components/settings/general/TitleAndDescription.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/TitleAndDescription.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design';
+import {SettingGroupContent, TextField, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getSettingValues} from '../../../api/settings';
const TitleAndDescription: React.FC<{ keywords: string[] }> = ({keywords}) => {
diff --git a/apps/admin-x-settings/src/components/settings/general/Twitter.tsx b/apps/admin-x-settings/src/components/settings/general/Twitter.tsx
index 7e8698032e..914ea756a5 100644
--- a/apps/admin-x-settings/src/components/settings/general/Twitter.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/Twitter.tsx
@@ -3,7 +3,7 @@ import TopLevelGroup from '../../TopLevelGroup';
import useHandleError from '../../../utils/api/handleError';
import usePinturaEditor from '../../../hooks/usePinturaEditor';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {ImageUpload, SettingGroupContent, TextField, TwitterLogo, withErrorBoundary} from '@tryghost/admin-x-design';
+import {ImageUpload, SettingGroupContent, TextField, TwitterLogo, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getImageUrl, useUploadImage} from '../../../api/images';
import {getSettingValues} from '../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/general/UserDetailModal.tsx b/apps/admin-x-settings/src/components/settings/general/UserDetailModal.tsx
index de0a125b33..9a06c2ae81 100644
--- a/apps/admin-x-settings/src/components/settings/general/UserDetailModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/UserDetailModal.tsx
@@ -12,7 +12,7 @@ import usePinturaEditor from '../../../hooks/usePinturaEditor';
import useRouting from '../../../hooks/useRouting';
import useStaffUsers from '../../../hooks/useStaffUsers';
import validator from 'validator';
-import {ConfirmationModal, Heading, Icon, ImageUpload, LimitModal, Menu, MenuItem, Modal, showToast} from '@tryghost/admin-x-design';
+import {ConfirmationModal, Heading, Icon, ImageUpload, LimitModal, Menu, MenuItem, Modal, showToast} from '@tryghost/admin-x-design-system';
import {HostLimitError, useLimiter} from '../../../hooks/useLimiter';
import {RoutingModalProps} from '../../providers/RoutingProvider';
import {User, canAccessSettings, hasAdminAccess, isAdminUser, isAuthorOrContributor, isEditorUser, isOwnerUser, useDeleteUser, useEditUser, useMakeOwner} from '../../../api/users';
diff --git a/apps/admin-x-settings/src/components/settings/general/Users.tsx b/apps/admin-x-settings/src/components/settings/general/Users.tsx
index cb1f35be1a..0f0ecaa09f 100644
--- a/apps/admin-x-settings/src/components/settings/general/Users.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/Users.tsx
@@ -4,7 +4,7 @@ import clsx from 'clsx';
import useHandleError from '../../../utils/api/handleError';
import useRouting from '../../../hooks/useRouting';
import useStaffUsers from '../../../hooks/useStaffUsers';
-import {Avatar, Button, List, ListItem, NoValueLabel, TabView, showToast, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Avatar, Button, List, ListItem, NoValueLabel, TabView, showToast, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {User, hasAdminAccess, isContributorUser, isEditorUser} from '../../../api/users';
import {UserInvite, useAddInvite, useDeleteInvite} from '../../../api/invites';
import {generateAvatarColor, getInitials} from '../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/general/users/ChangePasswordForm.tsx b/apps/admin-x-settings/src/components/settings/general/users/ChangePasswordForm.tsx
index 840c8f911d..381796ba0e 100644
--- a/apps/admin-x-settings/src/components/settings/general/users/ChangePasswordForm.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/users/ChangePasswordForm.tsx
@@ -1,5 +1,5 @@
import useHandleError from '../../../../utils/api/handleError';
-import {Button, Heading, SettingGroup, TextField, showToast} from '@tryghost/admin-x-design';
+import {Button, Heading, SettingGroup, TextField, showToast} from '@tryghost/admin-x-design-system';
import {User, useUpdatePassword} from '../../../../api/users';
import {ValidationError} from '../../../../utils/errors';
import {useEffect, useRef, useState} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/general/users/CustomHeader.tsx b/apps/admin-x-settings/src/components/settings/general/users/CustomHeader.tsx
index 755c16255b..4222e163a8 100644
--- a/apps/admin-x-settings/src/components/settings/general/users/CustomHeader.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/users/CustomHeader.tsx
@@ -1,4 +1,4 @@
-import {Heading} from '@tryghost/admin-x-design';
+import {Heading} from '@tryghost/admin-x-design-system';
const CustomHeader: React.FC<{
children?: React.ReactNode;
diff --git a/apps/admin-x-settings/src/components/settings/general/users/EmailNotifications.tsx b/apps/admin-x-settings/src/components/settings/general/users/EmailNotifications.tsx
index e116830be6..972a51d92d 100644
--- a/apps/admin-x-settings/src/components/settings/general/users/EmailNotifications.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/users/EmailNotifications.tsx
@@ -1,6 +1,6 @@
import CustomHeader from './CustomHeader';
import useFeatureFlag from '../../../../hooks/useFeatureFlag';
-import {SettingGroup, SettingGroupContent, Toggle} from '@tryghost/admin-x-design';
+import {SettingGroup, SettingGroupContent, Toggle} from '@tryghost/admin-x-design-system';
import {User, hasAdminAccess} from '../../../../api/users';
const EmailNotificationsInputs: React.FC<{ user: User; setUserData: (user: User) => void; }> = ({user, setUserData}) => {
diff --git a/apps/admin-x-settings/src/components/settings/general/users/ProfileBasics.tsx b/apps/admin-x-settings/src/components/settings/general/users/ProfileBasics.tsx
index 819aa1faae..ca6c8d5e0e 100644
--- a/apps/admin-x-settings/src/components/settings/general/users/ProfileBasics.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/users/ProfileBasics.tsx
@@ -1,6 +1,6 @@
import CustomHeader from './CustomHeader';
import RoleSelector from './RoleSelector';
-import {SettingGroup, SettingGroupContent, TextField} from '@tryghost/admin-x-design';
+import {SettingGroup, SettingGroupContent, TextField} from '@tryghost/admin-x-design-system';
import {UserDetailProps} from '../UserDetailModal';
import {hasAdminAccess} from '../../../../api/users';
import {useGlobalData} from '../../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/general/users/ProfileDetails.tsx b/apps/admin-x-settings/src/components/settings/general/users/ProfileDetails.tsx
index 6a33d63e77..fc9e51796b 100644
--- a/apps/admin-x-settings/src/components/settings/general/users/ProfileDetails.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/users/ProfileDetails.tsx
@@ -1,5 +1,5 @@
import CustomHeader from './CustomHeader';
-import {SettingGroup, SettingGroupContent, TextArea, TextField} from '@tryghost/admin-x-design';
+import {SettingGroup, SettingGroupContent, TextArea, TextField} from '@tryghost/admin-x-design-system';
import {UserDetailProps} from '../UserDetailModal';
import {facebookHandleToUrl, facebookUrlToHandle, twitterHandleToUrl, twitterUrlToHandle, validateFacebookUrl, validateTwitterUrl} from '../../../../utils/socialUrls';
import {useState} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/general/users/RoleSelector.tsx b/apps/admin-x-settings/src/components/settings/general/users/RoleSelector.tsx
index d11ea7f2d6..e25450b493 100644
--- a/apps/admin-x-settings/src/components/settings/general/users/RoleSelector.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/users/RoleSelector.tsx
@@ -1,4 +1,4 @@
-import {Heading, Icon, Radio} from '@tryghost/admin-x-design';
+import {Heading, Icon, Radio} from '@tryghost/admin-x-design-system';
import {User, isOwnerUser} from '../../../../api/users';
import {useBrowseRoles} from '../../../../api/roles';
diff --git a/apps/admin-x-settings/src/components/settings/general/users/StaffToken.tsx b/apps/admin-x-settings/src/components/settings/general/users/StaffToken.tsx
index 1d29e390f7..51590a2e62 100644
--- a/apps/admin-x-settings/src/components/settings/general/users/StaffToken.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/users/StaffToken.tsx
@@ -1,7 +1,7 @@
import APIKeys from '../../advanced/integrations/APIKeys';
import NiceModal from '@ebay/nice-modal-react';
import useHandleError from '../../../../utils/api/handleError';
-import {ConfirmationModal, Heading} from '@tryghost/admin-x-design';
+import {ConfirmationModal, Heading} from '@tryghost/admin-x-design-system';
import {genStaffToken, getStaffToken} from '../../../../api/staffToken';
import {useEffect, useState} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/membership/Access.tsx b/apps/admin-x-settings/src/components/settings/membership/Access.tsx
index 9fb26ba873..04336cfd06 100644
--- a/apps/admin-x-settings/src/components/settings/membership/Access.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/Access.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
import {GroupBase, MultiValue} from 'react-select';
-import {MultiSelect, MultiSelectOption, Select, SettingGroupContent, withErrorBoundary} from '@tryghost/admin-x-design';
+import {MultiSelect, MultiSelectOption, Select, SettingGroupContent, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getOptionLabel} from '../../../utils/helpers';
import {getSettingValues} from '../../../api/settings';
import {useBrowseTiers} from '../../../api/tiers';
diff --git a/apps/admin-x-settings/src/components/settings/membership/Analytics.tsx b/apps/admin-x-settings/src/components/settings/membership/Analytics.tsx
index d5a79090d1..5908d12f96 100644
--- a/apps/admin-x-settings/src/components/settings/membership/Analytics.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/Analytics.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {Button, SettingGroupContent, Toggle, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, SettingGroupContent, Toggle, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getSettingValues} from '../../../api/settings';
import {usePostsExports} from '../../../api/posts';
diff --git a/apps/admin-x-settings/src/components/settings/membership/Offers.tsx b/apps/admin-x-settings/src/components/settings/membership/Offers.tsx
index b3a57e95d7..18f9915915 100644
--- a/apps/admin-x-settings/src/components/settings/membership/Offers.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/Offers.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useRouting from '../../../hooks/useRouting';
-import {Button, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {checkStripeEnabled} from '../../../api/settings';
import {useGlobalData} from '../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/membership/Portal.tsx b/apps/admin-x-settings/src/components/settings/membership/Portal.tsx
index db89c4a68d..5b11813023 100644
--- a/apps/admin-x-settings/src/components/settings/membership/Portal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/Portal.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useRouting from '../../../hooks/useRouting';
-import {Button, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {getSettingValues} from '../../../api/settings';
import {useGlobalData} from '../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/membership/Recommendations.tsx b/apps/admin-x-settings/src/components/settings/membership/Recommendations.tsx
index 92e5e82551..ed47c46745 100644
--- a/apps/admin-x-settings/src/components/settings/membership/Recommendations.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/Recommendations.tsx
@@ -4,7 +4,7 @@ import RecommendationList from './recommendations/RecommendationList';
import TopLevelGroup from '../../TopLevelGroup';
import useRouting from '../../../hooks/useRouting';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {Button, ShowMoreData, TabView, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, ShowMoreData, TabView, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {useBrowseIncomingRecommendations, useBrowseRecommendations} from '../../../api/recommendations';
import {useReferrerHistory} from '../../../api/referrers';
diff --git a/apps/admin-x-settings/src/components/settings/membership/Tiers.tsx b/apps/admin-x-settings/src/components/settings/membership/Tiers.tsx
index b9a8cbdc83..ec27f1158b 100644
--- a/apps/admin-x-settings/src/components/settings/membership/Tiers.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/Tiers.tsx
@@ -3,7 +3,7 @@ import TiersList from './tiers/TiersList';
import TopLevelGroup from '../../TopLevelGroup';
import clsx from 'clsx';
import useRouting from '../../../hooks/useRouting';
-import {Button, StripeButton, TabView, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, StripeButton, TabView, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {Tier, getActiveTiers, getArchivedTiers, useBrowseTiers} from '../../../api/tiers';
import {checkStripeEnabled} from '../../../api/settings';
import {useGlobalData} from '../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/membership/TipsOrDonations.tsx b/apps/admin-x-settings/src/components/settings/membership/TipsOrDonations.tsx
index 8b3d3a857f..299b70f0af 100644
--- a/apps/admin-x-settings/src/components/settings/membership/TipsOrDonations.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/TipsOrDonations.tsx
@@ -1,7 +1,7 @@
import React, {useEffect, useState} from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {Button, CurrencyField, Heading, Select, SettingGroupContent, confirmIfDirty, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, CurrencyField, Heading, Select, SettingGroupContent, confirmIfDirty, withErrorBoundary} from '@tryghost/admin-x-design-system';
import {currencySelectGroups, getSymbol, validateCurrencyAmount} from '../../../utils/currency';
import {getSettingValues} from '../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupForm.tsx b/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupForm.tsx
index 7182002b32..c6d2b03c85 100644
--- a/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupForm.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupForm.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../../TopLevelGroup';
import useRouting from '../../../../hooks/useRouting';
-import {Button} from '@tryghost/admin-x-design';
+import {Button} from '@tryghost/admin-x-design-system';
const EmbedSignupForm: React.FC<{ keywords: string[] }> = ({keywords}) => {
const {updateRoute} = useRouting();
diff --git a/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupFormModal.tsx b/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupFormModal.tsx
index f10795d47d..9309cddf5e 100644
--- a/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupFormModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupFormModal.tsx
@@ -3,7 +3,7 @@ import EmbedSignupSidebar, {SelectedLabelTypes} from './EmbedSignupSidebar';
import NiceModal from '@ebay/nice-modal-react';
import useRouting from '../../../../hooks/useRouting';
import useSettingGroup from '../../../../hooks/useSettingGroup';
-import {Modal, MultiSelectOption} from '@tryghost/admin-x-design';
+import {Modal, MultiSelectOption} from '@tryghost/admin-x-design-system';
import {MultiValue} from 'react-select';
import {generateCode} from '../../../../utils/generateEmbedCode';
import {getSettingValues} from '../../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupSidebar.tsx b/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupSidebar.tsx
index f601a0d186..357e021483 100644
--- a/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupSidebar.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/embedSignup/EmbedSignupSidebar.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import useFilterableApi from '../../../../hooks/useFilterableApi';
-import {Button, ColorIndicator, ColorPicker, Form, Heading, LoadMultiSelectOptions, MultiSelect, MultiSelectOption, Radio, StickyFooter, TextArea, debounce} from '@tryghost/admin-x-design';
+import {Button, ColorIndicator, ColorPicker, Form, Heading, LoadMultiSelectOptions, MultiSelect, MultiSelectOption, Radio, StickyFooter, TextArea, debounce} from '@tryghost/admin-x-design-system';
import {Label} from '../../../../api/labels';
import {MultiValue} from 'react-select';
diff --git a/apps/admin-x-settings/src/components/settings/membership/offers/AddOfferModal.tsx b/apps/admin-x-settings/src/components/settings/membership/offers/AddOfferModal.tsx
index ef79d98101..b6f5dd2483 100644
--- a/apps/admin-x-settings/src/components/settings/membership/offers/AddOfferModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/offers/AddOfferModal.tsx
@@ -2,7 +2,7 @@ import NiceModal, {useModal} from '@ebay/nice-modal-react';
import PortalFrame from '../portal/PortalFrame';
import useFeatureFlag from '../../../../hooks/useFeatureFlag';
import useRouting from '../../../../hooks/useRouting';
-import {Form, Icon, PreviewModalContent, Select, TextArea, TextField} from '@tryghost/admin-x-design';
+import {Form, Icon, PreviewModalContent, Select, TextArea, TextField} from '@tryghost/admin-x-design-system';
import {getOfferPortalPreviewUrl, offerPortalPreviewUrlTypes} from '../../../../utils/getOffersPortalPreviewUrl';
import {useEffect} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/membership/offers/EditOfferModal.tsx b/apps/admin-x-settings/src/components/settings/membership/offers/EditOfferModal.tsx
index 87fbd6b5c6..dc3275c5cd 100644
--- a/apps/admin-x-settings/src/components/settings/membership/offers/EditOfferModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/offers/EditOfferModal.tsx
@@ -1,7 +1,7 @@
import NiceModal, {useModal} from '@ebay/nice-modal-react';
import useFeatureFlag from '../../../../hooks/useFeatureFlag';
import useRouting from '../../../../hooks/useRouting';
-import {Button, Form, PreviewModalContent, TextArea, TextField} from '@tryghost/admin-x-design';
+import {Button, Form, PreviewModalContent, TextArea, TextField} from '@tryghost/admin-x-design-system';
import {Offer, useBrowseOffersById} from '../../../../api/offers';
import {RoutingModalProps} from '../../../providers/RoutingProvider';
import {useEffect} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/membership/offers/OffersModal.tsx b/apps/admin-x-settings/src/components/settings/membership/offers/OffersModal.tsx
index 71fc4828c7..b142a46e43 100644
--- a/apps/admin-x-settings/src/components/settings/membership/offers/OffersModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/offers/OffersModal.tsx
@@ -1,7 +1,7 @@
import NiceModal, {useModal} from '@ebay/nice-modal-react';
import useFeatureFlag from '../../../../hooks/useFeatureFlag';
import useRouting from '../../../../hooks/useRouting';
-import {Button, Modal, Tab, TabView} from '@tryghost/admin-x-design';
+import {Button, Modal, Tab, TabView} from '@tryghost/admin-x-design-system';
import {Tier, getPaidActiveTiers, useBrowseTiers} from '../../../../api/tiers';
import {currencyToDecimal, getSymbol} from '../../../../utils/currency';
import {numberWithCommas} from '../../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/membership/portal/AccountPage.tsx b/apps/admin-x-settings/src/components/settings/membership/portal/AccountPage.tsx
index dcbc0ec3d8..8a0f5b8ff6 100644
--- a/apps/admin-x-settings/src/components/settings/membership/portal/AccountPage.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/portal/AccountPage.tsx
@@ -1,5 +1,5 @@
import React, {FocusEventHandler, useEffect, useState} from 'react';
-import {Form, TextField} from '@tryghost/admin-x-design';
+import {Form, TextField} from '@tryghost/admin-x-design-system';
import {SettingValue, getSettingValues} from '../../../../api/settings';
import {fullEmailAddress, getEmailDomain} from '../../../../api/site';
import {useGlobalData} from '../../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/membership/portal/LookAndFeel.tsx b/apps/admin-x-settings/src/components/settings/membership/portal/LookAndFeel.tsx
index de25ca49be..bc66775ae1 100644
--- a/apps/admin-x-settings/src/components/settings/membership/portal/LookAndFeel.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/portal/LookAndFeel.tsx
@@ -1,7 +1,7 @@
import React, {useState} from 'react';
import clsx from 'clsx';
import useHandleError from '../../../../utils/api/handleError';
-import {Form, Heading, Icon, ImageUpload, Select, TextField, Toggle} from '@tryghost/admin-x-design';
+import {Form, Heading, Icon, ImageUpload, Select, TextField, Toggle} from '@tryghost/admin-x-design-system';
import {ReactComponent as PortalIcon1} from '../../../../assets/icons/portal-icon-1.svg';
import {ReactComponent as PortalIcon2} from '../../../../assets/icons/portal-icon-2.svg';
import {ReactComponent as PortalIcon3} from '../../../../assets/icons/portal-icon-3.svg';
diff --git a/apps/admin-x-settings/src/components/settings/membership/portal/PortalLinks.tsx b/apps/admin-x-settings/src/components/settings/membership/portal/PortalLinks.tsx
index 9aef72e8d5..138c968c0c 100644
--- a/apps/admin-x-settings/src/components/settings/membership/portal/PortalLinks.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/portal/PortalLinks.tsx
@@ -1,5 +1,5 @@
import React, {useEffect, useId, useState} from 'react';
-import {Button, List, ListItem, ModalPage, Select, TextField} from '@tryghost/admin-x-design';
+import {Button, List, ListItem, ModalPage, Select, TextField} from '@tryghost/admin-x-design-system';
import {getHomepageUrl} from '../../../../api/site';
import {getPaidActiveTiers, useBrowseTiers} from '../../../../api/tiers';
import {useGlobalData} from '../../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/membership/portal/PortalModal.tsx b/apps/admin-x-settings/src/components/settings/membership/portal/PortalModal.tsx
index 04c1175100..b8d845c588 100644
--- a/apps/admin-x-settings/src/components/settings/membership/portal/PortalModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/portal/PortalModal.tsx
@@ -8,7 +8,7 @@ import useForm, {Dirtyable} from '../../../../hooks/useForm';
import useHandleError from '../../../../utils/api/handleError';
import useQueryParams from '../../../../hooks/useQueryParams';
import useRouting from '../../../../hooks/useRouting';
-import {ConfirmationModal, PreviewModalContent, Tab, TabView} from '@tryghost/admin-x-design';
+import {ConfirmationModal, PreviewModalContent, Tab, TabView} from '@tryghost/admin-x-design-system';
import {Setting, SettingValue, getSettingValues, useEditSettings} from '../../../../api/settings';
import {Tier, useBrowseTiers, useEditTier} from '../../../../api/tiers';
import {fullEmailAddress} from '../../../../api/site';
diff --git a/apps/admin-x-settings/src/components/settings/membership/portal/SignupOptions.tsx b/apps/admin-x-settings/src/components/settings/membership/portal/SignupOptions.tsx
index d6a5d6e86b..72016ea300 100644
--- a/apps/admin-x-settings/src/components/settings/membership/portal/SignupOptions.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/portal/SignupOptions.tsx
@@ -1,5 +1,5 @@
import React, {useCallback, useEffect, useMemo} from 'react';
-import {CheckboxGroup, CheckboxProps, Form, HtmlField, Toggle} from '@tryghost/admin-x-design';
+import {CheckboxGroup, CheckboxProps, Form, HtmlField, Toggle} from '@tryghost/admin-x-design-system';
import {Setting, SettingValue, checkStripeEnabled, getSettingValues} from '../../../../api/settings';
import {Tier, getPaidActiveTiers} from '../../../../api/tiers';
import {useGlobalData} from '../../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/membership/recommendations/AddRecommendationModal.tsx b/apps/admin-x-settings/src/components/settings/membership/recommendations/AddRecommendationModal.tsx
index 119ed958fe..034efdd31b 100644
--- a/apps/admin-x-settings/src/components/settings/membership/recommendations/AddRecommendationModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/recommendations/AddRecommendationModal.tsx
@@ -5,7 +5,7 @@ import useForm, {ErrorMessages} from '../../../../hooks/useForm';
import useRouting from '../../../../hooks/useRouting';
import {AlreadyExistsError} from '../../../../utils/errors';
import {EditOrAddRecommendation, useCheckRecommendation} from '../../../../api/recommendations';
-import {Form, LoadingIndicator, Modal, TextField, dismissAllToasts, formatUrl, showToast} from '@tryghost/admin-x-design';
+import {Form, LoadingIndicator, Modal, TextField, dismissAllToasts, formatUrl, showToast} from '@tryghost/admin-x-design-system';
import {RoutingModalProps} from '../../../providers/RoutingProvider';
import {trimSearchAndHash} from '../../../../utils/url';
diff --git a/apps/admin-x-settings/src/components/settings/membership/recommendations/AddRecommendationModalConfirm.tsx b/apps/admin-x-settings/src/components/settings/membership/recommendations/AddRecommendationModalConfirm.tsx
index 146c0e9013..c68498e344 100644
--- a/apps/admin-x-settings/src/components/settings/membership/recommendations/AddRecommendationModalConfirm.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/recommendations/AddRecommendationModalConfirm.tsx
@@ -7,7 +7,7 @@ import useForm from '../../../../hooks/useForm';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
import {EditOrAddRecommendation, useAddRecommendation} from '../../../../api/recommendations';
-import {Modal, dismissAllToasts, showToast} from '@tryghost/admin-x-design';
+import {Modal, dismissAllToasts, showToast} from '@tryghost/admin-x-design-system';
interface AddRecommendationModalProps {
recommendation: EditOrAddRecommendation,
diff --git a/apps/admin-x-settings/src/components/settings/membership/recommendations/EditRecommendationModal.tsx b/apps/admin-x-settings/src/components/settings/membership/recommendations/EditRecommendationModal.tsx
index 9074b36968..df0f6cbf52 100644
--- a/apps/admin-x-settings/src/components/settings/membership/recommendations/EditRecommendationModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/recommendations/EditRecommendationModal.tsx
@@ -4,7 +4,7 @@ import RecommendationDescriptionForm, {validateDescriptionForm} from './Recommen
import useForm from '../../../../hooks/useForm';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
-import {ConfirmationModal, Modal, dismissAllToasts, showToast} from '@tryghost/admin-x-design';
+import {ConfirmationModal, Modal, dismissAllToasts, showToast} from '@tryghost/admin-x-design-system';
import {Recommendation, useDeleteRecommendation, useEditRecommendation} from '../../../../api/recommendations';
import {RoutingModalProps} from '../../../providers/RoutingProvider';
diff --git a/apps/admin-x-settings/src/components/settings/membership/recommendations/IncomingRecommendationList.tsx b/apps/admin-x-settings/src/components/settings/membership/recommendations/IncomingRecommendationList.tsx
index 9a70c80ec6..24bdbfa230 100644
--- a/apps/admin-x-settings/src/components/settings/membership/recommendations/IncomingRecommendationList.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/recommendations/IncomingRecommendationList.tsx
@@ -1,7 +1,7 @@
import React, {useMemo} from 'react';
import RecommendationIcon from './RecommendationIcon';
import useRouting from '../../../../hooks/useRouting';
-import {Button, NoValueLabel, PaginationData, ShowMoreData, Table, TableCell, TableRow} from '@tryghost/admin-x-design';
+import {Button, NoValueLabel, PaginationData, ShowMoreData, Table, TableCell, TableRow} from '@tryghost/admin-x-design-system';
import {IncomingRecommendation} from '../../../../api/recommendations';
import {ReferrerHistoryItem} from '../../../../api/referrers';
import {numberWithCommas} from '../../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/membership/recommendations/RecommendationDescriptionForm.tsx b/apps/admin-x-settings/src/components/settings/membership/recommendations/RecommendationDescriptionForm.tsx
index 4f257862da..880b31a33c 100644
--- a/apps/admin-x-settings/src/components/settings/membership/recommendations/RecommendationDescriptionForm.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/recommendations/RecommendationDescriptionForm.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import RecommendationIcon from './RecommendationIcon';
import {EditOrAddRecommendation, Recommendation} from '../../../../api/recommendations';
import {ErrorMessages} from '../../../../hooks/useForm';
-import {Form, Heading, Hint, TextArea, TextField, URLTextField} from '@tryghost/admin-x-design';
+import {Form, Heading, Hint, TextArea, TextField, URLTextField} from '@tryghost/admin-x-design-system';
interface Props {
showURL?: boolean,
diff --git a/apps/admin-x-settings/src/components/settings/membership/recommendations/RecommendationList.tsx b/apps/admin-x-settings/src/components/settings/membership/recommendations/RecommendationList.tsx
index dc5a237a82..e9e78364aa 100644
--- a/apps/admin-x-settings/src/components/settings/membership/recommendations/RecommendationList.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/recommendations/RecommendationList.tsx
@@ -4,7 +4,7 @@ import React, {useState} from 'react';
import RecommendationIcon from './RecommendationIcon';
import useRouting from '../../../../hooks/useRouting';
import useSettingGroup from '../../../../hooks/useSettingGroup';
-import {Button, Link, NoValueLabel, PaginationData, ShowMoreData, Table, TableCell, TableRow, Tooltip} from '@tryghost/admin-x-design';
+import {Button, Link, NoValueLabel, PaginationData, ShowMoreData, Table, TableCell, TableRow, Tooltip} from '@tryghost/admin-x-design-system';
import {Recommendation} from '../../../../api/recommendations';
import {numberWithCommas} from '../../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/membership/stripe/StripeConnectModal.tsx b/apps/admin-x-settings/src/components/settings/membership/stripe/StripeConnectModal.tsx
index 62eb60458a..59cb9bd277 100644
--- a/apps/admin-x-settings/src/components/settings/membership/stripe/StripeConnectModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/stripe/StripeConnectModal.tsx
@@ -7,7 +7,7 @@ import StripeLogo from '../../../../assets/images/stripe-emblem.svg';
import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
import useSettingGroup from '../../../../hooks/useSettingGroup';
-import {Button, ConfirmationModal, Form, Heading, Modal, StripeButton, TextArea, TextField, Toggle, showToast} from '@tryghost/admin-x-design';
+import {Button, ConfirmationModal, Form, Heading, Modal, StripeButton, TextArea, TextField, Toggle, showToast} from '@tryghost/admin-x-design-system';
import {JSONError} from '../../../../utils/errors';
import {ReactComponent as StripeVerified} from '../../../../assets/images/stripe-verified.svg';
import {checkStripeEnabled, getSettingValue, getSettingValues, useDeleteStripeSettings, useEditSettings} from '../../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/membership/tiers/TierDetailModal.tsx b/apps/admin-x-settings/src/components/settings/membership/tiers/TierDetailModal.tsx
index f7d3c7065a..0ea4664120 100644
--- a/apps/admin-x-settings/src/components/settings/membership/tiers/TierDetailModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/tiers/TierDetailModal.tsx
@@ -6,7 +6,7 @@ import useHandleError from '../../../../utils/api/handleError';
import useRouting from '../../../../hooks/useRouting';
import useSettingGroup from '../../../../hooks/useSettingGroup';
import useSortableIndexedList from '../../../../hooks/useSortableIndexedList';
-import {Button, ButtonProps, ConfirmationModal, CurrencyField, Form, Heading, Icon, Modal, Select, SortableList, TextField, Toggle, URLTextField, showToast} from '@tryghost/admin-x-design';
+import {Button, ButtonProps, ConfirmationModal, CurrencyField, Form, Heading, Icon, Modal, Select, SortableList, TextField, Toggle, URLTextField, showToast} from '@tryghost/admin-x-design-system';
import {RoutingModalProps} from '../../../providers/RoutingProvider';
import {Tier, useAddTier, useBrowseTiers, useEditTier} from '../../../../api/tiers';
import {currencies, currencySelectGroups, validateCurrencyAmount} from '../../../../utils/currency';
diff --git a/apps/admin-x-settings/src/components/settings/membership/tiers/TierDetailPreview.tsx b/apps/admin-x-settings/src/components/settings/membership/tiers/TierDetailPreview.tsx
index 126086700e..9b6624d07e 100644
--- a/apps/admin-x-settings/src/components/settings/membership/tiers/TierDetailPreview.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/tiers/TierDetailPreview.tsx
@@ -1,7 +1,7 @@
import React, {useState} from 'react';
import clsx from 'clsx';
import useSettingGroup from '../../../../hooks/useSettingGroup';
-import {Button, Heading, Icon} from '@tryghost/admin-x-design';
+import {Button, Heading, Icon} from '@tryghost/admin-x-design-system';
import {TierFormState} from './TierDetailModal';
import {currencyToDecimal, getSymbol} from '../../../../utils/currency';
import {getSettingValues} from '../../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/membership/tiers/TiersList.tsx b/apps/admin-x-settings/src/components/settings/membership/tiers/TiersList.tsx
index 0b58c8d1f8..28340d0dbc 100644
--- a/apps/admin-x-settings/src/components/settings/membership/tiers/TiersList.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/tiers/TiersList.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import clsx from 'clsx';
import useRouting from '../../../../hooks/useRouting';
-import {Icon, NoValueLabel} from '@tryghost/admin-x-design';
+import {Icon, NoValueLabel} from '@tryghost/admin-x-design-system';
import {Tier} from '../../../../api/tiers';
import {TrialDaysLabel} from './TierDetailPreview';
import {currencyToDecimal, getSymbol} from '../../../../utils/currency';
diff --git a/apps/admin-x-settings/src/components/settings/site/AnnouncementBar.tsx b/apps/admin-x-settings/src/components/settings/site/AnnouncementBar.tsx
index f7a3c98780..9aedd1e967 100644
--- a/apps/admin-x-settings/src/components/settings/site/AnnouncementBar.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/AnnouncementBar.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useRouting from '../../../hooks/useRouting';
-import {Button, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, withErrorBoundary} from '@tryghost/admin-x-design-system';
const AnnouncementBar: React.FC<{ keywords: string[] }> = ({keywords}) => {
const {updateRoute} = useRouting();
diff --git a/apps/admin-x-settings/src/components/settings/site/AnnouncementBarModal.tsx b/apps/admin-x-settings/src/components/settings/site/AnnouncementBarModal.tsx
index dbf991ed10..6f86238490 100644
--- a/apps/admin-x-settings/src/components/settings/site/AnnouncementBarModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/AnnouncementBarModal.tsx
@@ -3,7 +3,7 @@ import NiceModal from '@ebay/nice-modal-react';
import React, {useCallback, useState} from 'react';
import useRouting from '../../../hooks/useRouting';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {CheckboxGroup, ColorIndicator, Form, HtmlField, PreviewModalContent, Tab, showToast} from '@tryghost/admin-x-design';
+import {CheckboxGroup, ColorIndicator, Form, HtmlField, PreviewModalContent, Tab, showToast} from '@tryghost/admin-x-design-system';
import {getHomepageUrl} from '../../../api/site';
import {getSettingValues} from '../../../api/settings';
import {useBrowsePosts} from '../../../api/posts';
diff --git a/apps/admin-x-settings/src/components/settings/site/DesignModal.tsx b/apps/admin-x-settings/src/components/settings/site/DesignModal.tsx
index 35d1027a1e..38ea744abe 100644
--- a/apps/admin-x-settings/src/components/settings/site/DesignModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/DesignModal.tsx
@@ -6,7 +6,7 @@ import useForm from '../../../hooks/useForm';
import useHandleError from '../../../utils/api/handleError';
import useRouting from '../../../hooks/useRouting';
import {CustomThemeSetting, useBrowseCustomThemeSettings, useEditCustomThemeSettings} from '../../../api/customThemeSettings';
-import {Icon, PreviewModalContent, StickyFooter, Tab, TabView} from '@tryghost/admin-x-design';
+import {Icon, PreviewModalContent, StickyFooter, Tab, TabView} from '@tryghost/admin-x-design-system';
import {Setting, SettingValue, getSettingValues, useEditSettings} from '../../../api/settings';
import {getHomepageUrl} from '../../../api/site';
import {useBrowsePosts} from '../../../api/posts';
diff --git a/apps/admin-x-settings/src/components/settings/site/DesignSetting.tsx b/apps/admin-x-settings/src/components/settings/site/DesignSetting.tsx
index a0e0d9f73b..7a2db287b8 100644
--- a/apps/admin-x-settings/src/components/settings/site/DesignSetting.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/DesignSetting.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useRouting from '../../../hooks/useRouting';
-import {Button, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, withErrorBoundary} from '@tryghost/admin-x-design-system';
const DesignSetting: React.FC<{ keywords: string[] }> = ({keywords}) => {
const {updateRoute} = useRouting();
diff --git a/apps/admin-x-settings/src/components/settings/site/Navigation.tsx b/apps/admin-x-settings/src/components/settings/site/Navigation.tsx
index ecb2f2f123..da2b117c61 100644
--- a/apps/admin-x-settings/src/components/settings/site/Navigation.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/Navigation.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import TopLevelGroup from '../../TopLevelGroup';
import useRouting from '../../../hooks/useRouting';
-import {Button, withErrorBoundary} from '@tryghost/admin-x-design';
+import {Button, withErrorBoundary} from '@tryghost/admin-x-design-system';
const Navigation: React.FC<{ keywords: string[] }> = ({keywords}) => {
const {updateRoute} = useRouting();
diff --git a/apps/admin-x-settings/src/components/settings/site/NavigationModal.tsx b/apps/admin-x-settings/src/components/settings/site/NavigationModal.tsx
index fae02339de..cc776a4a51 100644
--- a/apps/admin-x-settings/src/components/settings/site/NavigationModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/NavigationModal.tsx
@@ -3,7 +3,7 @@ import NiceModal, {useModal} from '@ebay/nice-modal-react';
import useNavigationEditor, {NavigationItem} from '../../../hooks/site/useNavigationEditor';
import useRouting from '../../../hooks/useRouting';
import useSettingGroup from '../../../hooks/useSettingGroup';
-import {Modal, TabView} from '@tryghost/admin-x-design';
+import {Modal, TabView} from '@tryghost/admin-x-design-system';
import {getSettingValues} from '../../../api/settings';
import {useState} from 'react';
diff --git a/apps/admin-x-settings/src/components/settings/site/ThemeModal.tsx b/apps/admin-x-settings/src/components/settings/site/ThemeModal.tsx
index bd6f8ede3d..af0961cc4a 100644
--- a/apps/admin-x-settings/src/components/settings/site/ThemeModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/ThemeModal.tsx
@@ -7,7 +7,7 @@ import ThemeInstalledModal from './theme/ThemeInstalledModal';
import ThemePreview from './theme/ThemePreview';
import useHandleError from '../../../utils/api/handleError';
import useRouting from '../../../hooks/useRouting';
-import {Breadcrumbs, Button, ConfirmationModal, FileUpload, LimitModal, Modal, PageHeader, TabView, showToast} from '@tryghost/admin-x-design';
+import {Breadcrumbs, Button, ConfirmationModal, FileUpload, LimitModal, Modal, PageHeader, TabView, showToast} from '@tryghost/admin-x-design-system';
import {HostLimitError, useLimiter} from '../../../hooks/useLimiter';
import {InstalledTheme, Theme, ThemesInstallResponseType, isDefaultOrLegacyTheme, useActivateTheme, useBrowseThemes, useInstallTheme, useUploadTheme} from '../../../api/themes';
import {OfficialTheme} from '../../providers/ServiceProvider';
diff --git a/apps/admin-x-settings/src/components/settings/site/designAndBranding/BrandSettings.tsx b/apps/admin-x-settings/src/components/settings/site/designAndBranding/BrandSettings.tsx
index bbf48e84fe..0f2f3c05af 100644
--- a/apps/admin-x-settings/src/components/settings/site/designAndBranding/BrandSettings.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/designAndBranding/BrandSettings.tsx
@@ -2,7 +2,7 @@ import React, {useRef, useState} from 'react';
import UnsplashSearchModal from '../../../../unsplash/UnsplashSearchModal';
import useHandleError from '../../../../utils/api/handleError';
import usePinturaEditor from '../../../../hooks/usePinturaEditor';
-import {ColorPickerField, Heading, Hint, ImageUpload, SettingGroupContent, TextField, debounce} from '@tryghost/admin-x-design';
+import {ColorPickerField, Heading, Hint, ImageUpload, SettingGroupContent, TextField, debounce} from '@tryghost/admin-x-design-system';
import {SettingValue, getSettingValues} from '../../../../api/settings';
import {getImageUrl, useUploadImage} from '../../../../api/images';
import {useGlobalData} from '../../../providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemeSettings.tsx b/apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemeSettings.tsx
index d8e04b403a..1fd2cca8b2 100644
--- a/apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemeSettings.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemeSettings.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import useHandleError from '../../../../utils/api/handleError';
-import {ColorPickerField, Heading, Hint, ImageUpload, Select, SettingGroupContent, TextField, Toggle} from '@tryghost/admin-x-design';
+import {ColorPickerField, Heading, Hint, ImageUpload, Select, SettingGroupContent, TextField, Toggle} from '@tryghost/admin-x-design-system';
import {CustomThemeSetting} from '../../../../api/customThemeSettings';
import {getImageUrl, useUploadImage} from '../../../../api/images';
import {humanizeSettingKey} from '../../../../api/settings';
diff --git a/apps/admin-x-settings/src/components/settings/site/navigation/NavigationEditForm.tsx b/apps/admin-x-settings/src/components/settings/site/navigation/NavigationEditForm.tsx
index 1ea8aee05e..04692647c8 100644
--- a/apps/admin-x-settings/src/components/settings/site/navigation/NavigationEditForm.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/navigation/NavigationEditForm.tsx
@@ -1,6 +1,6 @@
import NavigationItemEditor from './NavigationItemEditor';
import React from 'react';
-import {Button, Icon, SortableList} from '@tryghost/admin-x-design';
+import {Button, Icon, SortableList} from '@tryghost/admin-x-design-system';
import {NavigationEditor} from '../../../../hooks/site/useNavigationEditor';
const NavigationEditForm: React.FC<{
diff --git a/apps/admin-x-settings/src/components/settings/site/navigation/NavigationItemEditor.tsx b/apps/admin-x-settings/src/components/settings/site/navigation/NavigationItemEditor.tsx
index ed49d15764..ef576008cc 100644
--- a/apps/admin-x-settings/src/components/settings/site/navigation/NavigationItemEditor.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/navigation/NavigationItemEditor.tsx
@@ -1,7 +1,7 @@
import React, {ReactNode} from 'react';
import clsx from 'clsx';
import {EditableItem, NavigationItem, NavigationItemErrors} from '../../../../hooks/site/useNavigationEditor';
-import {TextField, URLTextField} from '@tryghost/admin-x-design';
+import {TextField, URLTextField} from '@tryghost/admin-x-design-system';
export type NavigationItemEditorProps = React.HTMLAttributes & {
baseUrl: string;
diff --git a/apps/admin-x-settings/src/components/settings/site/theme/AdvancedThemeSettings.tsx b/apps/admin-x-settings/src/components/settings/site/theme/AdvancedThemeSettings.tsx
index 692c9352e5..b89a1f8ad4 100644
--- a/apps/admin-x-settings/src/components/settings/site/theme/AdvancedThemeSettings.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/theme/AdvancedThemeSettings.tsx
@@ -1,7 +1,7 @@
import NiceModal from '@ebay/nice-modal-react';
import React from 'react';
import useHandleError from '../../../../utils/api/handleError';
-import {Button, ButtonProps, ConfirmationModal, List, ListItem, Menu, ModalPage} from '@tryghost/admin-x-design';
+import {Button, ButtonProps, ConfirmationModal, List, ListItem, Menu, ModalPage} from '@tryghost/admin-x-design-system';
import {Theme, isActiveTheme, isDefaultTheme, isDeletableTheme, isLegacyTheme, useActivateTheme, useDeleteTheme} from '../../../../api/themes';
import {downloadFile, getGhostPaths} from '../../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/site/theme/InvalidThemeModal.tsx b/apps/admin-x-settings/src/components/settings/site/theme/InvalidThemeModal.tsx
index 9ac1d24945..0fc4a35cf2 100644
--- a/apps/admin-x-settings/src/components/settings/site/theme/InvalidThemeModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/theme/InvalidThemeModal.tsx
@@ -1,6 +1,6 @@
import NiceModal from '@ebay/nice-modal-react';
import React, {ReactNode, useState} from 'react';
-import {Button, ConfirmationModalContent, Heading, List, ListItem} from '@tryghost/admin-x-design';
+import {Button, ConfirmationModalContent, Heading, List, ListItem} from '@tryghost/admin-x-design-system';
import {ThemeProblem} from '../../../../api/themes';
type FatalError = {
diff --git a/apps/admin-x-settings/src/components/settings/site/theme/OfficialThemes.tsx b/apps/admin-x-settings/src/components/settings/site/theme/OfficialThemes.tsx
index 361e18b953..fe323f6590 100644
--- a/apps/admin-x-settings/src/components/settings/site/theme/OfficialThemes.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/theme/OfficialThemes.tsx
@@ -1,7 +1,7 @@
import MarketplaceBgImage from '../../../../assets/images/footer-marketplace-bg.png';
import React, {useEffect, useState} from 'react';
import clsx from 'clsx';
-import {Heading, ModalPage} from '@tryghost/admin-x-design';
+import {Heading, ModalPage} from '@tryghost/admin-x-design-system';
import {OfficialTheme, ThemeVariant, useOfficialThemes} from '../../../providers/ServiceProvider';
import {getGhostPaths, resolveAsset} from '../../../../utils/helpers';
diff --git a/apps/admin-x-settings/src/components/settings/site/theme/ThemeInstalledModal.tsx b/apps/admin-x-settings/src/components/settings/site/theme/ThemeInstalledModal.tsx
index 8b41ef232d..da2a879f5e 100644
--- a/apps/admin-x-settings/src/components/settings/site/theme/ThemeInstalledModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/theme/ThemeInstalledModal.tsx
@@ -1,7 +1,7 @@
import NiceModal from '@ebay/nice-modal-react';
import React, {ReactNode, useState} from 'react';
import useHandleError from '../../../../utils/api/handleError';
-import {Button, ConfirmationModalContent, Heading, List, ListItem, showToast} from '@tryghost/admin-x-design';
+import {Button, ConfirmationModalContent, Heading, List, ListItem, showToast} from '@tryghost/admin-x-design-system';
import {InstalledTheme, ThemeProblem, useActivateTheme} from '../../../../api/themes';
export const ThemeProblemView = ({problem}:{problem: ThemeProblem}) => {
diff --git a/apps/admin-x-settings/src/components/settings/site/theme/ThemePreview.tsx b/apps/admin-x-settings/src/components/settings/site/theme/ThemePreview.tsx
index b963a35c5e..cf994e7ced 100644
--- a/apps/admin-x-settings/src/components/settings/site/theme/ThemePreview.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/theme/ThemePreview.tsx
@@ -1,6 +1,6 @@
import NiceModal from '@ebay/nice-modal-react';
import React, {useState} from 'react';
-import {Breadcrumbs, Button, ButtonGroup, ConfirmationModal, DesktopChrome, MobileChrome, PageHeader, Select, SelectOption} from '@tryghost/admin-x-design';
+import {Breadcrumbs, Button, ButtonGroup, ConfirmationModal, DesktopChrome, MobileChrome, PageHeader, Select, SelectOption} from '@tryghost/admin-x-design-system';
import {OfficialTheme, ThemeVariant} from '../../../providers/ServiceProvider';
import {Theme, isDefaultOrLegacyTheme} from '../../../../api/themes';
diff --git a/apps/admin-x-settings/src/hooks/useForm.ts b/apps/admin-x-settings/src/hooks/useForm.ts
index 4e937db6ce..d30657813a 100644
--- a/apps/admin-x-settings/src/hooks/useForm.ts
+++ b/apps/admin-x-settings/src/hooks/useForm.ts
@@ -1,4 +1,4 @@
-import {ButtonColor} from '@tryghost/admin-x-design';
+import {ButtonColor} from '@tryghost/admin-x-design-system';
import {useCallback, useEffect, useState} from 'react';
export type Dirtyable = Data & {
diff --git a/apps/admin-x-settings/src/hooks/useSettingGroup.tsx b/apps/admin-x-settings/src/hooks/useSettingGroup.tsx
index 3258b74837..cfcc5d8035 100644
--- a/apps/admin-x-settings/src/hooks/useSettingGroup.tsx
+++ b/apps/admin-x-settings/src/hooks/useSettingGroup.tsx
@@ -3,7 +3,7 @@ import useForm, {ErrorMessages, OkProps, SaveHandler, SaveState} from './useForm
import useHandleError from '../utils/api/handleError';
import {Setting, SettingValue, useEditSettings} from '../api/settings';
import {SiteData} from '../api/site';
-import {showToast, useGlobalDirtyState} from '@tryghost/admin-x-design';
+import {showToast, useGlobalDirtyState} from '@tryghost/admin-x-design-system';
import {toast} from 'react-hot-toast';
import {useGlobalData} from '../components/providers/GlobalDataProvider';
diff --git a/apps/admin-x-settings/src/styles/index.css b/apps/admin-x-settings/src/styles/index.css
index 6c1c125ad4..d1f1f198ed 100644
--- a/apps/admin-x-settings/src/styles/index.css
+++ b/apps/admin-x-settings/src/styles/index.css
@@ -1 +1 @@
-@import '@tryghost/admin-x-design/styles.css';
+@import '@tryghost/admin-x-design-system/styles.css';
diff --git a/apps/admin-x-settings/src/utils/api/handleError.ts b/apps/admin-x-settings/src/utils/api/handleError.ts
index f91a577dcf..2cba116966 100644
--- a/apps/admin-x-settings/src/utils/api/handleError.ts
+++ b/apps/admin-x-settings/src/utils/api/handleError.ts
@@ -1,7 +1,7 @@
import * as Sentry from '@sentry/react';
import toast from 'react-hot-toast';
import {APIError, JSONError, ValidationError} from '../errors';
-import {showToast} from '@tryghost/admin-x-design';
+import {showToast} from '@tryghost/admin-x-design-system';
import {useCallback} from 'react';
import {useSentryDSN} from '../../components/providers/ServiceProvider';
diff --git a/apps/admin-x-settings/src/utils/api/hooks.ts b/apps/admin-x-settings/src/utils/api/hooks.ts
index d4bda62303..082cc5cdc3 100644
--- a/apps/admin-x-settings/src/utils/api/hooks.ts
+++ b/apps/admin-x-settings/src/utils/api/hooks.ts
@@ -5,7 +5,7 @@ import {APIError, MaintenanceError, ServerUnreachableError, TimeoutError} from '
import {UseInfiniteQueryOptions, UseQueryOptions, useInfiniteQuery, useMutation, useQuery, useQueryClient} from '@tanstack/react-query';
import {getGhostPaths} from '../helpers';
import {useCallback, useEffect, useMemo, useState} from 'react';
-import {usePagination} from '@tryghost/admin-x-design';
+import {usePagination} from '@tryghost/admin-x-design-system';
import {usePermission} from '../../hooks/usePermissions';
import {useSentryDSN, useServices} from '../../components/providers/ServiceProvider';
diff --git a/apps/admin-x-settings/src/utils/currency.ts b/apps/admin-x-settings/src/utils/currency.ts
index f637d3f0d4..be1d5da566 100644
--- a/apps/admin-x-settings/src/utils/currency.ts
+++ b/apps/admin-x-settings/src/utils/currency.ts
@@ -1,4 +1,4 @@
-import {SelectOptionGroup} from '@tryghost/admin-x-design';
+import {SelectOptionGroup} from '@tryghost/admin-x-design-system';
type CurrencyOption = {
isoCode: string;
diff --git a/apps/admin-x-settings/tailwind.config.cjs b/apps/admin-x-settings/tailwind.config.cjs
index 93d3022724..cbb337ca9e 100644
--- a/apps/admin-x-settings/tailwind.config.cjs
+++ b/apps/admin-x-settings/tailwind.config.cjs
@@ -1,6 +1,6 @@
-const adminXPreset = require('@tryghost/admin-x-design/tailwind.cjs');
+const adminXPreset = require('@tryghost/admin-x-design-system/tailwind.cjs');
module.exports = {
presets: [adminXPreset('.admin-x-settings')],
- content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}', '../../node_modules/@tryghost/admin-x-design/es/**/*.{js,ts,jsx,tsx}']
+ content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}', '../../node_modules/@tryghost/admin-x-design-system/es/**/*.{js,ts,jsx,tsx}']
};