@carbon/web-components 2.45.0 → 2.46.0

package/es-custom/components/notification/callout-notification.d.ts

@@ -23,7 +23,7 @@ declare class CDSCalloutNotification extends CDSActionableNotification {
      *  Specify the notification kind, Defaults to 'info'.
      */
     kind: NOTIFICATION_KIND;
-    protected _renderIcon(): any;
+    protected _renderIcon(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/unsafe-svg").UnsafeSVGDirective> | null | undefined;
     protected _renderText(): import("lit-html").TemplateResult<1>;
     protected _renderButton(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;

package/es-custom/components/notification/callout-notification.js

@@ -6,10 +6,11 @@
  */
 
 import { __decorate } from 'tslib';
-import { svg, html } from 'lit';
+import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import { iconLoader } from '../../globals/internal/icon-loader.js';
 import CDSActionableNotification, { iconsForKinds } from './actionable-notification.js';
 import { NOTIFICATION_KIND } from './defs.js';
 import styles from './actionable-notification.scss.js';
@@ -42,15 +43,13 @@ let CDSCalloutNotification = class CDSCalloutNotification extends CDSActionableN
     }
     _renderIcon() {
         const { statusIconDescription, kind } = this;
-        const { [kind]: icon } = iconsForKinds;
-        return !icon
-            ? undefined
-            : icon({
+        const IconComponent = iconsForKinds[kind];
+        return IconComponent
+            ? iconLoader(IconComponent, {
                 class: `${prefix}--inline-notification__icon`,
-                children: !statusIconDescription
-                    ? undefined
-                    : svg `<title>${statusIconDescription}</title>`,
-            });
+                'aria-label': statusIconDescription || undefined,
+            })
+            : undefined;
     }
     _renderText() {
         const { subtitle, title, titleId, _type: type } = this;

package/es-custom/components/notification/callout-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout-notification.js","sources":["../../../src/components/notification/callout-notification.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSActionableNotification from './actionable-notification';\nimport { iconsForKinds } from './actionable-notification';\nimport { NOTIFICATION_KIND } from './defs';\nimport styles from './actionable-notification.scss?lit';\n\n/**\n * Callout notification.\n * @element cds-custom-callout-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @slot action - The action button.\n * @slot - The default slot for additional content.\n */\n@customElement(`${prefix}-callout-notification`)\nclass CDSCalloutNotification extends CDSActionableNotification {\n  /**\n   * Specify the id for the title element.\n   */\n  @property({ type: String, reflect: true, attribute: 'title-id' })\n  titleId = '';\n\n  /**\n   *  Specify the notification kind, Defaults to 'info'.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.INFO;\n\n  protected _renderIcon() {\n    const { statusIconDescription, kind } = this;\n    const { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--inline-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\n        });\n  }\n\n  protected _renderText() {\n    const { subtitle, title, titleId, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <div class=\"${prefix}--${type}-notification__content\">\n          ${title &&\n          html`<div\n            class=\"${prefix}--${type}-notification__title\"\n            id=\"${titleId}\">\n            ${title}<slot name=\"title\"></slot>\n          </div>`}\n          ${subtitle &&\n          html`<div class=\"${prefix}--${type}-notification__subtitle\">\n            ${subtitle}<slot name=\"subtitle\"></slot>\n          </div>`}\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  protected _renderButton() {\n    return html``;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.removeAttribute('role');\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const button = this.querySelector(\n      (this.constructor as typeof CDSCalloutNotification).selectorActionButton\n    );\n    if (button) {\n      button.setAttribute('kind', 'ghost');\n      if (this.titleId) {\n        button.setAttribute('aria-describedby', this.titleId);\n      }\n    }\n  }\n  static styles = styles;\n}\nexport default CDSCalloutNotification;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAWH;;;;;;;AAOG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,yBAAyB,CAAA;AAA9D,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,OAAO,GAAG,EAAE;AAEZ;;AAEG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,iBAAiB,CAAC,IAAI;IA0D/B;IAxDY,WAAW,GAAA;AACnB,QAAA,MAAM,EAAE,qBAAqB,EAAE,IAAI,EAAE,GAAG,IAAI;QAC5C,MAAM,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,GAAG,aAAa;AACtC,QAAA,OAAO,CAAC;AACN,cAAE;cACA,IAAI,CAAC;gBACH,KAAK,EAAE,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;gBAC7C,QAAQ,EAAE,CAAC;AACT,sBAAE;AACF,sBAAE,GAAG,CAAA,CAAA,OAAA,EAAU,qBAAqB,CAAA,QAAA,CAAU;AACjD,aAAA,CAAC;IACR;IAEU,WAAW,GAAA;AACnB,QAAA,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI;AACtD,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;AACb,oBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;YACzB,KAAK;AACP,YAAA,IAAI,CAAA,CAAA;AACO,mBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;kBAClB,OAAO,CAAA;cACX,KAAK,CAAA;AACF,gBAAA,CAAA;YACL,QAAQ;AACV,YAAA,IAAI,CAAA,CAAA,YAAA,EAAe,MAAM,CAAA,EAAA,EAAK,IAAI,CAAA;cAC9B,QAAQ,CAAA;AACL,gBAAA,CAAA;;;;KAIZ;IACH;IAEU,aAAa,GAAA;QACrB,OAAO,IAAI,CAAA,CAAA,CAAE;IACf;IAEA,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;AACzB,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;IAC9B;AAEA,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAChC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAC9B,IAAI,CAAC,WAA6C,CAAC,oBAAoB,CACzE;QACD,IAAI,MAAM,EAAE;AACV,YAAA,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;AACpC,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,MAAM,CAAC,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC;YACvD;QACF;IACF;;AACO,sBAAA,CAAA,MAAM,GAAG,MAAH;AA/Db,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE;AACnD,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACG,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAX1B,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB;AACzC,CAAA,EAAA,sBAAsB,CAqE3B;AACD,+BAAe,sBAAsB;;;;"}
+{"version":3,"file":"callout-notification.js","sources":["../../../src/components/notification/callout-notification.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSActionableNotification, {\n  iconsForKinds,\n} from './actionable-notification';\nimport { NOTIFICATION_KIND } from './defs';\nimport styles from './actionable-notification.scss?lit';\n\n/**\n * Callout notification.\n * @element cds-custom-callout-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @slot action - The action button.\n * @slot - The default slot for additional content.\n */\n@customElement(`${prefix}-callout-notification`)\nclass CDSCalloutNotification extends CDSActionableNotification {\n  /**\n   * Specify the id for the title element.\n   */\n  @property({ type: String, reflect: true, attribute: 'title-id' })\n  titleId = '';\n\n  /**\n   *  Specify the notification kind, Defaults to 'info'.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.INFO;\n\n  protected _renderIcon() {\n    const { statusIconDescription, kind } = this;\n    const IconComponent = iconsForKinds[kind];\n    return IconComponent\n      ? iconLoader(IconComponent, {\n          class: `${prefix}--inline-notification__icon`,\n          'aria-label': statusIconDescription || undefined,\n        })\n      : undefined;\n  }\n\n  protected _renderText() {\n    const { subtitle, title, titleId, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <div class=\"${prefix}--${type}-notification__content\">\n          ${title &&\n          html`<div\n            class=\"${prefix}--${type}-notification__title\"\n            id=\"${titleId}\">\n            ${title}<slot name=\"title\"></slot>\n          </div>`}\n          ${subtitle &&\n          html`<div class=\"${prefix}--${type}-notification__subtitle\">\n            ${subtitle}<slot name=\"subtitle\"></slot>\n          </div>`}\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  protected _renderButton() {\n    return html``;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.removeAttribute('role');\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const button = this.querySelector(\n      (this.constructor as typeof CDSCalloutNotification).selectorActionButton\n    );\n    if (button) {\n      button.setAttribute('kind', 'ghost');\n      if (this.titleId) {\n        button.setAttribute('aria-describedby', this.titleId);\n      }\n    }\n  }\n  static styles = styles;\n}\nexport default CDSCalloutNotification;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAaH;;;;;;;AAOG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,yBAAyB,CAAA;AAA9D,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,OAAO,GAAG,EAAE;AAEZ;;AAEG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,iBAAiB,CAAC,IAAI;IAwD/B;IAtDY,WAAW,GAAA;AACnB,QAAA,MAAM,EAAE,qBAAqB,EAAE,IAAI,EAAE,GAAG,IAAI;AAC5C,QAAA,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC;AACzC,QAAA,OAAO;AACL,cAAE,UAAU,CAAC,aAAa,EAAE;gBACxB,KAAK,EAAE,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;gBAC7C,YAAY,EAAE,qBAAqB,IAAI,SAAS;aACjD;cACD,SAAS;IACf;IAEU,WAAW,GAAA;AACnB,QAAA,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI;AACtD,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;AACb,oBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;YACzB,KAAK;AACP,YAAA,IAAI,CAAA,CAAA;AACO,mBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;kBAClB,OAAO,CAAA;cACX,KAAK,CAAA;AACF,gBAAA,CAAA;YACL,QAAQ;AACV,YAAA,IAAI,CAAA,CAAA,YAAA,EAAe,MAAM,CAAA,EAAA,EAAK,IAAI,CAAA;cAC9B,QAAQ,CAAA;AACL,gBAAA,CAAA;;;;KAIZ;IACH;IAEU,aAAa,GAAA;QACrB,OAAO,IAAI,CAAA,CAAA,CAAE;IACf;IAEA,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;AACzB,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;IAC9B;AAEA,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAChC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAC9B,IAAI,CAAC,WAA6C,CAAC,oBAAoB,CACzE;QACD,IAAI,MAAM,EAAE;AACV,YAAA,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;AACpC,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,MAAM,CAAC,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC;YACvD;QACF;IACF;;AACO,sBAAA,CAAA,MAAM,GAAG,MAAH;AA7Db,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE;AACnD,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACG,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAX1B,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB;AACzC,CAAA,EAAA,sBAAsB,CAmE3B;AACD,+BAAe,sBAAsB;;;;"}

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

@@ -93,6 +93,10 @@ declare class CDSNumberInput extends CDSTextInput {
      * Specify if the wheel functionality for the input should be disabled, or not
      */
     disableWheel: boolean;
+    /**
+     * Set to true to use the fluid variant.
+     */
+    isFluid: boolean;
     /**
      * The input box size.
      */

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

@@ -78,6 +78,10 @@ let CDSNumberInput = class CDSNumberInput extends CDSTextInput {
          * Specify if the wheel functionality for the input should be disabled, or not
          */
         this.disableWheel = false;
+        /**
+         * Set to true to use the fluid variant.
+         */
+        this.isFluid = false;
         /**
          * The input box size.
          */
@@ -327,6 +331,23 @@ let CDSNumberInput = class CDSNumberInput extends CDSTextInput {
             normalizedProps['slot-name'] = 'warn-text';
             normalizedProps['slot-text'] = this.warnText;
         }
+        const validationMessage = normalizedProps.invalid || normalizedProps.warn
+            ? html `<div
+            class="${prefix}--form-requirement"
+            ?hidden="${!normalizedProps.invalid && !normalizedProps.warn}">
+            <slot name="${normalizedProps['slot-name']}">
+              ${normalizedProps['slot-text']}
+            </slot>
+          </div>`
+            : null;
+        const helper = this.helperText
+            ? html `<div
+          class="${helperTextClasses}"
+          id="helper-text"
+          ?hidden="${normalizedProps.invalid || normalizedProps.warn}">
+          <slot name="helper-text"> ${this.helperText} </slot>
+        </div>`
+            : null;
         return html `
       <div class="${wrapperClasses}" ?data-invalid=${normalizedProps.invalid}>
         <label class="${labelClasses}" for="input">
@@ -342,18 +363,10 @@ let CDSNumberInput = class CDSNumberInput extends CDSTextInput {
             : null}
           </div>
         </div>
-        <div
-          class="${helperTextClasses}"
-          ?hidden="${normalizedProps.invalid || normalizedProps.warn}">
-          <slot name="helper-text"> ${this.helperText} </slot>
-        </div>
-        <div
-          class="${prefix}--form-requirement"
-          ?hidden="${!normalizedProps.invalid && !normalizedProps.warn}">
-          <slot name="${normalizedProps['slot-name']}">
-            ${normalizedProps['slot-text']}
-          </slot>
-        </div>
+        ${this.isFluid
+            ? html `<hr class="${prefix}--number-input__divider" />`
+            : null}
+        ${validationMessage ? validationMessage || helper : null}
       </div>
     `;
     }
@@ -399,6 +412,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, attribute: 'disable-wheel', reflect: true })
 ], CDSNumberInput.prototype, "disableWheel", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSNumberInput.prototype, "isFluid", void 0);
 __decorate([
     property({ reflect: true })
 ], CDSNumberInput.prototype, "size", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","sources":["../../../src/components/number-input/number-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Add16 from '@carbon/icons/es/add/16.js';\nimport Subtract16 from '@carbon/icons/es/subtract/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { NUMBER_INPUT_VALIDATION_STATUS } from './defs';\nimport styles from './number-input.scss?lit';\nimport CDSTextInput, { INPUT_SIZE } from '../text-input/text-input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NUMBER_INPUT_VALIDATION_STATUS };\n\n/**\n * Number input.\n *\n * @element cds-custom-number-input\n * @fires cds-custom-number-input\n *   The name of the custom event fired after the value is changed upon a user gesture.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-number-input`)\nclass CDSNumberInput extends CDSTextInput {\n  /**\n   * Handles `input` event on the `input` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    const direction =\n      this._value !== undefined && Number(value) > Number(this._value)\n        ? 'up'\n        : 'down';\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n          direction,\n        },\n      })\n    );\n    this._value = value;\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n          direction: 'down',\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n          direction: 'up',\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `focus` event on the `input` in the shadow DOM.\n   */\n  protected _handleFocus(event: FocusEvent) {\n    if (this.disableWheel) {\n      (event.target as HTMLInputElement).addEventListener(\n        'wheel',\n        this._preventWheel,\n        { passive: false }\n      );\n    }\n  }\n\n  /**\n   * Handles `blur` event on the `input` in the shadow DOM.\n   */\n  protected _handleBlur(event: FocusEvent) {\n    if (this.disableWheel) {\n      (event.target as HTMLInputElement).removeEventListener(\n        'wheel',\n        this._preventWheel\n      );\n    }\n  }\n\n  /**\n   * Prevents wheel events from changing the input value.\n   */\n  protected _preventWheel = (event: WheelEvent) => {\n    event.preventDefault();\n  };\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _getInputValidity() {\n    if (this.invalid) {\n      return false;\n    }\n\n    if (this.value === '') {\n      return this.allowEmpty;\n    }\n\n    if (\n      this._input?.valueAsNumber > Number(this.max) ||\n      this._input?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Provide a description for up/down icons that can be read by screen readers\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * Specify whether you want the steppers to be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-steppers', reflect: true })\n  hideSteppers = false;\n\n  /**\n   * `true` to allow empty string.\n   */\n  @property({ type: Boolean, attribute: 'allow-empty', reflect: true })\n  allowEmpty = false;\n\n  /**\n   * Optional starting value for uncontrolled state\n   */\n  @property({ attribute: 'default-value' })\n  defaultValue = '';\n\n  /**\n   * Specify if the wheel functionality for the input should be disabled, or not\n   */\n  @property({ type: Boolean, attribute: 'disable-wheel', reflect: true })\n  disableWheel = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  getDecimalPlaces = (num: number) => {\n    const parts = num.toString().split('.');\n\n    return parts[1] ? parts[1].length : 0;\n  };\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    const currentValue = Number(this._input.value);\n    const rawValue = currentValue + Number(this.step);\n\n    const precision = Math.max(\n      this.getDecimalPlaces(currentValue),\n      this.getDecimalPlaces(Number(this.step))\n    );\n\n    const floatValue = parseFloat(rawValue.toFixed(precision));\n    this._value = String(floatValue);\n    this.value = this._value;\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    const currentValue = Number(this._input.value);\n    const rawValue = currentValue - Number(this.step);\n\n    const precision = Math.max(\n      this.getDecimalPlaces(currentValue),\n      this.getDecimalPlaces(Number(this.step))\n    );\n\n    const floatValue = parseFloat(rawValue.toFixed(precision));\n    this._value = String(floatValue);\n    this.value = this._value;\n  }\n\n  render() {\n    const {\n      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n      _handleFocus: handleFocus,\n      _handleBlur: handleBlur,\n    } = this;\n\n    const isValid = this._getInputValidity();\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--number__invalid`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--number__invalid ${prefix}--number__invalid--warning`,\n    });\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n      'slot-name': string;\n      'slot-text': string;\n      icon: ReturnType<typeof iconLoader>;\n    } = {\n      disabled: !this.readonly && this.disabled,\n      invalid: !this.readonly && !isValid,\n      warn: !this.readonly && isValid && this.warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.size}`]: this.size,\n      [`${prefix}--number--nosteppers`]: this.hideSteppers,\n      [`${prefix}--number--readonly`]: this.readonly,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--number__input-wrapper`]: true,\n      [`${prefix}--number__input-wrapper--warning`]: normalizedProps.warn,\n      [`${prefix}--number__input-wrapper--decorator`]: this._hasAILabel,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n\n    // Use defaultValue when value is not set\n    const inputValue = this.hasAttribute('value')\n      ? this._value\n      : this.defaultValue || this._value;\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.iconDescription ||\n        this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${iconLoader(Add16)}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.iconDescription ||\n        this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${iconLoader(Subtract16)}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n\n    const input = html`\n      <input\n        autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${normalizedProps.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${inputValue}\"\n        @input=\"${handleInput}\"\n        @focus=\"${handleFocus}\"\n        @blur=\"${handleBlur}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = this.invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = this.warnText;\n    }\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${normalizedProps.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        <div class=\"${inputWrapperClasses}\">\n          ${normalizedProps.icon} ${input}\n          <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <div class=\"${prefix}--number__controls\">\n            ${!this.hideSteppers\n              ? html`${decrementButton} ${incrementButton}`\n              : null}\n          </div>\n        </div>\n        <div\n          class=\"${helperTextClasses}\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n          <slot name=\"${normalizedProps['slot-name']}\">\n            ${normalizedProps['slot-text']}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSNumberInput;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"number-input.js","sources":["../../../src/components/number-input/number-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Add16 from '@carbon/icons/es/add/16.js';\nimport Subtract16 from '@carbon/icons/es/subtract/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { NUMBER_INPUT_VALIDATION_STATUS } from './defs';\nimport styles from './number-input.scss?lit';\nimport CDSTextInput, { INPUT_SIZE } from '../text-input/text-input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NUMBER_INPUT_VALIDATION_STATUS };\n\n/**\n * Number input.\n *\n * @element cds-custom-number-input\n * @fires cds-custom-number-input\n *   The name of the custom event fired after the value is changed upon a user gesture.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-number-input`)\nclass CDSNumberInput extends CDSTextInput {\n  /**\n   * Handles `input` event on the `input` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    const direction =\n      this._value !== undefined && Number(value) > Number(this._value)\n        ? 'up'\n        : 'down';\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n          direction,\n        },\n      })\n    );\n    this._value = value;\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n          direction: 'down',\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n          direction: 'up',\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `focus` event on the `input` in the shadow DOM.\n   */\n  protected _handleFocus(event: FocusEvent) {\n    if (this.disableWheel) {\n      (event.target as HTMLInputElement).addEventListener(\n        'wheel',\n        this._preventWheel,\n        { passive: false }\n      );\n    }\n  }\n\n  /**\n   * Handles `blur` event on the `input` in the shadow DOM.\n   */\n  protected _handleBlur(event: FocusEvent) {\n    if (this.disableWheel) {\n      (event.target as HTMLInputElement).removeEventListener(\n        'wheel',\n        this._preventWheel\n      );\n    }\n  }\n\n  /**\n   * Prevents wheel events from changing the input value.\n   */\n  protected _preventWheel = (event: WheelEvent) => {\n    event.preventDefault();\n  };\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _getInputValidity() {\n    if (this.invalid) {\n      return false;\n    }\n\n    if (this.value === '') {\n      return this.allowEmpty;\n    }\n\n    if (\n      this._input?.valueAsNumber > Number(this.max) ||\n      this._input?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n\n    return true;\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Provide a description for up/down icons that can be read by screen readers\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * Specify whether you want the steppers to be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-steppers', reflect: true })\n  hideSteppers = false;\n\n  /**\n   * `true` to allow empty string.\n   */\n  @property({ type: Boolean, attribute: 'allow-empty', reflect: true })\n  allowEmpty = false;\n\n  /**\n   * Optional starting value for uncontrolled state\n   */\n  @property({ attribute: 'default-value' })\n  defaultValue = '';\n\n  /**\n   * Specify if the wheel functionality for the input should be disabled, or not\n   */\n  @property({ type: Boolean, attribute: 'disable-wheel', reflect: true })\n  disableWheel = false;\n\n  /**\n   * Set to true to use the fluid variant.\n   */\n  @property({ type: Boolean })\n  isFluid = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  getDecimalPlaces = (num: number) => {\n    const parts = num.toString().split('.');\n\n    return parts[1] ? parts[1].length : 0;\n  };\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    const currentValue = Number(this._input.value);\n    const rawValue = currentValue + Number(this.step);\n\n    const precision = Math.max(\n      this.getDecimalPlaces(currentValue),\n      this.getDecimalPlaces(Number(this.step))\n    );\n\n    const floatValue = parseFloat(rawValue.toFixed(precision));\n    this._value = String(floatValue);\n    this.value = this._value;\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    const currentValue = Number(this._input.value);\n    const rawValue = currentValue - Number(this.step);\n\n    const precision = Math.max(\n      this.getDecimalPlaces(currentValue),\n      this.getDecimalPlaces(Number(this.step))\n    );\n\n    const floatValue = parseFloat(rawValue.toFixed(precision));\n    this._value = String(floatValue);\n    this.value = this._value;\n  }\n\n  render() {\n    const {\n      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n      _handleFocus: handleFocus,\n      _handleBlur: handleBlur,\n    } = this;\n\n    const isValid = this._getInputValidity();\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--number__invalid`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--number__invalid ${prefix}--number__invalid--warning`,\n    });\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n      'slot-name': string;\n      'slot-text': string;\n      icon: ReturnType<typeof iconLoader>;\n    } = {\n      disabled: !this.readonly && this.disabled,\n      invalid: !this.readonly && !isValid,\n      warn: !this.readonly && isValid && this.warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.size}`]: this.size,\n      [`${prefix}--number--nosteppers`]: this.hideSteppers,\n      [`${prefix}--number--readonly`]: this.readonly,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--number__input-wrapper`]: true,\n      [`${prefix}--number__input-wrapper--warning`]: normalizedProps.warn,\n      [`${prefix}--number__input-wrapper--decorator`]: this._hasAILabel,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n\n    // Use defaultValue when value is not set\n    const inputValue = this.hasAttribute('value')\n      ? this._value\n      : this.defaultValue || this._value;\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.iconDescription ||\n        this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${iconLoader(Add16)}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.iconDescription ||\n        this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${iconLoader(Subtract16)}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n\n    const input = html`\n      <input\n        autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${normalizedProps.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${inputValue}\"\n        @input=\"${handleInput}\"\n        @focus=\"${handleFocus}\"\n        @blur=\"${handleBlur}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = this.invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = this.warnText;\n    }\n    const validationMessage =\n      normalizedProps.invalid || normalizedProps.warn\n        ? html`<div\n            class=\"${prefix}--form-requirement\"\n            ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n            <slot name=\"${normalizedProps['slot-name']}\">\n              ${normalizedProps['slot-text']}\n            </slot>\n          </div>`\n        : null;\n\n    const helper = this.helperText\n      ? html`<div\n          class=\"${helperTextClasses}\"\n          id=\"helper-text\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>`\n      : null;\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${normalizedProps.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        <div class=\"${inputWrapperClasses}\">\n          ${normalizedProps.icon} ${input}\n          <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <div class=\"${prefix}--number__controls\">\n            ${!this.hideSteppers\n              ? html`${decrementButton} ${incrementButton}`\n              : null}\n          </div>\n        </div>\n        ${this.isFluid\n          ? html`<hr class=\"${prefix}--number-input__divider\" />`\n          : null}\n        ${validationMessage ? validationMessage || helper : null}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSNumberInput;\n"],"names":["customElement"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = 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}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label 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}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement 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}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--number__controls:hover .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__rule-divider,.cds-custom--number__input-wrapper--slug .cds-custom--number__rule-divider{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:hover,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds-custom--number__controls:focus-within .cds-custom--number__control-btn:after{display:none}.cds-custom--number html{font-size:100%}.cds-custom--number 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}.cds-custom--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number strong{font-weight:600}.cds-custom--number{display:flex;flex-direction:column;inline-size:100%;position:relative}.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds-custom--number input[type=number],.cds-custom--number input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border:0;border-block-end:.0625rem solid var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-inline-size:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline-style:dotted}}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls{cursor:not-allowed;pointer-events:none}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls svg,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--number input[type=number]::-ms-clear,.cds-custom--number input[type=text]::-ms-clear{display:none}.cds-custom--number input[type=number]::-webkit-inner-spin-button,.cds-custom--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds-custom--number input[type=number][data-invalid],.cds-custom--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds-custom--number--lg.cds-custom--number input[type=number],.cds-custom--number--lg.cds-custom--number input[type=text]{padding-inline-end:7rem}.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--lg.cds-custom--number input[type=number][data-invalid],.cds-custom--number--lg.cds-custom--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds-custom--number--sm.cds-custom--number input[type=number],.cds-custom--number--sm.cds-custom--number input[type=text]{padding-inline-end:5rem}.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--sm.cds-custom--number input[type=number][data-invalid],.cds-custom--number--sm.cds-custom--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds-custom--number input[type=number]:disabled,.cds-custom--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--number__input-wrapper{align-items:center;display:flex;position:relative}.cds-custom--number__controls html{font-size:100%}.cds-custom--number__controls 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}.cds-custom--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number__controls strong{font-weight:600}.cds-custom--number__controls{align-items:center;block-size:100%;display:flex;flex-direction:row;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;position:absolute;transform:translateY(-50%)}.cds-custom--number__control-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--number__control-btn *,.cds-custom--number__control-btn :after,.cds-custom--number__control-btn :before{box-sizing:inherit}.cds-custom--number__control-btn::-moz-focus-inner{border:0}.cds-custom--number__control-btn{align-items:center;block-size:100%;color:var(--cds-icon-primary,#161616);display:inline-flex;justify-content:center;position:relative}.cds-custom--number__control-btn svg{fill:currentColor}.cds-custom--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds-custom--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds-custom--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--number__control-btn.down-icon{order:1}.cds-custom--number__control-btn.up-icon{order:2}.cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-color:var(--cds-focus,#0f62fe);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-color:var(--cds-support-error,#da1e28);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline-style:dotted}}.cds-custom--number__rule-divider{background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem;position:absolute;z-index:6000}.cds-custom--number__rule-divider:first-of-type{order:0}.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds-custom--number--light .cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number--light .cds-custom--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider{background-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--number__control-btn:focus~.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds-custom--number--lg .cds-custom--number__invalid{inset-inline-end:7rem}.cds-custom--number--sm .cds-custom--number__invalid{inset-inline-end:5rem}.cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:5rem;position:absolute}.cds-custom--number--lg .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:6rem}.cds-custom--number--sm .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:4rem}.cds-custom--number__control-btn.down-icon:focus~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.down-icon:hover~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:focus+.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:hover+.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--number--lg input[type=number],.cds-custom--number--lg input[type=text]{block-size:3rem}.cds-custom--number--lg .cds-custom--number__controls{inline-size:6rem}.cds-custom--number--lg .cds-custom--number__control-btn{inline-size:3rem}.cds-custom--number--sm input[type=number],.cds-custom--number--sm input[type=text]{block-size:2rem}.cds-custom--number--sm .cds-custom--number__controls{inline-size:4rem}.cds-custom--number--sm .cds-custom--number__control-btn{inline-size:2rem}.cds-custom--number--nolabel .cds-custom--label+.cds-custom--form__helper-text{margin-block-start:0}.cds-custom--number--nosteppers input[type=number],.cds-custom--number--nosteppers input[type=text]{padding-inline-end:0}.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--nosteppers input[type=number][data-invalid],.cds-custom--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds-custom--number--nosteppers .cds-custom--number__invalid{inset-inline-end:1rem}.cds-custom--number--readonly input[type=number],.cds-custom--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--number--readonly .cds-custom--number__control-btn{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25));pointer-events:none}.cds-custom--number--readonly .cds-custom--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds-custom--number--readonly input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number--readonly input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{outline:none}.cds-custom--number--readonly .cds-custom--number__controls:hover .cds-custom--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-block-start:50%;inset-inline-end:6rem;position:absolute;transform:translateY(-50%)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{background-color:var(--cds-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none;inset-inline-start:-1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds-custom--number__control-btn:after{display:block;inset-inline-end:0}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:focus:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:focus:before{display:none}.cds-custom--number__control-btn:hover:after,.cds-custom--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--decorator:after,.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--slug:after{display:none}.cds-custom--number__control-btn:has(.up-icon):after,.cds-custom--number__control-btn:has(.up-icon):before{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__invalid,.cds-custom--number__input-wrapper--slug .cds-custom--number__invalid{inset-inline-end:9rem}.cds-custom--number__input-wrapper--decorator:has(.cds-custom--number__invalid) .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--slug:before{display:block}.cds-custom--number .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number .cds-custom--number__input-wrapper--slug input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input{padding-inline-end:9rem}.cds-custom--number__input-wrapper--decorator input[type=number]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--decorator input[type=text]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:disabled,.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:disabled,.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds-custom--number.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--number.cds-custom--skeleton:active,.cds-custom--number.cds-custom--skeleton:focus,.cds-custom--number.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--number.cds-custom--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--number.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number.cds-custom--skeleton{background:CanvasText}.cds-custom--number.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--number.cds-custom--skeleton{inline-size:100%}.cds-custom--number.cds-custom--skeleton input[type=number],.cds-custom--number.cds-custom--skeleton input[type=text]{display:none}.cds-custom--number.cds-custom--skeleton.cds-custom--number--sm{block-size:2rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--md{block-size:2.5rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number__control-btn:focus,.cds-custom--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds-custom--number__control-btn{outline:1px solid transparent}}:host(cds-custom-number-input),:host(cds-custom-number-input-skeleton){inline-size:100%;outline:none}:host(cds-custom-number-input) .cds-custom--form-requirement[hidden],:host(cds-custom-number-input-skeleton) .cds-custom--form-requirement[hidden]{display:none}.cds-custom--number .cds-custom--number__invalid~input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number__invalid~.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds-custom--number--readonly .cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:0}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:6rem;position:absolute}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-number-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-slug):after,:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-slug):after,:host(cds-custom-number-input[warn]) ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input[warn]) ::slotted(cds-custom-slug):after{background-color:var(--cds-border-subtle);block-size:100%;content:\"\";inline-size:.0625rem;inset-inline-start:-1rem;position:absolute}:host(cds-custom-number-input) .up-icon:after,:host(cds-custom-number-input) .up-icon:before{display:none}:host(cds-custom-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}"]);
