Skip to content

Commit 6ca7c2b

Browse files
daniellerouxdanielleroux
authored
feat(core): elevation changes (#2155)
2 parents 7b016f7 + 9911cdd commit 6ca7c2b

238 files changed

Lines changed: 2665 additions & 895 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.changeset/fast-apples-notice.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
'@siemens/ix-angular': minor
3+
'@siemens/ix-aggrid': minor
4+
'@siemens/ix-react': minor
5+
'@siemens/ix': minor
6+
'@siemens/ix-vue': minor
7+
---
8+
9+
Introduced new `variant` for **ix-card-accordion**

‎.changeset/rich-cars-drop.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
'@siemens/ix-angular': minor
3+
'@siemens/ix-aggrid': minor
4+
'@siemens/ix-react': minor
5+
'@siemens/ix': minor
6+
'@siemens/ix-vue': minor
7+
---
8+
9+
Add `outline` and `filled` to **ix-event-list-item**

‎.changeset/twelve-pots-dress.md‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
'@siemens/ix-angular': major
3+
'@siemens/ix-aggrid': major
4+
'@siemens/ix-react': major
5+
'@siemens/ix': major
6+
'@siemens/ix-vue': major
7+
---
8+
9+
Introduced new `variant` for **ix-flip-tile**
10+
11+
BREAKING-CHANGES:
12+
13+
- Rename `state`to `variant`
14+
- Rename `FlipTileState` to `FlipTileVariant` and renamed type member `none` to `outline`.

‎BREAKING_CHANGES/v4.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,3 +50,8 @@ Remove **outline** and **ghost** property. The properties are replaced 1:1 with
5050
### ix-application
5151

5252
- `min-width: 0` has been added to the content-area in `ix-application` to prevent the flex container from growing beyond the screen width. If you currently have implemented a workaround for this behavior your application's layout might be affected by this change.
53+
54+
### ix-flip-tile
55+
56+
- Rename property `state` to `variant`
57+
- Rename `FlipTileState` to `FlipTileVariant`

‎packages/angular-standalone-test-app/src/preview-examples/flip-tile.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ import {
3333
<ix-flip-tile-content> Example 2 </ix-flip-tile-content>
3434
</ix-flip-tile>
3535
36-
<ix-flip-tile state="primary">
36+
<ix-flip-tile variant="primary">
3737
<div slot="header">Flip header</div>
3838
<div slot="footer">
3939
<div>Predicted maintenance date</div>
@@ -45,7 +45,7 @@ import {
4545
<ix-flip-tile-content> Example 2 </ix-flip-tile-content>
4646
</ix-flip-tile>
4747
48-
<ix-flip-tile state="info">
48+
<ix-flip-tile variant="info">
4949
<div slot="header">Flip header</div>
5050
<div slot="footer">
5151
<div>Predicted maintenance date</div>
@@ -57,7 +57,7 @@ import {
5757
<ix-flip-tile-content> Example 2 </ix-flip-tile-content>
5858
</ix-flip-tile>
5959
60-
<ix-flip-tile state="warning">
60+
<ix-flip-tile variant="warning">
6161
<div slot="header">Flip header</div>
6262
<div slot="footer">
6363
<div>Predicted maintenance date</div>
@@ -69,7 +69,7 @@ import {
6969
<ix-flip-tile-content> Example 2 </ix-flip-tile-content>
7070
</ix-flip-tile>
7171
72-
<ix-flip-tile state="alarm">
72+
<ix-flip-tile variant="alarm">
7373
<div slot="header">Flip header</div>
7474
<div slot="footer">
7575
<div>Predicted maintenance date</div>

‎packages/angular-test-app/src/preview-examples/flip-tile.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ import { Component } from '@angular/core';
2828
<ix-flip-tile-content> Example 2 </ix-flip-tile-content>
2929
</ix-flip-tile>
3030
31-
<ix-flip-tile state="primary">
31+
<ix-flip-tile variant="primary">
3232
<div slot="header">Flip header</div>
3333
<div slot="footer">
3434
<div>Predicted maintenance date</div>
@@ -40,7 +40,7 @@ import { Component } from '@angular/core';
4040
<ix-flip-tile-content> Example 2 </ix-flip-tile-content>
4141
</ix-flip-tile>
4242
43-
<ix-flip-tile state="info">
43+
<ix-flip-tile variant="info">
4444
<div slot="header">Flip header</div>
4545
<div slot="footer">
4646
<div>Predicted maintenance date</div>
@@ -52,7 +52,7 @@ import { Component } from '@angular/core';
5252
<ix-flip-tile-content> Example 2 </ix-flip-tile-content>
5353
</ix-flip-tile>
5454
55-
<ix-flip-tile state="warning">
55+
<ix-flip-tile variant="warning">
5656
<div slot="header">Flip header</div>
5757
<div slot="footer">
5858
<div>Predicted maintenance date</div>
@@ -64,7 +64,7 @@ import { Component } from '@angular/core';
6464
<ix-flip-tile-content> Example 2 </ix-flip-tile-content>
6565
</ix-flip-tile>
6666
67-
<ix-flip-tile state="alarm">
67+
<ix-flip-tile variant="alarm">
6868
<div slot="header">Flip header</div>
6969
<div slot="footer">
7070
<div>Predicted maintenance date</div>

‎packages/angular/src/components.ts‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -269,14 +269,14 @@ export declare interface IxCard extends Components.IxCard {}
269269

270270

271271
@ProxyCmp({
272-
inputs: ['ariaLabelExpandButton', 'collapse']
272+
inputs: ['ariaLabelExpandButton', 'collapse', 'variant']
273273
})
274274
@Component({
275275
selector: 'ix-card-accordion',
276276
changeDetection: ChangeDetectionStrategy.OnPush,
277277
template: '<ng-content></ng-content>',
278278
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
279-
inputs: ['ariaLabelExpandButton', 'collapse'],
279+
inputs: ['ariaLabelExpandButton', 'collapse', 'variant'],
280280
standalone: false
281281
})
282282
export class IxCardAccordion {
@@ -1015,14 +1015,14 @@ export declare interface IxEventList extends Components.IxEventList {}
10151015

10161016

10171017
@ProxyCmp({
1018-
inputs: ['chevron', 'disabled', 'itemColor', 'selected']
1018+
inputs: ['chevron', 'disabled', 'itemColor', 'selected', 'variant']
10191019
})
10201020
@Component({
10211021
selector: 'ix-event-list-item',
10221022
changeDetection: ChangeDetectionStrategy.OnPush,
10231023
template: '<ng-content></ng-content>',
10241024
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1025-
inputs: ['chevron', 'disabled', 'itemColor', 'selected'],
1025+
inputs: ['chevron', 'disabled', 'itemColor', 'selected', 'variant'],
10261026
outputs: ['itemClick'],
10271027
standalone: false
10281028
})
@@ -1128,14 +1128,14 @@ export declare interface IxFilterChip extends Components.IxFilterChip {
11281128

11291129

11301130
@ProxyCmp({
1131-
inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'state', 'width']
1131+
inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'variant', 'width']
11321132
})
11331133
@Component({
11341134
selector: 'ix-flip-tile',
11351135
changeDetection: ChangeDetectionStrategy.OnPush,
11361136
template: '<ng-content></ng-content>',
11371137
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1138-
inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'state', 'width'],
1138+
inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'variant', 'width'],
11391139
outputs: ['toggle'],
11401140
standalone: false
11411141
})

‎packages/angular/standalone/src/components.ts‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -373,14 +373,14 @@ export declare interface IxCard extends Components.IxCard {}
373373

374374
@ProxyCmp({
375375
defineCustomElementFn: defineIxCardAccordion,
376-
inputs: ['ariaLabelExpandButton', 'collapse']
376+
inputs: ['ariaLabelExpandButton', 'collapse', 'variant']
377377
})
378378
@Component({
379379
selector: 'ix-card-accordion',
380380
changeDetection: ChangeDetectionStrategy.OnPush,
381381
template: '<ng-content></ng-content>',
382382
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
383-
inputs: ['ariaLabelExpandButton', 'collapse'],
383+
inputs: ['ariaLabelExpandButton', 'collapse', 'variant'],
384384
})
385385
export class IxCardAccordion {
386386
protected el: HTMLIxCardAccordionElement;
@@ -1119,14 +1119,14 @@ export declare interface IxEventList extends Components.IxEventList {}
11191119

11201120
@ProxyCmp({
11211121
defineCustomElementFn: defineIxEventListItem,
1122-
inputs: ['chevron', 'disabled', 'itemColor', 'selected']
1122+
inputs: ['chevron', 'disabled', 'itemColor', 'selected', 'variant']
11231123
})
11241124
@Component({
11251125
selector: 'ix-event-list-item',
11261126
changeDetection: ChangeDetectionStrategy.OnPush,
11271127
template: '<ng-content></ng-content>',
11281128
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1129-
inputs: ['chevron', 'disabled', 'itemColor', 'selected'],
1129+
inputs: ['chevron', 'disabled', 'itemColor', 'selected', 'variant'],
11301130
outputs: ['itemClick'],
11311131
})
11321132
export class IxEventListItem {
@@ -1232,14 +1232,14 @@ export declare interface IxFilterChip extends Components.IxFilterChip {
12321232

12331233
@ProxyCmp({
12341234
defineCustomElementFn: defineIxFlipTile,
1235-
inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'state', 'width']
1235+
inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'variant', 'width']
12361236
})
12371237
@Component({
12381238
selector: 'ix-flip-tile',
12391239
changeDetection: ChangeDetectionStrategy.OnPush,
12401240
template: '<ng-content></ng-content>',
12411241
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1242-
inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'state', 'width'],
1242+
inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'variant', 'width'],
12431243
outputs: ['toggle'],
12441244
})
12451245
export class IxFlipTile {

0 commit comments

Comments
 (0)