siemens · danielleroux · Dec 18, 2024 · Dec 10, 2024 · Dec 12, 2024 · Dec 16, 2024
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -22,6 +22,7 @@
     "html-test-app",
     "ionic-test-app",
     "figma-plugin",
-    "documentation"
+    "documentation",
+    "storybook-docs"
   ]
 }
diff --git a/.changeset/giant-melons-worry.md b/.changeset/giant-melons-worry.md
diff --git a/.changeset/good-mayflies-accept.md b/.changeset/good-mayflies-accept.md
diff --git a/.changeset/khaki-moles-cry.md b/.changeset/khaki-moles-cry.md
@@ -0,0 +1,11 @@
+---
+'@siemens/ix': minor
+---
+
+Add `meta`-tag feature to disable default load of `@siemens/ix-icons`
+
+```html
+<meta name="ix:legacy-icons" content="false" />
+```
+
+In addition the warning is removed if no icon component is provided.
diff --git a/.changeset/lazy-birds-dream.md b/.changeset/lazy-birds-dream.md
diff --git a/.changeset/lemon-monkeys-leave.md b/.changeset/lemon-monkeys-leave.md
@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+Automatically expand **ix-menu-category** if nested menu item becomes active.
diff --git a/.changeset/long-meals-count.md b/.changeset/long-meals-count.md
@@ -0,0 +1,5 @@
+---
+"@siemens/ix-aggrid": patch
+---
+
+Set typography globally for **ag-grid** theme.
diff --git a/.changeset/tender-hounds-change.md b/.changeset/tender-hounds-change.md
diff --git a/packages/aggrid/CHANGELOG.md b/packages/aggrid/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @siemens/ix-aggrid
 
+## 2.2.2
+
+### Patch Changes
+
+- [#1615](https://github.com/siemens/ix/pull/1615) [`e6bbb44a43`](https://github.com/siemens/ix/commit/e6bbb44a43fd131a290719a27b423bceab91e3f6) Thanks [@nuke-ellington](https://github.com/nuke-ellington)! - Hide border sticky bottom in **ag-grid**.
+
+- Updated dependencies [[`0e173504ea`](https://github.com/siemens/ix/commit/0e173504ea5a73f2822c7a322d7a23a9ddfd1fa1), [`0e173504ea`](https://github.com/siemens/ix/commit/0e173504ea5a73f2822c7a322d7a23a9ddfd1fa1), [`57586a7fd1`](https://github.com/siemens/ix/commit/57586a7fd1766d0b8bef04d7c0e32f348775b977), [`77f76febbc`](https://github.com/siemens/ix/commit/77f76febbc00df91a3d27f43845f2cfadd9234ac), [`0fe4d521ed`](https://github.com/siemens/ix/commit/0fe4d521ed0c269e63136d31d17a21022866988c), [`0e173504ea`](https://github.com/siemens/ix/commit/0e173504ea5a73f2822c7a322d7a23a9ddfd1fa1), [`1c65a17d69`](https://github.com/siemens/ix/commit/1c65a17d6911e5be72e7612e87d0b7fbeeeacc73), [`0e173504ea`](https://github.com/siemens/ix/commit/0e173504ea5a73f2822c7a322d7a23a9ddfd1fa1)]:
+  - @siemens/[email protected]
+
 ## 2.2.1
 
 ### Patch Changes

diff --git a/packages/aggrid/package.json b/packages/aggrid/package.json
@@ -8,7 +8,7 @@
     "directory": "packages/aggrid"
   },
   "description": "AG Grid theme based on ix theme variables",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "files": [
     "LICENSE",
     "README.md",
@@ -38,7 +38,7 @@
     "ts-node": "^10.9.2"
   },
   "dependencies": {
-    "@siemens/ix": "~2.6.0"
+    "@siemens/ix": "~2.6.1"
   },
   "peerDependencies": {
     "ag-grid-community": ">=28"

diff --git a/packages/aggrid/scss/ix-aggrid.scss b/packages/aggrid/scss/ix-aggrid.scss
@@ -9,6 +9,8 @@
 @import '@siemens/ix/scss/mixins/fonts';
 
 [class*='ag-theme-ix'] {
+  @include typography-body;
+
   --ag-background-color: transparent;
 
   --ag-foreground-color: var(--theme-color-std-text);
@@ -60,7 +62,6 @@
   }
 
   .ag-select-list {
-    @include typography-body;
     color: var(--theme-color-std-text);
     background-color: var(--ag-control-panel-background-color);
   }
@@ -117,13 +118,11 @@
   }
 
   .ag-header-cell {
-    @include typography-body;
     font-weight: 700;
     color: var(--theme-table-header-cell--color);
   }
 
   .ag-cell {
-    @include typography-body;
     color: var(--theme-table-data-cell--color);
     line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
   }
@@ -169,4 +168,8 @@
       }
     }
   }
