fix(divider): remove safe areas from horizontal padding

core/api.txt

@@ -747,7 +747,7 @@ ion-datetime-button,part,native
 
 ion-divider,shadow
 ion-divider,prop,inset,boolean,false,false,false
-ion-divider,prop,spacing,"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxlarge" | "xxsmall" | undefined,'xxsmall',false,true
+ion-divider,prop,spacing,"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxlarge" | "xxsmall" | undefined,'medium',false,true
 ion-divider,css-prop,--margin-bottom,ionic
 ion-divider,css-prop,--margin-bottom,ios
 ion-divider,css-prop,--margin-bottom,md

core/src/components.d.ts

@@ -1170,7 +1170,7 @@ export namespace Components {
          */
         "inset": boolean;
         /**
-          * Set to `"xxsmall"` for the smallest spacing. Set to "xsmall" for very small spacing. Set to `"small"` for small spacing. Set to "medium" for medium spacing. Set to "large" for large spacing. Set to `"xlarge"` for the largest spacing.  Defaults to `"xxsmall"`.
+          * Set to `"xxsmall"` for the smallest spacing. Set to "xsmall" for very small spacing. Set to `"small"` for small spacing. Set to "medium" for medium spacing. Set to "large" for large spacing. Set to `"xlarge"` for the largest spacing.  Defaults to `"medium"`.
          */
         "spacing"?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
     }
@@ -6642,7 +6642,7 @@ declare namespace LocalJSX {
          */
         "inset"?: boolean;
         /**
-          * Set to `"xxsmall"` for the smallest spacing. Set to "xsmall" for very small spacing. Set to `"small"` for small spacing. Set to "medium" for medium spacing. Set to "large" for large spacing. Set to `"xlarge"` for the largest spacing.  Defaults to `"xxsmall"`.
+          * Set to `"xxsmall"` for the smallest spacing. Set to "xsmall" for very small spacing. Set to `"small"` for small spacing. Set to "medium" for medium spacing. Set to "large" for large spacing. Set to `"xlarge"` for the largest spacing.  Defaults to `"medium"`.
          */
         "spacing"?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
     }

core/src/components/divider/divider.common.scss

@@ -12,21 +12,11 @@
   --padding-start: 0px;
   --padding-end: 0px;
 
+  @include padding-horizontal(var(--padding-start), var(--padding-end));
+
   display: block;
 
   width: 100%;
-
-  /* stylelint-disable */
-  @include ltr() {
-    padding-right: calc(var(--padding-end) + var(--ion-safe-area-right, 0px));
-    padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));
-  }
-
-  @include rtl() {
-    padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));
-    padding-left: calc(var(--padding-end) + var(--ion-safe-area-left, 0px));
-  }
-  /* stylelint-enable */
 }
 
 :host hr {

core/src/components/divider/divider.tsx

@@ -20,10 +20,10 @@ export class Divider implements ComponentInterface {
    * Set to "large" for large spacing.
    * Set to `"xlarge"` for the largest spacing.
    *
-   * Defaults to `"xxsmall"`.
+   * Defaults to `"medium"`.
    */
   @Prop({ reflect: true }) spacing?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' =
-    'xxsmall';
+    'medium';
 
   /**
    * If `true`, the divider will have horizontal margins