npm - @rdlabo/ionic-theme-ios26 - Versions diffs - 0.1.1 → 0.1.3 - Mend

@rdlabo/ionic-theme-ios26 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (211) hide show

package/demo/src/global.scss DELETED Viewed

@@ -1,65 +0,0 @@
-/*
- * App Global CSS
- * ----------------------------------------------------------------------------
- * Put style rules here that you want to apply globally. These styles are for
- * the entire app and not just one component. Additionally, this file can be
- * used as an entry point to import other CSS/Sass files to be included in the
- * output CSS.
- * For more information on global stylesheets, visit the documentation:
- * https://ionicframework.com/docs/layout/global-stylesheets
- */
-/* Core CSS required for Ionic components to work properly */
-@use '@ionic/angular/css/core.css';
-/* Basic CSS for apps built with Ionic */
-@use '@ionic/angular/css/normalize.css';
-@use '@ionic/angular/css/structure.css';
-@use '@ionic/angular/css/typography.css';
-@use '@ionic/angular/css/display.css';
-/* Optional CSS utils that can be commented out */
-@use '@ionic/angular/css/padding.css';
-@use '@ionic/angular/css/float-elements.css';
-@use '@ionic/angular/css/text-alignment.css';
-@use '@ionic/angular/css/text-transformation.css';
-@use '@ionic/angular/css/flex-utils.css';
-/**
- * Ionic Dark Mode
- * -----------------------------------------------------
- * For more info, please see:
- * https://ionicframework.com/docs/theming/dark-mode
- */
-//@use "@ionic/angular/css/palettes/dark.always.css";
-//@use '@ionic/angular/css/palettes/dark.system.css';
-@use '@ionic/angular/css/palettes/dark.class.css';
-@use '../../src/default-variables';
-@use '../../src/ionic-theme-ios26';
-@use '../../src/ionic-theme-ios26-dark-class';
-:root {
-  --ios26-color-background-rgb: var(--ion-color-light-rgb);
-}
-ion-header.ios,
-ion-footer.ios {
-  ion-buttons:not(.ios26-disabled),
-  ion-button:not(.ios26-disabled),
-  ion-back-button:not(.ios26-disabled) {
-    --color: var(--ion-text-color, #000);
-  }
-}
-section.section-example {
-  background: var(--ion-background-color, #fff);
-  border-radius: 24px;
-  padding: 16px;
-  margin: 16px;
-}
-ion-searchbar .searchbar-input-container {
-  margin: 0 20px !important;
-}

package/demo/src/index.html DELETED Viewed

@@ -1,24 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Demo for ionic-theme-ios26</title>
-    <base href="/" />
-    <meta name="color-scheme" content="light dark" />
-    <meta
-      name="viewport"
-      content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <meta name="format-detection" content="telephone=no" />
-    <meta name="msapplication-tap-highlight" content="no" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <!-- add to homescreen for ios -->
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  </head>
-  <body>
-    <app-root></app-root>
-  </body>
-</html>

package/demo/src/main.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));

package/demo/src/test.ts DELETED Viewed

@@ -1,7 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import { getTestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());

package/demo/src/theme/variables.scss DELETED Viewed

@@ -1,20 +0,0 @@
-// For information on how to create your own theme, please see:
-// http://ionicframework.com/docs/theming/
-:root {
-  --ion-color-light: #f2f2f7;
-  --ion-color-light-rgb: 242, 242, 247;
-  --ion-color-light-contrast: #000000;
-  --ion-color-light-contrast-rgb: 0, 0, 0;
-  --ion-color-light-shade: #d5d5d9;
-  --ion-color-light-tint: #f3f3f8;
-}
-.ion-palette-dark {
-  --ion-color-light: #222428;
-  --ion-color-light-rgb: 34, 36, 40;
-  --ion-color-light-contrast: #fff;
-  --ion-color-light-contrast-rgb: 255, 255, 255;
-  --ion-color-light-shade: #1e2023;
-  --ion-color-light-tint: #383a3e;
-}

