@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/es-custom/components/user-avatar/user-avatar.js

@@ -1,91 +1,78 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { prefix, carbonPrefix } from '../../globals/settings.js';
-import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import styles from './user-avatar.scss.js';
+import { carbonPrefix, prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import user_avatar_default$1 from "./user-avatar.scss.js";
+import { LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
+import { classMap } from "lit/directives/class-map.js";
 import '@carbon/web-components/es-custom/components/tooltip/index.js';
-import User from '@carbon/icons/es/user/16';
-import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import User from "@carbon/icons/es/user/16";
 
+//#region src/components/user-avatar/user-avatar.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const blockClass = `${prefix}--user-avatar`;
 /**
- * Useravatar.
- *
- * @element c4p-user-avatar
- * */
+* Useravatar.
+*
+* @element c4p-user-avatar
+* */
 let CDSUseravatar = class CDSUseravatar extends HostListenerMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        /**
-         * Specify the alignment of the tooltip.
-         */
-        this.tooltipAlignment = 'bottom';
-        /**
-         * Provide the background color need to be set for UserAvatar.
-         */
-        this.backgroundColor = 'order-1-cyan';
-    }
-    render() {
-        const getItem = () => {
-            var _a;
-            if (this.image) {
-                const imageClasses = classMap({
-                    [`${blockClass}__photo`]: true,
-                    [`${blockClass}__photo--${this.size}`]: this.size,
-                });
-                return html ` <img
+	constructor(..._args) {
+		super(..._args);
+		this.tooltipAlignment = "bottom";
+		this.backgroundColor = "order-1-cyan";
+	}
+	render() {
+		const getItem = () => {
+			if (this.image) {
+				const imageClasses = classMap({
+					[`${blockClass}__photo`]: true,
+					[`${blockClass}__photo--${this.size}`]: this.size
+				});
+				return html` <img
           alt="${this.imageDescription}"
           src="${this.image}"
           class="${imageClasses}"
         />`;
-            }
-            if (this.querySelector('[slot="rendericon"]')) {
-                return html `<slot name="rendericon"></slot>`;
-            }
-            if (this.name) {
-                const parts = ((_a = this.name) === null || _a === void 0 ? void 0 : _a.split(' ')) || [];
-                const firstChar = parts[0].charAt(0).toUpperCase();
-                const secondChar = parts[0].charAt(1).toUpperCase();
-                if (parts.length === 1) {
-                    return firstChar + secondChar;
-                }
-                const lastChar = parts[parts.length - 1].charAt(0).toUpperCase();
-                const initials = [firstChar];
-                if (lastChar) {
-                    initials.push(lastChar);
-                }
-                return ''.concat(...initials);
-            }
-            return html `${iconLoader(User, { slot: 'rendericon' })} `;
-        };
-        const { tooltipText, tooltipAlignment, size, backgroundColor, theme } = this;
-        const classes = classMap({
-            [`${blockClass}`]: true,
-            [`${blockClass}--${size}`]: size,
-            [`${blockClass}--${backgroundColor}`]: backgroundColor,
-            [`${blockClass}--${theme}`]: theme,
-        });
-        const Avatar = () => html `<div class="${classes}">${getItem()}</div>`;
-        if (tooltipText) {
-            return html `<cds-custom-tooltip
+			}
+			if (this.querySelector("[slot=\"rendericon\"]")) return html`<slot name="rendericon"></slot>`;
+			if (this.name) {
+				const parts = this.name?.split(" ") || [];
+				const firstChar = parts[0].charAt(0).toUpperCase();
+				const secondChar = parts[0].charAt(1).toUpperCase();
+				if (parts.length === 1) return firstChar + secondChar;
+				const lastChar = parts[parts.length - 1].charAt(0).toUpperCase();
+				const initials = [firstChar];
+				if (lastChar) initials.push(lastChar);
+				return "".concat(...initials);
+			}
+			return html`${iconLoader(User, { slot: "rendericon" })} `;
+		};
+		const { tooltipText, tooltipAlignment, size, backgroundColor, theme } = this;
+		const classes = classMap({
+			[`${blockClass}`]: true,
+			[`${blockClass}--${size}`]: size,
+			[`${blockClass}--${backgroundColor}`]: backgroundColor,
+			[`${blockClass}--${theme}`]: theme
+		});
+		const Avatar = () => html`<div class="${classes}">${getItem()}</div>`;
+		if (tooltipText) return html`<cds-custom-tooltip
         align=${tooltipAlignment}
         aria-label=${tooltipText}
         class=${`${blockClass}__tooltip ${carbonPrefix}--icon-tooltip`}
@@ -100,42 +87,41 @@ let CDSUseravatar = class CDSUseravatar extends HostListenerMixin(LitElement) {
           ${tooltipText}
         </cds-custom-tooltip-content>
       </cds-custom-tooltip>`;
-        }
-        else {
-            return html ` ${Avatar()}`;
-        }
-    }
+		else return html` ${Avatar()}`;
+	}
+	static {
+		this.shadowRootOptions = {
+			...LitElement.shadowRootOptions,
+			delegatesFocus: true
+		};
+	}
+	static {
+		this.styles = user_avatar_default$1;
+	}
 };
