feat(list-item-group): update list item group styles (#9072)

driskull · web-flow · commit c734849ded86 · 2024-04-23T13:41:45.000-07:00
**Related Issue:** #8039 ## Summary - update list item group styles - updates internal table cell classes to remove padding being set by default browser styles.
diff --git a/packages/calcite-components/src/components/list-item-group/list-item-group.scss b/packages/calcite-components/src/components/list-item-group/list-item-group.scss
@@ -10,10 +10,11 @@
 @include disabled();
 
 .container {
-  @apply bg-foreground-2 text-n1 text-color-2 m-0 flex flex-1 p-3 font-sans font-bold;
+  @apply text-n1 text-color-2 m-0 flex flex-1 p-3 font-sans font-medium;
 }
 
 .heading {
+  @apply p-0;
   padding-inline-start: calc(
     var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)
   );
diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -137,7 +137,7 @@ td:focus {
 }
 
 .selection-container {
-  @apply flex px-3;
+  @apply flex px-3 py-0;
   color: theme("borderColor.color.input");
 }
 
@@ -187,6 +187,7 @@ td:focus {
 
 .actions-start,
 .actions-end {
+  @apply p-0;
   ::slotted(calcite-action),
   ::slotted(calcite-action-menu),
   ::slotted(calcite-handle),

Original file line number	Diff line number	Diff line change
`@@ -137,7 +137,7 @@ td:focus {`
`137`	`137`	`}`
`138`	`138`
`139`	`139`	`.selection-container {`
`140`		`- @apply flex px-3;`
	`140`	`+ @apply flex px-3 py-0;`
`141`	`141`	`color: theme("borderColor.color.input");`
`142`	`142`	`}`
`143`	`143`
`@@ -187,6 +187,7 @@ td:focus {`
`187`	`187`
`188`	`188`	`.actions-start,`
`189`	`189`	`.actions-end {`
	`190`	`+ @apply p-0;`
`190`	`191`	`::slotted(calcite-action),`
`191`	`192`	`::slotted(calcite-action-menu),`
`192`	`193`	`::slotted(calcite-handle),`