@orangelogic/design-system 2.145.0 → 2.147.0

package/library/components/video.js

@@ -1,13 +1,13 @@
 import { _ as kd, a as Sa, b as Be, c as Je } from "../chunks/inheritsLoose.BuSn_CvZ.js";
 import { c as ps, a as Bn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { r as Sb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
-import { C as Cb } from "../chunks/image.DVbY2O89.js";
+import { C as Cb } from "../chunks/image.DaYfKRf4.js";
 import Mb from "./resize-observer.js";
 import { r as Db, R as Pb, a as Rp, b as Lb } from "../chunks/resizable-component.styles.CAfXABBc.js";
 import { c as Rb } from "../chunks/component.styles.CRO4Odto.js";
 import { b as Ib } from "../chunks/browser.BHOCIF_A.js";
 import { c as Ob } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as kb } from "../chunks/i18n.DYXys45m.js";
+import { L as kb } from "../chunks/i18n.D07sG_CU.js";
 import { w as Ki } from "../chunks/watch.K-dbDP6P.js";
 import { i as Bb, x as Qc } from "../chunks/lit-element.jLBm65_O.js";
 import { n as Ri } from "../chunks/lib-cortex-element.CVMmyPMC.js";

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.147.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/events/src/cx-faceted-filter-remove.d.ts

@@ -0,0 +1,9 @@
+export type CxFacetedFilterRemoveEvent = CustomEvent<{
+    /** The `key` of the removed applied-filter tag (see `AppliedFilterTag`). */
+    key: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-faceted-filter-remove': CxFacetedFilterRemoveEvent;
+    }
+}

package/library/packages/events/src/cx-table-applied-filter-remove.d.ts

@@ -0,0 +1,9 @@
+export type CxTableAppliedFilterRemoveEvent = CustomEvent<{
+    /** The `key` of the removed host-provided applied-filter tag (see `additionalAppliedFilters`). */
+    key: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-table-applied-filter-remove': CxTableAppliedFilterRemoveEvent;
+    }
+}

package/library/packages/events/src/events.d.ts

@@ -76,6 +76,7 @@ export * from './cx-expand';
 export * from './cx-export-settings';
 export * from './cx-facet-change';
 export * from './cx-faceted-filter-change';
+export * from './cx-faceted-filter-remove';
 export * from './cx-file-on-demand-load-more';
 export * from './cx-file-on-demand-pin';
 export * from './cx-file-on-demand-unpin';
@@ -194,6 +195,7 @@ export * from './cx-swatch-add';
 export * from './cx-tab-hide';
 export * from './cx-tab-show';
 export * from './cx-table-advanced-search-click';
+export * from './cx-table-applied-filter-remove';
 export * from './cx-table-column-editor-apply';
 export * from './cx-table-column-editor-cancel';
 export * from './cx-table-column-visibility-change';

package/library/packages/hybrid/table-core/src/table/styles/table-clickable-cell.styles.d.ts