package/demo/tsconfig.app.json DELETED Viewed

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts",
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/demo/tsconfig.json DELETED Viewed

@@ -1,30 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "forceConsistentCasingInFileNames": true,
-    "esModuleInterop": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "sourceMap": true,
-    "declaration": false,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "es2022",
-    "module": "es2020",
-    "lib": ["es2018", "dom"],
-    "useDefineForClassFields": false
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}

package/demo/tsconfig.spec.json DELETED Viewed

@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts",
-  ],
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}

package/demo/util/mocks/angular/angular-delegate.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { ApplicationRef, NgZone, Injector, EnvironmentInjector, ComponentRef } from '@angular/core';
-import { FrameworkDelegate } from '@ionic/core/components';
-export class MockAngularDelegate {
-  create(environmentInjector: EnvironmentInjector, injector: Injector, elementReferenceKey?: string): MockAngularFrameworkDelegate {
-    return new MockAngularFrameworkDelegate();
-  }
-}
-export class MockAngularFrameworkDelegate implements FrameworkDelegate {
-  async attachViewToDom(container: any, component: any, params?: any, cssClasses?: string[]): Promise<any> {
-    // no-op
-  }
-  async removeViewFromDom(_container: any, component: any): Promise<void> {
-    // no-op
-  }
-}

package/demo/util/mocks/angular/ion-router-outlet.ts DELETED Viewed

@@ -1,39 +0,0 @@
-import { BaseMock } from '../util/base.mock';
-const METHODS = [
-  'nativeEl',
-  // 'tabsPrefix',
-  // 'stackEvents',
-  // 'activateEvents',
-  // 'deactivateEvents',
-  // 'animated',
-  // 'ngOnDestroy',
-  // 'getContext',
-  // 'ngOnInit',
-  // 'isActivated',
-  // 'component',
-  // 'activatedRoute',
-  // 'activatedRouteData',
-  // 'detach',
-  // 'attach',
-  // 'deactivate',
-  // 'activateWith',
-  // 'canGoBack',
-  // 'pop',
-  // 'getLastUrl',
-  // 'getLastRouteView',
-  // 'getRootView',
-  // 'getActiveStackId',
-];
-export class IonRouterOutletMock extends BaseMock {
-  constructor() {
-    super('NavController', METHODS);
-    this.spyObj.nativeEl.and.returnValue();
-  }
-  public static instance(): any {
-    return new IonRouterOutletMock();
-  }
-}

package/demo/util/mocks/angular/modal-controller.ts DELETED Viewed

@@ -1,7 +0,0 @@
-import { Overlay } from '../util/overlay';
-export class ModalControllerMock extends Overlay {
-  public static instance(): any {
-    return new ModalControllerMock();
-  }
-}

package/demo/util/mocks/angular/nav-controller.ts DELETED Viewed

@@ -1,22 +0,0 @@
-import { BaseMock } from '../util/base.mock';
-const METHODS = ['navigateForward', 'navigateBack', 'navigateRoot', 'back', 'pop', 'setDirection', 'setTopOutlet', 'consumeTransition'];
-export class NavControllerMock extends BaseMock {
-  constructor() {
-    super('NavController', METHODS);
-    this.spyObj.navigateForward.and.returnValue(Promise.resolve());
-    this.spyObj.navigateBack.and.returnValue(Promise.resolve());
-    this.spyObj.navigateRoot.and.returnValue(Promise.resolve());
-    this.spyObj.back.and.returnValue(Promise.resolve());
-    this.spyObj.pop.and.returnValue(Promise.resolve());
-    this.spyObj.setDirection.and.returnValue();
-    this.spyObj.setTopOutlet.and.returnValue();
-    this.spyObj.consumeTransition.and.returnValue();
-  }
-  public static instance(): any {
-    return new NavControllerMock();
-  }
-}

package/demo/util/mocks/angular/popover-controller.ts DELETED Viewed

@@ -1,7 +0,0 @@
-import { Overlay } from '../util/overlay';
-export class PopoverControllerMock extends Overlay {
-  public static instance(): any {
-    return new PopoverControllerMock();
-  }
-}