-CDSUseravatar.shadowRootOptions = Object.assign(Object.assign({}, LitElement.shadowRootOptions), { delegatesFocus: true });
-CDSUseravatar.styles = styles;
-__decorate([
-    property({ reflect: true, attribute: 'tooltip-text' })
-], CDSUseravatar.prototype, "tooltipText", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'tooltip-alignment' })
-], CDSUseravatar.prototype, "tooltipAlignment", void 0);
-__decorate([
-    property({ reflect: true })
-], CDSUseravatar.prototype, "name", void 0);
-__decorate([
-    property({ reflect: true })
-], CDSUseravatar.prototype, "size", void 0);
-__decorate([
-    property({ reflect: true })
-], CDSUseravatar.prototype, "image", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'image-description' })
-], CDSUseravatar.prototype, "imageDescription", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'background-color' })
-], CDSUseravatar.prototype, "backgroundColor", void 0);
-__decorate([
-    property({ reflect: true })
-], CDSUseravatar.prototype, "theme", void 0);
-CDSUseravatar = __decorate([
-    carbonElement(`${prefix}-user-avatar`)
-], CDSUseravatar);
-var CDSUseravatar_default = CDSUseravatar;
+__decorate([property({
+	reflect: true,
+	attribute: "tooltip-text"
+})], CDSUseravatar.prototype, "tooltipText", void 0);
+__decorate([property({
+	reflect: true,
+	attribute: "tooltip-alignment"
+})], CDSUseravatar.prototype, "tooltipAlignment", void 0);
+__decorate([property({ reflect: true })], CDSUseravatar.prototype, "name", void 0);
+__decorate([property({ reflect: true })], CDSUseravatar.prototype, "size", void 0);
+__decorate([property({ reflect: true })], CDSUseravatar.prototype, "image", void 0);
+__decorate([property({
+	reflect: true,
+	attribute: "image-description"
+})], CDSUseravatar.prototype, "imageDescription", void 0);
+__decorate([property({
+	reflect: true,
+	attribute: "background-color"
+})], CDSUseravatar.prototype, "backgroundColor", void 0);
+__decorate([property({ reflect: true })], CDSUseravatar.prototype, "theme", void 0);
+CDSUseravatar = __decorate([carbonElement(`${prefix}-user-avatar`)], CDSUseravatar);
+var user_avatar_default = CDSUseravatar;
 
-export { CDSUseravatar_default as default };
-//# sourceMappingURL=user-avatar.js.map
+//#endregion
+export { user_avatar_default as default };
+//# sourceMappingURL=user-avatar.js.map

