@carbon/web-components 2.62.0 → 2.63.0

package/es-custom/components/ai-label/ai-label.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-label.scss.js","names":[],"sources":["../../../src/components/ai-label/ai-label.scss?lit"],"sourcesContent":["/**\n* Copyright IBM Corp. 2019, 2026\n*\n* This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n@use 'sass:map';\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/utilities/layout' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/components/slug/index' as *;\n\n// importing tag color tokens for the styling slug in tag component\n@use '@carbon/styles/scss/components/tag/tokens' as tag-tokens;\n\n$colorMap: (\n  'red': tag-tokens.$tag-color-red,\n  'magenta': tag-tokens.$tag-color-magenta,\n  'purple': tag-tokens.$tag-color-purple,\n  'blue': tag-tokens.$tag-color-blue,\n  'cyan': tag-tokens.$tag-color-cyan,\n  'teal': tag-tokens.$tag-color-teal,\n  'green': tag-tokens.$tag-color-green,\n  'gray': tag-tokens.$tag-color-gray,\n  'cool-gray': tag-tokens.$tag-color-cool-gray,\n  'warm-gray': tag-tokens.$tag-color-warm-gray,\n  'high-contrast': $text-inverse,\n);\n\n:host(#{$prefix}-ai-label) {\n  @extend .#{$prefix}--slug;\n\n  .#{$prefix}--slug__text {\n    @include font-family('sans');\n  }\n\n  .#{$prefix}--popover-content {\n    @include ai-popover-gradient();\n\n    border: 1px solid transparent;\n    border-radius: $spacing-03;\n    // Need to make tokens\n    box-shadow:\n      inset 0 -80px 70px -65px $ai-inner-shadow,\n      -40px 44px 60px -24px $ai-popover-shadow-outer-01,\n      -56px 64px 64px -24px $ai-popover-shadow-outer-02;\n    color: $text-primary;\n    min-inline-size: to-rem(280px);\n  }\n\n  .#{$prefix}--toggletip-actions {\n    position: absolute;\n    justify-content: flex-end;\n    backdrop-filter: blur(85px);\n    background: rgba(0, 0, 0, 0.01);\n    border-end-end-radius: $spacing-03;\n    border-end-start-radius: $spacing-03;\n    column-gap: 0;\n    inline-size: 100%;\n    inset-block-end: 0;\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--toggletip-content {\n    // This sets the max size to the size of the action bar with 3 buttons\n    padding-block: $spacing-06 $spacing-11;\n    padding-inline: $spacing-06;\n    --cds-button-focus-color: var(--cds-focus);\n  }\n\n  .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:focus,\n  .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:focus {\n    box-shadow: none;\n  }\n}\n\n:host(#{$prefix}-ai-label[open]) {\n  .#{$prefix}--popover-caret {\n    background: transparent;\n    clip-path: none;\n\n    &::before {\n      position: absolute;\n      display: block;\n      box-sizing: border-box;\n      border: 1px solid $ai-border-start;\n      background: $background;\n      block-size: $spacing-04;\n      clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;\n      content: '';\n      inline-size: $spacing-04;\n      transform: rotate(45deg);\n    }\n\n    &::after {\n      position: absolute;\n      display: block;\n      background: $background;\n      block-size: to-rem(14px);\n      content: '';\n      inline-size: $spacing-01;\n    }\n  }\n}\n\n:host(#{$prefix}-ai-label:not([with-actions])) {\n  .#{$prefix}--toggletip-content {\n    max-inline-size: to-rem(320px);\n  }\n}\n\n:host(#{$prefix}-ai-label[revert-active]) {\n  transform: translate($spacing-03, -50%);\n}\n\n:host(#{$prefix}-ai-label[open]) {\n  z-index: 2;\n}\n\n:host(#{$prefix}-ai-label-action-button) {\n  @include emit-layout-tokens();\n  .#{$prefix}--btn--primary {\n    order: 1;\n    border-end-end-radius: to-rem(7px);\n  }\n}\n\n:host(\n    #{$prefix}-ai-label[kind='inline']:not([size='md']):not([size='lg']):not(\n        [size='xl']\n      )\n  ) {\n  .#{$prefix}--slug__button {\n    font-size: $spacing-04;\n  }\n}\n\n:host(#{$prefix}-ai-label[kind='inline'][size='lg']),\n:host(#{$prefix}-ai-label[kind='inline'][size='xl']) {\n  .#{$prefix}--slug__button {\n    font-size: $spacing-05;\n  }\n}\n\n:host(#{$prefix}-ai-label:not([kind='inline'])) {\n  .#{$prefix}--slug__button:focus {\n    border: 1px solid $focus;\n  }\n}\n\n// top\n:host(#{$prefix}-ai-label[alignment^='top']) {\n  .#{$prefix}--popover-caret {\n    &::before {\n      inset-block-end: to-rem(1px);\n      transform: rotate(-135deg);\n    }\n\n    &::after {\n      background: $ai-popover-caret-bottom-background;\n      block-size: $spacing-01;\n      border-end-end-radius: 50%;\n      border-end-start-radius: 50%;\n      inline-size: to-rem(14px);\n      inset-block-start: -$spacing-01;\n      inset-inline-start: to-rem(-1px);\n    }\n  }\n\n  &[has-actions] {\n    .#{$prefix}--popover-caret::after {\n      display: none;\n    }\n  }\n}\n\n// right\n:host(#{$prefix}-ai-label[alignment^='right']) {\n  .#{$prefix}--popover-caret {\n    &::before {\n      content: '';\n      inset-inline-start: to-rem(1px);\n      transform: rotate(-45deg);\n    }\n\n    &::after {\n      border-end-start-radius: 50%;\n      border-start-start-radius: 50%;\n      inset-block-start: to-rem(-1px);\n      inset-inline-start: to-rem(6px);\n    }\n  }\n}\n\n// bottom\n:host(#{$prefix}-ai-label[alignment^='bottom']) {\n  .#{$prefix}--popover-caret {\n    &::before {\n      inset-block-start: to-rem(1px);\n      transform: rotate(45deg);\n    }\n\n    &::after {\n      block-size: $spacing-01;\n      border-start-end-radius: 50%;\n      border-start-start-radius: 50%;\n      inline-size: to-rem(14px);\n      inset-block-end: to-rem(-2.5px);\n      inset-inline-start: to-rem(-1px);\n    }\n  }\n}\n\n//left\n:host(#{$prefix}-ai-label[alignment^='left']) {\n  .#{$prefix}--popover-caret {\n    &::before {\n      inset-inline-end: to-rem(1px);\n      transform: rotate(135deg);\n    }\n\n    &::after {\n      border-end-end-radius: 50%;\n      border-start-end-radius: 50%;\n      inset-block-start: to-rem(-1px);\n      inset-inline-start: -$spacing-01;\n    }\n  }\n}\n\n// override for specific alignments\n:host(#{$prefix}-ai-label[alignment='left-end']),\n:host(#{$prefix}-ai-label[alignment='left-bottom']),\n:host(#{$prefix}-ai-label[alignment='right-end']),\n:host(#{$prefix}-ai-label[alignment='right-bottom']) {\n  .#{$prefix}--popover-caret::after {\n    background: transparent;\n  }\n}\n\n// Change caret color / border when it is near the bottom of the callout\n:host(#{$prefix}-ai-label[alignment='left-end']),\n:host(#{$prefix}-ai-label[alignment='left-bottom']),\n:host(#{$prefix}-ai-label[alignment='right-end']),\n:host(#{$prefix}-ai-label[alignment='right-bottom']),\n:host(#{$prefix}-ai-label[alignment^='top']) {\n  .#{$prefix}--popover-caret::before {\n    border-color: $ai-popover-caret-bottom;\n    background: $ai-popover-caret-bottom-background;\n  }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment='left-end'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='left-bottom'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-end'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-bottom'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment^='top'][has-actions]) {\n  .#{$prefix}--popover-caret::before {\n    background: $ai-popover-caret-bottom-background-actions;\n  }\n}\n\n// Change the caret border when it is near the middle of the callout\n:host(#{$prefix}-ai-label[alignment='left']),\n:host(#{$prefix}-ai-label[alignment='right']) {\n  .#{$prefix}--popover-caret::before {\n    border-color: $ai-popover-caret-center;\n  }\n}\n\n// caret styles for auto align\n:host(#{$prefix}-ai-label[autoalign]) .#{$prefix}--popover-caret {\n  block-size: $spacing-04;\n  inline-size: $spacing-04;\n  transform: none;\n}\n\n:host(#{$prefix}-ai-label[autoalign]) {\n  .#{$prefix}--popover-caret::before {\n    inset-block-start: 0;\n  }\n\n  .#{$prefix}--popover-caret::after {\n    inline-size: to-rem(14px);\n    inset-block-end: to-rem(5px);\n    inset-inline-start: to-rem(-1px);\n  }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment^='left']),\n:host(#{$prefix}-ai-label[autoalign][alignment^='right']) {\n  .#{$prefix}--popover-caret::before {\n    inset-inline-start: 0;\n  }\n  .#{$prefix}--popover-caret::after {\n    block-size: to-rem(14px);\n    inline-size: to-rem(2px);\n    inset-block-start: to-rem(-1px);\n    inset-inline-start: to-rem(5px);\n  }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment='left-end']),\n:host(#{$prefix}-ai-label[autoalign][alignment='left-bottom']),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-end']),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-bottom']) {\n  .#{$prefix}--popover-caret::after {\n    background: transparent;\n  }\n}\n\n@each $color, $token in $colorMap {\n  :host(#{$prefix}-ai-label[tag='#{$color}']) {\n    .#{$prefix}--slug__text {\n      color: $token;\n    }\n\n    .#{$prefix}--slug__text::before {\n      background: $token;\n    }\n\n    @media (any-hover: hover) {\n      button:hover {\n        border-color: $token;\n\n        .#{$prefix}--slug__text::before {\n          background-color: $token;\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ai-label.scss.js","names":[],"sources":["../../../src/components/ai-label/ai-label.scss?lit"],"sourcesContent":["/**\n* Copyright IBM Corp. 2019, 2026\n*\n* This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/utilities/layout' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/components/slug/index' as *;\n\n:host(#{$prefix}-ai-label) {\n  @extend .#{$prefix}--slug;\n\n  .#{$prefix}--slug__button {\n    border-color: transparent;\n    color: currentColor;\n  }\n\n  .#{$prefix}--slug__text {\n    @include font-family('sans');\n  }\n\n  .#{$prefix}--popover-content {\n    @include ai-popover-gradient();\n\n    border: 1px solid transparent;\n    border-radius: $spacing-03;\n    // Need to make tokens\n    box-shadow:\n      inset 0 -80px 70px -65px $ai-inner-shadow,\n      -40px 44px 60px -24px $ai-popover-shadow-outer-01,\n      -56px 64px 64px -24px $ai-popover-shadow-outer-02;\n    color: $text-primary;\n    min-inline-size: to-rem(280px);\n  }\n\n  .#{$prefix}--toggletip-actions {\n    position: absolute;\n    justify-content: flex-end;\n    backdrop-filter: blur(85px);\n    background: rgba(0, 0, 0, 0.01);\n    border-end-end-radius: $spacing-03;\n    border-end-start-radius: $spacing-03;\n    column-gap: 0;\n    inline-size: 100%;\n    inset-block-end: 0;\n    inset-inline-end: 0;\n  }\n\n  .#{$prefix}--toggletip-content {\n    // This sets the max size to the size of the action bar with 3 buttons\n    padding-block: $spacing-06 $spacing-11;\n    padding-inline: $spacing-06;\n    --cds-button-focus-color: var(--cds-focus);\n  }\n\n  .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:focus,\n  .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:focus {\n    box-shadow: none;\n  }\n}\n\n:host(#{$prefix}-ai-label[open]) {\n  .#{$prefix}--popover-caret {\n    background: transparent;\n    clip-path: none;\n\n    &::before {\n      position: absolute;\n      display: block;\n      box-sizing: border-box;\n      border: 1px solid $ai-border-start;\n      background: $background;\n      block-size: $spacing-04;\n      clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;\n      content: '';\n      inline-size: $spacing-04;\n      transform: rotate(45deg);\n    }\n\n    &::after {\n      position: absolute;\n      display: block;\n      background: $background;\n      block-size: to-rem(14px);\n      content: '';\n      inline-size: $spacing-01;\n    }\n  }\n}\n\n:host(#{$prefix}-ai-label:not([with-actions])) {\n  .#{$prefix}--toggletip-content {\n    max-inline-size: to-rem(320px);\n  }\n}\n\n:host(#{$prefix}-ai-label[revert-active]) {\n  transform: translate($spacing-03, -50%);\n}\n\n:host(#{$prefix}-ai-label[open]) {\n  z-index: 2;\n}\n\n:host(#{$prefix}-ai-label-action-button) {\n  @include emit-layout-tokens();\n  .#{$prefix}--btn--primary {\n    order: 1;\n    border-end-end-radius: to-rem(7px);\n  }\n}\n\n:host(\n    #{$prefix}-ai-label[kind='inline']:not([size='md']):not([size='lg']):not(\n        [size='xl']\n      )\n  ) {\n  .#{$prefix}--slug__button {\n    font-size: $spacing-04;\n  }\n}\n\n:host(#{$prefix}-ai-label[kind='inline'][size='lg']),\n:host(#{$prefix}-ai-label[kind='inline'][size='xl']) {\n  .#{$prefix}--slug__button {\n    font-size: $spacing-05;\n  }\n}\n\n:host(#{$prefix}-ai-label:not([kind='inline'])) {\n  .#{$prefix}--slug__button:focus {\n    border: 1px solid $focus;\n  }\n}\n\n// top\n:host(#{$prefix}-ai-label[alignment^='top']) {\n  .#{$prefix}--popover-caret {\n    &::before {\n      inset-block-end: to-rem(1px);\n      transform: rotate(-135deg);\n    }\n\n    &::after {\n      background: $ai-popover-caret-bottom-background;\n      block-size: $spacing-01;\n      border-end-end-radius: 50%;\n      border-end-start-radius: 50%;\n      inline-size: to-rem(14px);\n      inset-block-start: -$spacing-01;\n      inset-inline-start: to-rem(-1px);\n    }\n  }\n\n  &[has-actions] {\n    .#{$prefix}--popover-caret::after {\n      display: none;\n    }\n  }\n}\n\n// right\n:host(#{$prefix}-ai-label[alignment^='right']) {\n  .#{$prefix}--popover-caret {\n    &::before {\n      content: '';\n      inset-inline-start: to-rem(1px);\n      transform: rotate(-45deg);\n    }\n\n    &::after {\n      border-end-start-radius: 50%;\n      border-start-start-radius: 50%;\n      inset-block-start: to-rem(-1px);\n      inset-inline-start: to-rem(6px);\n    }\n  }\n}\n\n// bottom\n:host(#{$prefix}-ai-label[alignment^='bottom']) {\n  .#{$prefix}--popover-caret {\n    &::before {\n      inset-block-start: to-rem(1px);\n      transform: rotate(45deg);\n    }\n\n    &::after {\n      block-size: $spacing-01;\n      border-start-end-radius: 50%;\n      border-start-start-radius: 50%;\n      inline-size: to-rem(14px);\n      inset-block-end: to-rem(-2.5px);\n      inset-inline-start: to-rem(-1px);\n    }\n  }\n}\n\n//left\n:host(#{$prefix}-ai-label[alignment^='left']) {\n  .#{$prefix}--popover-caret {\n    &::before {\n      inset-inline-end: to-rem(1px);\n      transform: rotate(135deg);\n    }\n\n    &::after {\n      border-end-end-radius: 50%;\n      border-start-end-radius: 50%;\n      inset-block-start: to-rem(-1px);\n      inset-inline-start: -$spacing-01;\n    }\n  }\n}\n\n// override for specific alignments\n:host(#{$prefix}-ai-label[alignment='left-end']),\n:host(#{$prefix}-ai-label[alignment='left-bottom']),\n:host(#{$prefix}-ai-label[alignment='right-end']),\n:host(#{$prefix}-ai-label[alignment='right-bottom']) {\n  .#{$prefix}--popover-caret::after {\n    background: transparent;\n  }\n}\n\n// Change caret color / border when it is near the bottom of the callout\n:host(#{$prefix}-ai-label[alignment='left-end']),\n:host(#{$prefix}-ai-label[alignment='left-bottom']),\n:host(#{$prefix}-ai-label[alignment='right-end']),\n:host(#{$prefix}-ai-label[alignment='right-bottom']),\n:host(#{$prefix}-ai-label[alignment^='top']) {\n  .#{$prefix}--popover-caret::before {\n    border-color: $ai-popover-caret-bottom;\n    background: $ai-popover-caret-bottom-background;\n  }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment='left-end'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='left-bottom'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-end'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-bottom'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment^='top'][has-actions]) {\n  .#{$prefix}--popover-caret::before {\n    background: $ai-popover-caret-bottom-background-actions;\n  }\n}\n\n// Change the caret border when it is near the middle of the callout\n:host(#{$prefix}-ai-label[alignment='left']),\n:host(#{$prefix}-ai-label[alignment='right']) {\n  .#{$prefix}--popover-caret::before {\n    border-color: $ai-popover-caret-center;\n  }\n}\n\n// caret styles for auto align\n:host(#{$prefix}-ai-label[autoalign]) .#{$prefix}--popover-caret {\n  block-size: $spacing-04;\n  inline-size: $spacing-04;\n  transform: none;\n}\n\n:host(#{$prefix}-ai-label[autoalign]) {\n  .#{$prefix}--popover-caret::before {\n    inset-block-start: 0;\n  }\n\n  .#{$prefix}--popover-caret::after {\n    inline-size: to-rem(14px);\n    inset-block-end: to-rem(5px);\n    inset-inline-start: to-rem(-1px);\n  }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment^='left']),\n:host(#{$prefix}-ai-label[autoalign][alignment^='right']) {\n  .#{$prefix}--popover-caret::before {\n    inset-inline-start: 0;\n  }\n  .#{$prefix}--popover-caret::after {\n    block-size: to-rem(14px);\n    inline-size: to-rem(2px);\n    inset-block-start: to-rem(-1px);\n    inset-inline-start: to-rem(5px);\n  }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment='left-end']),\n:host(#{$prefix}-ai-label[autoalign][alignment='left-bottom']),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-end']),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-bottom']) {\n  .#{$prefix}--popover-caret::after {\n    background: transparent;\n  }\n}\n\n:host(#{$prefix}-ai-label[tag]) {\n  .#{$prefix}--slug__button {\n    margin-inline-start: to-rem(1px);\n  }\n\n  .#{$prefix}--slug__text::before {\n    background-color: currentColor;\n  }\n\n  @media (any-hover: hover) {\n    .#{$prefix}--slug__button:hover {\n      border-color: currentColor;\n      background: transparent;\n      box-shadow: none;\n      color: currentColor;\n\n      .#{$prefix}--slug__text::before {\n        background-color: currentColor;\n      }\n    }\n\n    .#{$prefix}--slug__button:hover:active {\n      color: $text-secondary;\n    }\n  }\n}\n"],"mappings":""}

package/es-custom/components/ai-label/index.d.ts

@@ -6,4 +6,5 @@
  */
 import './ai-label';
 import './ai-label-action-button';
