@orangelogic/design-system 4.20.0 → 4.22.0

package/library/package.json

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

package/library/packages/organisms/src/content-builder/components/config-manager/config-manager.d.ts

@@ -215,6 +215,8 @@ export default class CxConfigManager extends CortexElement {
     private getFlattenTraits;
     handleTraitsChange(): Promise<void>;
     handleComponentChange(): Promise<void>;
+    /** Resolves unsaved Gallery/Carousel width defaults against the current column. */
+    private resolveWidthUnitDefault;
     /**
      * The variants of the font kit the block sits in, if any — the config
      * manager is the only layer holding the GrapesJS component, so it is the

package/library/packages/organisms/src/content-builder/components/template-manager/template-manager.d.ts

@@ -10,6 +10,7 @@ import { default as CxLineClamp } from '../../../../../atoms/src/components/line
 import { default as CxMenu } from '../../../../../atoms/src/components/menu/menu.ts';
 import { default as CxMenuItem } from '../../../../../atoms/src/components/menu-item/menu-item.ts';
 import { default as CxSpace } from '../../../../../atoms/src/components/space/space.ts';
+import { default as CxSpinner } from '../../../../../atoms/src/components/spinner/spinner.ts';
 import { default as CxTooltip } from '../../../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CxTypography } from '../../../../../atoms/src/components/typography/typography.ts';
 import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
@@ -45,6 +46,7 @@ export default class CxTemplateManager extends CortexElement {
         'cx-menu': typeof CxMenu;
         'cx-menu-item': typeof CxMenuItem;
         'cx-space': typeof CxSpace;
+        'cx-spinner': typeof CxSpinner;
         'cx-tooltip': typeof CxTooltip;
         'cx-typography': typeof CxTypography;
     };

package/library/packages/organisms/src/content-builder/plugins/utils/block-width.d.ts

@@ -10,6 +10,9 @@ import { default as CxColumn } from '../../blocks/column/column';
  * handle and the width field agree with the page.
  *
  * Full-bleed blocks span the whole viewer, so they keep measuring the column.
+ * Columns inside a `cx-column-group` also measure their own content box: a nested
+ * band can inherit the root page tracks, but those tracks are not the containing
+ * block the width control should use.
  *
  * @param el - The block being measured.
  * @param column - The `cx-column` the block belongs to.

package/library/packages/types/src/content-builder.d.ts

@@ -41,6 +41,8 @@ export type Option = {
     label?: string;
     maskBlocks?: Record<string, unknown>;
     name?: string;
+    /** Resolves a default only when this option has no remembered value. */
+    resolveDefaultValue?: () => string | undefined;
     style?: StyleInfo;
     value: string;
 };
@@ -414,6 +416,8 @@ export type ConfigsOptions = {
     containerFontVariants?: FontFamily[];
     enableAssetFormatControls?: boolean;
     enableFontFamilyControls?: boolean;
+    /** Resolves an unsaved width default when the author selects a unit. */
+    resolveWidthUnitDefault?: (unit: 'px' | '%') => string | undefined;
 };
 /**
  * Well-known editable sections of a content-builder canvas. The page content is the implicit

package/package.json

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