@orangelogic/design-system 2.145.0 → 2.146.0

package/library/css/ol-base.css

@@ -4,9 +4,9 @@
    */
 
   --cx-border-radius-small  : 4px;     /* 4px */
-  --cx-border-radius-medium : 6px;     /* 6px */
-  --cx-border-radius-large  : 8px;     /* 8px */
-  --cx-border-radius-x-large: 12px;    /* 16px */
+  --cx-border-radius-medium : 8px;     /* 8px */
+  --cx-border-radius-large  : 12px;     /* 12px */
+  --cx-border-radius-x-large: 16px;    /* 16px */
   --cx-border-radius-circle : 50%;
   --cx-border-radius-pill   : 9999px;
 
@@ -82,9 +82,9 @@
    */
 
   /* Buttons */
-  --cx-button-border-radius-large      : var(--cx-border-radius-large);
-  --cx-button-border-radius-medium     : var(--cx-border-radius-large);
-  --cx-button-border-radius-small      : var(--cx-border-radius-large);
+  --cx-button-border-radius-large      : var(--cx-border-radius-medium);
+  --cx-button-border-radius-medium     : var(--cx-border-radius-medium);
+  --cx-button-border-radius-small      : var(--cx-border-radius-medium);
   --cx-button-font-size-large          : var(--cx-font-size-medium);
   --cx-button-font-size-medium         : var(--cx-font-size-small);
   --cx-button-font-size-small          : var(--cx-font-size-x-small);

package/library/package.json

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

package/library/packages/molecules/src/icon-picker/icon-picker.d.ts

