@carbon/web-components 2.52.0 → 2.53.0

package/es/components/grid/defs.js

@@ -42,7 +42,7 @@ let SUB_GRID_MODE = /* @__PURE__ */ function(SUB_GRID_MODE) {
 	SUB_GRID_MODE["NARROW"] = "narrow";
 	return SUB_GRID_MODE;
 }({});
-
 //#endregion
 export { GRID_ALIGNMENT, SUB_GRID_MODE };
+
 //# sourceMappingURL=defs.js.map

package/es/components/grid/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/grid/defs.ts"],"sourcesContent":["/**\n * Button size.\n */\nexport enum GRID_ALIGNMENT {\n  /**\n   * Align to start.\n   */\n  START = 'start',\n\n  /**\n   * Align in center\n   */\n  CENTER = 'center',\n\n  /**\n   * Align to end\n   */\n  END = 'end',\n}\n\nexport type GridAlignmentType = Record<GRID_ALIGNMENT, string>;\n\n/**\n * Button type.\n */\nexport enum SUB_GRID_MODE {\n  /**\n   * Default sug-grid mode.\n   */\n  WIDE = 'wide',\n\n  /**\n   * Condensed sub-grid (should match hosting grid).\n   */\n  CONDENSED = 'condensed',\n\n  /**\n   * Narrow sub-grid (should match hosting grid).\n   */\n  NARROW = 'narrow',\n}\n"],"mappings":";;;;;;;;;;;AAGA,IAAY,0DAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;;;AAQF,IAAY,wDAAL;;;;AAIL;;;;AAKA;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/grid/defs.ts"],"sourcesContent":["/**\n * Button size.\n */\nexport enum GRID_ALIGNMENT {\n  /**\n   * Align to start.\n   */\n  START = 'start',\n\n  /**\n   * Align in center\n   */\n  CENTER = 'center',\n\n  /**\n   * Align to end\n   */\n  END = 'end',\n}\n\nexport type GridAlignmentType = Record<GRID_ALIGNMENT, string>;\n\n/**\n * Button type.\n */\nexport enum SUB_GRID_MODE {\n  /**\n   * Default sug-grid mode.\n   */\n  WIDE = 'wide',\n\n  /**\n   * Condensed sub-grid (should match hosting grid).\n   */\n  CONDENSED = 'condensed',\n\n  /**\n   * Narrow sub-grid (should match hosting grid).\n   */\n  NARROW = 'narrow',\n}\n"],"mappings":";;;;;;;;;;;AAGA,IAAY,iBAAL,yBAAA,gBAAA;;;;AAIL,gBAAA,WAAA;;;;AAKA,gBAAA,YAAA;;;;AAKA,gBAAA,SAAA;;KACD;;;;AAOD,IAAY,gBAAL,yBAAA,eAAA;;;;AAIL,eAAA,UAAA;;;;AAKA,eAAA,eAAA;;;;AAKA,eAAA,YAAA;;KACD"}

package/es/components/grid/grid-context.js

@@ -6,10 +6,9 @@
  */
 
 import { createContext } from "@lit/context";
-
 //#region src/components/grid/grid-context.ts
 const gridContext = createContext(Symbol("GridContext"));
-
 //#endregion
 export { gridContext };
+
 //# sourceMappingURL=grid-context.js.map

package/es/components/grid/grid-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-context.js","names":[],"sources":["../../../src/components/grid/grid-context.ts"],"sourcesContent":["import { createContext } from '@lit/context';\n\nexport type GridContext = {\n  /**\n   * Specifies whether subgrid should be enabled\n   */\n  subgrid?: boolean;\n};\n\nexport const gridContext = createContext<GridContext>(Symbol('GridContext'));\n"],"mappings":";;;;;;;;;;AASA,MAAa,cAAc,cAA2B,OAAO,cAAc,CAAC"}
+{"version":3,"file":"grid-context.js","names":[],"sources":["../../../src/components/grid/grid-context.ts"],"sourcesContent":["import { createContext } from '@lit/context';\n\nexport type GridContext = {\n  /**\n   * Specifies whether subgrid should be enabled\n   */\n  subgrid?: boolean;\n};\n\nexport const gridContext = createContext<GridContext>(Symbol('GridContext'));\n"],"mappings":";;;;;;;;;AASA,MAAa,cAAc,cAA2B,OAAO,cAAc,CAAC"}

package/es/components/grid/grid.js

@@ -5,16 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
-import { GRID_ALIGNMENT, SUB_GRID_MODE } from "./defs.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { GRID_ALIGNMENT } from "./defs.js";
 import { gridContext } from "./grid-context.js";
 import grid_default$1 from "./grid.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { consume, provide } from "@lit/context";
