@luscii-healthtech/web-ui 2.41.2 → 2.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/NotificationBanner/NotificationBanner.d.ts +2 -1
- package/dist/web-ui-tailwind.css +4 -6
- package/dist/web-ui.cjs.development.js +20 -6
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +20 -6
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/web-ui.esm.js
CHANGED
|
@@ -1561,6 +1561,7 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
|
|
|
1561
1561
|
"opacity-50": isDisabled,
|
|
1562
1562
|
"pointer-events-none": isDisabled || isPending
|
|
1563
1563
|
}, className);
|
|
1564
|
+
var textColorClass = allowedColors[textColor != null ? textColor : "base"];
|
|
1564
1565
|
return /*#__PURE__*/React__default.createElement("button", _extends({
|
|
1565
1566
|
ref: innerRef
|
|
1566
1567
|
}, otherAttributes, {
|
|
@@ -1569,8 +1570,8 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
|
|
|
1569
1570
|
onClick: handleClick,
|
|
1570
1571
|
disabled: isDisabled,
|
|
1571
1572
|
"aria-disabled": isDisabled
|
|
1572
|
-
}), icon && /*#__PURE__*/React__default.createElement(icon, {
|
|
1573
|
-
className: "w-6 h-6"
|
|
1573
|
+
}), icon && !isPending && /*#__PURE__*/React__default.createElement(icon, {
|
|
1574
|
+
className: "w-6 h-6 " + textColorClass
|
|
1574
1575
|
}), isPending && /*#__PURE__*/React__default.createElement("span", {
|
|
1575
1576
|
className: "opacity-100",
|
|
1576
1577
|
// IE11 center translate fix
|
|
@@ -1581,7 +1582,7 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
|
|
|
1581
1582
|
transform: "translate(-50%, -50%)"
|
|
1582
1583
|
}
|
|
1583
1584
|
}, /*#__PURE__*/React__default.createElement(Spinner, {
|
|
1584
|
-
className:
|
|
1585
|
+
className: textColorClass
|
|
1585
1586
|
})), text && /*#__PURE__*/React__default.createElement(Text, {
|
|
1586
1587
|
className: classNames({
|
|
1587
1588
|
invisible: isPending,
|
|
@@ -2618,20 +2619,33 @@ var NotificationBanner = function NotificationBanner(props) {
|
|
|
2618
2619
|
className: "w-6 h-6",
|
|
2619
2620
|
icon: props.icon
|
|
2620
2621
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
2621
|
-
className: "flex flex-
|
|
2622
|
-
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
2622
|
+
className: "flex flex-col"
|
|
2623
|
+
}, props.title && /*#__PURE__*/React__default.createElement(Text, {
|
|
2623
2624
|
className: classNames({
|
|
2624
2625
|
"ml-3": props.icon
|
|
2625
2626
|
}),
|
|
2627
|
+
text: props.title,
|
|
2628
|
+
"data-test-id": "notification-title",
|
|
2629
|
+
type: "strong",
|
|
2630
|
+
color: color
|
|
2631
|
+
}), (props.text || props.linkProps) && /*#__PURE__*/React__default.createElement("div", {
|
|
2632
|
+
className: "flex flex-row items-center"
|
|
2633
|
+
}, props.text && /*#__PURE__*/React__default.createElement(Text, {
|
|
2634
|
+
className: classNames({
|
|
2635
|
+
"ml-3": props.icon,
|
|
2636
|
+
"mr-1": props.linkProps
|
|
2637
|
+
}),
|
|
2626
2638
|
text: props.text,
|
|
2639
|
+
"data-test-id": "notification-text",
|
|
2627
2640
|
color: color
|
|
2628
2641
|
}), props.linkProps && /*#__PURE__*/React__default.createElement(TextLink, {
|
|
2629
2642
|
text: props.linkProps.text,
|
|
2643
|
+
"data-test-id": "notification-text-link",
|
|
2630
2644
|
enabled: props.linkProps.enabled,
|
|
2631
2645
|
rel: "noopener",
|
|
2632
2646
|
target: "_blank",
|
|
2633
2647
|
onClick: props.linkProps.handleClick
|
|
2634
|
-
}))));
|
|
2648
|
+
})))));
|
|
2635
2649
|
};
|
|
2636
2650
|
NotificationBanner.defaultProps = {
|
|
2637
2651
|
color: "base",
|