@useblu/ocean-react 1.56.0 → 1.58.0

package/index.js

@@ -303,6 +303,18 @@ var TransactionListItem = e__default["default"].forwardRef(function (_a, ref) {
 });
 TransactionListItem.displayName = 'TransactionListItem';
 
+var UnorderedListItem = e__default["default"].forwardRef(function (_a, ref) {
+    var description = _a.description, Icon = _a.icon, title = _a.title, className = _a.className, iconVariant = _a.iconVariant, rest = __rest$1(_a, ["description", "icon", "title", "className", "iconVariant"]);
+    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames('ods-unordered-list-item', className) }, rest),
+        Icon && iconVariant !== 'chevron' ? (e__default["default"].createElement(Icon, { size: iconVariant === 'solid' ? 20 : 24, className: classNames('ods-unordered-list-item__icon', iconVariant === 'solid' && 'ods-unordered-list-item__icon--solid') })) : (e__default["default"].createElement("span", { className: "ods-unordered-list-item__icon-container" },
+            e__default["default"].createElement(ee, { size: 16 }))),
+        e__default["default"].createElement("span", null,
+            title && (e__default["default"].createElement(Typography, { variant: "paragraph", className: classNames('ods-unordered-list-item__title', iconVariant === 'solid' &&
+                    'ods-unordered-list-item__title--with-solid-icon') }, title)),
+            e__default["default"].createElement(Typography, { variant: "description", className: classNames(!title && 'ods-unordered-list-item__description') }, description))));
+});
+UnorderedListItem.displayName = 'UnorderedListItem';
+
 var mapIconsByType$1 = {
     warning: zi,
     error: rs,
@@ -318,17 +330,6 @@ var AlertIcon = e__default["default"].memo(function (_a) {
 });
 AlertIcon.displayName = 'AlertIcon';
 
-var Alert = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'default' : _b, title = _a.title, className = _a.className, icon = _a.icon, rest = __rest$1(_a, ["children", "type", "title", "className", "icon"]);
-    var alertIcon = e__default["default"].createElement(AlertIcon, { type: type, icon: icon });
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, role: "alert", className: classNames('ods-alert', "ods-alert--".concat(type), title && 'ods-alert--has-header', className) }, rest),
-        title ? (e__default["default"].createElement("div", { className: "ods-alert__header" },
-            alertIcon,
-            e__default["default"].createElement("div", { className: "ods-alert__title" }, title))) : (alertIcon),
-        e__default["default"].createElement("div", { className: "ods-alert__content" }, children)));
-});
-Alert.displayName = 'Alert';
-
 var IconSm = function () { return (e__default["default"].createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     e__default["default"].createElement("circle", { opacity: "0.4", cx: "8", cy: "8", r: "6", stroke: "#B8C3FF", strokeWidth: "4" }),
     e__default["default"].createElement("path", { d: "M8 2C8.78793 2 9.56815 2.15519 10.2961 2.45672C11.0241 2.75825 11.6855 3.20021 12.2426 3.75736C12.7998 4.31451 13.2417 4.97595 13.5433 5.7039C13.8448 6.43185 14 7.21207 14 8", stroke: "#0025E0", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }))); };
@@ -361,6 +362,50 @@ function ButtonBase(_a, ref) {
 }
 var Button$1 = e__default["default"].forwardRef(ButtonBase);
 
