Merged in feat/SW-1065-meetings-page (pull request #1287)

Feat(SW-1065): Meetings hotel subpage

Approved-by: Erik Tiekstra

components/TempDesignSystem/ShowMoreButton/index.tsx

@@ -13,6 +13,7 @@ import type { ShowMoreButtonProps } from "./showMoreButton"
 
 export default function ShowMoreButton({
   className,
+  buttonIntent,
   intent,
   disabled,
   showLess,
@@ -23,7 +24,7 @@ export default function ShowMoreButton({
   const intl = useIntl()
   const classNames = showMoreButtonVariants({
     className,
-    intent,
+    buttonIntent,
   })
 
   if (!textShowMore) {
@@ -47,7 +48,9 @@ export default function ShowMoreButton({
         variant="icon"
         type="button"
         theme="base"
-        intent="text"
+        intent={intent ?? "text"}
+        fullWidth={intent ? true : false}
+        size={intent && "small"}
       >
         <ChevronDownIcon className={styles.icon} />
         {showLess ? textShowLess : textShowMore}

components/TempDesignSystem/ShowMoreButton/showMoreButton.ts

@@ -1,5 +1,6 @@
 import type { VariantProps } from "class-variance-authority"
 
+import type { ButtonPropsRAC } from "../Button/button"
 import type { showMoreButtonVariants } from "./variants"
 
 export interface ShowMoreButtonProps
@@ -10,4 +11,5 @@ export interface ShowMoreButtonProps
   textShowMore?: string
   textShowLess?: string
   loadMoreData: () => void
+  intent?: ButtonPropsRAC["intent"]
 }

components/TempDesignSystem/ShowMoreButton/variants.ts

@@ -4,7 +4,7 @@ import styles from "./showMoreButton.module.css"
 
 export const showMoreButtonVariants = cva(styles.container, {
   variants: {
-    intent: {
+    buttonIntent: {
       table: styles.table,
     },
   },