+
+  .ag-sticky-bottom {
+    display: none;
+  }
 }
diff --git a/...aggrid.e2e.ts-snapshots/aggrid-filter-1-chromium---theme-classic-dark-linux.png b/...aggrid.e2e.ts-snapshots/aggrid-filter-1-chromium---theme-classic-dark-linux.png
diff --git a/...ggrid.e2e.ts-snapshots/aggrid-filter-1-chromium---theme-classic-light-linux.png b/...ggrid.e2e.ts-snapshots/aggrid-filter-1-chromium---theme-classic-light-linux.png
diff --git a/...id.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-dark-linux.png b/...id.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-dark-linux.png
diff --git a/...d.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-light-linux.png b/...d.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-light-linux.png
diff --git a/packages/aggrid/tests/basic.html b/packages/aggrid/tests/basic.html
@@ -8,7 +8,7 @@
 -->
 <html>
   <head>
-    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community@32.1/dist/ag-grid-community.min.js"></script>
     <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/styles/ag-grid.css" />
     <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/styles/ag-theme-alpine.css" />
 

diff --git a/packages/aggrid/tests/pagination.html b/packages/aggrid/tests/pagination.html
@@ -8,7 +8,7 @@
 -->
 <html>
   <head>
-    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community@32.1/dist/ag-grid-community.min.js"></script>
     <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/styles/ag-grid.css" />
     <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/styles/ag-theme-alpine.css" />
 

diff --git a/packages/angular-test-app/src/app/app-routing.module.ts b/packages/angular-test-app/src/app/app-routing.module.ts
@@ -57,6 +57,7 @@ import DateInputDisabled from '../preview-examples/date-input-disabled';
 import DateInputLabel from '../preview-examples/date-input-label';
 import DateInputReadonly from '../preview-examples/date-input-readonly';
 import DateInputValidation from '../preview-examples/date-input-validation';
+import DateInputWithSlots from '../preview-examples/date-input-with-slots';
 import Datepicker from '../preview-examples/datepicker';
 import DatepickerLocale from '../preview-examples/datepicker-locale';
 import DatepickerRange from '../preview-examples/datepicker-range';
@@ -129,6 +130,7 @@ import InputPattern from '../preview-examples/input-pattern';
 import InputReadonly from '../preview-examples/input-readonly';
 import InputTypes from '../preview-examples/input-types';
 import InputValidation from '../preview-examples/input-validation';
+import InputWithSlots from '../preview-examples/input-with-slots';
 import KeyValue from '../preview-examples/key-value';
 import KeyValueList from '../preview-examples/key-value-list';
 import KeyValueListStriped from '../preview-examples/key-value-list-striped';
@@ -159,6 +161,7 @@ import NumberInputLabel from '../preview-examples/number-input-label';
 import NumberInputReadonly from '../preview-examples/number-input-readonly';
 import NumberInputStepperButton from '../preview-examples/number-input-stepper-button';
 import NumberInputValidation from '../preview-examples/number-input-validation';
+import NumberInputWithSlots from '../preview-examples/number-input-with-slots';
 import Pagination from '../preview-examples/pagination';
 import PaginationAdvanced from '../preview-examples/pagination-advanced';
 import Pane from '../preview-examples/pane';
@@ -440,6 +443,10 @@ const routes: Routes = [
         path: 'date-input-validation',
         component: DateInputValidation,
       },
