@useblu/ocean-react 1.59.2 → 1.61.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.61.0](https://github.com/ocean-ds/ocean-web/compare/v1.60.0...v1.61.0) (2024-06-14)
+
+### Features
+
+- drawer ([#1105](https://github.com/ocean-ds/ocean-web/issues/1105)) ([1c749e0](https://github.com/ocean-ds/ocean-web/commit/1c749e011aa19acf67f1deb0cc15e47618f40e3f))
+
+# [1.60.0](https://github.com/ocean-ds/ocean-web/compare/v1.59.3...v1.60.0) (2024-06-13)
+
+### Features
+
+- add tag size variant ([#1104](https://github.com/ocean-ds/ocean-web/issues/1104)) ([90e4a71](https://github.com/ocean-ds/ocean-web/commit/90e4a716c21902069d4260c0e6e71bf62f8f48c7))
+
 ## [1.59.2](https://github.com/ocean-ds/ocean-web/compare/v1.59.1...v1.59.2) (2024-06-05)
 
 ### Bug Fixes

package/Drawer/Drawer.d.ts

@@ -9,7 +9,8 @@ interface DrawerProps {
     iconAlignment?: 'right' | 'left';
     anchorEl?: RefObject<HTMLDivElement> | null;
     onMouseOutDrawer?: (event?: MouseEvent<HTMLDivElement>) => void;
+    size?: 'small' | 'large';
 }
-declare const Drawer: ({ children, open, onDrawerClose, overlayClose, align, headerIcon, iconAlignment, anchorEl, onMouseOutDrawer, }: DrawerProps) => React.ReactElement;
+declare const Drawer: ({ children, open, onDrawerClose, overlayClose, align, headerIcon, iconAlignment, anchorEl, onMouseOutDrawer, size, }: DrawerProps) => React.ReactElement;
 export default Drawer;
 //# sourceMappingURL=Drawer.d.ts.map

package/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,SAAS,EAIV,MAAM,OAAO,CAAC;AAMf,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IACpE,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC5C,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,QAAA,MAAM,MAAM,mHAUT,WAAW,KAAG,MAAM,YA4EtB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,SAAS,EAIV,MAAM,OAAO,CAAC;AAMf,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IACpE,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC5C,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAChE,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,yHAWT,WAAW,KAAG,MAAM,YA4EtB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/Drawer/examples/AttachedDrawer.d.ts

@@ -4,7 +4,8 @@ export interface SimpleDrawerProps {
     open?: boolean;
     align?: 'left' | 'right';
     iconAlignment?: 'left' | 'right';
+    size?: 'small' | 'large';
 }
-declare const SimpleDrawer: ({ children, open, align, iconAlignment, }: SimpleDrawerProps) => React.ReactElement;
+declare const SimpleDrawer: ({ children, open, align, iconAlignment, size, }: SimpleDrawerProps) => React.ReactElement;
 export default SimpleDrawer;
 //# sourceMappingURL=AttachedDrawer.d.ts.map

package/Drawer/examples/AttachedDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachedDrawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/examples/AttachedDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,YAAY,8CAKf,iBAAiB,KAAG,MAAM,YAqD5B,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AttachedDrawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/examples/AttachedDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,oDAMf,iBAAiB,KAAG,MAAM,YAsD5B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/Drawer/examples/SimpleDrawer.d.ts

@@ -4,7 +4,8 @@ export interface SimpleDrawerProps {
     open?: boolean;
     align?: 'left' | 'right';
     iconAlignment?: 'left' | 'right';
+    size?: 'small' | 'large';
 }
-declare const SimpleDrawer: ({ children, open, align, iconAlignment, }: SimpleDrawerProps) => React.ReactElement;
+declare const SimpleDrawer: ({ children, open, align, iconAlignment, size, }: SimpleDrawerProps) => React.ReactElement;
 export default SimpleDrawer;
 //# sourceMappingURL=SimpleDrawer.d.ts.map

package/Drawer/examples/SimpleDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleDrawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/examples/SimpleDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,YAAY,8CAKf,iBAAiB,KAAG,MAAM,YAuB5B,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SimpleDrawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/examples/SimpleDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,oDAMf,iBAAiB,KAAG,MAAM,YAwB5B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/Tag/Tag.d.ts

@@ -1,13 +1,18 @@
 import React from 'react';
-export declare type TagProps = {
-    type?: 'positive' | 'warning' | 'negative' | 'neutral' | 'neutral-02' | 'neutral-03' | 'default';
+export declare type BaseTagProps = {
+    size?: 'small' | 'medium';
     icon?: React.ReactElement;
     setIconOff?: boolean;
 } & React.ComponentPropsWithoutRef<'div'>;
-declare const Tag: React.ForwardRefExoticComponent<{
-    type?: "positive" | "warning" | "negative" | "neutral" | "neutral-02" | "neutral-03" | "default" | undefined;
-    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    setIconOff?: boolean | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+declare type DefaultType = {
+    variant?: 'default';
+    type?: 'positive' | 'warning' | 'negative' | 'neutral' | 'neutral-02' | 'neutral-03' | 'default';
+} & BaseTagProps;
+declare type HighlightType = {
+    variant: 'highlight';
+    type: 'important' | 'neutral';
+} & BaseTagProps;
+export declare type TagProps = DefaultType | HighlightType;
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
 export default Tag;
 //# sourceMappingURL=Tag.d.ts.map

package/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,oBAAY,QAAQ,GAAG;IAKrB,IAAI,CAAC,EACD,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,SAAS,CAAC;IAId,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAI1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,GAAG;;;;kLAsBR,CAAC;AAIF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,oBAAY,YAAY,GAAG;IAIzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAI1B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAI1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,aAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IAIpB,IAAI,CAAC,EACD,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,SAAS,CAAC;CACf,GAAG,YAAY,CAAC;AAEjB,aAAK,aAAa,GAAG;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;CAC/B,GAAG,YAAY,CAAC;AAEjB,oBAAY,QAAQ,GAAG,WAAW,GAAG,aAAa,CAAC;AAEnD,QAAA,MAAM,GAAG,iFAyCR,CAAC;AAIF,eAAe,GAAG,CAAC"}

package/index.es.js

@@ -253,8 +253,14 @@ var TagIcon = e.memo(function (_a) {
 TagIcon.displayName = 'TagIcon';
 
 var Tag = e.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.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.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.createElement(TagIcon, { type: type, icon: icon }),
         e.createElement("div", { className: "ods-tag__content" }, children)));
 });
@@ -47737,7 +47743,7 @@ var Breadcrumb = 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.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.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 = useRef(null);
     var handleOverlayClose = function (event) {
         if (event.target === event.currentTarget) {
@@ -47750,10 +47756,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'
             };
         }
@@ -47775,7 +47781,7 @@ var Drawer = function (_a) {
         attachDrawer();
     }, [anchorEl, drawerRef, attachDrawer]);
     return (e.createElement("div", { className: classNames('ods-overlay', open && 'ods-overlay--open'), "aria-hidden": "true", onClick: handleOverlayClose, ref: drawerRef, "data-testid": "drawer-overlay" },
-        e.createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align)), onMouseLeave: onMouseOutDrawer },
+        e.createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open', "ods-drawer--".concat(align), "ods-drawer--".concat(size)), onMouseLeave: onMouseOutDrawer },
             e.createElement("div", { className: classNames('ods-drawer__content--header', "ods-drawer__content--header--".concat(iconAlignment)) },
                 e.createElement(Button$1, { type: "button", onClick: onDrawerClose }, headerIcon)),
             children)));