@ilo-org/react 0.11.0 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @ilo-org/react
 
+## 0.13.0
+
+### Minor Changes
+
+- 16e117853: Refactor card group to fix styles and use individual card components
+
+### Patch Changes
+
+- de97f52fc: removed extra dirs from bundle
+- 10dadfad7: Fix design bug in pagination for rtl
+- 53c5be426: Sync footer and navigation markup with twig
+- 65f03a82a: Fix tagline on navigation
+- Updated dependencies [7e1460a88]
+- Updated dependencies [10dadfad7]
+- Updated dependencies [5bc989f5d]
+  - @ilo-org/styles@0.15.0
+
+## 0.12.0
+
+### Minor Changes
+
+- 5bb16757b: Sync cards with twig
+
+### Patch Changes
+
+- Updated dependencies [94c28eae7]
+  - @ilo-org/styles@0.14.2
+
 ## 0.11.0
 
 ### Minor Changes

package/lib/cjs/components/Cards/CardGroup/CardGroup.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('classnames');
+var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
+var components_Cards_DataCard_DataCard = require('../DataCard/DataCard.js');
+var components_Cards_DetailCard_DetailCard = require('../DetailCard/DetailCard.js');
+var components_Cards_FactlistCard_FactListCard = require('../FactlistCard/FactListCard.js');
+var components_Cards_FeatureCard_FeatureCard = require('../FeatureCard/FeatureCard.js');
+var components_Cards_MultilinkCard_MultiLinkCard = require('../MultilinkCard/MultiLinkCard.js');
+var components_Cards_PromoCard_PromoCard = require('../PromoCard/PromoCard.js');
+var components_Cards_StatCard_StatCard = require('../StatCard/StatCard.js');
+var components_Cards_TextCard_TextCard = require('../TextCard/TextCard.js');
+require('tslib');
+require('react');
+require('../../../GlobalCtx-10114bdd.js');
+require('../../Link/Link.js');
+require('../../List/List.js');
+require('../../../ListCtx-14aa546f.js');
+require('../../List/ListItem.js');
+require('../../LinkList/LinkList.js');
+require('../../Profile/Profile.js');
+
+const cardMapper = {
+    stat: components_Cards_StatCard_StatCard,
+    multilink: components_Cards_MultilinkCard_MultiLinkCard,
+    text: components_Cards_TextCard_TextCard,
+    promo: components_Cards_PromoCard_PromoCard,
+    feature: components_Cards_FeatureCard_FeatureCard,
+    detail: components_Cards_DetailCard_DetailCard,
+    factlist: components_Cards_FactlistCard_FactListCard,
+    data: components_Cards_DataCard_DataCard,
+};
+const CardGroup = ({ cards, cardCount, cta, type }) => {
+    const Cards = cardMapper[type];
+    const { prefix } = hooks_useGlobalSettings();
+    const baseClass = `${prefix}--cardgroup`;
+    const cardGroupClasses = classNames(baseClass, `${baseClass}__count__${cardCount}`);
+    return (jsxRuntime.jsxs("div", Object.assign({ className: cardGroupClasses }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--inner` }, { children: cards && cards.map((card, index) => jsxRuntime.jsx(Cards, Object.assign({}, card), index)) })), cta && (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--button-wrap` }, { children: jsxRuntime.jsx("a", Object.assign({ className: `${prefix}--button ${prefix}--button--medium ${prefix}--button--secondary`, href: cta.url }, { children: jsxRuntime.jsx("span", Object.assign({ className: "button__label" }, { children: cta.label })) })) })))] })));
+};
+
+module.exports = CardGroup;