@useblu/ocean-react 1.29.1 → 1.29.2

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/index.js CHANGED
@@ -8191,7 +8191,19 @@ var Steps = function (_a) {
8191
8191
  e__default['default'].createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#13BDBD", strokeWidth: "2" })))));
8192
8192
  };
8193
8193
 
8194
+ var Badge = e__default['default'].forwardRef(function Badge(_a, ref) {
8195
+ var children = _a.children, _b = _a.variation, variation = _b === void 0 ? 'small' : _b, className = _a.className, count = _a.count, color = _a.color, rest = __rest(_a, ["children", "variation", "className", "count", "color"]);
8196
+ var countToShow = count && count > 99 ? "99+" : count;
8197
+ return (e__default['default'].createElement("div", __assign({ ref: ref, role: "tag", className: classNames('ods-badge', "ods-badge--" + variation, "ods-badge--" + color, className, {
8198
+ 'ods-badge--overflow': count && count > 99,
8199
+ }) }, rest),
8200
+ variation !== 'tiny' && count && (e__default['default'].createElement("div", { className: "ods-badge__content ods-badge__count" }, countToShow)),
8201
+ variation !== 'tiny' && typeof count === 'undefined' && children && (e__default['default'].createElement("div", { className: "ods-badge__content ods-badge__text" }, children)),
8202
+ variation === 'tiny' && e__default['default'].createElement("div", { className: "ods-badge__content" })));
8203
+ });
8204
+
8194
8205
  exports.Alert = Alert;
8206
+ exports.Badge = Badge;
8195
8207
  exports.Button = Button;
8196
8208
  exports.Carousel = Carousel;
8197
8209
  exports.Checkbox = Checkbox;