Typescript support for Divider (#520)

* First try for typescript support for Divider

* In the middle of using proptables from ts components in the storybook

* Lot's of lot's of tweeks to make prop tables in storybook working. This commit is kind of a proof of concept

* Remove classname, key and ref from props table

* Removed debug env

* Removed configuration of typescript in storybook main

* Remove old testing stuffs

* Remove old rollup typescript plugin

* Delete copy'n pasted babel typescript transpiler, we use rollup plugin instead

* Remove testing stuffs

libraries/core-react/rollup.config.js

@@ -4,7 +4,8 @@ import commonjs from '@rollup/plugin-commonjs'
 import json from '@rollup/plugin-json'
 import babel from '@rollup/plugin-babel'
 import polyfill from 'rollup-plugin-polyfill'
-import typescript from 'rollup-plugin-typescript2'
+import typescript from '@rollup/plugin-typescript'
+
 import pkg from './package.json'
 
 const peerDeps = Object.keys(pkg.peerDependencies || {})
@@ -28,13 +29,8 @@ export default [
     },
     plugins: [
       json(),
-      resolve({ extensions: ['.jsx', '.js'] }),
-      typescript({
-        tsconfig: 'tsconfig.json',
-        typescript: require('typescript'),
-        include: ['*.ts+(|x)', '**/*.ts+(|x)', '*.js+(|x)', '**/*.js+(|x)'],
-        exclude: ['node_modules/**'],
-      }),
+      resolve({ extensions }),
+      typescript(),
       babel({
         exclude: 'node_modules/**',
         babelHelpers: 'bundled',

libraries/core-react/src/Divider/Divider.test.tsx

@@ -29,7 +29,7 @@ describe('Divider', () => {
     expect(container.firstChild).toHaveStyleRule('margin-top', spacingMedium)
   })
   it('Sets backgroundColor to light according to color prop', () => {
-    const { container } = render(<Divider color="light" />)
+    const { container } = render(<Divider />)
     expect(container.firstChild).toHaveStyleRule('background-color', light)
   })
   it('Sets backgroundColor to lighter according to color prop', () => {
@@ -41,7 +41,9 @@ describe('Divider', () => {
     expect(container.firstChild).toHaveStyleRule('margin-top', spacingSmall)
   })
   it('Can extend the css for the component', () => {
-    const { container } = render(<StyledDivider variant="small" />)
+    const { container } = render(
+      <StyledDivider color="light" variant="small" />,
+    )
     expect(container.firstChild).toHaveStyleRule('position', 'relative')
     expect(container.firstChild).toHaveStyleRule('margin-top', spacingSmall)
   })

libraries/core-react/src/Divider/Divider.tokens.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { tokens } from '@equinor/eds-tokens'
 
 const {

libraries/core-react/src/Divider/Divider.tsx

@@ -21,7 +21,7 @@ type Props = {
   /** Color variants
  @default medium */
   color?: 'lighter' | 'light' | 'medium'
-  /** Vertical spacings 
+  /** Vertical spacings
    @default medium */
   variant?: 'small' | 'medium'
   className?: string

libraries/core-react/src/Divider/index.ts

@@ -1,2 +1 @@
-// @ts-nocheck
 export { Divider } from './Divider'