From 71febe177beaa033b8b5fad0e6b01be0225e1f99 Mon Sep 17 00:00:00 2001 From: rdlabo Date: Sat, 22 Aug 2026 08:39:03 +0900 Subject: [PATCH 1/3] docs: document item group header rename --- docs/migration.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/docs/migration.md b/docs/migration.md index 7a2e3bd..a56dec4 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -4,6 +4,21 @@ title: Migration # Migration +## Rename `.header-item-group` to `.item-group-header` + +The class for an `ion-item-group` used as a section header has been renamed for consistency with the element it modifies. Replace every occurrence of `.header-item-group` in application templates and styles. + +```diff +- ++ + ... + +``` + +The old class is no longer styled by the theme. This rename applies to markup shared with `@rdlabo/ionic-theme-md3` as well. + +## Selective component imports + For gradual migration, you can selectively apply the iOS26 theme by importing individual components instead of the full theme file. ```css From 33997236c029b403ae0b23e10b2c89be17576cdd Mon Sep 17 00:00:00 2001 From: rdlabo Date: Sat, 22 Aug 2026 08:45:42 +0900 Subject: [PATCH 2/3] refactor(list): clarify structured list mixin --- demo/src/app/index/pages/accordion/accordion.page.html | 2 +- .../src/app/index/pages/action-sheet/action-sheet.page.html | 2 +- demo/src/app/index/pages/alert/alert.page.html | 2 +- demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html | 2 +- demo/src/app/index/pages/button/button.page.html | 2 +- demo/src/app/index/pages/card/card.page.html | 2 +- demo/src/app/index/pages/checkbox/checkbox.page.html | 2 +- demo/src/app/index/pages/chip/chip.page.html | 2 +- .../date-and-time-pickers/date-and-time-pickers.page.html | 2 +- .../floating-action-button-fixed.page.html | 2 +- .../floating-action-button/floating-action-button.page.html | 2 +- demo/src/app/index/pages/inputs/inputs.page.html | 2 +- demo/src/app/index/pages/item-list/item-list.page.html | 2 +- demo/src/app/index/pages/modal/modal.page.html | 2 +- demo/src/app/index/pages/popover/popover.page.html | 2 +- .../pages/progress-indicators/progress-indicators.page.html | 2 +- demo/src/app/index/pages/radio/radio.page.html | 2 +- demo/src/app/index/pages/range/range.page.html | 2 +- demo/src/app/index/pages/reorder/reorder.page.html | 2 +- demo/src/app/index/pages/searchbar/searchbar.page.html | 2 +- demo/src/app/index/pages/segment/segment.page.html | 2 +- demo/src/app/index/pages/select/select.page.html | 2 +- demo/src/app/index/pages/tabs/tabs.page.html | 2 +- demo/src/app/index/pages/toast/toast.page.html | 2 +- demo/src/app/index/pages/toggle/toggle.page.html | 2 +- demo/src/app/index/pages/toolbar/toolbar.page.html | 2 +- src/styles/components/ion-list.scss | 4 ++-- src/styles/md-ion-list-inset.scss | 4 ++-- .../utils/{theme-list-inset.scss => structured-list.scss} | 6 +++--- 29 files changed, 33 insertions(+), 33 deletions(-) rename src/styles/utils/{theme-list-inset.scss => structured-list.scss} (92%) diff --git a/demo/src/app/index/pages/accordion/accordion.page.html b/demo/src/app/index/pages/accordion/accordion.page.html index d5a0955..2af9454 100644 --- a/demo/src/app/index/pages/accordion/accordion.page.html +++ b/demo/src/app/index/pages/accordion/accordion.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/action-sheet/action-sheet.page.html b/demo/src/app/index/pages/action-sheet/action-sheet.page.html index 84a2e27..42399ea 100644 --- a/demo/src/app/index/pages/action-sheet/action-sheet.page.html +++ b/demo/src/app/index/pages/action-sheet/action-sheet.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/alert/alert.page.html b/demo/src/app/index/pages/alert/alert.page.html index 375f20b..243076d 100644 --- a/demo/src/app/index/pages/alert/alert.page.html +++ b/demo/src/app/index/pages/alert/alert.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html b/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html index 7df648d..5b86a80 100644 --- a/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html +++ b/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/button/button.page.html b/demo/src/app/index/pages/button/button.page.html index 8a93a32..31d9b00 100644 --- a/demo/src/app/index/pages/button/button.page.html +++ b/demo/src/app/index/pages/button/button.page.html @@ -19,7 +19,7 @@ - + diff --git a/demo/src/app/index/pages/card/card.page.html b/demo/src/app/index/pages/card/card.page.html index 07a07a8..040ebf6 100644 --- a/demo/src/app/index/pages/card/card.page.html +++ b/demo/src/app/index/pages/card/card.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/checkbox/checkbox.page.html b/demo/src/app/index/pages/checkbox/checkbox.page.html index bf3117b..3f3cc52 100644 --- a/demo/src/app/index/pages/checkbox/checkbox.page.html +++ b/demo/src/app/index/pages/checkbox/checkbox.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/chip/chip.page.html b/demo/src/app/index/pages/chip/chip.page.html index 1243941..01fc479 100644 --- a/demo/src/app/index/pages/chip/chip.page.html +++ b/demo/src/app/index/pages/chip/chip.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.html b/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.html index acc2fc8..3ad95e1 100644 --- a/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.html +++ b/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/floating-action-button-fixed/floating-action-button-fixed.page.html b/demo/src/app/index/pages/floating-action-button-fixed/floating-action-button-fixed.page.html index c733aea..e232d92 100644 --- a/demo/src/app/index/pages/floating-action-button-fixed/floating-action-button-fixed.page.html +++ b/demo/src/app/index/pages/floating-action-button-fixed/floating-action-button-fixed.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/floating-action-button/floating-action-button.page.html b/demo/src/app/index/pages/floating-action-button/floating-action-button.page.html index ab10ffa..bfec1ba 100644 --- a/demo/src/app/index/pages/floating-action-button/floating-action-button.page.html +++ b/demo/src/app/index/pages/floating-action-button/floating-action-button.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/inputs/inputs.page.html b/demo/src/app/index/pages/inputs/inputs.page.html index 2c5b508..6b889bb 100644 --- a/demo/src/app/index/pages/inputs/inputs.page.html +++ b/demo/src/app/index/pages/inputs/inputs.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/item-list/item-list.page.html b/demo/src/app/index/pages/item-list/item-list.page.html index 84a9173..e3921ec 100644 --- a/demo/src/app/index/pages/item-list/item-list.page.html +++ b/demo/src/app/index/pages/item-list/item-list.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/modal/modal.page.html b/demo/src/app/index/pages/modal/modal.page.html index d67db12..33f45d7 100644 --- a/demo/src/app/index/pages/modal/modal.page.html +++ b/demo/src/app/index/pages/modal/modal.page.html @@ -18,7 +18,7 @@ - + diff --git a/demo/src/app/index/pages/popover/popover.page.html b/demo/src/app/index/pages/popover/popover.page.html index 4f5ac2b..bf5a201 100644 --- a/demo/src/app/index/pages/popover/popover.page.html +++ b/demo/src/app/index/pages/popover/popover.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/progress-indicators/progress-indicators.page.html b/demo/src/app/index/pages/progress-indicators/progress-indicators.page.html index c47b2a8..50bfac8 100644 --- a/demo/src/app/index/pages/progress-indicators/progress-indicators.page.html +++ b/demo/src/app/index/pages/progress-indicators/progress-indicators.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/radio/radio.page.html b/demo/src/app/index/pages/radio/radio.page.html index 5962e3a..64fc0a7 100644 --- a/demo/src/app/index/pages/radio/radio.page.html +++ b/demo/src/app/index/pages/radio/radio.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/range/range.page.html b/demo/src/app/index/pages/range/range.page.html index e799c5a..0ec9bc8 100644 --- a/demo/src/app/index/pages/range/range.page.html +++ b/demo/src/app/index/pages/range/range.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/reorder/reorder.page.html b/demo/src/app/index/pages/reorder/reorder.page.html index 09d28c5..82237c1 100644 --- a/demo/src/app/index/pages/reorder/reorder.page.html +++ b/demo/src/app/index/pages/reorder/reorder.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/searchbar/searchbar.page.html b/demo/src/app/index/pages/searchbar/searchbar.page.html index 3db09a6..03e0589 100644 --- a/demo/src/app/index/pages/searchbar/searchbar.page.html +++ b/demo/src/app/index/pages/searchbar/searchbar.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/segment/segment.page.html b/demo/src/app/index/pages/segment/segment.page.html index 6d6c2cf..c679f33 100644 --- a/demo/src/app/index/pages/segment/segment.page.html +++ b/demo/src/app/index/pages/segment/segment.page.html @@ -30,7 +30,7 @@ - + diff --git a/demo/src/app/index/pages/select/select.page.html b/demo/src/app/index/pages/select/select.page.html index 5213d26..a750e93 100644 --- a/demo/src/app/index/pages/select/select.page.html +++ b/demo/src/app/index/pages/select/select.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/tabs/tabs.page.html b/demo/src/app/index/pages/tabs/tabs.page.html index 27f440e..b39b711 100644 --- a/demo/src/app/index/pages/tabs/tabs.page.html +++ b/demo/src/app/index/pages/tabs/tabs.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/toast/toast.page.html b/demo/src/app/index/pages/toast/toast.page.html index dd2657d..f48e3df 100644 --- a/demo/src/app/index/pages/toast/toast.page.html +++ b/demo/src/app/index/pages/toast/toast.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/toggle/toggle.page.html b/demo/src/app/index/pages/toggle/toggle.page.html index 8efea06..71f8def 100644 --- a/demo/src/app/index/pages/toggle/toggle.page.html +++ b/demo/src/app/index/pages/toggle/toggle.page.html @@ -9,7 +9,7 @@ - + diff --git a/demo/src/app/index/pages/toolbar/toolbar.page.html b/demo/src/app/index/pages/toolbar/toolbar.page.html index c264c81..fa9c612 100644 --- a/demo/src/app/index/pages/toolbar/toolbar.page.html +++ b/demo/src/app/index/pages/toolbar/toolbar.page.html @@ -9,7 +9,7 @@ - + diff --git a/src/styles/components/ion-list.scss b/src/styles/components/ion-list.scss index e4ace7f..d2a80ab 100644 --- a/src/styles/components/ion-list.scss +++ b/src/styles/components/ion-list.scss @@ -1,4 +1,4 @@ -@use '../utils/theme-list-inset'; +@use '../utils/structured-list'; ion-list.ios:not(.ios26-disabled) { ion-item { @@ -8,7 +8,7 @@ ion-list.ios:not(.ios26-disabled) { } ion-list.list-inset.ios:not(.ios26-disabled) { - @include theme-list-inset.ion-list-inset(20px); + @include structured-list.layout(20px); ion-radio-group, ion-reorder-group { diff --git a/src/styles/md-ion-list-inset.scss b/src/styles/md-ion-list-inset.scss index 199517f..2d14ac5 100644 --- a/src/styles/md-ion-list-inset.scss +++ b/src/styles/md-ion-list-inset.scss @@ -1,7 +1,7 @@ -@use 'utils/theme-list-inset'; +@use 'utils/structured-list'; ion-list.list-inset.md { - @include theme-list-inset.ion-list-inset(8px); + @include structured-list.layout(8px); ion-item-group > ion-item { & > ion-input[labelplacement='floating'] { diff --git a/src/styles/utils/theme-list-inset.scss b/src/styles/utils/structured-list.scss similarity index 92% rename from src/styles/utils/theme-list-inset.scss rename to src/styles/utils/structured-list.scss index d341875..c609ebd 100644 --- a/src/styles/utils/theme-list-inset.scss +++ b/src/styles/utils/structured-list.scss @@ -1,4 +1,4 @@ -@mixin ion-list-inset($note-inset) { +@mixin layout($outer-note-inset) { background: transparent; ion-list-header { @@ -22,7 +22,7 @@ } // TODO: これはUtility Classにマイグレートする必要があります - ion-item-group.header-item-group { + ion-item-group.item-group-header { & > ion-item > ion-label { width: 100%; text-align: center; @@ -120,6 +120,6 @@ color: var(--ion-color-medium-tint); font-size: 0.9rem; display: block; - margin: 8px calc(var(--ion-safe-area-right, 0) + $note-inset) 8px calc(var(--ion-safe-area-left, 0) + $note-inset); + margin: 8px calc(var(--ion-safe-area-right, 0) + $outer-note-inset) 8px calc(var(--ion-safe-area-left, 0) + $outer-note-inset); } } From 81c18709823f1aac9ea8d3e7110e5a71b5c5c514 Mon Sep 17 00:00:00 2001 From: rdlabo Date: Sat, 22 Aug 2026 08:53:01 +0900 Subject: [PATCH 3/3] chore(list): remove obsolete utility class todo --- src/styles/utils/structured-list.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/styles/utils/structured-list.scss b/src/styles/utils/structured-list.scss index c609ebd..07b1dee 100644 --- a/src/styles/utils/structured-list.scss +++ b/src/styles/utils/structured-list.scss @@ -21,7 +21,6 @@ } } - // TODO: これはUtility Classにマイグレートする必要があります ion-item-group.item-group-header { & > ion-item > ion-label { width: 100%;