@carbon/ibm-products-web-components 0.20.1 → 0.21.0-rc.0

package/es/components/truncated-text/truncated-text.js

@@ -27,14 +27,6 @@ const elementName = `${prefix}-${componentName}`; // c4p-truncated-text
 let CDSTruncatedText = class CDSTruncatedText extends LitElement {
     constructor() {
         super(...arguments);
-        /**
-         * The maximum number of lines to display before truncation.
-         */
-        this.lines = 0;
-        /**
-         * The string value to be truncated.
-         */
-        this.value = '';
         /**
          * Specify how the tooltip should align with the content.
          */
@@ -43,18 +35,30 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
          * Specify whether a auto align functionality should be applied
          */
         this.autoalign = false;
+        /**
+         * The label on the collapse button.
+         */
+        this.collapseLabel = 'View less';
         /**
          * The label on expand button.
          */
         this.expandLabel = 'View more';
         /**
-         * The label on the collapse button.
+         * Unique identifier for the element.
          */
-        this.collapseLabel = 'View less';
+        this.id = '';
+        /**
+         * The maximum number of lines to display before truncation.
+         */
+        this.lines = 0;
         /**
          * The method to display the full text when truncated. Options are "tooltip" or "expand". if not passed, the text would just be truncated with ellipsis.
          */
-        this.with = 'tooltip';
+        this.type = 'tooltip';
+        /**
+         * The string value to be truncated.
+         */
+        this.value = '';
         this._isOverflowing = false;
         this._isExpanded = false;
         this._maxHeight = 'none';
@@ -64,7 +68,7 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
     connectedCallback() {
         super.connectedCallback();
         this._isLayered = !!this.closest(`${carbonPrefix}-layer`);
-        this.with = this.with || 'tooltip';
+        this.type = this.type || 'tooltip';
     }
     disconnectedCallback() {
         var _a;
@@ -85,7 +89,7 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
         }
     }
     _updateMaxHeight() {
-        if (this.with !== 'expand') {
+        if (this.type !== 'expand') {
             return;
         }
         requestAnimationFrame(() => {
@@ -122,6 +126,12 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
             this._isOverflowing = isOverflowing;
         }
     }
+    _handleKeydown(evt) {
+        const { key } = evt;
+        if (key === 'Enter' || key === ' ') {
+            this._toggleExpansion();
+        }
+    }
     _toggleExpansion() {
         var _a, _b;
         this._isExpanded = !this._isExpanded;
@@ -135,82 +145,79 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
         (_b = this._textElement) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', onTransitionEnd);
     }
     _renderToggleButton() {
-        if (this.with !== 'expand') {
-            return;
-        }
         const className = classMap({
             [`${blockClass}_button-collapse`]: this._isExpanded,
             [`${blockClass}_button-expand`]: !this._isExpanded,
             [`${blockClass}_button-layered`]: this._isLayered,
             [`${blockClass}_button-hide`]: !this._isOverflowing && !this._isExpanded,
         });
-        const label = this._isExpanded
-            ? this.collapseLabel || 'View less'
-            : this.expandLabel || 'View more';
+        const label = this._isExpanded ? this.collapseLabel : this.expandLabel;
         return html `
-      <button class="${className}" @click=${this._toggleExpansion}>
+      <span
+        aria-controls=${this.id}
+        aria-expanded=${this._isExpanded}
+        class=${className}
+        @click=${this._toggleExpansion}
+        @keydown=${this._handleKeydown}
+        role="button"
+        tabIndex="0"
+      >
         ${label}
-      </button>
+      </span>
     `;
     }
     render() {
         // Apply different styles based on truncation method
-        const contentStyle = this.with === 'tooltip' || !this.with
+        const contentStyle = this.type === 'tooltip' || !this.type
             ? `--line-clamp: ${this._isExpanded ? 'none' : this.lines};`
             : `max-block-size: ${this._maxHeight};`;
-        const contentClass = classMap({
-            [`${blockClass}_content`]: true,
-        });
-        const content = html `
-      <div
-        class="${contentClass}"
-        style="${contentStyle}"
-        tabindex=${this.with === 'tooltip' && this._isOverflowing
-            ? '0'
-            : undefined}
-      >
-        ${this.value} ${this._renderToggleButton()}
+        const valueBody = html `
+      <div id=${this.id} class="${blockClass}_content" style=${contentStyle}>
+        ${this.value}
       </div>
     `;
-        return this.with === 'tooltip' && this._isOverflowing
-            ? html `
-          <cds-tooltip
-            align=${this.align}
-            autoalign=${this.autoalign}
-            enter-delay-ms="0"
-            leave-delay-ms="0"
-          >
-            ${content}
-            <cds-tooltip-content>${this.value}</cds-tooltip-content>
-          </cds-tooltip>
-        `
-            : html `<div style="position: relative; background-color: inherit;">
-          ${content}
-        </div>`;
+        const tooltipVariant = html `
+      <cds-tooltip
+        align=${this.align}
+        autoalign=${this.autoalign}
+        enter-delay-ms="0"
+        leave-delay-ms="0"
+      >
+        ${valueBody}
+        <cds-tooltip-content>${this.value}</cds-tooltip-content>
+      </cds-tooltip>
+    `;
+        const expandVariant = html `${valueBody} ${this._renderToggleButton()}`;
+        return this.type === 'tooltip' && this._isOverflowing
+            ? tooltipVariant
+            : expandVariant;
     }
 };
 CDSTruncatedText.styles = styles;
-__decorate([
-    property({ type: Number, reflect: true })
-], CDSTruncatedText.prototype, "lines", void 0);
-__decorate([
-    property({ type: String, attribute: 'value', reflect: true })
-], CDSTruncatedText.prototype, "value", void 0);
 __decorate([
     property({ reflect: true, type: String })
 ], CDSTruncatedText.prototype, "align", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], CDSTruncatedText.prototype, "autoalign", void 0);
+__decorate([
+    property({ attribute: 'collapse-label', type: String, reflect: true })
+], CDSTruncatedText.prototype, "collapseLabel", void 0);
 __decorate([
     property({ attribute: 'expand-label', type: String, reflect: true })
 ], CDSTruncatedText.prototype, "expandLabel", void 0);
 __decorate([
-    property({ attribute: 'collapse-label', type: String, reflect: true })
-], CDSTruncatedText.prototype, "collapseLabel", void 0);
+    property({ type: String, reflect: true })
+], CDSTruncatedText.prototype, "id", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], CDSTruncatedText.prototype, "lines", void 0);
 __decorate([
     property({ type: String, reflect: true })
-], CDSTruncatedText.prototype, "with", void 0);
+], CDSTruncatedText.prototype, "type", void 0);
+__decorate([
+    property({ type: String, attribute: 'value', reflect: true })
+], CDSTruncatedText.prototype, "value", void 0);
 __decorate([
     state()
 ], CDSTruncatedText.prototype, "_isOverflowing", void 0);

package/es/components/truncated-text/truncated-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncated-text.js","sources":["../../../src/components/truncated-text/truncated-text.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"truncated-text.js","sources":["../../../src/components/truncated-text/truncated-text.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

package/es/components/truncated-text/truncated-text.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{border:none;cursor:pointer;font:inherit;line-height:inherit}:host(c4p-truncated-text){display:block;inline-size:100%}@media (prefers-reduced-motion:no-preference){:host(c4p-truncated-text) .c4p--truncated-text_transition{transition:max-height .11s cubic-bezier(.2,0,.38,.9)}}:host(c4p-truncated-text) .c4p--truncated-text_content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp,0);text-overflow:clip;white-space:normal}:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline-style:dotted}}:host(c4p-truncated-text) cds-tooltip{display:inline-flex}:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline-style:dotted}}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{color:var(--cds-link-primary,#0f62fe);padding:0 .125rem}.c4p--truncated-text_button-collapse.c4p--truncated-text_button-hide,.c4p--truncated-text_button-expand.c4p--truncated-text_button-hide{display:none}.c4p--truncated-text_button-expand{background-color:var(--cds-background,#fff);inset-block-end:0;inset-inline-end:0;position:absolute}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered{background-color:var(--cds-layer)}.c4p--truncated-text_button-expand:before{block-size:100%;color:var(--cds-text-primary,#161616);content:\"...\";inline-size:1em;inset-inline-start:-1em;pointer-events:none;position:absolute}.c4p--truncated-text_button-expand:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-layer) 0)}.c4p--truncated-text_button-expand:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-layer) 0)}.c4p--truncated-text_button-collapse{background-color:transparent}"]);
+var styles = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{border:none;cursor:pointer;font:inherit;line-height:inherit}:host(c4p-truncated-text){display:block;inline-size:100%}@media (prefers-reduced-motion:no-preference){:host(c4p-truncated-text) .c4p--truncated-text_transition{transition:max-height .11s cubic-bezier(.2,0,.38,.9)}}:host(c4p-truncated-text) .c4p--truncated-text_content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp,0);text-overflow:clip;white-space:normal}:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline-style:dotted}}:host(c4p-truncated-text) cds-tooltip{display:inline-flex}:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline-style:dotted}}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{color:var(--cds-link-primary,#0f62fe);padding:0 .125rem}.c4p--truncated-text_button-collapse.c4p--truncated-text_button-hide,.c4p--truncated-text_button-expand.c4p--truncated-text_button-hide{display:none}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered{background-color:var(--cds-layer)}.c4p--truncated-text_button-expand:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-layer) 0)}.c4p--truncated-text_button-expand:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-layer) 0)}.c4p--truncated-text_button-collapse{background-color:transparent}"]);
 
 export { styles as default };
 //# sourceMappingURL=truncated-text.scss.js.map

package/es/components/truncated-text/truncated-text.test.js

@@ -19,14 +19,14 @@ import './truncated-text.js';
 const defaultProps = {
     lines: 2,
     text: 'Buttons are used to initialize an action, either in the background or foreground of an experience. There are several kinds of buttons. Primary buttons should be used for the principle call to action on the page.',
-    with: '',
+    type: '',
 };
 const template = (props = defaultProps, templateWidth) => html `
   <div style=${templateWidth ? `width: ${templateWidth}px;` : ''}>
     <c4p-truncated-text
       value=${props.text}
       lines=${props.lines}
-      with=${props.with}
+      type=${props.type}
     ></c4p-truncated-text>
   </div>
 `;
@@ -38,14 +38,14 @@ describe('c4p-truncated-text', () => {
     });
     it('renders a tooltip when text is truncated with tooltip', async () => {
         var _a;
-        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { with: 'tooltip' }), 200));
+        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { type: 'tooltip' }), 200));
         const el = wrapper.querySelector(`${prefix}-truncated-text`);
         const tooltip = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-tooltip`);
         expect(tooltip).toBeTruthy();
     });
     it('does not render a tooltip if the text fits', async () => {
         var _a;
-        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { with: 'tooltip' }), 9000));
+        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { type: 'tooltip' }), 9000));
         const el = wrapper.querySelector(`${prefix}-truncated-text`);
         const tooltip = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-tooltip`);
         expect(tooltip).not.toBeTruthy();
@@ -53,7 +53,7 @@ describe('c4p-truncated-text', () => {
     it('tests lines prop/attribute with tooltip', async () => {
         var _a;
         for (let lines = 1; lines <= 4; lines++) {
-            const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { lines, with: 'tooltip' }), 600));
+            const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { lines, type: 'tooltip' }), 600));
             const el = wrapper.querySelector(`${prefix}-truncated-text`);
             await el.updateComplete;
             const tooltip = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-tooltip`);
