Merge branch 'dev' into v0/feature-uui-pagination

Author: madsrasmussen

.eslintrc.js

@@ -1,4 +1,5 @@
 module.exports = {
+  ignorePatterns: ['vite.*.js'],
   root: true,
   parser: '@typescript-eslint/parser',
   plugins: ['@typescript-eslint', 'html', 'import'],

.gitignore

@@ -27,9 +27,10 @@ tsconfig.tsbuildinfo
 
 
 custom-elements.json
+/packages/uui-css/custom-properties.js
+/packages/uui-css/custom-properties.module.js
 storybook-static
 debug.log
 out-css
 *.log
 .eslintcache
-custom-properties.js

.storybook/main.js

@@ -1,4 +1,6 @@
 const tsconfigPaths = require('vite-tsconfig-paths').default;
+const processLitCSSPlugin =
+  require('../scripts/vite.processLitCSSPlugin').default;
 
 module.exports = {
   stories: ['../packages/**/*.story.ts'],
@@ -11,6 +13,8 @@ module.exports = {
   async viteFinal(config, { configType }) {
     // customize the Vite config here
 
+    config.plugins.push(processLitCSSPlugin());
+
     if (configType === 'DEVELOPMENT') {
       // add plugins
       config.plugins.push(tsconfigPaths());
@@ -22,6 +26,8 @@ module.exports = {
       config.optimizeDeps.include.push('lit');
       config.optimizeDeps.include.push('lit/decorators.js');
       config.optimizeDeps.include.push('lit/directives/style-map.js');
+      config.optimizeDeps.include.push('lit/directives/if-defined.js');
+      config.optimizeDeps.include.push('lit/directives/unsafe-html.js');
     }
 
     return config;

.storybook/preview-head.html

@@ -17,6 +17,7 @@
       repeat top left;
   }
 </style>
+
 <script>
   (function () {
     window.addEventListener('load', () => {

.storybook/preview.js

@@ -1,6 +1,6 @@
 import { setCustomElements } from '@storybook/web-components';
 import customElements from '../custom-elements.json';
-import '../src/styles/index.css';
+import '../packages/uui-css/lib/root.css';
 import 'https://cdn.skypack.dev/element-internals-polyfill';
 
 const sort = (a, b) => {