@carbon/ibm-products-web-components 0.31.0 → 0.32.0-rc.0

package/es/components/big-number/big-number-skeleton.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *
+ * 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 { LitElement } from 'lit';
+import '@carbon/web-components/es/components/skeleton-text/index.js';
+import '@carbon/web-components/es/components/skeleton-placeholder/index.js';
+import { BigNumberSizeValues } from './constants';
+/**
+ * @element c4p-big-number-skeleton
+ * Note: This component is only used within c4p-big-number. It displays a skeleton version while content is loading (handled by the c4p-big-number prop `loading').
+ */
+declare class CDSBigNumberSkeleton extends LitElement {
+    size?: BigNumberSizeValues;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSBigNumberSkeleton;

package/es/components/big-number/big-number-skeleton.js

@@ -0,0 +1,56 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import '@carbon/web-components/es/components/skeleton-text/index.js';
+import '@carbon/web-components/es/components/skeleton-placeholder/index.js';
+import { prefix } from '../../globals/settings.js';
+import { BigNumberSize } from './constants.js';
+import styles from './big-number-skeleton.scss.js';
+
+const blockClass = `${prefix}--big-number-skeleton`;
+/**
+ * @element c4p-big-number-skeleton
+ * Note: This component is only used within c4p-big-number. It displays a skeleton version while content is loading (handled by the c4p-big-number prop `loading').
+ */
+let CDSBigNumberSkeleton = class CDSBigNumberSkeleton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = BigNumberSize.Default;
+    }
+    render() {
+        const { size } = this;
+        const bigNumberSkeletonClasses = classMap({
+            [`${blockClass}`]: true,
+            [`${blockClass}--lg`]: size === BigNumberSize.Large,
+            [`${blockClass}--xl`]: size === BigNumberSize.XLarge,
+        });
+        return html `
+      <div class=${bigNumberSkeletonClasses}>
+        <cds-skeleton-text class="${blockClass}__label"></cds-skeleton-text>
+        <cds-skeleton-placeholder
+          class="${blockClass}__value"
+        ></cds-skeleton-placeholder>
+      </div>
+    `;
+    }
+};
+CDSBigNumberSkeleton.styles = styles;
+__decorate([
+    property({ type: String })
+], CDSBigNumberSkeleton.prototype, "size", void 0);
+CDSBigNumberSkeleton = __decorate([
+    carbonElement(`${prefix}-big-number-skeleton`)
+], CDSBigNumberSkeleton);
+var CDSBigNumberSkeleton$1 = CDSBigNumberSkeleton;
+
+export { CDSBigNumberSkeleton$1 as default };
+//# sourceMappingURL=big-number-skeleton.js.map

package/es/components/big-number/big-number-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"big-number-skeleton.js","sources":["../../../src/components/big-number/big-number-skeleton.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,uBAAuB;AAEnD;;;AAGG;AAGH,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU,CAAA;AAA7C,IAAA,WAAA,GAAA;;AAEE,QAAA,IAAA,CAAA,IAAI,GAAyB,aAAa,CAAC,OAAO;;IAElD,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;QAErB,MAAM,wBAAwB,GAAG,QAAQ,CAAC;AACxC,YAAA,CAAC,CAAG,EAAA,UAAU,CAAE,CAAA,GAAG,IAAI;YACvB,CAAC,CAAA,EAAG,UAAU,CAAM,IAAA,CAAA,GAAG,IAAI,KAAK,aAAa,CAAC,KAAK;YACnD,CAAC,CAAA,EAAG,UAAU,CAAM,IAAA,CAAA,GAAG,IAAI,KAAK,aAAa,CAAC,MAAM;AACrD,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;mBACI,wBAAwB,CAAA;oCACP,UAAU,CAAA;;mBAE3B,UAAU,CAAA;;;KAGxB;;;AAGI,oBAAM,CAAA,MAAA,GAAG,MAAH;AArBb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACyB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAF/C,oBAAoB,GAAA,UAAA,CAAA;AADzB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,oBAAA,CAAsB;AACxC,CAAA,EAAA,oBAAoB,CAwBzB;AAED,6BAAe,oBAAoB;;;;"}

