renamed files in admin design system to kebab-case

Author: ibalosh

apps/admin-x-design-system/.eslintrc.cjs

@@ -30,6 +30,9 @@ module.exports = {
         'react/no-array-index-key': 'error',
         'react/jsx-key': 'off',
 
+        // Enforce kebab-case (lowercase with hyphens) for all filenames
+        'ghost/filenames/match-regex': ['error', '^[a-z0-9.-]+$', false],
+
         'tailwindcss/classnames-order': ['error', {config: 'tailwind.config.cjs'}],
         'tailwindcss/enforces-negative-arbitrary-values': ['warn', {config: 'tailwind.config.cjs'}],
         'tailwindcss/enforces-shorthand': ['warn', {config: 'tailwind.config.cjs'}],

apps/admin-x-design-system/.storybook/preview.tsx

@@ -4,7 +4,7 @@ import '../styles.css';
 import './storybook.css';
 
 import type { Preview } from "@storybook/react";
-import DesignSystemProvider from '../src/providers/DesignSystemProvider';
+import DesignSystemProvider from '../src/providers/design-system-provider';
 import adminxTheme from './adminx-theme';
 
 // import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';

apps/admin-x-design-system/README.md

@@ -1,6 +1,6 @@
 import type {Meta, StoryObj} from '@storybook/react';
 
-import BoilerPlate from './Boilerplate';
+import BoilerPlate from './boilerplate';
 
 const meta = {
     title: 'Meta / Boilerplate',

…esign-system/src/Boilerplate.stories.tsx …esign-system/src/boilerplate.stories.tsxapps/admin-x-design-system/src/Boilerplate.stories.tsx renamed to apps/admin-x-design-system/src/boilerplate.stories.tsx apps/admin-x-design-system/src/Boilerplate.stories.tsx renamed to apps/admin-x-design-system/src/boilerplate.stories.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import React from 'react';
-import {FetchKoenigLexical} from './global/form/HtmlEditor';
-import DesignSystemProvider from './providers/DesignSystemProvider';
+import {FetchKoenigLexical} from './global/form/html-editor';
+import DesignSystemProvider from './providers/design-system-provider';
 
 export interface DesignSystemAppProps extends React.HTMLProps<HTMLDivElement> {
     darkMode: boolean;

…dmin-x-design-system/src/Boilerplate.tsx …dmin-x-design-system/src/boilerplate.tsxapps/admin-x-design-system/src/Boilerplate.tsx renamed to apps/admin-x-design-system/src/boilerplate.tsx apps/admin-x-design-system/src/Boilerplate.tsx renamed to apps/admin-x-design-system/src/boilerplate.tsx

@@ -1,6 +1,6 @@
 import type {Meta, StoryObj} from '@storybook/react';
 
-import Avatar from './Avatar';
+import Avatar from './avatar';
 
 const meta = {
     title: 'Global / Avatar',
@@ -66,4 +66,4 @@ export const ExtraLarge: Story = {
         labelColor: 'white',
         size: 'xl'
     }
-};
+};

…-x-design-system/src/DesignSystemApp.tsx …-design-system/src/design-system-app.tsxapps/admin-x-design-system/src/DesignSystemApp.tsx renamed to apps/admin-x-design-system/src/design-system-app.tsx apps/admin-x-design-system/src/DesignSystemApp.tsx renamed to apps/admin-x-design-system/src/design-system-app.tsx

@@ -1,6 +1,6 @@
 import type {Meta, StoryObj} from '@storybook/react';
 
-import Banner from './Banner';
+import Banner from './banner';
 
 const meta = {
     title: 'Global / Banner',