npm - @carbon/web-components - Versions diffs - 2.53.0 → 2.54.0-rc.0 - Mend

@carbon/web-components 2.53.0 → 2.54.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (463) hide show

package/es-custom/components/text-input/defs.js CHANGED Viewed

@@ -11,6 +11,10 @@ import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";
 * Input size.
 */
 let INPUT_SIZE = /* @__PURE__ */ function(INPUT_SIZE) {
+	/**
+	* Extra small size.
+	*/
+	INPUT_SIZE["EXTRA_SMALL"] = "xs";
 	/**
 	* Small size.
 	*/

package/es-custom/components/text-input/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/text-input/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, ~~2023~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nexport { FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/\n Input size.\n /\nexport enum INPUT_SIZE {\n /\n Small size.\n /\n SMALL = 'sm',\n\n /\n Regular size, same as medium size.\n /\n MEDIUM = 'md',\n\n /\n Large size.\n /\n LARGE = 'lg',\n\n // TODO: deprecate\n /\n Extra large size.\n /\n EXTRA_LARGE = 'xl',\n}\n\n/\n Input tooltop alignment\n /\nexport enum INPUT_TOOLTIP_ALIGNMENT {\n /\n Small size.\n /\n START = 'start',\n\n /\n Regular size, same as medium size.\n /\n CENTER = 'center',\n\n /\n Large size.\n /\n END = 'end',\n}\n\n/\n Input tooltop direction\n /\nexport enum INPUT_TOOLTIP_DIRECTION {\n /\n Small size.\n /\n TOP = 'top',\n\n /\n Regular size, same as medium size.\n /\n RIGHT = 'right',\n\n /\n Large size.\n /\n BOTTOM = 'bottom',\n\n /\n Regular size, same as medium size.\n /\n LEFT = 'left',\n}\n\n/\n Supported input types.\n \n For this component we only support textual types\n */\nexport enum INPUT_TYPE {\n EMAIL = 'email',\n PASSWORD = 'password',\n TEL = 'tel',\n TEXT = 'text',\n URL = 'url',\n}\n"],"mappings":";;;;;;;;;;;;AAYA,IAAY,aAAL,yBAAA,YAAA;;;;AAIL,YAAA,WAAA;;;;AAKA,YAAA,YAAA;;;;AAKA,YAAA,WAAA;;;;AAMA,YAAA,iBAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,SAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,SAAA;;;;AAKA,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,UAAA;;KACD;;;;;;AAOD,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,WAAA;AACA,YAAA,cAAA;AACA,YAAA,SAAA;AACA,YAAA,UAAA;AACA,YAAA,SAAA;;KACD"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/text-input/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nexport { FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/\n Input size.\n /\nexport enum INPUT_SIZE {\n /\n Extra small size.\n /\n EXTRA_SMALL = 'xs',\n\n /\n Small size.\n /\n SMALL = 'sm',\n\n /\n Regular size, same as medium size.\n /\n MEDIUM = 'md',\n\n /\n Large size.\n /\n LARGE = 'lg',\n\n // TODO: deprecate\n /\n Extra large size.\n /\n EXTRA_LARGE = 'xl',\n}\n\n/\n Input tooltop alignment\n /\nexport enum INPUT_TOOLTIP_ALIGNMENT {\n /\n Small size.\n /\n START = 'start',\n\n /\n Regular size, same as medium size.\n /\n CENTER = 'center',\n\n /\n Large size.\n /\n END = 'end',\n}\n\n/\n Input tooltop direction\n /\nexport enum INPUT_TOOLTIP_DIRECTION {\n /\n Small size.\n /\n TOP = 'top',\n\n /\n Regular size, same as medium size.\n /\n RIGHT = 'right',\n\n /\n Large size.\n /\n BOTTOM = 'bottom',\n\n /\n Regular size, same as medium size.\n /\n LEFT = 'left',\n}\n\n/\n Supported input types.\n \n For this component we only support textual types\n */\nexport enum INPUT_TYPE {\n EMAIL = 'email',\n PASSWORD = 'password',\n TEL = 'tel',\n TEXT = 'text',\n URL = 'url',\n}\n"],"mappings":";;;;;;;;;;;;AAYA,IAAY,aAAL,yBAAA,YAAA;;;;AAIL,YAAA,iBAAA;;;;AAKA,YAAA,WAAA;;;;AAKA,YAAA,YAAA;;;;AAKA,YAAA,WAAA;;;;AAMA,YAAA,iBAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,SAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,SAAA;;;;AAKA,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,UAAA;;KACD;;;;;;AAOD,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,WAAA;AACA,YAAA,cAAA;AACA,YAAA,SAAA;AACA,YAAA,UAAA;AACA,YAAA,SAAA;;KACD"}

package/es-custom/components/text-input/text-input-skeleton.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
+import { INPUT_SIZE } from './defs';
 /**
  * @element cds-custom-text-input-skeleton
  *
@@ -15,6 +16,10 @@ declare class CDSTextInputSkeleton extends LitElement {
      * Specify whether the label should be hidden, or not
      */
     hideLabel: boolean;
+    /**
+     * The text-input-skeleton size.
+     */
+    size?: INPUT_SIZE;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }

package/es-custom/components/text-input/text-input-skeleton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB,MAAM;~~IAUN~~,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
1	+ {"version":3,"file":"text-input-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,MAAM;IAkBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}

package/es-custom/components/text-input/text-input-skeleton.js CHANGED Viewed

@@ -11,6 +11,7 @@ import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers
 import text_input_default from "./text-input.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
 //#region src/components/text-input/text-input-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -29,10 +30,15 @@ let CDSTextInputSkeleton = class CDSTextInputSkeleton extends LitElement {
 		this.hideLabel = false;
 	}
 	render() {
-		const { hideLabel } = this;
+		const { hideLabel, size } = this;
 		return html`
-      ${hideLabel ? "" : html`<span class="${"cds-custom"}--label ${"cds-custom"}--skeleton"></span>`}
-      <div class="${"cds-custom"}--text-input ${"cds-custom"}--skeleton"></div>
+      <div class=${classMap({
+			[`cds-custom--form-item`]: true,
+			[`cds-custom--layout--size-${size}`]: size !== void 0
+		})}>
+        ${hideLabel ? "" : html`<span class="${"cds-custom"}--label ${"cds-custom"}--skeleton"></span>`}
+        <div class="${"cds-custom"}--text-input ${"cds-custom"}--skeleton"></div>
+      </div>
     `;
 	}
 	static {
@@ -44,6 +50,7 @@ __decorate([property({
 	reflect: true,
 	attribute: "hide-label"
 })], CDSTextInputSkeleton.prototype, "hideLabel", void 0);
+__decorate([property({ reflect: true })], CDSTextInputSkeleton.prototype, "size", void 0);
 CDSTextInputSkeleton = __decorate([carbonElement(`cds-custom-text-input-skeleton`)], CDSTextInputSkeleton);
 var text_input_skeleton_default = CDSTextInputSkeleton;
 //#endregion

package/es-custom/components/text-input/text-input-skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/text-input/text-input-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './text-input.scss?lit';\n\n/\n @element cds-custom-text-input-skeleton\n \n Skeleton of text input.\n /\n@customElement(`${prefix}-text-input-skeleton`)\nclass CDSTextInputSkeleton extends LitElement {\n /\n Specify whether the label should be hidden, or not\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n render() {\n const { hideLabel } = this;\n return html`\n ${hideLabel\n ? ''\n : html`<span class=\"${prefix}--label ${prefix}--skeleton\"></span>`}\n <div class=\"${prefix}--text-input ${prefix}--skeleton\"></div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTextInputSkeleton;\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA~~,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;mBAKhC;;~~CAEZ~~,SAAS;EACP,MAAM,EAAE,~~cAAc~~;~~AACtB~~,SAAO,IAAI;~~QACP~~,YACE,KACA,IAAI,gBAAA,MAAuB,UAAA,MAAiB,qBAAqB;~~0BAChD~~,eAAA,MAAsB~~;;;;gBAI/BA~~;;;~~YAbf~~,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC,CAAA,EAAA,qBAAA,WAAA,aAAA,KAAA,EAAA;~~mCALrEC~~,cAAc,0BAAgC,CAAA,EAAA,qBAAA;~~AAqB~~/C,IAAA,8BAAe"}
1	+ {"version":3,"file":"text-input-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/text-input/text-input-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './text-input.scss?lit';\nimport { INPUT_SIZE } from './defs';\n\n/\n @element cds-custom-text-input-skeleton\n \n Skeleton of text input.\n /\n@customElement(`${prefix}-text-input-skeleton`)\nclass CDSTextInputSkeleton extends LitElement {\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n The text-input-skeleton size.\n */\n @property({ reflect: true })\n size?: INPUT_SIZE;\n\n render() {\n const { hideLabel, size } = this;\n\n const skeletonClasses = classMap({\n [`${prefix}--form-item`]: true,\n [`${prefix}--layout--size-${size}`]: size !== undefined,\n });\n\n return html`\n <div class=${skeletonClasses}>\n ${hideLabel\n ? ''\n : html`<span class=\"${prefix}--label ${prefix}--skeleton\"></span>`}\n <div class=\"${prefix}--text-input ${prefix}--skeleton\"></div>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTextInputSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;mBAKhC;;CAQZ,SAAS;EACP,MAAM,EAAE,WAAW,SAAS;AAO5B,SAAO,IAAI;mBALa,SAAS;IAC9B,mBAAyB;IACzB,qBAA2B,SAAS,SAAS,KAAA;GAC/C,CAAC,CAG6B;UACzB,YACE,KACA,IAAI,gBAAA,MAAuB,UAAA,MAAiB,qBAAqB;4BAChD,eAAA,MAAsB;;;;;gBAKjCA;;;YA3Bf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC,CAAA,EAAA,qBAAA,WAAA,aAAA,KAAA,EAAA;YAMnE,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,QAAA,KAAA,EAAA;mCAX7BC,cAAc,0BAAgC,CAAA,EAAA,qBAAA;AAmC/C,IAAA,8BAAe"}

package/es-custom/components/text-input/text-input.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2025
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -151,7 +151,7 @@ declare class CDSTextInput extends CDSTextInput_base {
     /**
      * The input box size.
      */
-    size: INPUT_SIZE;
+    size?: INPUT_SIZE;
     isFluid: boolean;
     /**
      * true to use the inline version.

package/es-custom/components/text-input/text-input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAavC,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,EACX,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,GACX,CAAC;;;;;;;;;;;;;;;;;AAEF;;;;;;;GAOG;AACH,cACM,YAAa,SAAQ,iBAAoC;IAC7D;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAmB7C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAGpC,SAAS,CAAC,mBAAmB,EAAG,eAAe,CAAC;IAEhD;;OAEG;IACH,SAAS,CAAC,MAAM,SAAM;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAIxC,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC,SAAS,CAAC,2BAA2B;IAIrC;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;;;OAIG;IAEH,iBAAiB,SAAmB;IAEpC;;;;OAIG;IAEH,iBAAiB,SAAmB;IAEpC;;;;OAIG;IAMH,4BAA4B,UAAS;IAErC;;OAEG;IAEH,IAAI,~~aAAqB~~;~~IAGzB~~,OAAO,UAAS;IAEhB;;OAEG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,gBAAgB,0BAAkC;IAElD;;;OAGG;IAEH,gBAAgB,0BAAkC;IAElD;;OAEG;IAEH,IAAI,aAAmB;IAEvB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IACH,IACI,KAAK,WAQR;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAUd;IAED;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAKhC,MAAM;~~IAuON~~,OAAO;IAmBP;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAavC,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,EACX,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,GACX,CAAC;;;;;;;;;;;;;;;;;AAEF;;;;;;;GAOG;AACH,cACM,YAAa,SAAQ,iBAAoC;IAC7D;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAmB7C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAGpC,SAAS,CAAC,mBAAmB,EAAG,eAAe,CAAC;IAEhD;;OAEG;IACH,SAAS,CAAC,MAAM,SAAM;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAIxC,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC,SAAS,CAAC,2BAA2B;IAIrC;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;;;OAIG;IAEH,iBAAiB,SAAmB;IAEpC;;;;OAIG;IAEH,iBAAiB,SAAmB;IAEpC;;;;OAIG;IAMH,4BAA4B,UAAS;IAErC;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAGlB,OAAO,UAAS;IAEhB;;OAEG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,gBAAgB,0BAAkC;IAElD;;;OAGG;IAEH,gBAAgB,0BAAkC;IAElD;;OAEG;IAEH,IAAI,aAAmB;IAEvB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IACH,IACI,KAAK,WAQR;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAUd;IAED;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAKhC,MAAM;IA8ON,OAAO;IAmBP;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}

package/es-custom/components/text-input/text-input.js CHANGED Viewed

@@ -24,7 +24,7 @@ import View16 from "@carbon/icons/es/view/16.js";
 import ViewOff16 from "@carbon/icons/es/view--off/16.js";
 //#region src/components/text-input/text-input.ts
 /**
-* Copyright IBM Corp. 2019, 2025
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -62,7 +62,6 @@ let CDSTextInput = class CDSTextInput extends ValidityMixin(FormMixin(LitElement
 		this.hidePasswordLabel = "Hide password";
 		this.showPasswordLabel = "Show password";
 		this.showPasswordVisibilityToggle = false;
-		this.size = "md";
 		this.isFluid = false;
 		this.inline = false;
 		this.tooltipAlignment = "center";
@@ -154,10 +153,9 @@ let CDSTextInput = class CDSTextInput extends ValidityMixin(FormMixin(LitElement
 			[`cds-custom--text-input`]: true,
 			[`cds-custom--text-input--invalid`]: normalizedProps.invalid,
 			[`cds-custom--text-input--warning`]: normalizedProps.warn,
-			[`cds-custom--text-input--${size}`]: size,
-			[`cds-custom--layout--size-${size}`]: size,
-			[`cds-custom--password-input`]: type === "password",
-			[`cds-custom--text-input__field-wrapper--decorator`]: hasAILabel
+			[`cds-custom--text-input--${size}`]: size !== void 0,
+			[`cds-custom--layout--size-${size}`]: size !== void 0,
+			[`cds-custom--password-input`]: type === "password"
 		});
 		const fieldOuterWrapperClasses = classMap({
 			[`cds-custom--text-input__field-outer-wrapper`]: true,
@@ -165,16 +163,19 @@ let CDSTextInput = class CDSTextInput extends ValidityMixin(FormMixin(LitElement
 		});
 		const fieldWrapperClasses = classMap({
 			[`cds-custom--text-input__field-wrapper`]: true,
-			[`cds-custom--text-input__field-wrapper--warning`]: normalizedProps.warn
+			[`cds-custom--text-input__field-wrapper--warning`]: normalizedProps.warn,
+			[`cds-custom--text-input__field-wrapper--decorator`]: hasAILabel
 		});
 		const labelClasses = classMap({
 			[`cds-custom--label`]: true,
 			[`cds-custom--visually-hidden`]: hideLabel,
-			[`cds-custom--label--disabled`]: normalizedProps.disabled
+			[`cds-custom--label--disabled`]: normalizedProps.disabled,
+			[`cds-custom--label--inline`]: inline
 		});
 		const helperTextClasses = classMap({
 			[`cds-custom--form__helper-text`]: true,
-			[`cds-custom--form__helper-text--disabled`]: normalizedProps.disabled
+			[`cds-custom--form__helper-text--disabled`]: normalizedProps.disabled,
+			[`cds-custom--form__helper-text--inline`]: inline
 		});
 		const passwordIsVisible = type !== "password";
 		const passwordVisibilityIcon = passwordIsVisible ? iconLoader(ViewOff16, { class: `cds-custom--icon-visibility-off` }) : iconLoader(View16, { class: `cds-custom--icon-visibility-on` });
@@ -233,11 +234,10 @@ let CDSTextInput = class CDSTextInput extends ValidityMixin(FormMixin(LitElement
 		return html`
       <div class="${inputWrapperClasses}">
         ${!inline ? labelWrapper : html`<div class="${"cds-custom"}--text-input__label-helper-wrapper">
-              ${labelWrapper} ${!isFluid ? validationMessage || helper : null}
+              ${labelWrapper}
             </div>`}
         <div class="${fieldOuterWrapperClasses}">
           <div class="${fieldWrapperClasses}" ?data-invalid="${invalid}">
-            ${normalizedProps.icon}
             <input
               autocomplete="${this.autocomplete}"
               ?autofocus="${this.autofocus}"
@@ -255,6 +255,7 @@ let CDSTextInput = class CDSTextInput extends ValidityMixin(FormMixin(LitElement
               .value="${this._value}"
               maxlength="${if_non_empty_default(maxCount)}"
               @input="${handleInput}" />
+            ${normalizedProps.icon}
             <slot name="ai-label" @slotchange="${handleSlotChange}"></slot>
             <slot name="slug" @slotchange="${handleSlotChange}"></slot>
             ${this.showPasswordVisibilityToggle && (type === "password" || type === "text") ? passwordVisibilityButton() : null}
@@ -265,6 +266,9 @@ let CDSTextInput = class CDSTextInput extends ValidityMixin(FormMixin(LitElement
           ${""}
           ${!isFluid && !inline ? validationMessage || helper : null}
         </div>
+        ${inline && !isFluid ? html`<div class="${"cds-custom"}--text-input__label-helper-wrapper">
+              ${!isFluid ? validationMessage || helper : null}
+            </div>` : null}
       </div>
     `;
 	}

package/es-custom/components/text-input/text-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/text-input/text-input.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport View16 from '@carbon/icons/es/view/16.js';\nimport ViewOff16 from '@carbon/icons/es/view--off/16.js';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport {\n INPUT_COLOR_SCHEME,\n INPUT_SIZE,\n INPUT_TOOLTIP_ALIGNMENT,\n INPUT_TOOLTIP_DIRECTION,\n INPUT_TYPE,\n} from './defs';\nimport styles from './text-input.scss?lit';\n\nexport {\n INPUT_COLOR_SCHEME,\n INPUT_SIZE,\n INPUT_TOOLTIP_ALIGNMENT,\n INPUT_TOOLTIP_DIRECTION,\n INPUT_TYPE,\n};\n\n/\n Text Input element. Supports all the usual attributes for textual input types\n \n @element cds-custom-text-input\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}-text-input`)\nclass CDSTextInput extends ValidityMixin(FormMixin(LitElement)) {\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSTextInput).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSTextInput).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n /\n The underlying input element\n /\n @query('input')\n protected _input!: HTMLInputElement;\n\n @query('slot[name=\"helper-text\"]')\n protected _slotHelperTextNode!: HTMLSlotElement;\n\n /\n The internal value.\n /\n protected _value = '';\n\n /\n Handles `oninput` event on the `input`.\n \n @param event The event.\n * @param event.target The event target.\n /\n protected _handleInput({ target }: Event) {\n this.value = (target as HTMLInputElement).value;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n protected _handleHelperTextSlotChange() {\n this.requestUpdate();\n }\n\n /\n May be any of the standard HTML autocomplete options\n /\n @property()\n autocomplete = '';\n\n /\n Sets the input to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Controls the disabled state of the input\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify whether to display the character counter\n /\n @property({ type: Boolean, attribute: 'enable-counter', reflect: true })\n enableCounter = false;\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Message which is displayed if the value is invalid.\n /\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /\n Max character count allowed for input. This is needed in order for enableCounter to display\n /\n @property({ type: Number, attribute: 'max-count', reflect: true })\n maxCount;\n\n /\n Specify whether the control is currently in warning state\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Provide the text that is displayed when the control is in warning state\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n Specify whether you want the underlying label to be visually hidden\n /\n @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n hideLabel = false;\n\n /\n Generic label that will be used as the textual representation of what this field is for\n /\n @property({ attribute: 'label' })\n label = '';\n\n /\n Name for the input in the `FormData`\n /\n @property()\n name = '';\n\n /\n Pattern to validate the input against for HTML validity checking\n /\n @property()\n pattern = '';\n\n /\n Value to display when the input has an empty `value`\n /\n @property({ reflect: true })\n placeholder = '';\n\n /\n Specify if the component should be read-only\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Boolean property to set the required status\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The special validity message for `required`.\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n \"Hide password\" tooltip text on password visibility toggle\n \n @deprecated will be removed in the next major version, use `cds-custom-password-input` instead\n /\n @property()\n hidePasswordLabel = 'Hide password';\n\n /\n \"Show password\" tooltip text on password visibility toggle\n \n @deprecated will be removed in the next major version, use `cds-custom-password-input` instead\n /\n @property()\n showPasswordLabel = 'Show password';\n\n /\n Boolean property to render password visibility toggle\n \n @deprecated will be removed in the next major version, use `cds-custom-password-input` instead\n /\n @property({\n type: Boolean,\n attribute: 'show-password-visibility-toggle',\n reflect: true,\n })\n showPasswordVisibilityToggle = false;\n\n /\n The input box size.\n /\n @property({ reflect: true })\n size = INPUT_SIZE.MEDIUM;\n\n @property({ type: Boolean })\n isFluid = false;\n\n /\n true to use the inline version.\n /\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /\n Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n /\n @property()\n tooltipAlignment = INPUT_TOOLTIP_ALIGNMENT.CENTER;\n\n /\n Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n /\n @property()\n tooltipDirection = INPUT_TOOLTIP_DIRECTION.BOTTOM;\n\n /\n The type of the input. Can be one of the types listed in the INPUT_TYPE enum\n /\n @property({ reflect: true })\n type = INPUT_TYPE.TEXT;\n\n /\n The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n @property({ attribute: 'validity-message' })\n validityMessage = '';\n\n /\n The value of the input.\n /\n @property({ reflect: true })\n get value() {\n // FIXME: Figure out how to deal with TS2611\n // once we have the input we can directly query for the value\n if (this._input) {\n return this._input.value;\n }\n // but before then _value will work fine\n return this._value;\n }\n\n set value(value) {\n const oldValue = this._value;\n this._value = value;\n // make sure that lit-element updates the right properties\n this.requestUpdate('value', oldValue);\n // we set the value directly on the input (when available)\n // so that programatic manipulation updates the UI correctly\n if (this._input) {\n this._input.value = value;\n }\n }\n\n /\n Handles password visibility toggle button click\n \n @deprecated will be removed in the next major version, use `cds-custom-password-input` instead\n /\n private togglePasswordVisibility() {\n this.type =\n this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n }\n\n render() {\n const {\n disabled,\n enableCounter,\n helperText,\n hideLabel,\n inline,\n isFluid,\n invalid,\n invalidText,\n label,\n maxCount,\n readonly,\n required,\n size,\n type,\n warn,\n warnText,\n value,\n _handleInput: handleInput,\n _hasAILabel: hasAILabel,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n const invalidIcon = iconLoader(WarningFilled16, {\n class: `${prefix}--text-input__invalid-icon`,\n });\n\n const warnIcon = iconLoader(WarningAltFilled16, {\n class: `${prefix}--text-input__invalid-icon ${prefix}--text-input__invalid-icon--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: !readonly && disabled,\n invalid: !readonly && invalid,\n warn: !readonly && !invalid && warn,\n 'slot-name': '',\n 'slot-text': '',\n icon: null,\n };\n\n if (normalizedProps.invalid) {\n normalizedProps.icon = invalidIcon;\n normalizedProps['slot-name'] = 'invalid-text';\n normalizedProps['slot-text'] = invalidText;\n } else if (normalizedProps.warn) {\n normalizedProps.icon = warnIcon;\n normalizedProps['slot-name'] = 'warn-text';\n normalizedProps['slot-text'] = warnText;\n }\n\n const counterClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--text-input__label-counter`]: true,\n [`${prefix}--label--disabled`]: disabled,\n });\n\n const inputWrapperClasses = classMap({\n [`${prefix}--form-item`]: true,\n [`${prefix}--text-input-wrapper`]: true,\n [`${prefix}--text-input-wrapper--inline`]: inline,\n [`${prefix}--text-input-wrapper--readonly`]: readonly,\n [`${prefix}--text-input-wrapper--inline--invalid`]:\n inline && normalizedProps.invalid,\n });\n\n const inputClasses = classMap({\n [`${prefix}--text-input`]: true,\n [`${prefix}--text-input--invalid`]: normalizedProps.invalid,\n [`${prefix}--text-input--warning`]: normalizedProps.warn,\n [`${prefix}--text-input--${size}`]: size,\n [`${prefix}--layout--size-${size}`]: size,\n [`${prefix}--password-input`]: type === INPUT_TYPE.PASSWORD, // TODO: deprecated, remove in v12\n [`${prefix}--text-input__field-wrapper--decorator`]: hasAILabel,\n });\n\n const fieldOuterWrapperClasses = classMap({\n [`${prefix}--text-input__field-outer-wrapper`]: true,\n [`${prefix}--text-input__field-outer-wrapper--inline`]: inline,\n });\n\n const fieldWrapperClasses = classMap({\n [`${prefix}--text-input__field-wrapper`]: true,\n [`${prefix}--text-input__field-wrapper--warning`]: normalizedProps.warn,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n [`${prefix}--label--disabled`]: normalizedProps.disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n });\n\n // TODO: deprecated, remove in v12\n const passwordIsVisible = type !== INPUT_TYPE.PASSWORD;\n const passwordVisibilityIcon = passwordIsVisible\n ? iconLoader(ViewOff16, { class: `${prefix}--icon-visibility-off` })\n : iconLoader(View16, { class: `${prefix}--icon-visibility-on` });\n\n // TODO: deprecated, remove in v12\n const passwordVisibilityToggleClasses = classMap({\n [`${prefix}--text-input--password__visibility__toggle`]: true,\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--tooltip__trigger`]: true,\n [`${prefix}--tooltip--a11y`]: true,\n [`${prefix}--btn--disabled`]: normalizedProps.disabled,\n [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n this.tooltipAlignment,\n });\n\n // TODO: deprecated, remove in v12\n const passwordButtonLabel = html`\n <span class=\"${prefix}--assistive-text\">\n ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}\n </span>\n `;\n\n // TODO: deprecated, remove in v12\n const passwordVisibilityButton = () => html`\n <button\n type=\"button\"\n class=\"${passwordVisibilityToggleClasses}\"\n ?disabled=\"${normalizedProps.disabled}\"\n @click=\"${this.togglePasswordVisibility}\">\n ${!normalizedProps.disabled ? passwordButtonLabel : null}\n ${passwordVisibilityIcon}\n </button>\n `;\n\n const textCount = value?.length;\n\n const counter =\n enableCounter && maxCount\n ? html` <label class=\"${counterClasses}\">\n <slot name=\"label-text\">${textCount}/${maxCount}</slot>\n </label>`\n : null;\n\n const labelWrapper = html`<div class=\"${prefix}--text-input__label-wrapper\">\n <label class=\"${labelClasses}\">\n <slot name=\"label-text\">${label}</slot>\n </label>\n ${counter}\n </div>`;\n\n const hasHelperText =\n helperText \|\| (this._slotHelperTextNode?.assignedNodes().length ?? 0) > 0;\n\n const helper = html`<div\n class=\"${helperTextClasses}\"\n id=\"helper-text\"\n ?hidden=\"${normalizedProps.invalid \|\|\n normalizedProps.warn \|\|\n !hasHelperText}\">\n <slot\n name=\"helper-text\"\n @slotchange=\"${this._handleHelperTextSlotChange}\">\n ${helperText}\n </slot>\n </div>`;\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 return html`\n <div class=\"${inputWrapperClasses}\">\n ${!inline\n ? labelWrapper\n : html`<div class=\"${prefix}--text-input__label-helper-wrapper\">\n ${labelWrapper} ${!isFluid ? validationMessage \|\| helper : null}\n </div>`}\n <div class=\"${fieldOuterWrapperClasses}\">\n <div class=\"${fieldWrapperClasses}\" ?data-invalid=\"${invalid}\">\n ${normalizedProps.icon}\n <input\n autocomplete=\"${this.autocomplete}\"\n ?autofocus=\"${this.autofocus}\"\n class=\"${inputClasses}\"\n ?data-invalid=\"${invalid}\"\n ?disabled=\"${disabled}\"\n ?aria-describedby=\"${hasHelperText ? 'helper-text' : undefined}\"\n id=\"input\"\n name=\"${ifNonEmpty(this.name)}\"\n pattern=\"${ifNonEmpty(this.pattern)}\"\n placeholder=\"${ifNonEmpty(this.placeholder)}\"\n ?readonly=\"${readonly}\"\n ?required=\"${required}\"\n type=\"${ifNonEmpty(type)}\"\n .value=\"${this._value}\"\n maxlength=\"${ifNonEmpty(maxCount)}\"\n @input=\"${handleInput}\" />\n <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n ${this.showPasswordVisibilityToggle &&\n (type === INPUT_TYPE.PASSWORD \|\| type === INPUT_TYPE.TEXT)\n ? passwordVisibilityButton()\n : null}\n ${isFluid\n ? html`<hr class=\"${prefix}--text-input__divider\" />`\n : null}\n ${isFluid && !inline ? validationMessage : null}\n </div>\n\n ${/ Non-fluid: validation and helper outside field wrapper / ''}\n ${!isFluid && !inline ? validationMessage \|\| helper : null}\n </div>\n </div>\n `;\n }\n\n updated() {\n this.toggleAttribute('ai-label', this._hasAILabel);\n const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n if (label) {\n label?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n );\n } else {\n this.shadowRoot\n ?.querySelector(\"slot[name='slug']\")\n ?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n );\n }\n }\n\n /\n A selector that will return the slug item.\n \n remove in v12\n /\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /\n A selector that will return the AI Label item.\n */\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSTextInput;\n"],"mappings":"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"}
1	+ {"version":3,"file":"text-input.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/text-input/text-input.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport View16 from '@carbon/icons/es/view/16.js';\nimport ViewOff16 from '@carbon/icons/es/view--off/16.js';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport {\n INPUT_COLOR_SCHEME,\n INPUT_SIZE,\n INPUT_TOOLTIP_ALIGNMENT,\n INPUT_TOOLTIP_DIRECTION,\n INPUT_TYPE,\n} from './defs';\nimport styles from './text-input.scss?lit';\n\nexport {\n INPUT_COLOR_SCHEME,\n INPUT_SIZE,\n INPUT_TOOLTIP_ALIGNMENT,\n INPUT_TOOLTIP_DIRECTION,\n INPUT_TYPE,\n};\n\n/\n Text Input element. Supports all the usual attributes for textual input types\n \n @element cds-custom-text-input\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}-text-input`)\nclass CDSTextInput extends ValidityMixin(FormMixin(LitElement)) {\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSTextInput).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSTextInput).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n /\n The underlying input element\n /\n @query('input')\n protected _input!: HTMLInputElement;\n\n @query('slot[name=\"helper-text\"]')\n protected _slotHelperTextNode!: HTMLSlotElement;\n\n /\n The internal value.\n /\n protected _value = '';\n\n /\n Handles `oninput` event on the `input`.\n \n @param event The event.\n * @param event.target The event target.\n /\n protected _handleInput({ target }: Event) {\n this.value = (target as HTMLInputElement).value;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n protected _handleHelperTextSlotChange() {\n this.requestUpdate();\n }\n\n /\n May be any of the standard HTML autocomplete options\n /\n @property()\n autocomplete = '';\n\n /\n Sets the input to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Controls the disabled state of the input\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify whether to display the character counter\n /\n @property({ type: Boolean, attribute: 'enable-counter', reflect: true })\n enableCounter = false;\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Message which is displayed if the value is invalid.\n /\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /\n Max character count allowed for input. This is needed in order for enableCounter to display\n /\n @property({ type: Number, attribute: 'max-count', reflect: true })\n maxCount;\n\n /\n Specify whether the control is currently in warning state\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Provide the text that is displayed when the control is in warning state\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n Specify whether you want the underlying label to be visually hidden\n /\n @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n hideLabel = false;\n\n /\n Generic label that will be used as the textual representation of what this field is for\n /\n @property({ attribute: 'label' })\n label = '';\n\n /\n Name for the input in the `FormData`\n /\n @property()\n name = '';\n\n /\n Pattern to validate the input against for HTML validity checking\n /\n @property()\n pattern = '';\n\n /\n Value to display when the input has an empty `value`\n /\n @property({ reflect: true })\n placeholder = '';\n\n /\n Specify if the component should be read-only\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Boolean property to set the required status\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The special validity message for `required`.\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n \"Hide password\" tooltip text on password visibility toggle\n \n @deprecated will be removed in the next major version, use `cds-custom-password-input` instead\n /\n @property()\n hidePasswordLabel = 'Hide password';\n\n /\n \"Show password\" tooltip text on password visibility toggle\n \n @deprecated will be removed in the next major version, use `cds-custom-password-input` instead\n /\n @property()\n showPasswordLabel = 'Show password';\n\n /\n Boolean property to render password visibility toggle\n \n @deprecated will be removed in the next major version, use `cds-custom-password-input` instead\n /\n @property({\n type: Boolean,\n attribute: 'show-password-visibility-toggle',\n reflect: true,\n })\n showPasswordVisibilityToggle = false;\n\n /\n The input box size.\n /\n @property({ reflect: true })\n size?: INPUT_SIZE;\n\n @property({ type: Boolean })\n isFluid = false;\n\n /\n true to use the inline version.\n /\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /\n Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n /\n @property()\n tooltipAlignment = INPUT_TOOLTIP_ALIGNMENT.CENTER;\n\n /\n Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n /\n @property()\n tooltipDirection = INPUT_TOOLTIP_DIRECTION.BOTTOM;\n\n /\n The type of the input. Can be one of the types listed in the INPUT_TYPE enum\n /\n @property({ reflect: true })\n type = INPUT_TYPE.TEXT;\n\n /\n The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n @property({ attribute: 'validity-message' })\n validityMessage = '';\n\n /\n The value of the input.\n /\n @property({ reflect: true })\n get value() {\n // FIXME: Figure out how to deal with TS2611\n // once we have the input we can directly query for the value\n if (this._input) {\n return this._input.value;\n }\n // but before then _value will work fine\n return this._value;\n }\n\n set value(value) {\n const oldValue = this._value;\n this._value = value;\n // make sure that lit-element updates the right properties\n this.requestUpdate('value', oldValue);\n // we set the value directly on the input (when available)\n // so that programatic manipulation updates the UI correctly\n if (this._input) {\n this._input.value = value;\n }\n }\n\n /\n Handles password visibility toggle button click\n \n @deprecated will be removed in the next major version, use `cds-custom-password-input` instead\n /\n private togglePasswordVisibility() {\n this.type =\n this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n }\n\n render() {\n const {\n disabled,\n enableCounter,\n helperText,\n hideLabel,\n inline,\n isFluid,\n invalid,\n invalidText,\n label,\n maxCount,\n readonly,\n required,\n size,\n type,\n warn,\n warnText,\n value,\n _handleInput: handleInput,\n _hasAILabel: hasAILabel,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n const invalidIcon = iconLoader(WarningFilled16, {\n class: `${prefix}--text-input__invalid-icon`,\n });\n\n const warnIcon = iconLoader(WarningAltFilled16, {\n class: `${prefix}--text-input__invalid-icon ${prefix}--text-input__invalid-icon--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: !readonly && disabled,\n invalid: !readonly && invalid,\n warn: !readonly && !invalid && warn,\n 'slot-name': '',\n 'slot-text': '',\n icon: null,\n };\n\n if (normalizedProps.invalid) {\n normalizedProps.icon = invalidIcon;\n normalizedProps['slot-name'] = 'invalid-text';\n normalizedProps['slot-text'] = invalidText;\n } else if (normalizedProps.warn) {\n normalizedProps.icon = warnIcon;\n normalizedProps['slot-name'] = 'warn-text';\n normalizedProps['slot-text'] = warnText;\n }\n\n const counterClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--text-input__label-counter`]: true,\n [`${prefix}--label--disabled`]: disabled,\n });\n\n const inputWrapperClasses = classMap({\n [`${prefix}--form-item`]: true,\n [`${prefix}--text-input-wrapper`]: true,\n [`${prefix}--text-input-wrapper--inline`]: inline,\n [`${prefix}--text-input-wrapper--readonly`]: readonly,\n [`${prefix}--text-input-wrapper--inline--invalid`]:\n inline && normalizedProps.invalid,\n });\n\n const inputClasses = classMap({\n [`${prefix}--text-input`]: true,\n [`${prefix}--text-input--invalid`]: normalizedProps.invalid,\n [`${prefix}--text-input--warning`]: normalizedProps.warn,\n [`${prefix}--text-input--${size}`]: size !== undefined, // TODO V12 - remove this class\n [`${prefix}--layout--size-${size}`]: size !== undefined,\n [`${prefix}--password-input`]: type === INPUT_TYPE.PASSWORD, // TODO: deprecated, remove in v12\n });\n\n const fieldOuterWrapperClasses = classMap({\n [`${prefix}--text-input__field-outer-wrapper`]: true,\n [`${prefix}--text-input__field-outer-wrapper--inline`]: inline,\n });\n\n const fieldWrapperClasses = classMap({\n [`${prefix}--text-input__field-wrapper`]: true,\n [`${prefix}--text-input__field-wrapper--warning`]: normalizedProps.warn,\n [`${prefix}--text-input__field-wrapper--decorator`]: hasAILabel,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n [`${prefix}--label--disabled`]: normalizedProps.disabled,\n [`${prefix}--label--inline`]: inline,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n [`${prefix}--form__helper-text--inline`]: inline,\n });\n\n // TODO: deprecated, remove in v12\n const passwordIsVisible = type !== INPUT_TYPE.PASSWORD;\n const passwordVisibilityIcon = passwordIsVisible\n ? iconLoader(ViewOff16, { class: `${prefix}--icon-visibility-off` })\n : iconLoader(View16, { class: `${prefix}--icon-visibility-on` });\n\n // TODO: deprecated, remove in v12\n const passwordVisibilityToggleClasses = classMap({\n [`${prefix}--text-input--password__visibility__toggle`]: true,\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--tooltip__trigger`]: true,\n [`${prefix}--tooltip--a11y`]: true,\n [`${prefix}--btn--disabled`]: normalizedProps.disabled,\n [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n this.tooltipAlignment,\n });\n\n // TODO: deprecated, remove in v12\n const passwordButtonLabel = html`\n <span class=\"${prefix}--assistive-text\">\n ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}\n </span>\n `;\n\n // TODO: deprecated, remove in v12\n const passwordVisibilityButton = () => html`\n <button\n type=\"button\"\n class=\"${passwordVisibilityToggleClasses}\"\n ?disabled=\"${normalizedProps.disabled}\"\n @click=\"${this.togglePasswordVisibility}\">\n ${!normalizedProps.disabled ? passwordButtonLabel : null}\n ${passwordVisibilityIcon}\n </button>\n `;\n\n const textCount = value?.length;\n\n const counter =\n enableCounter && maxCount\n ? html` <label class=\"${counterClasses}\">\n <slot name=\"label-text\">${textCount}/${maxCount}</slot>\n </label>`\n : null;\n\n const labelWrapper = html`<div class=\"${prefix}--text-input__label-wrapper\">\n <label class=\"${labelClasses}\">\n <slot name=\"label-text\">${label}</slot>\n </label>\n ${counter}\n </div>`;\n\n const hasHelperText =\n helperText \|\| (this._slotHelperTextNode?.assignedNodes().length ?? 0) > 0;\n\n const helper = html`<div\n class=\"${helperTextClasses}\"\n id=\"helper-text\"\n ?hidden=\"${normalizedProps.invalid \|\|\n normalizedProps.warn \|\|\n !hasHelperText}\">\n <slot\n name=\"helper-text\"\n @slotchange=\"${this._handleHelperTextSlotChange}\">\n ${helperText}\n </slot>\n </div>`;\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 return html`\n <div class=\"${inputWrapperClasses}\">\n ${!inline\n ? labelWrapper\n : html`<div class=\"${prefix}--text-input__label-helper-wrapper\">\n ${labelWrapper}\n </div>`}\n <div class=\"${fieldOuterWrapperClasses}\">\n <div class=\"${fieldWrapperClasses}\" ?data-invalid=\"${invalid}\">\n <input\n autocomplete=\"${this.autocomplete}\"\n ?autofocus=\"${this.autofocus}\"\n class=\"${inputClasses}\"\n ?data-invalid=\"${invalid}\"\n ?disabled=\"${disabled}\"\n ?aria-describedby=\"${hasHelperText ? 'helper-text' : undefined}\"\n id=\"input\"\n name=\"${ifNonEmpty(this.name)}\"\n pattern=\"${ifNonEmpty(this.pattern)}\"\n placeholder=\"${ifNonEmpty(this.placeholder)}\"\n ?readonly=\"${readonly}\"\n ?required=\"${required}\"\n type=\"${ifNonEmpty(type)}\"\n .value=\"${this._value}\"\n maxlength=\"${ifNonEmpty(maxCount)}\"\n @input=\"${handleInput}\" />\n ${normalizedProps.icon}\n <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n ${this.showPasswordVisibilityToggle &&\n (type === INPUT_TYPE.PASSWORD \|\| type === INPUT_TYPE.TEXT)\n ? passwordVisibilityButton()\n : null}\n ${isFluid\n ? html`<hr class=\"${prefix}--text-input__divider\" />`\n : null}\n ${isFluid && !inline ? validationMessage : null}\n </div>\n\n ${/ Non-fluid: validation and helper outside field wrapper / ''}\n ${!isFluid && !inline ? validationMessage \|\| helper : null}\n </div>\n ${inline && !isFluid\n ? html`<div class=\"${prefix}--text-input__label-helper-wrapper\">\n ${!isFluid ? validationMessage \|\| helper : null}\n </div>`\n : null}\n </div>\n `;\n }\n\n updated() {\n this.toggleAttribute('ai-label', this._hasAILabel);\n const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n if (label) {\n label?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n );\n } else {\n this.shadowRoot\n ?.querySelector(\"slot[name='slug']\")\n ?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n );\n }\n }\n\n /\n A selector that will return the slug item.\n \n remove in v12\n /\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /\n A selector that will return the AI Label item.\n */\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSTextInput;\n"],"mappings":"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"}

package/es-custom/components/text-input/text-input.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/text-input/text-input.scss?lit
-var text_input_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.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--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-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);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:2.5rem}.cds-custom--text-input--sm.cds-custom--password-input{padding-inline-end:2rem}.cds-custom--text-input--lg.cds-custom--password-input{padding-inline-end:3rem}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{inset-inline-start:-2.5rem}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--text-input--sm+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:2rem}.cds-custom--text-input--lg+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:3rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input{padding-inline-end:4rem}.cds-custom--text-input--invalid+.cds-custom--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--text-input--invalid .cds-custom--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input: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--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{flex-flow:row wrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input-wrapper .cds-custom--label--inline--sm{margin-block-start:.5625rem}.cds-custom--text-input-wrapper .cds-custom--label--inline--lg{margin-block-start:1.0625rem}.cds-custom--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input: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--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}:host(cds-custom-text-input),:host(cds-custom-text-input-skeleton){--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;inline-size:100%;outline:none}:host(cds-custom-text-input) ::slotted(cds-custom-ai-label),:host(cds-custom-text-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-custom-text-input) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-text-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-text-input[show-password-visibility-toggle]) .cds-custom--text-input{padding-inline-end:2.5rem}:host(cds-custom-text-input[show-password-visibility-toggle]) .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-custom-text-input[invalid]) .cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input,:host(cds-custom-text-input[warn]) .cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input{padding-inline-end:4rem}:host(cds-custom-text-input[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-text-input[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-text-input[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-text-input[warn]) ::slotted(cds-custom-slug){inset-inline-end:2.5rem}:host(cds-custom-text-input[ai-label]) .cds-custom--text-input__field-wrapper--decorator{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 text_input_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.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;overflow-wrap:break-word;word-break:break-word}.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--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-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);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:var(--cds-layout-size-height-local)}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;aspect-ratio:1;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));gap:.25rem;inset-inline-start:calc((var(--cds-layout-size-height-local))*-1)}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input,.cds-custom--text-input--warning.cds-custom--password-input{padding-inline-end:calc(var(--cds-layout-size-height-local) + 1.5rem)}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));inset-inline-end:var(--cds-layout-size-height-local)}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input: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--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{align-items:center;flex-flow:row nowrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:0 1 auto;margin:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input__label-helper-wrapper{flex:0 1 auto;flex-direction:column;max-inline-size:8.875rem;overflow-wrap:break-word}.cds-custom--text-input__label-helper-wrapper:first-of-type{margin-inline-end:.5rem}.cds-custom--text-input__label-helper-wrapper:last-of-type{margin-inline-start:.5rem}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement,.cds-custom--text-input-wrapper--inline .cds-custom--form__helper-text--inline{margin:0}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input: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--text-input__field-wrapper--decorator .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:not(.cds-custom--text-input--invalid):not(.cds-custom--text-input--warning):has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--text-input__invalid-icon,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:1rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}:host(cds-custom-text-input),:host(cds-custom-text-input-skeleton){--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;inline-size:100%;outline:none}:host(cds-custom-text-input) ::slotted(cds-custom-ai-label),:host(cds-custom-text-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-custom-text-input) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-text-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-text-input[show-password-visibility-toggle]) .cds-custom--text-input{padding-inline-end:2.5rem}:host(cds-custom-text-input[show-password-visibility-toggle]) .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-custom-text-input[invalid]) .cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input,:host(cds-custom-text-input[warn]) .cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input{padding-inline-end:4rem}:host(cds-custom-text-input[ai-label]) .cds-custom--text-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);padding-inline-end:2.5rem}"]);
 //#endregion
 export { text_input_default as default };

