From 6eb71c2d9ca50c7a261992d6bf9cdf5ec4c1391a Mon Sep 17 00:00:00 2001 From: Lukas Maurer Date: Thu, 15 Feb 2024 17:31:28 +0100 Subject: [PATCH] feat(core/card): add selection and mouse states (#1089) --- packages/angular/src/components.ts | 4 +- packages/core/component-doc.json | 26 +++ packages/core/src/components.d.ts | 8 + .../components/action-card/action-card.scss | 190 ------------------ .../components/action-card/action-card.tsx | 12 +- packages/core/src/components/card/card.scss | 118 +++++++++++ packages/core/src/components/card/card.tsx | 12 +- .../src/components/push-card/push-card.scss | 76 ------- packages/core/src/tests/card/basic/index.html | 69 +++++++ packages/core/src/tests/card/card.e2e.ts | 26 +++ ...-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 16165 bytes ...1-chromium---theme-classic-light-linux.png | Bin 0 -> 16620 bytes ...-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 15029 bytes ...1-chromium---theme-classic-light-linux.png | Bin 0 -> 15331 bytes .../core/src/tests/card/selected/index.html | 69 +++++++ packages/documentation/docs/controls/grid.md | 2 +- packages/vue/src/components.ts | 3 +- 17 files changed, 338 insertions(+), 277 deletions(-) create mode 100644 packages/core/src/tests/card/basic/index.html create mode 100644 packages/core/src/tests/card/card.e2e.ts create mode 100644 packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-have-selected-state-1-chromium---theme-classic-dark-linux.png create mode 100644 packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-have-selected-state-1-chromium---theme-classic-light-linux.png create mode 100644 packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png create mode 100644 packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png create mode 100644 packages/core/src/tests/card/selected/index.html diff --git a/packages/angular/src/components.ts b/packages/angular/src/components.ts index d4a0c4aac69..018da6ad421 100644 --- a/packages/angular/src/components.ts +++ b/packages/angular/src/components.ts @@ -222,14 +222,14 @@ export declare interface IxButton extends Components.IxButton {} @ProxyCmp({ - inputs: ['variant'] + inputs: ['selected', 'variant'] }) @Component({ selector: 'ix-card', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['variant'], + inputs: ['selected', 'variant'], }) export class IxCard { protected el: HTMLElement; diff --git a/packages/core/component-doc.json b/packages/core/component-doc.json index c6230f78f31..bc535ab58bd 100644 --- a/packages/core/component-doc.json +++ b/packages/core/component-doc.json @@ -1488,6 +1488,32 @@ ] }, "props": [ + { + "name": "selected", + "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, + "mutable": false, + "attr": "selected", + "reflectToAttr": false, + "docs": "", + "docsTags": [ + { + "name": "since", + "text": "2.1.0" + } + ], + "values": [ + { + "type": "boolean" + } + ], + "optional": false, + "required": false + }, { "name": "variant", "type": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"primary\" | \"success\" | \"warning\"", diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts index 9476acbc6f1..04e751daf4b 100644 --- a/packages/core/src/components.d.ts +++ b/packages/core/src/components.d.ts @@ -295,6 +295,10 @@ export namespace Components { * @since 1.6.0 */ interface IxCard { + /** + * @since 2.1.0 + */ + "selected": boolean; /** * Card variant */ @@ -4266,6 +4270,10 @@ declare namespace LocalJSX { * @since 1.6.0 */ interface IxCard { + /** + * @since 2.1.0 + */ + "selected"?: boolean; /** * Card variant */ diff --git a/packages/core/src/components/action-card/action-card.scss b/packages/core/src/components/action-card/action-card.scss index d2f3c48047d..7d5b1ffa409 100644 --- a/packages/core/src/components/action-card/action-card.scss +++ b/packages/core/src/components/action-card/action-card.scss @@ -24,194 +24,4 @@ width: 100%; height: 100%; } - - ix-card.card-insight:hover { - --ix-card-background: var(--theme-color-ghost--hover); - } - - ix-card.card-insight:active { - --ix-card-background: var(--theme-color-ghost--active); - } - - ix-card.card-notification:hover { - --ix-card-background: var(--theme-color-component-1--hover); - } - - ix-card.card-notification:active { - --ix-card-background: var(--theme-color-component-1--active); - } - - ix-card.card-alarm:hover { - --ix-card-background: var(--theme-color-alarm--hover); - } - - ix-card.card-alarm:active { - --ix-card-background: var(--theme-color-alarm--active); - } - - ix-card.card-critical:hover { - --ix-card-background: var(--theme-color-critical--hover); - } - - ix-card.card-critical:active { - --ix-card-background: var(--theme-color-critical--active); - } - - ix-card.card-warning:hover { - --ix-card-background: var(--theme-color-warning--hover); - } - - ix-card.card-warning:active { - --ix-card-background: var(--theme-color-warning--active); - } - - ix-card.card-success:hover { - --ix-card-background: var(--theme-color-success--hover); - } - - ix-card.card-success:active { - --ix-card-background: var(--theme-color-success--active); - } - - ix-card.card-info:hover { - --ix-card-background: var(--theme-color-info--hover); - } - - ix-card.card-info:active { - --ix-card-background: var(--theme-color-info--active); - } - - ix-card.card-neutral:hover { - --ix-card-background: var(--theme-color-neutral--hover); - } - - ix-card.card-neutral:active { - --ix-card-background: var(--theme-color-neutral--active); - } - - ix-card.card-primary:hover { - --ix-card-background: var(--theme-color-primary--hover); - } - - ix-card.card-primary:active { - --ix-card-background: var(--theme-color-primary--active); - } -} - -:host(:hover) { - ix-card.card-insight:hover { - --ix-card-background: var(--theme-color-ghost--hover); - } - - ix-card.card-notification:hover { - --ix-card-background: var(--theme-color-component-1--hover); - } - - ix-card.card-alarm:hover { - --ix-card-background: var(--theme-color-alarm--hover); - } - - ix-card.card-critical:hover { - --ix-card-background: var(--theme-color-critical--hover); - } - - ix-card.card-warning:hover { - --ix-card-background: var(--theme-color-warning--hover); - } - - ix-card.card-success:hover { - --ix-card-background: var(--theme-color-success--hover); - } - - ix-card.card-info:hover { - --ix-card-background: var(--theme-color-info--hover); - } - - ix-card.card-neutral:hover { - --ix-card-background: var(--theme-color-neutral--hover); - } - - ix-card.card-primary:hover { - --ix-card-background: var(--theme-color-primary--hover); - } -} - -:host(:active) { - ix-card.card-insight:active { - --ix-card-background: var(--theme-color-ghost--active); - } - - ix-card.card-notification:active { - --ix-card-background: var(--theme-color-component-1--active); - } - - ix-card.card-alarm:active { - --ix-card-background: var(--theme-color-alarm--active); - } - - ix-card.card-critical:active { - --ix-card-background: var(--theme-color-critical--active); - } - - ix-card.card-warning:active { - --ix-card-background: var(--theme-color-warning--active); - } - - ix-card.card-success:active { - --ix-card-background: var(--theme-color-success--active); - } - - ix-card.card-info:active { - --ix-card-background: var(--theme-color-info--active); - } - - ix-card.card-neutral:active { - --ix-card-background: var(--theme-color-neutral--active); - } - - ix-card.card-primary:active { - --ix-card-background: var(--theme-color-primary--active); - } -} - -:host(.selected) { - ix-card { - --ix-card-border-color: var(--theme-color-dynamic); - } - - ix-card.card-insight { - --ix-card-background: var(--theme-color-ghost--selected); - } - - ix-card.card-notification { - --ix-card-background: var(--theme-color-ghost--selected); - } - - ix-card.card-alarm { - --ix-card-background: var(--theme-color-alarm--active); - } - - ix-card.card-critical { - --ix-card-background: var(--theme-color-critical--active); - } - - ix-card.card-warning { - --ix-card-background: var(--theme-color-warning--active); - } - - ix-card.card-success { - --ix-card-background: var(--theme-color-success--active); - } - - ix-card.card-info { - --ix-card-background: var(--theme-color-info--active); - } - - ix-card.card-neutral { - --ix-card-background: var(--theme-color-neutral--active); - } - - ix-card.card-primary { - --ix-card-background: var(--theme-color-primary--active); - } } diff --git a/packages/core/src/components/action-card/action-card.tsx b/packages/core/src/components/action-card/action-card.tsx index 1cd1bcec059..d27cc7a03e2 100644 --- a/packages/core/src/components/action-card/action-card.tsx +++ b/packages/core/src/components/action-card/action-card.tsx @@ -48,12 +48,12 @@ export class IxActionCard { render() { return ( - - + + {this.icon ? ( diff --git a/packages/core/src/components/card/card.scss b/packages/core/src/components/card/card.scss index 118737873c4..31a72ae0ba6 100644 --- a/packages/core/src/components/card/card.scss +++ b/packages/core/src/components/card/card.scss @@ -88,3 +88,121 @@ :host(:not(.card-insight)) { --ix-card-border-color: transparent; } + +// ### Hover ### + +:host(.card-insight:hover) { + --ix-card-background: var(--theme-color-ghost--hover); +} + +:host(.card-notification:hover) { + --ix-card-background: var(--theme-color-component-1--hover); +} + +:host(.card-alarm:hover) { + --ix-card-background: var(--theme-color-alarm--hover); +} + +:host(.card-critical:hover) { + --ix-card-background: var(--theme-color-critical--hover); +} + +:host(.card-warning:hover) { + --ix-card-background: var(--theme-color-warning--hover); +} + +:host(.card-success:hover) { + --ix-card-background: var(--theme-color-success--hover); +} + +:host(.card-info:hover) { + --ix-card-background: var(--theme-color-info--hover); +} + +:host(.card-neutral:hover) { + --ix-card-background: var(--theme-color-neutral--hover); +} + +:host(.card-primary:hover) { + --ix-card-background: var(--theme-color-primary--hover); +} + +// ### Active ### + +:host(.card-insight:active) { + --ix-card-background: var(--theme-color-ghost--active); +} + +:host(.card-notification:active) { + --ix-card-background: var(--theme-color-component-1--active); +} + +:host(.card-alarm:active) { + --ix-card-background: var(--theme-color-alarm--active); +} + +:host(.card-critical:active) { + --ix-card-background: var(--theme-color-critical--active); +} + +:host(.card-warning:active) { + --ix-card-background: var(--theme-color-warning--active); +} + +:host(.card-success:active) { + --ix-card-background: var(--theme-color-success--active); +} + +:host(.card-info:active) { + --ix-card-background: var(--theme-color-info--active); +} + +:host(.card-neutral:active) { + --ix-card-background: var(--theme-color-neutral--active); +} + +:host(.card-primary:active) { + --ix-card-background: var(--theme-color-primary--active); +} + +// ### Selected ### + +:host(.selected) { + --ix-card-border-color: var(--theme-color-dynamic); + + &.card-insight { + --ix-card-background: var(--theme-color-ghost--selected); + } + + &.card-notification { + --ix-card-background: var(--theme-color-ghost--selected); + } + + &.card-alarm { + --ix-card-background: var(--theme-color-alarm--active); + } + + &.card-critical { + --ix-card-background: var(--theme-color-critical--active); + } + + &.card-warning { + --ix-card-background: var(--theme-color-warning--active); + } + + &.card-success { + --ix-card-background: var(--theme-color-success--active); + } + + &.card-info { + --ix-card-background: var(--theme-color-info--active); + } + + &.card-neutral { + --ix-card-background: var(--theme-color-neutral--active); + } + + &.card-primary { + --ix-card-background: var(--theme-color-primary--active); + } +} diff --git a/packages/core/src/components/card/card.tsx b/packages/core/src/components/card/card.tsx index c0e1e740d46..cd8d8472053 100644 --- a/packages/core/src/components/card/card.tsx +++ b/packages/core/src/components/card/card.tsx @@ -27,9 +27,19 @@ export class Card { */ @Prop() variant: CardVariant = 'insight'; + /** + * @since 2.1.0 + */ + @Prop() selected: boolean; + render() { return ( - +
diff --git a/packages/core/src/components/push-card/push-card.scss b/packages/core/src/components/push-card/push-card.scss index 198b8f57233..61c1b847864 100644 --- a/packages/core/src/components/push-card/push-card.scss +++ b/packages/core/src/components/push-card/push-card.scss @@ -23,79 +23,3 @@ height: 11rem; } } - -:host(:hover) { - ix-card.card-insight:hover { - --ix-card-background: var(--theme-color-ghost--hover); - } - - ix-card.card-notification:hover { - --ix-card-background: var(--theme-color-component-1--hover); - } - - ix-card.card-alarm:hover { - --ix-card-background: var(--theme-color-alarm--hover); - } - - ix-card.card-critical:hover { - --ix-card-background: var(--theme-color-critical--hover); - } - - ix-card.card-warning:hover { - --ix-card-background: var(--theme-color-warning--hover); - } - - ix-card.card-success:hover { - --ix-card-background: var(--theme-color-success--hover); - } - - ix-card.card-info:hover { - --ix-card-background: var(--theme-color-info--hover); - } - - ix-card.card-neutral:hover { - --ix-card-background: var(--theme-color-neutral--hover); - } - - ix-card.card-primary:hover { - --ix-card-background: var(--theme-color-primary--hover); - } -} - -:host(:active) { - ix-card.card-insight:active { - --ix-card-background: var(--theme-color-ghost--active); - } - - ix-card.card-notification:active { - --ix-card-background: var(--theme-color-component-1--active); - } - - ix-card.card-alarm:active { - --ix-card-background: var(--theme-color-alarm--active); - } - - ix-card.card-critical:active { - --ix-card-background: var(--theme-color-critical--active); - } - - ix-card.card-warning:active { - --ix-card-background: var(--theme-color-warning--active); - } - - ix-card.card-success:active { - --ix-card-background: var(--theme-color-success--active); - } - - ix-card.card-info:active { - --ix-card-background: var(--theme-color-info--active); - } - - ix-card.card-neutral:active { - --ix-card-background: var(--theme-color-neutral--active); - } - - ix-card.card-primary:active { - --ix-card-background: var(--theme-color-primary--active); - } -} diff --git a/packages/core/src/tests/card/basic/index.html b/packages/core/src/tests/card/basic/index.html new file mode 100644 index 00000000000..d5368507fc0 --- /dev/null +++ b/packages/core/src/tests/card/basic/index.html @@ -0,0 +1,69 @@ + + + + + + + Stencil Component Starter + + + + +
+ Insight +
+ + +
+ Notification +
+ + +
+ Alarm +
+ + +
+ Critical +
+ + +
+ Warning +
+ + +
+ Info +
+ + +
+ Neutral +
+ + +
+ Success +
+ + +
+ Primary +
+ + + + diff --git a/packages/core/src/tests/card/card.e2e.ts b/packages/core/src/tests/card/card.e2e.ts new file mode 100644 index 00000000000..cd824539383 --- /dev/null +++ b/packages/core/src/tests/card/card.e2e.ts @@ -0,0 +1,26 @@ +/* + * SPDX-FileCopyrightText: 2023 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 { expect } from '@playwright/test'; +import { regressionTest } from '@utils/test'; + +regressionTest.describe('card: basic', () => { + regressionTest('should not have visual regressions', async ({ page }) => { + await page.goto('card/basic'); + await page.waitForTimeout(1000); + + expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); + }); + + regressionTest('should have selected state', async ({ page }) => { + await page.goto('card/selected'); + await page.waitForTimeout(1000); + expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); + }); +}); diff --git a/packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-have-selected-state-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-have-selected-state-1-chromium---theme-classic-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..28729b83512874c5cedb413dafee11a70c22ea54 GIT binary patch literal 16165 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-have-selected-state-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-have-selected-state-1-chromium---theme-classic-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ed60f6885dcd04586569c5075a59d1a0a22bd15f GIT binary patch literal 16620 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..63c95021850c0aee022d0ea6c85e00a23dc6e084 GIT binary patch literal 15029 zcmeHud010d*KfdqS{2&z3Pl8LWl#}N5Rfrgsx*uW2r_G#WLCl;gb=J%st9PpAX7k@ zWrz|636Q8%AxuH$IVvH{1QJNdMD97%_rC4>J@>iKcZcu!{^(yjoOAZtYp=ccZ>{xP zn|l{*E%twT@Jk2;vLE)-kMYhXM5XfN&?8mc? zH*=RJqifxLNA*8Y%jXTg+iwq>`^xb9UlP7JKI3q~(`;U0=hvQIh_hyI?~j<7UHt0Y z{eOt<`YysTRxRxU`YUv=_&m9sB|P=`+l5Eg;XT2)psEx8Z2asLCs)@vi0j55wX^B( zy;=;64T0Qo93R}j{i`z-@)h{wOKZp%V7p5dvJ+?$#HAtPKx=ku4@3-T3tsI^02;`J zE8=EA137w9>@e8=wI3YDwO3T zqv1X>xC{t4D;+q!U%|;WL)-+h(ZM!Co}gIA8TXgik|zxC>VxuT4ShJ2!}$lUx)oJ* zwxNRYOFx(a-JZSCmPlB9Fn$uo-2651c;8oM(f(6AfH`EJVCg^-QxE0^IFvd*l}&hd zGGrkQ(1K7g4s=Vfb)iF^qxvD8@wY_B;j>-rW(QE(U5|uvOCg^_DU??A>DC>NYl9=! z=N?(8S-0~RaU^j=Ks02|b7w;31>nzk#k`Z>-IkE@EHT_GbE5sMgi>xmf61jHTnlH) zX#f8G2g<>{(3|%Kq}(zjB&2b%x~b;M>tB4U2P>R$aWm>(UvJy}jxwak%7a;I72bPR zVn!A!I#=Dy>~M$1$3+R+Eo4#|c#3J`3Sp7?O30ZdELL|C`Aa#pWUB-TDaBkk#XyZi zMWHmCmTH<&6;;f+U-!rv`m}#?Jz|m4bw}3yp@h=S!_J;J&JA5gCZE>RqbrFvEeC9y*O1If+JEr>noPdyZ|dNxZh#Fae;$K_ssv!^jsuvtmu zEpR`{5+5VklWNjxwp}l8Ofwg~M268+cr+HZ#VuZlTP(t$mB*2*x8<~NUMKP=8LBWt z%i_1QOL&ecm#0sBl%?ZOZz~m?X;X|2PBCGREHweMTko^NFV~Md(NcZ@by@jcAt9ns zK8$c<4KG-E$x7Mx?a9Npckj0(#S85%kKz5gEfENWV(i?L;JQJltTQ)0+2@A^2X_s* zg<+@yc0-m)kP|j`q1-*<{kgE0J-cK*AC~6F8v^}0>V`dY2A#c-cjBPnNY#MtJ6l%Y z>`n4&sI65##+cyunoIc#HrKf0y2G?3Jf&xg&&Vet`NWT`9TJk(NTdfA8MW}qJJpmo zC*OluX`GcIdA_`MHTJZg6Eg@jWrUTu8Nq#?nlZoC#AdVOxSd`-DZC{@D=!k`;X+3)^2sal6_9dtQeTP<>7+9#_qm-OcRB&KW5PmGM z!guw<>ny{_1^ZcDE!VUrMx&a9Qp5!wdmi(?(7D?a5gD&fJ=fh0L%;BDD~V=I9S}-_ z6Y;Qt{L~OhR>`E%b3%IO$()}cqLnwhuj}sxN zoi6^^Eamy5EjNy>F4|;itB9I~Y{8ml~`g z5xQDEFfdT`;>D?M++=sds9(;EK8b6iH|irz+462Y$pL0~L1UqbAXfIPgPn;klF#nU zBnpZLh6ZTA9ZBt?hBeu2N&vzI!)|nyS8zXyC27kheQwuO9mdYoAW25EOV`;8Q&CMg zzE}1{J4_8(Q8E6sfVUCWkvobf5I~5WOY`*+9pw!~S_$c1!hcXrI-Bvj&Tqq^>$=k?xW64=x8* z+Vj}UIr43(l#v(S>aLkT>&${%!bU*4Je5vSh;|QcULibi3v1DT;DMY;cL|$}G`i&9 z^{m2=#cB3m<2%I11%~q5pa49DiC(YI_ZuOQfed4jfMu1ek;DmEn|g52KpR$b{o@+} zRhIZrPRH*A+yj_H!pcvO_9i|5m0SViMq5ceds6fuY9yZD?2osRC82))^n0^_*$G1v zkvu=%x?GltzwOxgc;-Pj8U9jB^m(ETq`skH_LhWF*VA)J8I78NNV90iM;-}WMuc#` zzF(5YR8A_R-c7Sfz-%xMYw(EfUQwcInD3S%*UI&?N}(R;#cGl%fa6!#TLWqi3rBs& zL+ZPy_{*7I`H_CrL|*p3L#I#X14unEFhpCZsP1}Xp^z7*C`xumZs;}&?yL6!4(AYj z{o<(KVpadt6xJ=YMT2BK{h+qC-mh3pedZ-a5tFPpb~HJ8BgW@VA(u>v&zQ|eeOHQQ z7FI$-g}K)Su8kY@ZY);6EhRnE3u~Tw=6j5)O-Jt&bNIxmHlK-?8-0Ca*%pd1%21=_ z+AgfFky}WkZ;Ao0EEh4wVBMRH>MS^Wn@Mx9qth5jDBv$I-$KQJ*6o2y9A>zd4?OY` ze5ySZ-g`^#^z{!pSk|qOhVCbTOI6B?4UC#Za&kp&P+ zMKne*8mRX9{O&Lc`HrktE`Oy7+7uT&Y>ixLEPj`2$o%cWLEYntC|=ni;V8vVcw;*J z)fQh3W(pW&ei-K^X-s>#RL3E@yeuDxy)?Ds)vepiVi7+MT~t-20r;klXN4BCW!@=dF+k@_7O6e9Mk_D7P*&g+ zXU+i|$O)4@5lJy=daOGPxWo3`l{l{oa+OqsE%0P?Ghh9@h=K zE-C;XX2lQyf9oFOMQ4}i*RT3@XQxARQSnn8qDJ4y$YbSzYuCDV$$F$IyVPF0sEAlv zt2B%qXxaidCZsb*<<$v%KjqAkS-{Wf0T6Gz`f7(&@_u=}rTy~J#zv8WPA)O&(a4r` zC)Z=(d0$73znm^F#d->2+drH&5cIazunmJst4s7Y_U|t*kC`R3I?H7^dm?q=^e&fY z!`azm`{cBhVSN+LM_Kf4H{+?kF|?vdZ1W-mj6$C`H|}`o%l?$4MVFEloN7a|@#Q$2 zRe8yJN`64_wVT7k>ggRDK|xcStg4ENPAMX%r7PD!M?x{;dK5JXC-`6ijU685Wui9t zxF8U#9QTSHKClL!qOoiriV54=Er|bVy5HZLGIGj0!!UZi>|&N4lGj8WQpYu;>GX4Q zCb8?Eyca85qM}A)W&vH#m?u`}T4|At_sVEmqbr+w#`2ySg}hte=N?deT6e?i*>Fk< z8vv5M41yOh;C4{)z3ccG6F4oMTl^&q?=InOn<#cem%Ey1nie_iqPDTIF?yB1j0c>z zuVBBvGA!FI8{cufwXY$JIuPNP7m7|vNpVL^ZZ46iL_i_OyHZM65aiCMeEZ1RGcP?O zgI-D6;sK`V)N><2A@V6Lv&I^nXx^sz*x*vql& zOOIaP-c1JrNs30pRK}eo8K*fdFi3s=^Bzd~V+5lK8a)x|AG@*CvN;lh5+O93=bpw1 zE4;`DGCi_QME;yOZiQE85ex|Org0?GoX{Fr50nvIj$;Up97Dy>vw&di=bkgmwYgiY z{Mj`%MM~prUSwSOm}^te;2QF%PLB{Bv2@mK3CW-!pb`Sj`2G%Zw%VWMLA zPsFu49P!CY0}&a1S5g6;B)WMvo}1LqT-ULiO;gGzETIm8HrBN7KOHfm4IKy``KhTu zT;${Y%;0gU)((#MC3ywc#0Z+_Nz>lzwLW8OdQ%F}78a047of^Ef5kdgOO*ijtO z{vMF$0Vuv}bSIcV{g)+F;%4Az|G~Xi67BEkl`ZGtIPSV`Lu@ODkhdM;5qt4QW8sLl ziQMLEmWnHvdq1aHgWGA=(D(AgY;reJ|JjdF$mCQMOR;N*0;}nB6m(vrGJ|y9~_rJ7vA%&!|bd zYf);uDV@vR^9~OAZZa)t&f|dF`cB?AcKoRzbS2F?%q@+gSB1sxclY0g0t5Dh18qRM zQSL>-=Gtv2q+i`=sqto{v&I`5_pYM6;!oltYH4eipy+b%C|G_r;Sj5D2MqmgIKD%+ z3#o}xYV?p?AO#+@$5_qUbP|Qij8sC3Q}j(ll}~c$%&TsG7d%o=59<0b z;tRv=SQS=zc$Db9OVbN4UUNOHm5?lCZF%0tD7&!_JvLAXF?c2l#I-1;vD386BVRLl z_koch9zEY&A#^puOMH^=5=Sd%En#R6{=UwywWcyF=#+LfUdqi@ZvU7JU0p|sJelNa zgRl%Z7Fo1TfIHzB_yPXM4HH??ii=z3yMdDO>hECo&JGyDfX~J9mKv{pfcygauOWTD z@jCwY*wDOuqMaya?Zus9w!p84roS@*n9b5@q0(qE=XlJ|gWdhO`tO{(arYbZHQI0N82X7c##D%l)+5!t;e)|*nI5pke#gyPci6T#_aG3G?hBg-lacuI z=J~ls{+21Bt|4n{>5H)?{x%_7#MPO~sa`eb?)*n?vcz1jLI|*-2sfp-X_5?8-K%$U zCa1Ek=r)~Cgl*09o8JlBXbo_+Qb$+juO!d9Nbbx-n{a`8s$Y8%iB=QS&zuETZ1P>a z3zA9gW6H=U0t!I{4HW?g4VO0fM+I$u8`Njtv_Kq_#o$|`gBrkFv(lG4{$OP)zZd(E zn^OO8aJ9CK|1(@27~QoQl%!f(H}GhAQNrh1h_{NRc!ZHwR4wgYy^FyU?r3!=20YS?ifnP@;tTBvAhN{`6id1 zJ;D0HBR)JV)mRVzvx6F->xpPx8}mdBxNF1Khk5~bnx+0;%B+F22IY{CXzdjPwn~}g z0T*$>+wL6oKVkWSJrMnGC!GG8S&Wb@RGz(Z~ex*N6(6bUX!*Rf8V zY;8t3`N*=t6%0@R0l0CWpB6i;KJdu7mc}a`V-<(UGjF|!bQy5%(3KvCe^AljuJw?K z@+7WZc-<|lP^T7tV@hr`YWx#qmD&b$hg{BvJUl=rsExzldM`JIlN3k8BPKsh=OmYP z9v22OXWCbxa988X z2P}6|IP-$K;^~>mWsSSRds;$bA}=0uOL^9v8Wq^pUNTl2ofgjQu4;_<0paO!xnp5R z5VJ~3*DvQ(WZ0M%ppn_vFC*_CpljLH`X)W9v$}&4g^wT(hJTVwhN15gvb)?bbfmcy zPpr*jUEmkGKe0?t)@xD)SIqS;H|k+XBSt~{J$Y(z+`~Yz-&yn7eqm`!13dM2Zt-Oh-A90nY zWqKxyK{b@~8!?erwP!Ag9R>tnaL<6?-wY@REY7))3|-FL#}MVu_GA3hYdXiQ#9Pz( zLq4e+olw@Ds^U0C#?Zv3HA1F7gNeh-jGBSo9^ClqU4ekTdRbu#kow3pdoQ*1^9r32AZjE8 z9)|eb;eH5=9QAhhkQBkK;su-`W5Ev=D>+kGAcjPTxl^;fr=0V%v!mmuyeK@{TW)c4 zO+gyHzIaC~Qtuh%ZEEdI25dPdCjJ#2`u{i&_fP67w1DjhwpT zCwehgtNkIM|9p{S>))V%uirR)Oc{veb3L362V1U*V_tEbT!U6p@?chqmwBvf^yBINv?Y90sSCPd)7zVBbdkJo^#%R zkT@f|9?yK*>#vfdxbbefkOPwxeC%uU#O4jeD>t&S9qir)=kWexhY&vpG8dX@Jbs2L=PnbGeU-LD}v z?!ox@zEXefE$SQM8b_t6SwA4uM%CJrw<)22JTW2K1RKn1ETUGEdrdG$;?bu`?3Z=w zVRl1jPI6zLgE3N7rR*&Aj0_Dn&@^c^)oDqqcT1V>;Xz!%u$EYS6C6X!mqyn~9v|Ks zStGlkj*-A^SLP>fmXY-Ct`9#Mv$*0BzQp6BtA_3BN3YB`L2x8oT-%lMw551^=GG0e zRi<+EmT}|SEt;%zvlE`!?7o>LNB$j-jy$ijKXPU*Kh7}gdK9y+1!E_wbYI+X1F=wTE2PEpfy zZZ{&f0$$o}efPAAFjh;B8qpoiX#xEs0mG{fP55*WZyA%dvdQm=9u_X95F#zqgb1~0 zV<)2d_1W&uHZ^NaEiuzY6h;Vjocetl?yro&dfDTjtRxSYm(R!9g++#zJ4(umJeE-x zws%!ixWwVk!5)SNbvb&xm7J*O5gx}+?raN-xdwyW!9m)L5LdR?ryoUfs6Ohkjb7Td=PxP)g=7QE@2bl05I@e?fqbJ(2qbO z?DW7W?*CuyQQQoW{x1~$UzIK^aE?zDZ@2lb(!DGxSKW%LEku^-yXIuZa%O$rKQLl3 zC!yA?PH6%`0gyIV`*|gbZnWQ(!?#h7gHfqI7oFF~>@)Y61jCjH%X1kJsTk_;zs049 zeWPXH_(GojVju;2Z+n10pVAS{{Qy^;Op`!qAD7w+4t8#MgWB^s7}b0gVWhJaW2tBw zl4qMQ5-60GP@gHa^YYo&dcZIV!_pA@jWOA7OWc#i(rOFRA5nk7csXNX_lG>|%|So8 z+SkM^{!)m`Y532Eu5|wa3tRH54R*WtY;aDDgD8vJztUmF5gN)X@*}eSp*j9IQ&m>U zmX7X*NnhCdkX#EZAYe|XsDcF6wqJcYD``e($sW7ge0^9;JGL#~=XRl*&xoE^XBsKa z5a3Q072|?Wz+pA}x#Uv4Uv}2P)!%o^h!CJB1jOE4`*Q_5yo*7-p#ukYy6d z)d%O%+YJ-Jce=G>Rt!k06e+Vu$bad4E_4$P@kGD%;$=Ir219$u4j~M(aCp zNjJm3hZJ4l?V}pE+zov=TP?C2bCWIdU0Js#%@pl(4@(`;WiKzVK~YX;08#c14wymC z%cC0b68dWg3;GLu!%w(${f@^Tl$C`c@G}AxfATQ|a?l&R3-IH1soqzkX6RzS`un|R zgO6{%TdfWSCusOqAp!jU!WAI18PAz@{Hw?A$&YpTv&SZWbIx&qLR-TMBSc~M>GWIZ--5 zd2yMUV11uEMW&LEK?PT3y7KcqqQ*{5w|QmSA;WR*k%Q?lG{6O$f}%`cj8_}Xz1k7} zHeb{nM?48yMIY2MAS9^syF`VIM8&w1(UXz0IaoL_$=RoSwYoBi%yjqg(HR5ULvwiF z9%|Qv`F`q)EuaL_3ed@FUP7Ke^Ntqs7(neO1!2QGQdu9RP|6Oaw%z5WxoC4qgVVBJ z;Q^*1t`<$-Ut}nqfAi^6DhT}rO>*5D*a4dJM%M*BuR* z&BMPt7*tYSt?AaxK#pE7Ob(w;)^A?y3?&IAC)z#GjmlSMWU0tb>NI+)7iZ!JDOJ`^2 z%)(S|Fp-_E<=_@MkL9V@( z?SKFNk#azAu=OHILm~d-TUk-zqA7c%aMY*YMm7-zlubHoXR(L|FL2HU;{a*qD`~Rc zYrM889kcYpLRN{75-|!Jx%8ZH%4BqDON&XWG4ncDjkCTzj$F$VwaP#i#1D{*LC)cnX$&6HrPw2P=EpxD=A-e!u;+&GVnXIzX8l-=Ug)& z{l3||_qE@WP)O^yL%YeN2F`0 zM7~e&ht~#z-;OXB)N%AKo%lv;irlsu)nLMdm`yBexxKf?s9~F1Ymqur_Bk?nvGZHd z_no= zYJ~YetN1_-<#K>a(z+*JWjbCD|BVn5fsjs-Pupdu_ormhm{}0>@0d9hSpL^qKqUj; zRq>nHv%8-IoEJ7`A2vK&w6fO6eO9Jn;}bbX>3x+CQ$&7K*K_Sj0_4*b2 z;R<8o$}l>cz+7yQ2XUe7JdoPtJQ88{QLCDB*@JwvY?x-^tqPQ?92^Mt<3GZ~_U%m+ zl6sQ6<4-njnOLQYg5(&1iE2{ur((Daa)Acsl4*_4{OWiz7>qa`5j)&@DFj*5S2BaD zP{=Tjc47W5)nOGyy=Y^ zO^x3!7aWY)eYo>&8dZ(r!F)GuBd=V{E<&C)C|kVd87uIT|5X{rctjS!a25PSW{Fam zk>2qv&Oo1cw+@C)SHT4Vqd*^5a=Lvc?#=igAol-Z%5Q+gYk;E_hCMYS@Y$jjaf@k# z2uvF(f8EV!Ubp$sKwXc^H$&acM_f+&!jdmVX-dR8XdMq*S(_*(>yT_0_(b8za}RVz zCI&XEyqtu-(~przu_?)QmQ-Slkpu+fMJ{#8qT|-5&&H_uXHv$h@NZ_p1j8{~V?GOS zXN)$+X4R5!V_q}toJ0{Zg~`e>3+q0-OE7Z>?Nt+)g_XTSekE&$xv3tlmMS{za{9=; zj;ad_KEs;2u~bbX=cnT)PabyhE%n(b?6gArL($fP8`>N)lfSj77KAdL*I_TWeV|UZ zbUyzaBc6kNv8wq6cyqH%CIbR4yxFZwz!jT(FNeQ|K4%uO*gqd*AhpZlRcsxrQxWQi z*iKt2q#xbWyIkAsnq$D(Xor)QssD|m#ky1%^=^b>R(+kmZMhw3J6H^)Q*4CNQbld~ zJ(iQSdmfXLfH5LmKgZX7^<#!vC}vFhoJ7I+B5PxZy{K#YPf43TYT@ypodHlPt{)uw zOU2Vq`YVc{u#ett8})6vbxjvKw0-*m(}D64)x)b9l4F`#ymd6Eg{NFmoporn(I;t{ zD$oJ`gc8rV_^#id{~A!Jpa8f&`Ym4}CoY1-T;#&h@>{uwP}joWd0_^J5!2kr4e~p; z>Jdfo%zX*mJi7nB6s7HRnY;1uD*1_*Z79i<+g3LNS#8h5NUdbMb4q;%>(CU@;n5Hw zZE20%aRifEl@lkdrQN5h^sA}`J+Lx`+lTY^kZWNuY69|u{eY9WtF|(zr zJ9euf4q=z#e~MXp5T*k6S7Z69q)z2m8h<|;kwfd%(wOHo=c`6fJsfRwDck+jleiuiDohczS{J*Y?4hrc6PzdD5q#QAF!Gvqmc=T= z0=_OeG0KZbRRRohWfvGm)-|XMdtr^at9=y6#FZo;3z@HG_f<7xAw9YvW3)BqLy=#f^uULIwwYgW(e1vwDe2d{>a3*&Mp` zXy3QBG$hiyF%&&8n7-p(ke00<2|X~N3itHT-r@yq$Uh9;_(a7P{)wFv7> zYb=<;X|y*9GZ7V8({?qCx))H?EFG}R&+A^t>ZDi%RshT^$V zF!NMen5>#ZzHR;34emDg_gwtu?!#~K9qm4S(_}#-xs##>Y1jg8Le#Xj zVZ4y~F(O-7DptK3j9wFF+7%N1L1~k+RctgGT{IzoxP&ewW(C)Wg!A+YsN!+Eot& zN<+*zj*nDc{qai~0>&W!-)_l^n}Ngpr^~536Toi&*LU>A%|J1KkN)|x?H0-?>M-a- zPqtHeie6WNl|QMv{a+DRtRWzC`Ref>yWy1Bc5%pCe7ko4Zs%d(9pu3tGqCwqIst6{ z?)bNHKyUf?&iVUv{0$wzLHHXU|MnfAWBl7c{?`Q$mz}@Se;{cP#RClwJ7@c2^$%Bm F`5!whxuXC8 literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/card/card.e2e.ts-snapshots/card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..5a7b338485bb4800ea5e19c92f57fc47a43b0cb5 GIT binary patch literal 15331 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 + + + + + + Stencil Component Starter + + + + +

+ Insight +
+ + +
+ Notification +
+ + +
+ Alarm +
+ + +
+ Critical +
+ + +
+ Warning +
+ + +
+ Info +
+ + +
+ Neutral +
+ + +
+ Success +
+ + +
+ Primary +
+ + + + diff --git a/packages/documentation/docs/controls/grid.md b/packages/documentation/docs/controls/grid.md index 304f2128b0e..6a9c0766c6a 100644 --- a/packages/documentation/docs/controls/grid.md +++ b/packages/documentation/docs/controls/grid.md @@ -6,7 +6,7 @@ import AngularSourceAggrid from './../auto-generated/previews/angular/aggrid.ts. # Grid (AG Grid) -Siemens Industrial Experience provides a theme for the populer data grid library [AG Grid](https://www.ag-grid.com). +Siemens Industrial Experience provides a theme for the popular data grid library [AG Grid](https://www.ag-grid.com). This lets you harness the power of AG Grid with seemless intergration into the Siemens Industrial Experience styleguide.
diff --git a/packages/vue/src/components.ts b/packages/vue/src/components.ts index 278cd5c1413..6f08eb82364 100644 --- a/packages/vue/src/components.ts +++ b/packages/vue/src/components.ts @@ -185,7 +185,8 @@ export const IxButton = /*@__PURE__*/ defineContainer('ix-button', export const IxCard = /*@__PURE__*/ defineContainer('ix-card', defineIxCard, [ - 'variant' + 'variant', + 'selected' ]);