-
 //#region src/components/grid/grid.ts
 /**
 * Copyright IBM Corp. 2024, 2024
@@ -37,9 +36,9 @@ import { consume, provide } from "@lit/context";
 	render() {
 		this.gridContext = { subgrid: true };
 		if (this.gridContextIn?.subgrid) {
-			let subMode = SUB_GRID_MODE.WIDE;
-			if (this.narrow) subMode = SUB_GRID_MODE.NARROW;
-			else if (this.condensed) subMode = SUB_GRID_MODE.CONDENSED;
+			let subMode = "wide";
+			if (this.narrow) subMode = "narrow";
+			else if (this.condensed) subMode = "condensed";
 			return html`<div subgrid mode=${subMode} part="grid">
         <slot></slot>
       </div> `;
@@ -73,9 +72,9 @@ __decorate([consume({
 	subscribe: true
 }), property({ attribute: false })], CDSGrid.prototype, "gridContextIn", void 0);
 __decorate([provide({ context: gridContext }), property({ attribute: false })], CDSGrid.prototype, "gridContext", void 0);
-CDSGrid = __decorate([carbonElement(`${prefix}-grid`)], CDSGrid);
+CDSGrid = __decorate([carbonElement(`cds-grid`)], CDSGrid);
 var grid_default = CDSGrid;
-
 //#endregion
 export { GRID_ALIGNMENT, grid_default as default };
+
 //# sourceMappingURL=grid.js.map

package/es/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":["styles","customElement"],"sources":["../../../src/components/grid/grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { consume, provide } from '@lit/context';\nimport { GridContext, gridContext } from './grid-context';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './grid.scss?lit';\nimport { GridAlignmentType, SUB_GRID_MODE } from './defs';\nexport { GRID_ALIGNMENT } from './defs';\n/**\n * The grid component.\n *\n * @element cds-grid\n */ @customElement(`${prefix}-grid`)\nclass CDSGrid extends LitElement {\n  /**\n   * Specify grid alignment. Default is center\n   */\n  @property({ reflect: true, type: String })\n  align?: GridAlignmentType;\n\n  /**\n   * Collapse the gutter to 1px. Useful for fluid layouts.\n   * Rows have 1px of margin between them to match gutter.\n   */\n  @property({ reflect: true, type: Boolean })\n  condensed = false;\n\n  /**\n   * Container hangs 16px into the gutter. Useful for\n   * typographic alignment with and without containers.\n   */\n  @property({ reflect: true, type: Boolean })\n  narrow = false;\n\n  /**\n   * Remove the default max width that the grid has set\n   */\n  @property({ reflect: true, attribute: 'full-width', type: Boolean })\n  fullWidth = false;\n\n  @consume({ context: gridContext, subscribe: true })\n  @property({ attribute: false })\n  public gridContextIn?: GridContext;\n\n  @provide({ context: gridContext })\n  @property({ attribute: false })\n  public gridContext: GridContext = {\n    subgrid: false,\n  };\n\n  render() {\n    this.gridContext = { subgrid: true };\n\n    if (this.gridContextIn?.subgrid) {\n      let subMode = SUB_GRID_MODE.WIDE;\n      if (this.narrow) {\n        subMode = SUB_GRID_MODE.NARROW;\n      } else if (this.condensed) {\n        subMode = SUB_GRID_MODE.CONDENSED;\n      }\n      return html`<div subgrid mode=${subMode} part=\"grid\">\n        <slot></slot>\n      </div> `;\n    } else {\n      // Grid styling added to contained components, allowing CSS Grid\n      // to affect its own slot content.\n      return html`<div grid part=\"grid\">\n        <slot></slot>\n      </div> `;\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSGrid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBI,oBACE,gBAAgB,WAAW;;;mBAYnB;gBAOH;mBAMG;qBAQsB,EAChC,SAAS,OACV;;CAED,SAAS;AACP,OAAK,cAAc,EAAE,SAAS,MAAM;AAEpC,MAAI,KAAK,eAAe,SAAS;GAC/B,IAAI,UAAU,cAAc;AAC5B,OAAI,KAAK,OACP,WAAU,cAAc;YACf,KAAK,UACd,WAAU,cAAc;AAE1B,UAAO,IAAI,qBAAqB,QAAQ;;;QAMxC,QAAO,IAAI;;;;;gBAMCA;;;YAvDf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAOzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC;YAM1C,SAAS;CAAE,SAAS;CAAM,WAAW;CAAc,MAAM;CAAS,CAAC;YAGnE,QAAQ;CAAE,SAAS;CAAa,WAAW;CAAM,CAAC,EAClD,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,QAAQ,EAAE,SAAS,aAAa,CAAC,EACjC,SAAS,EAAE,WAAW,OAAO,CAAC;sBAjC5BC,cAAc,GAAG,OAAO,OAAO;AA+DpC,mBAAe"}
+{"version":3,"file":"grid.js","names":["styles","customElement"],"sources":["../../../src/components/grid/grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { consume, provide } from '@lit/context';\nimport { GridContext, gridContext } from './grid-context';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './grid.scss?lit';\nimport { GridAlignmentType, SUB_GRID_MODE } from './defs';\nexport { GRID_ALIGNMENT } from './defs';\n/**\n * The grid component.\n *\n * @element cds-grid\n */ @customElement(`${prefix}-grid`)\nclass CDSGrid extends LitElement {\n  /**\n   * Specify grid alignment. Default is center\n   */\n  @property({ reflect: true, type: String })\n  align?: GridAlignmentType;\n\n  /**\n   * Collapse the gutter to 1px. Useful for fluid layouts.\n   * Rows have 1px of margin between them to match gutter.\n   */\n  @property({ reflect: true, type: Boolean })\n  condensed = false;\n\n  /**\n   * Container hangs 16px into the gutter. Useful for\n   * typographic alignment with and without containers.\n   */\n  @property({ reflect: true, type: Boolean })\n  narrow = false;\n\n  /**\n   * Remove the default max width that the grid has set\n   */\n  @property({ reflect: true, attribute: 'full-width', type: Boolean })\n  fullWidth = false;\n\n  @consume({ context: gridContext, subscribe: true })\n  @property({ attribute: false })\n  public gridContextIn?: GridContext;\n\n  @provide({ context: gridContext })\n  @property({ attribute: false })\n  public gridContext: GridContext = {\n    subgrid: false,\n  };\n\n  render() {\n    this.gridContext = { subgrid: true };\n\n    if (this.gridContextIn?.subgrid) {\n      let subMode = SUB_GRID_MODE.WIDE;\n      if (this.narrow) {\n        subMode = SUB_GRID_MODE.NARROW;\n      } else if (this.condensed) {\n        subMode = SUB_GRID_MODE.CONDENSED;\n      }\n      return html`<div subgrid mode=${subMode} part=\"grid\">\n        <slot></slot>\n      </div> `;\n    } else {\n      // Grid styling added to contained components, allowing CSS Grid\n      // to affect its own slot content.\n      return html`<div grid part=\"grid\">\n        <slot></slot>\n      </div> `;\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSGrid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBI,IAAA,UAAA,MACE,gBAAgB,WAAW;;;mBAYnB;gBAOH;mBAMG;qBAQsB,EAChC,SAAS,OACV;;CAED,SAAS;AACP,OAAK,cAAc,EAAE,SAAS,MAAM;AAEpC,MAAI,KAAK,eAAe,SAAS;GAC/B,IAAI,UAAA;AACJ,OAAI,KAAK,OACP,WAAA;YACS,KAAK,UACd,WAAA;AAEF,UAAO,IAAI,qBAAqB,QAAQ;;;QAMxC,QAAO,IAAI;;;;;gBAMCA;;;YAvDf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,QAAA,WAAA,SAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,SAAS;CAAM,WAAW;CAAc,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAGnE,QAAQ;CAAE,SAAS;CAAa,WAAW;CAAM,CAAC,EAClD,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,iBAAA,KAAA,EAAA;YAG9B,QAAQ,EAAE,SAAS,aAAa,CAAC,EACjC,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,eAAA,KAAA,EAAA;sBAjC5BC,cAAc,WAAiB,CAAA,EAAA,QAAA;AA+DpC,IAAA,eAAe"}

package/es/components/grid/grid.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/grid/grid.scss?lit
 var grid_default = css([":root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds--css-grid,:host(cds-grid) [grid]{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds--css-grid--full-width,:host(cds-grid[full-width]) [grid]{max-inline-size:100%}.cds--css-grid-column,:host(cds-grid) ::slotted(cds-column){--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}:host(cds-grid) [dir=rtl] ::slotted(cds-column),[dir=rtl] .cds--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds--css-grid--narrow,:host(cds-grid[narrow]) [grid]{--cds-grid-gutter-start:0rem}.cds--css-grid--condensed,:host(cds-grid[condensed]) [grid]{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds--css-grid--start,:host(cds-grid[align=start]) [grid]{margin-inline-start:0}.cds--css-grid--end,:host(cds-grid[align=end]) [grid]{margin-inline-end:0}.cds--subgrid,:host(cds-grid) [subgrid]{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}:host(cds-grid) [dir=rtl] [subgrid],[dir=rtl] .cds--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}.cds--subgrid--wide,:host(cds-grid) [subgrid][mode=wide]{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds--subgrid--narrow,:host(cds-grid) [subgrid][mode=narrow]{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds--subgrid--condensed,:host(cds-grid) [subgrid][mode=condensed]{--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}.cds--col-span-0{display:none}.cds--col-span-1,:host(cds-grid) ::slotted(cds-column[span=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--col-span-2,:host(cds-grid) ::slotted(cds-column[span=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--col-span-3,:host(cds-grid) ::slotted(cds-column[span=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--col-span-4,:host(cds-grid) ::slotted(cds-column[span=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--col-span-5,:host(cds-grid) ::slotted(cds-column[span=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--col-span-6,:host(cds-grid) ::slotted(cds-column[span=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--col-span-7,:host(cds-grid) ::slotted(cds-column[span=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--col-span-8,:host(cds-grid) ::slotted(cds-column[span=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--col-span-9,:host(cds-grid) ::slotted(cds-column[span=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--col-span-10,:host(cds-grid) ::slotted(cds-column[span=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--col-span-11,:host(cds-grid) ::slotted(cds-column[span=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--col-span-12,:host(cds-grid) ::slotted(cds-column[span=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--col-span-13,:host(cds-grid) ::slotted(cds-column[span=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--col-span-14,:host(cds-grid) ::slotted(cds-column[span=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--col-span-15,:host(cds-grid) ::slotted(cds-column[span=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--col-span-16,:host(cds-grid) ::slotted(cds-column[span=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--sm\\:col-span-0,:host(cds-grid) ::slotted(cds-column[sm*=\"span:0\"]),:host(cds-grid) ::slotted(cds-column[sm=\"0\"]){display:none}.cds--sm\\:col-span-1,:host(cds-grid) ::slotted(cds-column[sm*=\"span:1\"]),:host(cds-grid) ::slotted(cds-column[sm=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--sm\\:col-span-2,:host(cds-grid) ::slotted(cds-column[sm*=\"span:2\"]),:host(cds-grid) ::slotted(cds-column[sm=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--sm\\:col-span-3,:host(cds-grid) ::slotted(cds-column[sm*=\"span:3\"]),:host(cds-grid) ::slotted(cds-column[sm=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--sm\\:col-span-4,:host(cds-grid) ::slotted(cds-column[sm*=\"span:4\"]),:host(cds-grid) ::slotted(cds-column[sm=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--sm\\:col-span-auto{grid-column:auto}.cds--sm\\:col-span-100,:host(cds-grid) ::slotted(cds-column[sm*=\"span:100%\"]),:host(cds-grid) ::slotted(cds-column[sm=\"100%\"]){grid-column:1/-1}.cds--sm\\:col-span-75,:host(cds-grid) ::slotted(cds-column[sm*=\"span:75%\"]),:host(cds-grid) ::slotted(cds-column[sm=\"75%\"]){--cds-grid-columns:3;grid-column:span 3/span 3}.cds--sm\\:col-span-50,:host(cds-grid) ::slotted(cds-column[sm*=\"span:50%\"]),:host(cds-grid) ::slotted(cds-column[sm=\"50%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}.cds--sm\\:col-span-25,:host(cds-grid) ::slotted(cds-column[sm*=\"span:25%\"]),:host(cds-grid) ::slotted(cds-column[sm=\"25%\"]){--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds--md\\:col-span-0,:host(cds-grid) ::slotted(cds-column[md*=\"span:0\"]),:host(cds-grid) ::slotted(cds-column[md=\"0\"]){display:none}}@media (min-width:42rem){.cds--md\\:col-span-1,:host(cds-grid) ::slotted(cds-column[md*=\"span:1\"]),:host(cds-grid) ::slotted(cds-column[md=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){.cds--md\\:col-span-2,:host(cds-grid) ::slotted(cds-column[md*=\"span:2\"]),:host(cds-grid) ::slotted(cds-column[md=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){.cds--md\\:col-span-3,:host(cds-grid) ::slotted(cds-column[md*=\"span:3\"]),:host(cds-grid) ::slotted(cds-column[md=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){.cds--md\\:col-span-4,:host(cds-grid) ::slotted(cds-column[md*=\"span:4\"]),:host(cds-grid) ::slotted(cds-column[md=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){.cds--md\\:col-span-5,:host(cds-grid) ::slotted(cds-column[md*=\"span:5\"]),:host(cds-grid) ::slotted(cds-column[md=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){.cds--md\\:col-span-6,:host(cds-grid) ::slotted(cds-column[md*=\"span:6\"]),:host(cds-grid) ::slotted(cds-column[md=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){.cds--md\\:col-span-7,:host(cds-grid) ::slotted(cds-column[md*=\"span:7\"]),:host(cds-grid) ::slotted(cds-column[md=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){.cds--md\\:col-span-8,:host(cds-grid) ::slotted(cds-column[md*=\"span:8\"]),:host(cds-grid) ::slotted(cds-column[md=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){.cds--md\\:col-span-auto{grid-column:auto}.cds--md\\:col-span-100,:host(cds-grid) ::slotted(cds-column[md*=\"span:100%\"]),:host(cds-grid) ::slotted(cds-column[md=\"100%\"]){grid-column:1/-1}.cds--md\\:col-span-75,:host(cds-grid) ::slotted(cds-column[md*=\"span:75%\"]),:host(cds-grid) ::slotted(cds-column[md=\"75%\"]){--cds-grid-columns:6;grid-column:span 6/span 6}.cds--md\\:col-span-50,:host(cds-grid) ::slotted(cds-column[md*=\"span:50%\"]),:host(cds-grid) ::slotted(cds-column[md=\"50%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}.cds--md\\:col-span-25,:host(cds-grid) ::slotted(cds-column[md*=\"span:25%\"]),:host(cds-grid) ::slotted(cds-column[md=\"25%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds--lg\\:col-span-0,:host(cds-grid) ::slotted(cds-column[lg*=\"span:0\"]),:host(cds-grid) ::slotted(cds-column[lg=\"0\"]){display:none}}@media (min-width:66rem){.cds--lg\\:col-span-1,:host(cds-grid) ::slotted(cds-column[lg*=\"span:1\"]),:host(cds-grid) ::slotted(cds-column[lg=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){.cds--lg\\:col-span-2,:host(cds-grid) ::slotted(cds-column[lg*=\"span:2\"]),:host(cds-grid) ::slotted(cds-column[lg=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){.cds--lg\\:col-span-3,:host(cds-grid) ::slotted(cds-column[lg*=\"span:3\"]),:host(cds-grid) ::slotted(cds-column[lg=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){.cds--lg\\:col-span-4,:host(cds-grid) ::slotted(cds-column[lg*=\"span:4\"]),:host(cds-grid) ::slotted(cds-column[lg=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){.cds--lg\\:col-span-5,:host(cds-grid) ::slotted(cds-column[lg*=\"span:5\"]),:host(cds-grid) ::slotted(cds-column[lg=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){.cds--lg\\:col-span-6,:host(cds-grid) ::slotted(cds-column[lg*=\"span:6\"]),:host(cds-grid) ::slotted(cds-column[lg=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){.cds--lg\\:col-span-7,:host(cds-grid) ::slotted(cds-column[lg*=\"span:7\"]),:host(cds-grid) ::slotted(cds-column[lg=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){.cds--lg\\:col-span-8,:host(cds-grid) ::slotted(cds-column[lg*=\"span:8\"]),:host(cds-grid) ::slotted(cds-column[lg=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){.cds--lg\\:col-span-9,:host(cds-grid) ::slotted(cds-column[lg*=\"span:9\"]),:host(cds-grid) ::slotted(cds-column[lg=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){.cds--lg\\:col-span-10,:host(cds-grid) ::slotted(cds-column[lg*=\"span:10\"]),:host(cds-grid) ::slotted(cds-column[lg=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){.cds--lg\\:col-span-11,:host(cds-grid) ::slotted(cds-column[lg*=\"span:11\"]),:host(cds-grid) ::slotted(cds-column[lg=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){.cds--lg\\:col-span-12,:host(cds-grid) ::slotted(cds-column[lg*=\"span:12\"]),:host(cds-grid) ::slotted(cds-column[lg=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){.cds--lg\\:col-span-13,:host(cds-grid) ::slotted(cds-column[lg*=\"span:13\"]),:host(cds-grid) ::slotted(cds-column[lg=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){.cds--lg\\:col-span-14,:host(cds-grid) ::slotted(cds-column[lg*=\"span:14\"]),:host(cds-grid) ::slotted(cds-column[lg=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){.cds--lg\\:col-span-15,:host(cds-grid) ::slotted(cds-column[lg*=\"span:15\"]),:host(cds-grid) ::slotted(cds-column[lg=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){.cds--lg\\:col-span-16,:host(cds-grid) ::slotted(cds-column[lg*=\"span:16\"]),:host(cds-grid) ::slotted(cds-column[lg=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){.cds--lg\\:col-span-auto{grid-column:auto}.cds--lg\\:col-span-100,:host(cds-grid) ::slotted(cds-column[lg*=\"span:100%\"]),:host(cds-grid) ::slotted(cds-column[lg=\"100%\"]){grid-column:1/-1}.cds--lg\\:col-span-75,:host(cds-grid) ::slotted(cds-column[lg*=\"span:75%\"]),:host(cds-grid) ::slotted(cds-column[lg=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds--lg\\:col-span-50,:host(cds-grid) ::slotted(cds-column[lg*=\"span:50%\"]),:host(cds-grid) ::slotted(cds-column[lg=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds--lg\\:col-span-25,:host(cds-grid) ::slotted(cds-column[lg*=\"span:25%\"]),:host(cds-grid) ::slotted(cds-column[lg=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds--xlg\\:col-span-0,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:0\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"0\"]){display:none}}@media (min-width:82rem){.cds--xlg\\:col-span-1,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:1\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){.cds--xlg\\:col-span-2,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:2\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){.cds--xlg\\:col-span-3,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:3\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){.cds--xlg\\:col-span-4,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:4\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){.cds--xlg\\:col-span-5,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:5\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){.cds--xlg\\:col-span-6,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:6\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){.cds--xlg\\:col-span-7,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:7\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){.cds--xlg\\:col-span-8,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:8\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){.cds--xlg\\:col-span-9,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:9\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){.cds--xlg\\:col-span-10,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:10\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){.cds--xlg\\:col-span-11,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:11\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){.cds--xlg\\:col-span-12,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:12\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){.cds--xlg\\:col-span-13,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:13\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){.cds--xlg\\:col-span-14,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:14\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){.cds--xlg\\:col-span-15,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:15\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){.cds--xlg\\:col-span-16,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:16\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){.cds--xlg\\:col-span-auto{grid-column:auto}.cds--xlg\\:col-span-100,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:100%\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"100%\"]){grid-column:1/-1}.cds--xlg\\:col-span-75,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:75%\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds--xlg\\:col-span-50,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:50%\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds--xlg\\:col-span-25,:host(cds-grid) ::slotted(cds-column[xlg*=\"span:25%\"]),:host(cds-grid) ::slotted(cds-column[xlg=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds--max\\:col-span-0,:host(cds-grid) ::slotted(cds-column[max*=\"span:0\"]),:host(cds-grid) ::slotted(cds-column[max=\"0\"]){display:none}}@media (min-width:99rem){.cds--max\\:col-span-1,:host(cds-grid) ::slotted(cds-column[max*=\"span:1\"]),:host(cds-grid) ::slotted(cds-column[max=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){.cds--max\\:col-span-2,:host(cds-grid) ::slotted(cds-column[max*=\"span:2\"]),:host(cds-grid) ::slotted(cds-column[max=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){.cds--max\\:col-span-3,:host(cds-grid) ::slotted(cds-column[max*=\"span:3\"]),:host(cds-grid) ::slotted(cds-column[max=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){.cds--max\\:col-span-4,:host(cds-grid) ::slotted(cds-column[max*=\"span:4\"]),:host(cds-grid) ::slotted(cds-column[max=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){.cds--max\\:col-span-5,:host(cds-grid) ::slotted(cds-column[max*=\"span:5\"]),:host(cds-grid) ::slotted(cds-column[max=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){.cds--max\\:col-span-6,:host(cds-grid) ::slotted(cds-column[max*=\"span:6\"]),:host(cds-grid) ::slotted(cds-column[max=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){.cds--max\\:col-span-7,:host(cds-grid) ::slotted(cds-column[max*=\"span:7\"]),:host(cds-grid) ::slotted(cds-column[max=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){.cds--max\\:col-span-8,:host(cds-grid) ::slotted(cds-column[max*=\"span:8\"]),:host(cds-grid) ::slotted(cds-column[max=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){.cds--max\\:col-span-9,:host(cds-grid) ::slotted(cds-column[max*=\"span:9\"]),:host(cds-grid) ::slotted(cds-column[max=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){.cds--max\\:col-span-10,:host(cds-grid) ::slotted(cds-column[max*=\"span:10\"]),:host(cds-grid) ::slotted(cds-column[max=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){.cds--max\\:col-span-11,:host(cds-grid) ::slotted(cds-column[max*=\"span:11\"]),:host(cds-grid) ::slotted(cds-column[max=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){.cds--max\\:col-span-12,:host(cds-grid) ::slotted(cds-column[max*=\"span:12\"]),:host(cds-grid) ::slotted(cds-column[max=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){.cds--max\\:col-span-13,:host(cds-grid) ::slotted(cds-column[max*=\"span:13\"]),:host(cds-grid) ::slotted(cds-column[max=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){.cds--max\\:col-span-14,:host(cds-grid) ::slotted(cds-column[max*=\"span:14\"]),:host(cds-grid) ::slotted(cds-column[max=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){.cds--max\\:col-span-15,:host(cds-grid) ::slotted(cds-column[max*=\"span:15\"]),:host(cds-grid) ::slotted(cds-column[max=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){.cds--max\\:col-span-16,:host(cds-grid) ::slotted(cds-column[max*=\"span:16\"]),:host(cds-grid) ::slotted(cds-column[max=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){.cds--max\\:col-span-auto{grid-column:auto}.cds--max\\:col-span-100,:host(cds-grid) ::slotted(cds-column[max*=\"span:100%\"]),:host(cds-grid) ::slotted(cds-column[max=\"100%\"]){grid-column:1/-1}.cds--max\\:col-span-75,:host(cds-grid) ::slotted(cds-column[max*=\"span:75%\"]),:host(cds-grid) ::slotted(cds-column[max=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds--max\\:col-span-50,:host(cds-grid) ::slotted(cds-column[max*=\"span:50%\"]),:host(cds-grid) ::slotted(cds-column[max=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds--max\\:col-span-25,:host(cds-grid) ::slotted(cds-column[max*=\"span:25%\"]),:host(cds-grid) ::slotted(cds-column[max=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}.cds--col-span-auto{grid-column:auto}.cds--col-span-100,:host(cds-grid) ::slotted(cds-column[span=\"100%\"]){grid-column:1/-1}.cds--col-span-75,:host(cds-grid) ::slotted(cds-column[span=\"75%\"]){--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds--col-span-75,:host(cds-grid) ::slotted(cds-column[span=\"75%\"]){--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds--col-span-75,:host(cds-grid) ::slotted(cds-column[span=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}}.cds--col-span-50,:host(cds-grid) ::slotted(cds-column[span=\"50%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds--col-span-50,:host(cds-grid) ::slotted(cds-column[span=\"50%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds--col-span-50,:host(cds-grid) ::slotted(cds-column[span=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}}.cds--col-span-25,:host(cds-grid) ::slotted(cds-column[span=\"25%\"]){--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds--col-span-25,:host(cds-grid) ::slotted(cds-column[span=\"25%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds--col-span-25,:host(cds-grid) ::slotted(cds-column[span=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}.cds--col-start-1{grid-column-start:1}.cds--col-start-2{grid-column-start:2}.cds--col-start-3{grid-column-start:3}.cds--col-start-4{grid-column-start:4}.cds--col-start-5{grid-column-start:5}.cds--col-start-6{grid-column-start:6}.cds--col-start-7{grid-column-start:7}.cds--col-start-8{grid-column-start:8}.cds--col-start-9{grid-column-start:9}.cds--col-start-10{grid-column-start:10}.cds--col-start-11{grid-column-start:11}.cds--col-start-12{grid-column-start:12}.cds--col-start-13{grid-column-start:13}.cds--col-start-14{grid-column-start:14}.cds--col-start-15{grid-column-start:15}.cds--col-start-16{grid-column-start:16}.cds--col-end-2{grid-column-end:2}.cds--col-end-3{grid-column-end:3}.cds--col-end-4{grid-column-end:4}.cds--col-end-5{grid-column-end:5}.cds--col-end-6{grid-column-end:6}.cds--col-end-7{grid-column-end:7}.cds--col-end-8{grid-column-end:8}.cds--col-end-9{grid-column-end:9}.cds--col-end-10{grid-column-end:10}.cds--col-end-11{grid-column-end:11}.cds--col-end-12{grid-column-end:12}.cds--col-end-13{grid-column-end:13}.cds--col-end-14{grid-column-end:14}.cds--col-end-15{grid-column-end:15}.cds--col-end-16{grid-column-end:16}.cds--col-end-17{grid-column-end:17}.cds--col-start-auto{grid-column-start:auto}.cds--col-end-auto{grid-column-end:auto}.cds--sm\\:col-start-1,:host(cds-grid) ::slotted(cds-column[sm*=\"start:1\"]){grid-column-start:1}.cds--sm\\:col-start-2,:host(cds-grid) ::slotted(cds-column[sm*=\"start:2\"]){grid-column-start:2}.cds--sm\\:col-start-3,:host(cds-grid) ::slotted(cds-column[sm*=\"start:3\"]){grid-column-start:3}.cds--sm\\:col-start-4,:host(cds-grid) ::slotted(cds-column[sm*=\"start:4\"]){grid-column-start:4}.cds--sm\\:col-start-5{grid-column-start:5}.cds--sm\\:col-start-6{grid-column-start:6}.cds--sm\\:col-start-7{grid-column-start:7}.cds--sm\\:col-start-8{grid-column-start:8}.cds--sm\\:col-start-9{grid-column-start:9}.cds--sm\\:col-start-10{grid-column-start:10}.cds--sm\\:col-start-11{grid-column-start:11}.cds--sm\\:col-start-12{grid-column-start:12}.cds--sm\\:col-start-13{grid-column-start:13}.cds--sm\\:col-start-14{grid-column-start:14}.cds--sm\\:col-start-15{grid-column-start:15}.cds--sm\\:col-start-16{grid-column-start:16}.cds--sm\\:col-end-2,:host(cds-grid) ::slotted(cds-column[sm*=\"end:2\"]){grid-column-end:2}.cds--sm\\:col-end-3,:host(cds-grid) ::slotted(cds-column[sm*=\"end:3\"]){grid-column-end:3}.cds--sm\\:col-end-4,:host(cds-grid) ::slotted(cds-column[sm*=\"end:4\"]){grid-column-end:4}.cds--sm\\:col-end-5,:host(cds-grid) ::slotted(cds-column[sm*=\"end:5\"]){grid-column-end:5}.cds--sm\\:col-end-6{grid-column-end:6}.cds--sm\\:col-end-7{grid-column-end:7}.cds--sm\\:col-end-8{grid-column-end:8}.cds--sm\\:col-end-9{grid-column-end:9}.cds--sm\\:col-end-10{grid-column-end:10}.cds--sm\\:col-end-11{grid-column-end:11}.cds--sm\\:col-end-12{grid-column-end:12}.cds--sm\\:col-end-13{grid-column-end:13}.cds--sm\\:col-end-14{grid-column-end:14}.cds--sm\\:col-end-15{grid-column-end:15}.cds--sm\\:col-end-16{grid-column-end:16}.cds--sm\\:col-end-17{grid-column-end:17}.cds--sm\\:col-start-auto{grid-column-start:auto}.cds--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds--md\\:col-start-1,:host(cds-grid) ::slotted(cds-column[md*=\"start:1\"]){grid-column-start:1}.cds--md\\:col-start-2,:host(cds-grid) ::slotted(cds-column[md*=\"start:2\"]){grid-column-start:2}.cds--md\\:col-start-3,:host(cds-grid) ::slotted(cds-column[md*=\"start:3\"]){grid-column-start:3}.cds--md\\:col-start-4,:host(cds-grid) ::slotted(cds-column[md*=\"start:4\"]){grid-column-start:4}.cds--md\\:col-start-5,:host(cds-grid) ::slotted(cds-column[md*=\"start:5\"]){grid-column-start:5}.cds--md\\:col-start-6,:host(cds-grid) ::slotted(cds-column[md*=\"start:6\"]){grid-column-start:6}.cds--md\\:col-start-7,:host(cds-grid) ::slotted(cds-column[md*=\"start:7\"]){grid-column-start:7}.cds--md\\:col-start-8,:host(cds-grid) ::slotted(cds-column[md*=\"start:8\"]){grid-column-start:8}.cds--md\\:col-start-9{grid-column-start:9}.cds--md\\:col-start-10{grid-column-start:10}.cds--md\\:col-start-11{grid-column-start:11}.cds--md\\:col-start-12{grid-column-start:12}.cds--md\\:col-start-13{grid-column-start:13}.cds--md\\:col-start-14{grid-column-start:14}.cds--md\\:col-start-15{grid-column-start:15}.cds--md\\:col-start-16{grid-column-start:16}.cds--md\\:col-end-2,:host(cds-grid) ::slotted(cds-column[md*=\"end:2\"]){grid-column-end:2}.cds--md\\:col-end-3,:host(cds-grid) ::slotted(cds-column[md*=\"end:3\"]){grid-column-end:3}.cds--md\\:col-end-4,:host(cds-grid) ::slotted(cds-column[md*=\"end:4\"]){grid-column-end:4}.cds--md\\:col-end-5,:host(cds-grid) ::slotted(cds-column[md*=\"end:5\"]){grid-column-end:5}.cds--md\\:col-end-6,:host(cds-grid) ::slotted(cds-column[md*=\"end:6\"]){grid-column-end:6}.cds--md\\:col-end-7,:host(cds-grid) ::slotted(cds-column[md*=\"end:7\"]){grid-column-end:7}.cds--md\\:col-end-8,:host(cds-grid) ::slotted(cds-column[md*=\"end:8\"]){grid-column-end:8}.cds--md\\:col-end-9,:host(cds-grid) ::slotted(cds-column[md*=\"end:9\"]){grid-column-end:9}.cds--md\\:col-end-10{grid-column-end:10}.cds--md\\:col-end-11{grid-column-end:11}.cds--md\\:col-end-12{grid-column-end:12}.cds--md\\:col-end-13{grid-column-end:13}.cds--md\\:col-end-14{grid-column-end:14}.cds--md\\:col-end-15{grid-column-end:15}.cds--md\\:col-end-16{grid-column-end:16}.cds--md\\:col-end-17{grid-column-end:17}.cds--md\\:col-start-auto{grid-column-start:auto}.cds--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds--lg\\:col-start-1,:host(cds-grid) ::slotted(cds-column[lg*=\"start:1\"]){grid-column-start:1}.cds--lg\\:col-start-2,:host(cds-grid) ::slotted(cds-column[lg*=\"start:2\"]){grid-column-start:2}.cds--lg\\:col-start-3,:host(cds-grid) ::slotted(cds-column[lg*=\"start:3\"]){grid-column-start:3}.cds--lg\\:col-start-4,:host(cds-grid) ::slotted(cds-column[lg*=\"start:4\"]){grid-column-start:4}.cds--lg\\:col-start-5,:host(cds-grid) ::slotted(cds-column[lg*=\"start:5\"]){grid-column-start:5}.cds--lg\\:col-start-6,:host(cds-grid) ::slotted(cds-column[lg*=\"start:6\"]){grid-column-start:6}.cds--lg\\:col-start-7,:host(cds-grid) ::slotted(cds-column[lg*=\"start:7\"]){grid-column-start:7}.cds--lg\\:col-start-8,:host(cds-grid) ::slotted(cds-column[lg*=\"start:8\"]){grid-column-start:8}.cds--lg\\:col-start-9,:host(cds-grid) ::slotted(cds-column[lg*=\"start:9\"]){grid-column-start:9}.cds--lg\\:col-start-10,:host(cds-grid) ::slotted(cds-column[lg*=\"start:10\"]){grid-column-start:10}.cds--lg\\:col-start-11,:host(cds-grid) ::slotted(cds-column[lg*=\"start:11\"]){grid-column-start:11}.cds--lg\\:col-start-12,:host(cds-grid) ::slotted(cds-column[lg*=\"start:12\"]){grid-column-start:12}.cds--lg\\:col-start-13,:host(cds-grid) ::slotted(cds-column[lg*=\"start:13\"]){grid-column-start:13}.cds--lg\\:col-start-14,:host(cds-grid) ::slotted(cds-column[lg*=\"start:14\"]){grid-column-start:14}.cds--lg\\:col-start-15,:host(cds-grid) ::slotted(cds-column[lg*=\"start:15\"]){grid-column-start:15}.cds--lg\\:col-start-16,:host(cds-grid) ::slotted(cds-column[lg*=\"start:16\"]){grid-column-start:16}.cds--lg\\:col-end-2,:host(cds-grid) ::slotted(cds-column[lg*=\"end:2\"]){grid-column-end:2}.cds--lg\\:col-end-3,:host(cds-grid) ::slotted(cds-column[lg*=\"end:3\"]){grid-column-end:3}.cds--lg\\:col-end-4,:host(cds-grid) ::slotted(cds-column[lg*=\"end:4\"]){grid-column-end:4}.cds--lg\\:col-end-5,:host(cds-grid) ::slotted(cds-column[lg*=\"end:5\"]){grid-column-end:5}.cds--lg\\:col-end-6,:host(cds-grid) ::slotted(cds-column[lg*=\"end:6\"]){grid-column-end:6}.cds--lg\\:col-end-7,:host(cds-grid) ::slotted(cds-column[lg*=\"end:7\"]){grid-column-end:7}.cds--lg\\:col-end-8,:host(cds-grid) ::slotted(cds-column[lg*=\"end:8\"]){grid-column-end:8}.cds--lg\\:col-end-9,:host(cds-grid) ::slotted(cds-column[lg*=\"end:9\"]){grid-column-end:9}.cds--lg\\:col-end-10,:host(cds-grid) ::slotted(cds-column[lg*=\"end:10\"]){grid-column-end:10}.cds--lg\\:col-end-11,:host(cds-grid) ::slotted(cds-column[lg*=\"end:11\"]){grid-column-end:11}.cds--lg\\:col-end-12,:host(cds-grid) ::slotted(cds-column[lg*=\"end:12\"]){grid-column-end:12}.cds--lg\\:col-end-13,:host(cds-grid) ::slotted(cds-column[lg*=\"end:13\"]){grid-column-end:13}.cds--lg\\:col-end-14,:host(cds-grid) ::slotted(cds-column[lg*=\"end:14\"]){grid-column-end:14}.cds--lg\\:col-end-15,:host(cds-grid) ::slotted(cds-column[lg*=\"end:15\"]){grid-column-end:15}.cds--lg\\:col-end-16,:host(cds-grid) ::slotted(cds-column[lg*=\"end:16\"]){grid-column-end:16}.cds--lg\\:col-end-17,:host(cds-grid) ::slotted(cds-column[lg*=\"end:17\"]){grid-column-end:17}.cds--lg\\:col-start-auto{grid-column-start:auto}.cds--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds--xlg\\:col-start-1,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:1\"]){grid-column-start:1}.cds--xlg\\:col-start-2,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:2\"]){grid-column-start:2}.cds--xlg\\:col-start-3,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:3\"]){grid-column-start:3}.cds--xlg\\:col-start-4,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:4\"]){grid-column-start:4}.cds--xlg\\:col-start-5,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:5\"]){grid-column-start:5}.cds--xlg\\:col-start-6,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:6\"]){grid-column-start:6}.cds--xlg\\:col-start-7,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:7\"]){grid-column-start:7}.cds--xlg\\:col-start-8,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:8\"]){grid-column-start:8}.cds--xlg\\:col-start-9,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:9\"]){grid-column-start:9}.cds--xlg\\:col-start-10,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:10\"]){grid-column-start:10}.cds--xlg\\:col-start-11,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:11\"]){grid-column-start:11}.cds--xlg\\:col-start-12,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:12\"]){grid-column-start:12}.cds--xlg\\:col-start-13,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:13\"]){grid-column-start:13}.cds--xlg\\:col-start-14,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:14\"]){grid-column-start:14}.cds--xlg\\:col-start-15,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:15\"]){grid-column-start:15}.cds--xlg\\:col-start-16,:host(cds-grid) ::slotted(cds-column[xlg*=\"start:16\"]){grid-column-start:16}.cds--xlg\\:col-end-2,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:2\"]){grid-column-end:2}.cds--xlg\\:col-end-3,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:3\"]){grid-column-end:3}.cds--xlg\\:col-end-4,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:4\"]){grid-column-end:4}.cds--xlg\\:col-end-5,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:5\"]){grid-column-end:5}.cds--xlg\\:col-end-6,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:6\"]){grid-column-end:6}.cds--xlg\\:col-end-7,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:7\"]){grid-column-end:7}.cds--xlg\\:col-end-8,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:8\"]){grid-column-end:8}.cds--xlg\\:col-end-9,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:9\"]){grid-column-end:9}.cds--xlg\\:col-end-10,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:10\"]){grid-column-end:10}.cds--xlg\\:col-end-11,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:11\"]){grid-column-end:11}.cds--xlg\\:col-end-12,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:12\"]){grid-column-end:12}.cds--xlg\\:col-end-13,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:13\"]){grid-column-end:13}.cds--xlg\\:col-end-14,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:14\"]){grid-column-end:14}.cds--xlg\\:col-end-15,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:15\"]){grid-column-end:15}.cds--xlg\\:col-end-16,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:16\"]){grid-column-end:16}.cds--xlg\\:col-end-17,:host(cds-grid) ::slotted(cds-column[xlg*=\"end:17\"]){grid-column-end:17}.cds--xlg\\:col-start-auto{grid-column-start:auto}.cds--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds--max\\:col-start-1,:host(cds-grid) ::slotted(cds-column[max*=\"start:1\"]){grid-column-start:1}.cds--max\\:col-start-2,:host(cds-grid) ::slotted(cds-column[max*=\"start:2\"]){grid-column-start:2}.cds--max\\:col-start-3,:host(cds-grid) ::slotted(cds-column[max*=\"start:3\"]){grid-column-start:3}.cds--max\\:col-start-4,:host(cds-grid) ::slotted(cds-column[max*=\"start:4\"]){grid-column-start:4}.cds--max\\:col-start-5,:host(cds-grid) ::slotted(cds-column[max*=\"start:5\"]){grid-column-start:5}.cds--max\\:col-start-6,:host(cds-grid) ::slotted(cds-column[max*=\"start:6\"]){grid-column-start:6}.cds--max\\:col-start-7,:host(cds-grid) ::slotted(cds-column[max*=\"start:7\"]){grid-column-start:7}.cds--max\\:col-start-8,:host(cds-grid) ::slotted(cds-column[max*=\"start:8\"]){grid-column-start:8}.cds--max\\:col-start-9,:host(cds-grid) ::slotted(cds-column[max*=\"start:9\"]){grid-column-start:9}.cds--max\\:col-start-10,:host(cds-grid) ::slotted(cds-column[max*=\"start:10\"]){grid-column-start:10}.cds--max\\:col-start-11,:host(cds-grid) ::slotted(cds-column[max*=\"start:11\"]){grid-column-start:11}.cds--max\\:col-start-12,:host(cds-grid) ::slotted(cds-column[max*=\"start:12\"]){grid-column-start:12}.cds--max\\:col-start-13,:host(cds-grid) ::slotted(cds-column[max*=\"start:13\"]){grid-column-start:13}.cds--max\\:col-start-14,:host(cds-grid) ::slotted(cds-column[max*=\"start:14\"]){grid-column-start:14}.cds--max\\:col-start-15,:host(cds-grid) ::slotted(cds-column[max*=\"start:15\"]){grid-column-start:15}.cds--max\\:col-start-16,:host(cds-grid) ::slotted(cds-column[max*=\"start:16\"]){grid-column-start:16}.cds--max\\:col-end-2,:host(cds-grid) ::slotted(cds-column[max*=\"end:2\"]){grid-column-end:2}.cds--max\\:col-end-3,:host(cds-grid) ::slotted(cds-column[max*=\"end:3\"]){grid-column-end:3}.cds--max\\:col-end-4,:host(cds-grid) ::slotted(cds-column[max*=\"end:4\"]){grid-column-end:4}.cds--max\\:col-end-5,:host(cds-grid) ::slotted(cds-column[max*=\"end:5\"]){grid-column-end:5}.cds--max\\:col-end-6,:host(cds-grid) ::slotted(cds-column[max*=\"end:6\"]){grid-column-end:6}.cds--max\\:col-end-7,:host(cds-grid) ::slotted(cds-column[max*=\"end:7\"]){grid-column-end:7}.cds--max\\:col-end-8,:host(cds-grid) ::slotted(cds-column[max*=\"end:8\"]){grid-column-end:8}.cds--max\\:col-end-9,:host(cds-grid) ::slotted(cds-column[max*=\"end:9\"]){grid-column-end:9}.cds--max\\:col-end-10,:host(cds-grid) ::slotted(cds-column[max*=\"end:10\"]){grid-column-end:10}.cds--max\\:col-end-11,:host(cds-grid) ::slotted(cds-column[max*=\"end:11\"]){grid-column-end:11}.cds--max\\:col-end-12,:host(cds-grid) ::slotted(cds-column[max*=\"end:12\"]){grid-column-end:12}.cds--max\\:col-end-13,:host(cds-grid) ::slotted(cds-column[max*=\"end:13\"]){grid-column-end:13}.cds--max\\:col-end-14,:host(cds-grid) ::slotted(cds-column[max*=\"end:14\"]){grid-column-end:14}.cds--max\\:col-end-15,:host(cds-grid) ::slotted(cds-column[max*=\"end:15\"]){grid-column-end:15}.cds--max\\:col-end-16,:host(cds-grid) ::slotted(cds-column[max*=\"end:16\"]){grid-column-end:16}.cds--max\\:col-end-17,:host(cds-grid) ::slotted(cds-column[max*=\"end:17\"]){grid-column-end:17}.cds--max\\:col-start-auto{grid-column-start:auto}.cds--max\\:col-end-auto{grid-column-end:auto}}:host(cds-grid) [grid]{box-sizing:border-box}:host(cds-grid) [subgrid]{box-sizing:border-box}"]);
-
 //#endregion
 export { grid_default as default };
+
 //# sourceMappingURL=grid.scss.js.map

package/es/components/heading/heading.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import heading_default$1 from "./heading.scss.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-
 //#region src/components/heading/heading.ts
 /**
 * Copyright IBM Corp. 2025
@@ -25,7 +24,7 @@ let CDSSection = class CDSSection extends LitElement {
 		this._currentLevel = 1;
 	}
 	getParentLevel() {
-		const parentSection = this.parentElement?.closest(`${prefix}-section`);
+		const parentSection = this.parentElement?.closest(`cds-section`);
 		return parentSection ? parentSection.getCurrentLevel() : 1;
 	}
 	connectedCallback() {
@@ -41,7 +40,7 @@ let CDSSection = class CDSSection extends LitElement {
 	}
 };
 __decorate([property({ type: Number })], CDSSection.prototype, "level", void 0);
-CDSSection = __decorate([customElement(`${prefix}-section`)], CDSSection);
+CDSSection = __decorate([customElement(`cds-section`)], CDSSection);
 /**
 * The heading component
 *
@@ -54,7 +53,7 @@ let CDSHeading = class CDSHeading extends LitElement {
 	}
 	connectedCallback() {
 		super.connectedCallback();
-		const section = this.closest(`${prefix}-section`);
+		const section = this.closest(`cds-section`);
 		this._level = section ? section.getCurrentLevel() : 1;
 	}
 	render() {
@@ -68,9 +67,9 @@ let CDSHeading = class CDSHeading extends LitElement {
 		this.styles = heading_default$1;
 	}
 };
-CDSHeading = __decorate([customElement(`${prefix}-heading`)], CDSHeading);
+CDSHeading = __decorate([customElement(`cds-heading`)], CDSHeading);
 var heading_default = CDSHeading;
-
 //#endregion
 export { CDSSection, heading_default as default };
+
 //# sourceMappingURL=heading.js.map

package/es/components/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":["styles"],"sources":["../../../src/components/heading/heading.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport styles from './heading.scss?lit';\nimport { HEADING_LEVEL } from './defs';\nimport { prefix } from '../../globals/settings';\n\n@customElement(`${prefix}-section`)\nexport class CDSSection extends LitElement {\n  /**\n   * The level of the heading.\n   */\n  @property({ type: Number })\n  level?: HEADING_LEVEL;\n\n  private _currentLevel: HEADING_LEVEL = 1;\n\n  private getParentLevel(): HEADING_LEVEL {\n    const parentSection = this.parentElement?.closest(\n      `${prefix}-section`\n    ) as CDSSection;\n    return parentSection ? parentSection.getCurrentLevel() : 1;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    const parentLevel = this.getParentLevel();\n    this._currentLevel =\n      this.level ?? (Math.min(parentLevel + 1, 6) as HEADING_LEVEL);\n  }\n\n  getCurrentLevel(): HEADING_LEVEL {\n    return this._currentLevel;\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\n/**\n * The heading component\n *\n * @element cds-heading\n */\n@customElement(`${prefix}-heading`)\nclass CDSHeading extends LitElement {\n  private _level: HEADING_LEVEL = 1;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const section = this.closest(`${prefix}-section`) as CDSSection;\n    this._level = section ? section.getCurrentLevel() : 1;\n  }\n\n  render() {\n    const headingElement = `\n      <h${this._level}>\n        <slot></slot>\n      </h${this._level}>\n    `;\n\n    return html`${unsafeHTML(headingElement)}`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSHeading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeO,uBAAM,mBAAmB,WAAW;;;uBAOF;;CAEvC,AAAQ,iBAAgC;EACtC,MAAM,gBAAgB,KAAK,eAAe,QACxC,GAAG,OAAO,UACX;AACD,SAAO,gBAAgB,cAAc,iBAAiB,GAAG;;CAG3D,oBAAoB;AAClB,QAAM,mBAAmB;EACzB,MAAM,cAAc,KAAK,gBAAgB;AACzC,OAAK,gBACH,KAAK,SAAU,KAAK,IAAI,cAAc,GAAG,EAAE;;CAG/C,kBAAiC;AAC/B,SAAO,KAAK;;CAGd,SAAS;AACP,SAAO,IAAI;;;YAxBZ,SAAS,EAAE,MAAM,QAAQ,CAAC;yBAL5B,cAAc,GAAG,OAAO,UAAU;;;;;;AAsCnC,uBACM,mBAAmB,WAAW;;;gBACF;;CAEhC,oBAAoB;AAClB,QAAM,mBAAmB;EACzB,MAAM,UAAU,KAAK,QAAQ,GAAG,OAAO,UAAU;AACjD,OAAK,SAAS,UAAU,QAAQ,iBAAiB,GAAG;;CAGtD,SAAS;AAOP,SAAO,IAAI,GAAG,WANS;UACjB,KAAK,OAAO;;WAEX,KAAK,OAAO;MAGqB;;;gBAG1BA;;;yBApBjB,cAAc,GAAG,OAAO,UAAU;AAuBnC,sBAAe"}
+{"version":3,"file":"heading.js","names":["styles"],"sources":["../../../src/components/heading/heading.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport styles from './heading.scss?lit';\nimport { HEADING_LEVEL } from './defs';\nimport { prefix } from '../../globals/settings';\n\n@customElement(`${prefix}-section`)\nexport class CDSSection extends LitElement {\n  /**\n   * The level of the heading.\n   */\n  @property({ type: Number })\n  level?: HEADING_LEVEL;\n\n  private _currentLevel: HEADING_LEVEL = 1;\n\n  private getParentLevel(): HEADING_LEVEL {\n    const parentSection = this.parentElement?.closest(\n      `${prefix}-section`\n    ) as CDSSection;\n    return parentSection ? parentSection.getCurrentLevel() : 1;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    const parentLevel = this.getParentLevel();\n    this._currentLevel =\n      this.level ?? (Math.min(parentLevel + 1, 6) as HEADING_LEVEL);\n  }\n\n  getCurrentLevel(): HEADING_LEVEL {\n    return this._currentLevel;\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\n/**\n * The heading component\n *\n * @element cds-heading\n */\n@customElement(`${prefix}-heading`)\nclass CDSHeading extends LitElement {\n  private _level: HEADING_LEVEL = 1;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const section = this.closest(`${prefix}-section`) as CDSSection;\n    this._level = section ? section.getCurrentLevel() : 1;\n  }\n\n  render() {\n    const headingElement = `\n      <h${this._level}>\n        <slot></slot>\n      </h${this._level}>\n    `;\n\n    return html`${unsafeHTML(headingElement)}`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSHeading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeO,IAAA,aAAA,MAAM,mBAAmB,WAAW;;;uBAOF;;CAEvC,iBAAwC;EACtC,MAAM,gBAAgB,KAAK,eAAe,QACxC,cACD;AACD,SAAO,gBAAgB,cAAc,iBAAiB,GAAG;;CAG3D,oBAAoB;AAClB,QAAM,mBAAmB;EACzB,MAAM,cAAc,KAAK,gBAAgB;AACzC,OAAK,gBACH,KAAK,SAAU,KAAK,IAAI,cAAc,GAAG,EAAE;;CAG/C,kBAAiC;AAC/B,SAAO,KAAK;;CAGd,SAAS;AACP,SAAO,IAAI;;;YAxBZ,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,WAAA,WAAA,SAAA,KAAA,EAAA;yBAL5B,cAAc,cAAoB,CAAA,EAAA,WAAA;;;;;;AAsCnC,IAAA,aAAA,MACM,mBAAmB,WAAW;;;gBACF;;CAEhC,oBAAoB;AAClB,QAAM,mBAAmB;EACzB,MAAM,UAAU,KAAK,QAAQ,cAAoB;AACjD,OAAK,SAAS,UAAU,QAAQ,iBAAiB,GAAG;;CAGtD,SAAS;AAOP,SAAO,IAAI,GAAG,WANS;UACjB,KAAK,OAAO;;WAEX,KAAK,OAAO;MAGqB;;;gBAG1BA;;;yBApBjB,cAAc,cAAoB,CAAA,EAAA,WAAA;AAuBnC,IAAA,kBAAe"}

package/es/components/heading/heading.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/heading/heading.scss?lit
 var heading_default = css([":host(cds-heading){display:block}:host(cds-heading) h1,:host(cds-heading) h2,:host(cds-heading) h3,:host(cds-heading) h4,:host(cds-heading) h5,:host(cds-heading) h6{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;unicode-bidi:-webkit-isolate;unicode-bidi:-moz-isolate;unicode-bidi:isolate}:host(cds-heading) h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}:host(cds-heading) h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}:host(cds-heading) h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}:host(cds-heading) h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}:host(cds-heading) h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}:host(cds-heading) h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}"]);
-
 //#endregion
 export { heading_default as default };
+
 //# sourceMappingURL=heading.scss.js.map

package/es/components/icon/icon.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import { createIconTemplate } from "../../globals/internal/icon-loader-utils.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/icon/icon.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -50,9 +49,9 @@ __decorate([property({
 	type: String,
 	attribute: "aria-label"
 })], CDSIcon.prototype, "ariaLabel", void 0);
-CDSIcon = __decorate([carbonElement(`${prefix}-icon`)], CDSIcon);
+CDSIcon = __decorate([carbonElement(`cds-icon`)], CDSIcon);
 var icon_default = CDSIcon;
-
 //#endregion
 export { icon_default as default };
+
 //# sourceMappingURL=icon.js.map

package/es/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":["customElement"],"sources":["../../../src/components/icon/icon.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { createIconTemplate } from '../../globals/internal/icon-loader-utils';\nimport type { CarbonIcon } from '../../globals/internal/icon-loader-utils';\n\n/**\n * Icon component that renders imported icons or custom SVG content.\n *\n * @element cds-icon\n * @slot - The icon content (for custom SVG)\n */\n@customElement(`${prefix}-icon`)\nclass CDSIcon extends LitElement {\n  /**\n   * The imported icon\n   */\n  @property({ type: Object })\n  icon?: CarbonIcon;\n\n  /**\n   * The size of the icon (16, 20, 24, 32)\n   */\n  @property({ type: Number })\n  size = 16;\n\n  /**\n   * Custom CSS classes\n   */\n  @property({ type: String })\n  class?: string;\n\n  /**\n   * The aria-label for the icon\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel: string | null = null;\n\n  render() {\n    const { icon, size, class: className, ariaLabel } = this;\n\n    // render icon descriptor if provided\n    if (icon) {\n      const iconTemplate = createIconTemplate(icon);\n      return iconTemplate({\n        class: className || '',\n        'aria-label': ariaLabel || '',\n        'aria-hidden': !ariaLabel ? 'true' : 'false',\n        width: size,\n        height: size,\n      });\n    }\n\n    // slot for custom SVG content\n    return html`<slot></slot>`;\n  }\n}\n\nexport default CDSIcon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,oBACM,gBAAgB,WAAW;;;cAWxB;mBAYoB;;CAE3B,SAAS;EACP,MAAM,EAAE,MAAM,MAAM,OAAO,WAAW,cAAc;AAGpD,MAAI,KAEF,QADqB,mBAAmB,KAAK,CACzB;GAClB,OAAO,aAAa;GACpB,cAAc,aAAa;GAC3B,eAAe,CAAC,YAAY,SAAS;GACrC,OAAO;GACP,QAAQ;GACT,CAAC;AAIJ,SAAO,IAAI;;;YArCZ,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,CAAC;sBAvBrDA,cAAc,GAAG,OAAO,OAAO;AA8ChC,mBAAe"}
+{"version":3,"file":"icon.js","names":["customElement"],"sources":["../../../src/components/icon/icon.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { createIconTemplate } from '../../globals/internal/icon-loader-utils';\nimport type { CarbonIcon } from '../../globals/internal/icon-loader-utils';\n\n/**\n * Icon component that renders imported icons or custom SVG content.\n *\n * @element cds-icon\n * @slot - The icon content (for custom SVG)\n */\n@customElement(`${prefix}-icon`)\nclass CDSIcon extends LitElement {\n  /**\n   * The imported icon\n   */\n  @property({ type: Object })\n  icon?: CarbonIcon;\n\n  /**\n   * The size of the icon (16, 20, 24, 32)\n   */\n  @property({ type: Number })\n  size = 16;\n\n  /**\n   * Custom CSS classes\n   */\n  @property({ type: String })\n  class?: string;\n\n  /**\n   * The aria-label for the icon\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel: string | null = null;\n\n  render() {\n    const { icon, size, class: className, ariaLabel } = this;\n\n    // render icon descriptor if provided\n    if (icon) {\n      const iconTemplate = createIconTemplate(icon);\n      return iconTemplate({\n        class: className || '',\n        'aria-label': ariaLabel || '',\n        'aria-hidden': !ariaLabel ? 'true' : 'false',\n        width: size,\n        height: size,\n      });\n    }\n\n    // slot for custom SVG content\n    return html`<slot></slot>`;\n  }\n}\n\nexport default CDSIcon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,UAAA,MACM,gBAAgB,WAAW;;;cAWxB;mBAYoB;;CAE3B,SAAS;EACP,MAAM,EAAE,MAAM,MAAM,OAAO,WAAW,cAAc;AAGpD,MAAI,KAEF,QADqB,mBAAmB,KAAK,CACzB;GAClB,OAAO,aAAa;GACpB,cAAc,aAAa;GAC3B,eAAe,CAAC,YAAY,SAAS;GACrC,OAAO;GACP,QAAQ;GACT,CAAC;AAIJ,SAAO,IAAI;;;YArCZ,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAM1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAM1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,QAAA,WAAA,SAAA,KAAA,EAAA;YAM1B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;sBAvBrDA,cAAc,WAAiB,CAAA,EAAA,QAAA;AA8ChC,IAAA,eAAe"}

package/es/components/icon-button/defs.js

@@ -68,7 +68,7 @@ let ICON_BUTTON_TOOLTIP_ALIGNMENT = /* @__PURE__ */ function(ICON_BUTTON_TOOLTIP
 	ICON_BUTTON_TOOLTIP_ALIGNMENT["RIGHT"] = "right";
 	return ICON_BUTTON_TOOLTIP_ALIGNMENT;
 }({});
-
 //#endregion
 export { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };
+
 //# sourceMappingURL=defs.js.map

package/es/components/icon-button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/icon-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Icon Button size.\n */\nexport enum ICON_BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Icon Button Tooltip alignment.\n */\nexport enum ICON_BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Align the top position for the tooltip content.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position for the tooltip content.\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position for the tooltip content.\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the bottom position for the tooltip content.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position for the tooltip content.\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position for the tooltip content.\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the left position for the tooltip content.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the right position for the tooltip content.\n   */\n  RIGHT = 'right',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,8DAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,wFAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/icon-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Icon Button size.\n */\nexport enum ICON_BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Icon Button Tooltip alignment.\n */\nexport enum ICON_BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Align the top position for the tooltip content.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position for the tooltip content.\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position for the tooltip content.\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the bottom position for the tooltip content.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position for the tooltip content.\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position for the tooltip content.\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the left position for the tooltip content.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the right position for the tooltip content.\n   */\n  RIGHT = 'right',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,mBAAL,yBAAA,kBAAA;;;;AAIL,kBAAA,WAAA;;;;AAKA,kBAAA,YAAA;;;;AAKA,kBAAA,WAAA;;KACD;;;;AAKD,IAAY,gCAAL,yBAAA,+BAAA;;;;AAIL,+BAAA,SAAA;;;;AAKA,+BAAA,cAAA;;;;AAKA,+BAAA,eAAA;;;;AAKA,+BAAA,YAAA;;;;AAKA,+BAAA,iBAAA;;;;AAKA,+BAAA,kBAAA;;;;AAKA,+BAAA,UAAA;;;;AAKA,+BAAA,WAAA;;KACD"}

package/es/components/icon-button/icon-button.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import button_default from "../button/button.scss.js";
 import button_default$1 from "../button/button.js";
 import icon_button_default$1 from "./icon-button.scss.js";
@@ -17,7 +17,6 @@ import "../button/index.js";
 import { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from "./defs.js";
 import { adoptStyles, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/icon-button/icon-button.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -52,9 +51,9 @@ let CDSIconButton = class CDSIconButton extends button_default$1 {
 	updated(changedProperties) {
 		super.updated?.(changedProperties);
 		if (changedProperties) {
-			this.shadowRoot?.querySelector(`${prefix}-tooltip`)?.shadowRoot?.querySelector(`.${prefix}--tooltip`)?.classList.add(`${prefix}--icon-tooltip`);
+			this.shadowRoot?.querySelector(`cds-tooltip`)?.shadowRoot?.querySelector(`.cds--tooltip`)?.classList.add(`cds--icon-tooltip`);
 			const tooltipContent = this.querySelector("[slot=tooltip-content]")?.textContent;
-			this.shadowRoot?.querySelector(`${prefix}-tooltip`)?.querySelector(`button`)?.setAttribute("aria-label", String(tooltipContent));
+			this.shadowRoot?.querySelector(`cds-tooltip`)?.querySelector(`button`)?.setAttribute("aria-label", String(tooltipContent));
 		}
 	}
 	_renderTooltipContent() {
@@ -106,9 +105,9 @@ __decorate([property({
 	type: Number
 })], CDSIconButton.prototype, "leaveDelayMs", void 0);
 __decorate([property({ reflect: true })], CDSIconButton.prototype, "size", void 0);
-CDSIconButton = __decorate([carbonElement(`${prefix}-icon-button`)], CDSIconButton);
+CDSIconButton = __decorate([carbonElement(`cds-icon-button`)], CDSIconButton);
 var icon_button_default = CDSIconButton;
-
 //#endregion
 export { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT, icon_button_default as default };
+
 //# sourceMappingURL=icon-button.js.map

package/es/components/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","names":["CDSButton","tooltipStyles","buttonStyles","styles","customElement"],"sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport tooltipStyles from '../tooltip/tooltip.scss?lit';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './icon-button.scss?lit';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Icon Button\n *\n * @element cds-icon-button\n */\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n  /**\n   * Checks if a badge indicator is being used with incorrect properties\n   */\n\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 100;\n\n  /**\n   * Specify the size of the Button. Defaults to `md`.\n   */\n  @property({ reflect: true })\n  size = 'md';\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [\n      tooltipStyles,\n      buttonStyles,\n      styles,\n    ]);\n  }\n\n  updated(changedProperties) {\n    super.updated?.(changedProperties);\n    if (changedProperties) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n        ?.classList.add(`${prefix}--icon-tooltip`);\n\n      const tooltipContent = this.querySelector(\n        '[slot=tooltip-content]'\n      )?.textContent;\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.querySelector(`button`)\n        ?.setAttribute('aria-label', String(tooltipContent));\n    }\n  }\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content ?hidden=${this.disabled}>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-tooltip-content>\n    `;\n  }\n\n  render() {\n    const {\n      align,\n      autoalign,\n      closeOnActivation,\n      defaultOpen,\n      enterDelayMs,\n      leaveDelayMs,\n    } = this;\n    return html`\n      <cds-tooltip\n        ?autoalign=${autoalign}\n        align=${align}\n        ?defaultOpen=${defaultOpen}\n        ?closeOnActivation=${closeOnActivation}\n        enter-delay-ms=${enterDelayMs}\n        leave-delay-ms=${leaveDelayMs}\n        .dropShadow=${false}>\n        ${super.render()} ${this._renderTooltipContent()}\n      </cds-tooltip>\n    `;\n  }\n}\n\nexport default CDSIconButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,0BACM,sBAAsBA,iBAAU;;;eAS5B;mBAMI;2BAMQ;qBAMN;sBAMC;sBAMA;cAMR;;CAEP,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;GACD,CAAC;;CAGJ,QAAQ,mBAAmB;AACzB,QAAM,UAAU,kBAAkB;AAClC,MAAI,mBAAmB;AACrB,QAAK,YACD,cAAc,GAAG,OAAO,UAAU,EAClC,YAAY,cAAc,IAAI,OAAO,WAAW,EAChD,UAAU,IAAI,GAAG,OAAO,gBAAgB;GAE5C,MAAM,iBAAiB,KAAK,cAC1B,yBACD,EAAE;AACH,QAAK,YACD,cAAc,GAAG,OAAO,UAAU,EAClC,cAAc,SAAS,EACvB,aAAa,cAAc,OAAO,eAAe,CAAC;;;CAI1D,AAAU,wBAAwB;AAChC,SAAO,IAAI;qCACsB,KAAK,SAAS;;;;;CAMjD,SAAS;EACP,MAAM,EACJ,OACA,WACA,mBACA,aACA,cACA,iBACE;AACJ,SAAO,IAAI;;qBAEM,UAAU;gBACf,MAAM;uBACC,YAAY;6BACN,kBAAkB;yBACtB,aAAa;yBACb,aAAa;sBAChB,MAAM;UAClB,MAAM,QAAQ,CAAC,GAAG,KAAK,uBAAuB,CAAC;;;;;YA7FtD,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;CAAS,CAAC;YAM5E,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC;YAM1C,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC;YAMvD,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC;YAMvD,SAAS,EAAE,SAAS,MAAM,CAAC;4BA7C7BC,cAAc,GAAG,OAAO,cAAc;AA4GvC,0BAAe"}
+{"version":3,"file":"icon-button.js","names":["CDSButton","tooltipStyles","buttonStyles","styles","customElement"],"sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport tooltipStyles from '../tooltip/tooltip.scss?lit';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './icon-button.scss?lit';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Icon Button\n *\n * @element cds-icon-button\n */\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n  /**\n   * Checks if a badge indicator is being used with incorrect properties\n   */\n\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 100;\n\n  /**\n   * Specify the size of the Button. Defaults to `md`.\n   */\n  @property({ reflect: true })\n  size = 'md';\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [\n      tooltipStyles,\n      buttonStyles,\n      styles,\n    ]);\n  }\n\n  updated(changedProperties) {\n    super.updated?.(changedProperties);\n    if (changedProperties) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n        ?.classList.add(`${prefix}--icon-tooltip`);\n\n      const tooltipContent = this.querySelector(\n        '[slot=tooltip-content]'\n      )?.textContent;\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.querySelector(`button`)\n        ?.setAttribute('aria-label', String(tooltipContent));\n    }\n  }\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content ?hidden=${this.disabled}>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-tooltip-content>\n    `;\n  }\n\n  render() {\n    const {\n      align,\n      autoalign,\n      closeOnActivation,\n      defaultOpen,\n      enterDelayMs,\n      leaveDelayMs,\n    } = this;\n    return html`\n      <cds-tooltip\n        ?autoalign=${autoalign}\n        align=${align}\n        ?defaultOpen=${defaultOpen}\n        ?closeOnActivation=${closeOnActivation}\n        enter-delay-ms=${enterDelayMs}\n        leave-delay-ms=${leaveDelayMs}\n        .dropShadow=${false}>\n        ${super.render()} ${this._renderTooltipContent()}\n      </cds-tooltip>\n    `;\n  }\n}\n\nexport default CDSIconButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,gBAAA,MACM,sBAAsBA,iBAAU;;;eAS5B;mBAMI;2BAMQ;qBAMN;sBAMC;sBAMA;cAMR;;CAEP,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;GACD,CAAC;;CAGJ,QAAQ,mBAAmB;AACzB,QAAM,UAAU,kBAAkB;AAClC,MAAI,mBAAmB;AACrB,QAAK,YACD,cAAc,cAAoB,EAClC,YAAY,cAAc,gBAAsB,EAChD,UAAU,IAAI,oBAA0B;GAE5C,MAAM,iBAAiB,KAAK,cAC1B,yBACD,EAAE;AACH,QAAK,YACD,cAAc,cAAoB,EAClC,cAAc,SAAS,EACvB,aAAa,cAAc,OAAO,eAAe,CAAC;;;CAI1D,wBAAkC;AAChC,SAAO,IAAI;qCACsB,KAAK,SAAS;;;;;CAMjD,SAAS;EACP,MAAM,EACJ,OACA,WACA,mBACA,aACA,cACA,iBACE;AACJ,SAAO,IAAI;;qBAEM,UAAU;gBACf,MAAM;uBACC,YAAY;6BACN,kBAAkB;yBACtB,aAAa;yBACb,aAAa;sBAChB,MAAM;UAClB,MAAM,QAAQ,CAAC,GAAG,KAAK,uBAAuB,CAAC;;;;;YA7FtD,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,cAAA,WAAA,SAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,cAAA,WAAA,qBAAA,KAAA,EAAA;YAM5E,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,cAAA,WAAA,eAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC,CAAA,EAAA,cAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC,CAAA,EAAA,cAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,QAAA,KAAA,EAAA;4BA7C7BC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AA4GvC,IAAA,sBAAe"}

package/es/components/icon-button/icon-button.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/icon-button/icon-button.scss?lit
 var icon_button_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-icon-button){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-icon-button[kind=ghost]) ::slotted([slot=icon]){color:var(--cds-icon-primary,#161616)}"]);
-
 //#endregion
 export { icon_button_default as default };
+
 //# sourceMappingURL=icon-button.scss.js.map

package/es/components/icon-indicator/defs.js

@@ -63,7 +63,7 @@ let ICON_INDICATOR_KIND = /* @__PURE__ */ function(ICON_INDICATOR_KIND) {
 	ICON_INDICATOR_KIND["INFORMATIVE"] = "informative";
 	return ICON_INDICATOR_KIND;
 }({});
-
 //#endregion
 export { ICON_INDICATOR_KIND };
+
 //# sourceMappingURL=defs.js.map

package/es/components/icon-indicator/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/icon-indicator/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport enum ICON_INDICATOR_KIND {\n  /**\n   * Failed\n   */\n  FAILED = 'failed',\n\n  /**\n   * Caution major.\n   */\n  'CAUTION-MAJOR' = 'caution-major',\n\n  /**\n   * Caution minor.\n   */\n  'CAUTION-MINOR' = 'caution-minor',\n\n  /**\n   * Undefined.\n   */\n  UNDEFINED = 'undefined',\n\n  /**\n   * Succeeded.\n   */\n  SUCCEEDED = 'succeeded',\n\n  /**\n   * Normal.\n   */\n  NORMAL = 'normal',\n\n  /**\n   * In-progress.\n   */\n  'IN-PROGRESS' = 'in-progress',\n\n  /**\n   * Incomplete.\n   */\n  INCOMPLETE = 'incomplete',\n\n  /**\n   * Not started.\n   */\n  'NOT-STARTED' = 'not-started',\n\n  /**\n   * Pending.\n   */\n  PENDING = 'pending',\n\n  /**\n   * Unknown.\n   */\n  UNKNOWN = 'unknown',\n\n  /**\n   * Informative.\n   */\n  INFORMATIVE = 'informative',\n}\n"],"mappings":";;;;;;;;;;;;;;AAOA,IAAY,oEAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/icon-indicator/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport enum ICON_INDICATOR_KIND {\n  /**\n   * Failed\n   */\n  FAILED = 'failed',\n\n  /**\n   * Caution major.\n   */\n  'CAUTION-MAJOR' = 'caution-major',\n\n  /**\n   * Caution minor.\n   */\n  'CAUTION-MINOR' = 'caution-minor',\n\n  /**\n   * Undefined.\n   */\n  UNDEFINED = 'undefined',\n\n  /**\n   * Succeeded.\n   */\n  SUCCEEDED = 'succeeded',\n\n  /**\n   * Normal.\n   */\n  NORMAL = 'normal',\n\n  /**\n   * In-progress.\n   */\n  'IN-PROGRESS' = 'in-progress',\n\n  /**\n   * Incomplete.\n   */\n  INCOMPLETE = 'incomplete',\n\n  /**\n   * Not started.\n   */\n  'NOT-STARTED' = 'not-started',\n\n  /**\n   * Pending.\n   */\n  PENDING = 'pending',\n\n  /**\n   * Unknown.\n   */\n  UNKNOWN = 'unknown',\n\n  /**\n   * Informative.\n   */\n  INFORMATIVE = 'informative',\n}\n"],"mappings":";;;;;;;;;;;;;;AAOA,IAAY,sBAAL,yBAAA,qBAAA;;;;AAIL,qBAAA,YAAA;;;;AAKA,qBAAA,mBAAA;;;;AAKA,qBAAA,mBAAA;;;;AAKA,qBAAA,eAAA;;;;AAKA,qBAAA,eAAA;;;;AAKA,qBAAA,YAAA;;;;AAKA,qBAAA,iBAAA;;;;AAKA,qBAAA,gBAAA;;;;AAKA,qBAAA,iBAAA;;;;AAKA,qBAAA,aAAA;;;;AAKA,qBAAA,aAAA;;;;AAKA,qBAAA,iBAAA;;KACD"}

package/es/components/icon-indicator/icon-indicator.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import { ICON_INDICATOR_KIND } from "./defs.js";
 import icon_indicator_default$1 from "./icon-indicator.scss.js";
@@ -37,7 +37,6 @@ import UnknownFilled16 from "@carbon/icons/es/unknown--filled/16.js";
 import UnknownFilled20 from "@carbon/icons/es/unknown--filled/20.js";
 import WarningSquareFilled16 from "@carbon/icons/es/warning-square--filled/16.js";
 import WarningSquareFilled20 from "@carbon/icons/es/warning-square--filled/20.js";
-
 //#region src/components/icon-indicator/icon-indicator.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -46,51 +45,51 @@ import WarningSquareFilled20 from "@carbon/icons/es/warning-square--filled/20.js
 * LICENSE file in the root directory of this source tree.
 */
 const iconMap = {
-	[ICON_INDICATOR_KIND.FAILED]: {
+	["failed"]: {
 		16: ErrorFilled16,
 		20: ErrorFilled20
 	},
-	[ICON_INDICATOR_KIND["CAUTION-MAJOR"]]: {
+	["caution-major"]: {
 		16: WarningAltInvertedFilled16,
 		20: WarningAltInvertedFilled20
 	},
-	[ICON_INDICATOR_KIND["CAUTION-MINOR"]]: {
+	["caution-minor"]: {
 		16: WarningAltFilled16,
 		20: WarningAltFilled20
 	},
-	[ICON_INDICATOR_KIND.UNDEFINED]: {
+	["undefined"]: {
 		16: UndefinedFilled16,
 		20: UndefinedFilled20
 	},
-	[ICON_INDICATOR_KIND.SUCCEEDED]: {
+	["succeeded"]: {
 		16: CheckmarkFilled16,
 		20: CheckmarkFilled20
 	},
-	[ICON_INDICATOR_KIND.NORMAL]: {
+	["normal"]: {
 		16: CheckmarkOutline16,
 		20: CheckmarkOutline20
 	},
-	[ICON_INDICATOR_KIND["IN-PROGRESS"]]: {
+	["in-progress"]: {
 		16: InProgress16,
 		20: InProgress20
 	},
-	[ICON_INDICATOR_KIND.INCOMPLETE]: {
+	["incomplete"]: {
 		16: Incomplete16,
 		20: Incomplete20
 	},
-	[ICON_INDICATOR_KIND["NOT-STARTED"]]: {
+	["not-started"]: {
 		16: CircleDash16,
 		20: CircleDash20
 	},
-	[ICON_INDICATOR_KIND.PENDING]: {
+	["pending"]: {
 		16: PendingFilled16,
 		20: PendingFilled20
 	},
-	[ICON_INDICATOR_KIND.UNKNOWN]: {
+	["unknown"]: {
 		16: UnknownFilled16,
 		20: UnknownFilled20
 	},
-	[ICON_INDICATOR_KIND.INFORMATIVE]: {
+	["informative"]: {
 		16: WarningSquareFilled16,
 		20: WarningSquareFilled20
 	}
@@ -116,9 +115,9 @@ let CDSIconIndicator = class CDSIconIndicator extends LitElement {
 __decorate([property()], CDSIconIndicator.prototype, "size", void 0);
 __decorate([property()], CDSIconIndicator.prototype, "label", void 0);
 __decorate([property()], CDSIconIndicator.prototype, "kind", void 0);
-CDSIconIndicator = __decorate([carbonElement(`${prefix}-icon-indicator`)], CDSIconIndicator);
+CDSIconIndicator = __decorate([carbonElement(`cds-icon-indicator`)], CDSIconIndicator);
 var icon_indicator_default = CDSIconIndicator;
-
 //#endregion
 export { ICON_INDICATOR_KIND, icon_indicator_default as default };
+
 //# sourceMappingURL=icon-indicator.js.map