package/es-custom/components/user-avatar/user-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-avatar.js","sources":["../../../src/components/user-avatar/user-avatar.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"user-avatar.js","names":["styles","customElement"],"sources":["../../../src/components/user-avatar/user-avatar.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './user-avatar.scss?lit';\nimport '@carbon/web-components/es-custom/components/tooltip/index.js';\nimport User from '@carbon/icons/es/user/16';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\n\nconst blockClass = `${prefix}--user-avatar`;\n\n/**\n * Useravatar.\n *\n * @element c4p-user-avatar\n * */\n\n@customElement(`${prefix}-user-avatar`)\nclass CDSUseravatar extends HostListenerMixin(LitElement) {\n  /**\n   * Specify the text of the tooltip.\n   * Can be string\n   */\n  @property({ reflect: true, attribute: 'tooltip-text' })\n  tooltipText;\n\n  /**\n   * Specify the alignment of the tooltip.\n   */\n  @property({ reflect: true, attribute: 'tooltip-alignment' })\n  tooltipAlignment = 'bottom';\n\n  /**\n   * When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name.\n   */\n  @property({ reflect: true })\n  name;\n\n  /**\n   * Set the size of the avatar circle\n   */\n  @property({ reflect: true })\n  size;\n\n  /**\n   * When passing the image prop, supply a full path to the image to be displayed.\n   */\n  @property({ reflect: true })\n  image;\n  /**\n   * When passing the image prop use the imageDescription prop to describe the image for screen reader.\n   */\n  @property({ reflect: true, attribute: 'image-description' })\n  imageDescription;\n\n  /**\n   * Provide the background color need to be set for UserAvatar.\n   */\n  @property({ reflect: true, attribute: 'background-color' })\n  backgroundColor = 'order-1-cyan';\n\n  /**\n   * Set theme in which the component will be rendered.\n   */\n  @property({ reflect: true })\n  theme;\n\n  render() {\n    const getItem = () => {\n      if (this.image) {\n        const imageClasses = classMap({\n          [`${blockClass}__photo`]: true,\n          [`${blockClass}__photo--${this.size}`]: this.size,\n        });\n        return html` <img\n          alt=\"${this.imageDescription}\"\n          src=\"${this.image}\"\n          class=\"${imageClasses}\"\n        />`;\n      }\n      if (this.querySelector('[slot=\"rendericon\"]')) {\n        return html`<slot name=\"rendericon\"></slot>`;\n      }\n      if (this.name) {\n        const parts = this.name?.split(' ') || [];\n        const firstChar = parts[0].charAt(0).toUpperCase();\n        const secondChar = parts[0].charAt(1).toUpperCase();\n        if (parts.length === 1) {\n          return firstChar + secondChar;\n        }\n        const lastChar = parts[parts.length - 1].charAt(0).toUpperCase();\n        const initials = [firstChar];\n        if (lastChar) {\n          initials.push(lastChar);\n        }\n\n        return ''.concat(...initials);\n      }\n      return html`${iconLoader(User, { slot: 'rendericon' })} `;\n    };\n\n    const { tooltipText, tooltipAlignment, size, backgroundColor, theme } =\n      this;\n    const classes = classMap({\n      [`${blockClass}`]: true,\n      [`${blockClass}--${size}`]: size,\n      [`${blockClass}--${backgroundColor}`]: backgroundColor,\n      [`${blockClass}--${theme}`]: theme,\n    });\n\n    const Avatar = () => html`<div class=\"${classes}\">${getItem()}</div>`;\n\n    if (tooltipText) {\n      return html`<cds-custom-tooltip\n        align=${tooltipAlignment}\n        aria-label=${tooltipText}\n        class=${`${blockClass}__tooltip ${carbonPrefix}--icon-tooltip`}\n      >\n        <button class=${`${blockClass}__tooltip-trigger`} role=\"button\">\n          ${Avatar()}\n        </button>\n        <cds-custom-tooltip-content\n          class=${`${blockClass}__tooltip-content`}\n          id=\"content\"\n        >\n          ${tooltipText}\n        </cds-custom-tooltip-content>\n      </cds-custom-tooltip>`;\n    } else {\n      return html` ${Avatar()}`;\n    }\n  }\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\nexport default CDSUseravatar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,aAAa,GAAG,OAAO;;;;;;AAQ7B,0BACM,sBAAsB,kBAAkB,WAAW,CAAC;;;0BAYrC;yBA6BD;;CAQlB,SAAS;EACP,MAAM,gBAAgB;AACpB,OAAI,KAAK,OAAO;IACd,MAAM,eAAe,SAAS;MAC3B,GAAG,WAAW,WAAW;MACzB,GAAG,WAAW,WAAW,KAAK,SAAS,KAAK;KAC9C,CAAC;AACF,WAAO,IAAI;iBACF,KAAK,iBAAiB;iBACtB,KAAK,MAAM;mBACT,aAAa;;;AAG1B,OAAI,KAAK,cAAc,wBAAsB,CAC3C,QAAO,IAAI;AAEb,OAAI,KAAK,MAAM;IACb,MAAM,QAAQ,KAAK,MAAM,MAAM,IAAI,IAAI,EAAE;IACzC,MAAM,YAAY,MAAM,GAAG,OAAO,EAAE,CAAC,aAAa;IAClD,MAAM,aAAa,MAAM,GAAG,OAAO,EAAE,CAAC,aAAa;AACnD,QAAI,MAAM,WAAW,EACnB,QAAO,YAAY;IAErB,MAAM,WAAW,MAAM,MAAM,SAAS,GAAG,OAAO,EAAE,CAAC,aAAa;IAChE,MAAM,WAAW,CAAC,UAAU;AAC5B,QAAI,SACF,UAAS,KAAK,SAAS;AAGzB,WAAO,GAAG,OAAO,GAAG,SAAS;;AAE/B,UAAO,IAAI,GAAG,WAAW,MAAM,EAAE,MAAM,cAAc,CAAC,CAAC;;EAGzD,MAAM,EAAE,aAAa,kBAAkB,MAAM,iBAAiB,UAC5D;EACF,MAAM,UAAU,SAAS;IACtB,GAAG,eAAe;IAClB,GAAG,WAAW,IAAI,SAAS;IAC3B,GAAG,WAAW,IAAI,oBAAoB;IACtC,GAAG,WAAW,IAAI,UAAU;GAC9B,CAAC;EAEF,MAAM,eAAe,IAAI,eAAe,QAAQ,IAAI,SAAS,CAAC;AAE9D,MAAI,YACF,QAAO,IAAI;gBACD,iBAAiB;qBACZ,YAAY;gBACjB,GAAG,WAAW,YAAY,aAAa,gBAAgB;;wBAE/C,GAAG,WAAW,mBAAmB;YAC7C,QAAQ,CAAC;;;kBAGH,GAAG,WAAW,mBAAmB;;;YAGvC,YAAY;;;MAIlB,QAAO,IAAI,IAAI,QAAQ;;;2BAGA;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAjHf,SAAS;CAAE,SAAS;CAAM,WAAW;CAAgB,CAAC;YAMtD,SAAS;CAAE,SAAS;CAAM,WAAW;CAAqB,CAAC;YAM3D,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS;CAAE,SAAS;CAAM,WAAW;CAAqB,CAAC;YAM3D,SAAS;CAAE,SAAS;CAAM,WAAW;CAAoB,CAAC;YAM1D,SAAS,EAAE,SAAS,MAAM,CAAC;4BA/C7BC,cAAc,GAAG,OAAO,cAAc;AAyHvC,0BAAe"}

package/es-custom/components/user-avatar/user-avatar.scss.js

@@ -1,13 +1,15 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { css } from 'lit';
+import { css } from "lit";
 
