@orangelogic/design-system 3.42.0 → 3.44.0

package/library/package.json

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

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

@@ -77,7 +77,8 @@ export default class CxAssetPicker extends CortexElement {
     /** When true, uses the Site Builder search endpoint for asset fetching. */
     isSiteBuilder: boolean;
     private previewSrc;
-    private assetTitle;
+    /** Titles of the selected assets, one per record. */
+    private assetTitles;
     /** Kept as an instance field so tests can stub this API call. */
     private apiGetAssets;
     private handleRequestAssetClick;
@@ -98,6 +99,9 @@ export default class CxAssetPicker extends CortexElement {
      * type prefers its representative.
      */
     resolvePreviewSrc(asset: Pick<Asset, 'representative' | 'src'> & Partial<Pick<Asset, 'type'>>): string;
+    private get previewMode();
+    private renderImagePreview;
+    private renderTitleLabel;
     private renderAssetPreview;
     render(): import('lit-html').TemplateResult<1>;
 }

package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts

@@ -61,10 +61,12 @@ export default class CxViewAndSort extends CortexElement {
     private handleItemTooltipMouseEnter;
     private handleItemTooltipMouseLeave;
     private handleActionClick;
-    /** Whether an item is one choice in a picker (e.g. items-per-page), rendered as `type="selectable"`. */
+    /**
+     * Whether an item is one choice in a picker (e.g. items-per-page). Rendered as a `checkbox`
+     * item exposed as `menuitemradio`, with `no-uncheck` so activating the current choice again
+     * keeps it checked.
+     */
     private isSelectableOption;
-    /** Maps a data item to the `cx-menu-item` type that should render it. */
-    private resolveMenuItemType;
     render(): TemplateResult<1>;
     renderMenuSection(section: MenuSection): TemplateResult;
     renderMenuItem(item: MenuItem, isHorizontal?: boolean, tooltip?: string): TemplateResult;

package/library/packages/organisms/src/content-builder/blocks/font-kit-advanced/font-kit-advanced.utils.d.ts

@@ -43,6 +43,9 @@ export declare function getFontStyleName(fontStyle: string): string;
  * falling back to the raw value for non-standard weights.
  */
 export declare function getFontWeightName(fontWeight: string): string;
+export declare function getNearestFontWeightName(fontWeight: string): string;
+/** Reads name ID 17, not name ID 2: many families put `Regular` in ID 2 for every face. */
+export declare function toFontWeightName(names: object | undefined): string | undefined;
 /**
  * The kit's variants as font-picker options, for the "font kit default" entry.
  * Deduped by weight and style: a kit built from several families holds the

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/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/asset-picker.d.ts

@@ -0,0 +1,5 @@
+export declare enum AssetPickerPreviewMode {
+    Image = "image",
+    Label = "label",
+    None = "none"
+}

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/library/packages/types/src/font-kit.d.ts

@@ -16,6 +16,8 @@ export type Typeface = {
     fontOutlinesFormat?: FontOutlinesFormat;
     fontStyle: string;
     fontWeight: string;
+    /** Weight name declared by the source file (e.g. `Thin`), used for off-scale weights. */
+    fontWeightName?: string;
     /**
      * The source file's OS/2 `usWidthClass` (1-9, 5 = normal). Absent for
      * variants resolved without a file.

package/package.json

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

package/library/chunks/{asset-link-format.1oRTjzY2.js → asset-link-format.BenfACwj.js}

@@ -23,8 +23,8 @@ import { t as oe } from "./input.HC75Gdv_.js";
 import { t as S } from "./option.CxsY_LQ-.js";
 import { t as C } from "./space.Dd8jezXK.js";
 import { t as w } from "./select.DLMCyAHm.js";
-import { t as T } from "./details.DRv08ocO.js";
 import { t as se } from "./divider.CqSNZCU8.js";
+import { t as T } from "./details.DRv08ocO.js";
 import { i as E, n as D, r as O } from "./asset-link-format.DhdgEsA0.js";
 import { applyTransformationsToUrl as k, buildAssetSrcset as ce, buildTransformationString as A, resolveAutoFormat as le, resolveAutoMaxWidth as ue } from "../utils.js";
 import { t as de } from "./v4.JyXW8GUB.js";