package/es/components/big-number/big-number-skeleton.scss.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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';
+
+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}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton{inline-size:4rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton--lg{inline-size:5rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton--xl{inline-size:6rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton__label{block-size:.75rem;inline-size:70%;margin-block:0 .5rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton__value::part(placeholder){block-size:2.5rem;inline-size:100%;margin:0}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__label{margin-block:0 .75rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__value::part(placeholder){block-size:3rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__label{margin-block:0 1rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__value::part(placeholder){block-size:4rem}"]);
+
+export { styles as default };
+//# sourceMappingURL=big-number-skeleton.scss.js.map

package/es/components/big-number/big-number-skeleton.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"big-number-skeleton.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es/components/big-number/big-number.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ *
+ * 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 { LitElement } from 'lit';
+import './big-number-skeleton';
+import { BigNumberSizeValues } from './constants';
+/**
+ * @element c4p-big-number
+ * @slot label - Header area that displays the label above the value. This slot can be customized to include an info icon and a tooltip for additional context.
+ * @slot trending-icon - Displays an icon indicating trend direction. Can be customized to show a downward arrow when the trend is not upward.
+ * @slot icon-button - Displays an icon button next to `value`.
+ */
+declare class CDSBigNumber extends LitElement {
+    fractionDigits: number;
+    label: string | undefined;
+    loading: boolean;
+    locale: string;
+    percentage: boolean;
+    size: BigNumberSizeValues;
+    total?: number;
+    trending: boolean;
+    truncate: boolean;
+    value?: number;
+    private _getSupportedLocale;
+    private _formatValue;
+    private _getTruncatedValue;
+    private _shouldDisplayDenominator;
+    private _getTrendingIcon;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSBigNumber;

package/es/components/big-number/big-number.js

@@ -0,0 +1,184 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.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 ArrowUp16 from '@carbon/icons/es/arrow--up/16';
+import ArrowUp20 from '@carbon/icons/es/arrow--up/20';
+import ArrowUp24 from '@carbon/icons/es/arrow--up/24';
+import { prefix } from '../../globals/settings.js';
+import { getSupportedLocale } from '../../globals/js/utils/getSupportedLocale.js';
+import './big-number-skeleton.js';
+import { DefaultLocale, BigNumberSize, Characters, UNKNOWN } from './constants.js';
+import styles from './big-number.scss.js';
+
+/**
+ * @license
+ *
+ * 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.
+ */
+const blockClass = `${prefix}--big-number`;
+/**
+ * @element c4p-big-number
+ * @slot label - Header area that displays the label above the value. This slot can be customized to include an info icon and a tooltip for additional context.
+ * @slot trending-icon - Displays an icon indicating trend direction. Can be customized to show a downward arrow when the trend is not upward.
+ * @slot icon-button - Displays an icon button next to `value`.
+ */
+let CDSBigNumber = class CDSBigNumber extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.fractionDigits = 1;
+        this.loading = false;
+        this.locale = DefaultLocale;
+        this.percentage = false;
+        this.size = BigNumberSize.Default;
+        this.trending = false;
+        this.truncate = true;
+    }
+    _getSupportedLocale(locale) {
+        return getSupportedLocale(locale, DefaultLocale);
+    }
+    _formatValue(locale, value, fractionDigits, truncate) {
+        if (value === null || value === undefined || typeof value !== 'number') {
+            return null;
+        }
+        return truncate
+            ? Intl.NumberFormat(locale, {
+                notation: 'compact',
+                minimumFractionDigits: fractionDigits,
+                maximumFractionDigits: Math.round(fractionDigits),
+            }).format(value)
+            : Intl.NumberFormat(locale).format(value);
+    }
+    _getTruncatedValue(value, placeholder) {
+        const supportedLocale = this._getSupportedLocale(this.locale);
+        const truncatedValue = this._formatValue(supportedLocale, value, this.fractionDigits, this.truncate);
+        return truncatedValue !== null && truncatedValue !== void 0 ? truncatedValue : placeholder;
+    }
+    _shouldDisplayDenominator(truncatedValue, truncatedTotal) {
+        return (!this.percentage &&
+            !!this.total &&
+            !!this.value &&
+            this.total > this.value &&
+            truncatedValue !== truncatedTotal);
+    }
+    _getTrendingIcon() {
+        switch (this.size) {
+            case BigNumberSize.Large:
+                return ArrowUp20;
+            case BigNumberSize.XLarge:
+                return ArrowUp24;
+            default:
+                return ArrowUp16;
+        }
+    }
+    render() {
+        const { loading, label, percentage, size, total, trending, value } = this;
+        const bigNumberClasses = classMap({
+            [`${blockClass}`]: true,
+            [`${blockClass}--lg`]: size === 'lg',
+            [`${blockClass}--xl`]: size === 'xl',
+        });
+        const truncatedValue = this._getTruncatedValue(value, Characters.Dash);
+        const truncatedTotal = this._getTruncatedValue(total, UNKNOWN);
+        const shouldDisplayDenominator = this._shouldDisplayDenominator(truncatedValue, truncatedTotal);
+        if (loading) {
+            return html `
+        <c4p-big-number-skeleton .size=${size}></c4p-big-number-skeleton>
+      `;
+        }
+        return html `
+      <div class=${bigNumberClasses}>
+        <!-- Label and tooltip  -->
+        <span class="${blockClass}__row">
+          <slot name="label">
+            <h4 class="${blockClass}__label">${label}</h4>
+          </slot>
+        </span>
+        <span class="${blockClass}__row" role="math">
+          <!-- Trending up arrow  -->
+          ${trending
+            ? html `<slot name="trending-icon"
+                >${iconLoader(this._getTrendingIcon(), {
+                slot: 'icon',
+                class: `${blockClass}__trend`,
+            })}
+              </slot>`
+            : nothing}
+
+          <!-- Numerator  -->
+          <span class="${blockClass}__value">
+            ${percentage
+            ? html `<div class="${blockClass}__percentage">
+                  ${truncatedValue}<span class="${blockClass}__percentage-mark"
+                    >${Characters.Percentage}</span
+                  >
+                </div>`
+            : truncatedValue}
+          </span>
+
+          <!-- Denominator -->
+          ${shouldDisplayDenominator
+            ? html `<span class="${blockClass}__total">
+                <span>${`${Characters.Slash}${truncatedTotal}`}</span>
+              </span>`
+            : nothing}
+
+          <!-- Icon button -->
+          <span class="${blockClass}__icon-button">
+            <slot name="icon-button"></slot>
+          </span>
+        </span>
+      </div>
+    `;
+    }
+};
+CDSBigNumber.styles = styles;
+__decorate([
+    property({ type: Number, attribute: 'fraction-digits' })
+], CDSBigNumber.prototype, "fractionDigits", void 0);
+__decorate([
+    property({ type: String })
+], CDSBigNumber.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSBigNumber.prototype, "loading", void 0);
+__decorate([
+    property({ type: String })
+], CDSBigNumber.prototype, "locale", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSBigNumber.prototype, "percentage", void 0);
+__decorate([
+    property({ type: String })
+], CDSBigNumber.prototype, "size", void 0);
+__decorate([
+    property({ type: Number })
+], CDSBigNumber.prototype, "total", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSBigNumber.prototype, "trending", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSBigNumber.prototype, "truncate", void 0);
+__decorate([
+    property({ type: Number })
+], CDSBigNumber.prototype, "value", void 0);
+CDSBigNumber = __decorate([
+    carbonElement(`${prefix}-big-number`)
+], CDSBigNumber);
+var CDSBigNumber$1 = CDSBigNumber;
+
+export { CDSBigNumber$1 as default };
+//# sourceMappingURL=big-number.js.map

package/es/components/big-number/big-number.js.map

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

package/es/components/big-number/big-number.scss.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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';
+
+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}@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--big-number__label{color:var(--cds-text-secondary,#525252);display:block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0}.c4p--big-number__value{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);margin-block-end:0}.c4p--big-number__total{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--big-number__percentage-mark,.c4p--big-number__total{margin-block:auto .25rem}.c4p--big-number__info{vertical-align:top}.c4p--big-number__trend{margin-block-start:.5rem;vertical-align:top}.c4p--big-number__row{display:flex}.c4p--big-number__info{padding-inline-start:.5rem}.c4p--big-number__percentage{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)}.c4p--big-number__percentage-mark{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--big-number__icon-button{margin-inline-start:.25rem}.c4p--big-number--lg .c4p--big-number__percentage,.c4p--big-number--lg .c4p--big-number__value{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)}.c4p--big-number--lg .c4p--big-number__percentage-mark,.c4p--big-number--lg .c4p--big-number__total{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)}.c4p--big-number--xl .c4p--big-number__label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--big-number--xl .c4p--big-number__percentage,.c4p--big-number--xl .c4p--big-number__value{font-size:var(--cds-heading-07-font-size,3.375rem);font-weight:var(--cds-heading-07-font-weight,300);letter-spacing:var(--cds-heading-07-letter-spacing,0);line-height:var(--cds-heading-07-line-height,1.19)}.c4p--big-number--xl .c4p--big-number__percentage-mark,.c4p--big-number--xl .c4p--big-number__total{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)}.c4p--big-number--xl .c4p--big-number__trend{margin-block-start:.75rem}.c4p--big-number-skeleton{inline-size:4rem}.c4p--big-number-skeleton__label{block-size:.75rem;margin-block:0 .5rem}.c4p--big-number-skeleton__value{block-size:2.5rem!important;margin:0}.c4p--big-number-skeleton--lg{inline-size:5rem}.c4p--big-number-skeleton--xl{inline-size:6rem}.c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__label{block-size:.75rem}.c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__value{block-size:3rem!important}.c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__label{block-size:.75rem}.c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__value{block-size:4rem!important}.c4p--big-number .c4p--big-number__tooltip-trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(c4p-big-number) ::slotted(.c4p--big-number__trend){margin-block-start:.5rem;vertical-align:top}:host(c4p-big-number) .c4p--big-number--xl ::slotted(.c4p--big-number__trend){margin-block-start:.75rem}"]);
+
+export { styles as default };
+//# sourceMappingURL=big-number.scss.js.map

package/es/components/big-number/big-number.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"big-number.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es/{utilities/carousel/index.d.ts → components/big-number/big-number.test.d.ts}

@@ -4,5 +4,4 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from './carousel';
-export * from './types';
+import './index';

package/es/components/big-number/big-number.test.js

@@ -0,0 +1,113 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 { describe, beforeEach, it, expect } from 'vitest';
+import { fixture, html, elementUpdated } from '@open-wc/testing';
+import { prefix } from '../../globals/settings.js';
+import { Characters } from './constants.js';
+import './big-number.js';
+import './big-number-skeleton.js';
+
+/**
+ * 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.
+ */
+const blockClass = `${prefix}--big-number`;
+describe('c4p-big-number', () => {
+    let el;
+    beforeEach(async () => {
+        el = await fixture(html `
+      <c4p-big-number
+        value=${12345.678}
+        total=${1000000}
+        size="lg"
+        label="Test Label"
+        locale="en-US"
+        truncate
+        trending
+      ></c4p-big-number>
+    `);
+    });
+    it('renders with default properties', () => {
+        var _a, _b, _c, _d;
+        const shadow = el.shadowRoot;
+        // Render value
+        expect((_b = (_a = shadow.querySelector(`.${blockClass}__value`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('12.3K');
+        // Render total
+        expect((_d = (_c = shadow.querySelector(`.${blockClass}__total`)) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim()).toBe(`${Characters.Slash}1.0M`);
+        // Render trending icon
+        const trendingIcon = shadow.querySelector(`.${blockClass}__trend`);
+        expect(trendingIcon).to.exist;
+    });
+    it('displays Percentage symbol and hides Total when percentage props is true ', async () => {
+        var _a, _b;
+        el.percentage = true;
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        // Render percentage mark
+        expect((_b = (_a = shadow
+            .querySelector(`.${blockClass}__percentage-mark`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe(Characters.Percentage);
+        // Hide total
+        const denominator = shadow.querySelector(`.${blockClass}__total`);
+        expect(denominator).not.to.exist;
+    });
+    it('formats value correctly with specified locale', async () => {
+        var _a, _b, _c, _d;
+        el.locale = 'fr-CA';
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        expect((_b = (_a = shadow.querySelector(`.${blockClass}__value`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('12,3 k');
+        expect((_d = (_c = shadow.querySelector(`.${blockClass}__total`)) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim()
+        // eslint-disable-next-line no-irregular-whitespace
+        ).toBe(`${Characters.Slash}1,0 M`);
+    });
+    it('handles loading state', async () => {
+        el.loading = true;
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        expect(shadow.querySelector(`.${blockClass}__value`)).toBeNull();
+    });
+    it('formats value with specified fractionDigits', async () => {
+        var _a, _b;
+        el.fractionDigits = 2;
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        expect((_b = (_a = shadow.querySelector(`.${blockClass}__value`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('12.35K');
+    });
+    it('does not truncate value when truncate is false', async () => {
+        var _a, _b;
+        el.truncate = false;
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        expect((_b = (_a = shadow.querySelector(`.${blockClass}__value`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('12,345.678');
+    });
+    it('displays denominator when total is greater than value', async () => {
+        var _a, _b;
+        el.total = 15000;
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        expect((_b = (_a = shadow.querySelector(`.${blockClass}__total`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe(`${Characters.Slash}15.0K`);
+    });
+    it('does not display denominator when total is not greater than value', async () => {
+        el.total = 12000;
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        expect(shadow.querySelector(`.${blockClass}__total`)).toBeNull();
+    });
+    it('formats value correctly with different sizes', async () => {
+        var _a, _b;
+        el.size = 'xl';
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        expect((_b = (_a = shadow.querySelector(`.${blockClass}__value`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('12.3K');
+        const modifierClassEl = el.shadowRoot.querySelector(`.${blockClass}--xl`);
+        expect(modifierClassEl).to.exist;
+    });
+});
+//# sourceMappingURL=big-number.test.js.map

package/es/components/big-number/big-number.test.js.map

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

package/es/components/big-number/constants.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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.
+ */
+export declare enum BigNumberSize {
+    Default = "default",
+    Large = "lg",
+    XLarge = "xl"
+}
+export type BigNumberSizeValues = `${BigNumberSize}`;
+export declare enum Characters {
+    Dash = "\u2013",
+    Slash = "/",
+    Percentage = "%"
+}
+export declare const DefaultLocale = "en-US";
+export declare const UNKNOWN = "Unknown";

package/es/components/big-number/constants.js

@@ -0,0 +1,30 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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. 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.
+ */
+var BigNumberSize;
+(function (BigNumberSize) {
+    BigNumberSize["Default"] = "default";
+    BigNumberSize["Large"] = "lg";
+    BigNumberSize["XLarge"] = "xl";
+})(BigNumberSize || (BigNumberSize = {}));
+var Characters;
+(function (Characters) {
+    Characters["Dash"] = "\u2013";
+    Characters["Slash"] = "/";
+    Characters["Percentage"] = "%";
+})(Characters || (Characters = {}));
+const DefaultLocale = 'en-US';
+const UNKNOWN = 'Unknown';
+
+export { BigNumberSize, Characters, DefaultLocale, UNKNOWN };
+//# sourceMappingURL=constants.js.map

package/es/components/big-number/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/big-number/constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;IAES;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,aAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AACf,CAAC,EAJW,aAAa,KAAb,aAAa,GAIxB,EAAA,CAAA,CAAA;IAKW;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,QAAU;AACV,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,GAAW;AACX,IAAA,UAAA,CAAA,YAAA,CAAA,GAAA,GAAgB;AAClB,CAAC,EAJW,UAAU,KAAV,UAAU,GAIrB,EAAA,CAAA,CAAA;AAEM,MAAM,aAAa,GAAG;AACtB,MAAM,OAAO,GAAG;;;;"}

package/es/components/big-number/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ *
+ * 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 './big-number';
+import './big-number-skeleton';

package/es/{node_modules/@carbon/utilities/es/dateTimeFormat → components/big-number}/index.js

@@ -5,9 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as relative from './relative.js';
-
-const r={relative:relative};
-
-export { r as dateTimeFormat };
+import './big-number.js';
+import './big-number-skeleton.js';
 //# sourceMappingURL=index.js.map

package/es/components/big-number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}