feat(base-components): add ability to remove ios and md theme (#26669)

This commit is contained in:
Liam DeBeasi
2023-01-24 16:18:35 -05:00
committed by GitHub
parent 4d24b328e2
commit 18f109c7da
114 changed files with 1585 additions and 383 deletions

View File

@ -1,7 +1,7 @@
import type { ComponentInterface } from '@stencil/core';
import { Component, Host, Listen, Prop, h } from '@stencil/core';
import { getIonMode } from '../../global/ionic-global';
import { getIonStylesheet } from '../../global/ionic-global';
import type { SelectPopoverOption } from '../../interface';
import { safeCall } from '../../utils/overlays';
import { getClassMap } from '../../utils/theme';
@ -10,10 +10,13 @@ import { getClassMap } from '../../utils/theme';
/**
* @internal
* @virtualProp {true | false} useBase - useBase determines if base components is enabled.
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*/
@Component({
tag: 'ion-select-popover',
styleUrls: {
base: 'select-popover.scss',
ios: 'select-popover.ios.scss',
md: 'select-popover.md.scss',
},
@ -150,7 +153,7 @@ export class SelectPopover implements ComponentInterface {
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
return (
<Host class={getIonMode(this)}>
<Host class={getIonStylesheet(this)}>
<ion-list>
{header !== undefined && <ion-list-header>{header}</ion-list-header>}
{hasSubHeaderOrMessage && (