@ionic/core 7.3.4-dev.11699991837.1bc64f72 → 7.3.4-dev.11700516018.128deb56

package/dist/collection/components/range/test/label/range.e2e.js

@@ -40,17 +40,6 @@ configs().forEach(({ title, screenshot, config }) => {
         const range = page.locator('ion-range');
         await expect(range).toHaveScreenshot(screenshot(`range-no-items-fixed`));
       });
-      test('should render label above the range slider', async ({ page }) => {
-        await page.setContent(`
-          <div id="container" style="padding-inline-start: 20px;">
-            <ion-range label-placement="stacked">
-              <span slot="label">Volume</span>
-            </ion-range>
-          </div>
-        `, config);
-        const range = page.locator('#container');
-        await expect(range).toHaveScreenshot(screenshot(`range-no-items-stacked`));
-      });
     });
     test.describe('range: start and end items', () => {
       test('should render a range with no visible label', async ({ page }) => {
@@ -96,17 +85,6 @@ configs().forEach(({ title, screenshot, config }) => {
         const range = page.locator('ion-range');
         await expect(range).toHaveScreenshot(screenshot(`range-items-fixed`));
       });
-      test('should render label above the range slider', async ({ page }) => {
-        await page.setContent(`
-          <ion-range label-placement="stacked">
-            <ion-icon name="volume-off" slot="start"></ion-icon>
-            <ion-icon name="volume-high" slot="end"></ion-icon>
-            <span slot="label">Volume</span>
-          </ion-range>
-        `, config);
-        const range = page.locator('ion-range');
-        await expect(range).toHaveScreenshot(screenshot(`range-items-stacked`));
-      });
     });
     test.describe('range: label prop', () => {
       test('should render label in the start placement', async ({ page }) => {
@@ -124,15 +102,6 @@ configs().forEach(({ title, screenshot, config }) => {
         const range = page.locator('ion-range');
         await expect(range).toHaveScreenshot(screenshot(`range-label-prop-fixed`));
       });
-      test('should render label above the range slider', async ({ page }) => {
-        await page.setContent(`
-          <div id="container" style="padding-inline-start: 20px;">
-            <ion-range label-placement="stacked" label="Volume"></ion-range>
-          </div>
-          `, config);
-        const range = page.locator('#container');
-        await expect(range).toHaveScreenshot(screenshot(`range-label-prop-stacked`));
-      });
     });
   });
 });
@@ -148,21 +117,4 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
       await expect(range).toHaveScreenshot(screenshot(`range-label-truncate`));
     });
   });
-  test.describe(title('range: with pin'), () => {
-    test('should render pin below a stacked label', async ({ page }) => {
-      await page.setContent(`
-        <div id="container" style="padding-inline-start: 20px;">
-          <ion-range label-placement="stacked" pin="true">
-            <span slot="label">Volume</span>
-          </ion-range>
-        </div>
-      `, config);
-      const container = page.locator('#container');
-      const range = page.locator('ion-range');
-      const knob = range.locator('.range-knob-handle');
-      // Force the pin to show
-      await knob.evaluate((el) => el.classList.add('ion-focused'));
-      await expect(container).toHaveScreenshot(screenshot(`range-stacked-pin`));
-    });
-  });
 });

package/dist/collection/components/toggle/test/item/toggle.e2e.js

@@ -58,19 +58,4 @@ configs({ directions: ['ltr'], modes: ['md'] }).forEach(({ title, screenshot, co
       await expect(list).toHaveScreenshot(screenshot(`toggle-long-label-in-item`));
     });
   });
-  test.describe(title('toggle: stacked label in item'), () => {
-    test('should render margins correctly when using stacked label in item', async ({ page }) => {
-      await page.setContent(`
-          <ion-list>
-            <ion-radio-group>
-              <ion-item>
-                <ion-toggle label-placement="stacked">Enable Notifications</ion-toggle>
-              </ion-item>
-            </ion-radio-group>
-          </ion-list>
-        `, config);
-      const list = page.locator('ion-list');
-      await expect(list).toHaveScreenshot(screenshot(`toggle-stacked-label-in-item`));
-    });
-  });
 });

