fix: remove deprecated properties (#1581)

Co-authored-by: Daniel Leroux <[email protected]>
Co-authored-by: Lukas Maurer <[email protected]>

.changeset/afraid-papayas-own.md

@@ -0,0 +1,52 @@
+---
+'@siemens/ix-angular': major
+'@siemens/ix-react': major
+'@siemens/ix': major
+'@siemens/ix-vue': major
+---
+
+Component Updates and Enhancements
+
+New Variants for Card Components:
+- **ix-action-card**, **ix-card**, and **ix-push-card**:
+  - The `insight` and `notification` variants have been **replaced by** `outline` and `filled`.
+
+Property Updates:
+- **ix-chip**:
+  - The `color` property has been **replaced by** `chipColor`.
+- **ix-event-list**:
+  - The `color` attribute has been **replaced by** `itemColor`.
+- **ix-icon-button**:
+  - The `color` attribute has been **replaced by** `iconColor`.
+  - Size `32` has been removed.
+- **ix-pill**:
+  - The `color` attribute has been **replaced by** `pillColor`.
+- **ix-typography**:
+  - The `color` attribute has been **replaced by** `textColor`.
+- **ix-select**:
+  - The `selectedIndices` attribute has been **replaced by** `value`.
+  - The `itemSelectionChange` event has been **replaced by** `valueChange`.
+- **ix-select-item**:
+  - The type of the `value` property type has been updated to `string`.
+
+Date and Time Picker Enhancements:
+- **ix-date-picker**:
+  - Removed attributes: `individual` and `eventDelimiter`.
+  - The `textSelectedDate` property has been **replaced by** `i18nDone`.
+  - The `done` event has been **replaced by** `dateSelect`.
+- **ix-datetime-picker**:
+  - The `textSelectedDate` property has been **replaced by** `i18nDone`.
+  - The `done` event has been **replaced by** `dateSelect`.
+  - Removed the `eventDelimiter` property.
+- **ix-time-picker**:
+  - Removed attributes: `individual` and `showTimeReference`.
+
+Removed Features:
+- **ix-menu**:
+  - Removed the `maxVisibleMenuItems` attribute.
+- **ix-menu-item**:
+  - The `tabIcon` attribute has been removed and replaced with `icon`.
+
+Other Changes:
+- **ix-modal**:
+  - The `keyboard` attribute has been **replaced by** `closeOnEscape`.

BREAKING_CHANGES/v3.md

@@ -1,5 +1,7 @@
 # Breaking changes v3
 
+Here is a detailed overview of all breaking changes introduced in this major update of Siemens Industrial Experience.
+
 ## Remove package `@siemens/ix-icons` from `@siemens/ix` base library
 
 The `@siemens/ix-icons` package requires manual bootstrapping. For detailed installation instructions, please refer to the [`@siemens/ix-icons`](https://github.com/siemens/ix-icons) repository.
@@ -118,3 +120,59 @@ The following component members marked as internal by comment have been changed
 - `ix-menu-about-news`: `expanded`
 - `ix-menu-settings`: `show`
 - `ix-dropdown-item`: `emitItemClick()`
+
+## Component Updates
+
+#### ix-action-card
+- The `insight` and `notification` variants have been **replaced by** `outline` and `filled`.
+
+#### ix-card
+- The `insight` and `notification` variants have been **replaced by** `outline` and `filled`.
+
+#### ix-chip
+- The `color` property has been **replaced by** `chipColor`.
+
+#### ix-date-picker
+- Removed attributes: `individual`, and `eventDelimiter`.
+- The `textSelectedDate` property has been **replaced by** `i18nDone`.
+- The `done` event has been **replaced by** `dateSelect`.
+
+#### ix-datetime-picker
+- The `textSelectedDate` property has been **replaced by** `i18nDone`.
+- The `done` event has been **replaced by** `dateSelect`.
+- The `eventDelimiter` property has been removed.
+
+#### ix-event-list
+- The `color` attribute has been **replaced by** `itemColor`.
+
+#### ix-icon-button
+- The `color` attribute has been **replaced by** `iconColor`.
+- Size `32` has been removed.
+
+#### ix-menu
+- Removed the `maxVisibleMenuItems` attribute.
+
+#### ix-menu-item
+- Removed the `tabIcon` attribute and replaced with icon.
+
+#### ix-modal
+- The `keyboard` attribute has been **replaced by** `closeOnEscape`.
+
+#### ix-pill
+- The `color` attribute has been **replaced by** `pillColor`.
+
+#### ix-push-card
+- The `insight` and `notification` variants have been **replaced by** `outline` and `filled`.
+
+#### ix-select
+- The `selectedIndices` attribute has been **replaced by** `value`.
+- The `itemSelectionChange` event has been **replaced by** `valueChange`.
+
+#### ix-select-item
+- The `value` attribute type has been changed to `string`.
+
+#### ix-time-picker
+- Removed attributes: `individual` and `showTimeReference`.
+
+#### ix-typography
+- The `color` attribute has been **replaced by** `textColor`.

packages/angular-test-app/src/preview-examples/action-card.html

@@ -2,6 +2,6 @@
   icon="refresh"
   heading="Scan for new devices"
   subheading="Secondary text"
-  variant="insight"
+  variant="outline"
   (click)="onClick($event)"
 ></ix-action-card>

packages/angular-test-app/src/preview-examples/card-list.html

@@ -13,7 +13,7 @@
     notification="3"
     heading="Heading content"
     subheading="Subheading"
-    variant="notification"
+    variant="filled"
   ></ix-push-card>
   <ix-push-card
     icon="bulb"
@@ -37,7 +37,7 @@
     notification="3"
     heading="Heading content"
     subheading="Subheading"
-    variant="notification"
+    variant="filled"
   ></ix-push-card>
   <ix-push-card
     icon="bulb"
@@ -51,20 +51,20 @@
     notification="3"
     heading="Heading content"
     subheading="Subheading"
-    variant="notification"
+    variant="filled"
   ></ix-push-card>
   <ix-push-card
     icon="rocket"
     notification="3"
     heading="Heading content"
     subheading="Subheading"
-    variant="notification"
+    variant="filled"
   ></ix-push-card>
   <ix-push-card
     icon="rocket"
     notification="3"
     heading="Heading content"
     subheading="Subheading"
-    variant="notification"
+    variant="filled"
   ></ix-push-card>
 </ix-card-list>

packages/angular-test-app/src/preview-examples/card.html

@@ -7,7 +7,7 @@
 LICENSE file in the root directory of this source tree.
 -->
 
-<ix-card (click)="onClick($event)" variant="insight">
+<ix-card (click)="onClick($event)" variant="outline">
   <ix-card-content>
     <ix-icon name="capacity"></ix-icon>
     <ix-typography bold>Number of components</ix-typography>

packages/angular-test-app/src/preview-examples/push-card.html

@@ -12,7 +12,7 @@
   notification="99"
   heading="Heading content"
   subheading="Subheading"
-  variant="insight"
+  variant="outline"
 >
   <table class="table">
     <thead>