@ilo-org/react 0.11.0 → 0.13.0

package/src/components/{Card → Cards/CardGroup}/CardGroup.args.ts

@@ -1,19 +1,33 @@
 import { CardGroupProps } from "./CardGroup.props";
 
-const graphicCardGroup: CardGroupProps = {
+export const textCardGroup: CardGroupProps = {
   cards: [
     {
-      variant: "graphic",
       title: "Why we need greater social justice",
       eyebrow: "Podcast",
       date: {
         human: "20 September 2022",
         unix: "1670389200",
       },
-      theme: "dark",
+      theme: "light",
+      link: "https:/www.ilo.org",
+      profile: {
+        avatar: "/ilo-dg.jpg",
+        description:
+          "Gilbert Houngbo is the Director-General of the International Labour Organization",
+        name: "Gilbert Houngbo",
+        role: "ILO Director-General",
+      },
+    },
+    {
+      title: "Why we need greater social justice",
+      eyebrow: "Podcast",
+      date: {
+        human: "20 September 2022",
+        unix: "1670389200",
+      },
+      theme: "light",
       link: "https:/www.ilo.org",
-      intro:
-        "A toxic combination of mutually-reinforcing crises – inflation, debt, food and fuel price rises, geopolitical tensions and conflict, climate change – are threatening to increase poverty, inequality and discrimination worldwide.",
       profile: {
         avatar: "/ilo-dg.jpg",
         description:
@@ -21,21 +35,10 @@ const graphicCardGroup: CardGroupProps = {
         name: "Gilbert Houngbo",
         role: "ILO Director-General",
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
-      image: "",
     },
   ],
-  cardcount: "one",
+  cardCount: "two",
+  type: "text",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -45,87 +48,37 @@ const graphicCardGroup: CardGroupProps = {
 const statCardGroup: CardGroupProps = {
   cards: [
     {
-      variant: "stat",
       title: "Global employment growth down by half in 2023",
-      eyebrow: "Report",
       intro:
         "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
-      color: "blue",
+      color: "turquoise",
       source: {
         label: "World Employment and Social Outlook: Trends 2023",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      image: "",
-      link: "",
-      profile: {},
-      theme: "light",
-      date: {},
     },
     {
-      variant: "stat",
       title: "Global employment growth down by half in 2023",
-      eyebrow: "Report",
       intro:
         "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
-      color: "yellow",
+      color: "turquoise",
       source: {
         label: "World Employment and Social Outlook: Trends 2023",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      image: "",
-      link: "",
-      profile: {},
-      theme: "light",
-      date: {},
     },
     {
-      variant: "stat",
       title: "Global employment growth down by half in 2023",
-      eyebrow: "Report",
       intro:
         "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
-      color: "green",
+      color: "turquoise",
       source: {
         label: "World Employment and Social Outlook: Trends 2023",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      image: "",
-      link: "",
-      profile: {},
-      theme: "light",
-      date: {},
     },
     {
-      variant: "stat",
       title: "Global employment growth down by half in 2023",
-      eyebrow: "Report",
       intro:
         "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
       color: "turquoise",
@@ -133,23 +86,10 @@ const statCardGroup: CardGroupProps = {
         label: "World Employment and Social Outlook: Trends 2023",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      image: "",
-      link: "",
-      profile: {},
-      theme: "light",
-      date: {},
     },
   ],
-  cardcount: "four",
+  cardCount: "four",
+  type: "stat",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -159,7 +99,6 @@ const statCardGroup: CardGroupProps = {
 const multilinkCardGroup: CardGroupProps = {
   cards: [
     {
-      variant: "multilink",
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
@@ -167,10 +106,7 @@ const multilinkCardGroup: CardGroupProps = {
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       image: "/hero.jpg",
       alignment: "left",
-      date: {
-        human: "6 September 2023",
-        unix: "1670389200",
-      },
+      link: "https:/www.ilo.org",
       linklist: {
         headline: "",
         linkgroup: [
@@ -192,21 +128,8 @@ const multilinkCardGroup: CardGroupProps = {
           },
         ],
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "corner",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
-      theme: "light",
-      profile: {},
-      link: "",
     },
     {
-      variant: "multilink",
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
@@ -214,10 +137,7 @@ const multilinkCardGroup: CardGroupProps = {
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       image: "/hero.jpg",
       alignment: "left",
-      date: {
-        human: "16 September 2023",
-        unix: "1670389200",
-      },
+      link: "https:/www.ilo.org",
       linklist: {
         headline: "",
         linkgroup: [
@@ -239,36 +159,25 @@ const multilinkCardGroup: CardGroupProps = {
           },
         ],
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "corner",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
-      theme: "light",
-      profile: {},
-      link: "",
     },
   ],
-  cardcount: "two",
+  type: "multilink",
+  cardCount: "two",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
   },
 };
 
-const graphicPromoCardGroup: CardGroupProps = {
+const promoCardGroup: CardGroupProps = {
   cards: [
     {
-      variant: "graphicpromo",
+      size: "standard",
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
-      theme: "light",
-      cornercut: "cornercut",
+      theme: "dark",
+      cornercut: true,
       intro:
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       link: "https:/www.ilo.org",
@@ -276,26 +185,14 @@ const graphicPromoCardGroup: CardGroupProps = {
         label: "Read the press release",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      dataset: {},
-      source: {},
-      image: "",
-      profile: {},
-      date: {},
     },
     {
-      variant: "graphicpromo",
+      size: "standard",
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
       theme: "dark",
-      cornercut: "cornercut",
+      cornercut: true,
       intro:
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       link: "https:/www.ilo.org",
@@ -303,26 +200,14 @@ const graphicPromoCardGroup: CardGroupProps = {
         label: "Read the press release",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      dataset: {},
-      source: {},
-      image: "",
-      profile: {},
-      date: {},
     },
     {
-      variant: "graphicpromo",
+      size: "standard",
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
-      theme: "light",
-      cornercut: "cornercut",
+      theme: "dark",
+      cornercut: true,
       intro:
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       link: "https:/www.ilo.org",
@@ -330,21 +215,10 @@ const graphicPromoCardGroup: CardGroupProps = {
         label: "Read the press release",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      color: "green",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      dataset: {},
-      source: {},
-      image: "",
-      profile: {},
-      date: {},
     },
   ],
-  cardcount: "three",
+  type: "promo",
+  cardCount: "two",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -354,17 +228,16 @@ const graphicPromoCardGroup: CardGroupProps = {
 const featureCardGroup: CardGroupProps = {
   cards: [
     {
-      variant: "feature",
       isvideo: false,
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
-      theme: "light",
+      theme: "dark",
       date: {
         human: "18 March 2023",
         unix: "1670389200",
       },
-      image: "/hero.jpg",
+      image: "/small.jpg",
       link: "https:/www.ilo.org",
       linklist: {
         headline: "",
@@ -379,30 +252,18 @@ const featureCardGroup: CardGroupProps = {
           },
         ],
       },
-      profile: {},
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
     },
     {
-      variant: "feature",
-      isvideo: true,
+      isvideo: false,
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
       theme: "dark",
       date: {
-        human: "19 March 2023",
+        human: "18 March 2023",
         unix: "1670389200",
       },
-      image: "/hero.jpg",
+      image: "/small.jpg",
       link: "https:/www.ilo.org",
       linklist: {
         headline: "",
@@ -417,30 +278,18 @@ const featureCardGroup: CardGroupProps = {
           },
         ],
       },
-      profile: {},
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
     },
     {
-      variant: "feature",
       isvideo: false,
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
-      theme: "light",
+      theme: "dark",
       date: {
-        human: "20 March 2023",
+        human: "18 March 2023",
         unix: "1670389200",
       },
-      image: "/hero.jpg",
+      image: "/small.jpg",
       link: "https:/www.ilo.org",
       linklist: {
         headline: "",
@@ -455,30 +304,18 @@ const featureCardGroup: CardGroupProps = {
           },
         ],
       },
-      profile: {},
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
     },
     {
-      variant: "feature",
       isvideo: false,
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
       eyebrow: "High-level meeting",
       theme: "dark",
       date: {
-        human: "22 March 2023",
+        human: "18 March 2023",
         unix: "1670389200",
       },
-      image: "/hero.jpg",
+      image: "/small.jpg",
       link: "https:/www.ilo.org",
       linklist: {
         headline: "",
@@ -493,20 +330,10 @@ const featureCardGroup: CardGroupProps = {
           },
         ],
       },
-      profile: {},
-      size: "standard",
-      color: "yellow",
-      cornercut: "corner",
-      alignment: "left",
-      intro: "",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
     },
   ],
-  cardcount: "four",
+  cardCount: "three",
+  type: "feature",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -516,7 +343,6 @@ const featureCardGroup: CardGroupProps = {
 const detailCardGroup: CardGroupProps = {
   cards: [
     {
-      variant: "detail",
       title: "Technical meeting on digitalization in the construction sector",
       eyebrow: "Meeting",
       intro:
@@ -528,47 +354,23 @@ const detailCardGroup: CardGroupProps = {
       image: "/medium.jpg",
       link: "https:/www.ilo.org",
       eventdetails: "8:30 - 12:00 CET | Geneva",
-      theme: "light",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
     },
     {
-      variant: "detail",
       title: "Technical meeting on digitalization in the construction sector",
       eyebrow: "Meeting",
       intro:
         "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
       date: {
-        human: "20 March 2023",
+        human: "18 March 2023",
         unix: "1670389200",
       },
       image: "/medium.jpg",
       link: "https:/www.ilo.org",
       eventdetails: "8:30 - 12:00 CET | Geneva",
-      theme: "dark",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "green",
-      cornercut: "corner",
-      alignment: "left",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
     },
   ],
-  cardcount: "two",
+  type: "detail",
+  cardCount: "two",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -578,63 +380,28 @@ const detailCardGroup: CardGroupProps = {
 const factListCardGroup: CardGroupProps = {
   cards: [
     {
-      variant: "factlist",
       title:
         "Economic slowdown likely to force workers to accept lower quality jobs",
-      eyebrow: "Report",
       theme: "light",
-      cornercut: "cornercut",
-      intro:
-        "A toxic combination of mutually-reinforcing crises – inflation, debt, food and fuel price rises, geopolitical tensions and conflict, climate change – are threatening to increase poverty, inequality and discrimination worldwide.",
-      listitems: [
+      list: [
         "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022.",
         "The labour market deterioration is mainly due to emerging geopolitical tensions and the Ukraine conflict.",
         "The current slowdown means that many workers will have to accept lower quality jobs, often at very low pay.",
       ],
-      link: "https:/www.ilo.org",
-      profile: {},
-      date: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      alignment: "left",
-      eventdetails: "",
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
-      image: "",
     },
     {
-      variant: "factlist",
       title:
         "Economic slowdown likely to force workers to accept lower quality jobs",
-      eyebrow: "Report",
-      theme: "dark",
-      cornercut: "cornercut",
-      intro:
-        "A toxic combination of mutually-reinforcing crises – inflation, debt, food and fuel price rises, geopolitical tensions and conflict, climate change – are threatening to increase poverty, inequality and discrimination worldwide.",
-      listitems: [
+      theme: "light",
+      list: [
         "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022.",
         "The labour market deterioration is mainly due to emerging geopolitical tensions and the Ukraine conflict.",
         "The current slowdown means that many workers will have to accept lower quality jobs, often at very low pay.",
       ],
-      link: "https:/www.ilo.org",
-      profile: {},
-      date: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      alignment: "left",
-      eventdetails: "",
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
-      image: "",
     },
   ],
-  cardcount: "two",
+  type: "factlist",
+  cardCount: "two",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -644,11 +411,10 @@ const factListCardGroup: CardGroupProps = {
 const dataCardGroup: CardGroupProps = {
   cards: [
     {
-      variant: "data",
-      title: "Technical meeting on digitalization in the construction sector",
+      size: "wide",
       eyebrow: "Meeting",
-      eventdetails:
-        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      image: "/small.jpg",
+      columns: "two",
       dataset: {
         content: {
           items: [
@@ -679,6 +445,19 @@ const dataCardGroup: CardGroupProps = {
             },
           ],
         },
+        cta: {
+          headline: "Read online",
+          items: [
+            {
+              label: "HTML Version",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
+            },
+          ],
+        },
         links: {
           headline: "Languages",
           items: [
@@ -697,34 +476,18 @@ const dataCardGroup: CardGroupProps = {
           ],
         },
       },
-      date: {},
-      theme: "light",
-      link: "",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      source: {},
-      image: "",
     },
     {
-      variant: "data",
-      title: "Technical meeting on digitalization in the construction sector",
+      size: "wide",
       eyebrow: "Meeting",
-      eventdetails:
-        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      image: "/small.jpg",
+      columns: "two",
       dataset: {
         content: {
           items: [
             {
               label: "Date",
-              copy: "19 March 2023",
+              copy: "18 March 2023",
             },
             {
               label: "Event type",
@@ -749,6 +512,19 @@ const dataCardGroup: CardGroupProps = {
             },
           ],
         },
+        cta: {
+          headline: "Read online",
+          items: [
+            {
+              label: "HTML Version",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
+            },
+          ],
+        },
         links: {
           headline: "Languages",
           items: [
@@ -767,34 +543,18 @@ const dataCardGroup: CardGroupProps = {
           ],
         },
       },
-      date: {},
-      theme: "light",
-      link: "",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      source: {},
-      image: "",
     },
     {
-      variant: "data",
-      title: "Technical meeting on digitalization in the construction sector",
+      size: "wide",
       eyebrow: "Meeting",
-      eventdetails:
-        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      image: "/small.jpg",
+      columns: "two",
       dataset: {
         content: {
           items: [
             {
               label: "Date",
-              copy: "21 March 2023",
+              copy: "18 March 2023",
             },
             {
               label: "Event type",
@@ -819,6 +579,19 @@ const dataCardGroup: CardGroupProps = {
             },
           ],
         },
+        cta: {
+          headline: "Read online",
+          items: [
+            {
+              label: "HTML Version",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
+            },
+          ],
+        },
         links: {
           headline: "Languages",
           items: [
@@ -837,34 +610,18 @@ const dataCardGroup: CardGroupProps = {
           ],
         },
       },
-      date: {},
-      theme: "light",
-      link: "",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      source: {},
-      image: "",
     },
     {
-      variant: "data",
-      title: "Technical meeting on digitalization in the construction sector",
+      size: "wide",
       eyebrow: "Meeting",
-      eventdetails:
-        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      image: "/small.jpg",
+      columns: "two",
       dataset: {
         content: {
           items: [
             {
               label: "Date",
-              copy: "22 March 2023",
+              copy: "18 March 2023",
             },
             {
               label: "Event type",
@@ -889,6 +646,86 @@ const dataCardGroup: CardGroupProps = {
             },
           ],
         },
+        cta: {
+          headline: "Read online",
+          items: [
+            {
+              label: "HTML Version",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
+            },
+          ],
+        },
+        links: {
+          headline: "Languages",
+          items: [
+            {
+              label: "English",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "Español",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "Français",
+              url: "https://www.ilo.org",
+            },
+          ],
+        },
+      },
+    },
+    {
+      size: "wide",
+      eyebrow: "Meeting",
+      image: "/small.jpg",
+      columns: "two",
+      dataset: {
+        content: {
+          items: [
+            {
+              label: "Date",
+              copy: "18 March 2023",
+            },
+            {
+              label: "Event type",
+              copy: "Technical meeting of experts",
+            },
+          ],
+        },
+        files: {
+          headline: "Files",
+          items: [
+            {
+              label: "Meeting agenda",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "Briefing notes",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "Practical info",
+              url: "https://www.ilo.org",
+            },
+          ],
+        },
+        cta: {
+          headline: "Read online",
+          items: [
+            {
+              label: "HTML Version",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
+            },
+          ],
+        },
         links: {
           headline: "Languages",
           items: [
@@ -907,24 +744,10 @@ const dataCardGroup: CardGroupProps = {
           ],
         },
       },
-      date: {},
-      theme: "light",
-      link: "",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      source: {},
-      image: "",
     },
   ],
-  cardcount: "four",
+  cardCount: "four",
+  type: "data",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -932,10 +755,10 @@ const dataCardGroup: CardGroupProps = {
 };
 
 const CardGroupArgs = {
-  graphicCardGroup,
+  textCardGroup,
   statCardGroup,
   multilinkCardGroup,
-  graphicPromoCardGroup,
+  promoCardGroup,
   featureCardGroup,
   detailCardGroup,
   factListCardGroup,