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

package/es/components/fluid-form/fluid-form.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Presentational element for fluid form
+ *
+ * @element cds-fluid-form
+ */
+declare class CDSFluidForm extends LitElement {
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSFluidForm;
+//# sourceMappingURL=fluid-form.d.ts.map

package/es/components/fluid-form/fluid-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-form.d.ts","sourceRoot":"","sources":["../../../src/components/fluid-form/fluid-form.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC,iBAAiB;IAKjB,MAAM;IAMN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}

package/es/components/fluid-form/fluid-form.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import fluid_form_default$1 from "./fluid-form.scss.js";
+import { LitElement, html } from "lit";
+//#region src/components/fluid-form/fluid-form.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Presentational element for fluid form
+*
+* @element cds-fluid-form
+*/
+let CDSFluidForm = class CDSFluidForm extends LitElement {
+	connectedCallback() {
+		super.connectedCallback();
+		this.toggleAttribute("in-modal", !!this.closest(`cds-modal-body`));
+	}
+	render() {
+		return html`<form class="${"cds"}--form ${"cds"}--form--fluid">
+      <slot></slot>
+    </form>`;
+	}
+	static {
+		this.styles = fluid_form_default$1;
+	}
+};
+CDSFluidForm = __decorate([carbonElement(`cds-fluid-form`)], CDSFluidForm);
+var fluid_form_default = CDSFluidForm;
+//#endregion
+export { fluid_form_default as default };
+
+//# sourceMappingURL=fluid-form.js.map

package/es/components/fluid-form/fluid-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-form.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-form/fluid-form.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './fluid-form.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Presentational element for fluid form\n *\n * @element cds-fluid-form\n */\n@customElement(`${prefix}-fluid-form`)\nclass CDSFluidForm extends LitElement {\n  connectedCallback() {\n    super.connectedCallback();\n    this.toggleAttribute('in-modal', !!this.closest(`${prefix}-modal-body`));\n  }\n\n  render() {\n    return html`<form class=\"${prefix}--form ${prefix}--form--fluid\">\n      <slot></slot>\n    </form>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,eAAA,MACM,qBAAqB,WAAW;CACpC,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,gBAAgB,YAAY,CAAC,CAAC,KAAK,QAAQ,iBAAuB,CAAC;;CAG1E,SAAS;AACP,SAAO,IAAI,gBAAA,MAAuB,SAAA,MAAgB;;;;;gBAKpCA;;;2BAbjBC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AAgBtC,IAAA,qBAAe"}

package/es/components/fluid-form/fluid-form.scss.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from "lit";
+//#region src/components/fluid-form/fluid-form.scss?lit
+var fluid_form_default = css([".cds--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--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--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--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}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--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--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--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form) input:-webkit-autofill,:host(cds-fluid-form) input:-webkit-autofill:focus,:host(cds-fluid-form) input:-webkit-autofill:hover,:host(cds-fluid-form) textarea:-webkit-autofill,:host(cds-fluid-form) textarea:-webkit-autofill:focus,:host(cds-fluid-form) textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}:host(cds-fluid-form) .cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-fluid-form) .cds--fieldset *,:host(cds-fluid-form) .cds--fieldset :after,:host(cds-fluid-form) .cds--fieldset :before{box-sizing:inherit}:host(cds-fluid-form) .cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}:host(cds-fluid-form) .cds--label html{font-size:100%}:host(cds-fluid-form) .cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:host(cds-fluid-form) .cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-fluid-form) .cds--label strong{font-weight:600}:host(cds-fluid-form) .cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}:host(cds-fluid-form) .cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}:host(cds-fluid-form) .cds--label--no-margin{margin-block-end:0}:host(cds-fluid-form) .cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger *,:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger :after,:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}:host(cds-fluid-form) .cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}:host(cds-fluid-form) .cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-fluid-form) .cds--label.cds--skeleton:active,:host(cds-fluid-form) .cds--label.cds--skeleton:focus,:host(cds-fluid-form) .cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}:host(cds-fluid-form) .cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-fluid-form) .cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-fluid-form) .cds--label.cds--skeleton{background:CanvasText}:host(cds-fluid-form) .cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}:host(cds-fluid-form) .cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}:host(cds-fluid-form) input[type=number],:host(cds-fluid-form) input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}:host(cds-fluid-form) .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),:host(cds-fluid-form) .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),:host(cds-fluid-form) .cds--number[data-invalid] input[type=number]:not(:focus),:host(cds-fluid-form) .cds--number[data-invalid] input[type=text]:not(:focus),:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),:host(cds-fluid-form) input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-fluid-form) .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),:host(cds-fluid-form) .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),:host(cds-fluid-form) .cds--number[data-invalid] input[type=number]:not(:focus),:host(cds-fluid-form) .cds--number[data-invalid] input[type=text]:not(:focus),:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),:host(cds-fluid-form) input[data-invalid]:not(:focus){outline-style:dotted}}:host(cds-fluid-form) .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper--warn~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--number__input-wrapper--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper--warn~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}:host(cds-fluid-form) .cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}:host(cds-fluid-form) .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-fluid-form) .cds--form--fluid .cds--text-input__field-wrapper--warning,:host(cds-fluid-form) .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}:host(cds-fluid-form) .cds--form--fluid input[data-invalid]{outline:none}:host(cds-fluid-form) .cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}:host(cds-fluid-form) input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}:host(cds-fluid-form) .cds--form-requirement html{font-size:100%}:host(cds-fluid-form) .cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:host(cds-fluid-form) .cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-fluid-form) .cds--form-requirement strong{font-weight:600}:host(cds-fluid-form) .cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}:host(cds-fluid-form) .cds--select--inline .cds--form__helper-text{margin-block-start:0}:host(cds-fluid-form) .cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}:host(cds-fluid-form) .cds--form__helper-text--disabled,:host(cds-fluid-form) .cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form) fieldset[disabled] .cds--form__helper-text,:host(cds-fluid-form) fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form[in-modal]){--cds-field:var(--cds-field-01)}:host(cds-fluid-form[in-modal]) .cds--form--fluid{margin-inline:-2rem}"]);
+//#endregion
+export { fluid_form_default as default };
+
+//# sourceMappingURL=fluid-form.scss.js.map

package/es/components/fluid-form/fluid-form.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-form.scss.js","names":[],"sources":["../../../src/components/fluid-form/fluid-form.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 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/components/form';\n\n:host(#{$prefix}-fluid-form) {\n  @include form.form;\n}\n\n:host(#{$prefix}-fluid-form[in-modal]) {\n  --cds-field: var(--cds-field-01);\n\n  .#{$prefix}--form--fluid {\n    margin-inline: -$spacing-05 - $spacing-05;\n  }\n}\n"],"mappings":""}

package/es/components/fluid-form/index.d.ts

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

package/es/components/fluid-form/index.d.ts.map

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

package/es/components/fluid-form/index.js

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