+var styles = 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}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label 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}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement 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}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--number__controls:hover .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__rule-divider,.cds-custom--number__input-wrapper--slug .cds-custom--number__rule-divider{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:hover,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-ai-border-strong,#4589ff) inset}.cds-custom--number__controls:focus-within .cds-custom--number__control-btn:after{display:none}.cds-custom--number html{font-size:100%}.cds-custom--number 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}.cds-custom--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number strong{font-weight:600}.cds-custom--number{display:flex;flex-direction:column;inline-size:100%;position:relative}.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds-custom--number input[type=number],.cds-custom--number input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-field);block-size:2.5rem;border:0;border-block-end:.0625rem solid var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-inline-size:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline-style:dotted}}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls{cursor:not-allowed;pointer-events:none}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls svg,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--number input[type=number]::-ms-clear,.cds-custom--number input[type=text]::-ms-clear{display:none}.cds-custom--number input[type=number]::-webkit-inner-spin-button,.cds-custom--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds-custom--number input[type=number][data-invalid],.cds-custom--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds-custom--number--lg.cds-custom--number input[type=number],.cds-custom--number--lg.cds-custom--number input[type=text]{padding-inline-end:7rem}.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--lg.cds-custom--number input[type=number][data-invalid],.cds-custom--number--lg.cds-custom--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds-custom--number--sm.cds-custom--number input[type=number],.cds-custom--number--sm.cds-custom--number input[type=text]{padding-inline-end:5rem}.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--sm.cds-custom--number input[type=number][data-invalid],.cds-custom--number--sm.cds-custom--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds-custom--number input[type=number]:disabled,.cds-custom--number input[type=text]:disabled{background-color:var(--cds-field);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--number__input-wrapper{align-items:center;display:flex;position:relative}.cds-custom--number__controls html{font-size:100%}.cds-custom--number__controls 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}.cds-custom--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number__controls strong{font-weight:600}.cds-custom--number__controls{align-items:center;block-size:100%;display:flex;flex-direction:row;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;position:absolute;transform:translateY(-50%)}.cds-custom--number__control-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--number__control-btn *,.cds-custom--number__control-btn :after,.cds-custom--number__control-btn :before{box-sizing:inherit}.cds-custom--number__control-btn::-moz-focus-inner{border:0}.cds-custom--number__control-btn{align-items:center;block-size:100%;color:var(--cds-icon-primary,#161616);display:inline-flex;justify-content:center;position:relative}.cds-custom--number__control-btn svg{fill:currentColor}.cds-custom--number__control-btn:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number__control-btn:focus{color:var(--cds-icon-primary,#161616);outline-offset:-2px;outline-width:2px}.cds-custom--number__control-btn:hover{background-color:var(--cds-field-hover);box-shadow:0 -1px 0 var(--cds-border-strong) inset;color:var(--cds-icon-primary,#161616);cursor:pointer}.cds-custom--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--number__control-btn.down-icon{order:1}.cds-custom--number__control-btn.up-icon{order:2}.cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-support-error,#da1e28)}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-color:var(--cds-focus,#0f62fe);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-focus,#0f62fe) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-support-error,#da1e28) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-color:var(--cds-support-error,#da1e28);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline-style:dotted}}.cds-custom--number__rule-divider{background-color:var(--cds-border-subtle);block-size:1rem;inline-size:.0625rem;position:absolute;z-index:6000}.cds-custom--number__rule-divider:first-of-type{order:0}.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds-custom--number--light .cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number--light .cds-custom--number__rule-divider{background-color:var(--cds-border-subtle-02,#e0e0e0)}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider{background-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--number__control-btn:focus~.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid{position:absolute;fill:var(--cds-support-error,#da1e28);inset-inline-end:6rem}.cds-custom--number--lg .cds-custom--number__invalid{inset-inline-end:7rem}.cds-custom--number--sm .cds-custom--number__invalid{inset-inline-end:5rem}.cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:5rem;position:absolute}.cds-custom--number--lg .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:6rem}.cds-custom--number--sm .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:4rem}.cds-custom--number__control-btn.down-icon:focus~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.down-icon:hover~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:focus+.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:hover+.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--number--lg input[type=number],.cds-custom--number--lg input[type=text]{block-size:3rem}.cds-custom--number--lg .cds-custom--number__controls{inline-size:6rem}.cds-custom--number--lg .cds-custom--number__control-btn{inline-size:3rem}.cds-custom--number--sm input[type=number],.cds-custom--number--sm input[type=text]{block-size:2rem}.cds-custom--number--sm .cds-custom--number__controls{inline-size:4rem}.cds-custom--number--sm .cds-custom--number__control-btn{inline-size:2rem}.cds-custom--number--nolabel .cds-custom--label+.cds-custom--form__helper-text{margin-block-start:0}.cds-custom--number--nosteppers input[type=number],.cds-custom--number--nosteppers input[type=text]{padding-inline-end:0}.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--nosteppers input[type=number][data-invalid],.cds-custom--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds-custom--number--nosteppers .cds-custom--number__invalid{inset-inline-end:1rem}.cds-custom--number--readonly input[type=number],.cds-custom--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--number--readonly .cds-custom--number__control-btn{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25));pointer-events:none}.cds-custom--number--readonly .cds-custom--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds-custom--number--readonly input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number--readonly input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{outline:none}.cds-custom--number--readonly .cds-custom--number__controls:hover .cds-custom--number__rule-divider:not(:first-of-type){background-color:var(--cds-border-subtle)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-block-start:50%;inset-inline-end:6rem;position:absolute;transform:translateY(-50%)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{background-color:var(--cds-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none;inset-inline-start:-1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds-custom--number__control-btn:after{display:block;inset-inline-end:0}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:focus:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:focus:before{display:none}.cds-custom--number__control-btn:hover:after,.cds-custom--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--decorator:after,.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--slug:after{display:none}.cds-custom--number__control-btn:has(.up-icon):after,.cds-custom--number__control-btn:has(.up-icon):before{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__invalid,.cds-custom--number__input-wrapper--slug .cds-custom--number__invalid{inset-inline-end:9rem}.cds-custom--number__input-wrapper--decorator:has(.cds-custom--number__invalid) .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--slug:before{display:block}.cds-custom--number .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number .cds-custom--number__input-wrapper--slug input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input{padding-inline-end:9rem}.cds-custom--number__input-wrapper--decorator input[type=number]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--decorator input[type=text]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:disabled,.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:disabled,.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds-custom--number.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--number.cds-custom--skeleton:active,.cds-custom--number.cds-custom--skeleton:focus,.cds-custom--number.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--number.cds-custom--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--number.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number.cds-custom--skeleton{background:CanvasText}.cds-custom--number.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--number.cds-custom--skeleton{inline-size:100%}.cds-custom--number.cds-custom--skeleton input[type=number],.cds-custom--number.cds-custom--skeleton input[type=text]{display:none}.cds-custom--number.cds-custom--skeleton.cds-custom--number--sm{block-size:2rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--md{block-size:2.5rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number__control-btn:focus,.cds-custom--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds-custom--number__control-btn{outline:1px solid transparent}}.cds-custom--number-input--fluid{background:var(--cds-field);block-size:100%;position:relative}.cds-custom--number-input--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--number-input--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--number-input--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--number-input--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--number-input--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper{position:static}.cds-custom--number-input--fluid input[type=number],.cds-custom--number-input--fluid input[type=text]{background:transparent;min-block-size:4rem;outline:none;padding:2rem 5rem .8125rem 1rem}.cds-custom--number-input--fluid .cds-custom--number__controls{block-size:2.5rem;inset-block-start:1.4375rem;transform:translate(0)}.cds-custom--number-input--fluid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 -1px var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type{box-shadow:inset 0 -1px var(--cds-focus,#0f62fe),inset -2px 0 var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:transparent;box-shadow:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type{box-shadow:inset -2px 0 var(--cds-focus,#0f62fe)}.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:inset -2px 0 var(--cds-support-error,#da1e28)}.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{box-shadow:none}.cds-custom--number-input--fluid.cds-custom--number-input--fluid--focus .cds-custom--number{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid.cds-custom--number-input--fluid--focus .cds-custom--number{outline-style:dotted}}.cds-custom--number-input--fluid:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number-input-wrapper:not(.cds-custom--number-input-wrapper__warning) input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number-input-wrapper:not(.cds-custom--number-input-wrapper__warning) input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-block-end:1px solid var(--cds-focus,#0f62fe);outline:none}.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number-input--fluid--invalid input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,.cds-custom--number-input--fluid--invalid input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus,:host(cds-custom-number-input[invalid][fluid]) input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number-input--fluid .cds-custom--number-input__divider{display:none}.cds-custom--number-input--fluid .cds-custom--number__invalid{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--number-input--fluid .cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{display:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]{border-block-end:1px solid transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]:focus,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]:focus{outline:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning+.cds-custom--number-input__divider,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number-input__divider{block-size:.0625rem;border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);inset-block-start:3.9375rem;margin:0 1rem;position:absolute}.cds-custom--number-input--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid:not(.cds-custom--number-input--fluid--focus) .cds-custom--number{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid:not(.cds-custom--number-input--fluid--focus) .cds-custom--number{outline-style:dotted}}.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=number],.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=text],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=number],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=text]{border-block-end:1px solid transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn:hover:not(:focus),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn:hover:not(:focus),.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=number],.cds-custom--number-input--fluid--invalid .cds-custom--number[data-invalid] input[type=text],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn:hover,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=number],:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number[data-invalid] input[type=text]{outline:none}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--warning input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid.cds-custom--number-input--invalid .cds-custom--number__input-wrapper input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid.cds-custom--number-input--invalid .cds-custom--number__input-wrapper input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:none}.cds-custom--number-input--fluid .cds-custom--number input[type=number]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid .cds-custom--number input[type=text]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,:host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border:initial;border-block-end-width:.0625rem}.cds-custom--number-input--fluid--disabled:not(.cds-custom--number-input--fluid--invalid) .cds-custom--number,:not(.cds-custom--number-input--fluid--invalid):host(cds-custom-number-input[disabled][fluid]) .cds-custom--number{border-block-end:1px solid var(--cds-border-subtle)}.cds-custom--number-input--fluid--disabled.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=number]:disabled,.cds-custom--number-input--fluid--disabled.cds-custom--number-input--fluid--invalid .cds-custom--number input[type=text]:disabled,:host(cds-custom-number-input[disabled][fluid]):host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=number]:disabled,:host(cds-custom-number-input[disabled][fluid]):host(cds-custom-number-input[invalid][fluid]) .cds-custom--number input[type=text]:disabled{background-color:transparent}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-block-start:2.6875rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning .cds-custom--ai-label,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning .cds-custom--slug,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-inline-end:5.5rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug input,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input,.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number-input--fluid.cds-custom--number-input--fluid--invalid .cds-custom--number__input-wrapper--slug input[data-invalid]{padding-inline-end:7.5rem}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)),.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug:has(.cds-custom--slug):not(:has(.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number-input--fluid .cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none}:host(cds-custom-number-input),:host(cds-custom-number-input-skeleton){inline-size:100%;outline:none}:host(cds-custom-number-input) .cds-custom--form-requirement[hidden],:host(cds-custom-number-input-skeleton) .cds-custom--form-requirement[hidden]{display:none}.cds-custom--number .cds-custom--number__invalid~input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number__invalid~.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-border-subtle)}.cds-custom--number--readonly .cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:0}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:6rem;position:absolute}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-number-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-slug):after,:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-slug):after,:host(cds-custom-number-input[warn]) ::slotted(cds-custom-ai-label):after,:host(cds-custom-number-input[warn]) ::slotted(cds-custom-slug):after{background-color:var(--cds-border-subtle);block-size:100%;content:\"\";inline-size:.0625rem;inset-inline-start:-1rem;position:absolute}:host(cds-custom-number-input) .up-icon:after,:host(cds-custom-number-input) .up-icon:before{display:none}:host(cds-custom-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}"]);
 
 export { styles as default };
 //# sourceMappingURL=number-input.scss.js.map

package/es-custom/components/password-input/password-input.d.ts

@@ -18,6 +18,10 @@ export { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TOOLTIP_ALIGNMENT, INPUT_TOOLTIP_
  * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
  */
 declare class CDSPasswordInput extends CDSTextInput {
+    /**
+     * The Show/Hide Password tooltip
+     */
+    private _passwordTooltip?;
     /**
      * Handles `oninput` event on the `input`.
      *
@@ -52,6 +56,7 @@ declare class CDSPasswordInput extends CDSTextInput {
      */
     private handleTogglePasswordVisibility;
     render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
     /**
      * A selector that will return the slug item.
      *

package/es-custom/components/password-input/password-input.js

@@ -7,7 +7,7 @@
 
 import { __decorate } from 'tslib';
 import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
+import { query, property } from 'lit/decorators.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { prefix } from '../../globals/settings.js';
@@ -79,7 +79,7 @@ let CDSPasswordInput = class CDSPasswordInput extends CDSTextInput {
      * Handles password visibility toggle button click
      */
     handleTogglePasswordVisibility() {
-        if (this.disabled || this.readonly)
+        if (this.disabled)
             return;
         this.type =
             this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;
@@ -221,9 +221,10 @@ let CDSPasswordInput = class CDSPasswordInput extends CDSTextInput {
             <cds-custom-tooltip
               align="${align}"
               class="${passwordVisibilityTooltipClasses}"
-              ?disabled="${normalizedProps.disabled || readonly}">
+              .dropShadow="${false}"
+              ?disabled="${normalizedProps.disabled}">
               <button
-                ?disabled="${normalizedProps.disabled || readonly}"
+                ?disabled="${normalizedProps.disabled}"
                 type="button"
                 role="button"
                 class="${passwordVisibilityButtonClasses}"
@@ -233,7 +234,7 @@ let CDSPasswordInput = class CDSPasswordInput extends CDSTextInput {
               </button>
               <cds-custom-tooltip-content
                 id="content"
-                ?hidden="${normalizedProps.disabled || readonly}">
+                ?hidden="${normalizedProps.disabled}">
                 ${passwordIsVisible
             ? this.hidePasswordLabel
             : this.showPasswordLabel}
@@ -252,6 +253,11 @@ let CDSPasswordInput = class CDSPasswordInput extends CDSTextInput {
       </div>
     `;
     }
+    async firstUpdated() {
+        var _a, _b, _c, _d;
+        await ((_a = this._passwordTooltip) === null || _a === void 0 ? void 0 : _a.updateComplete);
+        (_d = (_c = (_b = this._passwordTooltip) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(`.${prefix}--tooltip`)) === null || _d === void 0 ? void 0 : _d.classList.add(`${prefix}--icon-tooltip`);
+    }
     /**
      * A selector that will return the slug item.
      *
@@ -263,6 +269,9 @@ let CDSPasswordInput = class CDSPasswordInput extends CDSTextInput {
 };
 CDSPasswordInput.shadowRootOptions = Object.assign(Object.assign({}, LitElement.shadowRootOptions), { delegatesFocus: true });
 CDSPasswordInput.styles = styles;
+__decorate([
+    query(`${prefix}-tooltip`)
+], CDSPasswordInput.prototype, "_passwordTooltip", void 0);
 __decorate([
     property({
         type: String,