@orangelogic/design-system 3.44.0 → 3.46.0

package/library/components/video.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/video.BVMZglAW.js";
+import { n as e, t } from "../chunks/video.uttqr317.js";
 export { t as VIDEO_BACKGROUND_SIZE_BY_OBJECT_FIT, e as default };

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.44.0",
+  "version": "3.46.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/dialog/dialog.d.ts

@@ -78,6 +78,7 @@ export default class CxDialog extends CortexElement {
     popup: CxPopup;
     panel: HTMLElement;
     body: HTMLElement;
+    overlay: HTMLElement;
     /**
      * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
      * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.
@@ -128,14 +129,14 @@ export default class CxDialog extends CortexElement {
      */
     strategy: 'fixed' | 'overlay';
     private osInstance;
-    overlay: HTMLElement;
     boundaryObserver: ResizeObserver | null;
+    /** Keeps an open dialog hidden until its popup has applied its first position. */
+    private positionReady;
     boundarySize: {
         height: number;
         width: number;
     };
     constructor();
-    runFirstUpdated(): void;
     connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     protected shouldUpdate(_changedProperties: PropertyValues): boolean;
@@ -152,6 +153,9 @@ export default class CxDialog extends CortexElement {
     private handleDocumentMouseDown;
     private handleDocumentKeyDown;
     private handleCloseButtonClick;
+    private handlePopupReposition;
+    private initializeOverlayScrollbar;
+    private destroyOverlayScrollbar;
     handleOpenChange(): Promise<void>;
     /** Shows the dialog. */
     show(): Promise<void>;

package/library/packages/atoms/src/components/menu/menu.d.ts

@@ -49,6 +49,7 @@ export default class CxMenu extends CortexElement {
     runFirstUpdated(): void;
     private handleClick;
     private handleKeyDown;
+    private handleMouseDown;
     private handleSlotChange;
     /** Sets `tabindex="0"` on the selected item (`checked`/`active`), or the first item if none is selected. */
     private syncTabIndexToSelection;

package/library/packages/molecules/src/graph-view/react/constant.d.ts

@@ -26,7 +26,9 @@ export declare const MENU_ACTION: {
     UNLINK: string;
 };
 export declare const LAYOUT_DEBOUNCE = 100;
-export declare const SUMMARY_HEIGHT = 46;
+export declare const SUMMARY_LINE_HEIGHT = 20;
+export declare const SUMMARY_GAP = 4;
+export declare const SUMMARY_VERTICAL_PADDING = 8;
 export declare const MAX_LABEL_WIDTH = 132;
 export declare const MAX_LABEL_HEIGHT = 80;
 export declare const VERTICAL_LABEL_OFFSET: number;

package/library/packages/organisms/src/content-builder/components/color-swatch-picker/color-swatch-picker.d.ts

@@ -96,6 +96,13 @@ export default class CxColorSwatchPicker extends CortexElement {
      * The hex color value.
      */
     private dialogHex;
+    /**
+     * The color picker's displayed value. This stays in the format selected by the user,
+     * while `dialogHex` remains the canonical value saved with the color swatch.
+     */
+    private dialogPickerValue;
+    /** The display format selected in the current color dialog. */
+    private dialogPickerFormat;
     /**
      * The RGB color value.
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.44.0",
+  "version": "3.46.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {