refactor(gallery-item): migrate to modular theming

core/api.txt

@@ -1064,7 +1064,6 @@ ion-gallery,prop,theme,"ios" | "md" | "ionic",undefined,false,false
 
 ion-gallery-item,shadow
 ion-gallery-item,prop,mode,"ios" | "md",undefined,false,false
-ion-gallery-item,prop,theme,"ios" | "md" | "ionic",undefined,false,false
 
 ion-grid,shadow
 ion-grid,prop,fixed,boolean,false,false,false

core/src/components.d.ts

@@ -1539,10 +1539,6 @@ export namespace Components {
           * Resolve the layout from the parent `ion-gallery`. Called internally on load and connect, and by the gallery when its layout changes.
          */
         "syncGalleryLayout": () => Promise<void>;
-        /**
-          * The theme determines the visual appearance of the component.
-         */
-        "theme"?: "ios" | "md" | "ionic";
     }
     interface IonGrid {
         /**
@@ -7411,10 +7407,6 @@ declare namespace LocalJSX {
           * The mode determines the platform behaviors of the component.
          */
         "mode"?: "ios" | "md";
-        /**
-          * The theme determines the visual appearance of the component.
-         */
-        "theme"?: "ios" | "md" | "ionic";
     }
     interface IonGrid {
         /**

core/src/components/gallery-item/gallery-item.tsx

@@ -2,11 +2,8 @@ import type { ComponentInterface } from '@stencil/core';
 import { Component, Element, Host, Method, State, h } from '@stencil/core';
 import { printIonWarning } from '@utils/logging';
 
-import { getIonTheme } from '../../global/ionic-global';
-
 /**
  * @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 - The content placed inside of the gallery item. This is typically an
  * `img`, but can be any element (e.g. a `figure` wrapping an image and caption).
@@ -71,12 +68,10 @@ export class GalleryItem implements ComponentInterface {
 
   render() {
     const { galleryLayout } = this;
-    const theme = getIonTheme(this);
 
     return (
       <Host
         class={{
-          [theme]: true,
           [`in-gallery-layout-${galleryLayout}`]: galleryLayout != undefined,
         }}
       >

packages/angular/src/lazy/directives/proxies.ts

@@ -927,14 +927,14 @@ export declare interface IonGallery extends Components.IonGallery {}
 
 
 @ProxyCmp({
-  inputs: ['mode', 'theme']
+  inputs: ['mode']
 })
 @Component({
   selector: 'ion-gallery-item',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['mode', 'theme'],
+  inputs: ['mode'],
   standalone: false
 })
 export class IonGalleryItem {

packages/angular/src/standalone/directives/ion-gallery-item.ts

@@ -10,14 +10,14 @@ import { defineCustomElement as defineIonGalleryItem } from '@ionic/core/compone
 
 @ProxyCmp({
   defineCustomElementFn: defineIonGalleryItem,
-  inputs: ['mode', 'theme']
+  inputs: ['mode']
 })
 @Component({
   selector: 'ion-gallery-item',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['mode', 'theme'],
+  inputs: ['mode'],
 })
 export class IonGalleryItem {
   protected el: HTMLIonGalleryItemElement;