@ionic/core 9.0.10 → 9.0.11-dev.11793705116.185a3203

package/dist/collection/components/router-outlet/router-outlet.css

@@ -1,3 +1,9 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use
@@ -54,8 +60,8 @@
  * }
  */
 :host {
-  left: 0;
   right: 0;
+  left: 0;
   top: 0;
   bottom: 0;
   position: absolute;

package/dist/collection/components/router-outlet/router-outlet.js

@@ -10,12 +10,15 @@ import { printIonError } from "../../utils/logging/index";
 import { blockSwipeClicks, transition } from "../../utils/transition/index";
 import { config } from "../../global/config";
 import { getIonMode } from "../../global/ionic-global";
+/**
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export class RouterOutlet {
     constructor() {
         this.lockController = createLockController();
         this.gestureOrAnimationInProgress = false;
         /**
-         * The mode determines which platform styles to use.
+         * The mode determines the platform behaviors of the component.
          */
         this.mode = getIonMode(this);
         /**
@@ -226,7 +229,7 @@ export class RouterOutlet {
         return true;
     }
     render() {
-        return h("slot", { key: '078cdc7a63b98570746409fc08c4af80f8d7da4d' });
+        return h("slot", { key: 'f558387bf490206aaa6f58132995c5080354ec02' });
     }
     static get is() { return "ion-router-outlet"; }
     static get encapsulation() { return "shadow"; }
@@ -259,7 +262,7 @@ export class RouterOutlet {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The mode determines which platform styles to use."
+                    "text": "The mode determines the platform behaviors of the component."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/row/row.css

@@ -1,3 +1,9 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use
@@ -53,6 +59,12 @@
  *   }
  * }
  */
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use
@@ -133,4 +145,8 @@
 :host {
   display: flex;
   flex-wrap: wrap;
+  /**
+   * @prop --ion-grid-gap: The gap between grid items
+   */
+  gap: var(--ion-grid-gap, 0px);
 }

package/dist/collection/components/row/row.js

@@ -2,10 +2,17 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Host, h } from "@stencil/core";
-import { getIonMode } from "../../global/ionic-global";
+import { getIonTheme } from "../../global/ionic-global";
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export class Row {
     render() {
-        return (h(Host, { key: '12b7419dd67ff18dd00e1bf5093299bd94c75503', class: getIonMode(this) }, h("slot", { key: '43fc76a289ecaf398a77a90034ee576003a826fd' })));
+        const theme = getIonTheme(this);
+        return (h(Host, { key: '369ed55bee4f62544da323faabea568ff6ad2b8e', class: {
+                [theme]: true,
+            } }, h("slot", { key: '4b1a1ed7d933f83b0f4a79e961312db46a2a2eb2' })));
     }
     static get is() { return "ion-row"; }
     static get encapsulation() { return "shadow"; }