+import '../icon-button/icon-button';
 //# sourceMappingURL=index.d.ts.map

package/es-custom/components/ai-label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ai-label/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ai-label/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC"}

package/es-custom/components/ai-label/index.js

@@ -7,3 +7,4 @@
 
 import "./ai-label.js";
 import "./ai-label-action-button.js";
+import "../icon-button/icon-button.js";

package/es-custom/components/ai-skeleton/ai-skeleton.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/ai-skeleton/ai-skeleton.scss?lit
-var ai_skeleton_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton{background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton{display:inline-block;block-size:1rem;inline-size:1rem}.cds-custom--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{overflow:hidden;background:var(--cds-ai-skeleton-background,#d0e2ff)}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}:host(cds-custom-ai-skeleton-text){display:block;inline-size:100%}:host(cds-custom-ai-skeleton-placeholder){display:block}:host(cds-custom-ai-skeleton-icon){display:inline-block}"]);
+var ai_skeleton_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton{background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton{display:inline-block;block-size:1rem;inline-size:1rem}.cds-custom--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{overflow:hidden;background:var(--cds-ai-skeleton-background,#d0e2ff)}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0),rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}:host(cds-custom-ai-skeleton-text){display:block;inline-size:100%}:host(cds-custom-ai-skeleton-placeholder){display:block}:host(cds-custom-ai-skeleton-icon){display:inline-block}"]);
 //#endregion
 export { ai_skeleton_default as default };
 

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

@@ -0,0 +1,21 @@
+/**
+ * Copyright IBM Corp. 2025, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '../skeleton-text/index';
+import '../skeleton-placeholder/index';
+import { BigNumberSizeValues } from './constants';
+/**
+ * @element cds-custom-big-number-skeleton
+ * Note: This component is only used within cds-custom-big-number. It displays a skeleton version while content is loading (handled by the cds-custom-big-number prop `loading`).
+ */
+declare class CDSBigNumberSkeleton extends LitElement {
+    size?: BigNumberSizeValues;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSBigNumberSkeleton;
+//# sourceMappingURL=big-number-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"big-number-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/big-number/big-number-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,wBAAwB,CAAC;AAChC,OAAO,+BAA+B,CAAC;AAGvC,OAAO,EAAiB,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAKjE;;;GAGG;AAEH,cACM,oBAAqB,SAAQ,UAAU;IAE3C,IAAI,CAAC,EAAE,mBAAmB,CAAyB;IAEnD,MAAM;IAkBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,62 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import "../skeleton-text/index.js";
+import "../skeleton-placeholder/index.js";
+import "./constants.js";
+import big_number_skeleton_default$1 from "./big-number-skeleton.scss.js";
+import { LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+//#region src/components/big-number/big-number-skeleton.ts
+/**
+* Copyright IBM Corp. 2025, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const blockClass = `cds-custom--big-number-skeleton`;
+/**
+* @element cds-custom-big-number-skeleton
+* Note: This component is only used within cds-custom-big-number. It displays a skeleton version while content is loading (handled by the cds-custom-big-number prop `loading`).
+*/
+let CDSBigNumberSkeleton = class CDSBigNumberSkeleton extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.size = "default";
+	}
+	render() {
+		const { size } = this;
+		return html`
+      <div class=${classMap({
+			[`${blockClass}`]: true,
+			[`${blockClass}--lg`]: size === "lg",
+			[`${blockClass}--xl`]: size === "xl"
+		})}>
+        <cds-custom-skeleton-text class="${blockClass}__label"></cds-custom-skeleton-text>
+        <cds-custom-skeleton-placeholder
+          class="${blockClass}__value"></cds-custom-skeleton-placeholder>
+      </div>
+    `;
+	}
+	static {
+		this.styles = big_number_skeleton_default$1;
+	}
+};
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSBigNumberSkeleton.prototype, "size", void 0);
+CDSBigNumberSkeleton = __decorate([carbonElement(`cds-custom-big-number-skeleton`)], CDSBigNumberSkeleton);
+var big_number_skeleton_default = CDSBigNumberSkeleton;
+//#endregion
+export { big_number_skeleton_default as default };
+
+//# sourceMappingURL=big-number-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"big-number-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/big-number/big-number-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../skeleton-text/index';\nimport '../skeleton-placeholder/index';\n\nimport { prefix } from '../../globals/settings';\nimport { BigNumberSize, BigNumberSizeValues } from './constants';\nimport styles from './big-number-skeleton.scss?lit';\n\nconst blockClass = `${prefix}--big-number-skeleton`;\n\n/**\n * @element cds-custom-big-number-skeleton\n * Note: This component is only used within cds-custom-big-number. It displays a skeleton version while content is loading (handled by the cds-custom-big-number prop `loading`).\n */\n\n@customElement(`${prefix}-big-number-skeleton`)\nclass CDSBigNumberSkeleton extends LitElement {\n  @property({ type: String, reflect: true })\n  size?: BigNumberSizeValues = BigNumberSize.Default;\n\n  render() {\n    const { size } = this;\n\n    const bigNumberSkeletonClasses = classMap({\n      [`${blockClass}`]: true,\n      [`${blockClass}--lg`]: size === BigNumberSize.Large,\n      [`${blockClass}--xl`]: size === BigNumberSize.XLarge,\n    });\n\n    return html`\n      <div class=${bigNumberSkeletonClasses}>\n        <cds-custom-skeleton-text class=\"${blockClass}__label\"></cds-custom-skeleton-text>\n        <cds-custom-skeleton-placeholder\n          class=\"${blockClass}__value\"></cds-custom-skeleton-placeholder>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBigNumberSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,aAAa;;;;;AAOnB,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;;;CAI5C,SAAS;EACP,MAAM,EAAE,SAAS;EAQjB,OAAO,IAAI;mBANsB,SAAS;IACvC,GAAG,eAAe;IAClB,GAAG,WAAW,QAAQ,SAAA;IACtB,GAAG,WAAW,QAAQ,SAAA;EACzB,CAGsC,EAAE;oCACR,WAAW;;mBAE5B,WAAW;;;CAG5B;;gBAEgBA;;AAClB;YAtBG,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,QAAA,KAAA,CAAA;mCAF1CC,cAAc,yBAA+B,CAAA,GAAA,oBAAA;AA0B9C,IAAA,8BAAe"}

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

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from "lit";
+//#region src/components/big-number/big-number-skeleton.scss?lit
+var big_number_skeleton_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;border:0;margin:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-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);line-height:var(--cds-heading-06-line-height,1.199);letter-spacing:var(--cds-heading-06-letter-spacing,0)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);line-height:var(--cds-heading-05-line-height,1.25);letter-spacing:var(--cds-heading-05-letter-spacing,0)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);line-height:var(--cds-heading-04-line-height,1.28572);letter-spacing:var(--cds-heading-04-letter-spacing,0)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);line-height:var(--cds-heading-02-line-height,1.5);letter-spacing:var(--cds-heading-02-letter-spacing,0)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);line-height:var(--cds-heading-01-line-height,1.42857);letter-spacing:var(--cds-heading-01-letter-spacing,.16px)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton{inline-size:4rem}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton--lg{inline-size:5rem}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton--xl{inline-size:6rem}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton__label{block-size:.75rem;inline-size:70%;margin-block:0 .5rem}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton__value::part(placeholder){margin:0;block-size:2.5rem;inline-size:100%}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton.cds-custom--big-number-skeleton--lg .cds-custom--big-number-skeleton__label{margin-block:0 .75rem}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton.cds-custom--big-number-skeleton--lg .cds-custom--big-number-skeleton__value::part(placeholder){block-size:3rem}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton.cds-custom--big-number-skeleton--xl .cds-custom--big-number-skeleton__label{margin-block:0 1rem}:host(cds-custom-big-number-skeleton) .cds-custom--big-number-skeleton.cds-custom--big-number-skeleton--xl .cds-custom--big-number-skeleton__value::part(placeholder){block-size:4rem}"]);
+//#endregion
+export { big_number_skeleton_default as default };
+
+//# sourceMappingURL=big-number-skeleton.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"big-number-skeleton.scss.js","names":[],"sources":["../../../src/components/big-number/big-number-skeleton.scss?lit"],"sourcesContent":["// Copyright IBM Corp. 2025, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n\n$skeleton-block-class: #{$prefix}--big-number-skeleton;\n\n:host(#{$prefix}-big-number-skeleton) {\n  .#{$skeleton-block-class} {\n    inline-size: $spacing-10;\n  }\n\n  .#{$skeleton-block-class}--lg {\n    inline-size: $spacing-11;\n  }\n\n  .#{$skeleton-block-class}--xl {\n    inline-size: $spacing-12;\n  }\n\n  .#{$skeleton-block-class}__label {\n    block-size: $spacing-04;\n    inline-size: 70%;\n    margin-block: 0 $spacing-03;\n  }\n\n  .#{$skeleton-block-class}__value::part(placeholder) {\n    margin: 0;\n    block-size: $spacing-08;\n    inline-size: 100%;\n  }\n\n  .#{$skeleton-block-class}.#{$skeleton-block-class}--lg\n    .#{$skeleton-block-class}__label {\n    margin-block: 0 $spacing-04;\n  }\n\n  .#{$skeleton-block-class}.#{$skeleton-block-class}--lg\n    .#{$skeleton-block-class}__value::part(placeholder) {\n    block-size: $spacing-09;\n  }\n\n  .#{$skeleton-block-class}.#{$skeleton-block-class}--xl\n    .#{$skeleton-block-class}__label {\n    margin-block: 0 $spacing-05;\n  }\n\n  .#{$skeleton-block-class}.#{$skeleton-block-class}--xl\n    .#{$skeleton-block-class}__value::part(placeholder) {\n    block-size: $spacing-10;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2025, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import './big-number-skeleton';
+import { BigNumberSizeValues } from './constants';
+/**
+ * @element cds-custom-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 _formatValue;
+    private _getTruncatedValue;
+    private _shouldDisplayDenominator;
+    private _getTrendingIcon;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSBigNumber;
+//# sourceMappingURL=big-number.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"big-number.d.ts","sourceRoot":"","sources":["../../../src/components/big-number/big-number.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAYhD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAEL,mBAAmB,EAIpB,MAAM,aAAa,CAAC;AAKrB;;;;;GAKG;AACH,cACM,YAAa,SAAQ,UAAU;IAEnC,cAAc,SAAK;IAGnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,OAAO,UAAS;IAGhB,MAAM,SAAiB;IAGvB,UAAU,UAAS;IAGnB,IAAI,EAAE,mBAAmB,CAAyB;IAGlD,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,QAAQ,UAAS;IAGjB,QAAQ,UAAQ;IAGhB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,yBAAyB;IAajC,OAAO,CAAC,gBAAgB;IAWxB,MAAM;IAoEN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,171 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import iconLoader from "../../globals/internal/icon-loader.js";
+import { getSupportedLocale } from "../../globals/internal/getSupportedLocale.js";
+import { DefaultLocale, UNKNOWN } from "./constants.js";
+import "./big-number-skeleton.js";
+import big_number_default$1 from "./big-number.scss.js";
+import { LitElement, html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.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";
+//#region src/components/big-number/big-number.ts
+/**
+* Copyright IBM Corp. 2025, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const blockClass = `cds-custom--big-number`;
+/**
+* @element cds-custom-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(..._args) {
+		super(..._args);
+		this.fractionDigits = 1;
+		this.loading = false;
+		this.locale = DefaultLocale;
+		this.percentage = false;
+		this.size = "default";
+		this.trending = false;
+		this.truncate = true;
+	}
+	_formatValue(locale, value, fractionDigits, truncate) {
+		if (value === null || value === void 0) 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 = getSupportedLocale(this.locale, DefaultLocale);
+		return this._formatValue(supportedLocale, value, this.fractionDigits, this.truncate) ?? placeholder;
+	}
+	_shouldDisplayDenominator(truncatedValue, truncatedTotal) {
+		return !this.percentage && this.total !== void 0 && this.value !== void 0 && this.total > this.value && truncatedValue !== truncatedTotal;
+	}
+	_getTrendingIcon() {
+		switch (this.size) {
+			case "lg": return ArrowUp20;
+			case "xl": 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, "–");
+		const truncatedTotal = this._getTruncatedValue(total, UNKNOWN);
+		const shouldDisplayDenominator = this._shouldDisplayDenominator(truncatedValue, truncatedTotal);
+		if (loading) return html`
+        <cds-custom-big-number-skeleton .size=${size}></cds-custom-big-number-skeleton>
+      `;
+		return html`
+      <figure class=${bigNumberClasses}>
+        <!-- Label slot -->
+        <span class="${blockClass}__row">
+          <slot name="label">
+            <figcaption class="${blockClass}__label">${label}</figcaption>
+          </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"
+                    >${"%"}</span
+                  >
+                </div>` : truncatedValue}
+          </span>
+
+          <!-- Denominator -->
+          ${shouldDisplayDenominator ? html`<span class="${blockClass}__total">
+                <span>${`/${truncatedTotal}`}</span>
+              </span>` : nothing}
+
+          <!-- Icon button -->
+          <span class="${blockClass}__icon-button">
+            <slot name="icon-button"></slot>
+          </span>
+        </span>
+      </figure>
+    `;
+	}
+	static {
+		this.styles = big_number_default$1;
+	}
+};
+__decorate([property({
+	type: Number,
+	attribute: "fraction-digits",
+	reflect: true
+})], CDSBigNumber.prototype, "fractionDigits", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSBigNumber.prototype, "label", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSBigNumber.prototype, "loading", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSBigNumber.prototype, "locale", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSBigNumber.prototype, "percentage", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSBigNumber.prototype, "size", void 0);
+__decorate([property({
+	type: Number,
+	reflect: true
+})], CDSBigNumber.prototype, "total", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSBigNumber.prototype, "trending", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSBigNumber.prototype, "truncate", void 0);
+__decorate([property({
+	type: Number,
+	reflect: true
+})], CDSBigNumber.prototype, "value", void 0);
+CDSBigNumber = __decorate([carbonElement(`cds-custom-big-number`)], CDSBigNumber);
+var big_number_default = CDSBigNumber;
+//#endregion
+export { big_number_default as default };
+
+//# sourceMappingURL=big-number.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"big-number.js","names":["styles","customElement"],"sources":["../../../src/components/big-number/big-number.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport type { CarbonIcon } from '../../globals/internal/icon-loader-utils';\nimport ArrowUp16 from '@carbon/icons/es/arrow--up/16';\nimport ArrowUp20 from '@carbon/icons/es/arrow--up/20';\nimport ArrowUp24 from '@carbon/icons/es/arrow--up/24';\n\nimport { prefix } from '../../globals/settings';\nimport { getSupportedLocale } from '../../globals/internal/getSupportedLocale';\nimport './big-number-skeleton';\nimport {\n  BigNumberSize,\n  BigNumberSizeValues,\n  Characters,\n  DefaultLocale,\n  UNKNOWN,\n} from './constants';\nimport styles from './big-number.scss?lit';\n\nconst blockClass = `${prefix}--big-number`;\n\n/**\n * @element cds-custom-big-number\n * @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.\n * @slot trending-icon - Displays an icon indicating trend direction. Can be customized to show a downward arrow when the trend is not upward.\n * @slot icon-button - Displays an icon button next to `value`.\n */\n@customElement(`${prefix}-big-number`)\nclass CDSBigNumber extends LitElement {\n  @property({ type: Number, attribute: 'fraction-digits', reflect: true })\n  fractionDigits = 1;\n\n  @property({ type: String, reflect: true })\n  label: string | undefined;\n\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  @property({ type: String, reflect: true })\n  locale = DefaultLocale;\n\n  @property({ type: Boolean, reflect: true })\n  percentage = false;\n\n  @property({ type: String, reflect: true })\n  size: BigNumberSizeValues = BigNumberSize.Default;\n\n  @property({ type: Number, reflect: true })\n  total?: number;\n\n  @property({ type: Boolean, reflect: true })\n  trending = false;\n\n  @property({ type: Boolean, reflect: true })\n  truncate = true;\n\n  @property({ type: Number, reflect: true })\n  value?: number;\n\n  private _formatValue(\n    locale: Intl.LocalesArgument,\n    value: number | null | undefined,\n    fractionDigits: number,\n    truncate: boolean\n  ): string | null | undefined {\n    if (value === null || value === undefined) {\n      return null;\n    }\n\n    return truncate\n      ? Intl.NumberFormat(locale, {\n          notation: 'compact',\n          minimumFractionDigits: fractionDigits,\n          maximumFractionDigits: Math.round(fractionDigits),\n        }).format(value)\n      : Intl.NumberFormat(locale).format(value);\n  }\n\n  private _getTruncatedValue(\n    value: number | undefined,\n    placeholder: string\n  ): string {\n    const supportedLocale = getSupportedLocale(this.locale, DefaultLocale);\n    const truncatedValue = this._formatValue(\n      supportedLocale,\n      value,\n      this.fractionDigits,\n      this.truncate\n    );\n    return truncatedValue ?? placeholder;\n  }\n\n  private _shouldDisplayDenominator(\n    truncatedValue: string,\n    truncatedTotal: string\n  ): boolean {\n    return (\n      !this.percentage &&\n      this.total !== undefined &&\n      this.value !== undefined &&\n      this.total > this.value &&\n      truncatedValue !== truncatedTotal\n    );\n  }\n\n  private _getTrendingIcon(): CarbonIcon {\n    switch (this.size) {\n      case BigNumberSize.Large:\n        return ArrowUp20;\n      case BigNumberSize.XLarge:\n        return ArrowUp24;\n      default:\n        return ArrowUp16;\n    }\n  }\n\n  render() {\n    const { loading, label, percentage, size, total, trending, value } = this;\n\n    const bigNumberClasses = classMap({\n      [blockClass]: true,\n      [`${blockClass}--lg`]: size === BigNumberSize.Large,\n      [`${blockClass}--xl`]: size === BigNumberSize.XLarge,\n    });\n\n    const truncatedValue = this._getTruncatedValue(value, Characters.Dash);\n    const truncatedTotal = this._getTruncatedValue(total, UNKNOWN);\n    const shouldDisplayDenominator = this._shouldDisplayDenominator(\n      truncatedValue,\n      truncatedTotal\n    );\n\n    if (loading) {\n      return html`\n        <cds-custom-big-number-skeleton .size=${size}></cds-custom-big-number-skeleton>\n      `;\n    }\n\n    return html`\n      <figure class=${bigNumberClasses}>\n        <!-- Label slot -->\n        <span class=\"${blockClass}__row\">\n          <slot name=\"label\">\n            <figcaption class=\"${blockClass}__label\">${label}</figcaption>\n          </slot>\n        </span>\n        <span class=\"${blockClass}__row\" role=\"math\">\n          <!-- Trending up arrow  -->\n          ${trending\n            ? html`<slot name=\"trending-icon\"\n                >${iconLoader(this._getTrendingIcon(), {\n                  slot: 'icon',\n                  class: `${blockClass}__trend`,\n                })}\n              </slot>`\n            : nothing}\n\n          <!-- Numerator  -->\n          <span class=\"${blockClass}__value\">\n            ${percentage\n              ? html`<div class=\"${blockClass}__percentage\">\n                  ${truncatedValue}<span class=\"${blockClass}__percentage-mark\"\n                    >${Characters.Percentage}</span\n                  >\n                </div>`\n              : truncatedValue}\n          </span>\n\n          <!-- Denominator -->\n          ${shouldDisplayDenominator\n            ? html`<span class=\"${blockClass}__total\">\n                <span>${`${Characters.Slash}${truncatedTotal}`}</span>\n              </span>`\n            : nothing}\n\n          <!-- Icon button -->\n          <span class=\"${blockClass}__icon-button\">\n            <slot name=\"icon-button\"></slot>\n          </span>\n        </span>\n      </figure>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBigNumber;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,aAAa;;;;;;;AAQnB,IAAA,eAAA,MACM,qBAAqB,WAAW;;;wBAEnB;iBAMP;gBAGD;oBAGI;;kBASF;kBAGA;;CAKX,aACE,QACA,OACA,gBACA,UAC2B;EAC3B,IAAI,UAAU,QAAQ,UAAU,KAAA,GAC9B,OAAO;EAGT,OAAO,WACH,KAAK,aAAa,QAAQ;GACxB,UAAU;GACV,uBAAuB;GACvB,uBAAuB,KAAK,MAAM,cAAc;EAClD,CAAC,CAAC,CAAC,OAAO,KAAK,IACf,KAAK,aAAa,MAAM,CAAC,CAAC,OAAO,KAAK;CAC5C;CAEA,mBACE,OACA,aACQ;EACR,MAAM,kBAAkB,mBAAmB,KAAK,QAAQ,aAAa;EAOrE,OANuB,KAAK,aAC1B,iBACA,OACA,KAAK,gBACL,KAAK,QAEa,KAAK;CAC3B;CAEA,0BACE,gBACA,gBACS;EACT,OACE,CAAC,KAAK,cACN,KAAK,UAAU,KAAA,KACf,KAAK,UAAU,KAAA,KACf,KAAK,QAAQ,KAAK,SAClB,mBAAmB;CAEvB;CAEA,mBAAuC;EACrC,QAAQ,KAAK,MAAb;GACE,KAAA,MACE,OAAO;GACT,KAAA,MACE,OAAO;GACT,SACE,OAAO;EACX;CACF;CAEA,SAAS;EACP,MAAM,EAAE,SAAS,OAAO,YAAY,MAAM,OAAO,UAAU,UAAU;EAErE,MAAM,mBAAmB,SAAS;IAC/B,aAAa;IACb,GAAG,WAAW,QAAQ,SAAA;IACtB,GAAG,WAAW,QAAQ,SAAA;EACzB,CAAC;EAED,MAAM,iBAAiB,KAAK,mBAAmB,OAAA,GAAsB;EACrE,MAAM,iBAAiB,KAAK,mBAAmB,OAAO,OAAO;EAC7D,MAAM,2BAA2B,KAAK,0BACpC,gBACA,cACF;EAEA,IAAI,SACF,OAAO,IAAI;yCACwB,KAAK;;EAI1C,OAAO,IAAI;sBACO,iBAAiB;;uBAEhB,WAAW;;iCAED,WAAW,WAAW,MAAM;;;uBAGtC,WAAW;;YAEtB,WACE,IAAI;mBACC,WAAW,KAAK,iBAAiB,GAAG;GACrC,MAAM;GACN,OAAO,GAAG,WAAW;EACvB,CAAC,EAAE;yBAEL,QAAQ;;;yBAGG,WAAW;cACtB,aACE,IAAI,eAAe,WAAW;oBAC1B,eAAe,eAAe,WAAW;2BAChB;;0BAG7B,eAAe;;;;YAInB,2BACE,IAAI,gBAAgB,WAAW;wBACrB,IAAsB,iBAAiB;yBAEjD,QAAQ;;;yBAGG,WAAW;;;;;;CAMlC;;gBAEgBA;;AAClB;YA5JG,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,kBAAA,KAAA,CAAA;YAGtE,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,SAAA,KAAA,CAAA;YAGxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,WAAA,KAAA,CAAA;YAGzC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,UAAA,KAAA,CAAA;YAGxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;YAGzC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,QAAA,KAAA,CAAA;YAGxC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,SAAA,KAAA,CAAA;YAGxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,YAAA,KAAA,CAAA;YAGzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,YAAA,KAAA,CAAA;YAGzC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,SAAA,KAAA,CAAA;2BA7B1CC,cAAc,gBAAsB,CAAA,GAAA,YAAA;AAgKrC,IAAA,qBAAe"}

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

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from "lit";
+//#region src/components/big-number/big-number.scss?lit
+var big_number_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;border:0;margin:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-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);line-height:var(--cds-heading-06-line-height,1.199);letter-spacing:var(--cds-heading-06-letter-spacing,0)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);line-height:var(--cds-heading-05-line-height,1.25);letter-spacing:var(--cds-heading-05-letter-spacing,0)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);line-height:var(--cds-heading-04-line-height,1.28572);letter-spacing:var(--cds-heading-04-letter-spacing,0)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);line-height:var(--cds-heading-02-line-height,1.5);letter-spacing:var(--cds-heading-02-letter-spacing,0)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);line-height:var(--cds-heading-01-line-height,1.42857);letter-spacing:var(--cds-heading-01-letter-spacing,.16px)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.cds-custom--big-number{margin:0}.cds-custom--big-number__label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:block;margin:0;color:var(--cds-text-secondary,#525252)}.cds-custom--big-number__value{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);line-height:var(--cds-heading-04-line-height,1.28572);letter-spacing:var(--cds-heading-04-letter-spacing,0);margin-block-end:0}.cds-custom--big-number__total{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds-custom--big-number__percentage-mark,.cds-custom--big-number__total{margin-block:auto .25rem}.cds-custom--big-number__info{padding-inline-start:.5rem;vertical-align:top}.cds-custom--big-number__trend{margin-block-start:.5rem;vertical-align:top}.cds-custom--big-number__row{display:flex;align-items:center}.cds-custom--big-number__percentage{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);line-height:var(--cds-heading-04-line-height,1.28572);letter-spacing:var(--cds-heading-04-letter-spacing,0)}.cds-custom--big-number__percentage-mark{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds-custom--big-number__icon-button{margin-inline-start:.25rem}.cds-custom--big-number--lg .cds-custom--big-number__percentage,.cds-custom--big-number--lg .cds-custom--big-number__value{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);line-height:var(--cds-heading-06-line-height,1.199);letter-spacing:var(--cds-heading-06-letter-spacing,0)}.cds-custom--big-number--lg .cds-custom--big-number__percentage-mark,.cds-custom--big-number--lg .cds-custom--big-number__total{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);line-height:var(--cds-heading-03-line-height,1.4);letter-spacing:var(--cds-heading-03-letter-spacing,0)}.cds-custom--big-number--xl .cds-custom--big-number__label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds-custom--big-number--xl .cds-custom--big-number__percentage,.cds-custom--big-number--xl .cds-custom--big-number__value{font-size:var(--cds-heading-07-font-size,3.375rem);font-weight:var(--cds-heading-07-font-weight,300);line-height:var(--cds-heading-07-line-height,1.19);letter-spacing:var(--cds-heading-07-letter-spacing,0)}.cds-custom--big-number--xl .cds-custom--big-number__percentage-mark,.cds-custom--big-number--xl .cds-custom--big-number__total{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);line-height:var(--cds-heading-04-line-height,1.28572);letter-spacing:var(--cds-heading-04-letter-spacing,0)}.cds-custom--big-number--xl .cds-custom--big-number__trend{margin-block-start:.75rem}.cds-custom--big-number .cds-custom--big-number__tooltip-trigger{display:inline-flex;padding:0;border:0;background:none;color:inherit;cursor:pointer;vertical-align:top}.cds-custom--big-number .cds-custom--big-number__tooltip-trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--big-number-skeleton{inline-size:4rem}.cds-custom--big-number-skeleton__label{block-size:.75rem;margin-block:0 .5rem}.cds-custom--big-number-skeleton__value{margin:0;block-size:2.5rem!important}.cds-custom--big-number-skeleton--lg{inline-size:5rem}.cds-custom--big-number-skeleton--xl{inline-size:6rem}.cds-custom--big-number-skeleton.cds-custom--big-number-skeleton--lg .cds-custom--big-number-skeleton__label{block-size:.75rem}.cds-custom--big-number-skeleton.cds-custom--big-number-skeleton--lg .cds-custom--big-number-skeleton__value{block-size:3rem!important}.cds-custom--big-number-skeleton.cds-custom--big-number-skeleton--xl .cds-custom--big-number-skeleton__label{block-size:.75rem}.cds-custom--big-number-skeleton.cds-custom--big-number-skeleton--xl .cds-custom--big-number-skeleton__value{block-size:4rem!important}:host(cds-custom-big-number) .cds-custom--big-number__trend{margin-block-start:.5rem;vertical-align:top}:host(cds-custom-big-number) .cds-custom--big-number--xl .cds-custom--big-number__trend{margin-block-start:.75rem}"]);
+//#endregion
+export { big_number_default as default };
+
+//# sourceMappingURL=big-number.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"big-number.scss.js","names":[],"sources":["../../../src/components/big-number/big-number.scss?lit"],"sourcesContent":["// Copyright IBM Corp. 2025, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/components/big-number' as big-number-styles;\n\n// Emit Carbon big-number class rules at file root (not inside :host)\n@include big-number-styles.big-number;\n\n$block-class: #{$prefix}--big-number;\n\n:host(#{$prefix}-big-number) {\n  .#{$block-class}__trend {\n    margin-block-start: $spacing-03;\n    vertical-align: top;\n  }\n\n  .#{$block-class}--xl {\n    .#{$block-class}__trend {\n      margin-block-start: $spacing-04;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,20 @@
+/**
+ * Copyright IBM Corp. 2025, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+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";
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/big-number/constants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,KAAK,OAAO;IACZ,MAAM,OAAO;CACd;AAED,MAAM,MAAM,mBAAmB,GAAG,GAAG,aAAa,EAAE,CAAC;AAErD,oBAAY,UAAU;IACpB,IAAI,WAAM;IACV,KAAK,MAAM;IACX,UAAU,MAAM;CACjB;AAED,eAAO,MAAM,aAAa,UAAU,CAAC;AACrC,eAAO,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,32 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//#region src/components/big-number/constants.ts
+/**
+* Copyright IBM Corp. 2025, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+let BigNumberSize = /* @__PURE__ */ function(BigNumberSize) {
+	BigNumberSize["Default"] = "default";
+	BigNumberSize["Large"] = "lg";
+	BigNumberSize["XLarge"] = "xl";
+	return BigNumberSize;
+}({});
+let Characters = /* @__PURE__ */ function(Characters) {
+	Characters["Dash"] = "–";
+	Characters["Slash"] = "/";
+	Characters["Percentage"] = "%";
+	return Characters;
+}({});
+const DefaultLocale = "en-US";
+const UNKNOWN = "Unknown";
+//#endregion
+export { BigNumberSize, Characters, DefaultLocale, UNKNOWN };
+
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/big-number/constants.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport enum BigNumberSize {\n  Default = 'default',\n  Large = 'lg',\n  XLarge = 'xl',\n}\n\nexport type BigNumberSizeValues = `${BigNumberSize}`;\n\nexport enum Characters {\n  Dash = '–',\n  Slash = '/',\n  Percentage = '%',\n}\n\nexport const DefaultLocale = 'en-US';\nexport const UNKNOWN = 'Unknown';\n"],"mappings":";;;;;;;;;;;;;;AAOA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,aAAA;CACA,cAAA,WAAA;CACA,cAAA,YAAA;;AACF,EAAA,CAAA,CAAA;AAIA,IAAY,aAAL,yBAAA,YAAA;CACL,WAAA,UAAA;CACA,WAAA,WAAA;CACA,WAAA,gBAAA;;AACF,EAAA,CAAA,CAAA;AAEA,MAAa,gBAAgB;AAC7B,MAAa,UAAU"}

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2025, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './big-number';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/big-number/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,cAAc,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "./big-number.js";

package/es-custom/components/breadcrumb/breadcrumb-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA4BzB,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAyBzB,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}

