diff --git a/core/api.txt b/core/api.txt index 04a418968d..23d02b891b 100644 --- a/core/api.txt +++ b/core/api.txt @@ -1244,7 +1244,6 @@ ion-item-divider,shadow ion-item-divider,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true ion-item-divider,prop,mode,"ios" | "md",undefined,false,false ion-item-divider,prop,sticky,boolean,false,false,false -ion-item-divider,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-item-divider,css-prop,--background ion-item-divider,css-prop,--color ion-item-divider,css-prop,--inner-padding-bottom diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 5bc8b061e6..b779cda88b 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -1920,10 +1920,6 @@ export namespace Components { * @default false */ "sticky": boolean; - /** - * The theme determines the visual appearance of the component. - */ - "theme"?: "ios" | "md" | "ionic"; } interface IonItemGroup { /** @@ -7918,10 +7914,6 @@ declare namespace LocalJSX { * @default false */ "sticky"?: boolean; - /** - * The theme determines the visual appearance of the component. - */ - "theme"?: "ios" | "md" | "ionic"; } interface IonItemGroup { /** diff --git a/core/src/components/item-divider/item-divider.tsx b/core/src/components/item-divider/item-divider.tsx index 9ed9477a5f..be52022647 100644 --- a/core/src/components/item-divider/item-divider.tsx +++ b/core/src/components/item-divider/item-divider.tsx @@ -2,12 +2,10 @@ import type { ComponentInterface } from '@stencil/core'; import { Component, Element, Host, Prop, h } from '@stencil/core'; import { createColorClasses } from '@utils/theme'; -import { getIonTheme } from '../../global/ionic-global'; import type { Color } from '../../interface'; /** * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component. - * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component. * * @slot - Content is placed between the named slots if provided without a slot. * @slot start - Content is placed to the left of the divider text in LTR, and to the right in RTL. @@ -38,13 +36,12 @@ export class ItemDivider implements ComponentInterface { @Prop() sticky = false; render() { - const theme = getIonTheme(this); + const { color, sticky } = this; return ( diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts index 19731f54a0..806eccc98f 100644 --- a/packages/angular/src/directives/proxies.ts +++ b/packages/angular/src/directives/proxies.ts @@ -1150,14 +1150,14 @@ export declare interface IonItem extends Components.IonItem {} @ProxyCmp({ - inputs: ['color', 'mode', 'sticky', 'theme'] + inputs: ['color', 'mode', 'sticky'] }) @Component({ selector: 'ion-item-divider', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['color', 'mode', 'sticky', 'theme'], + inputs: ['color', 'mode', 'sticky'], }) export class IonItemDivider { protected el: HTMLIonItemDividerElement; diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index 15cfacbfdc..a8440cac6d 100644 --- a/packages/angular/standalone/src/directives/proxies.ts +++ b/packages/angular/standalone/src/directives/proxies.ts @@ -1058,14 +1058,14 @@ export declare interface IonItem extends Components.IonItem {} @ProxyCmp({ defineCustomElementFn: defineIonItemDivider, - inputs: ['color', 'mode', 'sticky', 'theme'] + inputs: ['color', 'mode', 'sticky'] }) @Component({ selector: 'ion-item-divider', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['color', 'mode', 'sticky', 'theme'], + inputs: ['color', 'mode', 'sticky'], standalone: true }) export class IonItemDivider {