@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260514101332

package/dist/instance-initializers/load-sprite-empty.js

@@ -0,0 +1,45 @@
+import { isTesting } from '@embroider/macros';
+
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const ROOT_ID = 'flight-sprite-empty-container';
+function buildHostMarkup() {
+  // One hidden SVG element that hosts all <symbol> nodes
+  // This is intentionally "DOM-only" and not an Ember component so that consumers
+  // don't need to mount anything in templates or call initializers manually.
+  return `
+<svg
+  id="${ROOT_ID}"
+  class="flight-sprite-container"
+  aria-hidden="true"
+  focusable="false"
+  xmlns="http://www.w3.org/2000/svg"
+>
+</svg>
+`.trim();
+}
+function initialize() {
+  if (typeof window === 'undefined' || typeof document === 'undefined') {
+    return;
+  }
+  if (isTesting()) {
+    const container = window.document?.getElementById('ember-testing');
+    if (container && !container.querySelector(`#${ROOT_ID}`)) {
+      container.insertAdjacentHTML('afterbegin', buildHostMarkup());
+    }
+  } else {
+    const container = window.document?.body;
+    if (container && !container.querySelector(`#${ROOT_ID}`)) {
+      container.insertAdjacentHTML('beforeend', buildHostMarkup());
+    }
+  }
+}
+var loadSpriteEmpty = {
+  initialize
+};
+
+export { ROOT_ID, loadSpriteEmpty as default, initialize };
+//# sourceMappingURL=load-sprite-empty.js.map

