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

@@ -18,13 +18,13 @@
 
   /* 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));
+    padding-right: var(--padding-end);
+    padding-left: var(--padding-start);
   }
 
   @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));
+    padding-right: var(--padding-start);
+    padding-left: var(--padding-end);
   }
   /* stylelint-enable */
 }

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