⚡ perf: provide a basic css file without the utilities to reduce the css bundle size

.changeset/tough-squids-promise.md

@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': minor
+---
+
+**styles**: provide a basic.css file without the utilities css classes to keep the css bundle small to improve performance

packages/core/src/components.d.ts

@@ -1297,6 +1297,10 @@ export namespace Components {
         "showSocialMedia": boolean;
     }
     interface BalForm {
+        /**
+          * The css class for the inner form element
+         */
+        "formClass": string;
         /**
           * If `true` a native form element is added as a wrapper of the slot.
          */
@@ -6478,6 +6482,10 @@ declare namespace LocalJSX {
         "showSocialMedia"?: boolean;
     }
     interface BalForm {
+        /**
+          * The css class for the inner form element
+         */
+        "formClass"?: string;
         /**
           * If `true` a native form element is added as a wrapper of the slot.
          */

packages/core/stencil.config.ts

@@ -116,6 +116,11 @@ export const config: Config = {
           dest: 'assets/baloise-design-system.css',
           warn: true,
         },
+        {
+          src: join(packagesDir, 'styles', 'css', 'basic.min.css'),
+          dest: 'assets/basic.min.css',
+          warn: true,
+        },
         {
           src: join(packagesDir, 'maps', 'dist', 'index.esm.js'),
           dest: 'assets/maps.js',
@@ -126,6 +131,11 @@ export const config: Config = {
           dest: 'assets/fonts',
           warn: true,
         },
+        {
+          src: join(packagesDir, 'brand-icons', 'src', 'assets'),
+          dest: 'assets/images/brand-icons',
+          warn: true,
+        },
       ],
     },
     /**

packages/css/sass/basic.sass

@@ -0,0 +1,7 @@
+@import "./mixins"
+
+// Resets CSS and defines custom font
+@import "./global.bundle"
+
+// Core CSS, always required
+@import "./core"

packages/styles/sass/basic.sass

@@ -0,0 +1,5 @@
+@import './mixins'
+@import './normalize'
+@import './structure'
+@import './font'
+@import './core'