@useblu/ocean-react 1.59.2 → 1.61.0

package/index.js

@@ -262,8 +262,14 @@ var TagIcon = e__default["default"].memo(function (_a) {
 TagIcon.displayName = 'TagIcon';
 
 var Tag = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, icon = _a.icon, _c = _a.setIconOff, setIconOff = _c === void 0 ? false : _c, rest = __rest$2(_a, ["children", "type", "className", "icon", "setIconOff"]);
-    return (e__default["default"].createElement("div", __assign$2({ ref: ref, role: "Tag", className: classNames('ods-tag', "ods-tag--".concat(type), className) }, rest),
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, _d = _a.size, size = _d === void 0 ? 'medium' : _d, className = _a.className, icon = _a.icon, _e = _a.setIconOff, setIconOff = _e === void 0 ? false : _e, rest = __rest$2(_a, ["children", "variant", "type", "size", "className", "icon", "setIconOff"]);
+    var hasIcon = (type === 'positive' ||
+        type === 'warning' ||
+        type === 'negative' ||
+        icon) &&
+        !setIconOff;
+    var isHighlight = variant === 'highlight';
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, role: "Tag", className: classNames('ods-tag', "ods-tag--".concat(size), hasIcon && "ods-tag--".concat(size, "__with-icon"), isHighlight ? "ods-tag--".concat(variant, "__").concat(type) : "ods-tag--".concat(type), className) }, rest),
         !setIconOff && e__default["default"].createElement(TagIcon, { type: type, icon: icon }),
         e__default["default"].createElement("div", { className: "ods-tag__content" }, children)));
 });
@@ -47746,7 +47752,7 @@ var Breadcrumb = e.forwardRef(function (_a, ref) {
 Breadcrumb.displayName = 'Breadcrumb';
 
 var Drawer = function (_a) {
-    var children = _a.children, open = _a.open, onDrawerClose = _a.onDrawerClose, overlayClose = _a.overlayClose, _b = _a.align, align = _b === void 0 ? 'right' : _b, _c = _a.headerIcon, headerIcon = _c === void 0 ? e__default["default"].createElement(ts, null) : _c, _d = _a.iconAlignment, iconAlignment = _d === void 0 ? 'right' : _d, anchorEl = _a.anchorEl, onMouseOutDrawer = _a.onMouseOutDrawer;
+    var children = _a.children, open = _a.open, onDrawerClose = _a.onDrawerClose, overlayClose = _a.overlayClose, _b = _a.align, align = _b === void 0 ? 'right' : _b, _c = _a.headerIcon, headerIcon = _c === void 0 ? e__default["default"].createElement(ts, null) : _c, _d = _a.iconAlignment, iconAlignment = _d === void 0 ? 'right' : _d, anchorEl = _a.anchorEl, onMouseOutDrawer = _a.onMouseOutDrawer, _e = _a.size, size = _e === void 0 ? 'small' : _e;
     var drawerRef = e.useRef(null);
     var handleOverlayClose = function (event) {
         if (event.target === event.currentTarget) {
@@ -47759,10 +47765,10 @@ var Drawer = function (_a) {
             return null;
         var position = anchorEl.current.getBoundingClientRect();
         if (align === 'right') {
-            var size = window.innerWidth - position.left;
+            var positionSize = window.innerWidth - position.left;
             return {
-                width: "".concat(size, "px"),
-                right: "".concat(size, "px"),
+                width: "".concat(positionSize, "px"),
+                right: "".concat(positionSize, "px"),
                 left: 'auto'
             };
         }
@@ -47784,7 +47790,7 @@ var Drawer = function (_a) {
         attachDrawer();
     }, [anchorEl, drawerRef, attachDrawer]);
     return (e__default["default"].createElement("div", { className: classNames('ods-overlay', open && 'ods-overlay--open'), "aria-hidden": "true", onClick: handleOverlayClose, ref: drawerRef, "data-testid": "drawer-overlay" },
-        e__default["default"].createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align)), onMouseLeave: onMouseOutDrawer },
+        e__default["default"].createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align), "ods-drawer--".concat(size)), onMouseLeave: onMouseOutDrawer },
             e__default["default"].createElement("div", { className: classNames('ods-drawer__content--header', "ods-drawer__content--header--".concat(iconAlignment)) },
                 e__default["default"].createElement(Button$1, { type: "button", onClick: onDrawerClose }, headerIcon)),
             children)));