package/es-custom/components/breadcrumb/breadcrumb-item.js

@@ -28,7 +28,8 @@ let CDSBreadcrumbItem = class CDSBreadcrumbItem extends LitElement {
 	*/
 	_handleSlotChange({ target }) {
 		target.assignedNodes().filter((node) => node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() === `cds-custom-overflow-menu`).forEach((item) => {
-			if (this.getAttribute("size")) item.setAttribute("breadcrumb-size", this.getAttribute("size"));
+			const size = this.getAttribute("size");
+			if (size) item.setAttribute("breadcrumb-size", size);
 			const overflowMenuBody = item.querySelector(`cds-custom-overflow-menu-body`);
 			if (overflowMenuBody) overflowMenuBody.menuOffset = {
 				top: 10,

package/es-custom/components/breadcrumb/breadcrumb-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.js","names":["styles","customElement"],"sources":["../../../src/components/breadcrumb/breadcrumb-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './breadcrumb.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport type CDSOverflowMenuBody from '../overflow-menu/overflow-menu-body';\n/**\n * Breadcrumb item.\n *\n * @element cds-custom-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass CDSBreadcrumbItem extends LitElement {\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const items = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as Element).tagName.toLowerCase() === `${prefix}-overflow-menu`\n      );\n\n    items.forEach((item) => {\n      if (this.getAttribute('size')) {\n        (item as HTMLElement).setAttribute(\n          'breadcrumb-size',\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          this.getAttribute('size')!\n        );\n      }\n\n      const overflowMenuBody = (item as HTMLElement).querySelector(\n        `${prefix}-overflow-menu-body`\n      ) as CDSOverflowMenuBody;\n\n      if (overflowMenuBody) {\n        overflowMenuBody.menuOffset = { top: 10, left: 59 };\n      }\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot @slotchange=${this._handleSlotChange}></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;;CAIzC,kBAA0B,EAAE,UAAiB;EAS3C,OAPG,cAAc,CAAC,CACf,QACE,SACC,KAAK,aAAa,KAAK,gBACtB,KAAiB,QAAQ,YAAY,MAAM,mBAG9C,CAAC,CAAC,SAAS,SAAS;GACtB,IAAI,KAAK,aAAa,MAAM,GAC1B,KAAsB,aACpB,mBAEA,KAAK,aAAa,MAAM,CAC1B;GAGF,MAAM,mBAAoB,KAAqB,cAC7C,wBACF;GAEA,IAAI,kBACF,iBAAiB,aAAa;IAAE,KAAK;IAAI,MAAM;GAAG;EAEtD,CAAC;CACH;CAEA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,UAAU;EAEtC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,OAAO,IAAI,sBAAsB,KAAK,kBAAkB;CAC1D;;gBAEgBA;;AAClB;gCA7CCC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AA+C1C,IAAA,0BAAe"}
+{"version":3,"file":"breadcrumb-item.js","names":["styles","customElement"],"sources":["../../../src/components/breadcrumb/breadcrumb-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './breadcrumb.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport type CDSOverflowMenuBody from '../overflow-menu/overflow-menu-body';\n/**\n * Breadcrumb item.\n *\n * @element cds-custom-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass CDSBreadcrumbItem extends LitElement {\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const items = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as Element).tagName.toLowerCase() === `${prefix}-overflow-menu`\n      );\n\n    items.forEach((item) => {\n      const size = this.getAttribute('size');\n      if (size) {\n        (item as HTMLElement).setAttribute('breadcrumb-size', size);\n      }\n\n      const overflowMenuBody = (item as HTMLElement).querySelector(\n        `${prefix}-overflow-menu-body`\n      ) as CDSOverflowMenuBody;\n\n      if (overflowMenuBody) {\n        overflowMenuBody.menuOffset = { top: 10, left: 59 };\n      }\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot @slotchange=${this._handleSlotChange}></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;;CAIzC,kBAA0B,EAAE,UAAiB;EAS3C,OAPG,cAAc,CAAC,CACf,QACE,SACC,KAAK,aAAa,KAAK,gBACtB,KAAiB,QAAQ,YAAY,MAAM,mBAG9C,CAAC,CAAC,SAAS,SAAS;GACtB,MAAM,OAAO,KAAK,aAAa,MAAM;GACrC,IAAI,MACF,KAAsB,aAAa,mBAAmB,IAAI;GAG5D,MAAM,mBAAoB,KAAqB,cAC7C,wBACF;GAEA,IAAI,kBACF,iBAAiB,aAAa;IAAE,KAAK;IAAI,MAAM;GAAG;EAEtD,CAAC;CACH;CAEA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,UAAU;EAEtC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,OAAO,IAAI,sBAAsB,KAAK,kBAAkB;CAC1D;;gBAEgBA;;AAClB;gCA1CCC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AA4C1C,IAAA,0BAAe"}

package/es-custom/components/breadcrumb/breadcrumb.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.