@orangelogic/design-system 3.11.0 → 3.13.0

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

@@ -93,6 +93,39 @@ export default class CxIconPicker extends CortexElement {
      * When true, adds a Font Awesome section alongside the default Cortex icon library.
      */
     fontAwesome: boolean;
+    /**
+     * Icon shown in the selection area while nothing is selected. Accepts any `cx-icon` name.
+     * When empty, button mode keeps an invisible icon that reserves the trigger's width and select
+     * mode keeps its `search` icon.
+     * @default ''
+     */
+    emptySelectionIcon: string;
+    /**
+     * Placeholder text for the search field, in both variants.
+     * When empty, the localized `search` term is used.
+     * @default ''
+     */
+    searchPlaceholder: string;
+    /**
+     * Icon shown before the search field inside the button-mode panel. Accepts any `cx-icon` name.
+     * When empty, no icon is rendered. Select mode has no separate search field — its trigger icon is
+     * `empty-selection-icon`.
+     * @default ''
+     */
+    panelSearchIcon: string;
+    /**
+     * Label of the custom (asset picker) option, in both variants.
+     * When empty, the localized `custom` term is used.
+     * @default ''
+     */
+    customOptionLabel: string;
+    /**
+     * Icon shown before the custom option's label. Accepts any `cx-icon` name.
+     * When empty, no icon is rendered. An uploaded custom image takes precedence over this icon, so
+     * the option previews the picked asset instead.
+     * @default ''
+     */
+    customOptionIcon: string;
     /**
      * When true, hides the "Custom" icon option (asset picker) from the select footer and button-mode menu.
      */

package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts

@@ -48,6 +48,8 @@ export default class CxSbImage extends CxImage {
     retryOnError: boolean;
     /** Content-builder images keep their measured box visible while the asset loads. */
     skeleton: boolean;
+    /** Content-builder blocks hold the box without an animated sheen. */
+    protected placeholderSkeletonEffect: "none";
     /**
      * The path to the image to load in dark mode.
      */

package/library/packages/organisms/src/content-builder/blocks/video/video.d.ts

@@ -193,6 +193,7 @@ export default class CxSbVideo extends CxVideo {
      */
     private resolveClickSpace;
     handleThumbnailChange(): void;
+    handlePosterChange(): Promise<void>;
     handleFetchedAssetDataChange(): void;
     handleSrcChange(): Promise<void>;
     /**

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/extensions/index.d.ts

@@ -1,4 +1,6 @@
-export declare const baseExtensions: (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Mark<import('../../../../../../tools/src/tiptap/extensions/text-style').TextStyleOptions, any>)[];
+import { RTE_CONFIG } from '../../../../../../types/src/content-builder';
+
+export declare const baseExtensions: (import('@tiptap/core').Mark<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];
 export declare const basicFormatExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-bold').BoldOptions, any>[];
 export declare const textScriptExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-subscript').SubscriptExtensionOptions, any>[];
 export declare const linkExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-link').LinkOptions, any>[];
@@ -25,4 +27,13 @@ export declare const lineHeightExtensions: import('@tiptap/core').Extension<{
 export declare const blockFormatExtensions: import('@tiptap/core').Node<any, any>[];
 export declare const listExtensions: import('@tiptap/core').Node<any, any>[];
 export declare const customNodes: import('@tiptap/core').Node<any, any>[];
-export declare const testingExtensions: (import('@tiptap/core').Mark<import('@tiptap/extension-bold').BoldOptions, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];
+/**
+ * Inline styling a paste may keep, derived from the same `rteConfigs` flags that
+ * decide which extensions are loaded. Anything not enabled at inline level is
+ * stripped on paste so the block-level setting stays in control — notably
+ * `font-family`, which has no inline config and is block-only.
+ *
+ * Keep in sync with the extension branches in `rich-text-editor/index.ts`.
+ */
+export declare const buildPasteInlineFilter: (rteConfigs?: RTE_CONFIG) => import('@tiptap/core').Extension<import('../../../../../../tools/src/tiptap/extensions/paste-inline-filter').PasteInlineFilterOptions, any>;
+export declare const testingExtensions: (import('@tiptap/core').Mark<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];

package/library/packages/tools/src/tiptap/extensions/google/index.d.ts

@@ -0,0 +1,4 @@
+import { Mark } from '@tiptap/core';
+
+declare const Google: Mark<any, any>;
+export default Google;

package/library/packages/tools/src/tiptap/extensions/paste-inline-filter/index.d.ts

@@ -0,0 +1,28 @@
+import { Extension } from '@tiptap/core';
+
+export type PasteInlineFilterOptions = {
+    /**
+     * Mark names that may survive a paste, e.g. `['bold', 'link']`.
+     * `textStyle` is always kept (it is filtered by `allowedStyles` instead) so
+     * that allowed declarations have a mark to live on.
+     */
+    allowedMarks: string[];
+    /**
+     * Inline CSS properties that may survive a paste, e.g. `['color', 'font-size']`.
+     * Every other declaration on a `textStyle` mark is dropped so the block-level
+     * setting stays in control. An empty set strips all inline styling.
+     */
+    allowedStyles: string[];
+};
+/**
+ * Removes inline styling that the host has not enabled, so block-level settings
+ * (font family, line height, …) are not overridden by whatever the clipboard
+ * carried. Pasted content from Google Docs, Word, and web pages all arrive as
+ * `<span style="...">` runs; without this filter those inline declarations win
+ * over the block setting and the setting appears to have no effect.
+ *
+ * Runs on `transformPasted`, so it covers every paste source rather than a
+ * single vendor-specific handler.
+ */
+declare const PasteInlineFilter: Extension<PasteInlineFilterOptions, any>;
+export default PasteInlineFilter;

package/library/packages/tools/src/tiptap/utils/flatten-spans.d.ts

@@ -0,0 +1,5 @@
+declare function flattenSpans(htmlString: string, options?: {
+    normalizeTabs?: boolean;
+    removeSuggestionTrack?: boolean;
+}): string;
+export default flattenSpans;

package/library/packages/tools/src/tiptap/utils/normalize-tabs.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @param html
+ * Prevents whitespace collapse by converting consecutive spaces and literal tabs to non-breaking spaces
+ */
+declare function normalizeTabs(html: string): string;
+export default normalizeTabs;

package/library/packages/utils/src/transformation/transformation.d.ts

@@ -18,6 +18,11 @@ export declare function buildTransformationString({ asset, baseUrl, extension, o
     transformations?: Transformation[];
     useSession?: string;
 }): string;
+/**
+ * Extension marker that asks the backend to serve whichever rendition suits the asset,
+ * rather than the exact file the delivery URL names.
+ */
+export declare const AUTO_FORMAT_EXTENSION = ".auto";
 /**
  * Applies transformations to a (possibly finished) asset URL and returns the display URL.
  *
@@ -25,7 +30,11 @@ export declare function buildTransformationString({ asset, baseUrl, extension, o
  * URLs the transform is anchored right after the access key (before any prettyName/ext tail)
  * and merged into an existing `/t/`. Other URLs keep the plain append behavior.
  */
-export declare function applyTransformationsToUrl(url: string, transformations: Transformation[]): string;
+export declare function applyTransformationsToUrl(url: string, transformations: Transformation[], options?: {
+    autoFormat?: boolean;
+    extension?: string | null;
+    format?: string;
+}): string;
 /**
  * Inserts a width-only resize into an asset-link URL, preserving any transformations
  * already present.
@@ -97,34 +106,6 @@ export declare function resolveAutoMaxWidth(manualFormat: boolean, proxyWidth: s
  * silently downgrades an image away from its original.
  */
 export declare function resolveAutoFormat(extension: string | null | undefined, size?: string | number | null): string;
-/**
- * Extension marker that asks the backend to serve whichever rendition suits the asset,
- * rather than the exact file the delivery URL names.
- */
-export declare const AUTO_FORMAT_EXTENSION = ".auto";
-/**
- * Appends the `.auto` marker to an asset-link URL, letting the backend pick a rendition
- * suited to the source instead of returning the file exactly as named.
- *
- * The existing extension is kept (`photo.jpg` becomes `photo.jpg.auto`): the URL names a
- * real proxy file, and rewriting that name is the backend's business, not ours. Only the
- * final path segment is touched, so the access key and any `/t/` transform segment are
- * preserved and a configured crop or resize still applies.
- *
- * An animated GIF served as the original file is left alone: whatever rendition the
- * backend picked instead would be a still frame, so the marker would cost the animation.
- * A GIF under any other format is already a rendered still, so it has nothing left to
- * lose and takes the marker like anything else — the same distinction `buildAssetSrcset`
- * draws before it resizes.
- *
- * Returns the URL unchanged when it is not an asset link (arbitrary external sources are
- * never rewritten), when there is no final segment to append to, or when the marker is
- * already present, so the call is safe to repeat.
- */
-export declare function applyAutoFormatToAssetUrl(url: string, options?: {
-    extension?: string | null;
-    format?: string;
-}): string;
 /**
  * Builds a `srcset` value for an asset-link URL by emitting one width-only resize
  * candidate per ladder entry, letting the browser fetch and decode only the pixels

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

@@ -6648,6 +6648,26 @@
           * When true, adds a Font Awesome section alongside the default Cortex icon library.
         */
         fontAwesome?: boolean;
+        /**
+          * Icon shown in the selection area while nothing is selected. Accepts any `cx-icon` name. When empty, button mode keeps an invisible icon that reserves the trigger's width and select mode keeps its `search` icon. <br/>@default ''
+        */
+        emptySelectionIcon?: string;
+        /**
+          * Placeholder text for the search field, in both variants. When empty, the localized `search` term is used. <br/>@default ''
+        */
+        searchPlaceholder?: string;
+        /**
+          * Icon shown before the search field inside the button-mode panel. Accepts any `cx-icon` name. When empty, no icon is rendered. Select mode has no separate search field — its trigger icon is `empty-selection-icon`. <br/>@default ''
+        */
+        panelSearchIcon?: string;
+        /**
+          * Label of the custom (asset picker) option, in both variants. When empty, the localized `custom` term is used. <br/>@default ''
+        */
+        customOptionLabel?: string;
+        /**
+          * Icon shown before the custom option's label. Accepts any `cx-icon` name. When empty, no icon is rendered. An uploaded custom image takes precedence over this icon, so the option previews the picked asset instead. <br/>@default ''
+        */
+        customOptionIcon?: string;
         /**
           * When true, hides the "Custom" icon option (asset picker) from the select footer and button-mode menu.
         */

package/library/utils.js

@@ -1,10 +1,10 @@
 import { b as k } from "./chunks/url.CGdWC06g.js";
-import { R as Ct, f as xt, g as Et, h as It, U as Lt, a as Ft, d as Rt, c as Ot, i as bt, r as Vt, t as vt, e as _t } from "./chunks/url.CGdWC06g.js";
-import { j as Ut, f as Yt, b as Nt, c as Pt, g as Wt, e as Xt, i as Ht, a as Bt, h as Gt, m as $t, d as zt, r as qt, t as Qt } from "./chunks/toast.CCWVobz5.js";
+import { R as xt, f as At, g as Et, h as It, U as Lt, a as Ft, d as Rt, c as Ot, i as bt, r as Vt, t as vt, e as _t } from "./chunks/url.CGdWC06g.js";
+import { j as Ut, f as Yt, b as Nt, c as Pt, g as Wt, e as Xt, i as Ht, a as Bt, h as Gt, m as $t, d as zt, r as qt, t as Qt } from "./chunks/toast.CGIDPKV8.js";
 import { e as jt, a as Jt, f as Kt, g as te, d as ee, b as re, c as ae, i as se, p as oe, s as ne } from "./chunks/browser.BHOCIF_A.js";
 import { d as le, C as ce, e as ue, H as me, R as fe, c as he, h as ge, f as de, g as pe, l as De, a as Te, p as we, b as Me } from "./chunks/color.LzSGBy7o.js";
-import { a as ye, g as Ae } from "./chunks/active-elements.jTVWtBDp.js";
-import { a as xe, p as Ee, c as Ie, b as Le, s as Fe, w as Re } from "./chunks/event.BeKOsirN.js";
+import { a as Ce, g as ye } from "./chunks/active-elements.jTVWtBDp.js";
+import { a as Ae, p as Ee, c as Ie, b as Le, s as Fe, w as Re } from "./chunks/event.BeKOsirN.js";
 import { t as be } from "./chunks/converters.DkDtLstb.js";
 import { c as ve } from "./chunks/custom-element.L4WJXn1j.js";
 import { d as ke } from "./chunks/debounce.DaHuiSGU.js";
@@ -17,35 +17,35 @@ import { L as Ze, r as je } from "./chunks/i18n.CNnI4-0K.js";
 import { c as Ke, q as tr } from "./chunks/math.DuKzLacZ.js";
 import { g as rr } from "./chunks/modal.Ct0bJBSe.js";
 import { g as sr, l as or, s as nr, u as ir } from "./chunks/scroll.xtO5yojm.js";
-import { k as A } from "./chunks/dom.DShN_5Jh.js";
+import { k as y } from "./chunks/dom.DShN_5Jh.js";
 import { c as cr, d as ur, h as mr, m as fr, a as hr, g as gr, j as dr, b as pr, f as Dr, i as Tr, e as wr, l as Mr, s as Sr } from "./chunks/dom.DShN_5Jh.js";
-import { H as Ar, a as Cr, g as xr } from "./chunks/slot.j5oheLJC.js";
+import { H as yr, a as xr, g as Ar } from "./chunks/slot.j5oheLJC.js";
 import { a as Ir, g as Lr } from "./chunks/tabbable.BwnZBHrm.js";
 import { i as Rr } from "./chunks/user-agent.D9aPuOyL.js";
 import { w as br } from "./chunks/watch.DJF5K-8U.js";
 import { C as vr } from "./chunks/calendar-grid.BWjcZL5W.js";
 import { b as kr, c as Ur, f as Yr, h as Nr, g as Pr, a as Wr, i as Xr, d as Hr, n as Br, e as Gr, p as $r, t as zr } from "./chunks/date.iWq_pkIk.js";
 import { f as c, a as u, D as m } from "./chunks/date-picker.BGHn6qg8.js";
-import { o as Qr, s as Zr, p as jr, l as Jr, b as Kr, a as ta, m as ea, c as ra, h as aa, e as sa, g as oa, n as na, q as ia, r as la, d as ca } from "./chunks/transformation.D27sTUdZ.js";
-import { c as ma, f as fa, e as ha, b as ga, g as da, d as pa, i as Da, r as Ta, a as wa } from "./chunks/image.Y5c_hFx8.js";
-import { b as Sa, e as ya } from "./chunks/waveform.1U9U_0rd.js";
-import { c as Ca, b as xa, a as Ea, e as Ia, d as La, f as Fa, g as Ra, r as Oa, s as ba } from "./chunks/number.Cx2ncfJJ.js";
-import { s as va } from "./chunks/parse.Cu5nBDTb.js";
-import { b as ka, n as Ua, d as Ya, e as Na, f as Pa, y as Wa, o as Xa, g as Ha, h as Ba, l as Ga, p as $a, z as za, x as qa, a as Qa, c as Za, s as ja, w as Ja, r as Ka, t as ts, q as es, v as rs, i as as, m as ss, u as os } from "./chunks/string.Demn8Xmk.js";
-import { g as is, a as ls } from "./chunks/template.ClovJacp.js";
-import { c as us, f as ms, a as fs, g as hs } from "./chunks/time.DYWuX2id.js";
+import { o as Qr, l as Zr, p as jr, k as Jr, a as Kr, m as ta, b as ea, g as ra, d as aa, f as sa, n as oa, q as na, r as ia, c as la } from "./chunks/transformation.OaRYixzE.js";
+import { c as ua, f as ma, e as fa, b as ha, g as ga, d as da, i as pa, r as Da, a as Ta } from "./chunks/image.Y5c_hFx8.js";
+import { b as Ma, e as Sa } from "./chunks/waveform.1U9U_0rd.js";
+import { c as ya, b as xa, a as Aa, e as Ea, d as Ia, f as La, g as Fa, r as Ra, s as Oa } from "./chunks/number.Cx2ncfJJ.js";
+import { s as Va } from "./chunks/parse.Cu5nBDTb.js";
+import { b as _a, n as ka, d as Ua, e as Ya, f as Na, y as Pa, o as Wa, g as Xa, h as Ha, l as Ba, p as Ga, z as $a, x as za, a as qa, c as Qa, s as Za, w as ja, r as Ja, t as Ka, q as ts, v as es, i as rs, m as as, u as ss } from "./chunks/string.Demn8Xmk.js";
+import { g as ns, a as is } from "./chunks/template.ClovJacp.js";
+import { c as cs, f as us, a as ms, g as fs } from "./chunks/time.DYWuX2id.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}`;
 }
-function C(t) {
+function x(t) {
   const e = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0"), s = String(t.getSeconds()).padStart(2, "0");
   return `${e}:${r}:${s}`;
 }
 function h(t, e) {
   return new Date(t.getFullYear(), t.getMonth(), t.getDate() + e);
 }
-function x(t) {
+function A(t) {
   const e = t.getDay(), r = e === 0 ? -6 : 1 - e;
   return h(t, r);
 }
@@ -86,9 +86,9 @@ class Q {
         const a = new Date(r.getTime() - 18e5);
         return {
           fromDate: n(a),
-          fromTime: C(a),
+          fromTime: x(a),
           toDate: s,
-          toTime: C(r)
+          toTime: x(r)
         };
       }
       case c.today:
@@ -136,7 +136,7 @@ class Q {
           toTime: u
         };
       case c.thisWeek: {
-        const a = x(r);
+        const a = A(r);
         return {
           fromDate: n(a),
           fromTime: m,
@@ -145,7 +145,7 @@ class Q {
         };
       }
       case c.lastWeek: {
-        const a = h(x(r), -7);
+        const a = h(A(r), -7);
         return {
           fromDate: n(a),
           fromTime: m,
@@ -289,14 +289,14 @@ function et(t, e) {
 }
 class rt {
   constructor(e) {
-    this.currentZIndex = A(), (this.host = e).addController(this);
+    this.currentZIndex = y(), (this.host = e).addController(this);
   }
   hostConnected() {
   }
   hostDisconnected() {
   }
   async activatePopup() {
-    this.currentZIndex = A();
+    this.currentZIndex = y();
   }
 }
 class at {
@@ -546,8 +546,8 @@ async function* Mt({
         const T = g * i + d, D = T * s;
         if (D >= r)
           continue;
-        const w = d * p, M = g * l, S = H(t[a] ?? [], d, g), y = d === i - 1 && g === f - 1 || D + s >= r;
-        S ? yield { ...S, isLastFrame: y } : (await B(o, D, s), _.drawImage(
+        const w = d * p, M = g * l, S = H(t[a] ?? [], d, g), C = d === i - 1 && g === f - 1 || D + s >= r;
+        S ? yield { ...S, isLastFrame: C } : (await B(o, D, s), _.drawImage(
           o,
           w,
           M,
@@ -559,7 +559,7 @@ async function* Mt({
           frameHeight: l,
           frameWidth: p,
           index: T,
-          isLastFrame: y,
+          isLastFrame: C,
           row: g,
           rows: f,
           time: Number(D.toFixed(X)),
@@ -592,41 +592,40 @@ export {
   Be as FormControlController,
   ue as HEX_ALPHA_VALIDATION_REGEX,
   me as HEX_VALIDATION_REGEX,
-  Ar as HasSlotController,
+  yr as HasSlotController,
   ft as HistoryManager,
   W as KeyboardKey,
   Ze as LocalizeController,
   X as PRECISION,
-  Ct as RELATIVE_URL_REGEX,
+  xt as RELATIVE_URL_REGEX,
   fe as RGB_VALIDATION_REGEX,
   Jr as SRCSET_WIDTH_LADDER,
-  xt as URL_DOMAIN_VALIDATION_REGEX,
+  At as URL_DOMAIN_VALIDATION_REGEX,
   Et as URL_INTRANET_DOMAIN_VALIDATION_REGEX,
   It as URL_PROTOCOL_VALIDATION_REGEX,
   Lt as URL_VALIDATION_REGEX,
-  ye as activeElements,
+  Ce as activeElements,
   kr as addMonths,
   Ut as adjustRelativeValues,
-  xe as animateTo,
+  Ae as animateTo,
   k as appendProtocol,
   Ft as appendQueryParam,
-  Kr as applyAutoFormatToAssetUrl,
-  ta as applyTransformationsToUrl,
-  ea as applyWidthToAssetUrl,
-  ra as buildAssetSrcset,
-  aa as buildSizesFromDisplayWidth,
-  sa as buildTransformationString,
-  Sa as buildWaveformPath,
-  ma as calculateAspectRatioFit,
+  Kr as applyTransformationsToUrl,
+  ta as applyWidthToAssetUrl,
+  ea as buildAssetSrcset,
+  ra as buildSizesFromDisplayWidth,
+  aa as buildTransformationString,
+  Ma as buildWaveformPath,
+  ua as calculateAspectRatioFit,
   Ke as clamp,
-  fa as cleanImageFileName,
-  us as clearZeroDurationParts,
+  ma as cleanImageFileName,
+  cs as clearZeroDurationParts,
   he as convertColor,
-  Ca as convertDataUnits,
+  ya as convertDataUnits,
   xa as convertDurationToMilliseconds,
-  Ea as convertPixelsToAspectRatio,
-  ha as convertSrcToBlob,
-  ga as cropImage,
+  Aa as convertPixelsToAspectRatio,
+  fa as convertSrcToBlob,
+  ha as cropImage,
   cr as cssValueToPx,
   ve as customElement,
   Ge as customErrorValidityState,
@@ -634,15 +633,15 @@ export {
   Ye as defaultValue,
   et as downloadAsset,
   Pe as drag,
-  ka as emptyToSpace,
-  Ua as escapeXML,
+  _a as emptyToSpace,
+  ka as escapeXML,
   ge as extractColor,
-  Ya as extractExtension,
+  Ua as extractExtension,
   Mt as extractFrames,
-  Na as extractRootData,
-  Ia as extractValueAndUnit,
-  ya as extractWaveformPeaks,
-  oa as fetchCortexApi,
+  Ya as extractRootData,
+  Ea as extractValueAndUnit,
+  Sa as extractWaveformPeaks,
+  sa as fetchCortexApi,
   jt as findAncestorWithBuggyStyle,
   Jt as findContainingBlock,
   Kt as findCuttingAncestor,
@@ -650,54 +649,54 @@ export {
   Yt as findIndexByProp,
   Xe as focusWhenVisible,
   U as formCollections,
-  La as formatAspectRatioString,
-  ms as formatDurationPartsManually,
+  Ia as formatAspectRatioString,
+  us as formatDurationPartsManually,
   Ur as formatIsoToDisplay,
   Yr as formatMonthYearLabel,
-  Fa as formatNumberWithGrouping,
-  Pa as formatSecondsToTime,
-  Wa as formatTimeToSeconds,
-  fs as formatWithIntlDurationFormat,
-  Ra as gcd,
+  La as formatNumberWithGrouping,
+  Na as formatSecondsToTime,
+  Pa as formatTimeToSeconds,
+  ms as formatWithIntlDurationFormat,
+  Fa as gcd,
   ur as getActiveElement,
   rr as getActiveModals,
   $e as getAssociatedForm,
   mr as getAttributes,
-  Xa as getAttributesString,
+  Wa as getAttributesString,
   Nt as getBreakpointsFromCSS,
   ct as getBrowserFontVariants,
   de as getColorType,
-  da as getContainedImageSize,
+  ga as getContainedImageSize,
   fr as getCortexPopupLayer,
-  A as getCurrentZIndex,
+  y as getCurrentZIndex,
   Nr as getDateMask,
-  Ae as getDeepestActiveElement,
+  ye as getDeepestActiveElement,
   Pt as getDeviceType,
-  hs as getDurationPartsByUnitsFormat,
+  fs as getDurationPartsByUnitsFormat,
   hr as getElementFromHTMLString,
   gr as getElementFromTemplate,
   Pr as getFirstDayOfWeek,
   nt as getFontFamilyOptionValue,
   P as getFormControls,
-  is as getHighlightedTitle,
-  ls as getHighlightedTitleHtml,
-  Cr as getInnerHTML,
+  ns as getHighlightedTitle,
+  is as getHighlightedTitleHtml,
+  xr as getInnerHTML,
   St as getInterval,
   pe as getLightDarkCssString,
-  pa as getNaturalWidthHeight,
+  da as getNaturalWidthHeight,
   dr as getNeededPaddingForBoxShadow,
   te as getNextAncestor,
   sr as getOffset,
   pr as getRelativeClickPercentage,
-  Ha as getRootIDString,
+  Xa as getRootIDString,
   Ir as getTabbableBoundary,
   Lr as getTabbableElements,
-  xr as getTextContent,
+  Ar as getTextContent,
   Wr as getTodayIsoDate,
   ot as getTypefaceOptionValue,
   Wt as groupBy,
-  na as hasTransformSegment,
-  Ba as htmlToPlainText,
+  oa as hasTransformSegment,
+  Ha as htmlToPlainText,
   Xt as insertAtIndex,
   wt as insertFrameToCache,
   Ht as insertMultipleAtIndex,
@@ -709,12 +708,12 @@ export {
   re as isFirefox,
   lt as isFontFamilyAvailable,
   mt as isFormInteracted,
-  Ga as isGalleryItemCardType,
+  Ba as isGalleryItemCardType,
   ae as isIOS,
   wr as isInElement,
   st as isModKey,
   se as isSafari,
-  Da as isSaveSrcValid,
+  pa as isSaveSrcValid,
   Ot as isValidDomainOrIntranetUrl,
   Xr as isValidIsoDate,
   bt as isValidUrl,
@@ -731,12 +730,12 @@ export {
   j as openAssetOverview,
   J as openFolderOverview,
   K as openLink,
-  $a as padPath,
-  za as parseBooleanString,
+  Ga as padPath,
+  $a as parseBooleanString,
   Te as parseBorder,
   Gr as parseDisplayToIso,
   Ee as parseDuration,
-  ia as parseFileSizeToBytes,
+  na as parseFileSizeToBytes,
   $r as parseIsoDate,
   dt as parseJsonString,
   we as parseLightDark,
@@ -748,45 +747,45 @@ export {
   tr as quantizeLargestRemainder,
   Y as quoteFontFamily,
   Dt as readLocalStorageValue,
-  qa as reducePathToDirectChild,
+  za as reducePathToDirectChild,
   je as registerTranslation,
   zt as removeAtIndex,
   qt as removeMultipleAtIndex,
-  Ta as resizeImage,
-  la as resolveAutoFormat,
-  ca as resolveAutoMaxWidth,
+  Da as resizeImage,
+  ia as resolveAutoFormat,
+  la as resolveAutoMaxWidth,
   Vt as resolveSpaceUrl,
-  Oa as rotateBox,
-  wa as rotateImage,
-  Qa as safeExtension,
-  Za as safeString,
-  ja as sanitizeHTML,
-  ba as sanitizeRotation,
+  Ra as rotateBox,
+  Ta as rotateImage,
+  qa as safeExtension,
+  Qa as safeString,
+  Za as sanitizeHTML,
+  Oa as sanitizeRotation,
   nr as scrollIntoView,
   ut as serialize,
   tt as shareAsset,
   Le as shimKeyframesHeightAuto,
   Sr as sortByTopPosition,
   N as sortTypefaceVariants,
-  va as splitBoxValues,
-  Ja as splitCamelCaseFormatted,
+  Va as splitBoxValues,
+  ja as splitCamelCaseFormatted,
   Fe as stopAnimations,
   ne as supportHLS,
   v as testFontAvailability,
   be as timecodeConverter,
-  Ka as toCamelCase,
+  Ja as toCamelCase,
   zr as toIsoDate,
-  ts as toKebabCase,
-  es as toPascalCase,
+  Ka as toKebabCase,
+  ts as toPascalCase,
   vt as toRelativeUrl,
-  rs as toTitleCase,
+  es as toTitleCase,
   _t as toUrlPathKey,
   Qt as toast,
-  as as truncateTextMiddle,
-  ss as unescapeXML,
+  rs as truncateTextMiddle,
+  as as unescapeXML,
   ir as unlockBodyScrolling,
   it as unquoteFontFamily,
-  os as upperFirst,
+  ss as upperFirst,
   ze as validValidityState,
   qe as valueMissingValidityState,
   Re as waitForEvent,

package/package.json

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