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 { Element, Component, Host, Prop, h } from '@stencil/core';
import { getIonMode } from '../../global/ionic-global';
import { getIonStylesheet } from '../../global/ionic-global';
import type { AnimationBuilder, Color, Mode, RouterDirection } from '../../interface';
import type { AnchorInterface, ButtonInterface } from '../../utils/element-interface';
import type { Attributes } from '../../utils/helpers';
@ -9,6 +9,7 @@ import { inheritAttributes } from '../../utils/helpers';
import { createColorClasses, openURL } from '../../utils/theme';
/**
* @virtualProp {true | false} useBase - useBase determines if base components is enabled.
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*
* @part native - The native HTML button, anchor, or div element that wraps all child elements.
@ -16,6 +17,7 @@ import { createColorClasses, openURL } from '../../utils/theme';
@Component({
tag: 'ion-card',
styleUrls: {
base: 'card.scss',
ios: 'card.ios.scss',
md: 'card.md.scss',
},
@ -128,7 +130,7 @@ export class Card implements ComponentInterface, AnchorInterface, ButtonInterfac
}
render() {
const mode = getIonMode(this);
const mode = getIonStylesheet(this);
return (
<Host
class={createColorClasses(this.color, {