revert(): revert base components feature (#26692)

The Ionic Framework team would like to re-evaluate our approach to improving customization options when building mobile applications. We are looking at other solutions that a) make customizing an app UI easier and b) are applicable to a broader set of developers.
This commit is contained in:
Liam DeBeasi
2023-01-30 11:52:36 -05:00
committed by GitHub
parent 592a4f1a37
commit b78b454e08
114 changed files with 387 additions and 1587 deletions

View File

@ -2,7 +2,7 @@ import type { ComponentInterface, EventEmitter } from '@stencil/core';
import { Component, Element, Event, Host, Prop, Watch, h } from '@stencil/core';
// TODO(FW-2845) - Use @utils/forms and @utils/logging when https://github.com/ionic-team/stencil/issues/3826 is resolved
import { getIonStylesheet } from '../../global/ionic-global';
import { getIonMode } from '../../global/ionic-global';
import type { CheckboxChangeEventDetail, Color, Mode, StyleEventDetail } from '../../interface';
import type { LegacyFormController } from '../../utils/forms';
import { createLegacyFormController } from '../../utils/forms';
@ -12,7 +12,6 @@ import { printIonWarning } from '../../utils/logging';
import { createColorClasses, hostContext } 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.
*
* @slot - The label text to associate with the checkbox. Use the "labelPlacement" property to control where the label is placed relative to the checkbox.
@ -23,7 +22,6 @@ import { createColorClasses, hostContext } from '../../utils/theme';
@Component({
tag: 'ion-checkbox',
styleUrls: {
base: 'checkbox.scss',
ios: 'checkbox.ios.scss',
md: 'checkbox.md.scss',
},
@ -227,7 +225,7 @@ export class Checkbox implements ComponentInterface {
name,
value,
} = this;
const mode = getIonStylesheet(this);
const mode = getIonMode(this);
const path = getSVGPath(mode, indeterminate);
renderHiddenInput(true, el, name, checked ? value : '', disabled);
@ -298,7 +296,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
}
const { color, checked, disabled, el, getSVGPath, indeterminate, inputId, name, value } = this;
const mode = getIonStylesheet(this);
const mode = getIonMode(this);
const { label, labelId, labelText } = getAriaLabel(el, inputId);
const path = getSVGPath(mode, indeterminate);