+      {
+        path: 'date-input-with-slots',
+        component: DateInputWithSlots,
+      },
       {
         path: 'datepicker',
         component: Datepicker,
@@ -776,6 +783,7 @@ const routes: Routes = [
       { path: 'input-readonly', component: InputReadonly },
       { path: 'input-types', component: InputTypes },
       { path: 'input-validation', component: InputValidation },
+      { path: 'input-with-slots', component: InputWithSlots },
       { path: 'theme-switcher', component: ThemeService },
       { path: 'tile', component: Tile },
       { path: 'timepicker', component: Timepicker },
@@ -908,6 +916,7 @@ const routes: Routes = [
         component: NumberInputStepperButton,
       },
       { path: 'number-input-validation', component: NumberInputValidation },
+      { path: 'number-input-with-slots', component: NumberInputWithSlots },
       { path: 'tooltip', component: Tooltip },
       { path: 'modal-by-instance', component: ModalByInstance },
       { path: 'push-card', component: PushCard },

diff --git a/packages/angular-test-app/src/app/app.module.ts b/packages/angular-test-app/src/app/app.module.ts
@@ -67,6 +67,7 @@ import DateInputDisabled from '../preview-examples/date-input-disabled';
 import DateInputLabel from '../preview-examples/date-input-label';
 import DateInputReadonly from '../preview-examples/date-input-readonly';
 import DateInputValidation from '../preview-examples/date-input-validation';
+import DateInputWithSlots from '../preview-examples/date-input-with-slots';
 import Datepicker from '../preview-examples/datepicker';
 import DatepickerLocale from '../preview-examples/datepicker-locale';
 import DatepickerRange from '../preview-examples/datepicker-range';
@@ -139,6 +140,7 @@ import InputPattern from '../preview-examples/input-pattern';
 import InputReadonly from '../preview-examples/input-readonly';
 import InputTypes from '../preview-examples/input-types';
 import InputValidation from '../preview-examples/input-validation';
+import InputWithSlots from '../preview-examples/input-with-slots';
 import KeyValue from '../preview-examples/key-value';
 import KeyValueList from '../preview-examples/key-value-list';
 import KeyValueListStriped from '../preview-examples/key-value-list-striped';
@@ -169,6 +171,7 @@ import NumberInputLabel from '../preview-examples/number-input-label';
 import NumberInputReadonly from '../preview-examples/number-input-readonly';
 import NumberInputStepperButton from '../preview-examples/number-input-stepper-button';
 import NumberInputValidation from '../preview-examples/number-input-validation';
+import NumberInputWithSlots from '../preview-examples/number-input-with-slots';
 import Pagination from '../preview-examples/pagination';
 import PaginationAdvanced from '../preview-examples/pagination-advanced';
 import Pane from '../preview-examples/pane';
@@ -288,6 +291,7 @@ import MapNavigationMigration from '../preview-examples/map-navigation-migration
     DateInputLabel,
     DateInputReadonly,
     DateInputValidation,
+    DateInputWithSlots,
     ContentExample,
     DateDropdown,
     DateDropdownUserRange,
@@ -417,6 +421,7 @@ import MapNavigationMigration from '../preview-examples/map-navigation-migration
     InputReadonly,
     InputTypes,
     InputValidation,
+    InputWithSlots,
     InputPattern,
     TextareaLegacyReadonly,
     TextareaLegacy,
@@ -455,6 +460,7 @@ import MapNavigationMigration from '../preview-examples/map-navigation-migration
     NumberInputReadonly,
     NumberInputStepperButton,
     NumberInputValidation,
+    NumberInputWithSlots,
     TabsRounded,
     DatepickerRange,
     Tooltip,

diff --git a/packages/angular-test-app/src/preview-examples/date-input-with-slots.html b/packages/angular-test-app/src/preview-examples/date-input-with-slots.html
@@ -0,0 +1,13 @@
+<!--
+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.
+-->
+
+<ix-date-input value="1970/01/01">
+  <ix-icon name="bulb" slot="start" size="16"></ix-icon>
+  <ix-typography slot="end">Slot</ix-typography>
+</ix-date-input>
diff --git a/packages/angular-test-app/src/preview-examples/date-input-with-slots.ts b/packages/angular-test-app/src/preview-examples/date-input-with-slots.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: './date-input-with-slots.html',
+})
+export default class DateInputWithSlots {}
diff --git a/packages/angular-test-app/src/preview-examples/input-with-slots.html b/packages/angular-test-app/src/preview-examples/input-with-slots.html
@@ -0,0 +1,13 @@
+<!--
+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.
+-->
+
+<ix-input>
+  <ix-icon name="bulb" slot="start" size="16"></ix-icon>
+  <ix-typography slot="end">unit</ix-typography>
+</ix-input>
diff --git a/packages/angular-test-app/src/preview-examples/input-with-slots.ts b/packages/angular-test-app/src/preview-examples/input-with-slots.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: './input-with-slots.html'
+})
+export default class InputWithSlots {}
diff --git a/packages/angular-test-app/src/preview-examples/number-input-with-slots.html b/packages/angular-test-app/src/preview-examples/number-input-with-slots.html
@@ -0,0 +1,13 @@
+<!--
+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.
+-->
+
+<ix-number-input>
+  <ix-icon name="bulb" slot="start" size="16"></ix-icon>
+  <ix-typography slot="end">unit</ix-typography>
+</ix-number-input>
diff --git a/packages/angular-test-app/src/preview-examples/number-input-with-slots.ts b/packages/angular-test-app/src/preview-examples/number-input-with-slots.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: './number-input-with-slots.html'
+})
+export default class NumberInputWithSlots {}