SONAR-22168 Align Title

diff --git a/server/sonar-web/design-system/src/components/Title.tsx b/server/sonar-web/design-system/src/components/Title.tsx
deleted file mode 100644 (file)
index 4efb84e..0000000
--- a/server/sonar-web/design-system/src/components/Title.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2024 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-import styled from '@emotion/styled';
-import tw from 'twin.macro';
-import { themeColor } from '../helpers/theme';
-
-export const Title = styled.h1`
-  ${tw`sw-heading-lg`}
-  ${tw`sw-mb-4`}
-  color: ${themeColor('pageTitle')};
-`;
-
-export const SubTitle = styled.h2`
-  ${tw`sw-heading-md`}
-  ${tw`sw-mb-4`}
-  color: ${themeColor('pageTitle')};
-`;
-
-export const HeadingDark = styled.h2`
-  color: ${themeColor('pageContentDark')};
-
-  ${tw`sw-body-sm-highlight`}
-`;
-
-export const SubHeading = styled.h3`
-  ${tw`sw-body-md-highlight`}
-  ${tw`sw-mb-2`}
-  color: ${themeColor('pageContent')};
-`;
-
-export const SubHeadingHighlight = styled(SubHeading)`
-  color: ${themeColor('pageContentDark')};
-`;

diff --git a/server/sonar-web/design-system/src/components/index.ts b/server/sonar-web/design-system/src/components/index.ts
index 83d92d655d71c523aac0bb8395298ad115930c3a..a2d565d15f2a988a8004e95429bff76c2cde522a 100644 (file)
--- a/server/sonar-web/design-system/src/components/index.ts
+++ b/server/sonar-web/design-system/src/components/index.ts
@@ -74,7 +74,6 @@ export * from './Tabs';
 export * from './Tags';
 export * from './Text';
 export * from './TextAccordion';
-export * from './Title';
 export { Tooltip } from './Tooltip';
 export { TopBar } from './TopBar';
 export * from './TreeMap';

diff --git a/server/sonar-web/design-system/src/sonar-aligned/components/typography/Title.tsx b/server/sonar-web/design-system/src/sonar-aligned/components/typography/Title.tsx
new file mode 100644 (file)
index 0000000..af59c37
--- /dev/null
+++ b/server/sonar-web/design-system/src/sonar-aligned/components/typography/Title.tsx
@@ -0,0 +1,50 @@
+/*
+ * SonarQube
+ * Copyright (C) 2009-2024 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+ */
+import styled from '@emotion/styled';
+import tw from 'twin.macro';
+import { themeColor } from '../../../helpers/theme';
+
+export const Title = styled.h1`
+  ${tw`sw-heading-lg`}
+  ${tw`sw-mb-4`}
+  color: ${themeColor('pageTitle')};
+`;
+
+export const SubTitle = styled.h2`
+  ${tw`sw-heading-md`}
+  ${tw`sw-mb-4`}
+  color: ${themeColor('pageTitle')};
+`;
+
+export const HeadingDark = styled.h2`
+  color: ${themeColor('pageContentDark')};
+
+  ${tw`sw-body-sm-highlight`}
+`;
+
+export const SubHeading = styled.h3`
+  ${tw`sw-body-md-highlight`}
+  ${tw`sw-mb-2`}
+  color: ${themeColor('pageContent')};
+`;
+
+export const SubHeadingHighlight = styled(SubHeading)`
+  color: ${themeColor('pageContentDark')};
+`;

diff --git a/server/sonar-web/design-system/src/sonar-aligned/components/typography/index.ts b/server/sonar-web/design-system/src/sonar-aligned/components/typography/index.ts
index abb2b30c50807c63ed73a3f176b9ddd731482a48..113312da470b9430a1104e490d79d350876244ed 100644 (file)
--- a/server/sonar-web/design-system/src/sonar-aligned/components/typography/index.ts
+++ b/server/sonar-web/design-system/src/sonar-aligned/components/typography/index.ts
@@ -19,3 +19,4 @@
  */
 
 export * from './Note';
+export * from './Title';