feat(accordion-group): add accordion group styles

Author: brandyscarney

core/src/components/accordion-group/accordion-group.common.scss

@@ -0,0 +1,6 @@
+// Accordion Group: Common
+// --------------------------------------------------
+
+:host {
+  display: block;
+}

core/src/components/accordion-group/accordion-group.ionic.scss

@@ -0,0 +1,18 @@
+@use "../../themes/ionic/ionic.globals.scss" as globals;
+@use "./accordion-group.common";
+
+// Ionic Accordion Group
+// --------------------------------------------------
+
+:host {
+  background-color: globals.$ionic-color-base-white;
+}
+
+// Inset Accordion Group
+// --------------------------------------------------
+
+// Shape and padding only apply if the group is inset
+:host(.accordion-group-expand-inset) {
+  @include globals.border-radius(globals.$ionic-border-radius-400);
+  @include globals.padding(globals.$ionic-space-100);
+}

core/src/components/accordion-group/accordion-group.ios.scss

@@ -1,4 +1,4 @@
-@import "./accordion-group";
+@import "./accordion-group.native";
 
 // iOS Accordion Group
 // --------------------------------------------------

core/src/components/accordion-group/accordion-group.md.scss

@@ -1,4 +1,4 @@
-@import "./accordion-group";
+@import "./accordion-group.native";
 @import "../accordion/accordion.md.vars";
 
 // Material Design Accordion Group

core/src/components/accordion-group/accordion-group.native.scss

@@ -0,0 +1,10 @@
+@import "./accordion-group.common";
+@import "../../themes/native/native.globals";
+@import "../accordion/accordion.vars";
+
+// Accordion Group: Native
+// --------------------------------------------------
+
+:host(.accordion-group-expand-inset) {
+  @include margin($accordion-inset-margin, $accordion-inset-margin, $accordion-inset-margin, $accordion-inset-margin);
+}

core/src/components/accordion-group/accordion-group.tsx

@@ -15,7 +15,7 @@ import type { AccordionGroupChangeEventDetail } from './accordion-group-interfac
   styleUrls: {
     ios: 'accordion-group.ios.scss',
     md: 'accordion-group.md.scss',
-    ionic: 'accordion-group.md.scss',
+    ionic: 'accordion-group.ionic.scss',
   },
   shadow: true,
 })