@sats-group/ui-lib 75.6.0 → 75.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sats-group/ui-lib",
-  "version": "75.6.0",
+  "version": "75.7.0",
   "description": "SATS web user interface library",
   "engines": {
     "node": "^18 || ^20",

package/react/expander/expander.scss

@@ -71,7 +71,11 @@
     border-top: 1px solid light.$ge-divider-default;
     display: grid;
     gap: spacing.$m;
-    padding: 20px; // NOTE: Magic number 20px as designed
+    padding: 20px;
+
+    &--list {
+      padding: 0;
+    }
 
     @media (min-resolution: 2dppx) {
       border-bottom-width: 0.5px;

package/react/expander/expander.tsx

@@ -5,7 +5,7 @@ import ArrowDown from '../icons/24/arrow-down';
 import LinkButton from '../link-button';
 import Text from '../text';
 
-import type { Expander as Props } from './expander.types';
+import { type Expander as Props } from './expander.types';
 import Badge from '../badge';
 import { Types } from '../badge/badge.types';
 import Link from '../link';
@@ -15,6 +15,7 @@ const ExpanderListItem: React.FC<
   React.PropsWithChildren<Props<unknown>['items'][number]['listItemProps']>
 > = ({
   actions,
+  contentType = 'article',
   defaultOpen = false,
   faq,
   icon,
@@ -74,7 +75,9 @@ const ExpanderListItem: React.FC<
       >
         <Collapse isOpen={isOpen}>
           <div
-            className="expander__content"
+            className={cn('expander__content', {
+              [`expander__content--${contentType}`]: contentType,
+            })}
             itemScope={faq ? faq : undefined}
             itemProp={faq ? 'acceptedAnswer' : undefined}
             itemType={faq ? 'https://schema.org/Answer' : undefined}

package/react/expander/expander.types.ts

@@ -2,9 +2,16 @@ import type { ReactNode } from 'react';
 
 import type { Link } from '../link/link.types';
 import type { LinkButton } from '../link-button/link-button.types';
+import { ObjectValues } from '../types';
+
+export const contentTypes = {
+  article: 'article',
+  list: 'list',
+} as const;
 
 type ExpanderListItem = {
   actions: LinkButton[];
+  contentType?: ObjectValues<typeof contentTypes>;
   defaultOpen?: boolean;
   faq?: boolean;
   icon?: ReactNode;