+var mapIconsByType = {
+    linkChevron: ee,
+    externalLink: Qe
+};
+var LinkIcons = e__default["default"].memo(function (_a) {
+    var icon = _a.icon;
+    if (icon) {
+        var IconElement = mapIconsByType[icon];
+        return (e__default["default"].createElement(IconElement, { size: 16, className: "ods-link__icon", "aria-hidden": true, focusable: false, "data-testid": "link-icon" }));
+    }
+    return e__default["default"].createElement(e__default["default"].Fragment, null);
+});
+LinkIcons.displayName = 'LinkIcons';
+
+var Link = e.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, rest = __rest$1(_a, ["children", "className", "variant", "size", "icon"]);
+    return (e__default["default"].createElement("a", __assign$1({ ref: ref, className: classNames('ods-link', "ods-link--".concat(size), "ods-link--".concat(variant), icon ? 'ods-link--with-icon' : '', className) }, rest),
+        e__default["default"].createElement("span", { className: "ods-link__content" }, children),
+        e__default["default"].createElement(LinkIcons, { icon: icon })));
+});
+Link.displayName = 'Link';
+
+var Alert = e__default["default"].forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'default' : _b, title = _a.title, className = _a.className, icon = _a.icon, _c = _a.size, size = _c === void 0 ? 'long' : _c, button = _a.button, buttonAction = _a.buttonAction, rest = __rest$1(_a, ["children", "type", "title", "className", "icon", "size", "button", "buttonAction"]);
+    var alertIcon = e__default["default"].createElement(AlertIcon, { type: type, icon: icon });
+    var longSize = size === 'long' && !button;
+    var marginHeader = longSize && children && title;
+    return (e__default["default"].createElement("div", __assign$1({ ref: ref, role: "alert", className: classNames('ods-alert', "ods-alert--".concat(type), longSize && 'ods-alert--long', className) }, rest), longSize ? (e__default["default"].createElement(e__default["default"].Fragment, null,
+        e__default["default"].createElement("div", { className: classNames('ods-alert__header', marginHeader && 'ods-alert__header--margin') },
+            alertIcon,
+            title ? (e__default["default"].createElement("div", { className: "ods-alert__title" }, title)) : (e__default["default"].createElement("div", { className: "alert__content" }, children))),
+        title && e__default["default"].createElement("div", { className: "alert__content" }, children))) : (e__default["default"].createElement(e__default["default"].Fragment, null,
+        e__default["default"].createElement("div", { className: classNames('ods-alert__header', marginHeader && 'ods-alert__header--margin') },
+            alertIcon,
+            e__default["default"].createElement("div", { className: "ods-alert__text" },
+                title && e__default["default"].createElement("div", { className: "ods-alert__title" }, title),
+                e__default["default"].createElement("div", { className: "alert__content" }, children)),
+            button && (e__default["default"].createElement("div", { className: "ods-alert__button" },
+                e__default["default"].createElement(Button$1, { size: "sm", onClick: buttonAction }, button)))),
+        button && (e__default["default"].createElement("div", { className: "ods-alert__button--mobile" },
+            e__default["default"].createElement(Link, { size: "sm", onClick: buttonAction, icon: "externalLink" }, button)))))));
+});
+Alert.displayName = 'Alert';
+
 var lib$1 = {};
 
 var slider = {};
@@ -5055,28 +5100,6 @@ var Radio = e__default["default"].forwardRef(function (_a, ref) {
 });
 Radio.displayName = 'Radio';
 
-var mapIconsByType = {
-    linkChevron: ee,
-    externalLink: Qe
-};
-var LinkIcons = e__default["default"].memo(function (_a) {
-    var icon = _a.icon;
-    if (icon) {
-        var IconElement = mapIconsByType[icon];
-        return (e__default["default"].createElement(IconElement, { size: 16, className: "ods-link__icon", "aria-hidden": true, focusable: false, "data-testid": "link-icon" }));
-    }
-    return e__default["default"].createElement(e__default["default"].Fragment, null);
-});
-LinkIcons.displayName = 'LinkIcons';
-
-var Link = e.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, rest = __rest$1(_a, ["children", "className", "variant", "size", "icon"]);
-    return (e__default["default"].createElement("a", __assign$1({ ref: ref, className: classNames('ods-link', "ods-link--".concat(size), "ods-link--".concat(variant), icon ? 'ods-link--with-icon' : '', className) }, rest),
-        e__default["default"].createElement("span", { className: "ods-link__content" }, children),
-        e__default["default"].createElement(LinkIcons, { icon: icon })));
-});
-Link.displayName = 'Link';
-
 var TextArea = e__default["default"].forwardRef(function (_a, ref) {
     var className = _a.className, label = _a.label, placeholder = _a.placeholder, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, rest = __rest$1(_a, ["className", "label", "placeholder", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue"]);
     var _b = useInputFilled({
@@ -46587,4 +46610,5 @@ exports.TextArea = TextArea;
 exports.TopBar = TopBar;
 exports.TransactionListItem = TransactionListItem;
 exports.Typography = Typography;
+exports.UnorderedListItem = UnorderedListItem;
 //# sourceMappingURL=index.js.map