@carbon/web-components 2.52.0 → 2.53.0-rc.0

package/es-custom/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-custom/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-custom/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-custom-icon-indicator`)], CDSIconIndicator);
 var icon_indicator_default = CDSIconIndicator;
-
 //#endregion
 export { ICON_INDICATOR_KIND, icon_indicator_default as default };
+
 //# sourceMappingURL=icon-indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/icon-indicator/icon-indicator.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ICON_INDICATOR_KIND } from './defs';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport ErrorFilled20 from '@carbon/icons/es/error--filled/20.js';\nimport WarningAltInvertedFilled16 from '@carbon/icons/es/warning--alt-inverted--filled/16.js';\nimport WarningAltInvertedFilled20 from '@carbon/icons/es/warning--alt-inverted--filled/20.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport WarningAltFilled20 from '@carbon/icons/es/warning--alt--filled/20.js';\nimport UndefinedFilled16 from '@carbon/icons/es/undefined--filled/16.js';\nimport UndefinedFilled20 from '@carbon/icons/es/undefined--filled/20.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport CheckmarkFilled20 from '@carbon/icons/es/checkmark--filled/20.js';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CheckmarkOutline20 from '@carbon/icons/es/checkmark--outline/20.js';\nimport InProgress16 from '@carbon/icons/es/in-progress/16.js';\nimport InProgress20 from '@carbon/icons/es/in-progress/20.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport Incomplete20 from '@carbon/icons/es/incomplete/20.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport CircleDash20 from '@carbon/icons/es/circle-dash/20.js';\nimport PendingFilled16 from '@carbon/icons/es/pending--filled/16.js';\nimport PendingFilled20 from '@carbon/icons/es/pending--filled/20.js';\nimport UnknownFilled16 from '@carbon/icons/es/unknown--filled/16.js';\nimport UnknownFilled20 from '@carbon/icons/es/unknown--filled/20.js';\nimport WarningSquareFilled16 from '@carbon/icons/es/warning-square--filled/16.js';\nimport WarningSquareFilled20 from '@carbon/icons/es/warning-square--filled/20.js';\nexport { ICON_INDICATOR_KIND };\n\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './icon-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst iconMap = {\n  [ICON_INDICATOR_KIND.FAILED]: {\n    16: ErrorFilled16,\n    20: ErrorFilled20,\n  },\n  [ICON_INDICATOR_KIND['CAUTION-MAJOR']]: {\n    16: WarningAltInvertedFilled16,\n    20: WarningAltInvertedFilled20,\n  },\n  [ICON_INDICATOR_KIND['CAUTION-MINOR']]: {\n    16: WarningAltFilled16,\n    20: WarningAltFilled20,\n  },\n  [ICON_INDICATOR_KIND.UNDEFINED]: {\n    16: UndefinedFilled16,\n    20: UndefinedFilled20,\n  },\n  [ICON_INDICATOR_KIND.SUCCEEDED]: {\n    16: CheckmarkFilled16,\n    20: CheckmarkFilled20,\n  },\n  [ICON_INDICATOR_KIND.NORMAL]: {\n    16: CheckmarkOutline16,\n    20: CheckmarkOutline20,\n  },\n  [ICON_INDICATOR_KIND['IN-PROGRESS']]: {\n    16: InProgress16,\n    20: InProgress20,\n  },\n  [ICON_INDICATOR_KIND.INCOMPLETE]: {\n    16: Incomplete16,\n    20: Incomplete20,\n  },\n  [ICON_INDICATOR_KIND['NOT-STARTED']]: {\n    16: CircleDash16,\n    20: CircleDash20,\n  },\n  [ICON_INDICATOR_KIND.PENDING]: {\n    16: PendingFilled16,\n    20: PendingFilled20,\n  },\n  [ICON_INDICATOR_KIND.UNKNOWN]: {\n    16: UnknownFilled16,\n    20: UnknownFilled20,\n  },\n  [ICON_INDICATOR_KIND.INFORMATIVE]: {\n    16: WarningSquareFilled16,\n    20: WarningSquareFilled20,\n  },\n};\n\n/**\n * Icon Indicator.\n *\n * @element cds-custom-icon-indicator\n */\n@customElement(`${prefix}-icon-indicator`)\nclass CDSIconIndicator extends LitElement {\n  /**\n   * Icon indicator should be size 16 or 20\n   */\n  @property()\n  size = 16;\n\n  /**\n   * Label next to the icon.\n   */\n  @property()\n  label!: string;\n\n  /**\n   * Icon Indicator kind\n   */\n  @property()\n  kind!: ICON_INDICATOR_KIND;\n\n  render() {\n    const IconComponent = iconMap[this.kind]?.[this.size];\n    return html`${iconLoader(IconComponent, { size: this.size })}${this.label}`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSIconIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,UAAU;EACb,oBAAoB,SAAS;EAC5B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,mBAAmB;EACtC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,mBAAmB;EACtC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,YAAY;EAC/B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,YAAY;EAC/B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,SAAS;EAC5B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,iBAAiB;EACpC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,aAAa;EAChC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,iBAAiB;EACpC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,UAAU;EAC7B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,UAAU;EAC7B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,cAAc;EACjC,IAAI;EACJ,IAAI;EACL;CACF;;;;;;AAOD,6BACM,yBAAyB,WAAW;;;cAKjC;;CAcP,SAAS;EACP,MAAM,gBAAgB,QAAQ,KAAK,QAAQ,KAAK;AAChD,SAAO,IAAI,GAAG,WAAW,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,KAAK;;;gBAGtDA;;;YApBf,UAAU;YAMV,UAAU;YAMV,UAAU;+BAjBZC,cAAc,GAAG,OAAO,iBAAiB;AA4B1C,6BAAe"}
+{"version":3,"file":"icon-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/icon-indicator/icon-indicator.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ICON_INDICATOR_KIND } from './defs';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport ErrorFilled20 from '@carbon/icons/es/error--filled/20.js';\nimport WarningAltInvertedFilled16 from '@carbon/icons/es/warning--alt-inverted--filled/16.js';\nimport WarningAltInvertedFilled20 from '@carbon/icons/es/warning--alt-inverted--filled/20.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport WarningAltFilled20 from '@carbon/icons/es/warning--alt--filled/20.js';\nimport UndefinedFilled16 from '@carbon/icons/es/undefined--filled/16.js';\nimport UndefinedFilled20 from '@carbon/icons/es/undefined--filled/20.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport CheckmarkFilled20 from '@carbon/icons/es/checkmark--filled/20.js';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CheckmarkOutline20 from '@carbon/icons/es/checkmark--outline/20.js';\nimport InProgress16 from '@carbon/icons/es/in-progress/16.js';\nimport InProgress20 from '@carbon/icons/es/in-progress/20.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport Incomplete20 from '@carbon/icons/es/incomplete/20.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport CircleDash20 from '@carbon/icons/es/circle-dash/20.js';\nimport PendingFilled16 from '@carbon/icons/es/pending--filled/16.js';\nimport PendingFilled20 from '@carbon/icons/es/pending--filled/20.js';\nimport UnknownFilled16 from '@carbon/icons/es/unknown--filled/16.js';\nimport UnknownFilled20 from '@carbon/icons/es/unknown--filled/20.js';\nimport WarningSquareFilled16 from '@carbon/icons/es/warning-square--filled/16.js';\nimport WarningSquareFilled20 from '@carbon/icons/es/warning-square--filled/20.js';\nexport { ICON_INDICATOR_KIND };\n\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './icon-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst iconMap = {\n  [ICON_INDICATOR_KIND.FAILED]: {\n    16: ErrorFilled16,\n    20: ErrorFilled20,\n  },\n  [ICON_INDICATOR_KIND['CAUTION-MAJOR']]: {\n    16: WarningAltInvertedFilled16,\n    20: WarningAltInvertedFilled20,\n  },\n  [ICON_INDICATOR_KIND['CAUTION-MINOR']]: {\n    16: WarningAltFilled16,\n    20: WarningAltFilled20,\n  },\n  [ICON_INDICATOR_KIND.UNDEFINED]: {\n    16: UndefinedFilled16,\n    20: UndefinedFilled20,\n  },\n  [ICON_INDICATOR_KIND.SUCCEEDED]: {\n    16: CheckmarkFilled16,\n    20: CheckmarkFilled20,\n  },\n  [ICON_INDICATOR_KIND.NORMAL]: {\n    16: CheckmarkOutline16,\n    20: CheckmarkOutline20,\n  },\n  [ICON_INDICATOR_KIND['IN-PROGRESS']]: {\n    16: InProgress16,\n    20: InProgress20,\n  },\n  [ICON_INDICATOR_KIND.INCOMPLETE]: {\n    16: Incomplete16,\n    20: Incomplete20,\n  },\n  [ICON_INDICATOR_KIND['NOT-STARTED']]: {\n    16: CircleDash16,\n    20: CircleDash20,\n  },\n  [ICON_INDICATOR_KIND.PENDING]: {\n    16: PendingFilled16,\n    20: PendingFilled20,\n  },\n  [ICON_INDICATOR_KIND.UNKNOWN]: {\n    16: UnknownFilled16,\n    20: UnknownFilled20,\n  },\n  [ICON_INDICATOR_KIND.INFORMATIVE]: {\n    16: WarningSquareFilled16,\n    20: WarningSquareFilled20,\n  },\n};\n\n/**\n * Icon Indicator.\n *\n * @element cds-custom-icon-indicator\n */\n@customElement(`${prefix}-icon-indicator`)\nclass CDSIconIndicator extends LitElement {\n  /**\n   * Icon indicator should be size 16 or 20\n   */\n  @property()\n  size = 16;\n\n  /**\n   * Label next to the icon.\n   */\n  @property()\n  label!: string;\n\n  /**\n   * Icon Indicator kind\n   */\n  @property()\n  kind!: ICON_INDICATOR_KIND;\n\n  render() {\n    const IconComponent = iconMap[this.kind]?.[this.size];\n    return html`${iconLoader(IconComponent, { size: this.size })}${this.label}`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSIconIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,UAAU;aACgB;EAC5B,IAAI;EACJ,IAAI;EACL;oBACuC;EACtC,IAAI;EACJ,IAAI;EACL;oBACuC;EACtC,IAAI;EACJ,IAAI;EACL;gBACgC;EAC/B,IAAI;EACJ,IAAI;EACL;gBACgC;EAC/B,IAAI;EACJ,IAAI;EACL;aAC6B;EAC5B,IAAI;EACJ,IAAI;EACL;kBACqC;EACpC,IAAI;EACJ,IAAI;EACL;iBACiC;EAChC,IAAI;EACJ,IAAI;EACL;kBACqC;EACpC,IAAI;EACJ,IAAI;EACL;cAC8B;EAC7B,IAAI;EACJ,IAAI;EACL;cAC8B;EAC7B,IAAI;EACJ,IAAI;EACL;kBACkC;EACjC,IAAI;EACJ,IAAI;EACL;CACF;;;;;;AAOD,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;cAKjC;;CAcP,SAAS;EACP,MAAM,gBAAgB,QAAQ,KAAK,QAAQ,KAAK;AAChD,SAAO,IAAI,GAAG,WAAW,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,KAAK;;;gBAGtDA;;;YApBf,UAAU,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,iBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;+BAjBZC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA4B1C,IAAA,yBAAe"}

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

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/icon-indicator/icon-indicator.scss?lit
 var icon_indicator_default = css([".cds-custom--icon-indicator,:host(cds-custom-icon-indicator){color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--icon-indicator svg,:host(cds-custom-icon-indicator) svg{align-self:center;margin-inline-end:.5rem}.cds-custom--icon-indicator--20,:host(cds-custom-icon-indicator[size=\"20\"]){font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds-custom--icon-indicator--failed,:host(cds-custom-icon-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--icon-indicator--caution-major,:host(cds-custom-icon-indicator[kind=caution-major]) svg{fill:var(--cds-status-orange,#ff832b)}.cds-custom--icon-indicator--caution-major path:first-of-type,:host(cds-custom-icon-indicator[kind=caution-major]) svg path:first-of-type{fill:#000}.cds-custom--icon-indicator--caution-minor,:host(cds-custom-icon-indicator[kind=caution-minor]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--icon-indicator--caution-minor path:first-of-type,:host(cds-custom-icon-indicator[kind=caution-minor]) svg path:first-of-type{fill:#000}.cds-custom--icon-indicator--undefined,:host(cds-custom-icon-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds-custom--icon-indicator--succeeded,:host(cds-custom-icon-indicator[kind=succeeded]) svg{fill:var(--cds-status-green,#24a148)}.cds-custom--icon-indicator--normal,:host(cds-custom-icon-indicator[kind=normal]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--in-progress,:host(cds-custom-icon-indicator[kind=in-progress]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--incomplete,:host(cds-custom-icon-indicator[kind=incomplete]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--not-started,:host(cds-custom-icon-indicator[kind=not-started]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--pending,:host(cds-custom-icon-indicator[kind=pending]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--unknown,:host(cds-custom-icon-indicator[kind=unknown]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--informative,:host(cds-custom-icon-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}"]);
-
 //#endregion
 export { icon_indicator_default as default };
+
 //# sourceMappingURL=icon-indicator.scss.js.map

package/es-custom/components/inline-loading/defs.js

@@ -34,7 +34,7 @@ let INLINE_LOADING_STATE = /* @__PURE__ */ function(INLINE_LOADING_STATE) {
 	INLINE_LOADING_STATE["ERROR"] = "error";
 	return INLINE_LOADING_STATE;
 }({});
-
 //#endregion
 export { INLINE_LOADING_STATE };
+
 //# sourceMappingURL=defs.js.map

package/es-custom/components/inline-loading/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/inline-loading/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022\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 * Loading state for inline loading spinner.\n */\nexport enum INLINE_LOADING_STATE {\n  /**\n   * Inactive state.\n   */\n  INACTIVE = 'inactive',\n\n  /**\n   * State for loading in progress.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * State for loading successful.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * State for loading failure.\n   */\n  ERROR = 'error',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,sEAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/inline-loading/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022\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 * Loading state for inline loading spinner.\n */\nexport enum INLINE_LOADING_STATE {\n  /**\n   * Inactive state.\n   */\n  INACTIVE = 'inactive',\n\n  /**\n   * State for loading in progress.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * State for loading successful.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * State for loading failure.\n   */\n  ERROR = 'error',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,cAAA;;;;AAKA,sBAAA,YAAA;;;;AAKA,sBAAA,cAAA;;;;AAKA,sBAAA,WAAA;;KACD"}

package/es-custom/components/inline-loading/inline-loading.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 loading_icon_default from "../loading/loading-icon.js";
 import { INLINE_LOADING_STATE } from "./defs.js";
@@ -17,7 +17,6 @@ import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16.js";
 import ErrorFilled16 from "@carbon/icons/es/error--filled/16.js";
-
 //#region src/components/inline-loading/inline-loading.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -36,7 +35,7 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
 		super(..._args);
 		this.iconDescription = "Loading";
 		this.successDelay = 1500;
-		this.status = INLINE_LOADING_STATE.ACTIVE;
+		this.status = "active";
 	}
 	/**
 	* @deprecated The 'assistive-text' property will be deprecated in the next major release. Please use `icon-description` instead.
@@ -52,8 +51,8 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
 	*/
 	_renderIcon() {
 		const { iconDescription, status } = this;
-		if (status === INLINE_LOADING_STATE.ERROR) return iconLoader(ErrorFilled16, {
-			class: `${prefix}--inline-loading--error`,
+		if (status === "error") return iconLoader(ErrorFilled16, {
+			class: `cds-custom--inline-loading--error`,
 			"aria-label": iconDescription
 		});
 		const init = {
@@ -61,20 +60,20 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
 			cancelable: true,
 			composed: true
 		};
-		if (status === INLINE_LOADING_STATE.FINISHED) {
+		if (status === "finished") {
 			setTimeout(() => {
 				this.dispatchEvent(new CustomEvent(this.constructor.eventOnSuccess, init));
 			}, this.successDelay);
 			return iconLoader(CheckmarkFilled16, {
-				class: `${prefix}--inline-loading__checkmark-container`,
+				class: `cds-custom--inline-loading__checkmark-container`,
 				"aria-label": iconDescription
 			});
 		}
-		if (status === INLINE_LOADING_STATE.INACTIVE || status === INLINE_LOADING_STATE.ACTIVE) return html`
+		if (status === "inactive" || status === "active") return html`
         <div class="${classMap({
-			[`${prefix}--loading`]: true,
-			[`${prefix}--loading--small`]: true,
-			[`${prefix}--loading--stop`]: status === INLINE_LOADING_STATE.INACTIVE
+			[`cds-custom--loading`]: true,
+			[`cds-custom--loading--small`]: true,
+			[`cds-custom--loading--stop`]: status === "inactive"
 		})}">
           ${loading_icon_default({
 			description: iconDescription,
@@ -84,7 +83,7 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
       `;
 	}
 	static get eventOnSuccess() {
-		return `${prefix}-inline-loading-onsuccess`;
+		return `cds-custom-inline-loading-onsuccess`;
 	}
 	connectedCallback() {
 		if (!this.hasAttribute("aria-live")) this.setAttribute("aria-live", "assertive");
@@ -94,11 +93,11 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
 		const statusIconResult = this._renderIcon();
 		return html`
       ${!statusIconResult ? void 0 : html`
-          <div class="${prefix}--inline-loading__animation">
+          <div class="${"cds-custom"}--inline-loading__animation">
             ${statusIconResult}
           </div>
         `}
-      <div class="${prefix}--inline-loading__text"><slot></slot></div>
+      <div class="${"cds-custom"}--inline-loading__text"><slot></slot></div>
     `;
 	}
 	static {
@@ -109,9 +108,9 @@ __decorate([property({ attribute: "assistive-text" })], CDSInlineLoading.prototy
 __decorate([property({ attribute: "icon-description" })], CDSInlineLoading.prototype, "iconDescription", void 0);
 __decorate([property({ attribute: "success-delay" })], CDSInlineLoading.prototype, "successDelay", void 0);
 __decorate([property({ reflect: true })], CDSInlineLoading.prototype, "status", void 0);
-CDSInlineLoading = __decorate([carbonElement(`${prefix}-inline-loading`)], CDSInlineLoading);
+CDSInlineLoading = __decorate([carbonElement(`cds-custom-inline-loading`)], CDSInlineLoading);
 var inline_loading_default = CDSInlineLoading;
-
 //#endregion
 export { INLINE_LOADING_STATE, inline_loading_default as default };
+
 //# sourceMappingURL=inline-loading.js.map

package/es-custom/components/inline-loading/inline-loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-loading.js","names":["getLoadingIcon","styles","customElement"],"sources":["../../../src/components/inline-loading/inline-loading.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport { prefix } from '../../globals/settings';\nimport getLoadingIcon from '../loading/loading-icon';\nimport { INLINE_LOADING_STATE } from './defs';\nimport styles from './inline-loading.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { INLINE_LOADING_STATE };\n\n/**\n * Lnline loading spinner.\n *\n * @element cds-custom-inline-loading\n * @fires cds-custom-inline-loading-onsuccess The custom event fired when inline-loading has finished status\n */\n@customElement(`${prefix}-inline-loading`)\nclass CDSInlineLoading extends LitElement {\n  /**\n   * @deprecated The 'assistive-text' property will be deprecated in the next major release. Please use `icon-description` instead.\n   */\n  @property({ attribute: 'assistive-text' })\n  get assistiveText() {\n    return this.iconDescription;\n  }\n  set assistiveText(value) {\n    this.iconDescription = value;\n  }\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = 'Loading';\n\n  /**\n   * Provide a delay for the setTimeout for success\n   */\n  @property({ attribute: 'success-delay' })\n  successDelay = 1500;\n\n  /**\n   * @returns The template for the status icon.\n   */\n  private _renderIcon() {\n    const { iconDescription, status } = this;\n    if (status === INLINE_LOADING_STATE.ERROR) {\n      return iconLoader(ErrorFilled16, {\n        class: `${prefix}--inline-loading--error`,\n        'aria-label': iconDescription,\n      });\n    }\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n\n    if (status === INLINE_LOADING_STATE.FINISHED) {\n      setTimeout(() => {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineLoading).eventOnSuccess,\n            init\n          )\n        );\n      }, this.successDelay);\n\n      return iconLoader(CheckmarkFilled16, {\n        class: `${prefix}--inline-loading__checkmark-container`,\n        'aria-label': iconDescription,\n      });\n    }\n    if (\n      status === INLINE_LOADING_STATE.INACTIVE ||\n      status === INLINE_LOADING_STATE.ACTIVE\n    ) {\n      const classes = classMap({\n        [`${prefix}--loading`]: true,\n        [`${prefix}--loading--small`]: true,\n        [`${prefix}--loading--stop`]: status === INLINE_LOADING_STATE.INACTIVE,\n      });\n      return html`\n        <div class=\"${classes}\">\n          ${getLoadingIcon({ description: iconDescription, small: true })}\n        </div>\n      `;\n    }\n    return undefined;\n  }\n\n  /**\n   * The loading status.\n   */\n  @property({ reflect: true })\n  status = INLINE_LOADING_STATE.ACTIVE;\n\n  static get eventOnSuccess() {\n    return `${prefix}-inline-loading-onsuccess`;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('aria-live')) {\n      this.setAttribute('aria-live', 'assertive');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const statusIconResult = this._renderIcon();\n    const statusIconWrapperResult = !statusIconResult\n      ? undefined\n      : html`\n          <div class=\"${prefix}--inline-loading__animation\">\n            ${statusIconResult}\n          </div>\n        `;\n    return html`\n      ${statusIconWrapperResult}\n      <div class=\"${prefix}--inline-loading__text\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSInlineLoading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,6BACM,yBAAyB,WAAW;;;yBAetB;sBAMH;gBAwDN,qBAAqB;;;;;CAzE9B,IACI,gBAAgB;AAClB,SAAO,KAAK;;CAEd,IAAI,cAAc,OAAO;AACvB,OAAK,kBAAkB;;;;;CAiBzB,AAAQ,cAAc;EACpB,MAAM,EAAE,iBAAiB,WAAW;AACpC,MAAI,WAAW,qBAAqB,MAClC,QAAO,WAAW,eAAe;GAC/B,OAAO,GAAG,OAAO;GACjB,cAAc;GACf,CAAC;EAEJ,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACX;AAED,MAAI,WAAW,qBAAqB,UAAU;AAC5C,oBAAiB;AACf,SAAK,cACH,IAAI,YACD,KAAK,YAAwC,gBAC9C,KACD,CACF;MACA,KAAK,aAAa;AAErB,UAAO,WAAW,mBAAmB;IACnC,OAAO,GAAG,OAAO;IACjB,cAAc;IACf,CAAC;;AAEJ,MACE,WAAW,qBAAqB,YAChC,WAAW,qBAAqB,OAOhC,QAAO,IAAI;sBALK,SAAS;IACtB,GAAG,OAAO,aAAa;IACvB,GAAG,OAAO,oBAAoB;IAC9B,GAAG,OAAO,mBAAmB,WAAW,qBAAqB;GAC/D,CAAC,CAEsB;YAClBA,qBAAe;GAAE,aAAa;GAAiB,OAAO;GAAM,CAAC,CAAC;;;;CAaxE,WAAW,iBAAiB;AAC1B,SAAO,GAAG,OAAO;;CAGnB,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,YAAY,CACjC,MAAK,aAAa,aAAa,YAAY;AAE7C,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,mBAAmB,KAAK,aAAa;AAQ3C,SAAO,IAAI;QAPqB,CAAC,mBAC7B,SACA,IAAI;wBACY,OAAO;cACjB,iBAAiB;;UAIC;oBACZ,OAAO;;;;gBAITC;;;YArGf,SAAS,EAAE,WAAW,kBAAkB,CAAC;YAUzC,SAAS,EAAE,WAAW,oBAAoB,CAAC;YAM3C,SAAS,EAAE,WAAW,iBAAiB,CAAC;YAwDxC,SAAS,EAAE,SAAS,MAAM,CAAC;+BA7E7BC,cAAc,GAAG,OAAO,iBAAiB;AA6G1C,6BAAe"}
+{"version":3,"file":"inline-loading.js","names":["getLoadingIcon","styles","customElement"],"sources":["../../../src/components/inline-loading/inline-loading.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport { prefix } from '../../globals/settings';\nimport getLoadingIcon from '../loading/loading-icon';\nimport { INLINE_LOADING_STATE } from './defs';\nimport styles from './inline-loading.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { INLINE_LOADING_STATE };\n\n/**\n * Lnline loading spinner.\n *\n * @element cds-custom-inline-loading\n * @fires cds-custom-inline-loading-onsuccess The custom event fired when inline-loading has finished status\n */\n@customElement(`${prefix}-inline-loading`)\nclass CDSInlineLoading extends LitElement {\n  /**\n   * @deprecated The 'assistive-text' property will be deprecated in the next major release. Please use `icon-description` instead.\n   */\n  @property({ attribute: 'assistive-text' })\n  get assistiveText() {\n    return this.iconDescription;\n  }\n  set assistiveText(value) {\n    this.iconDescription = value;\n  }\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = 'Loading';\n\n  /**\n   * Provide a delay for the setTimeout for success\n   */\n  @property({ attribute: 'success-delay' })\n  successDelay = 1500;\n\n  /**\n   * @returns The template for the status icon.\n   */\n  private _renderIcon() {\n    const { iconDescription, status } = this;\n    if (status === INLINE_LOADING_STATE.ERROR) {\n      return iconLoader(ErrorFilled16, {\n        class: `${prefix}--inline-loading--error`,\n        'aria-label': iconDescription,\n      });\n    }\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n\n    if (status === INLINE_LOADING_STATE.FINISHED) {\n      setTimeout(() => {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineLoading).eventOnSuccess,\n            init\n          )\n        );\n      }, this.successDelay);\n\n      return iconLoader(CheckmarkFilled16, {\n        class: `${prefix}--inline-loading__checkmark-container`,\n        'aria-label': iconDescription,\n      });\n    }\n    if (\n      status === INLINE_LOADING_STATE.INACTIVE ||\n      status === INLINE_LOADING_STATE.ACTIVE\n    ) {\n      const classes = classMap({\n        [`${prefix}--loading`]: true,\n        [`${prefix}--loading--small`]: true,\n        [`${prefix}--loading--stop`]: status === INLINE_LOADING_STATE.INACTIVE,\n      });\n      return html`\n        <div class=\"${classes}\">\n          ${getLoadingIcon({ description: iconDescription, small: true })}\n        </div>\n      `;\n    }\n    return undefined;\n  }\n\n  /**\n   * The loading status.\n   */\n  @property({ reflect: true })\n  status = INLINE_LOADING_STATE.ACTIVE;\n\n  static get eventOnSuccess() {\n    return `${prefix}-inline-loading-onsuccess`;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('aria-live')) {\n      this.setAttribute('aria-live', 'assertive');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const statusIconResult = this._renderIcon();\n    const statusIconWrapperResult = !statusIconResult\n      ? undefined\n      : html`\n          <div class=\"${prefix}--inline-loading__animation\">\n            ${statusIconResult}\n          </div>\n        `;\n    return html`\n      ${statusIconWrapperResult}\n      <div class=\"${prefix}--inline-loading__text\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSInlineLoading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;yBAetB;sBAMH;;;;;;CAjBf,IACI,gBAAgB;AAClB,SAAO,KAAK;;CAEd,IAAI,cAAc,OAAO;AACvB,OAAK,kBAAkB;;;;;CAiBzB,cAAsB;EACpB,MAAM,EAAE,iBAAiB,WAAW;AACpC,MAAI,WAAA,QACF,QAAO,WAAW,eAAe;GAC/B,OAAO;GACP,cAAc;GACf,CAAC;EAEJ,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACX;AAED,MAAI,WAAA,YAA0C;AAC5C,oBAAiB;AACf,SAAK,cACH,IAAI,YACD,KAAK,YAAwC,gBAC9C,KACD,CACF;MACA,KAAK,aAAa;AAErB,UAAO,WAAW,mBAAmB;IACnC,OAAO;IACP,cAAc;IACf,CAAC;;AAEJ,MACE,WAAA,cACA,WAAA,SAOA,QAAO,IAAI;sBALK,SAAS;IACtB,iBAAuB;IACvB,wBAA8B;IAC9B,uBAA6B,WAAA;GAC/B,CAAC,CAEsB;YAClBA,qBAAe;GAAE,aAAa;GAAiB,OAAO;GAAM,CAAC,CAAC;;;;CAaxE,WAAW,iBAAiB;AAC1B,SAAO;;CAGT,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,YAAY,CACjC,MAAK,aAAa,aAAa,YAAY;AAE7C,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,mBAAmB,KAAK,aAAa;AAQ3C,SAAO,IAAI;QAPqB,CAAC,mBAC7B,KAAA,IACA,IAAI;8BACmB;cACjB,iBAAiB;;UAIC;0BACL;;;;gBAITC;;;YArGf,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,iBAAA,WAAA,iBAAA,KAAA;YAUzC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,iBAAA,WAAA,mBAAA,KAAA,EAAA;YAM3C,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,iBAAA,WAAA,gBAAA,KAAA,EAAA;YAwDxC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,UAAA,KAAA,EAAA;+BA7E7BC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA6G1C,IAAA,yBAAe"}

package/es-custom/components/inline-loading/inline-loading.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/inline-loading/inline-loading.scss?lit
 var inline_loading_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--loading{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--loading *,.cds-custom--loading :after,.cds-custom--loading :before{box-sizing:inherit}.cds-custom--loading{animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds-custom--rotate;animation-timing-function:linear}.cds-custom--loading svg circle{animation-duration:10ms;animation-name:cds-custom--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--loading svg circle{animation:none}}.cds-custom--loading{block-size:5.5rem;inline-size:5.5rem}.cds-custom--loading__svg{fill:transparent}.cds-custom--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds-custom--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds-custom--loading--small .cds-custom--loading__stroke{stroke-dashoffset:143.759616}.cds-custom--loading--stop{animation:cds-custom--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds-custom--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds-custom--loading--stop svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds-custom--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--loading--stop svg circle{animation:none}}.cds-custom--loading--small{block-size:1rem;inline-size:1rem;line-height:1rem}.cds-custom--loading--small circle{stroke-width:16}.cds-custom--loading--small .cds-custom--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds-custom--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds-custom--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds-custom--loading-overlay{align-items:center;background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100%;display:flex;inline-size:100%;inset-block-start:0;inset-inline-start:0;justify-content:center;position:fixed;transition:background-color .7s cubic-bezier(.4,.14,.3,1);z-index:6000}.cds-custom--loading-overlay--stop{display:none}@keyframes cds-custom--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds-custom--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds-custom--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds-custom--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds-custom--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}@keyframes prefix--stroke{to{stroke-dashoffset:0}}.cds-custom--inline-loading,:host(cds-custom-inline-loading){align-items:center;color:var(--cds-text-secondary,#525252);display:flex;inline-size:100%;min-block-size:2rem}.cds-custom--inline-loading__text{font-size:var(--cds-label-02-font-size,.875rem);font-weight:var(--cds-label-02-font-weight,400);letter-spacing:var(--cds-label-02-letter-spacing,.16px);line-height:var(--cds-label-02-line-height,1.28572)}.cds-custom--inline-loading__animation{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem;position:relative}.cds-custom--inline-loading__checkmark-container{fill:var(--cds-support-success,#24a148)}.cds-custom--inline-loading__checkmark-container.cds-custom--inline-loading__svg{inline-size:.75rem;inset-block-start:.75rem;position:absolute}.cds-custom--inline-loading__checkmark-container[hidden]{display:none}.cds-custom--inline-loading__checkmark{animation-duration:.25s;animation-fill-mode:forwards;animation-name:cds-custom--stroke;fill:none;stroke:var(--cds-interactive,#0f62fe);stroke-dasharray:12;stroke-dashoffset:12;stroke-width:1.8;transform-origin:50% 50%}.cds-custom--inline-loading--error{block-size:1rem;fill:var(--cds-support-error,#da1e28);inline-size:1rem}.cds-custom--inline-loading--error[hidden]{display:none}.cds-custom--loading--small .cds-custom--inline-loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds-custom--btn .cds-custom--inline-loading--btn{min-block-size:0}.cds-custom--btn .cds-custom--inline-loading--btn .cds-custom--inline-loading__text{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.cds-custom--inline-loading__checkmark-container{inset-block-start:1px;inset-inline-end:.5rem}.cds-custom--inline-loading__checkmark{animation:none;stroke-dasharray:0;stroke-dashoffset:0}}"]);
-
 //#endregion
 export { inline_loading_default as default };
+
 //# sourceMappingURL=inline-loading.scss.js.map

package/es-custom/components/layer/layer.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 layer_default$1 from "./layer.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/layer/layer.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -45,7 +44,7 @@ let CDSLayer = class CDSLayer extends LitElement {
 	updated() {
 		if (!this.layers) this.layers = this.querySelectorAll(this.constructor.selectorLayer);
 		this.layers.forEach((item) => {
-			const nextLevel = Math.max(MIN_LEVEL, Math.min(this.level + 1, MAX_LEVEL));
+			const nextLevel = Math.max(0, Math.min(this.level + 1, 2));
 			item.setAttribute("level", nextLevel.toString());
 		});
 		this.dispatchEvent(new CustomEvent(this.constructor.eventUseLayer, {
@@ -65,13 +64,13 @@ let CDSLayer = class CDSLayer extends LitElement {
 	* A selector that selects a layer component.
 	*/
 	static get selectorLayer() {
-		return `${prefix}-layer`;
+		return `cds-custom-layer`;
 	}
 	/**
 	* A selector that selects a layer component.
 	*/
 	static get eventUseLayer() {
-		return `${prefix}-use-layer`;
+		return `cds-custom-use-layer`;
 	}
 	static {
 		this.styles = layer_default$1;
@@ -86,9 +85,9 @@ __decorate([property({
 	type: Boolean,
 	attribute: "with-background"
 })], CDSLayer.prototype, "withBackground", void 0);
-CDSLayer = __decorate([carbonElement(`${prefix}-layer`)], CDSLayer);
+CDSLayer = __decorate([carbonElement(`cds-custom-layer`)], CDSLayer);
 var layer_default = CDSLayer;
-
 //#endregion
 export { MAX_LEVEL, MIN_LEVEL, layer_default as default, levels };
+
 //# sourceMappingURL=layer.js.map

package/es-custom/components/layer/layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"layer.js","names":["styles","customElement"],"sources":["../../../src/components/layer/layer.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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './layer.scss?lit';\n\n/**\n * Layer level constants\n */\nexport const MIN_LEVEL = 0;\nexport const MAX_LEVEL = 2;\nexport const levels = ['zero', 'one', 'two'];\nexport type LayerLevel = 0 | 1 | 2;\n\n/**\n * Basic layer\n *\n * @element cds-custom-layer\n * @fires cds-custom-use-layer\n *   The custom event that returns the layer level and the layer element.\n * @slot children - The elements contained within the component.\n */\n@customElement(`${prefix}-layer`)\nclass CDSLayer extends LitElement {\n  /**\n   * Specify the layer level and override any existing levels based on hierarchy\n   */\n  @property({ type: Number, reflect: true })\n  level = 0;\n\n  @property()\n  layers;\n\n  @property({ type: Boolean, attribute: 'with-background' })\n  withBackground;\n\n  updated() {\n    if (!this.layers) {\n      this.layers = this.querySelectorAll(\n        (this.constructor as typeof CDSLayer).selectorLayer\n      );\n    }\n\n    this.layers.forEach((item) => {\n      const nextLevel = Math.max(\n        MIN_LEVEL,\n        Math.min(this.level + 1, MAX_LEVEL)\n      );\n      (item as HTMLElement).setAttribute('level', nextLevel.toString());\n    });\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSLayer).eventUseLayer, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          layer: this,\n          level: this.level,\n        },\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get selectorLayer() {\n    return `${prefix}-layer`;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get eventUseLayer() {\n    return `${prefix}-use-layer`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSLayer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAa,YAAY;AACzB,MAAa,YAAY;AACzB,MAAa,SAAS;CAAC;CAAQ;CAAO;CAAM;;;;;;;;;AAW5C,qBACM,iBAAiB,WAAW;;;eAKxB;;CAQR,UAAU;AACR,MAAI,CAAC,KAAK,OACR,MAAK,SAAS,KAAK,iBAChB,KAAK,YAAgC,cACvC;AAGH,OAAK,OAAO,SAAS,SAAS;GAC5B,MAAM,YAAY,KAAK,IACrB,WACA,KAAK,IAAI,KAAK,QAAQ,GAAG,UAAU,CACpC;AACD,GAAC,KAAqB,aAAa,SAAS,UAAU,UAAU,CAAC;IACjE;AAEF,OAAK,cACH,IAAI,YAAa,KAAK,YAAgC,eAAe;GACnE,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ;IACN,OAAO;IACP,OAAO,KAAK;IACb;GACF,CAAC,CACH;;CAGH,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,gBAAgB;AACzB,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,gBAAgB;AACzB,SAAO,GAAG,OAAO;;;gBAGHA;;;YAvDf,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAGzC,UAAU;YAGV,SAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC;uBAX3DC,cAAc,GAAG,OAAO,QAAQ;AA+DjC,oBAAe"}
+{"version":3,"file":"layer.js","names":["styles","customElement"],"sources":["../../../src/components/layer/layer.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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './layer.scss?lit';\n\n/**\n * Layer level constants\n */\nexport const MIN_LEVEL = 0;\nexport const MAX_LEVEL = 2;\nexport const levels = ['zero', 'one', 'two'];\nexport type LayerLevel = 0 | 1 | 2;\n\n/**\n * Basic layer\n *\n * @element cds-custom-layer\n * @fires cds-custom-use-layer\n *   The custom event that returns the layer level and the layer element.\n * @slot children - The elements contained within the component.\n */\n@customElement(`${prefix}-layer`)\nclass CDSLayer extends LitElement {\n  /**\n   * Specify the layer level and override any existing levels based on hierarchy\n   */\n  @property({ type: Number, reflect: true })\n  level = 0;\n\n  @property()\n  layers;\n\n  @property({ type: Boolean, attribute: 'with-background' })\n  withBackground;\n\n  updated() {\n    if (!this.layers) {\n      this.layers = this.querySelectorAll(\n        (this.constructor as typeof CDSLayer).selectorLayer\n      );\n    }\n\n    this.layers.forEach((item) => {\n      const nextLevel = Math.max(\n        MIN_LEVEL,\n        Math.min(this.level + 1, MAX_LEVEL)\n      );\n      (item as HTMLElement).setAttribute('level', nextLevel.toString());\n    });\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSLayer).eventUseLayer, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          layer: this,\n          level: this.level,\n        },\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get selectorLayer() {\n    return `${prefix}-layer`;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get eventUseLayer() {\n    return `${prefix}-use-layer`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSLayer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAa,YAAY;AACzB,MAAa,YAAY;AACzB,MAAa,SAAS;CAAC;CAAQ;CAAO;CAAM;;;;;;;;;AAW5C,IAAA,WAAA,MACM,iBAAiB,WAAW;;;eAKxB;;CAQR,UAAU;AACR,MAAI,CAAC,KAAK,OACR,MAAK,SAAS,KAAK,iBAChB,KAAK,YAAgC,cACvC;AAGH,OAAK,OAAO,SAAS,SAAS;GAC5B,MAAM,YAAY,KAAK,IAAA,GAErB,KAAK,IAAI,KAAK,QAAQ,GAAA,EAAa,CACpC;AACA,QAAqB,aAAa,SAAS,UAAU,UAAU,CAAC;IACjE;AAEF,OAAK,cACH,IAAI,YAAa,KAAK,YAAgC,eAAe;GACnE,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ;IACN,OAAO;IACP,OAAO,KAAK;IACb;GACF,CAAC,CACH;;CAGH,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,gBAAgB;AACzB,SAAO;;;;;CAMT,WAAW,gBAAgB;AACzB,SAAO;;;gBAGOA;;;YAvDf,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,SAAA,WAAA,SAAA,KAAA,EAAA;YAGzC,UAAU,CAAA,EAAA,SAAA,WAAA,UAAA,KAAA,EAAA;YAGV,SAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC,CAAA,EAAA,SAAA,WAAA,kBAAA,KAAA,EAAA;uBAX3DC,cAAc,YAAkB,CAAA,EAAA,SAAA;AA+DjC,IAAA,gBAAe"}

package/es-custom/components/layer/layer.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/layer/layer.scss?lit
 var layer_default = css([":root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-one,:host(cds-custom-layer[level=\"0\"]){--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two,:host(cds-custom-layer[level=\"1\"]){--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three,:host(cds-custom-layer[level=\"2\"]){--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"0\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}.cds-custom--layer-two.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"1\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}.cds-custom--layer-three.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"2\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}:host(cds-custom-layer){display:block}"]);
-
 //#endregion
 export { layer_default as default };
+
 //# sourceMappingURL=layer.scss.js.map

package/es-custom/components/layout/index.js

@@ -7,5 +7,4 @@
 
 import { CDSLayout, LAYOUT_DENSITIES, LAYOUT_SIZES } from "./layout.js";
 import { CDSLayoutConstraint } from "./layout-constraint.js";
-
-export { CDSLayout, CDSLayoutConstraint, LAYOUT_DENSITIES, LAYOUT_SIZES };
+export { CDSLayout, CDSLayoutConstraint, LAYOUT_DENSITIES, LAYOUT_SIZES };

package/es-custom/components/layout/layout-constraint.js

@@ -5,12 +5,11 @@
  * 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 layout_default from "./layout.scss.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-
 //#region src/components/layout/layout-constraint.ts
 /**
 * Copyright IBM Corp. 2026
@@ -44,9 +43,9 @@ __decorate([property({
 	attribute: "size-max",
 	reflect: true
 })], CDSLayoutConstraint.prototype, "sizeMax", void 0);
-CDSLayoutConstraint = __decorate([customElement(`${prefix}-layout-constraint`)], CDSLayoutConstraint);
+CDSLayoutConstraint = __decorate([customElement(`cds-custom-layout-constraint`)], CDSLayoutConstraint);
 var layout_constraint_default = CDSLayoutConstraint;
-
 //#endregion
 export { CDSLayoutConstraint, layout_constraint_default as default };
+
 //# sourceMappingURL=layout-constraint.js.map

package/es-custom/components/layout/layout-constraint.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout-constraint.js","names":["styles"],"sources":["../../../src/components/layout/layout-constraint.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layout.scss?lit';\nimport { type LayoutSize } from './layout';\n\n/**\n * `<cds-custom-layout-constraint>` restricts the size range available to its\n * descendant components.\n *\n * @element cds-custom-layout-constraint\n */\n@customElement(`${prefix}-layout-constraint`)\nclass CDSLayoutConstraint extends LitElement {\n  static styles = styles;\n\n  @property({ attribute: 'size-default', reflect: true })\n  sizeDefault?: LayoutSize;\n\n  @property({ attribute: 'size-min', reflect: true })\n  sizeMin?: LayoutSize;\n\n  @property({ attribute: 'size-max', reflect: true })\n  sizeMax?: LayoutSize;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport { CDSLayoutConstraint };\nexport default CDSLayoutConstraint;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,gCACM,4BAA4B,WAAW;;gBAC3BA;;CAWhB,SAAS;AACP,SAAO,IAAI;;;YAVZ,SAAS;CAAE,WAAW;CAAgB,SAAS;CAAM,CAAC;YAGtD,SAAS;CAAE,WAAW;CAAY,SAAS;CAAM,CAAC;YAGlD,SAAS;CAAE,WAAW;CAAY,SAAS;CAAM,CAAC;kCAVpD,cAAc,GAAG,OAAO,oBAAoB;AAmB7C,gCAAe"}
+{"version":3,"file":"layout-constraint.js","names":["styles"],"sources":["../../../src/components/layout/layout-constraint.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layout.scss?lit';\nimport { type LayoutSize } from './layout';\n\n/**\n * `<cds-custom-layout-constraint>` restricts the size range available to its\n * descendant components.\n *\n * @element cds-custom-layout-constraint\n */\n@customElement(`${prefix}-layout-constraint`)\nclass CDSLayoutConstraint extends LitElement {\n  static styles = styles;\n\n  @property({ attribute: 'size-default', reflect: true })\n  sizeDefault?: LayoutSize;\n\n  @property({ attribute: 'size-min', reflect: true })\n  sizeMin?: LayoutSize;\n\n  @property({ attribute: 'size-max', reflect: true })\n  sizeMax?: LayoutSize;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport { CDSLayoutConstraint };\nexport default CDSLayoutConstraint;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,sBAAA,MACM,4BAA4B,WAAW;;gBAC3BA;;CAWhB,SAAS;AACP,SAAO,IAAI;;;YAVZ,SAAS;CAAE,WAAW;CAAgB,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,eAAA,KAAA,EAAA;YAGtD,SAAS;CAAE,WAAW;CAAY,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,WAAA,KAAA,EAAA;YAGlD,SAAS;CAAE,WAAW;CAAY,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,WAAA,KAAA,EAAA;kCAVpD,cAAc,wBAA8B,CAAA,EAAA,oBAAA;AAmB7C,IAAA,4BAAe"}

package/es-custom/components/layout/layout.js

@@ -5,12 +5,11 @@
  * 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 layout_default$1 from "./layout.scss.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-
 //#region src/components/layout/layout.ts
 /**
 * Copyright IBM Corp. 2026
@@ -45,9 +44,9 @@ let CDSLayout = class CDSLayout extends LitElement {
 };
 __decorate([property({ reflect: true })], CDSLayout.prototype, "size", void 0);
 __decorate([property({ reflect: true })], CDSLayout.prototype, "density", void 0);
-CDSLayout = __decorate([customElement(`${prefix}-layout`)], CDSLayout);
+CDSLayout = __decorate([customElement(`cds-custom-layout`)], CDSLayout);
 var layout_default = CDSLayout;
-
 //#endregion
 export { CDSLayout, LAYOUT_DENSITIES, LAYOUT_SIZES, layout_default as default };
+
 //# sourceMappingURL=layout.js.map

package/es-custom/components/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":["styles"],"sources":["../../../src/components/layout/layout.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layout.scss?lit';\n\nexport const LAYOUT_SIZES = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport const LAYOUT_DENSITIES = ['condensed', 'normal'] as const;\n\nexport type LayoutSize = (typeof LAYOUT_SIZES)[number];\nexport type LayoutDensity = (typeof LAYOUT_DENSITIES)[number];\n\n/**\n * `<cds-custom-layout>` sets a layout context (size and/or density) for all\n * descendant Carbon components.\n *\n * @see This component is in {@link https://web-components.carbondesignsystem.com/?path=/docs/preview-about-preview--about-preview|preview status}\n *\n * @element cds-custom-layout\n */\n@customElement(`${prefix}-layout`)\nclass CDSLayout extends LitElement {\n  static styles = styles;\n\n  /**\n   * Size context for all descendant components.\n   */\n  @property({ reflect: true })\n  size?: LayoutSize;\n\n  /**\n   * Density context for all descendant components.\n   */\n  @property({ reflect: true })\n  density?: LayoutDensity;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport { CDSLayout };\nexport default CDSLayout;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAa,eAAe;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;AACjE,MAAa,mBAAmB,CAAC,aAAa,SAAS;;;;;;;;;AAavD,sBACM,kBAAkB,WAAW;;gBACjBA;;CAchB,SAAS;AACP,SAAO,IAAI;;;YAVZ,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;wBAb7B,cAAc,GAAG,OAAO,SAAS;AAsBlC,qBAAe"}
+{"version":3,"file":"layout.js","names":["styles"],"sources":["../../../src/components/layout/layout.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layout.scss?lit';\n\nexport const LAYOUT_SIZES = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport const LAYOUT_DENSITIES = ['condensed', 'normal'] as const;\n\nexport type LayoutSize = (typeof LAYOUT_SIZES)[number];\nexport type LayoutDensity = (typeof LAYOUT_DENSITIES)[number];\n\n/**\n * `<cds-custom-layout>` sets a layout context (size and/or density) for all\n * descendant Carbon components.\n *\n * @see This component is in {@link https://web-components.carbondesignsystem.com/?path=/docs/preview-about-preview--about-preview|preview status}\n *\n * @element cds-custom-layout\n */\n@customElement(`${prefix}-layout`)\nclass CDSLayout extends LitElement {\n  static styles = styles;\n\n  /**\n   * Size context for all descendant components.\n   */\n  @property({ reflect: true })\n  size?: LayoutSize;\n\n  /**\n   * Density context for all descendant components.\n   */\n  @property({ reflect: true })\n  density?: LayoutDensity;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport { CDSLayout };\nexport default CDSLayout;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,MAAa,eAAe;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;AACjE,MAAa,mBAAmB,CAAC,aAAa,SAAS;;;;;;;;;AAavD,IAAA,YAAA,MACM,kBAAkB,WAAW;;gBACjBA;;CAchB,SAAS;AACP,SAAO,IAAI;;;YAVZ,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA,EAAA;wBAb7B,cAAc,aAAmB,CAAA,EAAA,UAAA;AAsBlC,IAAA,iBAAe"}

package/es-custom/components/layout/layout.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/layout/layout.scss?lit
 var layout_default = css([".cds-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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}:host(cds-custom-layout){--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;display:contents}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}"]);
-
 //#endregion
 export { layout_default as default };
+
 //# sourceMappingURL=layout.scss.js.map

package/es-custom/components/link/link.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 { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import link_default$1 from "./link.scss.js";
 import { LitElement, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-
 //#region src/components/link/link.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -50,7 +49,8 @@ let CDSLink = class CDSLink extends FocusMixin(LitElement) {
 	*/
 	_handleSlotChange({ target }) {
 		const { name } = target;
-		this[name === "icon" ? "_hasIcon" : ""] = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		const hasContent = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		this[name === "icon" ? "_hasIcon" : ""] = hasContent;
 		this.requestUpdate();
 	}
 	/**
@@ -59,12 +59,12 @@ let CDSLink = class CDSLink extends FocusMixin(LitElement) {
 	get _classes() {
 		const { disabled, size, inline, visited, _hasIcon } = this;
 		return classMap({
-			[`${prefix}--link`]: true,
-			[`${prefix}--link--disabled`]: disabled,
-			[`${prefix}--link--icon`]: _hasIcon,
-			[`${prefix}--link--inline`]: inline,
-			[`${prefix}--link--${size}`]: size,
-			[`${prefix}--link--visited`]: visited
+			[`cds-custom--link`]: true,
+			[`cds-custom--link--disabled`]: disabled,
+			[`cds-custom--link--icon`]: _hasIcon,
+			[`cds-custom--link--inline`]: inline,
+			[`cds-custom--link--${size}`]: size,
+			[`cds-custom--link--visited`]: visited
 		});
 	}
 	/**
@@ -74,7 +74,7 @@ let CDSLink = class CDSLink extends FocusMixin(LitElement) {
 		const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;
 		return html`
       <slot @slotchange="${handleSlotChange}"></slot>
-      <span ?hidden="${!hasIcon}" class="${prefix}--link__icon">
+      <span ?hidden="${!hasIcon}" class="${"cds-custom"}--link__icon">
         <slot name="icon" @slotchange="${handleSlotChange}"></slot>
       </span>
     `;
@@ -147,9 +147,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSLink.prototype, "visited", void 0);
-CDSLink = __decorate([carbonElement(`${prefix}-link`)], CDSLink);
+CDSLink = __decorate([carbonElement(`cds-custom-link`)], CDSLink);
 var link_default = CDSLink;
-
 //#endregion
 export { LINK_SIZE, link_default as default };
+
 //# sourceMappingURL=link.js.map