@ilo-org/react 0.13.0 → 0.14.1

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

@@ -17,7 +17,7 @@ const TextCard = ({ eyebrow, title, theme, size, date, profile, link, }) => {
         [`${baseClass}__size__${size}`]: size,
         [`${baseClass}__theme__${theme}`]: theme,
     });
-    return (jsxRuntime.jsx("div", Object.assign({ className: wrapperClass }, { children: jsxRuntime.jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && jsxRuntime.jsx("h5", Object.assign({ className: `${baseClass}--title` }, { children: title })), date && (jsxRuntime.jsx("time", Object.assign({ className: `${baseClass}--date`, dateTime: date.unix }, { children: date.human }))), profile && profile.avatar && (jsxRuntime.jsx(components_Profile_Profile, { avatar: profile.avatar, description: profile.description, link: profile.link, name: profile.name, role: profile.role, className: `${prefix}--profile--contents--${theme}` }))] })) }))] })) })));
+    return (jsxRuntime.jsx("div", Object.assign({ className: wrapperClass }, { children: jsxRuntime.jsxs("div", Object.assign({ className: cardClasses }, { children: [link && (jsxRuntime.jsx("a", Object.assign({ className: `${baseClass}--link`, href: link, title: title }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--link--text` }, { children: title })) }))), jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--wrap` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--content` }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--eyebrow` }, { children: eyebrow })), title && jsxRuntime.jsx("h5", Object.assign({ className: `${baseClass}--title` }, { children: title })), date && (jsxRuntime.jsx("time", Object.assign({ className: `${baseClass}--date`, dateTime: date.unix }, { children: date.human }))), profile && profile.avatar && (jsxRuntime.jsx(components_Profile_Profile, { avatar: profile.avatar, description: profile.description, link: profile.link, name: profile.name, role: profile.role, className: `${prefix}--profile__theme__${theme}` }))] })) }))] })) })));
 };
 
 module.exports = TextCard;

package/lib/cjs/components/List/List.js

@@ -2,24 +2,22 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
-var React = require('react');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var ListCtx = require('../../ListCtx-14aa546f.js');
 require('tslib');
+require('react');
 require('../../GlobalCtx-10114bdd.js');
 
-const List = ({ children, className, alignment, ordered, title, }) => {
+const List = ({ children, className, alignment = "default", ordered = "unstyled", title, }) => {
     const { prefix } = hooks_useGlobalSettings();
     const baseClass = `${prefix}--list`;
-    const [activeItems] = React.useState([]);
-    const listClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}--${alignment}`]: alignment,
-        [`${baseClass}--${ordered}`]: true,
+    const unstyledClass = `${baseClass}__unstyled`;
+    const horizontalClass = `${baseClass}__horizontal`;
+    const titleClass = `${baseClass}--title`;
+    const listClasses = classNames(className, baseClass, {
+        [unstyledClass]: ordered === "unstyled",
+        [horizontalClass]: alignment === "horizontal",
     });
-    return (jsxRuntime.jsx(ListCtx.ListContext.Provider, Object.assign({ value: {
-            activeItems,
-        } }, { children: jsxRuntime.jsxs("div", Object.assign({ className: listClasses }, { children: [title && jsxRuntime.jsx("h5", Object.assign({ className: `${baseClass}__title` }, { children: title })), ordered && ordered === "ordered" && jsxRuntime.jsx("ol", { children: children }), ordered && ordered !== "ordered" && (jsxRuntime.jsx("ul", Object.assign({ className: `${baseClass}--${alignment}` }, { children: children })))] })) })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: listClasses }, { children: [title && jsxRuntime.jsx("h2", Object.assign({ className: titleClass }, { children: title })), ordered && ordered === "ordered" ? (jsxRuntime.jsx("ol", { children: children })) : (jsxRuntime.jsx("ul", { children: children }))] })));
 };
 
 module.exports = List;

package/lib/cjs/components/List/ListItem.js

@@ -4,18 +4,15 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var ListCtx = require('../../ListCtx-14aa546f.js');
 require('react');
 require('../../GlobalCtx-10114bdd.js');
 
 const ListItem = (_a) => {
-    var { children, id, className } = _a, rest = tslib.__rest(_a, ["children", "id", "className"]);
+    var { children, className } = _a, rest = tslib.__rest(_a, ["children", "className"]);
     const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--list__item`;
-    const listItemClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    return (jsxRuntime.jsx(ListCtx.ListItemContext.Provider, Object.assign({ value: { id } }, { children: jsxRuntime.jsx("li", Object.assign({ className: listItemClasses }, rest, { children: children })) })));
+    const baseClass = `${prefix}--list--item`;
+    const listItemClasses = classNames(className, baseClass);
+    return (jsxRuntime.jsx("li", Object.assign({ className: listItemClasses }, rest, { children: children })));
 };
 
 module.exports = ListItem;

package/lib/cjs/components/List/index.js

@@ -4,11 +4,10 @@ var components_List_List = require('./List.js');
 var components_List_ListItem = require('./ListItem.js');
 require('react/jsx-runtime');
 require('classnames');
-require('react');
 require('../../hooks/useGlobalSettings.js');
 require('tslib');
+require('react');
 require('../../GlobalCtx-10114bdd.js');
-require('../../ListCtx-14aa546f.js');
 
 
 

package/lib/cjs/components/index.js

@@ -46,7 +46,6 @@ var components_Video_Video = require('./Video/Video.js');
 var components_Dropdown_Dropdown = require('./Dropdown/Dropdown.js');
 var components_Icon_Icon = require('./Icon/Icon.js');
 var components_List_List = require('./List/List.js');
-require('../ListCtx-14aa546f.js');
 var components_Profile_Profile = require('./Profile/Profile.js');
 var components_TableOfContents_TableOfContents = require('./TableOfContents/TableOfContents.js');
 var components_Footer_Footer = require('./Footer/Footer.js');

package/lib/cjs/index.js

@@ -46,7 +46,6 @@ var components_Video_Video = require('./components/Video/Video.js');
 var components_Dropdown_Dropdown = require('./components/Dropdown/Dropdown.js');
 var components_Icon_Icon = require('./components/Icon/Icon.js');
 var components_List_List = require('./components/List/List.js');
-require('./ListCtx-14aa546f.js');
 var components_Profile_Profile = require('./components/Profile/Profile.js');
 var components_TableOfContents_TableOfContents = require('./components/TableOfContents/TableOfContents.js');
 var components_Footer_Footer = require('./components/Footer/Footer.js');

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

@@ -14,7 +14,6 @@ import 'react';
 import '../../../GlobalCtx-7fb23cfa.js';
 import '../../Link/Link.js';
 import '../../List/List.js';
-import '../../../ListCtx-da435fdf.js';
 import '../../List/ListItem.js';
 import '../../LinkList/LinkList.js';
 import '../../Profile/Profile.js';