diff --git a/core/api.txt b/core/api.txt index 7ff3512ad8f..1eea95fdf26 100644 --- a/core/api.txt +++ b/core/api.txt @@ -1922,12 +1922,12 @@ ion-toast,part,icon ion-toast,part,message ion-toggle,shadow -ion-toggle,prop,alignment,"center" | "start",'center',false,false +ion-toggle,prop,alignment,"center" | "start" | undefined,undefined,false,false ion-toggle,prop,checked,boolean,false,false,false ion-toggle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true ion-toggle,prop,disabled,boolean,false,false,false ion-toggle,prop,enableOnOffLabels,boolean | undefined,config.get('toggleOnOffLabels'),false,false -ion-toggle,prop,justify,"end" | "space-between" | "start",'space-between',false,false +ion-toggle,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false ion-toggle,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false ion-toggle,prop,mode,"ios" | "md",undefined,false,false ion-toggle,prop,name,string,this.inputId,false,false diff --git a/core/src/components.d.ts b/core/src/components.d.ts index bfe54524de2..d009a096c73 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -3214,9 +3214,9 @@ export namespace Components { } interface IonToggle { /** - * How to control the alignment of the toggle and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. + * How to control the alignment of the toggle and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. Setting this property will change the toggle `display` to `block`. */ - "alignment": 'start' | 'center'; + "alignment"?: 'start' | 'center'; /** * If `true`, the toggle is selected. */ @@ -3234,9 +3234,9 @@ export namespace Components { */ "enableOnOffLabels": boolean | undefined; /** - * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements. + * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements. Setting this property will change the toggle `display` to `block`. */ - "justify": 'start' | 'end' | 'space-between'; + "justify"?: 'start' | 'end' | 'space-between'; /** * Where to place the label relative to the input. `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL. `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property. */ @@ -8020,7 +8020,7 @@ declare namespace LocalJSX { } interface IonToggle { /** - * How to control the alignment of the toggle and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. + * How to control the alignment of the toggle and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. Setting this property will change the toggle `display` to `block`. */ "alignment"?: 'start' | 'center'; /** @@ -8040,7 +8040,7 @@ declare namespace LocalJSX { */ "enableOnOffLabels"?: boolean | undefined; /** - * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements. + * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements. Setting this property will change the toggle `display` to `block`. */ "justify"?: 'start' | 'end' | 'space-between'; /** diff --git a/core/src/components/toggle/test/basic/index.html b/core/src/components/toggle/test/basic/index.html index 64d09702329..e8e286b7a73 100644 --- a/core/src/components/toggle/test/basic/index.html +++ b/core/src/components/toggle/test/basic/index.html @@ -12,6 +12,16 @@ + + @@ -19,18 +29,21 @@ Toggle - Basic - - - - Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications - Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable - Notifications + Unchecked
+ Checked
+ Disabled
+ Disabled, Checked
+ +
+ + Default width
+ Specified width
+ Full-width
+ Long Label Long Label Long Label Long Label Long Label Long Label
diff --git a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png index 6720fa14c7e..7720362f1e0 100644 Binary files a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png index 8f032ee8e15..78b4e46f641 100644 Binary files a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png index dcf0253539e..9d9b6065b57 100644 Binary files a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/index.html b/core/src/components/toggle/test/label/index.html index 2c4a1062239..58a16688b5b 100644 --- a/core/src/components/toggle/test/label/index.html +++ b/core/src/components/toggle/test/label/index.html @@ -33,10 +33,6 @@ padding: 0; } } - - ion-toggle { - width: 100%; - } diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts b/core/src/components/toggle/test/label/toggle.e2e.ts index 92c491853eb..517f8fcd6ab 100644 --- a/core/src/components/toggle/test/label/toggle.e2e.ts +++ b/core/src/components/toggle/test/label/toggle.e2e.ts @@ -2,154 +2,191 @@ import { expect } from '@playwright/test'; import { configs, test } from '@utils/test/playwright'; /** - * By default ion-toggle only takes up - * as much space as it needs. Justification is - * used for when the toggle takes up the full - * line (such as in an ion-item). As a result, - * we set the width of the toggle so we can - * see the justification results. + * By default ion-toggle only takes up as much space + * as it needs. Justification is used for when the + * toggle should take up the full line (such as in an + * ion-item or when it has 100% width). */ configs().forEach(({ title, screenshot, config }) => { - test.describe(title('toggle: start placement'), () => { - test('should render a start justification with label in the start position', async ({ page }) => { - await page.setContent( - ` - - Label - `, - config - ); - - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-start`)); - }); - test('should render an end justification with label in the start position', async ({ page }) => { - await page.setContent( - ` - - Label - `, - config - ); - - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-end`)); - }); - test('should render a space between justification with label in the start position', async ({ page }) => { - await page.setContent( - ` - - Label - `, - config - ); - - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-space-between`)); - }); - }); - - test.describe(title('toggle: end placement'), () => { - test('should render a start justification with label in the end position', async ({ page }) => { - await page.setContent( - ` - - Label - `, - config - ); - - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-start`)); - }); - test('should render an end justification with label in the end position', async ({ page }) => { - await page.setContent( - ` - - Label - `, - config - ); - - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-end`)); - }); - test('should render a space between justification with label in the end position', async ({ page }) => { - await page.setContent( - ` - - Label - `, - config - ); - - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-space-between`)); - }); - }); - - test.describe(title('toggle: fixed placement'), () => { - test('should render a start justification with label in the fixed position', async ({ page }) => { - await page.setContent( - ` - - This is a long label - `, - config - ); + test.describe(title('toggle: label'), () => { + test.describe('toggle: default placement', () => { + test('should render a space between justification with a full width toggle', async ({ page }) => { + await page.setContent( + ` + + Label + + `, + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-full-width`)); + }); + + test('should truncate long labels with ellipses', async ({ page }) => { + // toggle needs to be full width to truncate properly + // because it is not inside of an `ion-app` in tests + await page.setContent( + ` + + Long Label Long Label Long Label Long Label Long Label Long Label + + `, + config + ); - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-start`)); + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-long-label`)); + }); }); - test('should render an end justification with label in the fixed position', async ({ page }) => { - await page.setContent( - ` - This is a long label - `, - config - ); + test.describe(title('toggle: start placement'), () => { + test('should render a start justification with label in the start position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-start`)); + }); + test('should render an end justification with label in the start position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-end`)); + }); + test('should render a space between justification with label in the start position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-space-between`)); + }); + + test('should truncate long labels with ellipses', async ({ page }) => { + await page.setContent( + ` + + Long Label Long Label Long Label Long Label Long Label Long Label + + `, + config + ); - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-end`)); + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-start-long-label`)); + }); }); - test('should render a space between justification with label in the fixed position', async ({ page }) => { - await page.setContent( - ` - This is a long label - `, - config - ); + test.describe(title('toggle: end placement'), () => { + test('should render a start justification with label in the end position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-start`)); + }); + test('should render an end justification with label in the end position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-end`)); + }); + test('should render a space between justification with label in the end position', async ({ page }) => { + await page.setContent( + ` + Label + `, + config + ); - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-space-between`)); + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-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( - ` - This is a long label + test.describe(title('toggle: fixed placement'), () => { + test('should render a start justification with label in the fixed position', async ({ page }) => { + await page.setContent( + ` + This is a long label `, - config - ); + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-start`)); + }); + test('should render an end justification with label in the fixed position', async ({ page }) => { + await page.setContent( + ` + This is a long label + `, + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-end`)); + }); + test('should render a space between justification with label in the fixed position', async ({ page }) => { + await page.setContent( + ` + This is a long label + `, + config + ); - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-start`)); + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-space-between`)); + }); }); - test('should align the label to the center of the container in the stacked position', async ({ page }) => { - await page.setContent( - ` - This is a long label - `, - config - ); - - const toggle = page.locator('ion-toggle'); - await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-center`)); + 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( + ` + This is a long label + `, + 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( + ` + This is a long label + `, + config + ); + + const toggle = page.locator('ion-toggle'); + await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-center`)); + }); }); }); }); @@ -159,7 +196,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config, screen test('long label should truncate', async ({ page }) => { await page.setContent( ` - Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications + Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications `, config ); diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png index 7aec4937be4..dede81f6251 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png index 2b91376a398..6d233c094cb 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png index 6503cf864e0..b1b31229c48 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png index aee50d22242..16a4094df70 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png index fb6b7c74d31..bb3fb64e34f 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png index 6c28365badc..b96dbaa5c10 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png index 5093354e017..6d08e49c8f5 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png index 746f66367c6..cc4e9bbf460 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Safari-linux.png index dc848651376..f974e489d83 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png index 63cecedeae9..2130ddfbef9 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png index ccae7ef93d9..296a8d44255 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Safari-linux.png index 69eb414144b..11618d245d2 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png index 3f289282344..6fb13effc6c 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png index 9fe10073878..2f60cf87264 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png index 74253941497..7f83a9760d0 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png index bfef539fe5b..1d928fc14fb 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png index 67a712329c4..9d9552849d9 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png index ce805e22f20..f8949f39b5b 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png index 264e28859e3..cb927714a5d 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png index d8cbfa55b55..449b200d65a 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png index 5cb83a4de50..5dac3bab39d 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png index 145f4760fa6..828af51b811 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png index 67db29d6170..aa65ea365b5 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png index 6319d98a6dc..f4f0fcff271 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png index 3e47f0282cc..f2c2b5fb772 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png index 24d4a17202a..541b4a46d43 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png index f407d667778..f4d111b80cb 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png index 0bdfb47f7cc..0215ce57363 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png index c1bbee60cc0..31f9166638e 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png index aa32425d8a2..d7db73e033b 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png index e9c72e90c03..f110e036fea 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png index 1ea5248b6a2..918bfe66c8c 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Safari-linux.png index 73165178730..5a5d1a7ceae 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png index 1678b3e344a..ac0186ff402 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png index 531fc89a387..9dabd33c2c1 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Safari-linux.png index ab6d7a8cb33..979e6a269fd 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png index 804c9cbab04..bdc99aa8b8e 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png index aa386ff7a72..94422c07727 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png index 0624d6b240a..34efe8a857f 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png index 134649c7ce1..4f21dbba5c4 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png index bf658706761..68d05dbfc72 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png index 5cb93395f48..f501ea0b417 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png index bd305782740..7d25565c2df 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png index 32e6c821901..13129474628 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png index e69c7a53597..22d12e8afd8 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png index ba3b61c52c4..2b366865aeb 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png index bb315339159..214a898c425 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png index 2c6096f5578..d3369e78a71 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png index 200eee6f434..a81ce0b8a5b 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png index 4dcd14c6f7a..6ed11abe850 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png index ddb8dddd941..85c658c24a7 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png index 658de89e83f..3386568ec5a 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png index fa203123182..828c7fb6ae5 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png index 4dfa98f5a79..d5099532f8f 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png index 70686ba3689..a284faab286 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png index 63fd42d14f9..ff30377e440 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png index 03f4b1b9b5a..8bfd07e8a84 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png index 0fe9379f16c..86a06ed63c7 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png index dabd6d175bc..e919283d35f 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png index 737bf1cf563..70452a8ebd4 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png index 621ce1341e7..2f8dccd2a38 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png index 38248949ed4..bb8c54ab83e 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png index 94a7abd98df..76a1a35e1b5 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png index bca2430862a..293f6f08e0c 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png index 99c59165aab..39b899ec04a 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png index a70fc7fb8c1..8cccef18ca3 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png index 692128aa926..26e3cb4020d 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png index 939cb83ef14..4ff099a4231 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png index e6d44c3d4f4..9e63dbd4f5a 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png index 3bbcb6d34cd..d72e02f9864 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png index d7e3e0bf41e..bfe536f4cc6 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png index 6bc0324d814..c8e2c9a698c 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..6fda7d4d88f Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..398e07d6c49 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..d474eed7cfe Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..53da3b8d57a Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..3b9b1b1266f Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..39c111886fb Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..66afff95abb Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..fc0844ca373 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..bcdcbf8c82e Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..0b13b061159 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..b5db9fd85be Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..72df87ff743 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..958bfe381c7 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..fc0cb70501e Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..0d2596362d7 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..6276e694331 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..b4ce9685575 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..72d2fac1c54 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..2ed20573ad4 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..925d806f480 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..b7db5e35a98 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..7126ee8fd68 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..63696e1b515 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9e732987632 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png index 8a038858e30..da0b2fdf5c9 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png index 75372fe5ac0..280b264dd10 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png index 76d30bbe201..cbe1a2e5ba1 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png index a3c8e971480..c40fc6f4db6 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png index 1d108fbd01f..8cbf66cd836 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png index 026e9eda7eb..c3e66396ed2 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png index c3fa40f47b5..17307d8118e 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png index ef4923763d5..0e80e38fcac 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png index f349bf36b93..441f57dbbb8 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png index a0093c2bc26..aefff948460 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png index 9edc7934a11..35f1067f1fb 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png index 08216861a01..1691bd320b7 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png index 3d266dc2de1..f504e666994 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png index 981a7700243..c3cdaf1462a 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png index 7d3e531b88e..1fb322abbe4 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png index 55e3549d220..684ff1e45b6 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png index c8a39075fb0..82e0b109d7e 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png index bca26817edf..55e0861efd3 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png index f3b886ee6f9..cfeab9c0349 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png index 6b706b722f4..805a6ebd224 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png index ad3d22793a1..d7220a4a040 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png index 9b59ff68b30..9bad2a894a6 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png index a6f0cb54cc8..d8fce432b4e 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png index a5fc8fbb55e..4f19dbb82dc 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png index 3d0c4887d99..b1e2c2ad59e 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png index 239bffe6cb7..3ffd0b19a02 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png index d493244afc4..5e3f8d07c5f 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png index 5483be4ad29..8e550a7d5fc 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png index bdecbc3be48..504802f3ea3 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png index 5844298b997..5abf4b5a29c 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png index 8dc2b86fc89..ee7993041bc 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png index 9370bf5f94b..d76b60c6888 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png index 64cc2bb3c87..e9998234ce9 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png index 2fb5eace650..93125735c96 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png index f89dfe10a13..59b9d81c2c2 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Safari-linux.png index 5498ef669cf..ddb4dc2d883 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png index c0bb2237cdd..1a3860cfc60 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png index 53f2d69f51a..e9a863d3cf8 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Safari-linux.png index ead66b1ee60..17f74e3edcf 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png index f0eade624be..6fda7d4d88f 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png index 0196713b36b..398e07d6c49 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png index 3ffef961117..d474eed7cfe 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png index e3b399db1db..53da3b8d57a 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png index 860513e6a35..3b9b1b1266f 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png index 883a0f95ec0..39c111886fb 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png index 0c5c9e24cef..66afff95abb 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png index 9911dfef2ae..fc0844ca373 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png index ecc69617ec1..bcdcbf8c82e 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png index b22aa11294b..0b13b061159 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png index 64667a4f1f9..b5db9fd85be 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png index cc4d4df8d0c..72df87ff743 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png index 37be8d54d0f..f3bbf2dc090 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png index 0f11b4c59be..a77b7a879c0 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png index a1c75adf59a..3c05bc5a84c 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png index b382dcaa695..56304e47028 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png index f0be8447976..6ba74588d27 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png index 97dd9566e25..b103564f692 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..958bfe381c7 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..fc0cb70501e Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..0d2596362d7 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..6276e694331 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..b4ce9685575 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..72d2fac1c54 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..2ed20573ad4 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..925d806f480 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 00000000000..b7db5e35a98 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 00000000000..7126ee8fd68 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 00000000000..63696e1b515 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 00000000000..9e732987632 Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png index 47f2d0139fb..d3a0e57555f 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png index 3c8bf08ebd2..eba81f834ff 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Safari-linux.png index 513d946f818..6c11b2ac892 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png index a4fc8f0da0f..14dbd32bbc5 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png index 9fb723c593d..ff3dadfb7d3 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Safari-linux.png index 3da69394e30..d01cb5901e2 100644 Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toggle/toggle.scss b/core/src/components/toggle/toggle.scss index 0e0b64385f7..fa89fb2128f 100644 --- a/core/src/components/toggle/toggle.scss +++ b/core/src/components/toggle/toggle.scss @@ -83,6 +83,9 @@ input { flex-grow: 1; + align-items: center; + justify-content: space-between; + height: inherit; transition: background-color 15ms linear; @@ -158,6 +161,20 @@ input { align-items: center; } +// Justify Content & Align Items +// --------------------------------------------- + +// The toggle should be displayed as block when either justify +// or alignment is set; otherwise, these properties will have no +// visible effect. +:host(.toggle-justify-space-between), +:host(.toggle-justify-start), +:host(.toggle-justify-end), +:host(.toggle-alignment-start), +:host(.toggle-alignment-center) { + display: block; +} + // Toggle Label Placement - Start // ---------------------------------------------------------------- diff --git a/core/src/components/toggle/toggle.tsx b/core/src/components/toggle/toggle.tsx index 41e26015185..b20ef320f05 100644 --- a/core/src/components/toggle/toggle.tsx +++ b/core/src/components/toggle/toggle.tsx @@ -96,15 +96,17 @@ export class Toggle implements ComponentInterface { * on the left in RTL. * `"space-between"`: The label and toggle will appear on opposite * ends of the line with space between the two elements. + * Setting this property will change the toggle `display` to `block`. */ - @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between'; + @Prop() justify?: 'start' | 'end' | 'space-between'; /** * How to control the alignment of the toggle and label on the cross axis. * `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. + * Setting this property will change the toggle `display` to `block`. */ - @Prop() alignment: 'start' | 'center' = 'center'; + @Prop() alignment?: 'start' | 'center'; /** * Emitted when the user switches the toggle on or off. @@ -304,8 +306,8 @@ export class Toggle implements ComponentInterface { 'toggle-activated': activated, 'toggle-checked': checked, 'toggle-disabled': disabled, - [`toggle-justify-${justify}`]: true, - [`toggle-alignment-${alignment}`]: true, + [`toggle-justify-${justify}`]: justify !== undefined, + [`toggle-alignment-${alignment}`]: alignment !== undefined, [`toggle-label-placement-${labelPlacement}`]: true, [`toggle-${rtl}`]: true, })}