Merge remote-tracking branch 'origin/main' into v3

.changeset/clean-walls-bake.md

@@ -0,0 +1,6 @@
+---
+"@siemens/ix": patch
+"@siemens/ix-vue": patch
+---
+
+fix(core/date-dropdown): show year and month dropdown

.changeset/config.json

@@ -14,7 +14,7 @@
       "@siemens/ix-vue"
     ]
   ],
-  "access": "restricted",
+  "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "ignore": [

.changeset/cyan-plums-build.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/event-list-item): add aria-disabled attribute to list element

.changeset/dry-avocados-sneeze.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': minor
+---
+
+feat(core/date-dropdown): add disabled property

.changeset/dry-roses-brake.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix-angular': patch
+---
+
+fix(angular/modal): avoid overflow of modal content

.changeset/empty-sloths-burn.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/category-filter): open dropdown on text input and keep it open

.changeset/giant-owls-explain.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/blind): avoid unnecessary wrapping

.changeset/giant-ways-wave.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/base-button): set aria disabled

.changeset/gold-terms-develop.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/group): show expand-collapse icon

.changeset/hot-sloths-fold.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/group-context-menu): set default cursor

.changeset/large-oranges-float.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/event-list): event-list-items not selectabe in chrome

.changeset/popular-crabs-reply.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/tooltip): null check before event listener gets registered on trigger

.changeset/quiet-pillows-jog.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+docs(core/menu-about): update jsdocs for label property

.changeset/rare-eagles-laugh.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/group): use correct cursors

.changeset/silent-stingrays-pump.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': minor
+---
+
+feat(core/button|icon-button): add danger variant

.changeset/wise-games-relate.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/workflow): add flexible layout

.github/workflows/actions/turbo/action.yml

@@ -6,7 +6,7 @@ runs:
     - uses: pnpm/action-setup@v2
       name: Install pnpm
       with:
-        version: 8
+        version: 9
         run_install: false
 
     - name: Setup Node.js environment

.github/workflows/deploy-gh-pages.yml

@@ -23,6 +23,7 @@ jobs:
       - name: Build
         run: pnpm build --cache-dir=.turbo --filter documentation --force
         env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           FIGMA_API_TOKEN: ${{ secrets.FIGMA_API_TOKEN }}
           CSC: ${{ secrets.READ_CSC_TOKEN }}
 

.github/workflows/deploy-preview.yml

@@ -50,6 +50,7 @@ jobs:
         env:
           FIGMA_API_TOKEN: ${{ secrets.FIGMA_API_TOKEN }}
           CSC: ${{ secrets.READ_CSC_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Publish
         id: publish

.github/workflows/pr.yml

@@ -9,17 +9,19 @@ on:
       - reopened
       - synchronize
 
-concurrency: pr-${{ github.ref }}
+concurrency:
+  group: pr-${{ github.head_ref }}
+  cancel-in-progress: true
 
 jobs:
   changes:
     runs-on: ubuntu-latest
     outputs:
       core_any_changed: ${{ steps.changes.outputs.core_any_changed }}
-      angular_any_changed: ${{ steps.changes.outputs.angular_any_changed }}
       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 }}
+      unittests_any_changed: ${{ steps.changes.outputs.unittests_any_changed }}
     steps:
       - uses: actions/checkout@v3
       - name: Track changes between commits
@@ -29,18 +31,21 @@ jobs:
           files_yaml: |
             core:
               - packages/core/**
-            angular:
-              - packages/angular/**
             aggrid:
               - packages/aggrid/**
             echarts:
               - packages/echarts/**
             docs:
               - packages/documentation/**
+              - packages/example-styles/**
               - packages/html-test-app/**
               - packages/angular-test-app/**
               - packages/react-test-app/**
               - packages/vue-test-app/**
+            unittests:
+              - packages/core/**
+              - packages/angular/**
+              - packages/react/**
 
   build:
     needs: changes
@@ -165,7 +170,7 @@ jobs:
           retention-days: 2
 
   unit:
-    if: ${{ needs.changes.outputs.core_any_changed == 'true' || needs.changes.outputs.angular_any_changed == 'true' }}
+    if: ${{ needs.changes.outputs.unittests_any_changed == 'true' }}
     needs: [build, changes]
     timeout-minutes: 10
     runs-on: ubuntu-latest

.gitignore

@@ -170,6 +170,7 @@ packages/html-test-app/src/public/additional-theme
 # documentation
 ###
 
+packages/documentation/docs/installation/CHANGELOG.md
 packages/documentation/docs/auto-generated/
 packages/documentation/.build-temp
 packages/documentation/scripts/.typedoc/

.npmrc

@@ -4,3 +4,5 @@ shamefully-hoist=true
 puppeteer_skip_chromium_download=true
 puppeteer_skip_chrome_headless_shell_download=true
 puppeteer_skip_download=true
+link-workspace-packages = deep
+prefer-workspace-packages = true

ix.code-workspace

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

package.json

@@ -13,10 +13,9 @@
   "bugs": {
     "url": "https://www.github.com/siemens/ix/issues"
   },
-  "packageManager": "[email protected]",
   "engines": {
-    "npm": ">=8.x.x",
-    "node": ">=16.16.x"
+    "pnpm": ">=9.x.x",
+    "node": ">=18.x.x"
   },
   "scripts": {
     "docs": "dotenv -- turbo run start --filter=documentation",
@@ -30,7 +29,7 @@
     "test": "dotenv -- turbo run test",
     "prepare": "husky install",
     "ci:version": "pnpm changeset version && pnpm i --lockfile-only",
-    "ci:publish": "pnpm publish -r"
+    "ci:publish": "pnpm changeset publish"
   },
   "dependencies": {
     "tslib": "^2.3.0"

packages/angular-test-app/package.json

@@ -23,6 +23,7 @@
     "@siemens/ix-angular": "workspace:*",
     "@siemens/ix-aggrid": "workspace:*",
     "@siemens/ix-echarts": "workspace:*",
+    "example-styles": "workspace:*",
     "ag-grid-angular": "^30.0.0",
     "ag-grid-community": "^30.2.0",
     "ngx-echarts": "~14.0.0",

packages/angular-test-app/src/preview-examples/button-danger-ghost.html

@@ -0,0 +1,2 @@
+<ix-button ghost variant="secondary"> Button </ix-button>
+<ix-button disabled ghost variant="secondary"> Button </ix-button>

packages/angular-test-app/src/preview-examples/button-danger-ghost.ts

@@ -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.
+ */
+
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: './button-danger-ghost.html',
+})
+export default class Buttons {}

