@orangelogic/design-system 2.212.0 → 2.213.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.ZANuNTs8.js";
+import { C as Cb } from "../chunks/image.BYDGEbte.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.DbXTTLXx.js";
+import { L as kb } from "../chunks/i18n.CXIpdSSZ.js";
 import { w as Ki } from "../chunks/watch.DJF5K-8U.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/package.json

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

package/library/packages/atoms/src/components/image/image.d.ts

@@ -159,7 +159,7 @@ export default class CxImage extends ResizableElement {
     get currentAltValue(): string;
     get currentSrc(): string;
     get highlighterTabindex(): "0" | undefined;
-    get highlighterRole(): "button" | "img";
+    get highlighterRole(): 'button' | 'img' | undefined;
     get highlighterClass(): {
         [x: string]: boolean;
         'highlightable-item': boolean;

package/library/packages/molecules/src/multi-select/components/board-list-item/board-list-item.d.ts

@@ -18,6 +18,7 @@ export default class CxBoardListItem extends CortexElement {
     textElement: HTMLElement;
     tooltipElement: CxTooltip;
     controlElement: HTMLElement;
+    selectionHitAreaElement: HTMLElement;
     text: string;
     tooltip: string;
     readonly: boolean;

package/library/packages/organisms/src/chatbot/chatbot.d.ts

@@ -95,7 +95,7 @@ export default class CxChatbot extends CortexElement {
     }): void;
     show(): void;
     hide(): void;
-    updateTabIndex(): void;
+    updateInteractiveState(): void;
     toggleFullScreen(): void;
     pingConnection(): void;
     adjustScroll(): Promise<void>;

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

@@ -108,6 +108,10 @@ export default class CxSbImage extends CxImage {
      * A description of the image used by assistive devices in dark mode.
      */
     altDarkMode: string;
+    /** Whether to use authored alt text instead of asset metadata. */
+    useCustomAlt: boolean;
+    /** Whether to use authored alt text for the dark-mode image. */
+    useCustomAltDarkMode: boolean;
     altSourceField: string;
     /**
      * CMS5 only. Click action for the image.
@@ -242,7 +246,7 @@ export default class CxSbImage extends CxImage {
      */
     private get requestedAssetFields();
     get highlighterTabindex(): "0" | undefined;
-    get highlighterRole(): "button" | "img";
+    get highlighterRole(): "button" | "img" | undefined;
     get highlighterClass(): {
         [x: string]: boolean;
         'highlightable-item--has-action': boolean;
@@ -263,6 +267,12 @@ export default class CxSbImage extends CxImage {
      * Whether the image has an click action.
      */
     private get hasClickAction();
+    /** The native link replaces the wrapper's synthetic button semantics in read mode. */
+    private get hasNavigationAnchor();
+    /** Resolves the destination shared by pointer handling and the accessibility anchor. */
+    private get navigationUrl();
+    /** Names the native link from visible content before falling back to its destination. */
+    private get navigationLabel();
     /**
      * The rendered width in CSS pixels, used as the `sizes` hint so the browser can pick
      * the smallest `srcset` candidate that still covers the box.

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

@@ -4,6 +4,8 @@ import { default as CxImage } from '../blocks/image/image';
 
 type Attribute = {
     'additional-fields': string;
+    alt: CxImage['alt'];
+    'alt-dark-mode': CxImage['altDarkMode'];
     'alt-source-field': CxImage['altSourceField'];
     'click-action': CxImage['clickAction'];
     'click-link'?: CxImage['clickLink'];
@@ -48,6 +50,8 @@ type Attribute = {
     'text-reveal-style'?: CxImage['textRevealStyle'];
     transformations: string;
     'transition-type'?: string;
+    'use-custom-alt': CxImage['useCustomAlt'];
+    'use-custom-alt-dark-mode': CxImage['useCustomAltDarkMode'];
     width: CxImage['width'];
     'zoom-style'?: CxImage['zoomStyle'];
 };

package/library/packages/organisms/src/content-builder/configs-controller.d.ts

@@ -238,6 +238,8 @@ export default class ConfigsController {
         src: string;
     }>[] | import('../../../types/src/content-builder').PropertyConfig<{
         'additional-fields': string;
+        alt: import('./blocks/image/image').default["alt"];
+        'alt-dark-mode': import('./blocks/image/image').default["altDarkMode"];
         'alt-source-field': import('./blocks/image/image').default["altSourceField"];
         'click-action': import('./blocks/image/image').default["clickAction"];
         'click-link'?: import('./blocks/image/image').default["clickLink"];
@@ -282,6 +284,8 @@ export default class ConfigsController {
         'text-reveal-style'?: import('./blocks/image/image').default["textRevealStyle"];
         transformations: string;
         'transition-type'?: string;
+        'use-custom-alt': import('./blocks/image/image').default["useCustomAlt"];
+        'use-custom-alt-dark-mode': import('./blocks/image/image').default["useCustomAltDarkMode"];
         width: import('./blocks/image/image').default["width"];
         'zoom-style'?: import('./blocks/image/image').default["zoomStyle"];
     }>[] | import('../../../types/src/content-builder').PropertyConfig[] | import('../../../types/src/content-builder').PropertyConfig<{

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

@@ -282,6 +282,7 @@ export interface Translation extends DefaultTranslation {
     currentValue: string;
     currentVersion: string;
     custom: string;
+    customAltText: string;
     customExport: string;
     customFormat: string;
     customShadowAndBorderRadius: string;
@@ -292,7 +293,9 @@ export interface Translation extends DefaultTranslation {
     cut: string;
     damLibrary: string;
     damViewNoAvailableOptionsForThisAsset: string;
+    darkCustomAltText: string;
     darkImageFormat: string;
+    darkModeAltText: string;
     darkModeImage: string;
     dashSpacing: string;
     dashWidth: string;

package/library/utils.js

@@ -13,7 +13,7 @@ import { d as Pe } from "./chunks/drag.DenOh3AE.js";
 import { f as Xe } from "./chunks/focus-when-visible.jWSw9ks0.js";
 import { f as U } from "./chunks/form.DSsy3Fcy.js";
 import { F as Be, c as Ge, g as $e, v as ze, a as qe } from "./chunks/form.DSsy3Fcy.js";
-import { L as Ze, r as je } from "./chunks/i18n.DbXTTLXx.js";
+import { L as Ze, r as je } from "./chunks/i18n.CXIpdSSZ.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";

package/package.json

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