@@ -67,7 +67,7 @@ describe('c4p-truncated-text', () => {
     });
     it('renders a expandable button when text is truncated with expand', async () => {
         var _a;
-        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { lines: 2, with: 'expand' }), 400));
+        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { lines: 2, type: 'expand' }), 400));
         const el = wrapper.querySelector(`${prefix}-truncated-text`);
         await el.updateComplete;
         const expandButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${prefix}--truncated-text_button-expand`);

package/es/components/user-avatar/user-avatar.d.ts

@@ -400,6 +400,14 @@ declare class CDSUseravatar extends CDSUseravatar_base {
      */
     theme: any;
     render(): import("lit-html").TemplateResult<1>;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
     static styles: any;
 }
 export default CDSUseravatar;

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

@@ -105,6 +105,7 @@ let CDSUseravatar = class CDSUseravatar extends HostListenerMixin(LitElement) {
         }
     }
 };
+CDSUseravatar.shadowRootOptions = Object.assign(Object.assign({}, LitElement.shadowRootOptions), { delegatesFocus: true });
 CDSUseravatar.styles = styles;
 __decorate([
     property({ reflect: true, attribute: 'tooltip-text' })

package/es/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","sources":["../../../src/components/user-avatar/user-avatar.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
 
 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}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--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--user-avatar,:host(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,:host(c4p-user-avatar) svg{color:var(--cds-icon-inverse,#fff)}.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar,.c4p--user-avatar__tooltip:focus-within :host(c4p-user-avatar){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--g10 .c4p--user-avatar--order-1-cyan,.cds--white .c4p--user-avatar--order-1-cyan,:root .c4p--user-avatar--order-1-cyan{background-color:#0072c3}.cds--g10 .c4p--user-avatar--order-2-gray,.cds--white .c4p--user-avatar--order-2-gray,:root .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}.cds--g10 .c4p--user-avatar--order-3-green,.cds--white .c4p--user-avatar--order-3-green,:root .c4p--user-avatar--order-3-green{background-color:#198038}.cds--g10 .c4p--user-avatar--order-4-magenta,.cds--white .c4p--user-avatar--order-4-magenta,:root .c4p--user-avatar--order-4-magenta{background-color:#d02670}.cds--g10 .c4p--user-avatar--order-5-purple,.cds--white .c4p--user-avatar--order-5-purple,:root .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}.cds--g10 .c4p--user-avatar--order-6-teal,.cds--white .c4p--user-avatar--order-6-teal,:root .c4p--user-avatar--order-6-teal{background-color:#007d79}.cds--g10 .c4p--user-avatar--order-7-cyan,.cds--white .c4p--user-avatar--order-7-cyan,:root .c4p--user-avatar--order-7-cyan{background-color:#003a6d}.cds--g10 .c4p--user-avatar--order-8-gray,.cds--white .c4p--user-avatar--order-8-gray,:root .c4p--user-avatar--order-8-gray{background-color:#393939}.cds--g10 .c4p--user-avatar--order-9-green,.cds--white .c4p--user-avatar--order-9-green,:root .c4p--user-avatar--order-9-green{background-color:#044317}.cds--g10 .c4p--user-avatar--order-10-magenta,.cds--white .c4p--user-avatar--order-10-magenta,:root .c4p--user-avatar--order-10-magenta{background-color:#740937}.cds--g10 .c4p--user-avatar--order-11-purple,.cds--white .c4p--user-avatar--order-11-purple,:root .c4p--user-avatar--order-11-purple{background-color:#491d8b}.cds--g10 .c4p--user-avatar--order-12-teal,.cds--white .c4p--user-avatar--order-12-teal,:root .c4p--user-avatar--order-12-teal{background-color:#004144}.cds--g100 .c4p--user-avatar--order-1-cyan,.cds--g90 .c4p--user-avatar--order-1-cyan{background-color:#1192e8}.cds--g100 .c4p--user-avatar--order-2-gray,.cds--g90 .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}.cds--g100 .c4p--user-avatar--order-3-green,.cds--g90 .c4p--user-avatar--order-3-green{background-color:#24a148}.cds--g100 .c4p--user-avatar--order-4-magenta,.cds--g90 .c4p--user-avatar--order-4-magenta{background-color:#ee5396}.cds--g100 .c4p--user-avatar--order-5-purple,.cds--g90 .c4p--user-avatar--order-5-purple{background-color:#a56eff}.cds--g100 .c4p--user-avatar--order-6-teal,.cds--g90 .c4p--user-avatar--order-6-teal{background-color:#009d9a}.cds--g100 .c4p--user-avatar--order-7-cyan,.cds--g90 .c4p--user-avatar--order-7-cyan{background-color:#82cfff}.cds--g100 .c4p--user-avatar--order-8-gray,.cds--g90 .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}.cds--g100 .c4p--user-avatar--order-9-green,.cds--g90 .c4p--user-avatar--order-9-green{background-color:#6fdc8c}.cds--g100 .c4p--user-avatar--order-10-magenta,.cds--g90 .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}.cds--g100 .c4p--user-avatar--order-11-purple,.cds--g90 .c4p--user-avatar--order-11-purple{background-color:#d4bbff}.cds--g100 .c4p--user-avatar--order-12-teal,.cds--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) .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}"]);
+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}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--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.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--g10 .c4p--user-avatar--order-1-cyan,.cds--white .c4p--user-avatar--order-1-cyan,:root .c4p--user-avatar--order-1-cyan{background-color:#0072c3}.cds--g10 .c4p--user-avatar--order-2-gray,.cds--white .c4p--user-avatar--order-2-gray,:root .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}.cds--g10 .c4p--user-avatar--order-3-green,.cds--white .c4p--user-avatar--order-3-green,:root .c4p--user-avatar--order-3-green{background-color:#198038}.cds--g10 .c4p--user-avatar--order-4-magenta,.cds--white .c4p--user-avatar--order-4-magenta,:root .c4p--user-avatar--order-4-magenta{background-color:#d02670}.cds--g10 .c4p--user-avatar--order-5-purple,.cds--white .c4p--user-avatar--order-5-purple,:root .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}.cds--g10 .c4p--user-avatar--order-6-teal,.cds--white .c4p--user-avatar--order-6-teal,:root .c4p--user-avatar--order-6-teal{background-color:#007d79}.cds--g10 .c4p--user-avatar--order-7-cyan,.cds--white .c4p--user-avatar--order-7-cyan,:root .c4p--user-avatar--order-7-cyan{background-color:#003a6d}.cds--g10 .c4p--user-avatar--order-8-gray,.cds--white .c4p--user-avatar--order-8-gray,:root .c4p--user-avatar--order-8-gray{background-color:#393939}.cds--g10 .c4p--user-avatar--order-9-green,.cds--white .c4p--user-avatar--order-9-green,:root .c4p--user-avatar--order-9-green{background-color:#044317}.cds--g10 .c4p--user-avatar--order-10-magenta,.cds--white .c4p--user-avatar--order-10-magenta,:root .c4p--user-avatar--order-10-magenta{background-color:#740937}.cds--g10 .c4p--user-avatar--order-11-purple,.cds--white .c4p--user-avatar--order-11-purple,:root .c4p--user-avatar--order-11-purple{background-color:#491d8b}.cds--g10 .c4p--user-avatar--order-12-teal,.cds--white .c4p--user-avatar--order-12-teal,:root .c4p--user-avatar--order-12-teal{background-color:#004144}.cds--g100 .c4p--user-avatar--order-1-cyan,.cds--g90 .c4p--user-avatar--order-1-cyan{background-color:#1192e8}.cds--g100 .c4p--user-avatar--order-2-gray,.cds--g90 .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}.cds--g100 .c4p--user-avatar--order-3-green,.cds--g90 .c4p--user-avatar--order-3-green{background-color:#24a148}.cds--g100 .c4p--user-avatar--order-4-magenta,.cds--g90 .c4p--user-avatar--order-4-magenta{background-color:#ee5396}.cds--g100 .c4p--user-avatar--order-5-purple,.cds--g90 .c4p--user-avatar--order-5-purple{background-color:#a56eff}.cds--g100 .c4p--user-avatar--order-6-teal,.cds--g90 .c4p--user-avatar--order-6-teal{background-color:#009d9a}.cds--g100 .c4p--user-avatar--order-7-cyan,.cds--g90 .c4p--user-avatar--order-7-cyan{background-color:#82cfff}.cds--g100 .c4p--user-avatar--order-8-gray,.cds--g90 .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}.cds--g100 .c4p--user-avatar--order-9-green,.cds--g90 .c4p--user-avatar--order-9-green{background-color:#6fdc8c}.cds--g100 .c4p--user-avatar--order-10-magenta,.cds--g90 .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}.cds--g100 .c4p--user-avatar--order-11-purple,.cds--g90 .c4p--user-avatar--order-11-purple{background-color:#d4bbff}.cds--g100 .c4p--user-avatar--order-12-teal,.cds--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}"]);
 
 export { styles as default };
 //# sourceMappingURL=user-avatar.scss.js.map

package/es/packages/ibm-products-web-components/package.json.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var version = "0.20.0";
+var version = "0.20.1";
 var packageJson = {
 	version: version};
 

package/es/utilities/carousel/carousel.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 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.
+ */
+import { InitCarousel, Config } from './types';
+export declare const initCarousel: (carouselContainer: HTMLElement, config?: Config) => InitCarousel;