packages/angular-test-app/src/preview-examples/button-danger-outline.html

@@ -0,0 +1,2 @@
+<ix-button outline variant="danger"> Button </ix-button>
+<ix-button disabled outline variant="danger"> Button </ix-button>

packages/angular-test-app/src/preview-examples/button-danger-outline.ts

@@ -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.
+ */
+
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: './button-danger-outline.html',
+})
+export default class Buttons {}

packages/angular-test-app/src/preview-examples/button-danger.html

@@ -0,0 +1,2 @@
+<ix-button variant="danger"> Button </ix-button>
+<ix-button disabled variant="danger"> Button </ix-button>

packages/angular-test-app/src/preview-examples/button-danger.ts

@@ -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.
+ */
+
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: './button-danger.html',
+})
+export default class Buttons {}

packages/angular-test-app/src/preview-examples/button-ghost.ts

@@ -12,14 +12,15 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-example',
   template: buttonGhost(),
+  styles: [`@import 'example-styles/dist/buttons.css';`],
 })
 export default class Buttons {}
 function buttonGhost(): string | undefined {
   return `
-      <ix-button class="m-1" ghost variant="primary">
+      <ix-button ghost variant="primary">
         Button
       </ix-button>
-      <ix-button class="m-1" disabled ghost variant="primary">
+      <ix-button disabled ghost variant="primary">
         Button
       </ix-button>
   `;

packages/angular-test-app/src/preview-examples/button-grey-ghost.ts

@@ -12,14 +12,15 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-example',
   template: buttonGreyGhost(),
+  styles: [`@import 'example-styles/dist/buttons.css';`],
 })
 export default class Buttons {}
 function buttonGreyGhost(): string | undefined {
   return `
-      <ix-button class="m-1" ghost variant="secondary">
+      <ix-button ghost variant="secondary">
         Button
       </ix-button>
-      <ix-button class="m-1" disabled ghost variant="secondary">
+      <ix-button disabled ghost variant="secondary">
         Button
       </ix-button>
   `;

packages/angular-test-app/src/preview-examples/button-grey-secondary.ts

@@ -12,14 +12,15 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-example',
   template: buttonGreySecondary(),
+  styles: [`@import 'example-styles/dist/buttons.css';`],
 })
 export default class Buttons {}
 function buttonGreySecondary(): string | undefined {
   return `
-      <ix-button class="m-1" outline variant="secondary">
+      <ix-button outline variant="secondary">
         Button
       </ix-button>
-      <ix-button class="m-1" disabled outline variant="secondary">
+      <ix-button disabled outline variant="secondary">
         Button
       </ix-button>
   `;

packages/angular-test-app/src/preview-examples/button-grey.ts

@@ -12,14 +12,15 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-example',
   template: buttonGrey(),
+  styles: [`@import 'example-styles/dist/buttons.css';`],
 })
 export default class Buttons {}
 function buttonGrey(): string | undefined {
   return `
-      <ix-button class="m-1" variant="secondary">
+      <ix-button variant="secondary">
         Button
       </ix-button>
-      <ix-button class="m-1" disabled variant="secondary">
+      <ix-button disabled variant="secondary">
         Button
       </ix-button>
   `;

packages/angular-test-app/src/preview-examples/button-loading.html

@@ -0,0 +1,26 @@
+<ix-button (click)="toggle()" [loading]="loading" outline variant="primary">
+  Button
+</ix-button>
+
+<ix-button
+  (click)="toggle2()"
+  [loading]="loading2"
+  icon="star"
+  outline
+  variant="primary"
+>
+  Button
+</ix-button>
+
+<ix-icon-button
+  (click)="toggle3()"
+  [loading]="loading3"
+  icon="star"
+  outline
+  variant="primary"
+>
+</ix-icon-button>
+
+<ix-button loading outline variant="primary"> Button </ix-button>
+
+<ix-icon-button loading icon="star" outline variant="primary"></ix-icon-button>