javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 03:00:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): update to use shadow DOM and work with css variables

Browse Source 
- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>
This commit is contained in:
Brandy Carney
2018-07-09 12:57:21 -04:00
parent a4659f03b4
commit a7f1f4daa7
710 changed files with 20999 additions and 20853 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
core/src/interface.d.ts vendored
View File

@ -1,4 +1,4 @@
// Components
// Components interfaces
export * from './components';
export * from './components/animation-controller/animation-interface';
export * from './components/alert/alert-interface';
@ -13,15 +13,26 @@ export * from './components/popover/popover-interface';
export * from './components/nav/nav-interface';
export * from './components/router/utils/interface';
export * from './components/range/range-interface';
export * from './components/scroll/scroll-interface';
export * from './components/select/select-interface';
export * from './components/select-popover/select-popover-interface';
export * from './components/tabbar/tabbar-interface';
export * from './components/toast/toast-interface';
export * from './components/virtual-scroll/virtual-scroll-interface';
// TODO: review how this types are exported
// Other types
export * from './components/nav/view-controller';
// export all of the component declarations that are dynamically created
export * from './utils/input-interface';
export * from './global/config';
export { OverlayEventDetail, OverlayInterface } from './utils/overlays';
export type Color = 'default'| 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';
// Global types
export type Side = 'start' | 'end';
export type PredefinedColors = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';
export type Color = PredefinedColors | string;
export type Mode = 'ios' | 'md';
export type ComponentRef = Function | HTMLElement | string;
export type ComponentProps = {[key: string]: any};
@ -32,19 +43,6 @@ export interface FrameworkDelegate {
removeViewFromDom(container: any, component: any): Promise<void>;
}
export interface QueueController {
read: DomControllerCallback;
write: DomControllerCallback;
}
export interface RafCallback {
(timeStamp: number): void;
}
export interface DomControllerCallback {
(cb: RafCallback): void;
}
declare global {
@ -53,6 +51,7 @@ declare global {
export interface DOMAttributes {
// for ion-menu and ion-split-pane
main?: boolean;
tappable?: boolean;
padding?: boolean;
['padding-top']?: boolean;