@orangelogic/design-system 3.45.0 → 3.47.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.45.0",
+  "version": "3.47.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/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/comment/comment.d.ts

@@ -179,6 +179,11 @@ export default class CxComment<TCommentMenu extends CxCommentMenu = CxCommentMen
     private handleCommentMousedown;
     handleEditableChange(): void;
     handlePlaceholderChange(): void;
+    /**
+     * Element focused when fullscreen was entered. Moving the container into the
+     * dialog blurs it, so the dialog itself only ever captures the body.
+     */
+    private fullscreenTrigger;
     handleFullscreenChange(): void;
     private handleRequestClose;
     protected renderMenu(): TemplateResult | DirectiveResult<typeof GuardDirective>;

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/library/packages/organisms/src/space-selector/space-selector.d.ts

@@ -22,6 +22,8 @@ import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
  *
  * @slot (default) - Entries the host renders above the space list, e.g. a drawer's "Back" item.
  *
+ * @csspart trigger - The trigger, a `cx-icon-button` or a `cx-button` depending on `trigger-variant`.
+ * @csspart trigger-base - The trigger's own `base` part, which carries its colour in every state. *
  * @event cx-space-select - The user picked a different space. Detail carries its module and URL.
  * @event cx-space-create - The user asked for a new space.
  * @event cx-space-settings - The user asked for the current space's settings.

package/package.json

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