package/es-custom/components/text-input/text-input.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.scss.js","names":[],"sources":["../../../src/components/text-input/text-input.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, ~~2025~~\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/utilities' as ;\n@use '@carbon/styles/scss/components/text-input/index';\n@use '@carbon/styles/scss/layout' as ;\n@use '@carbon/styles/scss/utilities/ai-gradient' as ;\n\n:host(#{$prefix}-text-input),\n:host(#{$prefix}-text-input-skeleton) {\n @include emit-layout-tokens();\n\n // the base text-input class has a 100% so we need to propagate it up to the host element\n inline-size: 100%;\n outline: none;\n}\n\n:host(#{$prefix}-text-input) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-05;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n}\n\n:host(#{$prefix}-text-input[show-password-visibility-toggle])\n .#{$prefix}--text-input {\n padding-inline-end: $spacing-08;\n}\n\n:host(#{$prefix}-text-input[show-password-visibility-toggle])\n .#{$prefix}--text-input__invalid-icon {\n inset-inline-end: $spacing-08;\n}\n\n:host(#{$prefix}-text-input[warn]),\n:host(#{$prefix}-text-input[invalid]) {\n .#{$prefix}--text-input__field-wrapper--decorator {\n .#{$prefix}--text-input {\n padding-inline-end: $spacing-10;\n }\n }\n~~\n ::slotted(#{$prefix~~}~~-ai-label),\n ::slotted(#{$prefix}-slug) {~~\n ~~inset-inline-end: $spacing-08;\n }~~\n~~}\n\n~~:host(#{$prefix}-text-input[ai-label])\n .#{$prefix}--text-~~input__field-wrapper--decorator~~ {\n @include ai-gradient;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"text-input.scss.js","names":[],"sources":["../../../src/components/text-input/text-input.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/utilities' as ;\n@use '@carbon/styles/scss/components/text-input/index';\n@use '@carbon/styles/scss/layout' as ;\n@use '@carbon/styles/scss/utilities/ai-gradient' as ;\n\n:host(#{$prefix}-text-input),\n:host(#{$prefix}-text-input-skeleton) {\n @include emit-layout-tokens();\n\n // the base text-input class has a 100% so we need to propagate it up to the host element\n inline-size: 100%;\n outline: none;\n}\n\n:host(#{$prefix}-text-input) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-05;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n}\n\n:host(#{$prefix}-text-input[show-password-visibility-toggle])\n .#{$prefix}--text-input {\n padding-inline-end: $spacing-08;\n}\n\n:host(#{$prefix}-text-input[show-password-visibility-toggle])\n .#{$prefix}--text-input__invalid-icon {\n inset-inline-end: $spacing-08;\n}\n\n:host(#{$prefix}-text-input[warn]),\n:host(#{$prefix}-text-input[invalid]) {\n .#{$prefix}--text-input__field-wrapper--decorator {\n .#{$prefix}--text-input {\n padding-inline-end: $spacing-10;\n }\n }\n}\n\n:host(#{$prefix}-text-input[ai-label]) {\n .#{$prefix}--text-input {\n @include ai-gradient;\n\n padding-inline-end: $spacing-08;\n }\n}\n"],"mappings":""}