Merge branch 'main' into fix/1670-event-list

.changeset/afraid-mugs-argue.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": minor
+---
+
+feat(core/message): add options to set size and position

.changeset/clever-pandas-chew.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core): replace font styles with actual formats

.changeset/clever-rings-sneeze.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/modal): figma - code mismatch

.changeset/eight-windows-shout.md

@@ -0,0 +1,7 @@
+---
+"@siemens/ix-angular": minor
+"@siemens/ix": minor
+"@siemens/ix-vue": minor
+---
+
+feat(core): improve component a11y

.changeset/eighty-clocks-bake.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/content-header): adapt spacing

.changeset/few-eels-smell.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/checkbox): page jumps on checkbox click in scrollable ix-content

.changeset/nasty-mangos-love.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/button): fix keyboard navigation & accessibility

.changeset/nice-pianos-serve.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/spinner): move styling into shadow dom

.changeset/nine-pugs-pump.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/select): update input value on slot change

.changeset/pink-spoons-obey.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/input): remove hover state from readonly and disabled variant

.changeset/quiet-tools-study.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/icon-toggle-button): remove console.log

.changeset/short-dolls-perform.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(card): card-filled colors for hover/active states

.changeset/small-meals-think.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/card-list): adapt title margin to figma

.changeset/tricky-hornets-work.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/dropdown): clean up disconnected dropdowns

.changeset/yellow-goats-wash.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/upload): disable file browser if control is disabled

.github/workflows/pr.yml

@@ -18,6 +18,7 @@ jobs:
     runs-on: ubuntu-latest
     outputs:
       core_any_changed: ${{ steps.changes.outputs.core_any_changed }}
+      core_all_changed_files: ${{ steps.changes.outputs.core_all_changed_files }}
       aggrid_any_changed: ${{ steps.changes.outputs.aggrid_any_changed }}
       echarts_any_changed: ${{ steps.changes.outputs.echarts_any_changed }}
       docs_any_changed: ${{ steps.changes.outputs.docs_any_changed }}
@@ -192,3 +193,41 @@ jobs:
 
       - name: Test
         run: pnpm run test --cache-dir=.turbo --filter !\documentation
+
+  strict:
+    if: ${{ needs.changes.outputs.core_any_changed == 'true' }}
+    needs: [changes]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/workflows/actions/turbo
+      - name: Strict
+        id: report
+        env:
+          ALL_CHANGED_FILES: ${{ needs.changes.outputs.core_all_changed_files }}
+        run: pnpm --filter @siemens/ix exec strict-check ${ALL_CHANGED_FILES}
+
+      - name: Find Comment
+        uses: peter-evans/find-comment@v3
+        id: find-comment
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          comment-author: 'github-actions[bot]'
+          body-includes: '### Report of `strict` check'
+
+      - name: Delete comment
+        if: ${{ steps.report.outputs.has_errors != 'true' }}
+        uses: actions-cool/issues-helper@v3
+        with:
+          actions: 'delete-comment'
+          token: ${{ secrets.GITHUB_TOKEN }}
+          comment-id: ${{ steps.find-comment.outputs.comment-id }}
+
+      - name: Create or update comment
+        if: ${{ steps.report.outputs.has_errors == 'true' }}
+        uses: peter-evans/create-or-update-comment@v4
+        with:
+          comment-id: ${{ steps.find-comment.outputs.comment-id }}
+          issue-number: ${{ github.event.pull_request.number }}
+          body: ${{ steps.report.outputs.body }}
+          edit-mode: replace

ix.code-workspace

@@ -52,10 +52,6 @@
       "name": "eslint-config",
       "path": "./packages/eslint-config-ix"
     },
