diff --git a/BREAKING.md b/BREAKING.md index fa3bf471a3a..d5a0f3e21d1 100644 --- a/BREAKING.md +++ b/BREAKING.md @@ -465,6 +465,7 @@ The following breaking changes apply to `ion-note`: 2. The color applied by the `color` prop is now driven by the centralized Ionic Theming system, scoped to the new `hue` property. [2](#version-10x-note-hue) 3. Mode classes (`ion-note.md`, `ion-note.ios`) are no longer supported. [3](#version-10x-note-mode-classes) 4. The `ios` note is larger and has a set line height and letter spacing. [4](#version-10x-note-ios-typography) +5. The `md` note is smaller and has a set line height and letter spacing. [5](#version-10x-note-md-typography)
Replaced CSS variables
@@ -502,6 +503,16 @@ In the `ios` theme, the note now matches the detail text of an iOS list row, in - The line height is now `1.294` (`22px` at `17px`) instead of inherited. To revert to the previous appearance, set `IonNote.line.height` to `inherit` for global styles, or `--ion-note-line-height` for component-specific styles. - The letter spacing is now `-0.0235em` (`-0.4px` at `17px`) instead of inherited. To revert to the previous appearance, set `IonNote.letterSpacing` to `inherit` for global styles, or `--ion-note-letter-spacing` for component-specific styles. +
Material Design typography
+ +In the `md` theme, the note now uses the caption style of a Material Design list's metadata, in accordance with the Material Design guidelines: + +- The font size is now `12px` instead of `14px`. To revert to the previous appearance, set `IonNote.font.size` for global styles, or `--ion-note-font-size` for component-specific styles. +- In items and item dividers, the font size is now `12px` instead of `11px`, the same as anywhere else. To revert to the previous appearance, set `--ion-note-font-size` on those notes, such as `ion-item ion-note`. +- The line height is now `1rem` (`16px`) instead of inherited. To revert to the previous appearance, set `IonNote.line.height` to `inherit` for global styles, or `--ion-note-line-height` for component-specific styles. +- The letter spacing is now `0.0333em` (`0.4px` at `12px`) instead of inherited. To revert to the previous appearance, set `IonNote.letterSpacing` to `inherit` for global styles, or `--ion-note-letter-spacing` for component-specific styles. +- In items and item dividers, the note no longer has `10px` of space below it. +

Radio Group

Converted `ion-radio-group` to use [Shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM). diff --git a/core/api.txt b/core/api.txt index 36d32ce20ae..dd45f8526d0 100644 --- a/core/api.txt +++ b/core/api.txt @@ -1501,11 +1501,6 @@ ion-item-divider,css-prop,--ion-item-divider-label-margin-start ion-item-divider,css-prop,--ion-item-divider-label-margin-top ion-item-divider,css-prop,--ion-item-divider-min-height ion-item-divider,css-prop,--ion-item-divider-note-align-self -ion-item-divider,css-prop,--ion-item-divider-note-font-size -ion-item-divider,css-prop,--ion-item-divider-note-margin-bottom -ion-item-divider,css-prop,--ion-item-divider-note-margin-end -ion-item-divider,css-prop,--ion-item-divider-note-margin-start -ion-item-divider,css-prop,--ion-item-divider-note-margin-top ion-item-divider,css-prop,--ion-item-divider-note-padding-bottom ion-item-divider,css-prop,--ion-item-divider-note-padding-end ion-item-divider,css-prop,--ion-item-divider-note-padding-start diff --git a/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Chrome-linux.png b/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Chrome-linux.png index db4e61495d2..87184e18d63 100644 Binary files a/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Firefox-linux.png b/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Firefox-linux.png index 0842f379ab9..a68aec8c727 100644 Binary files a/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Safari-linux.png b/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Safari-linux.png index 76a0c77208c..384e9bdb7f4 100644 Binary files a/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Safari-linux.png and b/core/src/components/card/test/basic/card.e2e.ts-snapshots/card-no-content-or-header-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item-divider/item-divider.interface.ts b/core/src/components/item-divider/item-divider.interface.ts index 4f158c505de..699f45773d4 100644 --- a/core/src/components/item-divider/item-divider.interface.ts +++ b/core/src/components/item-divider/item-divider.interface.ts @@ -84,11 +84,6 @@ export type IonItemDividerRecipe = { self?: string; }; - font?: { - size?: string; - }; - - margin?: IonMargin; padding?: IonPadding; }; diff --git a/core/src/components/item-divider/item-divider.scss b/core/src/components/item-divider/item-divider.scss index 086f3d4335f..8aa2101863a 100644 --- a/core/src/components/item-divider/item-divider.scss +++ b/core/src/components/item-divider/item-divider.scss @@ -51,12 +51,7 @@ * @prop --ion-item-divider-icon-end-slotted-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-icon when it is in the end slot of the item divider * * Slotted Note - * @prop --ion-item-divider-note-margin-top: Top margin of the slotted ion-note - * @prop --ion-item-divider-note-margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the slotted ion-note - * @prop --ion-item-divider-note-margin-bottom: Bottom margin of the slotted ion-note - * @prop --ion-item-divider-note-margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the slotted ion-note * @prop --ion-item-divider-note-align-self: Align self of the slotted ion-note - * @prop --ion-item-divider-note-font-size: Font size of the slotted ion-note * @prop --ion-item-divider-note-padding-top: Top padding of the slotted ion-note when it has a slot * @prop --ion-item-divider-note-padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the slotted ion-note when it has a slot * @prop --ion-item-divider-note-padding-bottom: Bottom padding of the slotted ion-note when it has a slot @@ -258,16 +253,7 @@ // Note ::slotted(ion-note) { - @include mixins.margin( - var(--ion-item-divider-note-margin-top), - var(--ion-item-divider-note-margin-end), - var(--ion-item-divider-note-margin-bottom), - var(--ion-item-divider-note-margin-start) - ); - align-self: var(--ion-item-divider-note-align-self); - - font-size: var(--ion-item-divider-note-font-size, revert-layer); } ::slotted(ion-note[slot]) { diff --git a/core/src/components/item/item.md.scss b/core/src/components/item/item.md.scss index 15f7452170d..bb4a02b0543 100644 --- a/core/src/components/item/item.md.scss +++ b/core/src/components/item/item.md.scss @@ -147,8 +147,6 @@ @include margin(0); align-self: flex-start; - - font-size: $item-md-note-slot-font-size; } ::slotted(ion-note[slot]) { diff --git a/core/src/components/item/item.md.vars.scss b/core/src/components/item/item.md.vars.scss index 3aad826bf17..1213b9586c5 100644 --- a/core/src/components/item/item.md.vars.scss +++ b/core/src/components/item/item.md.vars.scss @@ -141,17 +141,14 @@ $item-md-label-slot-end-margin-start: $item-md-label-slot-end-margin-end; // Note Slots // -------------------------------------------------- -/// @prop - Font size of a note in the start/end slot -$item-md-note-slot-font-size: dynamic-font(11px); - /// @prop - Padding top for a note in the start/end slot -$item-md-note-slot-padding-top: 18px; +$item-md-note-slot-padding-top: 16px; /// @prop - Padding end for a note in the start/end slot $item-md-note-slot-padding-end: 0; /// @prop - Padding bottom for a note in the start/end slot -$item-md-note-slot-padding-bottom: 10px; +$item-md-note-slot-padding-bottom: 0; /// @prop - Padding start for a note in the start/end slot $item-md-note-slot-padding-start: $item-md-note-slot-padding-end; diff --git a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Chrome-linux.png index 086eb2aedfc..7bfc2fcdd83 100644 Binary files a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Firefox-linux.png index 440c963287d..d6f8f5b9288 100644 Binary files a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Safari-linux.png index 0c11018ae07..ee05b43e1e8 100644 Binary files a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Chrome-linux.png index b0fed9eff67..b3ea88cc006 100644 Binary files a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Firefox-linux.png index 4cf0f64e3c7..30a3db1f258 100644 Binary files a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Safari-linux.png index 052e2906fd7..77eefe986cf 100644 Binary files a/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Safari-linux.png and b/core/src/components/note/test/a11y/note.e2e.ts-snapshots/note-scale-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/index.html b/core/src/components/note/test/basic/index.html index 51f1d017707..fd1f5f5951c 100644 --- a/core/src/components/note/test/basic/index.html +++ b/core/src/components/note/test/basic/index.html @@ -75,6 +75,23 @@ Really really long note + + + + Item Divider Note + 99 + + + + Primary Note + 99 + + + + Warning Note + 99 + + diff --git a/core/src/components/note/test/basic/note.e2e.ts b/core/src/components/note/test/basic/note.e2e.ts index 276d07e571b..1e28ecff67e 100644 --- a/core/src/components/note/test/basic/note.e2e.ts +++ b/core/src/components/note/test/basic/note.e2e.ts @@ -55,10 +55,24 @@ configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => { }); /** - * Only MD ion-item-divider has ion-note specific logic + * Only MD and ionic ion-item-divider have ion-note specific logic */ -configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => { +configs({ modes: ['md', 'ionic-md'] }).forEach(({ title, screenshot, config }) => { test.describe(title('note: item-divider'), () => { + test('should not have visual regressions when next to a label in an item-divider', async ({ page }) => { + await page.setContent( + ` + + Label + 99 + + `, + config + ); + const itemDivider = page.locator('ion-item-divider'); + await expect(itemDivider).toHaveScreenshot(screenshot(`note-item-divider-label`)); + }); + test('should not have visual regressions when in the start slot of an item-divider', async ({ page }) => { await page.setContent( ` diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Chrome-linux.png index 7855cd9fa88..3490793783a 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Firefox-linux.png index 3406a75f2d9..1e97889c833 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Safari-linux.png index 2a8c8d9f7bf..5cdf1c7d02c 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..93cdf7a63c9 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..dacbfe4c992 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 00000000000..72293769a70 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..451d3deeb56 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..9c7942f8519 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Safari-linux.png new file mode 100644 index 00000000000..4b6f5f97c49 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Chrome-linux.png index 1f6b0778365..e34b47b0432 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Firefox-linux.png index b5e4bf9fc1b..3786d2af01a 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Safari-linux.png index 17f45c69e6e..118081a7bf3 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Chrome-linux.png index 4d4a493ac2d..39250510dda 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Firefox-linux.png index bf223b11c4d..ca0774b9a26 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Safari-linux.png index 0e55413921d..894e5ff6ec4 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-end-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..88e7a1f3e55 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..710b3b20dd5 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 00000000000..dc966ac1b8b Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..50e3d66a921 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..78d5e0d279d Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9b8affecfad Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..a4da86e54b0 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..81cd188de33 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..f1b6c8d3f7d Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..a67bb50b103 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..e43caabe257 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..ad114326aa8 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-label-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..a3b373591e3 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..bee924d63b8 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9040b0b618a Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..45c304b264e Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..69fef822308 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9d5846ef9b3 Binary files /dev/null and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-ionic-md-rtl-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Chrome-linux.png index fa0c4b7eaf8..23655f9f025 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Firefox-linux.png index 69e87a775f8..ece00e4f7c3 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Safari-linux.png index f91b13d4bbf..bdf5ffd2998 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Chrome-linux.png index 6cd05e3c9af..cf5aa331f04 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Firefox-linux.png index 8d4f53bffae..0b7d7d825b6 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Safari-linux.png index 963095e5f02..c20165d722c 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-divider-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Chrome-linux.png index ec2280e7074..994447daf50 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Firefox-linux.png index 278992f5f35..81f681c9dd5 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Safari-linux.png index f8e264311bf..2392ae13779 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Chrome-linux.png index 77eed0dee86..b3eca878637 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Firefox-linux.png index 78a22930995..578690b879c 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Safari-linux.png index abac806c5a7..95d1e265c30 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-end-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Chrome-linux.png index a90ca66920d..6f40e56163e 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Firefox-linux.png index c501fd37d4d..5f9010510ac 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Safari-linux.png index 13e6f5c37a8..5b23d7c485f 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Chrome-linux.png index a7d4e61f17d..7ecc39b75fe 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Firefox-linux.png index feb6c434a9b..9788c4cef11 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Safari-linux.png index 20312908ad4..09fff4631df 100644 Binary files a/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/note/test/basic/note.e2e.ts-snapshots/note-item-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Chrome-linux.png index dd08d116afd..0ae15e01c01 100644 Binary files a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Firefox-linux.png index e0e839417f9..55aa501bb68 100644 Binary files a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Safari-linux.png index 0662b4c5e37..e98b2f44ba3 100644 Binary files a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Safari-linux.png and b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-bold-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Chrome-linux.png b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Chrome-linux.png index dd08d116afd..0ae15e01c01 100644 Binary files a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Firefox-linux.png b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Firefox-linux.png index e0e839417f9..55aa501bb68 100644 Binary files a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Safari-linux.png b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Safari-linux.png index 0662b4c5e37..e98b2f44ba3 100644 Binary files a/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Safari-linux.png and b/core/src/components/note/test/hue/note.e2e.ts-snapshots/note-hue-subtle-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/themes/ionic/default.tokens.ts b/core/src/themes/ionic/default.tokens.ts index 7f7b69c2801..f874e450a83 100644 --- a/core/src/themes/ionic/default.tokens.ts +++ b/core/src/themes/ionic/default.tokens.ts @@ -756,22 +756,11 @@ export const defaultTheme: DefaultTheme = { self: 'flex-start', }, - font: { - size: dynamicFont(global.root, components.item.note.slot.font.size), - }, - - margin: { - top: 'var(--ion-spacing-0)', - end: 'var(--ion-spacing-0)', - bottom: 'var(--ion-spacing-0)', - start: 'var(--ion-spacing-0)', - }, - padding: { top: components.item.note.slot.padding.top, - end: components.item.note.slot.padding.end, + end: 'var(--ion-spacing-0)', bottom: components.item.note.slot.padding.bottom, - start: components.item.note.slot.padding.start, + start: 'var(--ion-spacing-0)', }, }, diff --git a/core/src/themes/ionic/shared.tokens.ts b/core/src/themes/ionic/shared.tokens.ts index a1139ff8e91..e42a10c6803 100644 --- a/core/src/themes/ionic/shared.tokens.ts +++ b/core/src/themes/ionic/shared.tokens.ts @@ -81,15 +81,9 @@ export const components = { note: { slot: { - font: { - size: 11, - }, - padding: { top: 'var(--ion-spacing-450)', - end: 'var(--ion-spacing-0)', bottom: 'var(--ion-spacing-250)', - start: 'var(--ion-spacing-0)', }, }, }, diff --git a/core/src/themes/md/default.tokens.ts b/core/src/themes/md/default.tokens.ts index 3b8615282c9..01afeb13ab3 100644 --- a/core/src/themes/md/default.tokens.ts +++ b/core/src/themes/md/default.tokens.ts @@ -892,23 +892,12 @@ export const defaultTheme: DefaultTheme = { self: 'flex-start', }, - font: { - size: dynamicFont(global.root, components.item.note.slot.font.size), - }, - - margin: { - top: 'var(--ion-spacing-0)', + padding: { + top: components.item.note.slot.padding.top, end: 'var(--ion-spacing-0)', bottom: 'var(--ion-spacing-0)', start: 'var(--ion-spacing-0)', }, - - padding: { - top: components.item.note.slot.padding.top, - end: components.item.note.slot.padding.end, - bottom: components.item.note.slot.padding.bottom, - start: components.item.note.slot.padding.start, - }, }, avatar: { @@ -987,7 +976,7 @@ export const defaultTheme: DefaultTheme = { IonNote: { font: { family: 'var(--ion-font-family)', - size: dynamicFont(global.root, 14), + size: dynamicFont(global.root, 12), }, hue: { @@ -1015,6 +1004,12 @@ export const defaultTheme: DefaultTheme = { }, }, }, + + letterSpacing: '0.0333em', + + line: { + height: dynamicFont(global.root, 16), + }, }, IonProgressBar: { diff --git a/core/src/themes/md/shared.tokens.ts b/core/src/themes/md/shared.tokens.ts index 88888a88cb9..7c7497ec9e6 100644 --- a/core/src/themes/md/shared.tokens.ts +++ b/core/src/themes/md/shared.tokens.ts @@ -87,15 +87,8 @@ export const components = { note: { slot: { - font: { - size: 11, - }, - padding: { - top: 'var(--ion-spacing-450)', - end: 'var(--ion-spacing-0)', - bottom: 'var(--ion-spacing-250)', - start: 'var(--ion-spacing-0)', + top: 'var(--ion-spacing-400)', }, }, },