diff --git a/core/api.txt b/core/api.txt index 11f31c39ec2..a6112897278 100644 --- a/core/api.txt +++ b/core/api.txt @@ -1707,10 +1707,8 @@ ion-progress-bar,prop,shape,"rectangular" | "round" | undefined,undefined,false, ion-progress-bar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-progress-bar,prop,type,"determinate" | "indeterminate",'determinate',false,false ion-progress-bar,prop,value,number,0,false,false -ion-progress-bar,css-prop,--background,ionic ion-progress-bar,css-prop,--background,ios ion-progress-bar,css-prop,--background,md -ion-progress-bar,css-prop,--progress-background,ionic ion-progress-bar,css-prop,--progress-background,ios ion-progress-bar,css-prop,--progress-background,md ion-progress-bar,part,progress diff --git a/core/src/components/accordion-group/accordion-group.ionic.scss b/core/src/components/accordion-group/accordion-group.ionic.scss index 1f993220ce4..0b634062709 100644 --- a/core/src/components/accordion-group/accordion-group.ionic.scss +++ b/core/src/components/accordion-group/accordion-group.ionic.scss @@ -5,9 +5,9 @@ // -------------------------------------------------- :host { - min-width: 272px; + min-width: calc(#{globals.$ion-scale-6200} + #{globals.$ion-space-600}); - background-color: globals.$ion-primitives-base-white; + background-color: globals.$ion-bg-neutral-subtlest-default; } // Inset Accordion Group diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9e55dc79054..230cadbdd41 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Firefox-linux.png index ad25a00bd8e..ede2f2b90c2 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Safari-linux.png index 7cdfeab2d96..e8f486f7869 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png index b20025aadcf..49b2c248d8a 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Firefox-linux.png index 934723c3144..e24ab1469d3 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Safari-linux.png index 9f29050e48c..87cf310460f 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png index e791a5437a8..2ce73acbd2a 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Firefox-linux.png index 7e33189b775..2c610996f78 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Safari-linux.png index 8ac0808cee9..44ca603d9aa 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png index f8343f73f63..17034dc0fff 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6a4214e1d3f..317d3cc8d9d 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Safari-linux.png index db39260431e..072bd8296ee 100644 Binary files a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index 1a2912c4203..95ae063eacf 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index 72d2d37ed55..72f7d61aa3e 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index b332deb1aec..2bc1db8dc0d 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index 56ce80673c6..74a0b782fad 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index f5d812cd608..c3415b13870 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png index a50cd9aa6fb..b4890d74476 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 799900cdfbe..8adebe8c207 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index 90e3450ce79..3f93a187982 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 10cd309cbf9..922ebc4e150 100644 Binary files a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts-snapshots/accordion-group-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index 67ef3108ad9..094b1915494 100644 Binary files a/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index 4f9498d95e4..25c982a7cdc 100644 Binary files a/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index 37d7886ccc7..774ba0ff1ae 100644 Binary files a/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion-group/test/states/accordion-group.e2e.ts-snapshots/accordion-group-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/accordion.ionic.scss b/core/src/components/accordion/accordion.ionic.scss index 150ccaf4a9a..9e0485f98df 100644 --- a/core/src/components/accordion/accordion.ionic.scss +++ b/core/src/components/accordion/accordion.ionic.scss @@ -21,7 +21,7 @@ height: globals.$ion-border-size-025; - background-color: globals.$ion-primitives-neutral-300; + background-color: globals.$ion-border-default; content: ""; @@ -43,9 +43,9 @@ // we are adding a border to the ::after element of the accordion. ::slotted(ion-item[slot="header"]) { --border-radius: inherit; - --color: #{globals.$ion-primitives-neutral-1200}; - --border-width: 0; - --inner-border-width: 0; + --color: #{globals.$ion-text-default}; + --border-width: #{globals.$ion-border-size-0}; + --inner-border-width: #{globals.$ion-scale-0}; --min-height: #{globals.$ion-scale-700}; --padding-top: #{globals.$ion-space-300}; --padding-end: #{globals.$ion-space-400}; @@ -62,7 +62,7 @@ @include globals.padding(null, globals.$ion-space-400, globals.$ion-space-300, globals.$ion-space-400); @include globals.typography(globals.$ion-body-md-regular); - color: globals.$ion-primitives-neutral-1000; + color: globals.$ion-text-default; } // Disabled Accordion diff --git a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9e55dc79054..230cadbdd41 100644 Binary files a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index ad25a00bd8e..ede2f2b90c2 100644 Binary files a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 7cdfeab2d96..e8f486f7869 100644 Binary files a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Chrome-linux.png index 7c8f5ccde55..96364410dc3 100644 Binary files a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Firefox-linux.png index d507771c4d7..032b05fb388 100644 Binary files a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Safari-linux.png index 0af42893f89..a5374c8b2a8 100644 Binary files a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-text-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Chrome-linux.png index 61282e5701f..e9a52080d9e 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Firefox-linux.png index 9f80bbc64e3..ad2a3ada19e 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Safari-linux.png index 76964620103..8efc6f89b37 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Chrome-linux.png index fae997381bf..2af836ec77d 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Firefox-linux.png index bc2b73400f2..3a499bb81dd 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Safari-linux.png index 22016c80477..9be2c950182 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-two-open-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Chrome-linux.png index 80494a88641..ecff0caf36b 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Firefox-linux.png index e5a5227bd1f..ce01e78c5db 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Safari-linux.png index 083fba02b44..0bdadef0d5d 100644 Binary files a/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-zero-open-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index 41aa7535237..c593379f02a 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index 46ea588a495..c0ffe3cbf33 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index 236a4667bc5..9e07ee265f4 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0e5c05c2663..011ba53f7e1 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index a99b1b5270a..12345b8acda 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png index 07f1cb9dcde..9ecf1a17c50 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index d7fb96ea42f..3de006ccfe4 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index b8be3606a09..188f837a3de 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 8afd68eef2a..c01611ed5a7 100644 Binary files a/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/shape/accordion.e2e.ts-snapshots/accordion-shape-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png index 3647e18be67..3ddf09f07f0 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Firefox-linux.png index c209dbe62f9..e5ebef2554a 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Safari-linux.png index 29337441505..f955cbdc4f5 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index f281571548d..70696da9e4e 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index b6dda60031d..cf8beb3cb98 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index 7da19a32f0c..927037ad4b7 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png index ca45d4e431e..e1d177e7c9b 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png index 26470725834..d174fa32a75 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Safari-linux.png index 416c3e79e92..169bfb846a0 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-focused-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6b342ff35e8..b1cd163ed9d 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Firefox-linux.png index cdf60f61dc9..8692d43d75b 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Safari-linux.png index c8e59553811..0b5ca142623 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-activated-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index ed41520cbb9..29728f080bf 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index f82a9189edb..5131ce2242d 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index c9c2a8b97a7..62ec87a654b 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png index 4dda89d8b09..4ab9d1ef3b8 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png index 064a1e067b2..d2deb20a8bd 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Safari-linux.png index 78a1cc792c6..dd4d4e05c0f 100644 Binary files a/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-inset-focused-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/avatar/avatar.common.scss b/core/src/components/avatar/avatar.common.scss index 16c9db390cc..e24c047ad72 100644 --- a/core/src/components/avatar/avatar.common.scss +++ b/core/src/components/avatar/avatar.common.scss @@ -1,4 +1,4 @@ -@import "../../themes/native/native.globals"; +@import "../../themes/mixins.scss"; // Avatar // -------------------------------------------------- diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index 5fe8380f1cd..5046c8b685c 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -1,5 +1,5 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@import "./avatar.common"; +@use "./avatar.common"; // Ionic Avatar // -------------------------------------------------- @@ -8,21 +8,19 @@ --padding-top: #{globals.$ion-space-0}; --padding-bottom: #{globals.$ion-space-0}; + @include globals.typography(globals.$ion-heading-h6-medium); + display: flex; align-items: center; justify-content: center; - background: globals.$ion-primitives-neutral-100; - color: globals.$ion-primitives-neutral-800; - - font-weight: globals.$ion-font-weight-medium; - - line-height: globals.$ion-font-line-height-700; + background: globals.$ion-bg-neutral-subtlest-default; + color: globals.$ion-text-subtlest; } :host(:not(.avatar-image)) { - @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); + @include globals.padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); } // Avatar Sizes @@ -33,12 +31,10 @@ --padding-end: #{globals.$ion-space-050}; --padding-start: #{globals.$ion-space-050}; + @include globals.typography(globals.$ion-body-sm-medium); + width: globals.$ion-scale-400; height: globals.$ion-scale-400; - - font-size: globals.$ion-font-size-300; - - line-height: globals.$ion-font-line-height-500; } /* Extra Small */ @@ -46,12 +42,10 @@ --padding-end: #{globals.$ion-space-050}; --padding-start: #{globals.$ion-space-050}; + @include globals.typography(globals.$ion-body-sm-medium); + width: globals.$ion-scale-600; height: globals.$ion-scale-600; - - font-size: globals.$ion-font-size-300; - - line-height: globals.$ion-font-line-height-500; } /* Small */ @@ -59,12 +53,10 @@ --padding-end: #{globals.$ion-space-150}; --padding-start: #{globals.$ion-space-150}; + @include globals.typography(globals.$ion-body-lg-medium); + width: globals.$ion-scale-800; height: globals.$ion-scale-800; - - font-size: globals.$ion-font-size-400; - - line-height: globals.$ion-font-line-height-600; } /* Medium */ @@ -74,8 +66,6 @@ width: globals.$ion-scale-1000; height: globals.$ion-scale-1000; - - font-size: globals.$ion-font-size-450; } /* Large */ @@ -83,10 +73,10 @@ --padding-end: #{globals.$ion-space-250}; --padding-start: #{globals.$ion-space-250}; + @include globals.typography(globals.$ion-heading-h5-medium); + width: globals.$ion-scale-1200; height: globals.$ion-scale-1200; - - font-size: globals.$ion-font-size-500; } /* Extra Large */ @@ -94,10 +84,10 @@ --padding-end: #{globals.$ion-space-300}; --padding-start: #{globals.$ion-space-300}; + @include globals.typography(globals.$ion-heading-h4-medium); + width: globals.$ion-scale-1400; height: globals.$ion-scale-1400; - - font-size: globals.$ion-font-size-550; } // Avatar Shapes @@ -125,7 +115,7 @@ // -------------------------------------------------- :host(.avatar-icon) { - @include padding(0); + @include globals.padding(0); } :host(.avatar-xsmall) ::slotted(ion-icon) { diff --git a/core/src/components/backdrop/backdrop.scss b/core/src/components/backdrop/backdrop.common.scss similarity index 86% rename from core/src/components/backdrop/backdrop.scss rename to core/src/components/backdrop/backdrop.common.scss index cd6bcd9be89..1230dc367a2 100644 --- a/core/src/components/backdrop/backdrop.scss +++ b/core/src/components/backdrop/backdrop.common.scss @@ -1,4 +1,4 @@ -@import "./backdrop.vars"; +@import "../../themes/mixins.scss"; // Backdrop // -------------------------------------------------- @@ -15,7 +15,6 @@ cursor: pointer; opacity: 0.01; touch-action: none; - z-index: $z-index-backdrop; } :host(.backdrop-hide) { diff --git a/core/src/components/backdrop/backdrop.ionic.scss b/core/src/components/backdrop/backdrop.ionic.scss index 7b1bf883b7b..4b53b3916e2 100644 --- a/core/src/components/backdrop/backdrop.ionic.scss +++ b/core/src/components/backdrop/backdrop.ionic.scss @@ -1,6 +1,8 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@import "./backdrop"; +@use "./backdrop.common"; :host { background-color: rgba(globals.$ion-primitives-base-black-rgb, 0.7); + + z-index: 2; } diff --git a/core/src/components/backdrop/backdrop.ios.scss b/core/src/components/backdrop/backdrop.ios.scss index b012fc0b972..0db8fd0f55e 100644 --- a/core/src/components/backdrop/backdrop.ios.scss +++ b/core/src/components/backdrop/backdrop.ios.scss @@ -1,5 +1,5 @@ -@import "./backdrop"; -@import "./backdrop.ios.vars"; +@import "./backdrop.native"; +@import "../../themes/native/native.globals.ios"; :host { background-color: $backdrop-ios-color; diff --git a/core/src/components/backdrop/backdrop.ios.vars.scss b/core/src/components/backdrop/backdrop.ios.vars.scss deleted file mode 100644 index b62b91101c4..00000000000 --- a/core/src/components/backdrop/backdrop.ios.vars.scss +++ /dev/null @@ -1 +0,0 @@ -@import "../../themes/native/native.globals.ios"; diff --git a/core/src/components/backdrop/backdrop.md.scss b/core/src/components/backdrop/backdrop.md.scss index 9e033ba2092..98c79af2191 100644 --- a/core/src/components/backdrop/backdrop.md.scss +++ b/core/src/components/backdrop/backdrop.md.scss @@ -1,5 +1,5 @@ -@import "./backdrop"; -@import "./backdrop.md.vars"; +@import "./backdrop.native"; +@import "../../themes/native/native.globals.md.scss"; :host { background-color: $backdrop-md-color; diff --git a/core/src/components/backdrop/backdrop.md.vars.scss b/core/src/components/backdrop/backdrop.md.vars.scss deleted file mode 100644 index 4b6e63d59c6..00000000000 --- a/core/src/components/backdrop/backdrop.md.vars.scss +++ /dev/null @@ -1 +0,0 @@ -@import "../../themes/native/native.globals.md"; diff --git a/core/src/components/button/button.vars.scss b/core/src/components/backdrop/backdrop.native.scss similarity index 55% rename from core/src/components/button/button.vars.scss rename to core/src/components/backdrop/backdrop.native.scss index 60fc6a4b8cd..d53bb62b8c1 100644 --- a/core/src/components/button/button.vars.scss +++ b/core/src/components/backdrop/backdrop.native.scss @@ -1,7 +1,9 @@ +@import "./backdrop.common"; @import "../../themes/native/native.globals"; -// Button +// Backdrop // -------------------------------------------------- -/// @prop - Badge padding inside button -$button-badge-padding: 2px; +:host { + z-index: $z-index-backdrop; +} diff --git a/core/src/components/backdrop/backdrop.vars.scss b/core/src/components/backdrop/backdrop.vars.scss deleted file mode 100644 index 817fc220ad3..00000000000 --- a/core/src/components/backdrop/backdrop.vars.scss +++ /dev/null @@ -1 +0,0 @@ -@import "../../themes/native/native.globals"; diff --git a/core/src/components/badge/badge.common.scss b/core/src/components/badge/badge.common.scss index 89a0bc756f1..1523886ea5e 100644 --- a/core/src/components/badge/badge.common.scss +++ b/core/src/components/badge/badge.common.scss @@ -1,6 +1,5 @@ @use "../../themes/functions.color" as color; @import "../../themes/mixins"; -@import "./badge.common.vars"; // Badge // -------------------------------------------------- @@ -15,26 +14,14 @@ * @prop --padding-bottom: Bottom padding of the badge * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge */ - --padding-top: #{$badge-padding-top}; - --padding-end: #{$badge-padding-end}; - --padding-bottom: #{$badge-padding-bottom}; - --padding-start: #{$badge-padding-start}; - @include font-smoothing(); @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); display: inline-block; - min-width: $badge-min-width; - background: var(--background); color: var(--color); - font-size: $badge-font-size; - font-weight: $badge-font-weight; - - line-height: 1; - text-align: center; white-space: nowrap; diff --git a/core/src/components/badge/badge.common.vars.scss b/core/src/components/badge/badge.common.vars.scss deleted file mode 100644 index d6941d1d772..00000000000 --- a/core/src/components/badge/badge.common.vars.scss +++ /dev/null @@ -1,28 +0,0 @@ -@import "../../themes/functions.font"; - -// Badge -// -------------------------------------------------- - -/// @prop - Padding top of the badge -$badge-padding-top: 3px; - -/// @prop - Padding end of the badge -$badge-padding-end: 8px; - -/// @prop - Padding bottom of the badge -$badge-padding-bottom: $badge-padding-top; - -/// @prop - Padding start of the badge -$badge-padding-start: $badge-padding-end; - -/// @prop - Minimum width of the badge -$badge-min-width: 10px; - -/// @prop - Baseline font size of the badge -$badge-baseline-font-size: 13px; - -/// @prop - Font size of the badge -$badge-font-size: dynamic-font($badge-baseline-font-size); - -/// @prop - Font weight of the badge -$badge-font-weight: bold; diff --git a/core/src/components/badge/badge.ionic.scss b/core/src/components/badge/badge.ionic.scss index 5ea873efd6b..3731a691b1b 100644 --- a/core/src/components/badge/badge.ionic.scss +++ b/core/src/components/badge/badge.ionic.scss @@ -10,12 +10,14 @@ --padding-top: #{globals.$ion-space-0}; --padding-bottom: #{globals.$ion-space-0}; + @include globals.typography(globals.$ion-body-sm-medium); + display: inline-flex; align-items: center; justify-content: center; - font-weight: globals.$ion-font-weight-medium; + min-width: globals.$ion-scale-250; } // Bold Badge @@ -114,10 +116,6 @@ min-width: globals.$ion-scale-800; height: globals.$ion-scale-800; - - font-size: globals.$ion-font-size-400; - - line-height: globals.$ion-font-line-height-600; } :host(.badge-small) ::slotted(ion-icon) { @@ -127,12 +125,9 @@ /* Medium Badge */ :host(.badge-medium) { + @include globals.typography(globals.$ion-body-md-medium); min-width: globals.$ion-scale-1000; height: globals.$ion-scale-1000; - - font-size: globals.$ion-font-size-450; - - line-height: globals.$ion-font-line-height-700; } :host(.badge-medium) ::slotted(ion-icon) { @@ -142,12 +137,9 @@ /* Large Badge */ :host(.badge-large) { + @include globals.typography(globals.$ion-body-lg-medium); min-width: globals.$ion-scale-1200; height: globals.$ion-scale-1200; - - font-size: globals.$ion-font-size-500; - - line-height: globals.$ion-font-line-height-700; } :host(.badge-large) ::slotted(ion-icon) { @@ -157,12 +149,9 @@ /* Extra Large Badge */ :host(.badge-xlarge) { + @include globals.typography(globals.$ion-heading-h4-medium); min-width: globals.$ion-scale-1400; height: globals.$ion-scale-1400; - - font-size: globals.$ion-font-size-550; - - line-height: globals.$ion-font-line-height-700; } :host(.badge-xlarge) ::slotted(ion-icon) { @@ -239,13 +228,10 @@ } :host(:not(:empty).in-button) { + @include globals.typography(globals.$ion-body-action-xs); min-width: globals.$ion-scale-400; height: globals.$ion-scale-400; - font-size: globals.$ion-font-size-300; - - line-height: globals.$ion-font-line-height-500; - ::slotted(ion-icon) { width: globals.$ion-scale-300; height: globals.$ion-scale-300; diff --git a/core/src/components/badge/badge.native.scss b/core/src/components/badge/badge.native.scss index 25e46177f43..0afa59779d6 100644 --- a/core/src/components/badge/badge.native.scss +++ b/core/src/components/badge/badge.native.scss @@ -6,10 +6,21 @@ // -------------------------------------------------- :host { + --padding-top: #{$badge-padding-top}; + --padding-end: #{$badge-padding-end}; + --padding-bottom: #{$badge-padding-bottom}; + --padding-start: #{$badge-padding-start}; --background: #{ion-color(primary, base)}; --color: #{ion-color(primary, contrast)}; + min-width: $badge-min-width; + font-family: $font-family-base; + + font-size: $badge-font-size; + font-weight: $badge-font-weight; + + line-height: 1; } :host(.ion-color) { diff --git a/core/src/components/badge/badge.native.vars.scss b/core/src/components/badge/badge.native.vars.scss index e14a0abb23b..aad738da58e 100644 --- a/core/src/components/badge/badge.native.vars.scss +++ b/core/src/components/badge/badge.native.vars.scss @@ -21,3 +21,27 @@ $badge-line-height-in-button: 20px; /// @prop - Size of of the badge icon when inside button $badge-icon-size-in-button: 12px; + +/// @prop - Padding top of the badge +$badge-padding-top: 3px; + +/// @prop - Padding end of the badge +$badge-padding-end: 8px; + +/// @prop - Padding bottom of the badge +$badge-padding-bottom: $badge-padding-top; + +/// @prop - Padding start of the badge +$badge-padding-start: $badge-padding-end; + +/// @prop - Minimum width of the badge +$badge-min-width: 10px; + +/// @prop - Baseline font size of the badge +$badge-baseline-font-size: 13px; + +/// @prop - Font size of the badge +$badge-font-size: dynamic-font($badge-baseline-font-size); + +/// @prop - Font weight of the badge +$badge-font-weight: bold; diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png index 47f68e974fb..45d3e434a30 100644 Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png index be724f22471..84f32c89f1b 100644 Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Safari-linux.png index a26bddb43dd..9aa89600b00 100644 Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png index da267042a23..bf68f4a7b32 100644 Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png index edb0a7d732c..514af52a445 100644 Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Safari-linux.png index 4fb797c577b..1cad9b75969 100644 Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png index f2fe1b8341d..9717e739d2b 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png index bff98ef6503..04305c9cc26 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png index 43cf70864e2..c964a58f6cb 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Chrome-linux.png index da7873f1dc4..6c224caa370 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Firefox-linux.png index c28d137cafc..3128c12473c 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Safari-linux.png index 8393b9eca1f..2d20b51b322 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Chrome-linux.png index 8d6f08bfd43..fb4d3c7e684 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Firefox-linux.png index 295f31bd6ba..a2f37a41ec2 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Safari-linux.png index a817006588c..dba59cd4b28 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-empty-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png index b56c851125f..39e5eb17d09 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0eb54c79ae6..374cc02f9f9 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png index e15760f9a2e..179a82f4486 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png index 30aa0b20f46..f9907965d66 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Firefox-linux.png index 014ed19f5b3..807cc097d97 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Safari-linux.png index 7c01646562a..fb19675e5bf 100644 Binary files a/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-tab-button-icon-top-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png index a0cb339e6ba..e8b4cddafab 100644 Binary files a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png index ce0fd0919b5..71fa4ca5bfd 100644 Binary files a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png index 12baaf07a50..bc4a2cc7df4 100644 Binary files a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png index 01dace0132c..266b4964aa0 100644 Binary files a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png index 9d0eb9a1860..4eb5ef78eba 100644 Binary files a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png index ee6df2e3afa..d8b7d791680 100644 Binary files a/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index d3d3e6734da..e1df326891b 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index c4c76cd2c50..6b1bfcb57d5 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index eabff1259e3..284cddda39e 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index 29a4a2d697b..a1a3b3a4fab 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 3ae5b2e49f8..32dfcaece16 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index b4f1f9b5df9..acfa565f64c 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2cdda587ee2..82c62cdd811 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2cb8be6163c..8e99db00287 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png index 0bb3f6af424..52fbf141f07 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index f9da077b6f6..d7b7f40a742 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 3c54015cb55..0824b88cfa6 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 99a952988ff..1f9ad23787c 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png index b4dd3ad6298..0a99b35b668 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png index 57a1f8db920..7265fd1bee1 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png index 1fc9ee1532c..bdc5d856c1d 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index fe31ff37d30..1cc034f99cf 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 418ffc5c8ea..5917f73e9a1 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 1cea0652c1f..3198b8e124d 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2b6d82f3246..848463179ca 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0702d7d1d6d..fb8ef1c4d38 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png index 8bf2cdf23de..dce729102ae 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index 63566d420da..51a93e0556c 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 463be82f535..9d50e951d28 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 57878155ce3..f2b17d0d5f5 100644 Binary files a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6f93b4836fa..0e8a892a461 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png index ff9ed17ae5a..133773489cc 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png index 3fd82502bbf..43867da43ba 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index c33f4a9d690..1ea0d57e124 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index c7dad3d9031..c80aba97a7b 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index dfac082e463..a4308f28b34 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6983f67d329..369ed98d070 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Firefox-linux.png index d49d91f9756..4e1e0b87277 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Safari-linux.png index 65dff55d119..67e2440881c 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index b1a3b7908e0..9b38dcffd9d 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 080abf7607f..8789e2fb734 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 44649615430..8a48ca8358c 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2cdda587ee2..82c62cdd811 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2cb8be6163c..8e99db00287 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png index 0bb3f6af424..52fbf141f07 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index f9da077b6f6..d7b7f40a742 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 3c54015cb55..0824b88cfa6 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 99a952988ff..1f9ad23787c 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index b0a17780b70..8fd3a2a7042 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 6cdb0cea864..fdec2fec5b2 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 57c92199403..a4f869f1fe4 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 3cbaae7bf5e..cace15520be 100644 Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/button.common.scss b/core/src/components/button/button.common.scss index ed2831e7e35..d76bc370bc4 100644 --- a/core/src/components/button/button.common.scss +++ b/core/src/components/button/button.common.scss @@ -1,5 +1,5 @@ @import "../../themes/mixins"; -@import "./button.vars"; +@import "../../themes/functions.color"; // Button // -------------------------------------------------- @@ -70,23 +70,12 @@ pointer-events: none; } -// Solid Button -// -------------------------------------------------- - -// Default Solid Color -:host(.button-solid) { - --background: #{ion-color(primary, base)}; - --color: #{ion-color(primary, contrast)}; -} - // Outline Button // -------------------------------------------------- // Default Outline Color :host(.button-outline) { - --border-color: #{ion-color(primary, base)}; --background: transparent; - --color: #{ion-color(primary, base)}; } // Clear Button @@ -96,7 +85,6 @@ :host(.button-clear) { --border-width: 0; --background: transparent; - --color: #{ion-color(primary, foreground)}; } // Block Button @@ -327,8 +315,6 @@ ion-ripple-effect { } :host ::slotted(ion-badge[vertical]:not(:empty)) { - @include padding($button-badge-padding); - display: flex; align-items: center; diff --git a/core/src/components/button/button.ionic.scss b/core/src/components/button/button.ionic.scss index 8891af2ae75..2edb037bb1f 100644 --- a/core/src/components/button/button.ionic.scss +++ b/core/src/components/button/button.ionic.scss @@ -39,6 +39,11 @@ // Button Fills // ------------------------------------------------------------------------------- +// Default Clear Color +:host(.button-clear) { + --color: #{globals.ion-color(primary, foreground)}; +} + // Solid Button // -------------------------------------------------- @@ -47,6 +52,8 @@ --background-hover: #{globals.ion-color(primary, shade)}; --background-focused: transparent; --background-hover-opacity: 1; + --background: #{globals.ion-color(primary, base)}; + --color: #{globals.ion-color(primary, contrast)}; --ripple-opacity: var(--background-activated-opacity, 1); --ripple-color: var(--background-activated); } @@ -61,6 +68,8 @@ --background-focused: transparent; --background-hover: #{globals.$ion-bg-neutral-subtlest-press}; --background-hover-opacity: 1; + --border-color: #{globals.ion-color(primary, base)}; + --color: #{globals.ion-color(primary, base)}; --ripple-opacity: var(--background-activated-opacity, 1); --ripple-color: var(--background-activated); } @@ -73,6 +82,7 @@ --background-focused: transparent; --background-hover: #{globals.$ion-bg-neutral-subtlest-press}; --background-hover-opacity: 1; + --color: #{globals.ion-color(primary, foreground)}; --ripple-opacity: var(--background-activated-opacity, 1); --ripple-color: var(--background-activated); } @@ -240,8 +250,11 @@ // Button: Disabled // -------------------------------------------------- -:host(.button-disabled) { - opacity: 0.6; +:host(.button-disabled) .button-native::after { + @include globals.disabled-state(); + + width: inherit; + height: inherit; } // Button Icons @@ -288,3 +301,9 @@ :host(.button-xlarge) ::slotted(ion-spinner[slot="end"]) { @include globals.margin-horizontal(globals.$ion-space-300, null); } + +// Button Badge +// -------------------------------------------------- +:host ::slotted(ion-badge[vertical]:not(:empty)) { + @include globals.padding(globals.$ion-space-050); +} diff --git a/core/src/components/button/button.native.scss b/core/src/components/button/button.native.scss index e42e9fda590..3b29fdca42f 100644 --- a/core/src/components/button/button.native.scss +++ b/core/src/components/button/button.native.scss @@ -1,4 +1,4 @@ -@use "../../themes/native/native.globals.md" as globals; +@use "../../themes/native/native.globals" as globals; @use "./button.common"; // Button - iOS and Material Design @@ -8,6 +8,32 @@ font-family: globals.$font-family-base; } +// Solid Button +// -------------------------------------------------- + +// Default Solid Color +:host(.button-solid) { + --background: #{globals.ion-color(primary, base)}; + --color: #{globals.ion-color(primary, contrast)}; +} + +// Outline Button +// -------------------------------------------------- + +// Default Outline Color +:host(.button-outline) { + --border-color: #{globals.ion-color(primary, base)}; + --color: #{globals.ion-color(primary, base)}; +} + +// Clear Button +// -------------------------------------------------- + +// Default Clear Color +:host(.button-clear) { + --color: #{globals.ion-color(primary, foreground)}; +} + // Button Icons // -------------------------------------------------- @@ -29,3 +55,7 @@ .button-native ::slotted(ion-badge) { position: fixed; } + +:host ::slotted(ion-badge[vertical]:not(:empty)) { + @include globals.padding(2px); +} diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Chrome-linux.png index b9c9e36e976..2b152fde467 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Firefox-linux.png index a39bf50c443..6fff4694eb9 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Safari-linux.png index 1ae2496184b..2936e3c63e7 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Chrome-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Chrome-linux.png index 0f319b4cb0e..7019855b2cc 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Firefox-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Firefox-linux.png index 917ec5540ae..7a9f77a6db1 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Safari-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Safari-linux.png index a3caee9b795..c29874073f9 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Safari-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-ios-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index 50589faf73c..fbce7c3c5e2 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png index 69081cf1e39..2ba8c9b8bfd 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Safari-linux.png index 2369b6bdd26..b9c892e750e 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Chrome-linux.png index caf804f6884..a709fafe5e8 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Firefox-linux.png index ea5ec79f4c7..c0459d6a56f 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Safari-linux.png index dba5d6f23c0..2a1b9d78059 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Chrome-linux.png index c5b07b326d0..41f95359e44 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Firefox-linux.png index 90cb6cd5e4f..001e23c5adc 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Safari-linux.png index c7c2275bd30..f97b2aabce4 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Chrome-linux.png index b82986f1223..2c058492af7 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Firefox-linux.png index 96f9cf7ce34..c0dbdb8c86b 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Safari-linux.png index b6acbb51981..4a0b7cdd0f7 100644 Binary files a/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/button/test/basic/button.e2e.ts-snapshots/button-ripple-effect-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Chrome-linux.png index 4eed6e0e821..3ad849427e2 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Firefox-linux.png index cda711df14b..53dcc67bd6f 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Safari-linux.png index 55d9e51ecde..ecddc211a58 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-ios-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index 37e936231dd..e88ffd36d44 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index f381061682b..b78788d0872 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index c4a536ab84a..743e805a4a5 100644 Binary files a/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Chrome-linux.png index b691c103a0f..caf5c58512e 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Firefox-linux.png index 2850c2118f4..b1829da0108 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Safari-linux.png index de3e1fea864..85c151ca50a 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Chrome-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Chrome-linux.png index 3817fee6802..12f57a6e744 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Firefox-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Firefox-linux.png index 1954f99bb04..4ffa684d238 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Safari-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Safari-linux.png index d3bdcce1274..473210415cf 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Safari-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-ios-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index de85575f3fd..9708f44ac50 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png index 09618f9ab10..2e073f5baec 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Safari-linux.png index 3592c19097b..34acc14a053 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png index 84c115c71c9..8bdea207e7a 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png index 7e3bc162d04..2b6eab3ca09 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Safari-linux.png index 664f1b27b71..2ca301e0d68 100644 Binary files a/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index 380fded7d6b..554f8354170 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index 38ddb428ba7..477e7ab7eec 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index 03681b34b44..af32c5e89b8 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index c3f0cf5a8a0..d307553e2c5 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index ebedae7abe0..b998d427af7 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png index 04a40e73500..0764a44f841 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-rectangular-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6d585bf38e6..c6e1568de35 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index c682d088758..4400862ae28 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index 66e25ab8323..042aed94f9b 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index a50dcc6ec9e..385f716376d 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index e27f219bbe2..5373fca4be4 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png index e17db4da139..d579b0550c4 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-round-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index ce1c52185bc..b62a6891720 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index a78ef0136b8..0a5a9896404 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index 6df58a2de85..9ddfb16bedd 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 79ab53dc30b..213494aaf96 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index 324d99d43ae..39901d7eff4 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png index bab84edae91..caaac72ce62 100644 Binary files a/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/shape/button.e2e.ts-snapshots/button-shape-soft-fill-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Chrome-linux.png index 3697d1ac894..079f619664a 100644 Binary files a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Firefox-linux.png index dc1e139b486..d3ca486229c 100644 Binary files a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Safari-linux.png index b9d716de961..173133a1f28 100644 Binary files a/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png index 8f033f9b218..8e43a257595 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png index c4c14cb78d4..8a3b362cab7 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Safari-linux.png index 1b1c8d79ced..0bc084e53f1 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-clear-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index 07e17d88b99..ba0de6ef68b 100644 Binary files a/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/button/test/states/button.e2e.ts-snapshots/button-activated-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/card/card.ionic.scss b/core/src/components/card/card.ionic.scss index e874a7d5e6d..cd669990b06 100755 --- a/core/src/components/card/card.ionic.scss +++ b/core/src/components/card/card.ionic.scss @@ -1,5 +1,5 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@import "./card.common"; +@use "./card.common"; // Ionic Card // -------------------------------------------------- diff --git a/core/src/components/chip/chip.ionic.scss b/core/src/components/chip/chip.ionic.scss index 7b4b7038239..e75d485531c 100644 --- a/core/src/components/chip/chip.ionic.scss +++ b/core/src/components/chip/chip.ionic.scss @@ -14,12 +14,10 @@ @include globals.padding(globals.$ion-space-150, globals.$ion-space-200); @include globals.border-radius(var(--border-radius)); + @include globals.typography(globals.$ion-body-sm-medium); gap: globals.$ion-space-100; - font-family: globals.$ion-font-family; - font-weight: globals.$ion-font-weight-medium; - line-height: globals.$ion-font-line-height-full; } @@ -35,8 +33,7 @@ // --------------------------------------------- :host(.ion-focused) { - outline: var(--focus-ring-width) globals.$ion-border-style-solid var(--focus-ring-color); - outline-offset: var(--focus-ring-width); + @include globals.focused-state(null, null, var(--focus-ring-color)); } // Chip: Hover @@ -63,8 +60,8 @@ // Chip: Disabled // --------------------------------------------- -:host(.chip-disabled) { - opacity: 0.6; +:host(.chip-disabled)::after { + @include globals.disabled-state(); } // Chip Shapes diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index 1a204519fc6..6ecffba5632 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Firefox-linux.png index 1e31582842a..9a93f1a1f5d 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Safari-linux.png index 57b0cb4c3ce..445a377d9a2 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-color-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png index e0ce3ff4476..ad04f41112e 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png index a7b143cd36d..7cd37a23021 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Safari-linux.png index 62e1d6c5a41..5dbdb768c82 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-outline-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index 949a3d1f45e..893d9a54d09 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Firefox-linux.png index fa07901b5b7..b97b6483278 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Safari-linux.png index 2a036eab36f..f516872dee5 100644 Binary files a/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/basic/chip.e2e.ts-snapshots/chip-solid-color-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png index 1e3c7d3d62d..c86ee586289 100644 Binary files a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png index 37d171481b1..d713a398222 100644 Binary files a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png index af7aacf91fa..39705b7ac04 100644 Binary files a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png index cfc2c9eee1d..6e1d9bc7b02 100644 Binary files a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png index 3405946fa96..8e1a8061120 100644 Binary files a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png index 8aa51a2e952..9bbc57e8506 100644 Binary files a/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/hue/chip.e2e.ts-snapshots/chip-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index 8d36e3f0bad..3646aa50e2a 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 50c492bd919..89bf78e8d11 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 585c11f2fae..f59ba027ce4 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index cc4741e9db5..bc3a2866132 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index 52ffd199147..b63225147cb 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index c2adc8117d9..55799998c2b 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index ae3f5c74479..f54f3d64656 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6a61e55fe79..296c0b27d4e 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Safari-linux.png index ff1241f8c36..34c94be1800 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 5719d3e51d5..c78e9eac5f8 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2445f6967f8..e4e95cbc3c9 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index b196a78c410..ba74bc360c3 100644 Binary files a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png index ee41c73910e..3e10a87b8c3 100644 Binary files a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png index 8d51980ba39..ba8298ae0c4 100644 Binary files a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png index 7bc4a2bdd44..033ea40bb27 100644 Binary files a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png index e8f288c4618..73f92742a79 100644 Binary files a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png index a28a5f576fe..cf60ee26e78 100644 Binary files a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png index 9a759dcc2b7..1711cc02f29 100644 Binary files a/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/size/chip.e2e.ts-snapshots/chip-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png index 287ab4fe9c1..544163c0f4b 100644 Binary files a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png index 783aa7b21dc..93418b61280 100644 Binary files a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Safari-linux.png index e3ff02a1c16..1b2461a22ac 100644 Binary files a/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/chip/test/states/chip.e2e.ts-snapshots/chip-focused-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png index bd921675041..0cd971d24e6 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png index f3b8a03d77a..f4cf4ec8697 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png index 6be32f9b933..b029b2e490a 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png index edcf61c6f75..33a1a7ea514 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png index 09ac5bfee22..29b30d2cdb9 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png index 8c5ac4450a7..4ca097bf8db 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index aadb6b76b66..6118d03d699 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0d88b8e01a5..740fc4e791a 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png index 094dbf1d9f8..07d119cc630 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png index 71f49096cc4..d09360c9aa2 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png index f76c5aabf72..0c5f7e07288 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png index 91b7e205148..838264c91e8 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-custom-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9b75bbb07f7..aca040f5a7d 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png index e6e4d364fa6..c880c39798c 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png index 243e48e76f3..d91fda9efb4 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png index 585c7e7eb64..f052e3fc3c5 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png index d43b9e7a215..69d295bf066 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png index c23f3860424..4947f3cff2c 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png index d65e2557a46..ea9a435e1b6 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2f58823e283..e558493ba96 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png index 954b9f60c6c..567055df3a0 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png index 34f63495742..706a8a0c24f 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png index 840f5eea74d..72a7e03cc47 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png index c94e3e32e33..bb521ba8390 100644 Binary files a/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/datetime/test/basic/datetime.e2e.ts-snapshots/datetime-footer-default-clear-buttons-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/input-password-toggle/input-password-toggle.ionic.scss b/core/src/components/input-password-toggle/input-password-toggle.ionic.scss index 2d9bf3c6c93..a55370b5f09 100644 --- a/core/src/components/input-password-toggle/input-password-toggle.ionic.scss +++ b/core/src/components/input-password-toggle/input-password-toggle.ionic.scss @@ -1,5 +1,4 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@use "./input-password-toggle.common.scss"; // Ionic Input Toggle Password // -------------------------------------------------- @@ -7,7 +6,7 @@ --color: #{globals.$ion-primitives-neutral-800}; --margin-end: calc(-1 * var(--padding-end)); --padding-end: inherit; - --icon-size: #{globals.dynamic-font(16px)}; + --icon-size: #{globals.$ion-font-size-400}; @include globals.margin(0, var(--margin-end), 0, 0); diff --git a/core/src/components/input-password-toggle/input-password-toggle.common.scss b/core/src/components/input-password-toggle/input-password-toggle.native.scss similarity index 100% rename from core/src/components/input-password-toggle/input-password-toggle.common.scss rename to core/src/components/input-password-toggle/input-password-toggle.native.scss diff --git a/core/src/components/input-password-toggle/input-password-toggle.tsx b/core/src/components/input-password-toggle/input-password-toggle.tsx index 4e2c3c527e3..5c6cdffb54d 100644 --- a/core/src/components/input-password-toggle/input-password-toggle.tsx +++ b/core/src/components/input-password-toggle/input-password-toggle.tsx @@ -21,8 +21,8 @@ import type { Color, TextFieldTypes } from '../../interface'; * and we will default to MD mode. */ styleUrls: { - ios: 'input-password-toggle.common.scss', - md: 'input-password-toggle.common.scss', + ios: 'input-password-toggle.native.scss', + md: 'input-password-toggle.native.scss', ionic: 'input-password-toggle.ionic.scss', }, shadow: true, diff --git a/core/src/components/input/input.ionic.outline.scss b/core/src/components/input/input.ionic.outline.scss index 2a33f632966..fd0ceadac49 100644 --- a/core/src/components/input/input.ionic.outline.scss +++ b/core/src/components/input/input.ionic.outline.scss @@ -1,23 +1,22 @@ -@import "./input.vars"; -@import "../../foundations/ionic.vars"; +@use "../../themes/ionic/ionic.globals.scss" as globals; // Input Fill: Outline (Ionic Theme) // ---------------------------------------------------------------- :host(.input-fill-outline) { - --border-radius: #{$ion-border-radius-100}; - --padding-start: 12px; - --padding-end: 12px; + --border-radius: #{globals.$ion-border-radius-100}; + --padding-start: #{globals.$ion-space-300}; + --padding-end: #{globals.$ion-space-300}; } :host(.input-fill-outline.input-size-large) { - --padding-start: 16px; - --padding-end: 16px; + --padding-start: #{globals.$ion-space-400}; + --padding-end: #{globals.$ion-space-400}; } :host(.input-fill-outline.input-size-xlarge) { - --padding-start: 20px; - --padding-end: 20px; + --padding-start: #{globals.$ion-space-500}; + --padding-end: #{globals.$ion-space-500}; } /** @@ -35,7 +34,7 @@ * outline container but does not always affect the * label text. */ - @include padding(0); + @include globals.padding(0); /** * Outline inputs do not have a bottom border. @@ -53,7 +52,7 @@ } :host(.input-fill-outline.input-label-placement-stacked) .label-text-wrapper { - @include transform-origin(start, top); + @include globals.transform-origin(start, top); /** * Label text should not extend @@ -71,10 +70,10 @@ } :host(.input-fill-outline) .native-wrapper { - @include border-radius(inherit); - @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); + @include globals.border-radius(inherit); + @include globals.padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); - min-height: 40px; + min-height: globals.$ion-scale-1000; /** * Apply the background to the native input @@ -87,8 +86,8 @@ // ---------------------------------------------------------------- :host(.input-fill-outline) .input-outline { - @include position(0, 0, 0, 0); - @include border-radius(var(--border-radius)); + @include globals.position(0, 0, 0, 0); + @include globals.border-radius(var(--border-radius)); position: absolute; @@ -105,34 +104,34 @@ // This makes the label sit above the input. :host(.label-floating.input-fill-outline.input-label-placement-stacked) .label-text-wrapper { - @include margin(0); - @include padding(4px, null); + @include globals.margin(0); + @include globals.padding(globals.$ion-space-100, null); } // Start/End Slots // ---------------------------------------------------------------- :host(.input-fill-outline) ::slotted([slot="start"]) { - margin-inline-end: 8px; + margin-inline-end: globals.$ion-space-200; } :host(.input-fill-outline) ::slotted([slot="end"]) { - margin-inline-start: 8px; + margin-inline-start: globals.$ion-space-200; } // Input Shapes // -------------------------------------------------- :host(.input-fill-outline.input-shape-soft) { - --border-radius: #{$ion-border-radius-200}; + --border-radius: #{globals.$ion-border-radius-200}; } :host(.input-fill-outline.input-shape-round) { - --border-radius: #{$ion-border-radius-400}; + --border-radius: #{globals.$ion-border-radius-400}; } :host(.input-fill-outline.input-shape-rectangular) { - --border-radius: #{$ion-border-radius-0}; + --border-radius: #{globals.$ion-border-radius-0}; } // Input Focus diff --git a/core/src/components/input/input.ionic.scss b/core/src/components/input/input.ionic.scss index 054b1074351..9db34044095 100644 --- a/core/src/components/input/input.ionic.scss +++ b/core/src/components/input/input.ionic.scss @@ -1,6 +1,6 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@import "./input.common"; -@import "./input.ionic.outline.scss"; +@use "./input.common"; +@forward "./input.ionic.outline.scss"; // Ionic Input // -------------------------------------------------- @@ -15,7 +15,7 @@ --placeholder-opacity: 1; --background: #{globals.$ion-primitives-base-white}; - font-size: globals.$ion-font-size-350; + @include globals.typography(globals.$ion-body-md-regular); } // Ionic Input Sizes @@ -51,7 +51,7 @@ // Target area // -------------------------------------------------- :host .native-wrapper::after { - @include position(50%, 0, null, 0); + @include globals.position(50%, 0, null, 0); position: absolute; @@ -89,7 +89,7 @@ } .input-clear-icon:focus-visible { - @include border-radius(globals.$ion-border-radius-100); + @include globals.border-radius(globals.$ion-border-radius-100); outline: globals.$ion-border-size-050 globals.$ion-border-style-solid globals.$ion-border-focus-default; @@ -120,23 +120,20 @@ // ---------------------------------------------------------------- .label-text-wrapper { - color: globals.$ion-primitives-neutral-1000; - - font-size: globals.$ion-font-size-300; - font-weight: globals.$ion-font-weight-medium; + @include globals.typography(globals.$ion-body-sm-medium); - line-height: globals.$ion-font-line-height-500; + color: globals.$ion-primitives-neutral-1000; } :host(.label-floating) .label-text-wrapper { - @include transform(none); + @include globals.transform(none); } // Input Bottom Content // ---------------------------------------------------------------- .input-bottom { - @include padding(globals.$ion-space-100, 0, 0, 0); + @include globals.padding(globals.$ion-space-100, 0, 0, 0); @include globals.typography(globals.$ion-body-sm-medium); } @@ -190,7 +187,7 @@ } :host(.input-disabled.ion-color) { - --border-color: #{current-color(base, 0.6)}; + --border-color: #{globals.current-color(base, 0.6)}; } :host(.input-disabled.has-focus.ion-valid) .input-bottom .helper-text, @@ -209,7 +206,7 @@ // ---------------------------------------------------------------- .input-highlight { - @include position(null, null, -1px, 0); + @include globals.position(null, null, -1px, 0); position: absolute; @@ -218,7 +215,7 @@ transform: scale(0); - transition: transform 200ms; + transition: transform globals.$ion-transition-time-200; background: var(--border-color); } diff --git a/core/src/components/input/input.md.outline.scss b/core/src/components/input/input.md.outline.scss index bdea2161d54..c9577e16676 100644 --- a/core/src/components/input/input.md.outline.scss +++ b/core/src/components/input/input.md.outline.scss @@ -1,5 +1,3 @@ -@import "./input.vars"; - // Input Fill: Outline // ---------------------------------------------------------------- diff --git a/core/src/components/input/input.md.solid.scss b/core/src/components/input/input.md.solid.scss index 05bcc00ea55..f3df1521515 100644 --- a/core/src/components/input/input.md.solid.scss +++ b/core/src/components/input/input.md.solid.scss @@ -1,5 +1,3 @@ -@import "./input.vars"; - // Input Fill: Solid // ---------------------------------------------------------------- diff --git a/core/src/components/input/input.native.scss b/core/src/components/input/input.native.scss index 98a78fe9f32..4ac5d333b8b 100644 --- a/core/src/components/input/input.native.scss +++ b/core/src/components/input/input.native.scss @@ -1,5 +1,5 @@ @import "./input.common"; -@import "./input.vars"; +@import "../../themes/native/native.globals"; // Input: Native // -------------------------------------------------- diff --git a/core/src/components/input/input.vars.scss b/core/src/components/input/input.vars.scss deleted file mode 100644 index 817fc220ad3..00000000000 --- a/core/src/components/input/input.vars.scss +++ /dev/null @@ -1 +0,0 @@ -@import "../../themes/native/native.globals"; diff --git a/core/src/components/item-option/item-option.common.scss b/core/src/components/item-option/item-option.common.scss index beaf2586557..498d76a144d 100644 --- a/core/src/components/item-option/item-option.common.scss +++ b/core/src/components/item-option/item-option.common.scss @@ -69,7 +69,6 @@ transition-duration: 0; transition-property: none; - transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); } // Item Option: Disabled diff --git a/core/src/components/item-option/item-option.ionic.scss b/core/src/components/item-option/item-option.ionic.scss index 702ed991bbf..20506623d29 100644 --- a/core/src/components/item-option/item-option.ionic.scss +++ b/core/src/components/item-option/item-option.ionic.scss @@ -6,11 +6,7 @@ :host { @include globals.padding(0); - - font-size: globals.$ion-font-size-350; - font-weight: globals.$ion-font-weight-medium; - - line-height: globals.$ion-font-line-height-500; + @include globals.typography(globals.$ion-body-action-sm); } .button-native { @@ -68,8 +64,8 @@ // -------------------------------------------------- /* Disabled */ -:host(.item-option-disabled) { - opacity: 0.6; +:host(.item-option-disabled)::after { + @include globals.disabled-state(); } :host(.item-option-disabled) .button-native { @@ -103,3 +99,10 @@ background: globals.current-color(base); color: globals.current-color(contrast); } + +// Item Expandable Animation +// -------------------------------------------------- + +:host(.item-option-expandable) { + transition-timing-function: globals.$ion-transition-curve-expressive; +} diff --git a/core/src/components/item-option/item-option.native.scss b/core/src/components/item-option/item-option.native.scss index daddb6f830e..71bdb763e49 100644 --- a/core/src/components/item-option/item-option.native.scss +++ b/core/src/components/item-option/item-option.native.scss @@ -44,3 +44,10 @@ :host(.item-option-disabled) .button-native { opacity: 0.5; } + +// Item Expandable Animation +// -------------------------------------------------- + +:host(.item-option-expandable) { + transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); +} diff --git a/core/src/components/item-options/item-options.scss b/core/src/components/item-options/item-options.common.scss similarity index 96% rename from core/src/components/item-options/item-options.scss rename to core/src/components/item-options/item-options.common.scss index 0449ee42cad..a4bfc71e919 100644 --- a/core/src/components/item-options/item-options.scss +++ b/core/src/components/item-options/item-options.common.scss @@ -1,4 +1,4 @@ -@import "./item-options.vars"; +@import "../../themes/mixins"; // Item Options // -------------------------------------------------- @@ -34,7 +34,6 @@ ion-item-options { height: 100%; user-select: none; - z-index: $z-index-item-options; } .item-options-start { diff --git a/core/src/components/item-options/item-options.ionic.scss b/core/src/components/item-options/item-options.ionic.scss index 8b594538a70..641e46e8ee5 100644 --- a/core/src/components/item-options/item-options.ionic.scss +++ b/core/src/components/item-options/item-options.ionic.scss @@ -1,9 +1,13 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@import "./item-options"; +@import "./item-options.common"; // Ionic Item Options // -------------------------------------------------- +ion-item-options { + z-index: 1; +} + .item-options-ionic { align-items: center; diff --git a/core/src/components/item-options/item-options.ios.scss b/core/src/components/item-options/item-options.ios.scss index 9dba814b74d..625fb3b7e27 100644 --- a/core/src/components/item-options/item-options.ios.scss +++ b/core/src/components/item-options/item-options.ios.scss @@ -1,4 +1,4 @@ -@import "./item-options"; +@import "./item-options.native"; @import "./item-options.ios.vars"; // iOS Item Options diff --git a/core/src/components/item-options/item-options.md.scss b/core/src/components/item-options/item-options.md.scss index 09a9028d265..4dd00d358f2 100644 --- a/core/src/components/item-options/item-options.md.scss +++ b/core/src/components/item-options/item-options.md.scss @@ -1,4 +1,4 @@ -@import "./item-options"; +@import "./item-options.native"; @import "./item-options.md.vars"; // Material Design Item Options diff --git a/core/src/components/item-options/item-options.native.scss b/core/src/components/item-options/item-options.native.scss new file mode 100644 index 00000000000..491690d31e0 --- /dev/null +++ b/core/src/components/item-options/item-options.native.scss @@ -0,0 +1,6 @@ +@import "./item-options.common"; +@import "./item-options.native.vars"; + +ion-item-options { + z-index: $z-index-item-options; +} diff --git a/core/src/components/item-options/item-options.vars.scss b/core/src/components/item-options/item-options.native.vars.scss similarity index 100% rename from core/src/components/item-options/item-options.vars.scss rename to core/src/components/item-options/item-options.native.vars.scss diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Chrome-linux.png index 5ad6705452e..7019d55bf9a 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Firefox-linux.png index 35088bb6718..efdddb424b5 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Safari-linux.png index f24dc4afcb3..1446141981e 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Chrome-linux.png index d6e527f5047..ec2f32608e9 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Firefox-linux.png index 02e3b3246f8..7ed91760b63 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Safari-linux.png index dec9cbd4e6d..004ef59358e 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-end-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Chrome-linux.png index 056829f8aad..8a8336f1876 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Firefox-linux.png index 8c054b84e90..7d0f32da3af 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Safari-linux.png index a516956714f..7704262d1dc 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Chrome-linux.png index fa536c4069f..839f8987a9c 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Firefox-linux.png index d20133a461e..0ce9bbc73af 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Safari-linux.png index 29e40c8bf62..95dd5aa3b49 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-left-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Firefox-linux.png index e7cb729b61d..c549ddb29b5 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Safari-linux.png index 16394447573..8b525b0f517 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Firefox-linux.png index 8c09417ecf9..867f6571b5c 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Safari-linux.png index 37df4772d27..7c5d9d67d39 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-safe-area-right-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Chrome-linux.png index 44c75e54c42..273a4fcccca 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Firefox-linux.png index d64c21169ad..32c191eb4d4 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Safari-linux.png index bf268e989fe..96bf43bf17b 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Chrome-linux.png index 54cb858717c..3f5dccff8bf 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Firefox-linux.png index 92cfc1903be..bcea37e76b5 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Safari-linux.png index 89a5fc54885..854a9bf5e97 100644 Binary files a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-start-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png index 499b1580d83..76629f15b0d 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png index 37da9e8a91a..2d2cdd18d0f 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png index 196c05bf2e0..8cc5c5368ee 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-bold-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png index dd2b8f6aa16..ab8e56564bb 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png index 4711d4ab3f5..482d2c6b380 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png index 56cd3e554da..b80a47d2dfe 100644 Binary files a/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/hue/item-sliding.e2e.ts-snapshots/item-option-hue-subtle-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png index dd6b8eeaf84..449ba805cd6 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png index 11f30085ee7..683bd122a56 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Firefox-linux.png index f58c2408ee6..189a8ee93cb 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Safari-linux.png index a4552d0049a..41a4347879f 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-bottom-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Firefox-linux.png index a6db7a6cc86..998aeb1f261 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Safari-linux.png index c2ec0890652..1e336b62a5b 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Firefox-linux.png index 8e3277b0fac..1833e34643f 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Safari-linux.png index 4ab0adc832f..b0b4ad107a6 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-end-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Firefox-linux.png index 43bfb4be15a..a19ca027a50 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Safari-linux.png index beaa1373e74..aff43a83051 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Firefox-linux.png index 51c12846a10..ba26d7db4c3 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Safari-linux.png index b03adfc4eba..ecb9474a699 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-start-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Firefox-linux.png index b131cfc5bbf..0353655c15f 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Safari-linux.png index 28a504ff326..f0c8ea98ec7 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Firefox-linux.png index 04f4f540716..1150dd7bbff 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Safari-linux.png index 3dd6c25d57f..61ec26ce3c7 100644 Binary files a/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/icons/item-sliding.e2e.ts-snapshots/item-sliding-icons-top-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index f3093c84321..24e379aa4c7 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index 976055dceba..f0164571bff 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index b131cfc5bbf..0353655c15f 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Safari-linux.png index 28a504ff326..f0c8ea98ec7 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index f6954828385..bbe37ae1765 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 5a3300f39a8..1044c99d07e 100644 Binary files a/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/shapes/item-sliding.e2e.ts-snapshots/item-sliding-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png index 13d966a6f6d..b9bef395c88 100644 Binary files a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png index 22cbd61b87d..d1bf812f1e6 100644 Binary files a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png index 9a2321fdea6..389802f8ef9 100644 Binary files a/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item-sliding/test/states/item-sliding.e2e.ts-snapshots/item-sliding-option-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/item.ionic.scss b/core/src/components/item/item.ionic.scss index 1288517ac70..8c08d8a1779 100644 --- a/core/src/components/item/item.ionic.scss +++ b/core/src/components/item/item.ionic.scss @@ -21,9 +21,6 @@ --padding-start: #{globals.$ion-space-400}; @include globals.typography(globals.$ion-body-lg-medium); - - font-family: globals.$ion-font-family; - font-size: globals.$ion-font-size-400; } // Inner Item @@ -62,8 +59,8 @@ slot[name="end"]::slotted(*) { // Item: Disabled // -------------------------------------------------- -:host(.item-disabled) { - opacity: 0.6; +:host(.item-disabled) .item-native::after { + @include globals.disabled-state(); } // Item: Activated diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index 8a6df406669..077aff50451 100644 Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png index 15d0c15312b..80f80f72a84 100644 Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Safari-linux.png index 2a96ca3b64c..236cf1b5df1 100644 Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index d00924ea3d6..4d8f68170ac 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5d3fe951fd3..b935ca1e83c 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Safari-linux.png index 5d044014ffe..c36447ad2d2 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Chrome-linux.png index 5cd7706c403..03caee7d2ce 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Firefox-linux.png index 813e36cf9ab..3c99c998e57 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Safari-linux.png index fbd93937ba3..ed0f34de892 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-color-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index d00924ea3d6..4d8f68170ac 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5d3fe951fd3..b935ca1e83c 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index 5d044014ffe..c36447ad2d2 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png index 5cd7706c403..03caee7d2ce 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png index 813e36cf9ab..3c99c998e57 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Safari-linux.png index fbd93937ba3..ed0f34de892 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-icon-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index d10a90cdf79..89fec746cca 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0d3ba8f2ea6..d575e9060e5 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 721bea9c906..ded30dab8ac 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Chrome-linux.png index eb9632e1e57..684637443e3 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Firefox-linux.png index 143e51f4307..039a8533f7d 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Safari-linux.png index b7862cf027c..891136646cb 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-default-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index d00924ea3d6..4d8f68170ac 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5d3fe951fd3..b935ca1e83c 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Safari-linux.png index 5d044014ffe..c36447ad2d2 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Chrome-linux.png index 5cd7706c403..03caee7d2ce 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Firefox-linux.png index 813e36cf9ab..3c99c998e57 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Safari-linux.png index fbd93937ba3..ed0f34de892 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-color-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index d00924ea3d6..4d8f68170ac 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5d3fe951fd3..b935ca1e83c 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index 5d044014ffe..c36447ad2d2 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png index 5cd7706c403..03caee7d2ce 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png index 813e36cf9ab..3c99c998e57 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Safari-linux.png index fbd93937ba3..ed0f34de892 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-icon-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Chrome-linux.png index d10a90cdf79..89fec746cca 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0d3ba8f2ea6..d575e9060e5 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Safari-linux.png index 721bea9c906..ded30dab8ac 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Chrome-linux.png index eb9632e1e57..684637443e3 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Firefox-linux.png index 143e51f4307..039a8533f7d 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Safari-linux.png index b7862cf027c..891136646cb 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-full-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index f4c16c26877..17b1adad453 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Firefox-linux.png index ab7a0c14b1a..5587d7d66e2 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Safari-linux.png index e27276cb0b3..bc32c8fd417 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Chrome-linux.png index 60648ba4112..8fdde2433cd 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Firefox-linux.png index 58c95c8436b..4f6453a4b03 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Safari-linux.png index 34b20f4a08f..ae271f33aeb 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-color-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index f4c16c26877..17b1adad453 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png index ab7a0c14b1a..5587d7d66e2 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index e27276cb0b3..bc32c8fd417 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png index 60648ba4112..8fdde2433cd 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png index 58c95c8436b..4f6453a4b03 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Safari-linux.png index 34b20f4a08f..ae271f33aeb 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-icon-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png index ae166189e0b..dcce00a8f80 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png index 3ab01dbefec..1da3ca736be 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Safari-linux.png index 6f9fad55440..743f9c6062a 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Chrome-linux.png index 621a7bd3020..e9a34ea2a80 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Firefox-linux.png index 45e86a9ecc7..e56a16b8561 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Safari-linux.png index 7634cc4eea2..43a0226d03a 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-inset-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Chrome-linux.png index b66243f5eef..50320c86f7c 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Firefox-linux.png index f9ea91f9a43..0370a6584df 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Safari-linux.png index ad5ebafa0fa..e38e484d3f6 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Chrome-linux.png index f50dd0857aa..f183e9dd613 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Firefox-linux.png index d2c40a14018..5ba84517b5d 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Safari-linux.png index c3348840650..c8c21bbe562 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-color-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index b66243f5eef..50320c86f7c 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png index f9ea91f9a43..0370a6584df 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index ad5ebafa0fa..e38e484d3f6 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png index f50dd0857aa..f183e9dd613 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png index d2c40a14018..5ba84517b5d 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Safari-linux.png index c3348840650..c8c21bbe562 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-icon-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Chrome-linux.png index 52cc62055eb..bcb40ee3c07 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Firefox-linux.png index ed66b1390fb..ab456208d8b 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Safari-linux.png index 87945bf1459..64d4318fb38 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Chrome-linux.png index a8c5c8c968a..2f6a3dc78d7 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Firefox-linux.png index ff5e705e144..83bc489a9fa 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Safari-linux.png index e165002edfa..0aea83bc6e1 100644 Binary files a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-none-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2698bf1cba5..aeb65e3d04f 100644 Binary files a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png index c402e58e2b3..3c5421dc366 100644 Binary files a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Safari-linux.png index 0441475fb29..c2ec47f5713 100644 Binary files a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/list-header.scss b/core/src/components/list-header/list-header.common.scss similarity index 93% rename from core/src/components/list-header/list-header.scss rename to core/src/components/list-header/list-header.common.scss index cc213d5bad0..6d25f162feb 100644 --- a/core/src/components/list-header/list-header.scss +++ b/core/src/components/list-header/list-header.common.scss @@ -1,4 +1,4 @@ -@import "../../themes/native/native.globals"; +@import "../../themes/mixins"; // List Header // -------------------------------------------------- @@ -40,11 +40,6 @@ overflow: hidden; } -:host(.ion-color) { - background: current-color(base); - color: current-color(contrast); -} - // Inner List Header // -------------------------------------------------- diff --git a/core/src/components/list-header/list-header.ionic.scss b/core/src/components/list-header/list-header.ionic.scss index 3c1ebc60383..77012e074dc 100644 --- a/core/src/components/list-header/list-header.ionic.scss +++ b/core/src/components/list-header/list-header.ionic.scss @@ -1,5 +1,5 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@import "./list-header"; +@import "./list-header.common"; :host { --background: transparent; @@ -7,7 +7,7 @@ @include globals.typography(globals.$ion-body-md-medium); - min-height: 58px; + min-height: calc(#{globals.$ion-scale-1400} + #{globals.$ion-scale-050}); /** * The focus rings from components like buttons and links @@ -29,6 +29,11 @@ /* stylelint-enable */ } +:host(.ion-color) { + background: current-color(base); + color: current-color(contrast); +} + // List Header: Slotted Components // -------------------------------------------------- @@ -36,12 +41,3 @@ ::slotted(ion-label) ::slotted(p) { font-weight: globals.$ion-font-weight-regular; } - -// Link -::slotted(a.ionic-link) { - // Needs to be !important to override the default link color - // that is set by the ionic theme at a global level. - // - /* stylelint-disable declaration-no-important */ - color: globals.$ion-semantics-primary-base !important; -} diff --git a/core/src/components/list-header/list-header.ios.scss b/core/src/components/list-header/list-header.ios.scss index 4d4067fbd43..c1033cc7c17 100644 --- a/core/src/components/list-header/list-header.ios.scss +++ b/core/src/components/list-header/list-header.ios.scss @@ -1,4 +1,4 @@ -@import "./list-header"; +@import "./list-header.native"; @import "./list-header.ios.vars"; // iOS List Header diff --git a/core/src/components/list-header/list-header.md.scss b/core/src/components/list-header/list-header.md.scss index 05e83a759c0..299db62c4c0 100644 --- a/core/src/components/list-header/list-header.md.scss +++ b/core/src/components/list-header/list-header.md.scss @@ -1,4 +1,4 @@ -@import "./list-header"; +@import "./list-header.native"; @import "./list-header.md.vars"; // Material Design List Header diff --git a/core/src/components/list-header/list-header.native.scss b/core/src/components/list-header/list-header.native.scss new file mode 100644 index 00000000000..4ededac3254 --- /dev/null +++ b/core/src/components/list-header/list-header.native.scss @@ -0,0 +1,14 @@ +@import "./list-header.common"; +@import "../../themes/native/native.globals"; + +// List Header +// -------------------------------------------------- + +:host { + min-height: 40px; +} + +:host(.ion-color) { + background: current-color(base); + color: current-color(contrast); +} diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Chrome-linux.png index a8c5b1808a7..7e82294af54 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Firefox-linux.png index 29e3f529aab..867eed59ddc 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Safari-linux.png index 86022ed5916..3a38f93564c 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Chrome-linux.png index e9bae357e5c..1aa407db019 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Firefox-linux.png index f28bb72af37..9b26d5f2faa 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Safari-linux.png index 1b2f8690599..743e34b89d0 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Chrome-linux.png index 08420033467..eee84be749a 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Firefox-linux.png index 84c6cdf795d..f8bc1f7ecdf 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Safari-linux.png index d7a4b0aa1ab..75e4524492d 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Chrome-linux.png index aae0d4a18fd..c0f7e1a9f73 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Firefox-linux.png index 9ecb60abec3..1e92738be68 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Safari-linux.png index 3178356f963..33c6b73f38b 100644 Binary files a/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list-header/test/basic/list-header.e2e.ts-snapshots/list-header-safe-area-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/list.scss b/core/src/components/list/list.common.scss similarity index 60% rename from core/src/components/list/list.scss rename to core/src/components/list/list.common.scss index 7d7d4da943a..1b93d1416b2 100644 --- a/core/src/components/list/list.scss +++ b/core/src/components/list/list.common.scss @@ -1,4 +1,4 @@ -@import "../../themes/native/native.globals"; +@import "../../themes/mixins"; // List // -------------------------------------------------- @@ -12,9 +12,3 @@ ion-list { contain: content; list-style-type: none; } - -ion-list.list-inset { - transform: translateZ(0); - - overflow: hidden; -} diff --git a/core/src/components/list/list.ionic.scss b/core/src/components/list/list.ionic.scss index f18bb51ffa8..14e79f605bd 100644 --- a/core/src/components/list/list.ionic.scss +++ b/core/src/components/list/list.ionic.scss @@ -1,18 +1,9 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; +@use "./list.common"; // Ionic List // -------------------------------------------------- -ion-list { - @include globals.margin(0); - @include globals.padding(0); - - display: block; - - contain: content; - list-style-type: none; -} - // Ionic Inset List // -------------------------------------------------- diff --git a/core/src/components/list/list.ios.scss b/core/src/components/list/list.ios.scss index 0467d42aac6..ee0d418c620 100644 --- a/core/src/components/list/list.ios.scss +++ b/core/src/components/list/list.ios.scss @@ -1,4 +1,4 @@ -@import "./list"; +@import "./list.native"; @import "./list.ios.vars"; // iOS List diff --git a/core/src/components/list/list.md.scss b/core/src/components/list/list.md.scss index 3d39598ec1b..3e3b888ed49 100644 --- a/core/src/components/list/list.md.scss +++ b/core/src/components/list/list.md.scss @@ -1,4 +1,4 @@ -@import "./list"; +@import "./list.native"; @import "./list.md.vars"; // Material Design List diff --git a/core/src/components/list/list.native.scss b/core/src/components/list/list.native.scss new file mode 100644 index 00000000000..4e9099f8561 --- /dev/null +++ b/core/src/components/list/list.native.scss @@ -0,0 +1,8 @@ +@import "./list.common"; +@import "../../themes/native/native.globals"; + +ion-list.list-inset { + transform: translateZ(0); + + overflow: hidden; +} diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6464a6b9db8..95c5c0b3d05 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 36dd3c50c43..758622fcde3 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 720d43f963c..76060e1e141 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Chrome-linux.png index 0416d0838ac..12baac3cac3 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Firefox-linux.png index 7769c357585..deb52134323 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Safari-linux.png index 50d915d0964..cfce8237f70 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png index 304933bf909..6d97521139a 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png index 412e504dd96..ce8ee02d17d 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png index 4c2c6846e63..dcbdc80d148 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png index c2a804f7616..97635885291 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png index 4966a3f393e..939440bd998 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png index c8f584cb986..c89ce88ce92 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png index 304933bf909..6d97521139a 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png index 412e504dd96..ce8ee02d17d 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png index 4c2c6846e63..dcbdc80d148 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png index c2a804f7616..97635885291 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png index 4966a3f393e..939440bd998 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png index c8f584cb986..c89ce88ce92 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-default-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Chrome-linux.png index c8cf48d431b..e45fcfba13b 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Firefox-linux.png index 4e93041a6fa..abda2689f1b 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Safari-linux.png index 5357d119fac..860acdda0f4 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Chrome-linux.png index 718fbd5134c..0b2676f921b 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Firefox-linux.png index 33b029b6e06..c2e7dcc0873 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Safari-linux.png index fe113be0551..ac77872caa8 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png index d439dedf88a..4e6c073c915 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png index b862850b188..6f2ac77c3dd 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png index 62dc2691110..11af036ffff 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png index a26a08f234a..6ad63a8307e 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png index 57f1ee43658..4d5982ac3b9 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png index c4a5b70db71..0b2d0d14e60 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png index d439dedf88a..4e6c073c915 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png index b862850b188..6f2ac77c3dd 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png index 62dc2691110..11af036ffff 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png index a26a08f234a..6ad63a8307e 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png index 57f1ee43658..4d5982ac3b9 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png index c4a5b70db71..0b2d0d14e60 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-full-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png index 309fe7d15b1..73e64e57794 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png index ad54141667c..d9013517a06 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Safari-linux.png index ead1bee27fd..a872ba7c5aa 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Chrome-linux.png index 311eab45b45..1fe9ba2eb99 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Firefox-linux.png index b94202454a1..4967045da1e 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Safari-linux.png index 07fe785ce59..c4996407ceb 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0a0c6af8e30..a2787da9569 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png index 37ffab97c37..43dea4929dd 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png index 2a34e76cc0d..545763288d0 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png index 2e137ba1326..1699c08ea61 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png index 76b463de785..02fffaa6196 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png index 0507740520d..a11e73f72fd 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0a0c6af8e30..a2787da9569 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png index 37ffab97c37..43dea4929dd 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png index 2a34e76cc0d..545763288d0 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png index 2e137ba1326..1699c08ea61 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png index 76b463de785..02fffaa6196 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png index 0507740520d..a11e73f72fd 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-inset-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Chrome-linux.png index 7b4f62aa10b..196f643752c 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Firefox-linux.png index 972a2c266bc..2df10823882 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Safari-linux.png index 93e0d347643..8f462ab52a5 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Chrome-linux.png index bf462a096af..1c2fec772c7 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Firefox-linux.png index 5f8dbb14a10..b81aa6e1968 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Safari-linux.png index 2d36d9696a5..0342e15b946 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png index edf9d258c38..0c320d0f213 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png index 1f5a6fd99ea..6639ada3d7c 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png index dad621de43a..53179335eea 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png index e3f87774030..90b62205151 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png index 2a2b721d3ca..a89f3d2a8ad 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png index b2ceb9e605f..2b983cc5578 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-colors-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png index edf9d258c38..0c320d0f213 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png index 1f5a6fd99ea..6639ada3d7c 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png index dad621de43a..53179335eea 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png index e3f87774030..90b62205151 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png index 2a2b721d3ca..a89f3d2a8ad 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png index b2ceb9e605f..2b983cc5578 100644 Binary files a/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/list/test/lines/list.e2e.ts-snapshots/list-lines-none-item-lines-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png index aa0223ffb71..b8c97186fc2 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png index f566d94d13e..d656b64e440 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png index 42007c75f93..1402ef53728 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png index 5034a4cd691..b406fc1d672 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png index 24ecdaaf7a1..5be9d2f4e38 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png index 7584baf7725..ea1e8d91343 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-rectangular-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png index 739733e6ac1..7b698042499 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0e9ee0417e4..16f15b67176 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png index 40b2789bf67..87d60c382de 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png index 928941379d5..e49e3db069d 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png index f22a16e007b..45eda5047ef 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png index 17ac16cdf85..2437059fb4f 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-round-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png index 85c252fd766..e756c9d3c2f 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6cc9d8f56e5..af0e30914be 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png index 383402508c1..3f550903689 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-with-header-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png index 6d4f594420d..cefd35a6eb7 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png index b1829296890..404501895c7 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png index 0df764da754..9cae0c181ad 100644 Binary files a/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/list/test/shape/list.e2e.ts-snapshots/list-shape-soft-without-header-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Firefox-linux.png index 6619aad1154..c6b44d7d434 100644 Binary files a/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-ltr-Mobile-Firefox-linux.png index e568eaffd9e..bf9d068653a 100644 Binary files a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-rtl-Mobile-Firefox-linux.png index e91a918895e..b59fdd956b7 100644 Binary files a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-custom-class-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-custom-class-diff-ios-ltr-Mobile-Firefox-linux.png index 854f3c71a58..736c575aca1 100644 Binary files a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-custom-class-diff-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-custom-class-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-custom-class-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-custom-class-diff-md-ltr-Mobile-Firefox-linux.png index 0421812f41b..650150b5c99 100644 Binary files a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-custom-class-diff-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-custom-class-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-ltr-Mobile-Firefox-linux.png index 8c10b270451..dab467e7bab 100644 Binary files a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-ltr-Mobile-Firefox-linux.png index 577bbe76d0b..1c00441617b 100644 Binary files a/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/modal.common.scss b/core/src/components/modal/modal.common.scss index c569baacd0e..5f1d17105a9 100644 --- a/core/src/components/modal/modal.common.scss +++ b/core/src/components/modal/modal.common.scss @@ -106,12 +106,6 @@ ion-backdrop { z-index: 11; &::before { - /** - * Adds a 4px tap area to the perimeter - * of the handle. - */ - @include padding(4px, 4px, 4px, 4px); - position: absolute; transform: translate(-50%, -50%); @@ -120,14 +114,6 @@ ion-backdrop { } } -/** - * Ensure that the sheet modal does not - * completely cover the content. - */ -:host(.modal-sheet) { - --height: calc(100% - (var(--ion-safe-area-top) + 10px)); -} - :host(.modal-sheet) .modal-wrapper, :host(.modal-sheet) .modal-shadow { position: absolute; diff --git a/core/src/components/modal/modal.ionic.scss b/core/src/components/modal/modal.ionic.scss index 9e70a16ecb0..aa38be59e2d 100644 --- a/core/src/components/modal/modal.ionic.scss +++ b/core/src/components/modal/modal.ionic.scss @@ -38,8 +38,20 @@ height: globals.$ion-scale-100; background-color: globals.$ion-primitives-neutral-300; + + &::before { + @include globals.padding(globals.$ion-space-100); + } } :host(.modal-sheet) .modal-wrapper { @include globals.border-radius(var(--border-radius), var(--border-radius), 0, 0); } + +/** + * Ensure that the sheet modal does not + * completely cover the content. + */ +:host(.modal-sheet) { + --height: calc(100% - (var(--ion-safe-area-top) + #{globals.$ion-scale-250})); +} diff --git a/core/src/components/modal/modal.native.scss b/core/src/components/modal/modal.native.scss index 6d953386885..b94d65d0cd9 100644 --- a/core/src/components/modal/modal.native.scss +++ b/core/src/components/modal/modal.native.scss @@ -1,22 +1,22 @@ @use "./modal.common"; -@use "./modal.vars" as vars; -@forward "./modal.vars.scss"; +@import "./modal.native.vars.scss"; +@import "../../themes/native/native.globals"; // Modals: Native Styles // -------------------------------------------------- :host { - --background: #{vars.$background-color}; + --background: #{$background-color}; --border-radius: 0; --backdrop-opacity: 0; - color: vars.$modal-text-color; + color: $modal-text-color; } -@media only screen and (min-width: vars.$modal-inset-min-width) and (min-height: vars.$modal-inset-min-height-small) { +@media only screen and (min-width: $modal-inset-min-width) and (min-height: $modal-inset-min-height-small) { :host { - --width: #{vars.$modal-inset-width}; - --height: #{vars.$modal-inset-height-small}; + --width: #{$modal-inset-width}; + --height: #{$modal-inset-height-small}; --ion-safe-area-top: 0px; --ion-safe-area-bottom: 0px; --ion-safe-area-right: 0px; @@ -24,10 +24,10 @@ } } -@media only screen and (min-width: vars.$modal-inset-min-width) and (min-height: vars.$modal-inset-min-height-large) { +@media only screen and (min-width: $modal-inset-min-width) and (min-height: $modal-inset-min-height-large) { :host { - --width: #{vars.$modal-inset-width}; - --height: #{vars.$modal-inset-height-large}; + --width: #{$modal-inset-width}; + --height: #{$modal-inset-height-large}; } } @@ -35,8 +35,8 @@ // -------------------------------------------------- .modal-handle { - @include vars.position(5px, 0px, null, 0px); - @include vars.border-radius(8px, 8px, 8px, 8px); + @include position(5px, 0px, null, 0px); + @include border-radius(8px, 8px, 8px, 8px); width: 36px; height: 5px; @@ -44,7 +44,21 @@ background: var(--ion-color-step-350, var(--ion-background-color-step-350, #c0c0be)); &::before { + /** + * Adds a 4px tap area to the perimeter + * of the handle. + */ + @include padding(4px, 4px, 4px, 4px); + width: 36px; height: 5px; } } + +/** + * Ensure that the sheet modal does not + * completely cover the content. + */ +:host(.modal-sheet) { + --height: calc(100% - (var(--ion-safe-area-top) + 10px)); +} diff --git a/core/src/components/modal/modal.vars.scss b/core/src/components/modal/modal.native.vars.scss similarity index 100% rename from core/src/components/modal/modal.vars.scss rename to core/src/components/modal/modal.native.vars.scss diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Chrome-linux.png index 7c9782e3b80..b18443ca073 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Safari-linux.png index 7bb97cbe444..04ec1fd9b87 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Chrome-linux.png index 3257188a832..ac52bb109c2 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Safari-linux.png index a36ef526366..8dbd8a47182 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Chrome-linux.png index e90e519236c..dda1254bb3d 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Safari-linux.png index 71a35e9fec2..1e070cc41a0 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Chrome-linux.png index 90fd79914de..82211888916 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Safari-linux.png index aba8f714beb..4ae4153cff2 100644 Binary files a/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/basic/modal.e2e.ts-snapshots/modal-basic-present-tablet-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index c6dc06b0adb..1a5216499a6 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index d2dafff228d..35ae039014b 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 2e8ae08e0db..203e616219f 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index cb1b7697995..be7348d78cb 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index 4800d23ad19..3de98921d6a 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index 908cddeda9f..0be76d39fa9 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index c6dc06b0adb..1a5216499a6 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index d2dafff228d..35ae039014b 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Safari-linux.png index 2e8ae08e0db..203e616219f 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index abdfe08ba1d..c8e8997796d 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index 85c157e2e55..090aadb45dd 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index 161a1957625..79cdbf4066d 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-card-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0936fc8353f..20fa6a25cbf 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index a29e1b78f4b..473f583fd38 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Safari-linux.png index 85f970cf35f..846922cc4ef 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-default-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png index 9bff1ffcde2..b28d2149931 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png index 1b297ec7fd8..68b817aaa3b 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png index 8fd573cfcb5..49a6effe398 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0936fc8353f..20fa6a25cbf 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Firefox-linux.png index a29e1b78f4b..473f583fd38 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Safari-linux.png index 85f970cf35f..846922cc4ef 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-round-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png index 81b7aac7c9f..c2e42ff57dd 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2e61cbd0760..272e08666c1 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Safari-linux.png index c3954eda1c5..f6c6d62b901 100644 Binary files a/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/shape/modal.e2e.ts-snapshots/modal-shape-sheet-soft-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2590a3da317..0f6c45d585e 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0f80dec6579..e9f5e75ce5e 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Safari-linux.png index f8ce3a1818c..f36eb6dfa69 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-backdrop-hidden-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png index dedd72481de..1f4600841bb 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Firefox-linux.png index 3f9f8c3d3c7..231ca57ef17 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Safari-linux.png index c6ff8409328..63e08a82e7a 100644 Binary files a/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/modal/test/sheet/modal.e2e.ts-snapshots/modal-half-sheet-present-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/progress-bar/progress-bar.scss b/core/src/components/progress-bar/progress-bar.common.scss similarity index 89% rename from core/src/components/progress-bar/progress-bar.scss rename to core/src/components/progress-bar/progress-bar.common.scss index 83a001a0565..a4d937f4e8e 100644 --- a/core/src/components/progress-bar/progress-bar.scss +++ b/core/src/components/progress-bar/progress-bar.common.scss @@ -1,17 +1,10 @@ -@import "../../themes/native/native.globals"; +@import "../../themes/mixins"; // Progress bar // ------------------------------------------------------------------------ // Host has no background by default - this will be added to the progress-buffer-bar :host { - /** - * @prop --background: Background of the progress track, or the buffer bar if `buffer` is set - * @prop --progress-background: Background of the progress bar representing the current value - */ - --background: #{ion-color(primary, base, 0.3)}; - --progress-background: #{ion-color(primary, base)}; - display: block; position: relative; @@ -153,18 +146,6 @@ } } -// Progress Bar: Color -// ------------------------------------------------------------------------ - -:host(.ion-color) .buffer-circles { - background-image: radial-gradient( - ellipse at center, - #{current-color(base, 0.3)} 0%, - #{current-color(base, 0.3)} 30%, - transparent 30% - ); -} - :host(.ion-color) { .progress, .progress-indeterminate { diff --git a/core/src/components/progress-bar/progress-bar.ionic.scss b/core/src/components/progress-bar/progress-bar.ionic.scss index 22a61375815..3ae5609d440 100644 --- a/core/src/components/progress-bar/progress-bar.ionic.scss +++ b/core/src/components/progress-bar/progress-bar.ionic.scss @@ -1,11 +1,12 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@use "./progress-bar"; +@use "./progress-bar.common.scss"; // Ionic Progress bar // -------------------------------------------------- :host { --background: #{globals.$ion-bg-neutral-subtle-default}; + --progress-background: #{globals.ion-color(primary, base)}; height: globals.$ion-scale-100; } @@ -20,3 +21,15 @@ :host(.progress-bar-shape-rectangular) { @include globals.border-radius(globals.$ion-rectangular-xs); } + +// Progress Bar: Color +// ------------------------------------------------------------------------ + +:host(.ion-color) .buffer-circles { + background-image: radial-gradient( + ellipse at center, + #{globals.current-color(base, 0.3)} 0%, + #{globals.current-color(base, 0.3)} 30%, + transparent 30% + ); +} diff --git a/core/src/components/progress-bar/progress-bar.ios.scss b/core/src/components/progress-bar/progress-bar.ios.scss index 5d8eb578d1a..2c8c60fbcdb 100644 --- a/core/src/components/progress-bar/progress-bar.ios.scss +++ b/core/src/components/progress-bar/progress-bar.ios.scss @@ -1,4 +1,4 @@ -@import "./progress-bar"; +@import "./progress-bar.native"; @import "./progress-bar.ios.vars"; // iOS Progress bar diff --git a/core/src/components/progress-bar/progress-bar.md.scss b/core/src/components/progress-bar/progress-bar.md.scss index 49a01259568..d19e4bcf30e 100644 --- a/core/src/components/progress-bar/progress-bar.md.scss +++ b/core/src/components/progress-bar/progress-bar.md.scss @@ -1,4 +1,4 @@ -@import "./progress-bar"; +@import "./progress-bar.native"; @import "./progress-bar.md.vars"; // Material Design Progress bar diff --git a/core/src/components/progress-bar/progress-bar.native.scss b/core/src/components/progress-bar/progress-bar.native.scss new file mode 100644 index 00000000000..45885d5cda6 --- /dev/null +++ b/core/src/components/progress-bar/progress-bar.native.scss @@ -0,0 +1,24 @@ +@import "../../themes/native/native.globals"; +@import "./progress-bar.common.scss"; + +// Host has no background by default - this will be added to the progress-buffer-bar +:host { + /** + * @prop --background: Background of the progress track, or the buffer bar if `buffer` is set + * @prop --progress-background: Background of the progress bar representing the current value + */ + --background: #{ion-color(primary, base, 0.3)}; + --progress-background: #{ion-color(primary, base)}; +} + +// Progress Bar: Color +// ------------------------------------------------------------------------ + +:host(.ion-color) .buffer-circles { + background-image: radial-gradient( + ellipse at center, + #{current-color(base, 0.3)} 0%, + #{current-color(base, 0.3)} 30%, + transparent 30% + ); +} diff --git a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png index ce4906a9cdd..c335cf30e99 100644 Binary files a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0f3a39b3e57..72156feeb48 100644 Binary files a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Safari-linux.png index e01683119e7..d6cdca5d628 100644 Binary files a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png index 5cd09d16f36..125c4a83412 100644 Binary files a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png index 776fd18adda..fa7af42d52c 100644 Binary files a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Safari-linux.png index 216becbe79b..71bb811ab3e 100644 Binary files a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts-snapshots/progress-bar-basic-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/radio/radio.common.scss b/core/src/components/radio/radio.common.scss index eb4050c1d4f..75677ccbfdf 100644 --- a/core/src/components/radio/radio.common.scss +++ b/core/src/components/radio/radio.common.scss @@ -1,5 +1,4 @@ @import "../../themes/mixins"; -@import "./radio.vars.scss"; // Radio // -------------------------------------------------- diff --git a/core/src/components/radio/radio.native.scss b/core/src/components/radio/radio.native.scss index e715e859f78..609cf394c10 100644 --- a/core/src/components/radio/radio.native.scss +++ b/core/src/components/radio/radio.native.scss @@ -1,6 +1,6 @@ @import "../../themes/native/native.globals"; @import "./radio.common"; -@import "./radio.vars.scss"; +@import "./radio.native.vars.scss"; // Radio // -------------------------------------------------- diff --git a/core/src/components/radio/radio.vars.scss b/core/src/components/radio/radio.native.vars.scss similarity index 100% rename from core/src/components/radio/radio.vars.scss rename to core/src/components/radio/radio.native.vars.scss diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Chrome-linux.png index ff8bf5a0345..0ddb59261af 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Firefox-linux.png index 7351cb66fc5..38d326af9e5 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Safari-linux.png index 7a279e901c4..9273b8e90c4 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Chrome-linux.png index 856c8463408..13053fdf86d 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Firefox-linux.png index 6f6a7a53fbd..f520d089336 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Safari-linux.png index ee7f6d0d576..14a7bac373c 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-inset-list-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Chrome-linux.png index b7c6ad485aa..ec32aaa40ed 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Firefox-linux.png index 38a92a7b8e6..bdab77490cf 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Safari-linux.png index a251809dadc..74336a35ce9 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Chrome-linux.png index 9e3345361ea..8dbf8964905 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Firefox-linux.png index e58a02906ac..0e12640aee4 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Safari-linux.png index c9475b37426..499dc1d18bb 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Chrome-linux.png index e3acef6aa9d..d2cdfddf1c9 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Firefox-linux.png index fa0ddd80562..b0f5b61fbd7 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Safari-linux.png index 487064a78e8..97f2f4f6197 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Chrome-linux.png index 6b147acd578..1631e7316ac 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Firefox-linux.png index aade1a06287..7224cadb7c4 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Safari-linux.png index caccbfb5568..d39f816856a 100644 Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-list-multiple-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/range/range.common.scss b/core/src/components/range/range.common.scss index 8a914c77e49..a37e43b3064 100644 --- a/core/src/components/range/range.common.scss +++ b/core/src/components/range/range.common.scss @@ -1,5 +1,4 @@ @import "../../themes/mixins"; -@import "./range.vars.scss"; // Range // -------------------------------------------------- diff --git a/core/src/components/range/range.ionic.scss b/core/src/components/range/range.ionic.scss index 749f853993d..3c965411691 100644 --- a/core/src/components/range/range.ionic.scss +++ b/core/src/components/range/range.ionic.scss @@ -72,7 +72,7 @@ * margin to the bottom of the label, it provides a buffer * for the pin to move into when it is pressed. */ - @include margin(null, null, calc(globals.$ion-space-200 + globals.dynamic-font(12px)), null); + @include margin(null, null, calc(globals.$ion-space-200 + globals.$ion-font-size-300), null); } .range-bar-active { @@ -115,7 +115,7 @@ background: transparent; - font-size: globals.dynamic-font(12px); + font-size: globals.$ion-font-size-300; text-align: center; } diff --git a/core/src/components/ripple-effect/ripple-effect.ionic.scss b/core/src/components/ripple-effect/ripple-effect.ionic.scss index ae45d83bc43..fd855b56cbf 100644 --- a/core/src/components/ripple-effect/ripple-effect.ionic.scss +++ b/core/src/components/ripple-effect/ripple-effect.ionic.scss @@ -1,4 +1,5 @@ -@use "./ripple-effect.common" as common; +@use "./ripple-effect.common"; +@use "../../themes/ionic/ionic.globals.scss" as globals; // Ionic Ripple Effect // -------------------------------------------------- @@ -13,7 +14,7 @@ @keyframes rippleAnimation { from { - animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + animation-timing-function: globals.$ion-transition-curve-expressive; transform: scale(1); } diff --git a/core/src/components/searchbar/searchbar.ionic.scss b/core/src/components/searchbar/searchbar.ionic.scss index 6cccd95ca8f..28673f9f853 100644 --- a/core/src/components/searchbar/searchbar.ionic.scss +++ b/core/src/components/searchbar/searchbar.ionic.scss @@ -115,7 +115,7 @@ * is used in a toolbar regardless of * the searchbar size. */ - @include globals.position-horizontal(9px, null); + @include globals.position-horizontal(globals.$ion-space-200, null); } // Searchbar States @@ -340,7 +340,7 @@ * the size of the leading icon (search or cancel), * and the gap between the icon and the input. */ - padding-inline-start: calc(9px + globals.$ion-scale-400 + globals.$ion-space-200); + padding-inline-start: globals.$ion-space-800; } /* Large */ @@ -437,7 +437,7 @@ * the size of the leading icon (search or cancel), * and the gap between the icon and the input. */ - padding-inline-start: calc(9px + globals.$ion-scale-500 + globals.$ion-space-200); + padding-inline-start: globals.$ion-space-900; } :host(.searchbar-size-large) .searchbar-search-icon, diff --git a/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Chrome-linux.png index 79abeb1b756..256494dd5d4 100644 Binary files a/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5795068e3a9..f7aded1134b 100644 Binary files a/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Safari-linux.png index 3071a6262e5..a37bf6b875e 100644 Binary files a/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/searchbar/test/basic/searchbar.e2e.ts-snapshots/searchbar-back-button-align-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index d0cd18a6910..0a416bd7f00 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png index be792e6c3c4..d25c7c552aa 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Safari-linux.png index 8d054bdb3dd..c0e4e82fdae 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png index b38f5d9280b..bca7ab1992c 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png index c4097000db2..e654188176e 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Safari-linux.png index c53a8fb4de3..97b97fcc3fe 100644 Binary files a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/select.common.scss b/core/src/components/select/select.common.scss index 2ff7530fd59..84b4eec3b28 100644 --- a/core/src/components/select/select.common.scss +++ b/core/src/components/select/select.common.scss @@ -1,5 +1,4 @@ @use "../../themes/mixins" as mixins; -@import "./select.vars"; // Select // -------------------------------------------------- @@ -50,7 +49,6 @@ position: relative; width: 100%; - min-height: 44px; white-space: nowrap; @@ -75,10 +73,6 @@ pointer-events: none; } -:host(.ion-focused) button { - border: 2px solid #5e9ed6; -} - /** * Select can be slotted * in components such as item and @@ -149,8 +143,6 @@ button { .select-text { flex: 1; - min-width: 16px; - font-size: inherit; text-overflow: ellipsis; @@ -194,15 +186,6 @@ button { box-sizing: border-box; } -.select-wrapper .select-placeholder { - /** - * When the floating label appears on top of the - * select, we need to fade the text out so that the - * label does not overlap with the placeholder. - */ - transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); -} - .select-wrapper-inner { display: flex; @@ -299,18 +282,6 @@ button { align-items: center; - /** - * Label text should not extend - * beyond the bounds of the select. - * However, we do not set the max - * width to 100% because then - * only the label would show and users - * would not be able to see what they are typing. - */ - max-width: 200px; - - transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1); - /** * This ensures that double tapping this text * clicks the