chore(Typography): move to own subfolder (#2186)

* convert link to ts * move typography elements to subfolder * add typography to prepareTemplates ignore list * convert H element to tsx * refactor headings to tsx * convert paragraph elements to tsx * move typography styling to subfolder * delete ui-elements file * import react in typography element files so tests wont fail * move typography tests to subfolder * update typography snapshots * update typography tests * update P element tests * move stories to own subfolder * refactor P to not overwrite modifier prop * update P snapshot * move modifier filter to reduce function
dnbexperience · Apr 12, 2023 · 24448cc · 24448cc
1 parent c14237d
commit 24448cc
Show file tree

Hide file tree

Showing 75 changed files with 1,144 additions and 524 deletions.
diff --git a/packages/dnb-eufemia/scripts/prebuild/tasks/prepareTemplates.js b/packages/dnb-eufemia/scripts/prebuild/tasks/prepareTemplates.js
@@ -165,6 +165,7 @@ export const processElements = async () => {
       'stories',
       'label',
       'lists',
+      'typography',
     ],
     processToNamesListByUsingFolders: false,
   }

diff --git a/packages/dnb-eufemia/scripts/prebuild/tasks/styleFactory.js b/packages/dnb-eufemia/scripts/prebuild/tasks/styleFactory.js
@@ -56,9 +56,7 @@ const runStyleFactory = async () => {
       '../../../src/style/dnb-ui-elements.scss'
     ),
     customContent: `
-@import './core/utilities.scss';
-@import './elements/ui-elements.scss';
-`,
+@import './core/utilities.scss';`,
     scssTemplateToFill: `@import '../elements/{name}/style/dnb-{name}.scss';`,
     processToNamesList: [
       path.resolve(__dirname, '../../../src/elements/*'),

diff --git a/...dnb-eufemia/src/components/global-error/__tests__/__snapshots__/GlobalError.test.tsx.snap b/...dnb-eufemia/src/components/global-error/__tests__/__snapshots__/GlobalError.test.tsx.snap
@@ -1114,15 +1114,11 @@ exports[`GlobalError snapshot have to match component snapshot 1`] = `
       >
         <H1
           bottom="large"
-          level={null}
-          size="xx-large"
           top="4"
         >
           <H
             as="h1"
             bottom="large"
-            className={null}
-            level={null}
             size="xx-large"
             top="4"
           >
@@ -1149,14 +1145,7 @@ exports[`GlobalError snapshot have to match component snapshot 1`] = `
           </H>
         </H1>
         <P
-          bold={null}
           bottom="large"
-          className={null}
-          element="p"
-          medium={null}
-          modifier={null}
-          size={null}
-          small={null}
         >
           <ForwardRef
             as="p"

diff --git a/packages/dnb-eufemia/src/components/skeleton/__tests__/__snapshots__/Skeleton.test.js.snap b/packages/dnb-eufemia/src/components/skeleton/__tests__/__snapshots__/Skeleton.test.js.snap
@@ -41,15 +41,7 @@ exports[`Skeleton component have to match snapshot 1`] = `
         <Provider
           skeleton={null}
         >
-          <P
-            bold={null}
-            className={null}
-            element="p"
-            medium={null}
-            modifier={null}
-            size={null}
-            small={null}
-          >
+          <P>
             <ForwardRef
               as="p"
               className="dnb-p"

diff --git a/packages/dnb-eufemia/src/elements/H.d.ts b/packages/dnb-eufemia/src/elements/H.d.ts
diff --git a/packages/dnb-eufemia/src/elements/H.js b/packages/dnb-eufemia/src/elements/H.js
diff --git a/packages/dnb-eufemia/src/elements/H.ts b/packages/dnb-eufemia/src/elements/H.ts
@@ -0,0 +1,9 @@
+/**
+ * This file is created manually
+ * You can change the content
+ *
+ */
+
+import H from './typography/H'
+export * from './typography/H'
+export default H
diff --git a/packages/dnb-eufemia/src/elements/H1.d.ts b/packages/dnb-eufemia/src/elements/H1.d.ts
diff --git a/packages/dnb-eufemia/src/elements/H1.js b/packages/dnb-eufemia/src/elements/H1.js
diff --git a/packages/dnb-eufemia/src/elements/H1.ts b/packages/dnb-eufemia/src/elements/H1.ts
@@ -0,0 +1,9 @@
+/**
+ * This file is created manually
+ * You can change the content
+ *
+ */
+
+import H1 from './typography/H1'
+export * from './typography/H1'
+export default H1
diff --git a/packages/dnb-eufemia/src/elements/H2.d.ts b/packages/dnb-eufemia/src/elements/H2.d.ts
diff --git a/packages/dnb-eufemia/src/elements/H2.js b/packages/dnb-eufemia/src/elements/H2.js
diff --git a/packages/dnb-eufemia/src/elements/H2.ts b/packages/dnb-eufemia/src/elements/H2.ts
@@ -0,0 +1,9 @@
+/**
+ * This file is created manually
+ * You can change the content
+ *
+ */
+
+import H2 from './typography/H2'
+export * from './typography/H2'
+export default H2
diff --git a/packages/dnb-eufemia/src/elements/H3.d.ts b/packages/dnb-eufemia/src/elements/H3.d.ts
diff --git a/packages/dnb-eufemia/src/elements/H3.js b/packages/dnb-eufemia/src/elements/H3.js
diff --git a/packages/dnb-eufemia/src/elements/H3.ts b/packages/dnb-eufemia/src/elements/H3.ts
@@ -0,0 +1,9 @@
+/**
+ * This file is created manually
+ * You can change the content
+ *
+ */
+
+import H3 from './typography/H3'
+export * from './typography/H3'
+export default H3
diff --git a/packages/dnb-eufemia/src/elements/H4.d.ts b/packages/dnb-eufemia/src/elements/H4.d.ts
diff --git a/packages/dnb-eufemia/src/elements/H4.js b/packages/dnb-eufemia/src/elements/H4.js
diff --git a/packages/dnb-eufemia/src/elements/H4.ts b/packages/dnb-eufemia/src/elements/H4.ts
@@ -0,0 +1,9 @@
+/**
+ * This file is created manually
+ * You can change the content
+ *
+ */
+
+import H4 from './typography/H4'
+export * from './typography/H4'
+export default H4
diff --git a/packages/dnb-eufemia/src/elements/H5.d.ts b/packages/dnb-eufemia/src/elements/H5.d.ts