-var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}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)}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)}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)}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)}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)}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)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.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}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--assistive-text,.cds-custom--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}.c4p--user-avatar{align-items:center;block-size:4rem;border:.5px solid transparent;border-radius:100%;color:var(--cds-text-inverse,#fff);display:flex;inline-size:4rem;justify-content:center;outline:none;outline-offset:3px;position:relative}.c4p--user-avatar svg{color:var(--cds-icon-inverse,#fff)}.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--g10 .c4p--user-avatar--order-1-cyan,.cds-custom--white .c4p--user-avatar--order-1-cyan,:root .c4p--user-avatar--order-1-cyan{background-color:#0072c3}.cds-custom--g10 .c4p--user-avatar--order-2-gray,.cds-custom--white .c4p--user-avatar--order-2-gray,:root .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}.cds-custom--g10 .c4p--user-avatar--order-3-green,.cds-custom--white .c4p--user-avatar--order-3-green,:root .c4p--user-avatar--order-3-green{background-color:#198038}.cds-custom--g10 .c4p--user-avatar--order-4-magenta,.cds-custom--white .c4p--user-avatar--order-4-magenta,:root .c4p--user-avatar--order-4-magenta{background-color:#d02670}.cds-custom--g10 .c4p--user-avatar--order-5-purple,.cds-custom--white .c4p--user-avatar--order-5-purple,:root .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}.cds-custom--g10 .c4p--user-avatar--order-6-teal,.cds-custom--white .c4p--user-avatar--order-6-teal,:root .c4p--user-avatar--order-6-teal{background-color:#007d79}.cds-custom--g10 .c4p--user-avatar--order-7-cyan,.cds-custom--white .c4p--user-avatar--order-7-cyan,:root .c4p--user-avatar--order-7-cyan{background-color:#003a6d}.cds-custom--g10 .c4p--user-avatar--order-8-gray,.cds-custom--white .c4p--user-avatar--order-8-gray,:root .c4p--user-avatar--order-8-gray{background-color:#393939}.cds-custom--g10 .c4p--user-avatar--order-9-green,.cds-custom--white .c4p--user-avatar--order-9-green,:root .c4p--user-avatar--order-9-green{background-color:#044317}.cds-custom--g10 .c4p--user-avatar--order-10-magenta,.cds-custom--white .c4p--user-avatar--order-10-magenta,:root .c4p--user-avatar--order-10-magenta{background-color:#740937}.cds-custom--g10 .c4p--user-avatar--order-11-purple,.cds-custom--white .c4p--user-avatar--order-11-purple,:root .c4p--user-avatar--order-11-purple{background-color:#491d8b}.cds-custom--g10 .c4p--user-avatar--order-12-teal,.cds-custom--white .c4p--user-avatar--order-12-teal,:root .c4p--user-avatar--order-12-teal{background-color:#004144}.cds-custom--g100 .c4p--user-avatar--order-1-cyan,.cds-custom--g90 .c4p--user-avatar--order-1-cyan{background-color:#1192e8}.cds-custom--g100 .c4p--user-avatar--order-2-gray,.cds-custom--g90 .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}.cds-custom--g100 .c4p--user-avatar--order-3-green,.cds-custom--g90 .c4p--user-avatar--order-3-green{background-color:#24a148}.cds-custom--g100 .c4p--user-avatar--order-4-magenta,.cds-custom--g90 .c4p--user-avatar--order-4-magenta{background-color:#ee5396}.cds-custom--g100 .c4p--user-avatar--order-5-purple,.cds-custom--g90 .c4p--user-avatar--order-5-purple{background-color:#a56eff}.cds-custom--g100 .c4p--user-avatar--order-6-teal,.cds-custom--g90 .c4p--user-avatar--order-6-teal{background-color:#009d9a}.cds-custom--g100 .c4p--user-avatar--order-7-cyan,.cds-custom--g90 .c4p--user-avatar--order-7-cyan{background-color:#82cfff}.cds-custom--g100 .c4p--user-avatar--order-8-gray,.cds-custom--g90 .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}.cds-custom--g100 .c4p--user-avatar--order-9-green,.cds-custom--g90 .c4p--user-avatar--order-9-green{background-color:#6fdc8c}.cds-custom--g100 .c4p--user-avatar--order-10-magenta,.cds-custom--g90 .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}.cds-custom--g100 .c4p--user-avatar--order-11-purple,.cds-custom--g90 .c4p--user-avatar--order-11-purple{background-color:#d4bbff}.cds-custom--g100 .c4p--user-avatar--order-12-teal,.cds-custom--g90 .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}.c4p--user-avatar--xl{block-size:4rem;font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);inline-size:4rem;letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}.c4p--user-avatar--lg{block-size:3rem;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);inline-size:3rem;letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}.c4p--user-avatar--md{block-size:2rem;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:2rem;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--user-avatar--sm{block-size:1.5rem;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:1.5rem;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--user-avatar__photo{border-radius:100%;-o-object-fit:contain;object-fit:contain}.c4p--user-avatar__photo--xl{block-size:4rem;border-radius:100%;inline-size:4rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--lg{block-size:3rem;border-radius:100%;inline-size:3rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--md{block-size:2rem;border-radius:100%;inline-size:2rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--sm{block-size:1.5rem;border-radius:100%;inline-size:1.5rem;-o-object-fit:fill;object-fit:fill}:host(c4p-user-avatar){display:inline-block}:host(c4p-user-avatar) .c4p--user-avatar{box-sizing:border-box}:host(c4p-user-avatar) .c4p--user-avatar--xl ::slotted([slot=rendericon]){block-size:2rem;inline-size:2rem}:host(c4p-user-avatar) .c4p--user-avatar--lg ::slotted([slot=rendericon]){block-size:1.5rem;inline-size:1.5rem}:host(c4p-user-avatar) .c4p--user-avatar--md ::slotted([slot=rendericon]){block-size:1.25rem;inline-size:1.25rem}:host(c4p-user-avatar) .c4p--user-avatar--sm ::slotted([slot=rendericon]){block-size:1rem;inline-size:1rem}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-trigger{background:none;border:0;outline:none;padding:0}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-content{--cds-tooltip-padding-block:0.125rem}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-content:focus-within{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:1px}:host(c4p-user-avatar) .c4p--user-avatar--order-1-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-1-cyan{background-color:#0072c3}:host(c4p-user-avatar) .c4p--user-avatar--order-2-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}:host(c4p-user-avatar) .c4p--user-avatar--order-3-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-3-green{background-color:#198038}:host(c4p-user-avatar) .c4p--user-avatar--order-4-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-4-magenta{background-color:#d02670}:host(c4p-user-avatar) .c4p--user-avatar--order-5-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}:host(c4p-user-avatar) .c4p--user-avatar--order-6-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-6-teal{background-color:#007d79}:host(c4p-user-avatar) .c4p--user-avatar--order-7-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-7-cyan{background-color:#003a6d}:host(c4p-user-avatar) .c4p--user-avatar--order-8-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-8-gray{background-color:#393939}:host(c4p-user-avatar) .c4p--user-avatar--order-9-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-9-green{background-color:#044317}:host(c4p-user-avatar) .c4p--user-avatar--order-10-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-10-magenta{background-color:#740937}:host(c4p-user-avatar) .c4p--user-avatar--order-11-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-11-purple{background-color:#491d8b}:host(c4p-user-avatar) .c4p--user-avatar--order-12-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-12-teal{background-color:#004144}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-1-cyan{background-color:#1192e8}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-3-green{background-color:#24a148}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-4-magenta{background-color:#ee5396}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-5-purple{background-color:#a56eff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-6-teal{background-color:#009d9a}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-7-cyan{background-color:#82cfff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-9-green{background-color:#6fdc8c}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-11-purple{background-color:#d4bbff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}"]);
+//#region src/components/user-avatar/user-avatar.scss?lit
+var user_avatar_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-custom-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--assistive-text,.cds-custom--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}.c4p--user-avatar{align-items:center;block-size:4rem;border:.5px solid transparent;border-radius:100%;color:var(--cds-custom-text-inverse,#fff);display:flex;inline-size:4rem;justify-content:center;outline:none;outline-offset:3px;position:relative}.c4p--user-avatar svg{color:var(--cds-custom-icon-inverse,#fff)}.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:1px}.cds-custom--g10 .c4p--user-avatar--order-1-cyan,.cds-custom--white .c4p--user-avatar--order-1-cyan,:root .c4p--user-avatar--order-1-cyan{background-color:#0072c3}.cds-custom--g10 .c4p--user-avatar--order-2-gray,.cds-custom--white .c4p--user-avatar--order-2-gray,:root .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}.cds-custom--g10 .c4p--user-avatar--order-3-green,.cds-custom--white .c4p--user-avatar--order-3-green,:root .c4p--user-avatar--order-3-green{background-color:#198038}.cds-custom--g10 .c4p--user-avatar--order-4-magenta,.cds-custom--white .c4p--user-avatar--order-4-magenta,:root .c4p--user-avatar--order-4-magenta{background-color:#d02670}.cds-custom--g10 .c4p--user-avatar--order-5-purple,.cds-custom--white .c4p--user-avatar--order-5-purple,:root .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}.cds-custom--g10 .c4p--user-avatar--order-6-teal,.cds-custom--white .c4p--user-avatar--order-6-teal,:root .c4p--user-avatar--order-6-teal{background-color:#007d79}.cds-custom--g10 .c4p--user-avatar--order-7-cyan,.cds-custom--white .c4p--user-avatar--order-7-cyan,:root .c4p--user-avatar--order-7-cyan{background-color:#003a6d}.cds-custom--g10 .c4p--user-avatar--order-8-gray,.cds-custom--white .c4p--user-avatar--order-8-gray,:root .c4p--user-avatar--order-8-gray{background-color:#393939}.cds-custom--g10 .c4p--user-avatar--order-9-green,.cds-custom--white .c4p--user-avatar--order-9-green,:root .c4p--user-avatar--order-9-green{background-color:#044317}.cds-custom--g10 .c4p--user-avatar--order-10-magenta,.cds-custom--white .c4p--user-avatar--order-10-magenta,:root .c4p--user-avatar--order-10-magenta{background-color:#740937}.cds-custom--g10 .c4p--user-avatar--order-11-purple,.cds-custom--white .c4p--user-avatar--order-11-purple,:root .c4p--user-avatar--order-11-purple{background-color:#491d8b}.cds-custom--g10 .c4p--user-avatar--order-12-teal,.cds-custom--white .c4p--user-avatar--order-12-teal,:root .c4p--user-avatar--order-12-teal{background-color:#004144}.cds-custom--g100 .c4p--user-avatar--order-1-cyan,.cds-custom--g90 .c4p--user-avatar--order-1-cyan{background-color:#1192e8}.cds-custom--g100 .c4p--user-avatar--order-2-gray,.cds-custom--g90 .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}.cds-custom--g100 .c4p--user-avatar--order-3-green,.cds-custom--g90 .c4p--user-avatar--order-3-green{background-color:#24a148}.cds-custom--g100 .c4p--user-avatar--order-4-magenta,.cds-custom--g90 .c4p--user-avatar--order-4-magenta{background-color:#ee5396}.cds-custom--g100 .c4p--user-avatar--order-5-purple,.cds-custom--g90 .c4p--user-avatar--order-5-purple{background-color:#a56eff}.cds-custom--g100 .c4p--user-avatar--order-6-teal,.cds-custom--g90 .c4p--user-avatar--order-6-teal{background-color:#009d9a}.cds-custom--g100 .c4p--user-avatar--order-7-cyan,.cds-custom--g90 .c4p--user-avatar--order-7-cyan{background-color:#82cfff}.cds-custom--g100 .c4p--user-avatar--order-8-gray,.cds-custom--g90 .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}.cds-custom--g100 .c4p--user-avatar--order-9-green,.cds-custom--g90 .c4p--user-avatar--order-9-green{background-color:#6fdc8c}.cds-custom--g100 .c4p--user-avatar--order-10-magenta,.cds-custom--g90 .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}.cds-custom--g100 .c4p--user-avatar--order-11-purple,.cds-custom--g90 .c4p--user-avatar--order-11-purple{background-color:#d4bbff}.cds-custom--g100 .c4p--user-avatar--order-12-teal,.cds-custom--g90 .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}.c4p--user-avatar--xl{block-size:4rem;font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);inline-size:4rem;letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}.c4p--user-avatar--lg{block-size:3rem;font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);inline-size:3rem;letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}.c4p--user-avatar--md{block-size:2rem;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);inline-size:2rem;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--user-avatar--sm{block-size:1.5rem;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);inline-size:1.5rem;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333)}.c4p--user-avatar__photo{border-radius:100%;-o-object-fit:contain;object-fit:contain}.c4p--user-avatar__photo--xl{block-size:4rem;border-radius:100%;inline-size:4rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--lg{block-size:3rem;border-radius:100%;inline-size:3rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--md{block-size:2rem;border-radius:100%;inline-size:2rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--sm{block-size:1.5rem;border-radius:100%;inline-size:1.5rem;-o-object-fit:fill;object-fit:fill}:host(c4p-user-avatar){display:inline-block}:host(c4p-user-avatar) .c4p--user-avatar{box-sizing:border-box}:host(c4p-user-avatar) .c4p--user-avatar--xl ::slotted([slot=rendericon]){block-size:2rem;inline-size:2rem}:host(c4p-user-avatar) .c4p--user-avatar--lg ::slotted([slot=rendericon]){block-size:1.5rem;inline-size:1.5rem}:host(c4p-user-avatar) .c4p--user-avatar--md ::slotted([slot=rendericon]){block-size:1.25rem;inline-size:1.25rem}:host(c4p-user-avatar) .c4p--user-avatar--sm ::slotted([slot=rendericon]){block-size:1rem;inline-size:1rem}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-trigger{background:none;border:0;outline:none;padding:0}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-content{--cds-custom-tooltip-padding-block:0.125rem}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-content:focus-within{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:1px}:host(c4p-user-avatar) .c4p--user-avatar--order-1-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-1-cyan{background-color:#0072c3}:host(c4p-user-avatar) .c4p--user-avatar--order-2-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}:host(c4p-user-avatar) .c4p--user-avatar--order-3-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-3-green{background-color:#198038}:host(c4p-user-avatar) .c4p--user-avatar--order-4-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-4-magenta{background-color:#d02670}:host(c4p-user-avatar) .c4p--user-avatar--order-5-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}:host(c4p-user-avatar) .c4p--user-avatar--order-6-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-6-teal{background-color:#007d79}:host(c4p-user-avatar) .c4p--user-avatar--order-7-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-7-cyan{background-color:#003a6d}:host(c4p-user-avatar) .c4p--user-avatar--order-8-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-8-gray{background-color:#393939}:host(c4p-user-avatar) .c4p--user-avatar--order-9-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-9-green{background-color:#044317}:host(c4p-user-avatar) .c4p--user-avatar--order-10-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-10-magenta{background-color:#740937}:host(c4p-user-avatar) .c4p--user-avatar--order-11-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-11-purple{background-color:#491d8b}:host(c4p-user-avatar) .c4p--user-avatar--order-12-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-12-teal{background-color:#004144}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-1-cyan{background-color:#1192e8}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-3-green{background-color:#24a148}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-4-magenta{background-color:#ee5396}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-5-purple{background-color:#a56eff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-6-teal{background-color:#009d9a}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-7-cyan{background-color:#82cfff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-9-green{background-color:#6fdc8c}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-11-purple{background-color:#d4bbff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}"]);
 
-export { styles as default };
-//# sourceMappingURL=user-avatar.scss.js.map
+//#endregion
+export { user_avatar_default as default };
+//# sourceMappingURL=user-avatar.scss.js.map

package/es-custom/components/user-avatar/user-avatar.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-avatar.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"user-avatar.scss.js","names":[],"sources":["../../../src/components/user-avatar/user-avatar.scss?lit"],"sourcesContent":["/*\n* Copyright IBM Corp. 2025, 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\n$css--plex: true !default;\n\n/* Other Carbon settings. */\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/colors' as *;\n@use '@carbon/styles/scss/layout' as *;\n@use '@carbon/styles/scss/utilities';\n@use 'sass:map';\n\n@use '@carbon/ibm-products-styles/scss/components/UserAvatar' as *;\n\n$prefix: 'c4p';\n\n$block-class: #{$prefix}--user-avatar;\n\n:host(#{$prefix}-user-avatar) {\n  display: inline-block;\n\n  .#{$block-class} {\n    box-sizing: border-box;\n  }\n}\n\n:host(#{$prefix}-user-avatar) .#{$block-class}--xl {\n  ::slotted([slot='rendericon']) {\n    block-size: $spacing-07;\n    inline-size: $spacing-07;\n  }\n}\n:host(#{$prefix}-user-avatar) .#{$block-class}--lg {\n  ::slotted([slot='rendericon']) {\n    block-size: $spacing-06;\n    inline-size: $spacing-06;\n  }\n}\n:host(#{$prefix}-user-avatar) .#{$block-class}--md {\n  ::slotted([slot='rendericon']) {\n    block-size: $spacing-04 + $spacing-03;\n    inline-size: $spacing-04 + $spacing-03;\n  }\n}\n:host(#{$prefix}-user-avatar) .#{$block-class}--sm {\n  ::slotted([slot='rendericon']) {\n    block-size: $spacing-05;\n    inline-size: $spacing-05;\n  }\n}\n\n:host(#{$prefix}-user-avatar) .#{$block-class}__tooltip-trigger {\n  padding: 0;\n  border: 0;\n  background: none;\n  outline: none;\n}\n\n:host(#{$prefix}-user-avatar) .#{$block-class}__tooltip-content {\n  --cds-custom-tooltip-padding-block: #{$spacing-01};\n\n  &:focus-within {\n    outline: $spacing-01 solid $focus;\n    outline-offset: 1px;\n  }\n}\n\n@mixin setBgColor($color) {\n  // stylelint-disable-next-line carbon/theme-use\n  background-color: $color;\n}\n\n//this mixin allows you to set background color based on the lighter themes such as g10 and white\n@mixin setLightBg($order, $color) {\n  :host(#{$prefix}-user-avatar) .#{$block-class}--#{$order},\n  :host(#{$prefix}-user-avatar[theme='light']) .#{$block-class}--#{$order} {\n    @include setBgColor($color);\n  }\n}\n@mixin setDarkBg($order, $color) {\n  :host(#{$prefix}-user-avatar[theme='dark']) .#{$block-class}--#{$order} {\n    @include setBgColor($color);\n  }\n}\n@include setLightBg(order-1-cyan, $cyan-60);\n@include setLightBg(order-2-gray, $gray-60);\n@include setLightBg(order-3-green, $green-60);\n@include setLightBg(order-4-magenta, $magenta-60);\n@include setLightBg(order-5-purple, $purple-60);\n@include setLightBg(order-6-teal, $teal-60);\n@include setLightBg(order-7-cyan, $cyan-80);\n@include setLightBg(order-8-gray, $gray-80);\n@include setLightBg(order-9-green, $green-80);\n@include setLightBg(order-10-magenta, $magenta-80);\n@include setLightBg(order-11-purple, $purple-80);\n@include setLightBg(order-12-teal, $teal-80);\n@include setDarkBg(order-1-cyan, $cyan-50);\n@include setDarkBg(order-2-gray, $gray-50);\n@include setDarkBg(order-3-green, $green-50);\n@include setDarkBg(order-4-magenta, $magenta-50);\n@include setDarkBg(order-5-purple, $purple-50);\n@include setDarkBg(order-6-teal, $teal-50);\n@include setDarkBg(order-7-cyan, $cyan-30);\n@include setDarkBg(order-8-gray, $gray-30);\n@include setDarkBg(order-9-green, $green-30);\n@include setDarkBg(order-10-magenta, $magenta-30);\n@include setDarkBg(order-11-purple, $purple-30);\n@include setDarkBg(order-12-teal, $teal-30);\n"],"mappings":""}

package/es-custom/globals/internal/handle.js

@@ -1,8 +1,7 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-//# sourceMappingURL=handle.js.map

package/es-custom/globals/internal/pconsole.js

@@ -1,30 +1,26 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-const isProduction = process.env.NODE_ENV === 'production';
-const noop = () => undefined;
-const shimIfProduction = (fn) => (isProduction ? noop : fn);
+//#region src/globals/internal/pconsole.ts
+const isProduction = false;
+const noop = () => void 0;
+const shimIfProduction = (fn) => fn;
 const log = shimIfProduction((...args) => console.log(...args));
 const warn = shimIfProduction((...args) => console.warn(...args));
 const error = shimIfProduction((...args) => console.error(...args));
-var pconsole = {
-    isProduction,
-    noop,
-    shimIfProduction,
-    log,
-    warn,
-    error,
+var pconsole_default = {
+	isProduction,
+	noop,
+	shimIfProduction,
+	log,
+	warn,
+	error
 };
 
-export { pconsole as default, error, isProduction, log, noop, shimIfProduction, warn };
-//# sourceMappingURL=pconsole.js.map
+//#endregion
+export { pconsole_default as default, error, isProduction, log, noop, shimIfProduction, warn };
+//# sourceMappingURL=pconsole.js.map

package/es-custom/globals/internal/pconsole.js.map

@@ -1 +1 @@
-{"version":3,"file":"pconsole.js","sources":["../../../src/globals/internal/pconsole.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK;MACxC,IAAI,GAAG,MAAM;MACb,gBAAgB,GAAG,CAAC,EAAE,MAAM,YAAY,GAAG,IAAI,GAAG,EAAE;MACpD,GAAG,GAAG,gBAAgB,CAAC,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;MACxD,IAAI,GAAG,gBAAgB,CAAC,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;MAC1D,KAAK,GAAG,gBAAgB,CAAC,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAEzE,eAAe;IACb,YAAY;IACZ,IAAI;IACJ,gBAAgB;IAChB,GAAG;IACH,IAAI;IACJ,KAAK;CACN;;;;"}
+{"version":3,"file":"pconsole.js","names":[],"sources":["../../../src/globals/internal/pconsole.ts"],"sourcesContent":["//\n// Copyright IBM Corp. 2020, 2021\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 const isProduction = process.env.NODE_ENV === 'production';\nexport const noop = () => undefined;\nexport const shimIfProduction = (fn) => (isProduction ? noop : fn);\nexport const log = shimIfProduction((...args) => console.log(...args));\nexport const warn = shimIfProduction((...args) => console.warn(...args));\nexport const error = shimIfProduction((...args) => console.error(...args));\n\nexport default {\n  isProduction,\n  noop,\n  shimIfProduction,\n  log,\n  warn,\n  error,\n};\n"],"mappings":";;;;;;;;AAOA,MAAa,eAAe;AAC5B,MAAa,aAAa;AAC1B,MAAa,oBAAoB,OAA8B;AAC/D,MAAa,MAAM,kBAAkB,GAAG,SAAS,QAAQ,IAAI,GAAG,KAAK,CAAC;AACtE,MAAa,OAAO,kBAAkB,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK,CAAC;AACxE,MAAa,QAAQ,kBAAkB,GAAG,SAAS,QAAQ,MAAM,GAAG,KAAK,CAAC;AAE1E,uBAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACD"}

package/es-custom/globals/internal/storybook-cdn.js

@@ -1,70 +1,67 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import packageJson from '../../packages/ibm-products-web-components/package.json.js';
+import { version } from "../../package.js";
 
+//#region src/globals/internal/storybook-cdn.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2021, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
+* @license
+*
+* Copyright IBM Corp. 2021, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /**
- *
- */
+*
+*/
 /**
- * Renders the component(s) script tag content and returns back the string
- *
- * @param {Array} components array of component names
- * @param {string} tag tag folder
- */
+* Renders the component(s) script tag content and returns back the string
+*
+* @param {Array} components array of component names
+* @param {string} tag tag folder
+*/
 function _renderScript(components, tag) {
-  let scripts = '';
-  components.forEach((component) => {
-    scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js"></script>\n`;
-  });
-  return scripts;
+	let scripts = "";
+	components.forEach((component) => {
+		scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js"><\/script>\n`;
+	});
+	return scripts;
 }
-
 /**
- * This is the markdown block for JS via CDN
- *
- * @param {Array} components array of components to render
- * @param components.components components to render
- */
+* This is the markdown block for JS via CDN
+*
+* @param {Array} components array of components to render
+* @param components.components components to render
+*/
 const cdnJs = ({ components }) => {
-  return `
+	return `
 ### JS (via CDN)
 
  > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.
 
  \`\`\`html
  // SPECIFIC VERSION (available starting v2.0.0)
- ${_renderScript(components, `version/v${packageJson.version}`)}
+ ${_renderScript(components, `version/v${version}`)}
  \`\`\`
 
  #### Right-to-left (RTL) versions
 
  \`\`\`html
  // SPECIFIC VERSION (available starting v2.0.0)
- ${_renderScript(components, `version/v${packageJson.version}`)}
+ ${_renderScript(components, `version/v${version}`)}
  \`\`\`
    `;
 };
-
 /**
- * This is the markdown block for CSS via CDN
- */
+* This is the markdown block for CSS via CDN
+*/
 const cdnCss = () => {
-  return `
+	return `
 ### Carbon CDN style helpers (optional)
 
 There are optional CDN artifacts available that can assist with global Carbon
@@ -74,5 +71,6 @@ styles in lieu of including into your specific application bundle.
   `;
 };
 
+//#endregion
 export { cdnCss, cdnJs };
-//# sourceMappingURL=storybook-cdn.js.map
+//# sourceMappingURL=storybook-cdn.js.map

package/es-custom/globals/internal/storybook-cdn.js.map

@@ -1 +1 @@
-{"version":3,"file":"storybook-cdn.js","sources":["../../../src/globals/internal/storybook-cdn.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 packageJson from '../../../package.json';\n\n/**\n *\n */\n/**\n * Renders the component(s) script tag content and returns back the string\n *\n * @param {Array} components array of component names\n * @param {string} tag tag folder\n */\nfunction _renderScript(components, tag) {\n  let scripts = '';\n  components.forEach((component) => {\n    scripts += `<script type=\"module\" src=\"https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js\"></script>\\n`;\n  });\n  return scripts;\n}\n\n/**\n * This is the markdown block for JS via CDN\n *\n * @param {Array} components array of components to render\n * @param components.components components to render\n */\nexport const cdnJs = ({ components }) => {\n  return `\n### JS (via CDN)\n\n > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n\n #### Right-to-left (RTL) versions\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n   `;\n};\n\n/**\n * This is the markdown block for CSS via CDN\n */\nexport const cdnCss = () => {\n  return `\n### Carbon CDN style helpers (optional)\n\nThere are optional CDN artifacts available that can assist with global Carbon\nstyles in lieu of including into your specific application bundle.\n\n[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\\n\\n\n  `;\n};\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,aAAa,CAAC,UAAU,EAAE,GAAG,EAAE;AACxC,EAAE,IAAI,OAAO,GAAG,EAAE;AAClB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AACpC,IAAI,OAAO,IAAI,CAAC,+EAA+E,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC;AACvI,EAAE,CAAC,CAAC;AACJ,EAAE,OAAO,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,KAAK,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK;AACzC,EAAE,OAAO;AACT;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;AACA,GAAG,CAAC;AACJ;;AAEA;AACA;AACA;AACY,MAAC,MAAM,GAAG,MAAM;AAC5B,EAAE,OAAO;AACT;;AAEA;AACA;;AAEA;AACA,EAAE,CAAC;AACH;;;;"}
+{"version":3,"file":"storybook-cdn.js","names":["packageJson.version"],"sources":["../../../src/globals/internal/storybook-cdn.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 packageJson from '../../../package.json';\n\n/**\n *\n */\n/**\n * Renders the component(s) script tag content and returns back the string\n *\n * @param {Array} components array of component names\n * @param {string} tag tag folder\n */\nfunction _renderScript(components, tag) {\n  let scripts = '';\n  components.forEach((component) => {\n    scripts += `<script type=\"module\" src=\"https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js\"></script>\\n`;\n  });\n  return scripts;\n}\n\n/**\n * This is the markdown block for JS via CDN\n *\n * @param {Array} components array of components to render\n * @param components.components components to render\n */\nexport const cdnJs = ({ components }) => {\n  return `\n### JS (via CDN)\n\n > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n\n #### Right-to-left (RTL) versions\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n   `;\n};\n\n/**\n * This is the markdown block for CSS via CDN\n */\nexport const cdnCss = () => {\n  return `\n### Carbon CDN style helpers (optional)\n\nThere are optional CDN artifacts available that can assist with global Carbon\nstyles in lieu of including into your specific application bundle.\n\n[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\\n\\n\n  `;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,SAAS,cAAc,YAAY,KAAK;CACtC,IAAI,UAAU;AACd,YAAW,SAAS,cAAc;AAChC,aAAW,kFAAkF,IAAI,GAAG,UAAU;GAC9G;AACF,QAAO;;;;;;;;AAST,MAAa,SAAS,EAAE,iBAAiB;AACvC,QAAO;;;;;;;GAON,cAAc,YAAY,YAAYA,UAAsB,CAAC;;;;;;;GAO7D,cAAc,YAAY,YAAYA,UAAsB,CAAC;;;;;;;AAQhE,MAAa,eAAe;AAC1B,QAAO"}