@orangelogic/design-system 2.144.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.144.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/content-builder/styleController.d.ts

@@ -113,6 +113,9 @@ export default class StyleController {
             wrap?: "nowrap" | "wrap" | "wrap-reverse";
         };
         helpText?: string | ((record: Record<string, unknown>) => string);
+        infoTextConfigs?: {
+            color?: string;
+        };
         inputConfigs?: {
             label?: string;
             suffix?: {

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