package/dist/collection/components/toggle/test/label/toggle.e2e.js

@@ -90,20 +90,4 @@ configs().forEach(({ title, screenshot, config }) => {
       await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-space-between`));
     });
   });
-  test.describe(title('toggle: stacked placement'), () => {
-    test('should align the label to the start of the container in the stacked position', async ({ page }) => {
-      await page.setContent(`
-          <ion-toggle label-placement="stacked" alignment="start" style="width: 200px">This is a long label</ion-toggle>
-        `, config);
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-start`));
-    });
-    test('should align the label to the center of the container in the stacked position', async ({ page }) => {
-      await page.setContent(`
-          <ion-toggle label-placement="stacked" alignment="center" style="width: 200px">This is a long label</ion-toggle>
-        `, config);
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-center`));
-    });
-  });
 });

package/dist/collection/components/toggle/toggle.ios.css

@@ -123,6 +123,7 @@ input {
   display: flex;
   position: relative;
   flex-grow: 1;
+  align-items: center;
   height: inherit;
   transition: background-color 15ms linear;
   cursor: inherit;
@@ -145,15 +146,6 @@ input {
   margin-bottom: 10px;
 }
 
-:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper {
-  margin-top: 10px;
-  margin-bottom: 16px;
-}
-
-:host(.in-item.toggle-label-placement-stacked) .native-wrapper {
-  margin-bottom: 10px;
-}
-
 /**
  * If no label text is placed into the slot
  * then the element should be hidden otherwise
@@ -180,14 +172,6 @@ input {
   justify-content: end;
 }
 
-:host(.toggle-alignment-start) .toggle-wrapper {
-  align-items: start;
-}
-
-:host(.toggle-alignment-center) .toggle-wrapper {
-  align-items: center;
-}
-
 /**
  * Label is on the left of the input in LTR and
  * on the right in RTL.
@@ -251,24 +235,6 @@ input {
   max-width: 200px;
 }
 
-/**
- * Label is on top of the toggle.
- */
-:host(.toggle-label-placement-stacked) .toggle-wrapper {
-  flex-direction: column;
-}
-
-:host(.toggle-label-placement-stacked) .label-text-wrapper {
-  /**
-   * The margin between the label and
-   * the toggle should be on the bottom
-   * when the label sits on top.
-   */
-  margin-left: 0;
-  margin-right: 0;
-  margin-bottom: 16px;
-}
-
 .toggle-icon-wrapper {
   display: flex;
   position: relative;

package/dist/collection/components/toggle/toggle.js

@@ -71,7 +71,6 @@ export class Toggle {
     this.labelPlacement = 'start';
     this.legacy = undefined;
     this.justify = 'space-between';
-    this.alignment = 'center';
   }
   disabledChanged() {
     this.emitStyle();
@@ -169,7 +168,7 @@ export class Toggle {
     return legacyFormController.hasLegacyControl() ? this.renderLegacyToggle() : this.renderToggle();
   }
   renderToggle() {
-    const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment } = this;
+    const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name } = this;
     const mode = getIonMode(this);
     const value = this.getValue();
     const rtl = isRTL(el) ? 'rtl' : 'ltr';
@@ -181,7 +180,6 @@ export class Toggle {
         'toggle-checked': checked,
         'toggle-disabled': disabled,
         [`toggle-justify-${justify}`]: true,
-        [`toggle-alignment-${alignment}`]: true,
         [`toggle-label-placement-${labelPlacement}`]: true,
         [`toggle-${rtl}`]: true,
       }) }, h("label", { class: "toggle-wrapper" }, h("input", Object.assign({ type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { class: {
@@ -354,15 +352,15 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'start' | 'end' | 'fixed' | 'stacked'",
-          "resolved": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+          "original": "'start' | 'end' | 'fixed'",
+          "resolved": "\"end\" | \"fixed\" | \"start\"",
           "references": {}
         },
         "required": false,
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property."
+          "text": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\")."
         },
         "attribute": "label-placement",
         "reflect": false,
@@ -402,24 +400,6 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
         "attribute": "justify",
         "reflect": false,
         "defaultValue": "'space-between'"
-      },
-      "alignment": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'start' | 'center'",
-          "resolved": "\"center\" | \"start\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "How to control the alignment of the toggle and label on the cross axis.\n``\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL."
-        },
-        "attribute": "alignment",
-        "reflect": false,
-        "defaultValue": "'center'"
       }
     };
   }

package/dist/collection/components/toggle/toggle.md.css

@@ -123,6 +123,7 @@ input {
   display: flex;
   position: relative;
   flex-grow: 1;
+  align-items: center;
   height: inherit;
   transition: background-color 15ms linear;
   cursor: inherit;
@@ -145,15 +146,6 @@ input {
   margin-bottom: 10px;
 }
 
-:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper {
-  margin-top: 10px;
-  margin-bottom: 16px;
-}
-
-:host(.in-item.toggle-label-placement-stacked) .native-wrapper {
-  margin-bottom: 10px;
-}
-
 /**
  * If no label text is placed into the slot
  * then the element should be hidden otherwise
@@ -180,14 +172,6 @@ input {
   justify-content: end;
 }
 
-:host(.toggle-alignment-start) .toggle-wrapper {
-  align-items: start;
-}
-
-:host(.toggle-alignment-center) .toggle-wrapper {
-  align-items: center;
-}
-
 /**
  * Label is on the left of the input in LTR and
  * on the right in RTL.
@@ -251,24 +235,6 @@ input {
   max-width: 200px;
 }
 
-/**
- * Label is on top of the toggle.
- */
-:host(.toggle-label-placement-stacked) .toggle-wrapper {
-  flex-direction: column;
-}
-
-:host(.toggle-label-placement-stacked) .label-text-wrapper {
-  /**
-   * The margin between the label and
-   * the toggle should be on the bottom
-   * when the label sits on top.
-   */
-  margin-left: 0;
-  margin-right: 0;
-  margin-bottom: 16px;
-}
-
 .toggle-icon-wrapper {
   display: flex;
   position: relative;

package/dist/collection/components/toolbar/toolbar.ios.css

@@ -23,11 +23,13 @@
   --opacity-scale: 1;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
+  -webkit-padding-start: var(--ion-safe-area-left);
+  padding-inline-start: var(--ion-safe-area-left);
+  -webkit-padding-end: var(--ion-safe-area-right);
+  padding-inline-end: var(--ion-safe-area-right);
   display: block;
   position: relative;
   width: 100%;
-  padding-right: var(--ion-safe-area-right);
-  padding-left: var(--ion-safe-area-left);
   color: var(--color);
   font-family: var(--ion-font-family, inherit);
   contain: content;

package/dist/collection/components/toolbar/toolbar.md.css

@@ -23,11 +23,13 @@
   --opacity-scale: 1;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
+  -webkit-padding-start: var(--ion-safe-area-left);
+  padding-inline-start: var(--ion-safe-area-left);
+  -webkit-padding-end: var(--ion-safe-area-right);
+  padding-inline-end: var(--ion-safe-area-right);
   display: block;
   position: relative;
   width: 100%;
-  padding-right: var(--ion-safe-area-right);
-  padding-left: var(--ion-safe-area-left);
   color: var(--color);
   font-family: var(--ion-font-family, inherit);
   contain: content;

package/dist/collection/index.js

@@ -3,7 +3,6 @@
  */
 import "ionicons";
 export { createAnimation } from './utils/animation/animation';
-export { getIonPageElement } from './utils/transition';
 export { iosTransitionAnimation } from './utils/transition/ios.transition';
 export { mdTransitionAnimation } from './utils/transition/md.transition';
 export { getTimeGivenProgression } from './utils/animation/cubic-bezier';

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-11-14T19:59:36",
+  "timestamp": "2023-11-20T21:35:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.2.0",
@@ -4959,33 +4959,6 @@
       ],
       "usage": {},
       "props": [
-        {
-          "name": "alignment",
-          "type": "\"center\" | \"start\"",
-          "complexType": {
-            "original": "'start' | 'center'",
-            "resolved": "\"center\" | \"start\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "alignment",
-          "reflectToAttr": false,
-          "docs": "How to control the alignment of the checkbox and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
-          "docsTags": [],
-          "default": "'center'",
-          "values": [
-            {
-              "value": "center",
-              "type": "string"
-            },
-            {
-              "value": "start",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "checked",
           "type": "boolean",
@@ -5151,16 +5124,16 @@
         },
         {
           "name": "labelPlacement",
-          "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+          "type": "\"end\" | \"fixed\" | \"start\"",
           "complexType": {
-            "original": "'start' | 'end' | 'fixed' | 'stacked'",
-            "resolved": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+            "original": "'start' | 'end' | 'fixed'",
+            "resolved": "\"end\" | \"fixed\" | \"start\"",
             "references": {}
           },
           "mutable": false,
           "attr": "label-placement",
           "reflectToAttr": false,
-          "docs": "Where to place the label relative to the checkbox.\n`\"start\"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
+          "docs": "Where to place the label relative to the checkbox.\n`\"start\"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
           "docsTags": [],
           "default": "'start'",
           "values": [
@@ -5172,10 +5145,6 @@
               "value": "fixed",
               "type": "string"
             },
-            {
-              "value": "stacked",
-              "type": "string"
-            },
             {
               "value": "start",
               "type": "string"
@@ -6839,22 +6808,6 @@
         {
           "name": "part",
           "text": "month-year-button - The button that opens the month/year picker when\nusing a grid style layout."
-        },
-        {
-          "name": "part",
-          "text": "calendar-day - The individual buttons that display a day inside of the datetime\ncalendar."
-        },
-        {
-          "name": "part",
-          "text": "calendar-day active - The currently selected calendar day."
-        },
-        {
-          "name": "part",
-          "text": "calendar-day today - The calendar day that contains the current day."
-        },
-        {
-          "name": "part",
-          "text": "calendar-day disabled - The calendar day that is disabled."
         }
       ],
       "usage": {},
@@ -7875,22 +7828,6 @@
         }
       ],
       "parts": [
-        {
-          "name": "calendar-day",
-          "docs": "The individual buttons that display a day inside of the datetime\ncalendar."
-        },
-        {
-          "name": "calendar-day active",
-          "docs": "The currently selected calendar day."
-        },
-        {
-          "name": "calendar-day disabled",
-          "docs": "The calendar day that is disabled."
-        },
-        {
-          "name": "calendar-day today",
-          "docs": "The calendar day that contains the current day."
-        },
         {
           "name": "month-year-button",
           "docs": "The button that opens the month/year picker when\nusing a grid style layout."
@@ -19317,33 +19254,6 @@
       ],
       "usage": {},
       "props": [
-        {
-          "name": "alignment",
-          "type": "\"center\" | \"start\"",
-          "complexType": {
-            "original": "'start' | 'center'",
-            "resolved": "\"center\" | \"start\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "alignment",
-          "reflectToAttr": false,
-          "docs": "How to control the alignment of the radio and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
-          "docsTags": [],
-          "default": "'center'",
-          "values": [
-            {
-              "value": "center",
-              "type": "string"
-            },
-            {
-              "value": "start",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "color",
           "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
@@ -19465,16 +19375,16 @@
         },
         {
           "name": "labelPlacement",
-          "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+          "type": "\"end\" | \"fixed\" | \"start\"",
           "complexType": {
-            "original": "'start' | 'end' | 'fixed' | 'stacked'",
-            "resolved": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+            "original": "'start' | 'end' | 'fixed'",
+            "resolved": "\"end\" | \"fixed\" | \"start\"",
             "references": {}
           },
           "mutable": false,
           "attr": "label-placement",
           "reflectToAttr": false,
-          "docs": "Where to place the label relative to the radio.\n`\"start\"`: The label will appear to the left of the radio in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the radio in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the radio regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
+          "docs": "Where to place the label relative to the radio.\n`\"start\"`: The label will appear to the left of the radio in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the radio in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
           "docsTags": [],
           "default": "'start'",
           "values": [
@@ -19486,10 +19396,6 @@
               "value": "fixed",
               "type": "string"
             },
-            {
-              "value": "stacked",
-              "type": "string"
-            },
             {
               "value": "start",
               "type": "string"
@@ -20018,16 +19924,16 @@
         },
         {
           "name": "labelPlacement",
-          "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+          "type": "\"end\" | \"fixed\" | \"start\"",
           "complexType": {
-            "original": "'start' | 'end' | 'fixed' | 'stacked'",
-            "resolved": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+            "original": "'start' | 'end' | 'fixed'",
+            "resolved": "\"end\" | \"fixed\" | \"start\"",
             "references": {}
           },
           "mutable": false,
           "attr": "label-placement",
           "reflectToAttr": false,
-          "docs": "Where to place the label relative to the range.\n`\"start\"`: The label will appear to the left of the range in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the range in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the range regardless of the direction.",
+          "docs": "Where to place the label relative to the range.\n`\"start\"`: The label will appear to the left of the range in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the range in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
           "docsTags": [],
           "default": "'start'",
           "values": [
@@ -20039,10 +19945,6 @@
               "value": "fixed",
               "type": "string"
             },
-            {
-              "value": "stacked",
-              "type": "string"
-            },
             {
               "value": "start",
               "type": "string"
@@ -28220,33 +28122,6 @@
       ],
       "usage": {},
       "props": [
-        {
-          "name": "alignment",
-          "type": "\"center\" | \"start\"",
-          "complexType": {
-            "original": "'start' | 'center'",
-            "resolved": "\"center\" | \"start\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "alignment",
-          "reflectToAttr": false,
-          "docs": "How to control the alignment of the toggle and label on the cross axis.\n``\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
-          "docsTags": [],
-          "default": "'center'",
-          "values": [
-            {
-              "value": "center",
-              "type": "string"
-            },
-            {
-              "value": "start",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "checked",
           "type": "boolean",
@@ -28415,16 +28290,16 @@
         },
         {
           "name": "labelPlacement",
-          "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+          "type": "\"end\" | \"fixed\" | \"start\"",
           "complexType": {
-            "original": "'start' | 'end' | 'fixed' | 'stacked'",
-            "resolved": "\"end\" | \"fixed\" | \"stacked\" | \"start\"",
+            "original": "'start' | 'end' | 'fixed'",
+            "resolved": "\"end\" | \"fixed\" | \"start\"",
             "references": {}
           },
           "mutable": false,
           "attr": "label-placement",
           "reflectToAttr": false,
-          "docs": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n`\"stacked\"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.",
+          "docs": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the toggle in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the toggle in LTR and to the left in RTL.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
           "docsTags": [],
           "default": "'start'",
           "values": [
@@ -28436,10 +28311,6 @@
               "value": "fixed",
               "type": "string"
             },
-            {
-              "value": "stacked",
-              "type": "string"
-            },
             {
               "value": "start",
               "type": "string"
@@ -29286,7 +29157,7 @@
       "path": "src/components/toast/toast-interface.ts"
     },
     "src/components/toast/toast-interface.ts::ToastButton": {
-      "declaration": "export interface ToastButton {\n  text?: string;\n  icon?: string;\n  side?: 'start' | 'end';\n  role?: 'cancel' | string;\n\n  /**\n   * @deprecated Use the toast button's CSS Shadow Parts instead.\n   */\n  cssClass?: string | string[];\n  htmlAttributes?: { [key: string]: any };\n  handler?: () => boolean | void | Promise<boolean | void>;\n}",
+      "declaration": "export interface ToastButton {\n  text?: string;\n  icon?: string;\n  side?: 'start' | 'end';\n  role?: 'cancel' | string;\n  cssClass?: string | string[];\n  htmlAttributes?: { [key: string]: any };\n  handler?: () => boolean | void | Promise<boolean | void>;\n}",
       "docstring": "",
       "path": "src/components/toast/toast-interface.ts"
     },