Merge branch 'main' into fix-folder-name

.github/workflows/default.yml

@@ -22,7 +22,6 @@ jobs:
           [
             angular17-example,
             react-example,
-            react-tailwind-template,
             vue-example,
           ]
     steps:
@@ -49,7 +48,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: [build-examples]
     container:
-      image: mcr.microsoft.com/playwright:v1.32.3-focal
+      image: mcr.microsoft.com/playwright:v1.49.0
     steps:
       - name: ⬇ Checkout repo
         uses: actions/checkout@v4
@@ -66,12 +65,6 @@ jobs:
           name: react-example
           path: ./build/react-example
 
-      - name: ⬇ Download build react-tailwind
-        uses: actions/download-artifact@v4
-        with:
-          name: react-tailwind-template
-          path: ./build/react-tailwind-template
-
       - name: ⬇ Download build vue
         uses: actions/download-artifact@v4
         with:

angular17-example/package.json

@@ -19,7 +19,7 @@
     "@angular/platform-browser": "^17.3.0",
     "@angular/platform-browser-dynamic": "^17.3.0",
     "@angular/router": "^17.3.0",
-    "@db-ui/ngx-components": "^0.3.3",
+    "@db-ui/ngx-components": "^0.5.7",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.3"

angular17-example/src/app/app.component.html

@@ -5,22 +5,22 @@
   >
     <h1>db-ui-functional</h1>
     <p>Use this as default for enterprise apps</p>
-    <db-button icon="user">Test</db-button>
+    <db-button icon="person">Test</db-button>
   </div>
   <div
     data-density="regular"
     class="db-successful-bg-basic-level-1 container-with-padding"
   >
     <h1>db-ui-regular</h1>
     <p>Use this as default for consumer apps</p>
-    <db-button icon="user">Test</db-button>
+    <db-button icon="person">Test</db-button>
   </div>
   <div
     data-density="expressive"
     class="db-successful-bg-basic-level-2 container-with-padding"
   >
     <h1>db-ui-expressive</h1>
     <p>Use this as default for marketing apps</p>
-    <db-button icon="user">Test</db-button>
+    <db-button icon="person">Test</db-button>
   </div>
 </main>

angular17-example/src/styles.scss

@@ -2,8 +2,6 @@
 @forward "@db-ui/components/build/styles/db-ui-42-rollup";
 // We use $db-spacing-fixed-md variable so we need to import the file where the variable is defined
 @use "@db-ui/foundations/build/scss/variables";
-// Color-classes are optional, we use them in the example to have easy access to colors
-@forward "@db-ui/foundations/build/css/colors/classes/all";
 
 .container-with-padding {
   padding: variables.$db-spacing-fixed-md;

e2e/Dockerfile

@@ -1,4 +1,4 @@
-FROM mcr.microsoft.com/playwright:v1.32.3-focal as playwright
+FROM mcr.microsoft.com/playwright:v1.49.0 as playwright
 
 COPY e2e /e2e
 COPY build/ build/