@ilo-org/react 0.13.0 → 0.14.0

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';