diff --git a/README.md b/README.md index 1a38a4e..76b2424 100644 --- a/README.md +++ b/README.md @@ -80,6 +80,7 @@ Start with [Installation](#installation). Pair this theme with [@rdlabo/ionic-th +- [Migration](./docs/migration.md) — changes required when updating theme markup. - [Breaking changes](./docs/breaking.md) — changes required when upgrading major versions. diff --git a/demo/src/app/index/pages/accordion/accordion.page.html b/demo/src/app/index/pages/accordion/accordion.page.html index 8f52c80..06e85df 100644 --- a/demo/src/app/index/pages/accordion/accordion.page.html +++ b/demo/src/app/index/pages/accordion/accordion.page.html @@ -7,7 +7,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 7af24f7..759ecb1 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 @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/alert/alert.page.html b/demo/src/app/index/pages/alert/alert.page.html index 4d4e477..5eb77d7 100644 --- a/demo/src/app/index/pages/alert/alert.page.html +++ b/demo/src/app/index/pages/alert/alert.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html b/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html index 25a9312..1d1a21e 100644 --- a/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html +++ b/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/button/button.page.html b/demo/src/app/index/pages/button/button.page.html index f08a0d2..d249c03 100644 --- a/demo/src/app/index/pages/button/button.page.html +++ b/demo/src/app/index/pages/button/button.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/card/card.page.html b/demo/src/app/index/pages/card/card.page.html index fbb1af6..8374d41 100644 --- a/demo/src/app/index/pages/card/card.page.html +++ b/demo/src/app/index/pages/card/card.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/checkbox/checkbox.page.html b/demo/src/app/index/pages/checkbox/checkbox.page.html index 5120bda..f06f1e8 100644 --- a/demo/src/app/index/pages/checkbox/checkbox.page.html +++ b/demo/src/app/index/pages/checkbox/checkbox.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/chip/chip.page.html b/demo/src/app/index/pages/chip/chip.page.html index e91bdd2..3c382c2 100644 --- a/demo/src/app/index/pages/chip/chip.page.html +++ b/demo/src/app/index/pages/chip/chip.page.html @@ -7,7 +7,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 e14f3e5..91822a0 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 @@ -7,7 +7,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 0e91c3f..e351198 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 @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/inputs/inputs.page.html b/demo/src/app/index/pages/inputs/inputs.page.html index 9741efa..cadadb8 100644 --- a/demo/src/app/index/pages/inputs/inputs.page.html +++ b/demo/src/app/index/pages/inputs/inputs.page.html @@ -7,7 +7,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 b12bfd1..9a71097 100644 --- a/demo/src/app/index/pages/modal/modal.page.html +++ b/demo/src/app/index/pages/modal/modal.page.html @@ -16,7 +16,7 @@ - + diff --git a/demo/src/app/index/pages/popover/popover.page.html b/demo/src/app/index/pages/popover/popover.page.html index a5f8a95..80b6894 100644 --- a/demo/src/app/index/pages/popover/popover.page.html +++ b/demo/src/app/index/pages/popover/popover.page.html @@ -7,7 +7,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 317f658..b08687b 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 @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/radio/radio.page.html b/demo/src/app/index/pages/radio/radio.page.html index 4693163..4ea653d 100644 --- a/demo/src/app/index/pages/radio/radio.page.html +++ b/demo/src/app/index/pages/radio/radio.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/range/range.page.html b/demo/src/app/index/pages/range/range.page.html index 28aa546..d567b3b 100644 --- a/demo/src/app/index/pages/range/range.page.html +++ b/demo/src/app/index/pages/range/range.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/reorder/reorder.page.html b/demo/src/app/index/pages/reorder/reorder.page.html index 7a55b29..261e071 100644 --- a/demo/src/app/index/pages/reorder/reorder.page.html +++ b/demo/src/app/index/pages/reorder/reorder.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/searchbar/searchbar.page.html b/demo/src/app/index/pages/searchbar/searchbar.page.html index 1f2d690..c0168c3 100644 --- a/demo/src/app/index/pages/searchbar/searchbar.page.html +++ b/demo/src/app/index/pages/searchbar/searchbar.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/segment/segment.page.html b/demo/src/app/index/pages/segment/segment.page.html index d3918d0..4520514 100644 --- a/demo/src/app/index/pages/segment/segment.page.html +++ b/demo/src/app/index/pages/segment/segment.page.html @@ -26,7 +26,7 @@ - + diff --git a/demo/src/app/index/pages/select/select.page.html b/demo/src/app/index/pages/select/select.page.html index 27bd672..fbf64c1 100644 --- a/demo/src/app/index/pages/select/select.page.html +++ b/demo/src/app/index/pages/select/select.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/tabs/tabs.page.html b/demo/src/app/index/pages/tabs/tabs.page.html index 4342b62..c64887a 100644 --- a/demo/src/app/index/pages/tabs/tabs.page.html +++ b/demo/src/app/index/pages/tabs/tabs.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/toast/toast.page.html b/demo/src/app/index/pages/toast/toast.page.html index 0c63264..13e6086 100644 --- a/demo/src/app/index/pages/toast/toast.page.html +++ b/demo/src/app/index/pages/toast/toast.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/toggle/toggle.page.html b/demo/src/app/index/pages/toggle/toggle.page.html index 13e6d91..f465710 100644 --- a/demo/src/app/index/pages/toggle/toggle.page.html +++ b/demo/src/app/index/pages/toggle/toggle.page.html @@ -7,7 +7,7 @@ - + diff --git a/demo/src/app/index/pages/toolbar/toolbar.page.html b/demo/src/app/index/pages/toolbar/toolbar.page.html index 7a28a9d..8bc221a 100644 --- a/demo/src/app/index/pages/toolbar/toolbar.page.html +++ b/demo/src/app/index/pages/toolbar/toolbar.page.html @@ -7,7 +7,7 @@ - + diff --git a/docs/migration.md b/docs/migration.md new file mode 100644 index 0000000..f5e7912 --- /dev/null +++ b/docs/migration.md @@ -0,0 +1,18 @@ +--- +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-ios26` as well. diff --git a/src/styles/components/ion-list.scss b/src/styles/components/ion-list.scss index 18f366e..c54d6c9 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.md:not(.md3-disabled):not(.list-inset) { padding-top: 0; @@ -6,7 +6,7 @@ ion-list.md:not(.md3-disabled):not(.list-inset) { } ion-list.md:not(.md3-disabled).list-inset { - @include theme-list-inset.ion-list-inset(8px); + @include structured-list.layout(8px); ion-item-group > ion-item { --border-color: var(--ion-color-light, #fff); diff --git a/src/styles/utils/theme-list-inset.scss b/src/styles/utils/structured-list.scss similarity index 89% rename from src/styles/utils/theme-list-inset.scss rename to src/styles/utils/structured-list.scss index d341875..07b1dee 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 { @@ -21,8 +21,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 +119,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); } }