@@ -76,6 +76,10 @@ export default class CxIconPicker extends CortexElement {
      * When true, adds a Font Awesome section alongside the default Cortex icon library.
      */
     fontAwesome: boolean;
+    /**
+     * When true, hides the "Custom" icon option (asset picker) from the select footer and button-mode menu.
+     */
+    noCustomOption: boolean;
     /**
      * When true, renders a cx-bicolor-picker below the icon selector.
      * @default false

package/library/packages/organisms/src/asset-link-format/components/asset-link-format-crop/asset-link-format-crop.d.ts

@@ -40,6 +40,8 @@ export type CxAssetLinkFormatCropFocusModeChangeEvent = CustomEvent<{
  * @event `cx-asset-link-format-crop-changed` - Emitted when crop input changes are complete.
  * @event `cx-asset-link-format-crop-apply` - Emitted when the crop settings are applied.
  * @event `cx-asset-link-format-crop-auto` - Emitted when the auto cropping is applied.
+ *
+ * @property {boolean} no-ratio-modes - When true, hides the ratio mode select (Free, Widescreen, Square, etc.).
  */
 export default class CxAssetLinkFormatCrop extends CortexElement {
     static readonly styles: CSSResultGroup;
@@ -106,6 +108,12 @@ export default class CxAssetLinkFormatCrop extends CortexElement {
      * Whether the apply button is disabled.
      */
     disabledApply: boolean;
+    /**
+     * Whether to hide the ratio mode select (Free, Widescreen, Square, etc.).
+     * Useful when no asset is attached yet, since switching between ratios
+     * without known dimensions only produces tiny, meaningless pixel values.
+     */
+    noRatioModes: boolean;
     /**
      * The last applied crop settings for each unit.
      * This is used to restore the last applied settings when the component is closed.

package/library/packages/organisms/src/dam-custom-toolbar-buttons-editor/dam-custom-toolbar-buttons-editor.d.ts

@@ -74,6 +74,12 @@ export default class CxDamCustomToolbarButtonsEditor extends CortexElement {
     private apiGetDamViewAvailablePages;
     /** Tracks whether `subTypesApi` has resolved at least once for the current API. */
     private subTypesLoaded;
+    /**
+     * Full button config (backend `QuickAction`) for each available button option, keyed by
+     * its `value`. Populated by `availableButtonsApi` and consumed by
+     * `handleAvailableButtonSelect` to pre-fill the edit form for an existing button.
+     */
+    private availableButtonDetailsByValue;
     private readonly formApi;
     private readonly spaceApi;
     private readonly accessLevelApi;
@@ -148,6 +154,12 @@ export default class CxDamCustomToolbarButtonsEditor extends CortexElement {
     private findDefaultSubTypeFor;
     private createNewButton;
     private updateEditedItem;
+    /**
+     * True when another button (not the one currently being added/edited) already
+     * holds DamToolbarButtonType.Primary. Used to force/disable the "Primary" choice
+     * in the dialog so only one button can ever be Primary.
+     */
+    private hasOtherPrimaryButton;
     /**
      * Enforces the "single primary" constraint: at most one button may have
      * type === DamToolbarButtonType.Primary. When the button identified by

package/library/packages/services/src/api/cms5/cms5.d.ts

@@ -1,4 +1,5 @@
 import { EditorMode, Permission } from '../../../../types/src/content-builder';
+import { DamCustomToolbarButton, DamViewAvailableButtonDetail } from '../../../../types/src/dam-view';
 import { AddTemplateRequest, AddTemplateResponse, GetAdhocPropertiesResponse, GetBlockTemplatesResponse, GetBlockTypesResponse, GetDamViewAssetStatusesResponse, GetDamViewAssetTypesResponse, GetDamViewAvailableButtonsResponse, GetDamViewAvailableFormsResponse, GetDamViewAvailableLevelsOfAccessResponse, GetDamViewAvailablePagesResponse, GetDamViewAvailablePanelsResponse, GetDamViewAvailableSpacesResponse, GetDamViewAvailableTemplatesResponse, GetDamViewDisplayModeOptionsResponse, GetPagesForBlockTemplateResponse, GetTemplatesResponse, UpdateTemplateRequest, UpdateTemplateResponse } from './cms5.types';
 
 export declare function apiAddTemplate({ blockType, description, name, settings, }: AddTemplateRequest): Promise<AddTemplateResponse | null>;
@@ -31,6 +32,12 @@ export declare function apiGetDamViewAvailableForms(params?: {
 export declare function apiGetDamViewAvailableButtons(params?: {
     teamspaceModule?: string;
 }): Promise<GetDamViewAvailableButtonsResponse>;
+/**
+ * Maps the `detail` (backend `QuickAction`) of a `getavailablebuttons_42JU_v1` option
+ * onto the custom-toolbar-button editor's field shape, so selecting an existing button
+ * pre-fills its real action/config instead of the "new button" defaults.
+ */
+export declare function mapDamViewAvailableButtonDetail(detail: DamViewAvailableButtonDetail | null): Partial<DamCustomToolbarButton>;
 export declare function apiGetDamViewAssetStatuses(): Promise<GetDamViewAssetStatusesResponse>;
 export declare function apiGetDamViewAssetTypes(): Promise<GetDamViewAssetTypesResponse>;
 export declare function apiGetDamViewAvailablePanels(params?: {

package/library/packages/types/src/dam-view.d.ts

@@ -47,3 +47,26 @@ export type DamCustomToolbarButton = {
     type: DamToolbarButtonType;
     workflowId?: string;
 };
+/**
+ * Full button configuration returned alongside each `getavailablebuttons_42JU_v1`
+ * option, used to pre-fill the edit form when the user selects an existing button.
+ * Enum-shaped fields (`actionOnClick`, `buttonAppearanceType`, `customButtonType`)
+ * carry the backend's PascalCase enum member names verbatim (e.g. `'OpenForm'`).
+ */
+export type DamViewAvailableButtonDetail = {
+    actionOnClick: string;
+    buttonActionID: string;
+    buttonAppearanceType: string;
+    completionMessage: string;
+    customButtonType: string;
+    formToOpen: string;
+    icon: string;
+    levelOfAccess: string;
+    link: string;
+    openInNewTab: boolean;
+    pageID: string;
+    spaceID: string;
+    subType: string;
+    tooltip: string;
+    type: string;
+};

package/library/react-web-component.d.ts

@@ -6561,6 +6561,10 @@
           * When true, adds a Font Awesome section alongside the default Cortex icon library.
         */
         fontAwesome?: boolean;
+        /**
+          * When true, hides the "Custom" icon option (asset picker) from the select footer and button-mode menu.
+        */
+        noCustomOption?: boolean;
         /**
           * When true, renders a cx-bicolor-picker below the icon selector. <br/>@default false
         */

package/library/utils.js

@@ -26,13 +26,13 @@ import { C as Sr } from "./chunks/calendar-grid.CvdcwfTo.js";
 import { b as Ar, e as Ir, f as Lr, g as vr, a as br, i as Rr, d as Vr, c as Fr, n as kr, p as Or, t as Yr } from "./chunks/date.dSYNLBVO.js";
 import { e as c, a as u, D as m } from "./chunks/date-picker.DTUICGb9.js";
 import { f as Ur } from "./chunks/content-builder.DZRw6hpX.js";
-import { c as _r, f as Hr, e as Xr, b as Wr, g as Br, d as $r, i as Gr, r as zr, a as qr } from "./chunks/image.BzmclWBR.js";
+import { c as _r, f as Hr, e as Xr, b as Wr, g as Br, d as $r, i as Gr, r as zr, a as qr } from "./chunks/image.QVlPFadX.js";
 import { b as Zr, e as jr } from "./chunks/waveform.1U9U_0rd.js";
-import { a as Kr, b as ta, c as ea, e as ra, d as aa, f as sa, g as oa, r as na, s as ia } from "./chunks/number.B4PQLJIg.js";
+import { a as Kr, b as ta, c as ea, e as ra, d as aa, f as sa, g as oa, r as na, s as ia } from "./chunks/number.CtCaI0T_.js";
 import { s as ca } from "./chunks/parse.Cu5nBDTb.js";
 import { b as ma, d as fa, e as ha, f as ga, m as da, g as pa, h as Da, l as Ta, p as wa, w as Ca, v as xa, a as Ma, c as ya, s as Sa, r as Ea, o as Aa, t as Ia, n as La, q as va, i as ba, u as Ra } from "./chunks/string.BmBJ_BLT.js";
 import { g as Fa, a as ka } from "./chunks/template.ClovJacp.js";
-import { c as Ya, f as Na, a as Ua, g as Pa } from "./chunks/time.BSmpFe2G.js";
+import { c as Ya, f as Na, a as Ua, g as Pa } from "./chunks/time.DWfbnPnM.js";
 import { b as Ha } from "./chunks/transformation.c-RS37zA.js";
 function n(t) {
   const e = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");

package/package.json

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