@useblu/ocean-react 1.112.0 → 1.113.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.113.0](https://github.com/ocean-ds/ocean-web/compare/v1.112.1...v1.113.0) (2025-10-22)
+
+### Features
+
+- updates modals ([#1193](https://github.com/ocean-ds/ocean-web/issues/1193)) ([ea8c934](https://github.com/ocean-ds/ocean-web/commit/ea8c934ec926dddb7f99d350019d977867e28566))
+
+## [1.112.1](https://github.com/ocean-ds/ocean-web/compare/v1.112.0...v1.112.1) (2025-10-07)
+
+### Bug Fixes
+
+- tag position and limit props to accept only tag or count prop ([#1191](https://github.com/ocean-ds/ocean-web/issues/1191)) ([7d0952f](https://github.com/ocean-ds/ocean-web/commit/7d0952fe23e34c5ebb36ab30303e2a0bbf39028f))
+
 # [1.112.0](https://github.com/ocean-ds/ocean-web/compare/v1.111.0...v1.112.0) (2025-10-07)
 
 ### Features

package/Modal/Modal.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactModal from 'react-modal';
 export type ModalProps = {
     blocked?: boolean;
-    maxWidth?: 'sm' | 'md' | 'lg' | false;
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | false;
     disableClose?: boolean;
     onRequestClose(event: React.MouseEvent | React.KeyboardEvent): void;
 } & ReactModal.Props;

package/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,aAAa,CAAC;AAIrC,MAAM,MAAM,UAAU,GAAG;IAMvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAMtC,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;CACrE,GAAG,UAAU,CAAC,KAAK,CAAC;AAErB,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyC/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,aAAa,CAAC;AAIrC,MAAM,MAAM,UAAU,GAAG;IAMvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAM7C,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;CACrE,GAAG,UAAU,CAAC,KAAK,CAAC;AAErB,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyC/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/Shortcut/Shortcut.d.ts

@@ -1,5 +1,15 @@
 import React from 'react';
 type ShortcutSize = 'tiny' | 'small' | 'medium';
+type ExclusiveTagOrCount = {
+    tag: string;
+    count?: never;
+} | {
+    tag?: never;
+    count: number;
+} | {
+    tag?: never;
+    count?: never;
+};
 export type ShortcutProps = {
     icon: React.ReactNode;
     label: string;
@@ -7,11 +17,9 @@ export type ShortcutProps = {
     size?: ShortcutSize;
     blocked?: boolean;
     disabled?: boolean;
-    count?: number;
     fullWidth?: boolean;
     orientation?: 'horizontal' | 'vertical';
-    tag?: string;
-} & React.ComponentPropsWithoutRef<'div'>;
+} & ExclusiveTagOrCount & React.ComponentPropsWithoutRef<'div'>;
 declare const Shortcut: ({ icon, label, description, size, blocked, disabled, fullWidth, orientation, count, tag, ...rest }: ShortcutProps) => React.ReactElement;
 export default Shortcut;
 //# sourceMappingURL=Shortcut.d.ts.map

package/Shortcut/Shortcut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../src/Shortcut/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ,GAAI,oGAYf,aAAa,KAAG,KAAK,CAAC,YA0DxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../src/Shortcut/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,KAAK,mBAAmB,GACpB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9B;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,mBAAmB,GACrB,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAExC,QAAA,MAAM,QAAQ,GAAI,oGAYf,aAAa,KAAG,KAAK,CAAC,YA+DxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/index.es.js

@@ -8713,7 +8713,7 @@ var Modal = function (_a) {
             beforeClose: 'ods-modal__content--before-close',
         }, onRequestClose: onRequestClose }, rest),
         e.createElement("div", { className: "ods-modal__header" }, !disableClose && (e.createElement("button", { type: "button", className: "ods-modal__header-close", "aria-label": "Close modal", onClick: onRequestClose },
-            e.createElement(yo, null)))),
+            e.createElement(yo, { size: 20 })))),
         e.createElement("div", { className: "ods-modal__body" }, children)));
 };
 
@@ -46887,11 +46887,12 @@ var Shortcut = function (_a) {
     return (e.createElement("div", __assign$1({ className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled', fullWidth && 'ods-shortcut--full-width', count && 'ods-shortcut--with-badge', "ods-shortcut--".concat(orientation)) }, rest),
         blocked && (e.createElement("div", { className: "ods-shortcut__blocked" },
             e.createElement(At, null))),
-        count ? (e.createElement(Badge, { className: "ods-shortcut__badge", variation: "small", color: "alert", count: count })) : null,
+        !blocked && count ? (e.createElement(Badge, { className: "ods-shortcut__badge", variation: "small", color: disabled ? 'neutral' : 'alert', count: count })) : null,
+        !blocked && tag && orientation === 'vertical' && (e.createElement(Tag, { className: "ods-shortcut__tag", variant: "highlight", type: "important" }, tag)),
         e.createElement("div", { className: classNames('ods-shortcut__content', "ods-shortcut__content--".concat(orientation)) },
             e.createElement("div", { className: "ods-shortcut__icon" }, icon),
             e.createElement("h5", { className: classNames('ods-shortcut__label', 'ods-typography__heading5') }, label),
-            tag && (e.createElement(Tag, { variant: "highlight", type: "important" }, tag))),
+            tag && orientation === 'horizontal' && (e.createElement(Tag, { variant: "highlight", type: "important" }, tag))),
         size === 'medium' && description && (e.createElement("span", { className: classNames('ods-shortcut__description', 'ods-typography__description') }, description))));
 };