-    {
-      "name": "example-styles",
-      "path": "./packages/example-styles"
-    },
     {
       "name": "figma-plugin",
       "path": "./packages/figma-plugin"

packages/angular-test-app/package.json

@@ -29,7 +29,7 @@
     "ag-grid-community": "^30.2.0",
     "echarts": "^5.5.1",
     "echarts-gl": "^2.0.9",
-    "example-styles": "workspace:*",
+    "html-test-app": "workspace:*",
     "ngx-echarts": "~14.0.0",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",

packages/angular-test-app/scripts/copy-preview.mjs

@@ -6,10 +6,33 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { copyPreviewStyles } from 'example-styles';
 import path from 'path';
-
+import fs from 'fs';
+import fsp from 'fs/promises';
 const __dirname = path.resolve();
 
-const stylesPath = path.resolve(__dirname, 'src', 'preview-examples', 'styles');
-copyPreviewStyles(stylesPath);
+const previewPath = path.join(
+  __dirname,
+  'node_modules',
+  'html-test-app',
+  'src',
+  'preview-examples'
+);
+
+(async () => {
+  console.log('Copying preview styles to html-test-app...');
+  const cssFiles = fs
+    .readdirSync(previewPath)
+    .filter((f) => f.endsWith('.css'));
+
+  await Promise.all(
+    cssFiles.map((cssFile) =>
+      fsp.copyFile(
+        path.join(previewPath, cssFile),
+        path.join(__dirname, 'src', 'preview-examples', cssFile)
+      )
+    )
+  );
+
+  console.log('Done');
+})();

packages/angular-test-app/src/preview-examples/about-and-legal.css

@@ -0,0 +1,17 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * Styles get overwritten by html-test-app css files each build or dev task.
+ * If you want to modify the example styles do this only inside the html-test-app
+ */
+
+ix-application {
+  width: 100vw;
+  height: 100vh;
+}

packages/angular-test-app/src/preview-examples/about-and-legal.ts

@@ -12,7 +12,7 @@ import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
 @Component({
   selector: 'app-example',
   templateUrl: './about-and-legal.html',
-  styleUrls: ['./styles/application.css'],
+  styleUrls: ['./about-and-legal.css'],
 })
 export default class AboutAndLegal implements AfterViewInit {
   @ViewChild('menu', { read: ElementRef })

packages/angular-test-app/src/preview-examples/application-app-switch.css

@@ -0,0 +1,17 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * Styles get overwritten by html-test-app css files each build or dev task.
+ * If you want to modify the example styles do this only inside the html-test-app
+ */
+
+ix-application {
+  width: 100vw;
+  height: 100vh;
+}

packages/angular-test-app/src/preview-examples/application-app-switch.ts

@@ -13,7 +13,7 @@ import { AppSwitchConfiguration } from '@siemens/ix';
 @Component({
   selector: 'app-example',
   templateUrl: './application-app-switch.html',
-  styleUrls: ['./styles/application.css'],
+  styleUrls: ['./application-app-switch.css'],
 })
 export default class ApplicationAppSwitchExample {
   appSwitchConfig: AppSwitchConfiguration = {

packages/angular-test-app/src/preview-examples/application-breakpoints.css

@@ -0,0 +1,17 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * Styles get overwritten by html-test-app css files each build or dev task.
+ * If you want to modify the example styles do this only inside the html-test-app
+ */
+
+ix-application {
+  width: 100vw;
+  height: 100vh;
+}

packages/angular-test-app/src/preview-examples/application-breakpoints.ts

@@ -11,7 +11,7 @@ import { Breakpoint } from '@siemens/ix';
 
 @Component({
   selector: 'app-example',
-  styleUrls: ['./styles/application.css'],
+  styleUrls: ['./application-breakpoints.css'],
   templateUrl: './application-breakpoints.html',
 })
 export default class ApplicationBreakpointExample {

packages/example-styles/css/application.css → packages/angular-test-app/src/preview-examples/application.css

@@ -6,6 +6,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/*
+ * Styles get overwritten by html-test-app css files each build or dev task.
+ * If you want to modify the example styles do this only inside the html-test-app
+ */
 
 ix-application {
   width: 100vw;

packages/angular-test-app/src/preview-examples/application.ts

@@ -12,6 +12,6 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-example',
   templateUrl: './application.html',
-  styleUrls: ['./styles/application.css'],
+  styleUrls: ['./application.css'],
 })
 export default class ApplicationExample {}

packages/example-styles/css/basic-navigation.css → packages/angular-test-app/src/preview-examples/basic-navigation.css

@@ -6,6 +6,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/*
+ * Styles get overwritten by html-test-app css files each build or dev task.
+ * If you want to modify the example styles do this only inside the html-test-app
+ */
 
 ix-basic-navigation {
   width: 100vw;

packages/angular-test-app/src/preview-examples/basic-navigation.ts

@@ -20,6 +20,6 @@ import { Component } from '@angular/core';
       </ix-menu>
     </ix-basic-navigation>
   `,
-  styleUrls: ['./styles/basic-navigation.css'],
+  styleUrls: ['./basic-navigation.css'],
 })
 export default class BasicNavigation {}

packages/angular-test-app/src/preview-examples/blind-header-actions.css

@@ -0,0 +1,16 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * Styles get overwritten by html-test-app css files each build or dev task.
+ * If you want to modify the example styles do this only inside the html-test-app
+ */
+
+ix-blind {
+  margin: 0.5rem 0;
+}

packages/angular-test-app/src/preview-examples/blind-header-actions.ts

@@ -20,7 +20,6 @@ import { Component } from '@angular/core';
         icon="context-menu"
         icon-color="color-primary"
       ></ix-icon-button>
-      <ix-dropdown trigger="context-menu">test</ix-dropdown>
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
       eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
       voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
@@ -31,7 +30,11 @@ import { Component } from '@angular/core';
       Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
       sit amet.
     </ix-blind>
+    <ix-dropdown trigger="context-menu">
+      <ix-dropdown-item icon="rename">Rename...</ix-dropdown-item>
+      <ix-dropdown-item icon="trashcan">Delete...</ix-dropdown-item>
+    </ix-dropdown>
   `,
-  styleUrls: ['./styles/blind.css'],
+  styleUrls: ['./blind-header-actions.css'],
 })
 export default class Blind {}

packages/angular-test-app/src/preview-examples/blind-variants.css

@@ -0,0 +1,16 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * Styles get overwritten by html-test-app css files each build or dev task.
+ * If you want to modify the example styles do this only inside the html-test-app
+ */
+
+ix-blind {
+  margin: 0.5rem 0;
+}

packages/angular-test-app/src/preview-examples/blind-variants.ts

@@ -12,6 +12,6 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-example',
   templateUrl: './blind-variants.html',
-  styleUrls: ['./styles/blind.css'],
+  styleUrls: ['./blind-variants.css'],
 })
 export default class Blind {}

packages/example-styles/css/blind.css → packages/angular-test-app/src/preview-examples/blind.css

@@ -6,6 +6,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/*
+ * Styles get overwritten by html-test-app css files each build or dev task.
+ * If you want to modify the example styles do this only inside the html-test-app
+ */
 
 ix-blind {
   margin: 0.5rem 0;