@@ -1,7 +1,9 @@
 /**
  * Styles for cells in columns with `clickable: true`. Renders text with a
  * link-like appearance (primary color, underline on hover) without using a
- * real anchor element. Consumers can override the text color via the
+ * real anchor element. The affordance is text-only: icons in the same cell
+ * keep the table's default color and are not tinted by the link style.
+ * Consumers can override the text color via the
  * `--clickable-cell-color` CSS custom property. For more involved styling
  * (font, padding, background) configure the column directly via `cssClass`,
  * `textFormatParams`, or a custom `formatter`.

package/library/packages/hybrid/table-core/src/table/table.d.ts

@@ -9,6 +9,7 @@ import { default as CxSpinner } from '../../../../atoms/src/components/spinner/s
 import { default as CxTooltip } from '../../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
 import { default as CxFacetedFilter } from '../../../../molecules/src/faceted-filter/faceted-filter.ts';
+import { AppliedFilterTag } from '../../../../types/src/faceted-filter';
 import { PaginationCounter } from '../../../../types/src/pagination';
 import { DateFilterCompareFormat, HoverMenuOptions, HttpMethod, PaginationPlacement, TableClipboardAction, ColumnDefinition, Options, OptionsColumns, OptionsSpreadsheet, SheetDefinition, TableDataFormat } from '../../../../types/src/table';
 import { SavedSearchItem, TableDropdownFilterData, TableGroupByOption } from '../../../../types/src/table-toolbar';
@@ -73,6 +74,7 @@ import { CxTableColumnEditor, CxTableFooter, CxTableHeaderMenu, CxTableRowAction
  * @event {{ invalidCellCount: number, invalidCells: ICellComponent[] }} cx-table-validation-change - Emitted when the set of cells failing column `validator` rules changes (edit, load validation, or programmatic validate).
  * @event {{ field: string, visible: boolean }} cx-table-column-visibility-change - Emitted after a column's visibility changes via the header right-click "Hide column" action.
  * @event {{ field: string }} cx-table-edit-columns - Emitted when "Edit columns" is chosen from the header right-click menu. Extension point for a future manage-columns panel; no built-in panel is shown.
+ * @event {{ key: string }} cx-table-applied-filter-remove - Emitted when a host-provided chip from `additionalAppliedFilters` is removed (individually or via "Clear") in the faceted-filter panel. Carries the removed chip's `key`; the host owns the underlying filter and updates `additionalAppliedFilters` in response.
  */
 export default class CxTable extends CortexElement {
     #private;
@@ -331,6 +333,15 @@ export default class CxTable extends CortexElement {
      * Example: `"country:checkbox-multiple,createdAt|Create Date:datePicker-showTime,updatedAt|Updated At:dateRangePicker-showTime-showPreset"`
      */
     facetConfig: string | undefined;
+    /**
+     * Extra host-provided chips shown in the faceted-filter "Applied filters" panel,
+     * in addition to the ones the table manages itself (e.g. the search term). Push any
+     * number of `{ key, label }` entries; each renders as a removable tag. When one is
+     * removed (or "Clear" is clicked) the table emits `cx-table-applied-filter-remove`
+     * with its `key` — the host owns the underlying filter state and updates this list
+     * in response. Keys must be unique and must not clash with the reserved `search-keyword` key.
+     */
+    additionalAppliedFilters: AppliedFilterTag[];
     /**
      * Lookup list to link fields expected by the server to their function
      * ```typescript
@@ -823,6 +834,7 @@ export default class CxTable extends CortexElement {
     private columnEditorEntries;
     get initialized(): boolean | undefined;
     get searchValue(): string;
+    private get appliedFilterTags();
     get isBottomPlacement(): boolean;
     get showPaginationFooter(): boolean;
     /**
@@ -914,6 +926,7 @@ export default class CxTable extends CortexElement {
     isLoading(): boolean;
     search(searchText: string): void;
     private handleSearch;
+    private handleAppliedFilterRemove;
     handleSearchFieldsChange(): void;
     handleSearchMatchAnyKeywordChange(): void;
     handleDropdownFiltersPropChange(): void;

package/library/packages/molecules/src/faceted-filter/faceted-filter.d.ts

@@ -9,7 +9,7 @@ import { default as CxSpinner } from '../../../atoms/src/components/spinner/spin
 import { default as CxTag } from '../../../atoms/src/components/tag/tag.ts';
 import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
-import { Facet, FacetDetails, FacetSelectionMode, SelectedDateRanges, SelectedFacets } from '../../../types/src/faceted-filter';
+import { AppliedFilterTag, Facet, FacetDetails, FacetSelectionMode, SelectedDateRanges, SelectedFacets } from '../../../types/src/faceted-filter';
 import { CSSResultGroup } from 'lit';
 
 /**
@@ -18,6 +18,9 @@ import { CSSResultGroup } from 'lit';
  *
  * @event {{ selection: SelectedFacets }} cx-faceted-filter-change - Fired whenever
  * the user changes a selection, removes a tag, or clears all filters.
+ * @event {{ key: string }} cx-faceted-filter-remove - Fired when a host-provided
+ * applied-filter tag (see the `externalFilters` property) is removed, either individually
+ * or via "Clear". Carries the removed tag's `key`.
  *
  * @cssproperty [--panel-max-height=600px] - The maximum height of the dropdown panel and its content.
  */
@@ -49,6 +52,13 @@ export default class CxFacetedFilter extends CortexElement {
     selection: FacetSelectionMode;
     /** Whether the current selection is being applied by the consumer. */
     loading: boolean;
+    /**
+     * Removable chips supplied from OUTSIDE the component, shown in the applied-filters
+     * panel alongside the component's own facet/date selections (e.g. the table's
+     * free-text search term). Removing one — or clicking "Clear" — emits
+     * `cx-faceted-filter-remove` with its `key`; the owner updates this list in response.
+     */
+    externalFilters: AppliedFilterTag[];
     /** Total count of selected filter values that have a matching display name. */
     private appliedFiltersCount;
     /** Internal selection state maintained by the component. */
@@ -61,6 +71,7 @@ export default class CxFacetedFilter extends CortexElement {
     handleSelectedFacetsChange(): void;
     handleSelectedDateRangesChange(): void;
     handleInternalSelectionChange(): void;
+    handleExternalFiltersChange(): void;
     private updateAppliedFiltersCount;
     private getFacetSelectionMode;
     private buildRenderContext;
@@ -73,6 +84,7 @@ export default class CxFacetedFilter extends CortexElement {
     private getDateFacetLabel;
     private formatDateRangeDisplay;
     private renderDateTags;
+    private renderExternalFilterTags;
     private renderSelectionCheckboxTags;
     private renderFooter;
     render(): import('lit').TemplateResult<1>;

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/molecules/src/search-box/search-box.d.ts

@@ -17,6 +17,12 @@ import { CSSResultGroup } from 'lit';
       var(--cx-color-neutral-1000),
       var(--cx-color-neutral-0)
     )] - pair of colors for light and dark theme
+ * @cssproperty [--search-box-custom-height=32px] - Input height when size is 'custom'.
+ * @cssproperty [--search-box-custom-padding=4px 8px 4px 8px] - Input padding when size is 'custom'.
+ * @cssproperty [--search-box-custom-font-size=var(--cx-font-size-medium)] - Input font size when size is 'custom'.
+ * @cssproperty [--search-box-custom-font-family] - Input font family when size is 'custom'.
+ * @cssproperty [--search-box-custom-font-style] - Input font style when size is 'custom'.
+ * @cssproperty [--search-box-custom-font-weight] - Input font weight when size is 'custom'.
  *
  * @event cx-input - Emitted when the control receives input.
  * @event cx-change - Emitted when an alteration to the control's value is committed by the user.
@@ -25,7 +31,7 @@ import { CSSResultGroup } from 'lit';
  * @csspart input - The input field for entering search queries.
  * @csspart icon - The icon displayed in the search box, typically a magnifying glass.
  *
- * @typedef SearchBoxSize - 'large' | 'medium' | 'small'
+ * @typedef SearchBoxSize - 'custom' | 'large' | 'medium' | 'small'
  */
 export default class CxSearchBox extends CortexElement {
     static readonly styles: CSSResultGroup;

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

@@ -190,6 +190,12 @@ export default class CxAssetLinkFormat extends CortexElement {
     private get hasUnfrozenTransformations();
     private apiGetTransformAssetLink;
     private apiGetCropFocusMode;
+    /**
+     * The unit of the last applied crop transformation, for the no-asset case only. Reflects
+     * whatever unit the last committed Crop transformation used, or Pixel when nothing has
+     * been applied yet.
+     */
+    get lastAppliedCropUnit(): Unit;
     /**
      * Checks if the crop apply button should be disabled.
      * This is determined by comparing the current crop size with the last crop size.
@@ -221,6 +227,12 @@ export default class CxAssetLinkFormat extends CortexElement {
             x: number;
             y: number;
         };
+        /**
+         * The last applied crop has no pixel size (only a ratio was ever committed, since
+         * there is no asset). Fall back to 1x1 (matching the width/height input mask's
+         * `min: 1`) instead of 0x0, so switching the unit selector back to Pixel and
+         * clicking Apply immediately still commits a meaningful crop instead of a no-op.
+         */
         px: {
             height: number;
             percentageHeight: number;

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/configs/search-box.d.ts

@@ -1,5 +1,5 @@
 import { default as CxSearchBox } from '../../../../molecules/src/search-box/search-box.ts';
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { SearchBoxWidthType } from '../../../../types/src/search-box';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
@@ -10,7 +10,7 @@ type Attribute = {
     'width-type': SearchBoxWidthType;
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attribute>>;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attribute>>;
     defaultValue: Attribute;
     stylable: string[];
 };

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

@@ -64,6 +64,8 @@ export type Transformation = {
         keepMetadata?: boolean;
         mode?: string;
         quality?: number;
+        ratioHeight?: number;
+        ratioWidth?: number;
         rotation?: number;
         unit?: Unit;
         width?: number;

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/packages/types/src/faceted-filter.d.ts

@@ -90,6 +90,10 @@ export type FacetRenderContext = {
     /** Selected checkbox values for this facet (`internalSelection[field]`). */
     selectionValues: string[];
 };
+export type AppliedFilterTag = {
+    key: string;
+    label: string;
+};
 /** The author-facing control token used in `cx-table`'s `facet-config` attribute. */
 export declare enum FacetConfigTableType {
     Checkbox = "checkbox",

package/library/packages/types/src/search-box.d.ts

@@ -1,4 +1,5 @@
 export declare enum SearchBoxSize {
+    Custom = "custom",
     Large = "large",
     Medium = "medium",
     Small = "small"

package/library/packages/types/src/table.d.ts

@@ -14,6 +14,9 @@ export type DropdownItem = {
     section?: string;
     style?: Record<string, string>;
 };
+export declare enum AppliedFilterKey {
+    Search = "search-keyword"
+}
 export declare enum PaginationPlacement {
     BottomCenter = "bottom-center",
     BottomEnd = "bottom-end",

package/library/packages/utils/src/custom-element/i18n.d.ts

@@ -852,6 +852,7 @@ export interface Translation extends DefaultTranslation {
     searchFolders: string;
     searchOptions: string;
     searchPlaceholder: string;
+    searchTerm: string;
     searching: string;
     second: string;
     secondary: string;

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

@@ -32,7 +32,7 @@
             export type CxAssetLinkFormatCropMode = { auto: boolean; disabledSize: boolean; label: string; value: string; };
             export type CxAssetLinkFormatFocusMode = { auto: boolean; label: string; value: string; };
             export type CxAssetLinkFormatProxy = { cdnName: string; extension: string; formatHeight: number; formatWidth: number; height: number; id: string; permanentLink: string; proxyLabel: string; proxyName: string; width: number; };
-            export type CxAssetLinkFormatTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
+            export type CxAssetLinkFormatTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
             export type CxBentoGridGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
             export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
             export type CxChatbotChatbotEvent = { event: string; excludedFromPurposes: string[]; label: string; };
@@ -50,9 +50,9 @@
             export type CxColorSwatchGroupColorSwatchData = { cmyk: string; color: string; hex: string; id: string; name: string; palette: string; pms: string; rgb: string; };
             export type CxDamCustomToolbarButtonsEditorDamCustomToolbarButton = { accessLevel: string; action: 'create-record' | 'execute-workflow' | 'open-form' | 'open-link' | 'open-page' | 'open-space'; appearance: 'icon-and-label' | 'icon-only' | 'label-only'; completionMessage: string; formId: string; icon: string; id: string; label: string; link: string; name: string; openInNewTab: boolean; pageId: string; pageUrl: string; recordSubType: string; recordType: string; spaceId: string; tooltip: string; type: 'primary' | 'secondary'; workflowId: string; };
             export type CxGalleryGalleryRecord = { id: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; rawId: string; src: string; };
-            export type CxGalleryTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
+            export type CxGalleryTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
             export type CxTimelineTimelineItem = { id: string; label: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; recordId: string; thumbnail: string; };
-            export type CxTimelineTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
+            export type CxTimelineTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
             export type CxContentBuilderDevice = { canvasWidth: string; height: string; id: string; maxWidth: string; name: string; };
             export type CxDashboardFilterDashboardFilterControl = { controlId: string; controlType: string; id: string; label: string; maxOptionsVisible: number; optionColumnMapping: CxDashboardFilterPartial; options: CxDashboardFilterDashboardFilterOption[] | dictionary[]; placeholder: string; type: string; };
             export type CxDashboardFilterPartial = any;
@@ -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
         */
@@ -6964,7 +6968,7 @@
         /**
           * Search input's size.
         */
-        size?: 'large' | 'medium' | 'small';
+        size?: 'custom' | 'large' | 'medium' | 'small';
         /**
           * Placeholder for input
         */

package/library/utils.js

@@ -13,7 +13,7 @@ import { d as Fe } from "./chunks/drag.DXEXVXPv.js";
 import { f as Oe } from "./chunks/focus-when-visible.jWSw9ks0.js";
 import { f as O } from "./chunks/form.BSqXLytJ.js";
 import { F as Ne, c as Ue, g as Pe, v as _e, a as He } from "./chunks/form.BSqXLytJ.js";
-import { L as We, r as Be } from "./chunks/i18n.DYXys45m.js";
+import { L as We, r as Be } from "./chunks/i18n.D07sG_CU.js";
 import { c as Ge, q as ze } from "./chunks/math.DuKzLacZ.js";
 import { g as Qe, l as Ze, s as je, u as Je } from "./chunks/scroll.xtO5yojm.js";
 import { j as y } from "./chunks/dom.CU_mBy9D.js";
@@ -26,14 +26,14 @@ 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 { b as Ha } from "./chunks/transformation.c-RS37zA.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.DGzjBg6V.js";
 function n(t) {
   const e = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
   return `${e}-${r}-${s}`;

package/package.json

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