package/dist/instance-initializers/load-sprite-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-sprite-empty.js","sources":["../../src/instance-initializers/load-sprite-empty.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { isTesting } from '@embroider/macros';\n\nexport const ROOT_ID = 'flight-sprite-empty-container';\n\nfunction buildHostMarkup(): string {\n  // One hidden SVG element that hosts all <symbol> nodes\n  // This is intentionally \"DOM-only\" and not an Ember component so that consumers\n  // don't need to mount anything in templates or call initializers manually.\n  return `\n<svg\n  id=\"${ROOT_ID}\"\n  class=\"flight-sprite-container\"\n  aria-hidden=\"true\"\n  focusable=\"false\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n>\n</svg>\n`.trim();\n}\n\nexport function initialize() {\n  if (typeof window === 'undefined' || typeof document === 'undefined') {\n    return;\n  }\n\n  if (isTesting()) {\n    const container = window.document?.getElementById('ember-testing');\n\n    if (container && !container.querySelector(`#${ROOT_ID}`)) {\n      container.insertAdjacentHTML('afterbegin', buildHostMarkup());\n    }\n  } else {\n    const container = window.document?.body;\n\n    if (container && !container.querySelector(`#${ROOT_ID}`)) {\n      container.insertAdjacentHTML('beforeend', buildHostMarkup());\n    }\n  }\n}\n\nexport default {\n  initialize,\n};\n"],"names":["ROOT_ID","buildHostMarkup","trim","initialize","window","document","isTesting","container","getElementById","querySelector","insertAdjacentHTML","body"],"mappings":";;AAAA;AACA;AACA;AACA;;AAIO,MAAMA,OAAO,GAAG;AAEvB,SAASC,eAAeA,GAAW;AACjC;AACA;AACA;EACA,OAAO;AACT;AACA,MAAA,EAAQD,OAAO,CAAA;AACf;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAACE,IAAI,EAAE;AACR;AAEO,SAASC,UAAUA,GAAG;EAC3B,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;AACpE,IAAA;AACF,EAAA;EAEA,IAAIC,SAAS,EAAE,EAAE;IACf,MAAMC,SAAS,GAAGH,MAAM,CAACC,QAAQ,EAAEG,cAAc,CAAC,eAAe,CAAC;IAElE,IAAID,SAAS,IAAI,CAACA,SAAS,CAACE,aAAa,CAAC,CAAA,CAAA,EAAIT,OAAO,CAAA,CAAE,CAAC,EAAE;MACxDO,SAAS,CAACG,kBAAkB,CAAC,YAAY,EAAET,eAAe,EAAE,CAAC;AAC/D,IAAA;AACF,EAAA,CAAC,MAAM;AACL,IAAA,MAAMM,SAAS,GAAGH,MAAM,CAACC,QAAQ,EAAEM,IAAI;IAEvC,IAAIJ,SAAS,IAAI,CAACA,SAAS,CAACE,aAAa,CAAC,CAAA,CAAA,EAAIT,OAAO,CAAA,CAAE,CAAC,EAAE;MACxDO,SAAS,CAACG,kBAAkB,CAAC,WAAW,EAAET,eAAe,EAAE,CAAC;AAC9D,IAAA;AACF,EAAA;AACF;AAEA,sBAAe;AACbE,EAAAA;AACF,CAAC;;;;"}

package/dist/modifiers/hds-advanced-table-cell/dom-management.js

@@ -1,7 +1,7 @@
 import { tabbable } from 'tabbable';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/modifiers/hds-advanced-table-cell/dom-management.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom-management.js","sources":["../../../src/modifiers/hds-advanced-table-cell/dom-management.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { tabbable } from 'tabbable';\n\nexport const onFocusTrapDeactivate = (cell: HTMLDivElement) => {\n  const cellTabbableChildren = tabbable(cell);\n\n  for (const child of cellTabbableChildren) {\n    child.setAttribute('tabindex', '-1');\n  }\n\n  cell.setAttribute('tabindex', '0');\n};\n\nexport const updateTabbableChildren = (\n  cell: HTMLDivElement,\n  isFocusTrapActive?: boolean\n): void => {\n  const cellTabbableChildren = tabbable(cell, { displayCheck: 'none' });\n\n  for (const child of cellTabbableChildren) {\n    if (child instanceof HTMLElement) {\n      if (!isFocusTrapActive) {\n        child.setAttribute('tabindex', '-1');\n      }\n\n      child.setAttribute('data-advanced-table-child-focusable', '');\n    }\n  }\n};\n"],"names":["onFocusTrapDeactivate","cell","cellTabbableChildren","tabbable","child","setAttribute","updateTabbableChildren","isFocusTrapActive","displayCheck","HTMLElement"],"mappings":";;AAAA;AACA;AACA;AACA;;AAIO,MAAMA,qBAAqB,GAAIC,IAAoB,IAAK;AAC7D,EAAA,MAAMC,oBAAoB,GAAGC,QAAQ,CAACF,IAAI,CAAC;AAE3C,EAAA,KAAK,MAAMG,KAAK,IAAIF,oBAAoB,EAAE;AACxCE,IAAAA,KAAK,CAACC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AACtC,EAAA;AAEAJ,EAAAA,IAAI,CAACI,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;AACpC;MAEaC,sBAAsB,GAAGA,CACpCL,IAAoB,EACpBM,iBAA2B,KAClB;AACT,EAAA,MAAML,oBAAoB,GAAGC,QAAQ,CAACF,IAAI,EAAE;AAAEO,IAAAA,YAAY,EAAE;AAAO,GAAC,CAAC;AAErE,EAAA,KAAK,MAAMJ,KAAK,IAAIF,oBAAoB,EAAE;IACxC,IAAIE,KAAK,YAAYK,WAAW,EAAE;MAChC,IAAI,CAACF,iBAAiB,EAAE;AACtBH,QAAAA,KAAK,CAACC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AACtC,MAAA;AAEAD,MAAAA,KAAK,CAACC,YAAY,CAAC,qCAAqC,EAAE,EAAE,CAAC;AAC/D,IAAA;AACF,EAAA;AACF;;;;"}
+{"version":3,"file":"dom-management.js","sources":["../../../src/modifiers/hds-advanced-table-cell/dom-management.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { tabbable } from 'tabbable';\n\nexport const onFocusTrapDeactivate = (cell: HTMLDivElement) => {\n  const cellTabbableChildren = tabbable(cell);\n\n  for (const child of cellTabbableChildren) {\n    child.setAttribute('tabindex', '-1');\n  }\n\n  cell.setAttribute('tabindex', '0');\n};\n\nexport const updateTabbableChildren = (\n  cell: HTMLDivElement,\n  isFocusTrapActive?: boolean\n): void => {\n  const cellTabbableChildren = tabbable(cell, { displayCheck: 'none' });\n\n  for (const child of cellTabbableChildren) {\n    if (child instanceof HTMLElement) {\n      if (!isFocusTrapActive) {\n        child.setAttribute('tabindex', '-1');\n      }\n\n      child.setAttribute('data-advanced-table-child-focusable', '');\n    }\n  }\n};\n"],"names":["onFocusTrapDeactivate","cell","cellTabbableChildren","tabbable","child","setAttribute","updateTabbableChildren","isFocusTrapActive","displayCheck","HTMLElement"],"mappings":";;AAAA;AACA;AACA;AACA;;AAIO,MAAMA,qBAAqB,GAAIC,IAAoB,IAAK;AAC7D,EAAA,MAAMC,oBAAoB,GAAGC,QAAQ,CAACF,IAAI,CAAC;AAE3C,EAAA,KAAK,MAAMG,KAAK,IAAIF,oBAAoB,EAAE;AACxCE,IAAAA,KAAK,CAACC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AACtC,EAAA;AAEAJ,EAAAA,IAAI,CAACI,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;AACpC;MAEaC,sBAAsB,GAAGA,CACpCL,IAAoB,EACpBM,iBAA2B,KAClB;AACT,EAAA,MAAML,oBAAoB,GAAGC,QAAQ,CAACF,IAAI,EAAE;AAAEO,IAAAA,YAAY,EAAE;AAAO,GAAC,CAAC;AAErE,EAAA,KAAK,MAAMJ,KAAK,IAAIF,oBAAoB,EAAE;IACxC,IAAIE,KAAK,YAAYK,WAAW,EAAE;MAChC,IAAI,CAACF,iBAAiB,EAAE;AACtBH,QAAAA,KAAK,CAACC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AACtC,MAAA;AAEAD,MAAAA,KAAK,CAACC,YAAY,CAAC,qCAAqC,EAAE,EAAE,CAAC;AAC/D,IAAA;AACF,EAAA;AACF;;;;"}

package/dist/modifiers/hds-advanced-table-cell.js

@@ -4,7 +4,7 @@ import { registerDestructor } from '@ember/destroyable';
 import { focusable } from 'tabbable';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/modifiers/hds-advanced-table-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-advanced-table-cell.js","sources":["../../src/modifiers/hds-advanced-table-cell.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Modifier from 'ember-modifier';\nimport { updateTabbableChildren } from './hds-advanced-table-cell/dom-management.ts';\nimport { registerDestructor } from '@ember/destroyable';\nimport { focusable } from 'tabbable';\n\nimport type Owner from '@ember/owner';\nimport type { ArgsFor, PositionalArgs } from 'ember-modifier';\n\nexport interface HdsAdvancedTableCellModifierSignature {\n  Args: {\n    Named: {\n      shouldTrapFocus: boolean;\n      handleEnableFocusTrap: () => void;\n      setCellElement?: (el: HTMLDivElement) => void;\n    };\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAdvancedTableCellModifier extends Modifier<HdsAdvancedTableCellModifierSignature> {\n  // have a copy of shouldTrapFocus internally so the correct value is used when update tabbable children\n  private _shouldTrapFocus = false;\n  private _didSetup = false;\n  private _element: HTMLDivElement | undefined = undefined;\n  private _observer: MutationObserver | undefined = undefined;\n  private _keydownHandler!: (event: KeyboardEvent) => void;\n\n  constructor(\n    owner: Owner,\n    args: ArgsFor<HdsAdvancedTableCellModifierSignature>\n  ) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      this._observer?.disconnect();\n      this._element?.removeEventListener('keydown', this._keydownHandler);\n      this._element = undefined;\n    });\n  }\n\n  modify(\n    element: HdsAdvancedTableCellModifierSignature['Element'],\n    positional: PositionalArgs<HdsAdvancedTableCellModifierSignature>,\n    named: HdsAdvancedTableCellModifierSignature['Args']['Named']\n  ): void {\n    this._shouldTrapFocus = named.shouldTrapFocus;\n\n    if (!this._didSetup) {\n      this.#setupObserver(element, positional, named);\n\n      if (typeof named.setCellElement === 'function') {\n        named.setCellElement(element);\n      }\n\n      this._didSetup = true;\n      this._element = element;\n    }\n  }\n\n  #setupObserver(\n    element: HdsAdvancedTableCellModifierSignature['Element'],\n    _positional: PositionalArgs<HdsAdvancedTableCellModifierSignature>,\n    named: HdsAdvancedTableCellModifierSignature['Args']['Named']\n  ): void {\n    const { handleEnableFocusTrap } = named;\n\n    updateTabbableChildren(element);\n\n    this._keydownHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        const cellFocusableChildren = focusable(element);\n\n        if (cellFocusableChildren.length > 0) {\n          for (let i = 0; i < cellFocusableChildren.length; i++) {\n            const child = cellFocusableChildren[i];\n\n            if (child?.hasAttribute('data-advanced-table-child-focusable')) {\n              child.setAttribute('tabindex', '0');\n            }\n          }\n\n          element.setAttribute('tabindex', '-1');\n\n          handleEnableFocusTrap();\n        }\n      }\n    };\n\n    element.addEventListener('keydown', this._keydownHandler);\n\n    this._observer = new MutationObserver(() => {\n      updateTabbableChildren(element, this._shouldTrapFocus);\n    });\n\n    this._observer.observe(element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n}\n"],"names":["HdsAdvancedTableCellModifier","Modifier","_shouldTrapFocus","_didSetup","_element","undefined","_observer","_keydownHandler","constructor","owner","args","registerDestructor","disconnect","removeEventListener","modify","element","positional","named","shouldTrapFocus","setCellElement","#setupObserver","_positional","handleEnableFocusTrap","updateTabbableChildren","event","key","cellFocusableChildren","focusable","length","i","child","hasAttribute","setAttribute","addEventListener","MutationObserver","observe","childList","subtree"],"mappings":";;;;;AAAA;AACA;AACA;AACA;;AAqBe,MAAMA,4BAA4B,SAASC,QAAQ,CAAwC;AACxG;AACQC,EAAAA,gBAAgB,GAAG,KAAK;AACxBC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,QAAQ,GAA+BC,SAAS;AAChDC,EAAAA,SAAS,GAAiCD,SAAS;EACnDE,eAAe;AAEvBC,EAAAA,WAAWA,CACTC,KAAY,EACZC,IAAoD,EACpD;AACA,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElBC,kBAAkB,CAAC,IAAI,EAAE,MAAM;AAC7B,MAAA,IAAI,CAACL,SAAS,EAAEM,UAAU,EAAE;MAC5B,IAAI,CAACR,QAAQ,EAAES,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACN,eAAe,CAAC;MACnE,IAAI,CAACH,QAAQ,GAAGC,SAAS;AAC3B,IAAA,CAAC,CAAC;AACJ,EAAA;AAEAS,EAAAA,MAAMA,CACJC,OAAyD,EACzDC,UAAiE,EACjEC,KAA6D,EACvD;AACN,IAAA,IAAI,CAACf,gBAAgB,GAAGe,KAAK,CAACC,eAAe;AAE7C,IAAA,IAAI,CAAC,IAAI,CAACf,SAAS,EAAE;MACnB,IAAI,CAAC,cAAc,CAACY,OAAO,EAAEC,UAAU,EAAEC,KAAK,CAAC;AAE/C,MAAA,IAAI,OAAOA,KAAK,CAACE,cAAc,KAAK,UAAU,EAAE;AAC9CF,QAAAA,KAAK,CAACE,cAAc,CAACJ,OAAO,CAAC;AAC/B,MAAA;MAEA,IAAI,CAACZ,SAAS,GAAG,IAAI;MACrB,IAAI,CAACC,QAAQ,GAAGW,OAAO;AACzB,IAAA;AACF,EAAA;AAEA,EAAA,cAAcK,CACZL,OAAyD,EACzDM,WAAkE,EAClEJ,KAA6D,EACvD;IACN,MAAM;AAAEK,MAAAA;AAAsB,KAAC,GAAGL,KAAK;IAEvCM,sBAAsB,CAACR,OAAO,CAAC;AAE/B,IAAA,IAAI,CAACR,eAAe,GAAIiB,KAAoB,IAAK;AAC/C,MAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;AACzB,QAAA,MAAMC,qBAAqB,GAAGC,SAAS,CAACZ,OAAO,CAAC;AAEhD,QAAA,IAAIW,qBAAqB,CAACE,MAAM,GAAG,CAAC,EAAE;AACpC,UAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,qBAAqB,CAACE,MAAM,EAAEC,CAAC,EAAE,EAAE;AACrD,YAAA,MAAMC,KAAK,GAAGJ,qBAAqB,CAACG,CAAC,CAAC;AAEtC,YAAA,IAAIC,KAAK,EAAEC,YAAY,CAAC,qCAAqC,CAAC,EAAE;AAC9DD,cAAAA,KAAK,CAACE,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;AACrC,YAAA;AACF,UAAA;AAEAjB,UAAAA,OAAO,CAACiB,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AAEtCV,UAAAA,qBAAqB,EAAE;AACzB,QAAA;AACF,MAAA;IACF,CAAC;IAEDP,OAAO,CAACkB,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC1B,eAAe,CAAC;AAEzD,IAAA,IAAI,CAACD,SAAS,GAAG,IAAI4B,gBAAgB,CAAC,MAAM;AAC1CX,MAAAA,sBAAsB,CAACR,OAAO,EAAE,IAAI,CAACb,gBAAgB,CAAC;AACxD,IAAA,CAAC,CAAC;AAEF,IAAA,IAAI,CAACI,SAAS,CAAC6B,OAAO,CAACpB,OAAO,EAAE;AAC9BqB,MAAAA,SAAS,EAAE,IAAI;AACfC,MAAAA,OAAO,EAAE;AACX,KAAC,CAAC;AACJ,EAAA;AACF;;;;"}
+{"version":3,"file":"hds-advanced-table-cell.js","sources":["../../src/modifiers/hds-advanced-table-cell.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Modifier from 'ember-modifier';\nimport { updateTabbableChildren } from './hds-advanced-table-cell/dom-management.ts';\nimport { registerDestructor } from '@ember/destroyable';\nimport { focusable } from 'tabbable';\n\nimport type Owner from '@ember/owner';\nimport type { ArgsFor, PositionalArgs } from 'ember-modifier';\n\nexport interface HdsAdvancedTableCellModifierSignature {\n  Args: {\n    Named: {\n      shouldTrapFocus: boolean;\n      handleEnableFocusTrap: () => void;\n      setCellElement?: (el: HTMLDivElement) => void;\n    };\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAdvancedTableCellModifier extends Modifier<HdsAdvancedTableCellModifierSignature> {\n  // have a copy of shouldTrapFocus internally so the correct value is used when update tabbable children\n  private _shouldTrapFocus = false;\n  private _didSetup = false;\n  private _element: HTMLDivElement | undefined = undefined;\n  private _observer: MutationObserver | undefined = undefined;\n  private _keydownHandler!: (event: KeyboardEvent) => void;\n\n  constructor(\n    owner: Owner,\n    args: ArgsFor<HdsAdvancedTableCellModifierSignature>\n  ) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      this._observer?.disconnect();\n      this._element?.removeEventListener('keydown', this._keydownHandler);\n      this._element = undefined;\n    });\n  }\n\n  modify(\n    element: HdsAdvancedTableCellModifierSignature['Element'],\n    positional: PositionalArgs<HdsAdvancedTableCellModifierSignature>,\n    named: HdsAdvancedTableCellModifierSignature['Args']['Named']\n  ): void {\n    this._shouldTrapFocus = named.shouldTrapFocus;\n\n    if (!this._didSetup) {\n      this.#setupObserver(element, positional, named);\n\n      if (typeof named.setCellElement === 'function') {\n        named.setCellElement(element);\n      }\n\n      this._didSetup = true;\n      this._element = element;\n    }\n  }\n\n  #setupObserver(\n    element: HdsAdvancedTableCellModifierSignature['Element'],\n    _positional: PositionalArgs<HdsAdvancedTableCellModifierSignature>,\n    named: HdsAdvancedTableCellModifierSignature['Args']['Named']\n  ): void {\n    const { handleEnableFocusTrap } = named;\n\n    updateTabbableChildren(element);\n\n    this._keydownHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        const cellFocusableChildren = focusable(element);\n\n        if (cellFocusableChildren.length > 0) {\n          for (let i = 0; i < cellFocusableChildren.length; i++) {\n            const child = cellFocusableChildren[i];\n\n            if (child?.hasAttribute('data-advanced-table-child-focusable')) {\n              child.setAttribute('tabindex', '0');\n            }\n          }\n\n          element.setAttribute('tabindex', '-1');\n\n          handleEnableFocusTrap();\n        }\n      }\n    };\n\n    element.addEventListener('keydown', this._keydownHandler);\n\n    this._observer = new MutationObserver(() => {\n      updateTabbableChildren(element, this._shouldTrapFocus);\n    });\n\n    this._observer.observe(element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n}\n"],"names":["HdsAdvancedTableCellModifier","Modifier","_shouldTrapFocus","_didSetup","_element","undefined","_observer","_keydownHandler","constructor","owner","args","registerDestructor","disconnect","removeEventListener","modify","element","positional","named","shouldTrapFocus","setCellElement","#setupObserver","_positional","handleEnableFocusTrap","updateTabbableChildren","event","key","cellFocusableChildren","focusable","length","i","child","hasAttribute","setAttribute","addEventListener","MutationObserver","observe","childList","subtree"],"mappings":";;;;;AAAA;AACA;AACA;AACA;;AAqBe,MAAMA,4BAA4B,SAASC,QAAQ,CAAwC;AACxG;AACQC,EAAAA,gBAAgB,GAAG,KAAK;AACxBC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,QAAQ,GAA+BC,SAAS;AAChDC,EAAAA,SAAS,GAAiCD,SAAS;EACnDE,eAAe;AAEvBC,EAAAA,WAAWA,CACTC,KAAY,EACZC,IAAoD,EACpD;AACA,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElBC,kBAAkB,CAAC,IAAI,EAAE,MAAM;AAC7B,MAAA,IAAI,CAACL,SAAS,EAAEM,UAAU,EAAE;MAC5B,IAAI,CAACR,QAAQ,EAAES,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACN,eAAe,CAAC;MACnE,IAAI,CAACH,QAAQ,GAAGC,SAAS;AAC3B,IAAA,CAAC,CAAC;AACJ,EAAA;AAEAS,EAAAA,MAAMA,CACJC,OAAyD,EACzDC,UAAiE,EACjEC,KAA6D,EACvD;AACN,IAAA,IAAI,CAACf,gBAAgB,GAAGe,KAAK,CAACC,eAAe;AAE7C,IAAA,IAAI,CAAC,IAAI,CAACf,SAAS,EAAE;MACnB,IAAI,CAAC,cAAc,CAACY,OAAO,EAAEC,UAAU,EAAEC,KAAK,CAAC;AAE/C,MAAA,IAAI,OAAOA,KAAK,CAACE,cAAc,KAAK,UAAU,EAAE;AAC9CF,QAAAA,KAAK,CAACE,cAAc,CAACJ,OAAO,CAAC;AAC/B,MAAA;MAEA,IAAI,CAACZ,SAAS,GAAG,IAAI;MACrB,IAAI,CAACC,QAAQ,GAAGW,OAAO;AACzB,IAAA;AACF,EAAA;AAEA,EAAA,cAAcK,CACZL,OAAyD,EACzDM,WAAkE,EAClEJ,KAA6D,EACvD;IACN,MAAM;AAAEK,MAAAA;AAAsB,KAAC,GAAGL,KAAK;IAEvCM,sBAAsB,CAACR,OAAO,CAAC;AAE/B,IAAA,IAAI,CAACR,eAAe,GAAIiB,KAAoB,IAAK;AAC/C,MAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;AACzB,QAAA,MAAMC,qBAAqB,GAAGC,SAAS,CAACZ,OAAO,CAAC;AAEhD,QAAA,IAAIW,qBAAqB,CAACE,MAAM,GAAG,CAAC,EAAE;AACpC,UAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,qBAAqB,CAACE,MAAM,EAAEC,CAAC,EAAE,EAAE;AACrD,YAAA,MAAMC,KAAK,GAAGJ,qBAAqB,CAACG,CAAC,CAAC;AAEtC,YAAA,IAAIC,KAAK,EAAEC,YAAY,CAAC,qCAAqC,CAAC,EAAE;AAC9DD,cAAAA,KAAK,CAACE,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;AACrC,YAAA;AACF,UAAA;AAEAjB,UAAAA,OAAO,CAACiB,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AAEtCV,UAAAA,qBAAqB,EAAE;AACzB,QAAA;AACF,MAAA;IACF,CAAC;IAEDP,OAAO,CAACkB,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC1B,eAAe,CAAC;AAEzD,IAAA,IAAI,CAACD,SAAS,GAAG,IAAI4B,gBAAgB,CAAC,MAAM;AAC1CX,MAAAA,sBAAsB,CAACR,OAAO,EAAE,IAAI,CAACb,gBAAgB,CAAC;AACxD,IAAA,CAAC,CAAC;AAEF,IAAA,IAAI,CAACI,SAAS,CAAC6B,OAAO,CAACpB,OAAO,EAAE;AAC9BqB,MAAAA,SAAS,EAAE,IAAI;AACfC,MAAAA,OAAO,EAAE;AACX,KAAC,CAAC;AACJ,EAAA;AACF;;;;"}

package/dist/modifiers/hds-code-editor/highlight-styles/hds-highlight-style.js

@@ -0,0 +1,107 @@
+import { tags } from '@lezer/highlight';
+import { HighlightStyle } from '@codemirror/language';
+
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const hdsHighlightStyle = HighlightStyle.define([
+// Cyan | Property, url, or operator
+{
+  tag: tags.propertyName,
+  color: `var(--token-code-block-syntax-highlight-color-cyan)`
+}, {
+  tag: tags.url,
+  color: `var(--token-code-block-syntax-highlight-color-cyan)`
+}, {
+  tag: tags.operator,
+  color: `var(--token-code-block-syntax-highlight-color-cyan)`
+}, {
+  tag: tags.attributeValue,
+  color: `var(--token-code-block-syntax-highlight-color-cyan)`
+},
+// Blue | Function, builtins
+{
+  tag: tags.attributeName,
+  color: `var(--token-code-block-syntax-highlight-color-blue)`
+}, {
+  tag: tags.function(tags.variableName),
+  color: `var(--token-code-block-syntax-highlight-color-blue)`
+}, {
+  tag: tags.function(tags.propertyName),
+  color: `var(--token-code-block-syntax-highlight-color-blue)`
+},
+// Orange | Strings, characters
+{
+  tag: tags.string,
+  color: `var(--token-code-block-syntax-highlight-color-orange)`
+}, {
+  tag: tags.regexp,
+  color: `var(--token-code-block-syntax-highlight-color-orange)`
+},
+// Purple | Booleans, numbers
+{
+  tag: tags.bool,
+  color: `var(--token-code-block-syntax-highlight-color-purple)`
+}, {
+  tag: tags.number,
+  color: `var(--token-code-block-syntax-highlight-color-purple)`
+},
+// Green | Keywords, class names, saving the world
+{
+  tag: tags.keyword,
+  color: `var(--token-code-block-syntax-highlight-color-green)`
+}, {
+  tag: tags.className,
+  color: `var(--token-code-block-syntax-highlight-color-green)`
+},
+// Red | Important items
+{
+  tag: tags.deleted,
+  color: `var(--token-code-block-syntax-highlight-color-red)`
+},
+// White | Default color within the code block, also used for punctuation
+{
+  tag: tags.name,
+  color: `var(--token-code-block-syntax-highlight-color-white)`
+}, {
+  tag: tags.punctuation,
+  color: `var(--token-code-block-syntax-highlight-color-white)`
+},
+// Gray | Used for comments across languages
+{
+  tag: tags.comment,
+  color: `var(--token-code-block-foreground-color-primary)`
+},
+// Markdown specific
+{
+  tag: tags.heading,
+  color: `var(--token-code-block-syntax-highlight-color-blue)`,
+  fontWeight: 'bold'
+}, {
+  tag: tags.strong,
+  color: `var(--token-code-block-syntax-highlight-color-orange)`,
+  fontWeight: 'bold'
+}, {
+  tag: tags.emphasis,
+  color: `var(--token-code-block-syntax-highlight-color-orange)`,
+  fontStyle: 'italic'
+}, {
+  tag: tags.link,
+  color: `var(--token-code-block-syntax-highlight-color-cyan)`,
+  textDecoration: 'underline'
+}, {
+  tag: tags.quote,
+  color: `var(--token-code-block-foreground-color-primary)`,
+  fontStyle: 'italic'
+}, {
+  tag: tags.list,
+  color: `var(--token-code-block-syntax-highlight-color-white)`
+}, {
+  tag: tags.monospace,
+  color: `var(--token-code-block-syntax-highlight-color-green)`
+}]);
+
+export { hdsHighlightStyle as default };
+//# sourceMappingURL=hds-highlight-style.js.map

package/dist/modifiers/hds-code-editor/highlight-styles/hds-highlight-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hds-highlight-style.js","sources":["../../../../src/modifiers/hds-code-editor/highlight-styles/hds-highlight-style.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { tags } from '@lezer/highlight';\nimport { HighlightStyle } from '@codemirror/language';\n\nconst hdsHighlightStyle = HighlightStyle.define([\n  // Cyan | Property, url, or operator\n  {\n    tag: tags.propertyName,\n    color: `var(--token-code-block-syntax-highlight-color-cyan)`,\n  },\n  {\n    tag: tags.url,\n    color: `var(--token-code-block-syntax-highlight-color-cyan)`,\n  },\n  {\n    tag: tags.operator,\n    color: `var(--token-code-block-syntax-highlight-color-cyan)`,\n  },\n  {\n    tag: tags.attributeValue,\n    color: `var(--token-code-block-syntax-highlight-color-cyan)`,\n  },\n\n  // Blue | Function, builtins\n  {\n    tag: tags.attributeName,\n    color: `var(--token-code-block-syntax-highlight-color-blue)`,\n  },\n  {\n    tag: tags.function(tags.variableName),\n    color: `var(--token-code-block-syntax-highlight-color-blue)`,\n  },\n  {\n    tag: tags.function(tags.propertyName),\n    color: `var(--token-code-block-syntax-highlight-color-blue)`,\n  },\n\n  // Orange | Strings, characters\n  {\n    tag: tags.string,\n    color: `var(--token-code-block-syntax-highlight-color-orange)`,\n  },\n  {\n    tag: tags.regexp,\n    color: `var(--token-code-block-syntax-highlight-color-orange)`,\n  },\n\n  // Purple | Booleans, numbers\n  {\n    tag: tags.bool,\n    color: `var(--token-code-block-syntax-highlight-color-purple)`,\n  },\n  {\n    tag: tags.number,\n    color: `var(--token-code-block-syntax-highlight-color-purple)`,\n  },\n\n  // Green | Keywords, class names, saving the world\n  {\n    tag: tags.keyword,\n    color: `var(--token-code-block-syntax-highlight-color-green)`,\n  },\n  {\n    tag: tags.className,\n    color: `var(--token-code-block-syntax-highlight-color-green)`,\n  },\n\n  // Red | Important items\n  {\n    tag: tags.deleted,\n    color: `var(--token-code-block-syntax-highlight-color-red)`,\n  },\n\n  // White | Default color within the code block, also used for punctuation\n  {\n    tag: tags.name,\n    color: `var(--token-code-block-syntax-highlight-color-white)`,\n  },\n  {\n    tag: tags.punctuation,\n    color: `var(--token-code-block-syntax-highlight-color-white)`,\n  },\n  // Gray | Used for comments across languages\n  {\n    tag: tags.comment,\n    color: `var(--token-code-block-foreground-color-primary)`,\n  },\n\n  // Markdown specific\n  {\n    tag: tags.heading,\n    color: `var(--token-code-block-syntax-highlight-color-blue)`,\n    fontWeight: 'bold',\n  },\n  {\n    tag: tags.strong,\n    color: `var(--token-code-block-syntax-highlight-color-orange)`,\n    fontWeight: 'bold',\n  },\n  {\n    tag: tags.emphasis,\n    color: `var(--token-code-block-syntax-highlight-color-orange)`,\n    fontStyle: 'italic',\n  },\n  {\n    tag: tags.link,\n    color: `var(--token-code-block-syntax-highlight-color-cyan)`,\n    textDecoration: 'underline',\n  },\n  {\n    tag: tags.quote,\n    color: `var(--token-code-block-foreground-color-primary)`,\n    fontStyle: 'italic',\n  },\n  {\n    tag: tags.list,\n    color: `var(--token-code-block-syntax-highlight-color-white)`,\n  },\n  {\n    tag: tags.monospace,\n    color: `var(--token-code-block-syntax-highlight-color-green)`,\n  },\n]);\n\nexport default hdsHighlightStyle;\n"],"names":["hdsHighlightStyle","HighlightStyle","define","tag","tags","propertyName","color","url","operator","attributeValue","attributeName","function","variableName","string","regexp","bool","number","keyword","className","deleted","name","punctuation","comment","heading","fontWeight","strong","emphasis","fontStyle","link","textDecoration","quote","list","monospace"],"mappings":"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"}

package/dist/modifiers/hds-code-editor/themes/{hds-dark-theme.js → hds-theme.js}

@@ -1,5 +1,4 @@
 import { EditorView } from '@codemirror/view';
-import { HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE, HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL, HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL, HDS_CODE_EDITOR_COLOR_SURFACE_FAINT, HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY, HDS_CODE_BLOCK_WHITE, HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER, HDS_CODE_BLOCK_LINE_HIGHLIGHT, HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT, HDS_CODE_BLOCK_GREEN, HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL } from '../palettes/hds-dark-palette.js';
 
 /**
  * Copyright IBM Corp. 2021, 2025
@@ -8,29 +7,30 @@ import { HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE, HDS_CODE_EDITOR_COLOR
 
 const CLOSE_BUTTON_SELECTOR = '.cm-panel.cm-panel-lint button[name="close"]';
 const PANEL_DIAGNOSTIC_ITEM_SELECTOR = '.cm-panel.cm-panel-lint ul li.cm-diagnostic';
-const hdsDark = EditorView.theme({
+const hdsTheme = EditorView.theme({
   '&': {
-    color: HDS_CODE_BLOCK_WHITE,
-    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,
+    color: 'var(--token-code-block-foreground-color-primary)',
+    backgroundColor: 'var(--token-code-block-surface-color-primary)',
     height: '100%'
   },
   '.cm-content': {
-    borderLeft: `1px solid var(--token-color-palette-neutral-500)`,
+    borderLeft: '1px solid var(--token-code-block-border-color-primary)',
     height: '100%',
     padding: '16px 0'
   },
   '.cm-content ::selection': {
-    backgroundColor: HDS_CODE_BLOCK_GREEN,
-    color: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY
+    backgroundColor: 'var(--token-code-block-syntax-highlight-color-green)',
+    color: 'var(--token-code-block-surface-color-primary)'
   },
   '.cm-gutters': {
-    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY
+    backgroundColor: 'var(--token-code-block-surface-color-primary)',
+    border: 'none'
   },
   '.cm-gutter:first-of-type .cm-gutterElement': {
     borderLeft: '4px solid transparent'
   },
   '.cm-lineNumbers': {
-    color: HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT
+    color: 'var(--token-code-block-foreground-color-primary)'
   },
   '.cm-lineNumbers .cm-gutterElement': {
     display: 'flex',
@@ -39,26 +39,26 @@ const hdsDark = EditorView.theme({
     padding: '0px 16px'
   },
   '.cm-gutterElement.cm-activeLineGutter': {
-    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY
+    backgroundColor: 'var(--token-code-block-surface-color-primary)'
   },
   '&:not(.cm-hasSelection).cm-focused .cm-gutterElement.cm-activeLineGutter': {
-    borderColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER,
-    backgroundColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT,
-    color: 'var(--token-color-foreground-high-contrast)',
-    outline: `1px solid ${HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER}`
+    borderColor: 'var(--token-code-block-line-highlight-border-color)',
+    backgroundColor: 'var(--token-code-block-line-highlight-surface-color)',
+    color: 'var(--token-code-block-foreground-color-primary)',
+    outline: '1px solid var(--token-code-block-line-highlight-border-color)'
   },
   '.cm-line': {
     padding: '4px 16px'
   },
   '.cm-activeLine': {
-    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY
+    backgroundColor: 'var(--token-code-block-surface-color-primary)'
   },
   '&:not(.cm-hasSelection).cm-focused .cm-activeLine': {
-    backgroundColor: HDS_CODE_BLOCK_LINE_HIGHLIGHT,
-    outline: `1px solid ${HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER}`
+    backgroundColor: 'var(--token-code-block-line-highlight-surface-color)',
+    outline: '1px solid var(--token-code-block-line-highlight-border-color)'
   },
   '.cm-matchingBracket': {
-    outline: `1px solid ${HDS_CODE_BLOCK_WHITE}`
+    outline: '1px solid var(--token-code-block-foreground-color-primary)'
   },
   // set a minimum height on the editor content when linting is enabled
   '&.cm-lintingEnabled .cm-content': {
@@ -66,7 +66,7 @@ const hdsDark = EditorView.theme({
   },
   // replace the underline svg
   '.cm-lintRange-error': {
-    backgroundImage: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="3">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22${encodeURIComponent(HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL)}%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22%2F%3E</svg>')`
+    backgroundImage: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="3">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22${encodeURIComponent('#EF3016')}%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22%2F%3E</svg>')`
   },
   // linting gutter
   '&.cm-lintingEnabled .cm-lineNumbers .cm-gutterElement': {
@@ -82,7 +82,7 @@ const hdsDark = EditorView.theme({
     width: '24px',
     height: '24px',
     padding: '6px',
-    content: `url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.56912 0.752289C8.69045 -0.126408 7.26581 -0.126415 6.38713 0.752272L0.730298 6.40911C-0.148388 7.28779 -0.148379 8.71243 0.730316 9.5911L6.38715 15.2478C7.26583 16.1265 8.69044 16.1265 9.56911 15.2478L15.2258 9.59109C16.1045 8.71241 16.1045 7.2878 15.2258 6.40912L9.56912 0.752289ZM5.21967 5.21955C5.51256 4.92665 5.98744 4.92665 6.28033 5.21955L8 6.93922L9.71967 5.21955C10.0126 4.92665 10.4874 4.92665 10.7803 5.21955C11.0732 5.51244 11.0732 5.98731 10.7803 6.28021L9.06066 7.99988L10.7803 9.71955C11.0732 10.0124 11.0732 10.4873 10.7803 10.7802C10.4874 11.0731 10.0126 11.0731 9.71967 10.7802L8 9.06054L6.28033 10.7802C5.98744 11.0731 5.51256 11.0731 5.21967 10.7802C4.92678 10.4873 4.92678 10.0124 5.21967 9.71955L6.93934 7.99988L5.21967 6.28021C4.92678 5.98731 4.92678 5.51244 5.21967 5.21955Z" fill="${encodeURIComponent(HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL)}"/></svg>');`
+    content: `url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.56912 0.752289C8.69045 -0.126408 7.26581 -0.126415 6.38713 0.752272L0.730298 6.40911C-0.148388 7.28779 -0.148379 8.71243 0.730316 9.5911L6.38715 15.2478C7.26583 16.1265 8.69044 16.1265 9.56911 15.2478L15.2258 9.59109C16.1045 8.71241 16.1045 7.2878 15.2258 6.40912L9.56912 0.752289ZM5.21967 5.21955C5.51256 4.92665 5.98744 4.92665 6.28033 5.21955L8 6.93922L9.71967 5.21955C10.0126 4.92665 10.4874 4.92665 10.7803 5.21955C11.0732 5.51244 11.0732 5.98731 10.7803 6.28021L9.06066 7.99988L10.7803 9.71955C11.0732 10.0124 11.0732 10.4873 10.7803 10.7802C10.4874 11.0731 10.0126 11.0731 9.71967 10.7802L8 9.06054L6.28033 10.7802C5.98744 11.0731 5.51256 11.0731 5.21967 10.7802C4.92678 10.4873 4.92678 10.0124 5.21967 9.71955L6.93934 7.99988L5.21967 6.28021C4.92678 5.98731 4.92678 5.51244 5.21967 5.21955Z" fill="${encodeURIComponent('#EF3016')}"/></svg>');`
   },
   // linter diagnostics panel
   '.cm-panel.cm-panel-lint ul': {
@@ -90,9 +90,9 @@ const hdsDark = EditorView.theme({
     maxHeight: '85px'
   },
   [`${PANEL_DIAGNOSTIC_ITEM_SELECTOR}`]: {
-    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY,
+    backgroundColor: 'var(--token-code-block-surface-color-primary)',
     border: '4px solid transparent',
-    color: 'var(--token-color-foreground-high-contrast)',
+    color: 'var(--token-code-block-foreground-color-primary)',
     fontFamily: 'var(--token-typography-body-100-font-family)',
     fontSize: '13px',
     marginBottom: '1px',
@@ -102,14 +102,17 @@ const hdsDark = EditorView.theme({
     marginBottom: '0'
   },
   [`${PANEL_DIAGNOSTIC_ITEM_SELECTOR}:hover`]: {
-    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_FAINT
+    backgroundColor: 'var(--token-code-block-surface-color-faint)'
   },
   '.cm-panel.cm-panel-lint ul:focus li.cm-diagnostic[aria-selected]': {
     background: 'none',
-    backgroundColor: 'var(--token-color-palette-neutral-700)',
-    border: `4px solid ${HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL}`,
-    boxShadow: `inset 0 0 0 1px ${HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL}`,
-    color: 'var(--token-color-foreground-high-contrast)'
+    backgroundColor: 'var(--token-code-block-surface-color-primary)',
+    border: '4px solid var(--token-code-block-focus-ring-color-action-external)',
+    boxShadow: 'inset 0 0 0 1px var(--token-code-block-focus-ring-color-action-internal)',
+    color: 'var(--token-code-block-foreground-color-primary)'
+  },
+  '.cm-panels-bottom': {
+    borderTop: 'none'
   },
   '.cm-panels-bottom .cm-panel.cm-panel-lint': {
     borderTop: `3px solid var(--token-color-palette-neutral-500)`
@@ -131,7 +134,7 @@ const hdsDark = EditorView.theme({
   [`${CLOSE_BUTTON_SELECTOR}`]: {
     alignItems: 'center',
     borderRadius: 'var(--token-border-radius-small)',
-    color: 'var(--token-color-palette-neutral-300)',
+    color: 'var(--token-code-block-foreground-color-faint)',
     cursor: 'pointer',
     display: 'flex',
     fontFamily: 'var(--token-typography-body-100-font-family)',
@@ -145,19 +148,19 @@ const hdsDark = EditorView.theme({
     width: '20px'
   },
   [`${CLOSE_BUTTON_SELECTOR}:hover, ${CLOSE_BUTTON_SELECTOR}:active, ${CLOSE_BUTTON_SELECTOR}:focus`]: {
-    backgroundColor: HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE,
+    backgroundColor: 'var(--token-code-block-button-surface-color-active)',
     border: '1px solid transparent',
-    color: 'var(--token-color-palette-neutral-400)'
+    color: 'var(--token-code-block-foreground-color-primary)'
   },
   [`${CLOSE_BUTTON_SELECTOR}:focus`]: {
-    borderColor: 'var(--token-color-focus-action-internal)',
-    outline: `3px solid var(--token-color-focus-action-external)`
+    borderColor: 'var(--token-code-block-focus-ring-color-action-internal)',
+    outline: '3px solid var(--token-code-block-focus-ring-color-action-external)'
   },
   // tooltips
   '.cm-tooltip': {
-    backgroundColor: 'var(--token-color-palette-neutral-600)',
+    backgroundColor: 'var(--token-code-block-surface-color-faint)',
     borderRadius: 'var(--token-border-radius-small)',
-    color: 'var(--token-color-foreground-high-contrast)',
+    color: 'var(--token-code-block-foreground-color-primary)',
     fontFamily: 'var(--token-typography-body-100-font-family)',
     fontSize: '13px',
     padding: '8px 12px'
@@ -178,20 +181,18 @@ const hdsDark = EditorView.theme({
     transform: 'translateX(-50%)'
   },
   '.cm-tooltip-above::before': {
-    borderTop: `8px solid var(--token-color-palette-neutral-600)`,
+    borderTop: '8px solid var(--token-code-block-surface-color-faint)',
     bottom: '-8px'
   },
   '.cm-tooltip-below::before': {
-    borderBottom: `8px solid var(--token-color-palette-neutral-600)`,
+    borderBottom: '8px solid var(--token-code-block-surface-color-faint)',
     top: '-8px'
   },
   // only show the marker within the diagnostics panel
   '.cm-tooltip .cm-lint-marker-error': {
     display: 'none'
   }
-}, {
-  dark: true
 });
 
-export { hdsDark as default };
-//# sourceMappingURL=hds-dark-theme.js.map
+export { hdsTheme as default };
+//# sourceMappingURL=hds-theme.js.map

package/dist/modifiers/hds-code-editor/themes/hds-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hds-theme.js","sources":["../../../../src/modifiers/hds-code-editor/themes/hds-theme.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { EditorView } from '@codemirror/view';\n\nconst CLOSE_BUTTON_SELECTOR = '.cm-panel.cm-panel-lint button[name=\"close\"]';\nconst PANEL_DIAGNOSTIC_ITEM_SELECTOR =\n  '.cm-panel.cm-panel-lint ul li.cm-diagnostic';\n\nconst hdsTheme = EditorView.theme({\n  '&': {\n    color: 'var(--token-code-block-foreground-color-primary)',\n    backgroundColor: 'var(--token-code-block-surface-color-primary)',\n    height: '100%',\n  },\n  '.cm-content': {\n    borderLeft: '1px solid var(--token-code-block-border-color-primary)',\n    height: '100%',\n    padding: '16px 0',\n  },\n  '.cm-content ::selection': {\n    backgroundColor: 'var(--token-code-block-syntax-highlight-color-green)',\n    color: 'var(--token-code-block-surface-color-primary)',\n  },\n  '.cm-gutters': {\n    backgroundColor: 'var(--token-code-block-surface-color-primary)',\n    border: 'none',\n  },\n  '.cm-gutter:first-of-type .cm-gutterElement': {\n    borderLeft: '4px solid transparent',\n  },\n  '.cm-lineNumbers': {\n    color: 'var(--token-code-block-foreground-color-primary)',\n  },\n  '.cm-lineNumbers .cm-gutterElement': {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'end',\n    padding: '0px 16px',\n  },\n  '.cm-gutterElement.cm-activeLineGutter': {\n    backgroundColor: 'var(--token-code-block-surface-color-primary)',\n  },\n  '&:not(.cm-hasSelection).cm-focused .cm-gutterElement.cm-activeLineGutter': {\n    borderColor: 'var(--token-code-block-line-highlight-border-color)',\n    backgroundColor: 'var(--token-code-block-line-highlight-surface-color)',\n    color: 'var(--token-code-block-foreground-color-primary)',\n    outline: '1px solid var(--token-code-block-line-highlight-border-color)',\n  },\n  '.cm-line': {\n    padding: '4px 16px',\n  },\n  '.cm-activeLine': {\n    backgroundColor: 'var(--token-code-block-surface-color-primary)',\n  },\n  '&:not(.cm-hasSelection).cm-focused .cm-activeLine': {\n    backgroundColor: 'var(--token-code-block-line-highlight-surface-color)',\n    outline: '1px solid var(--token-code-block-line-highlight-border-color)',\n  },\n  '.cm-matchingBracket': {\n    outline: '1px solid var(--token-code-block-foreground-color-primary)',\n  },\n\n  // set a minimum height on the editor content when linting is enabled\n  '&.cm-lintingEnabled .cm-content': {\n    minHeight: '160px',\n  },\n\n  // replace the underline svg\n  '.cm-lintRange-error': {\n    backgroundImage: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"3\">%3Cpath%20d%3D%22m0%202.5%20l2%20-1.5%20l1%200%20l2%201.5%20l1%200%22%20stroke%3D%22${encodeURIComponent('#EF3016')}%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22%2F%3E</svg>')`,\n  },\n\n  // linting gutter\n  '&.cm-lintingEnabled .cm-lineNumbers .cm-gutterElement': {\n    paddingLeft: '8px',\n  },\n  '.cm-gutter-lint': {\n    width: '28px',\n  },\n  '.cm-gutter-lint .cm-gutterElement': {\n    padding: '0',\n  },\n  '.cm-lint-marker-error': {\n    width: '24px',\n    height: '24px',\n    padding: '6px',\n    content: `url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.56912 0.752289C8.69045 -0.126408 7.26581 -0.126415 6.38713 0.752272L0.730298 6.40911C-0.148388 7.28779 -0.148379 8.71243 0.730316 9.5911L6.38715 15.2478C7.26583 16.1265 8.69044 16.1265 9.56911 15.2478L15.2258 9.59109C16.1045 8.71241 16.1045 7.2878 15.2258 6.40912L9.56912 0.752289ZM5.21967 5.21955C5.51256 4.92665 5.98744 4.92665 6.28033 5.21955L8 6.93922L9.71967 5.21955C10.0126 4.92665 10.4874 4.92665 10.7803 5.21955C11.0732 5.51244 11.0732 5.98731 10.7803 6.28021L9.06066 7.99988L10.7803 9.71955C11.0732 10.0124 11.0732 10.4873 10.7803 10.7802C10.4874 11.0731 10.0126 11.0731 9.71967 10.7802L8 9.06054L6.28033 10.7802C5.98744 11.0731 5.51256 11.0731 5.21967 10.7802C4.92678 10.4873 4.92678 10.0124 5.21967 9.71955L6.93934 7.99988L5.21967 6.28021C4.92678 5.98731 4.92678 5.51244 5.21967 5.21955Z\" fill=\"${encodeURIComponent('#EF3016')}\"/></svg>');`,\n  },\n\n  // linter diagnostics panel\n  '.cm-panel.cm-panel-lint ul': {\n    backgroundColor: 'var(--token-color-palette-neutral-500)',\n    maxHeight: '85px',\n  },\n  [`${PANEL_DIAGNOSTIC_ITEM_SELECTOR}`]: {\n    backgroundColor: 'var(--token-code-block-surface-color-primary)',\n    border: '4px solid transparent',\n    color: 'var(--token-code-block-foreground-color-primary)',\n    fontFamily: 'var(--token-typography-body-100-font-family)',\n    fontSize: '13px',\n    marginBottom: '1px',\n    padding: '16px 12px',\n  },\n  [`${PANEL_DIAGNOSTIC_ITEM_SELECTOR}:last-of-type`]: {\n    marginBottom: '0',\n  },\n  [`${PANEL_DIAGNOSTIC_ITEM_SELECTOR}:hover`]: {\n    backgroundColor: 'var(--token-code-block-surface-color-faint)',\n  },\n  '.cm-panel.cm-panel-lint ul:focus li.cm-diagnostic[aria-selected]': {\n    background: 'none',\n    backgroundColor: 'var(--token-code-block-surface-color-primary)',\n    border:\n      '4px solid var(--token-code-block-focus-ring-color-action-external)',\n    boxShadow:\n      'inset 0 0 0 1px var(--token-code-block-focus-ring-color-action-internal)',\n    color: 'var(--token-code-block-foreground-color-primary)',\n  },\n  '.cm-panels-bottom': {\n    borderTop: 'none',\n  },\n  '.cm-panels-bottom .cm-panel.cm-panel-lint': {\n    borderTop: `3px solid var(--token-color-palette-neutral-500)`,\n  },\n  '.cm-diagnostic': {\n    borderLeft: 'none',\n  },\n  '.cm-diagnosticText-inner': {\n    alignItems: 'center',\n    display: 'flex',\n    gap: '16px',\n  },\n  '.cm-diagnosticText-inner .cm-lint-marker-error': {\n    width: '16px',\n    height: '16px',\n    padding: '0',\n  },\n  // linter diagnostics panel close button\n  [`${CLOSE_BUTTON_SELECTOR}`]: {\n    alignItems: 'center',\n    borderRadius: 'var(--token-border-radius-small)',\n    color: 'var(--token-code-block-foreground-color-faint)',\n    cursor: 'pointer',\n    display: 'flex',\n    fontFamily: 'var(--token-typography-body-100-font-family)',\n    fontSize: '20px',\n    height: '20px',\n    lineHeight: '20px',\n    paddingBottom: '3px',\n    justifyContent: 'center',\n    right: '22px',\n    top: '6px',\n    width: '20px',\n  },\n  [`${CLOSE_BUTTON_SELECTOR}:hover, ${CLOSE_BUTTON_SELECTOR}:active, ${CLOSE_BUTTON_SELECTOR}:focus`]:\n    {\n      backgroundColor: 'var(--token-code-block-button-surface-color-active)',\n      border: '1px solid transparent',\n      color: 'var(--token-code-block-foreground-color-primary)',\n    },\n  [`${CLOSE_BUTTON_SELECTOR}:focus`]: {\n    borderColor: 'var(--token-code-block-focus-ring-color-action-internal)',\n    outline:\n      '3px solid var(--token-code-block-focus-ring-color-action-external)',\n  },\n\n  // tooltips\n  '.cm-tooltip': {\n    backgroundColor: 'var(--token-code-block-surface-color-faint)',\n    borderRadius: 'var(--token-border-radius-small)',\n    color: 'var(--token-code-block-foreground-color-primary)',\n    fontFamily: 'var(--token-typography-body-100-font-family)',\n    fontSize: '13px',\n    padding: '8px 12px',\n  },\n  '.cm-tooltip-above': {\n    transform: 'translateX(-4px) translateY(-6px)',\n  },\n  '.cm-tooltip-below': {\n    transform: 'translateX(-4px) translateY(6px)',\n  },\n  // tooltips arrow\n  '.cm-tooltip::before': {\n    borderLeft: '8px solid transparent',\n    borderRight: '8px solid transparent',\n    content: '\"\"',\n    left: '16px',\n    position: 'absolute',\n    transform: 'translateX(-50%)',\n  },\n  '.cm-tooltip-above::before': {\n    borderTop: '8px solid var(--token-code-block-surface-color-faint)',\n    bottom: '-8px',\n  },\n  '.cm-tooltip-below::before': {\n    borderBottom: '8px solid var(--token-code-block-surface-color-faint)',\n    top: '-8px',\n  },\n  // only show the marker within the diagnostics panel\n  '.cm-tooltip .cm-lint-marker-error': {\n    display: 'none',\n  },\n});\n\nexport default hdsTheme;\n"],"names":["CLOSE_BUTTON_SELECTOR","PANEL_DIAGNOSTIC_ITEM_SELECTOR","hdsTheme","EditorView","theme","color","backgroundColor","height","borderLeft","padding","border","display","alignItems","justifyContent","borderColor","outline","minHeight","backgroundImage","encodeURIComponent","paddingLeft","width","content","maxHeight","fontFamily","fontSize","marginBottom","background","boxShadow","borderTop","gap","borderRadius","cursor","lineHeight","paddingBottom","right","top","transform","borderRight","left","position","bottom","borderBottom"],"mappings":"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"}

package/dist/modifiers/hds-code-editor.js

@@ -9,8 +9,8 @@ import { EditorView } from '@codemirror/view';
 import { guidFor } from '@ember/object/internals';
 import { isEmpty } from '@ember/utils';
 import { service } from '@ember/service';
-import hdsDark from './hds-code-editor/themes/hds-dark-theme.js';
-import hdsDarkHighlightStyle from './hds-code-editor/highlight-styles/hds-dark-highlight-style.js';
+import hdsTheme from './hds-code-editor/themes/hds-theme.js';
+import hdsHighlightStyle from './hds-code-editor/highlight-styles/hds-highlight-style.js';
 import { g, i } from 'decorator-transforms/runtime';
 
 async function defineStreamLanguage(streamParser) {
@@ -292,8 +292,8 @@ class HdsCodeEditorModifier extends Modifier {
       handleUpdateExtension,
       // user-provided extensions
       ...(customExtensions ?? []),
-      // hds dark theme
-      hdsDark, syntaxHighlighting(hdsDarkHighlightStyle)];
+      // HdsCodeEditor theme
+      hdsTheme, syntaxHighlighting(hdsHighlightStyle)];
       if (extraKeys !== undefined) {
         const customKeyMap = Object.entries(extraKeys).map(([key, value]) => ({
           key: key,