feat: Checkbox 2.0

packages/eds-core-react/.storybook/preview.css

@@ -1 +1,7 @@
 @import '@equinor/eds-tokens/css/variables';
+
+/* Ensure form elements inherit EDS typography */
+fieldset,
+legend {
+  font-family: var(--eds-typography-ui-body-font-family), sans-serif;
+}

packages/eds-core-react/.storybook/preview.mjs

@@ -1,4 +1,5 @@
 import './preview.css'
+import '../src/index.css'
 
 const preview = {
   viewMode: 'docs',

packages/eds-core-react/rollup.config.js

@@ -1,6 +1,10 @@
 /* eslint-disable import/no-default-export */
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createRequire } from 'node:module'
 import resolve from '@rollup/plugin-node-resolve'
 import postcss from 'rollup-plugin-postcss'
+import postcssImport from 'postcss-import'
 import commonjs from '@rollup/plugin-commonjs'
 import { preserveDirective } from 'rollup-preserve-directives'
 import { babel } from '@rollup/plugin-babel'
@@ -12,6 +16,29 @@ const environment = process.env.NODE_ENV
 
 const isDevelopment = environment === 'development'
 
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+const require = createRequire(import.meta.url)
+
+const resolveCssImport = (id, basedir) => {
+  try {
+    return require.resolve(id, {
+      paths: [
+        basedir,
+        path.resolve(__dirname, 'node_modules'),
+        path.resolve(process.cwd(), 'node_modules'),
+      ],
+    })
+  } catch {
+    return path.resolve(basedir, id)
+  }
+}
+
+const createPostcssImportPlugin = () =>
+  postcssImport({
+    resolve: resolveCssImport,
+  })
+
 const extensions = ['.jsx', '.js', '.tsx', '.ts']
 
 const externalDeps = [
@@ -30,12 +57,15 @@ const watchConfig = {
 
 const createPlugins = (includeDelete = false) => [
   preserveDirective(),
-  ...(includeDelete ? [del({ targets: 'dist/*', runOnce: true })] : []),
+  ...(includeDelete
+    ? [del({ targets: ['dist/*', 'build/*'], runOnce: true })]
+    : []),
   resolve({ extensions }),
   commonjs(),
   postcss({
     extensions: ['.css'],
     extract: false,
+    inject: false,
   }),
   babel({
     babelHelpers: 'runtime',
@@ -75,4 +105,34 @@ export default [
       { file: './dist/index.next.cjs', format: 'cjs', interop: 'auto' },
     ],
   },
+  // EDS 2.0 CSS bundle (unminified)
+  {
+    input: './src/index.css',
+    plugins: [
+      del({ targets: 'build/*', runOnce: true }),
+      postcss({
+        extensions: ['.css'],
+        extract: 'index.css',
+        minimize: false,
+        sourceMap: false,
+        plugins: [createPostcssImportPlugin()],
+      }),
+    ],
+    output: { dir: 'build', format: 'es' },
+  },
+  // EDS 2.0 CSS bundle (minified)
+  {
+    input: './src/index.css',
+    plugins: [
+      postcss({
+        extensions: ['.css'],
+        extract: 'index.min.css',
+        minimize: true,
+        sourceMap: false,
+        plugins: [createPostcssImportPlugin()],
+      }),
+      del({ targets: 'build/*.js', hook: 'writeBundle' }),
+    ],
+    output: { dir: 'build', format: 'es' },
+  },
 ]