package/demo/util/mocks/util/base.mock.ts DELETED Viewed

@@ -1,13 +0,0 @@
-export abstract class BaseMock {
-  protected spyObj: any;
-  // eslint-disable-next-line
-  constructor(baseName: string, methodNames: any[]) {
-    this.spyObj = jasmine.createSpyObj(baseName, methodNames);
-    methodNames.forEach((methodName) => {
-      // @ts-ignore
-      this[methodName] = this.spyObj[methodName];
-    });
-  }
-}

package/demo/util/mocks/util/overlay.ts DELETED Viewed

@@ -1,13 +0,0 @@
-import { BaseMock } from './base.mock';
-const METHODS = ['create', 'dismiss', 'getTop'];
-export class Overlay extends BaseMock {
-  constructor() {
-    super('Overlay', METHODS);
-    this.spyObj.create.and.returnValue(Promise.resolve());
-    this.spyObj.dismiss.and.returnValue(Promise.resolve());
-    this.spyObj.getTop.and.returnValue(Promise.resolve());
-  }
-}

package/demo/util/test.config.ts DELETED Viewed

@@ -1,54 +0,0 @@
-/* eslint @rdlabo/rules/deny-import-from-ionic-module: off */
-import { ApplicationConfig, importProvidersFrom, provideZonelessChangeDetection } from '@angular/core';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { IonNav, IonRouterOutlet, ModalController, NavController, NavParams, PopoverController } from '@ionic/angular/standalone';
-import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { IonRouterOutletMock } from './mocks/angular/ion-router-outlet';
-import { ModalControllerMock } from './mocks/angular/modal-controller';
-import { NavControllerMock } from './mocks/angular/nav-controller';
-import { PopoverControllerMock } from './mocks/angular/popover-controller';
-import { MockAngularDelegate } from './mocks/angular/angular-delegate';
-import { provideRouter, withComponentInputBinding } from '@angular/router';
-import { AngularDelegate } from '@ionic/angular';
-/**
- * Standalone configuration for Angular tests
- *
- * This is the recommended approach for new tests and for migrating existing tests.
- * It aligns with Angular's direction towards standalone components.
- */
-export const testConfig: ApplicationConfig = {
-  providers: [
-    provideZonelessChangeDetection(),
-    provideRouter([], withComponentInputBinding()),
-    importProvidersFrom(FormsModule, ReactiveFormsModule),
-    NavParams,
-    IonNav,
-    {
-      provide: AngularDelegate,
-      useClass: MockAngularDelegate,
-    },
-    {
-      provide: IonRouterOutlet,
-      useFactory: () => IonRouterOutletMock.instance(),
-    },
-    {
-      provide: ModalController,
-      useFactory: () => ModalControllerMock.instance(),
-    },
-    {
-      provide: NavController,
-      useFactory: () => NavControllerMock.instance(),
-    },
-    {
-      provide: PopoverController,
-      useFactory: () => PopoverControllerMock.instance(),
-    },
-    provideHttpClient(withInterceptorsFromDi()),
-    provideHttpClientTesting(),
-  ],
-};

package/prettier.config.js DELETED Viewed

@@ -1,18 +0,0 @@
-module.exports = {
-  /**
-   * Default value is 80. 80 is too small in wide screen.
-   */
-  printWidth: 140,
-  /**
-   * Why: Preferred in us.
-   */
-  singleQuote: true,
-  /**
-   * Why: ES compatibility is handled by TypeScript compilation.
-   */
-  trailingComma: 'all',
-  /**
-   * Why: Follow Angular tslint-rule
-   */
-  arrowParens: 'always',
-};

package/screenshots/ios26.png DELETED Viewed

Binary file

package/screenshots/why-ion-list-inset.png DELETED Viewed

Binary file

package/tsconfig.json DELETED Viewed

@@ -1,5 +0,0 @@
-{
-  "compilerOptions": {
-    "types": ["@ionic/core/dist/types/components"]
-  }
-}