@carbon/web-components 2.1.0-rc.0 → 2.1.0

package/es/components/checkbox/checkbox.js

@@ -1,7 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _decorate from "@babel/runtime/helpers/esm/decorate";
 let _ = t => t,
-  _t;
+  _t,
+  _t2,
+  _t3,
+  _t4,
+  _t5;
 /**
  * @license
  *
@@ -18,6 +22,8 @@ import { property, query } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import FormMixin from '../../globals/mixins/form';
+import WarningFilled16 from "../../icons/warning--filled/16";
+import WarningAltFilled16 from "../../icons/warning--alt--filled/16";
 import styles from "././checkbox.css.js";
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
@@ -134,6 +140,15 @@ let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_in
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String,
+        reflect: true,
+        attribute: 'helper-text'
+      })],
+      key: "helperText",
+      value: void 0
     }, {
       kind: "field",
       decorators: [property({
@@ -190,6 +205,23 @@ let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_in
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean
+      })],
+      key: "invalid",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String,
+        attribute: 'invalid-text'
+      })],
+      key: "invalidText",
+      value: void 0
     }, {
       kind: "field",
       decorators: [property({
@@ -204,9 +236,28 @@ let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_in
       decorators: [property()],
       key: "value",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean
+      })],
+      key: "warn",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String,
+        attribute: 'warn-text'
+      })],
+      key: "warnText",
+      value() {
+        return false;
+      }
     }, {
       kind: "method",
-      key: "render",
+      key: "_handleSlotChange",
       value:
       /**
        * Specify if checkbox is being used in a data table
@@ -214,6 +265,9 @@ let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_in
       /**
        * Specify whether the Checkbox should be disabled
        */
+      /**
+       * Provide text for the form group for additional help
+       */
       /**
        * Specify whether the checkbox should be present in the DOM,
        * but invisible and uninteractable. Used for data-table purposes.
@@ -234,26 +288,80 @@ let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_in
       /**
        * Specify whether the Checkbox is read-only
        */
+      /**
+       * Specify whether the Checkbox is currently invalid
+       */
+      /**
+       * Provide the text that is displayed when the Checkbox is in an invalid state
+       */
       /**
        * Specify a title for the node for the Checkbox
        */
       /**
        * The value.
        */
-      function render() {
+      /**
+       * Specify whether the Checkbox is in a warn state
+       */
+      /**
+       * Provide the text that is displayed when the Checkbox is in a warn state
+       */
+      /**
+       * Handles `slotchange` event.
+       */
+      function _handleSlotChange({
+        target
+      }) {
+        const hasContent = target.assignedNodes().filter(elem => elem.matches !== undefined ? elem.matches(this.constructor.slugItem) : false);
+        this._hasSlug = Boolean(hasContent);
+        const type = hasContent[0].getAttribute('kind');
+        hasContent[0].setAttribute('size', type === 'inline' ? 'md' : 'mini');
+        this.requestUpdate();
+      }
+
+      /**
+       * `true` if there is a slug.
+       */
+    }, {
+      kind: "field",
+      key: "_hasSlug",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "method",
+      key: "updated",
+      value: function updated() {
+        const {
+          _hasSlug: hasSlug
+        } = this;
+        hasSlug ? this.setAttribute('slug', '') : this.removeAttribute('slug');
+      }
+    }, {
+      kind: "method",
+      key: "render",
+      value: function render() {
         const {
           checked,
           disabled,
+          helperText,
           hideLabel,
           indeterminate,
+          invalid,
+          invalidText,
           labelText,
           name,
           readonly,
           title,
           value,
+          warn,
+          warnText,
           _handleChange: handleChange,
           _handleClick: handleClick
         } = this;
+        const showWarning = !readonly && !invalid && warn;
+        const showHelper = !invalid && !warn;
+        const helper = helperText ? html(_t || (_t = _` <div class="${0}--form__helper-text">${0}</div>`), prefix, helperText) : null;
         const labelClasses = classMap({
           [`${prefix}--checkbox-label`]: true
         });
@@ -261,7 +369,7 @@ let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_in
           [`${prefix}--checkbox-label-text`]: true,
           [`${prefix}--visually-hidden`]: hideLabel
         });
-        return html(_t || (_t = _`
+        return html(_t2 || (_t2 = _`
       <input
         id="checkbox"
         type="checkbox"
@@ -281,9 +389,27 @@ let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_in
         part="label"
         class="${0}"
         title="${0}">
-        <span class="${0}"><slot>${0}</slot></span>
+        <span class="${0}"
+          >${0}</span
+        >
       </label>
-    `), `${prefix}--checkbox`, indeterminate ? 'mixed' : String(Boolean(checked)), String(Boolean(readonly)), checked, disabled, indeterminate, ifDefined(name), ifDefined(value), handleChange, handleClick, labelClasses, ifDefined(title), labelTextClasses, labelText);
+      <slot name="slug" @slotchange="${0}"></slot>
+      <div class="${0}--checkbox__validation-msg">
+        ${0}
+        ${0}
+      </div>
+      ${0}
+    `), `${prefix}--checkbox`, indeterminate ? 'mixed' : String(Boolean(checked)), String(Boolean(readonly)), checked, disabled, indeterminate, ifDefined(name), ifDefined(value), handleChange, handleClick, labelClasses, ifDefined(title), labelTextClasses, labelText ? labelText : html(_t3 || (_t3 = _`<slot></slot>`)), this._handleSlotChange, prefix, !readonly && invalid ? html(_t4 || (_t4 = _`
+              ${0}
+              <div class="${0}--form-requirement">${0}</div>
+            `), WarningFilled16({
+          class: `${prefix}--checkbox__invalid-icon`
+        }), prefix, invalidText) : null, showWarning ? html(_t5 || (_t5 = _`
+              ${0}
+              <div class="${0}--form-requirement">${0}</div>
+            `), WarningAltFilled16({
+          class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
+        }), prefix, warnText) : null, showHelper ? helper : null);
       }
 
       /**
@@ -296,6 +422,17 @@ let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_in
       value: function eventChange() {
         return `${prefix}-checkbox-changed`;
       }
+
+      /**
+       * A selector that will return the slug item.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "slugItem",
+      value: function slugItem() {
+        return `${prefix}-slug`;
+      }
     }, {
       kind: "field",
       static: true,

package/es/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["classMap","ifDefined","LitElement","html","property","query","prefix","FocusMixin","FormMixin","styles","carbonElement","customElement","CDSCheckbox","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleChange","checked","indeterminate","_checkboxNode","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleClick","event","readonly","preventDefault","_handleFormdata","formData","disabled","name","append","type","Boolean","reflect","attribute","render","hideLabel","labelText","title","handleChange","handleClick","labelClasses","labelTextClasses","_t","_","String","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/checkbox/checkbox.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Check box.\n *\n * @element cds-checkbox\n * @fires cds-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n  @query('input')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked, indeterminate } = this._checkboxNode;\n    this.checked = checked;\n    this.indeterminate = indeterminate;\n    const { eventChange } = this.constructor as typeof CDSCheckbox;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          indeterminate,\n        },\n      })\n    );\n  }\n\n  /**\n   * Prevent checkbox state from updating when readonly\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.readonly) {\n      event.preventDefault();\n    }\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { checked, disabled, name, value = 'on' } = this;\n    if (!disabled && checked) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the underlying input should be checked\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'checked' })\n  checked = false;\n\n  /**\n   * Specify if checkbox is being used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the Checkbox should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable. Used for data-table purposes.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\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   * Specify whether the Checkbox is in an indeterminate state\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Provide a label to provide a description of the Checkbox input that you are\n   * exposing to the user\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * Specify whether the Checkbox is read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify a title for the node for the Checkbox\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  render() {\n    const {\n      checked,\n      disabled,\n      hideLabel,\n      indeterminate,\n      labelText,\n      name,\n      readonly,\n      title,\n      value,\n      _handleChange: handleChange,\n      _handleClick: handleClick,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--checkbox-label`]: true,\n    });\n    const labelTextClasses = classMap({\n      [`${prefix}--checkbox-label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"checkbox\"\n        type=\"checkbox\"\n        part=\"input\"\n        class=\"${`${prefix}--checkbox`}\"\n        aria-checked=\"${indeterminate ? 'mixed' : String(Boolean(checked))}\"\n        aria-readonly=\"${String(Boolean(readonly))}\"\n        .checked=\"${checked}\"\n        ?disabled=\"${disabled}\"\n        .indeterminate=\"${indeterminate}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        @change=\"${handleChange}\"\n        @click=\"${handleClick}\" />\n      <label\n        for=\"checkbox\"\n        part=\"label\"\n        class=\"${labelClasses}\"\n        title=\"${ifDefined(title)}\">\n        <span class=\"${labelTextClasses}\"><slot>${labelText}</slot></span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSCheckbox;\n"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","names":["classMap","ifDefined","LitElement","html","property","query","prefix","FocusMixin","FormMixin","WarningFilled16","WarningAltFilled16","styles","carbonElement","customElement","CDSCheckbox","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleChange","checked","indeterminate","_checkboxNode","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleClick","event","readonly","preventDefault","_handleFormdata","formData","disabled","name","append","type","Boolean","reflect","attribute","String","_handleSlotChange","target","hasContent","assignedNodes","filter","elem","matches","undefined","slugItem","_hasSlug","getAttribute","setAttribute","requestUpdate","updated","hasSlug","removeAttribute","render","helperText","hideLabel","invalid","invalidText","labelText","title","warn","warnText","handleChange","handleClick","showWarning","showHelper","helper","_t","_","labelClasses","labelTextClasses","_t2","_t3","_t4","class","_t5","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/checkbox/checkbox.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport styles from './checkbox.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Check box.\n *\n * @element cds-checkbox\n * @fires cds-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n  @query('input')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked, indeterminate } = this._checkboxNode;\n    this.checked = checked;\n    this.indeterminate = indeterminate;\n    const { eventChange } = this.constructor as typeof CDSCheckbox;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          indeterminate,\n        },\n      })\n    );\n  }\n\n  /**\n   * Prevent checkbox state from updating when readonly\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.readonly) {\n      event.preventDefault();\n    }\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { checked, disabled, name, value = 'on' } = this;\n    if (!disabled && checked) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the underlying input should be checked\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'checked' })\n  checked = false;\n\n  /**\n   * Specify if checkbox is being used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the Checkbox should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable. Used for data-table purposes.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\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   * Specify whether the Checkbox is in an indeterminate state\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Provide a label to provide a description of the Checkbox input that you are\n   * exposing to the user\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * Specify whether the Checkbox is read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the Checkbox is currently invalid\n   */\n  @property({ type: Boolean })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the Checkbox is in an invalid state\n   */\n  @property({ type: String, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Specify a title for the node for the Checkbox\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  /**\n   * Specify whether the Checkbox is in a warn state\n   */\n  @property({ type: Boolean })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the Checkbox is in a warn state\n   */\n  @property({ type: String, attribute: 'warn-text' })\n  warnText = 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 CDSCheckbox).slugItem\n            )\n          : false\n      );\n\n    this._hasSlug = Boolean(hasContent);\n    const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n    (hasContent[0] as HTMLElement).setAttribute(\n      'size',\n      type === 'inline' ? 'md' : 'mini'\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is a slug.\n   */\n  protected _hasSlug = false;\n\n  updated() {\n    const { _hasSlug: hasSlug } = this;\n    hasSlug ? this.setAttribute('slug', '') : this.removeAttribute('slug');\n  }\n\n  render() {\n    const {\n      checked,\n      disabled,\n      helperText,\n      hideLabel,\n      indeterminate,\n      invalid,\n      invalidText,\n      labelText,\n      name,\n      readonly,\n      title,\n      value,\n      warn,\n      warnText,\n      _handleChange: handleChange,\n      _handleClick: handleClick,\n    } = this;\n\n    const showWarning = !readonly && !invalid && warn;\n    const showHelper = !invalid && !warn;\n\n    const helper = helperText\n      ? html` <div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const labelClasses = classMap({\n      [`${prefix}--checkbox-label`]: true,\n    });\n    const labelTextClasses = classMap({\n      [`${prefix}--checkbox-label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"checkbox\"\n        type=\"checkbox\"\n        part=\"input\"\n        class=\"${`${prefix}--checkbox`}\"\n        aria-checked=\"${indeterminate ? 'mixed' : String(Boolean(checked))}\"\n        aria-readonly=\"${String(Boolean(readonly))}\"\n        .checked=\"${checked}\"\n        ?disabled=\"${disabled}\"\n        .indeterminate=\"${indeterminate}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        @change=\"${handleChange}\"\n        @click=\"${handleClick}\" />\n      <label\n        for=\"checkbox\"\n        part=\"label\"\n        class=\"${labelClasses}\"\n        title=\"${ifDefined(title)}\">\n        <span class=\"${labelTextClasses}\"\n          >${labelText ? labelText : html`<slot></slot>`}</span\n        >\n      </label>\n      <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <div class=\"${prefix}--checkbox__validation-msg\">\n        ${!readonly && invalid\n          ? html`\n              ${WarningFilled16({\n                class: `${prefix}--checkbox__invalid-icon`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`\n              ${WarningAltFilled16({\n                class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>\n            `\n          : null}\n      </div>\n      ${showHelper ? helper : null}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSCheckbox;\n"],"mappings":"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"}

package/es/components/checkbox/checkbox.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--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-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--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, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--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, #ffffff);--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-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)}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,:host(cds-checkbox){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{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}.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 .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)}.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{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;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 *,.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: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;block-size:.875rem;inline-size:4.6875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=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--number[data-invalid] input[type=number]: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--number[data-invalid] input[type=number]: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--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__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:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 1rem .5rem 2.5rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{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:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0}.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--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-secondary,#525252);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--checkbox-group{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--checkbox-group *,.cds--checkbox-group ::after,.cds--checkbox-group ::before{box-sizing:inherit}.cds--form-item.cds--checkbox-wrapper,:host(cds-checkbox){position:relative;margin-block-end:.375rem}.cds--form-item.cds--checkbox-wrapper:first-of-type{margin-block-start:0}.cds--label+.cds--form-item.cds--checkbox-wrapper,.cds--label+:host(cds-checkbox){margin-block-start:-.125rem}.cds--form-item.cds--checkbox-wrapper:last-of-type{margin-block-end:.1875rem}.cds--checkbox{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap;inset-block-start:1.25rem;inset-inline-start:.7rem}.cds--checkbox-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;cursor:pointer;min-block-size:1.25rem;padding-block-start:.125rem;padding-inline-start:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--checkbox-label html{font-size:100%}.cds--checkbox-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--checkbox-label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-label strong{font-weight:600}.cds--checkbox-label-text{padding-inline-start:.625rem}.cds--checkbox-label::after,.cds--checkbox-label::before{box-sizing:border-box}.cds--checkbox-label::before{position:absolute;border:1px solid var(--cds-icon-primary,#161616);border-radius:2px;background-color:transparent;block-size:1rem;content:\"\";inline-size:1rem;inset-block-start:.125rem;inset-inline-start:0;margin-block:.0625rem .125rem;margin-inline:.1875rem 0}.cds--checkbox-label::after{position:absolute;background:0 0;block-size:.3125rem;border-block-end:1.5px solid var(--cds-icon-inverse,#fff);border-inline-start:1.5px solid var(--cds-icon-inverse,#fff);content:\"\";inline-size:.5625rem;inset-block-start:.40625rem;inset-inline-start:.4375rem;margin-block-start:-.1875rem;transform:scale(0) rotate(45deg);transform-origin:bottom left}.cds--checkbox-label[data-contained-checkbox-state=true]::before,.cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox:indeterminate+.cds--checkbox-label::before{border:none;border-width:1px;background-color:var(--cds-icon-primary,#161616)}.cds--checkbox-label[data-contained-checkbox-state=true]::after,.cds--checkbox:checked+.cds--checkbox-label::after{transform:scale(1) rotate(45deg)}.cds--checkbox:indeterminate+.cds--checkbox-label::after{border-block-end:2px solid var(--cds-icon-inverse,#fff);border-inline-start:0 solid var(--cds-icon-inverse,#fff);inline-size:.5rem;inset-block-start:.6875rem;transform:scale(1) rotate(0)}.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,.cds--checkbox-label__focus::before,.cds--checkbox:checked:focus+.cds--checkbox-label::before,.cds--checkbox:focus+.cds--checkbox-label::before,.cds--checkbox:indeterminate:focus+.cds--checkbox-label::before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--checkbox-label[data-contained-checkbox-disabled=true],.cds--checkbox:disabled+.cds--checkbox-label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--checkbox-label[data-contained-checkbox-disabled=true]::before,.cds--checkbox:disabled+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,.cds--checkbox:checked:disabled+.cds--checkbox-label::before,.cds--checkbox:indeterminate:disabled+.cds--checkbox-label::before{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group[data-invalid] .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-support-error,#da1e28)}.cds--checkbox-group .cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper>.cds--form__helper-text,.cds--checkbox-group :host(cds-checkbox)>.cds--form__helper-text{display:none}.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-primary,#161616)}.cds--checkbox-group__validation-msg,.cds--checkbox__validation-msg{display:none;align-items:flex-start;margin-block-start:.25rem}.cds--checkbox__invalid-icon{margin:.0625rem .1875rem 0 .0625rem;fill:var(--cds-support-error,#da1e28);min-inline-size:1rem}.cds--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg,.cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg{display:flex}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement{display:block;overflow:visible;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--checkbox-group--readonly .cds--checkbox-label,.cds--checkbox-wrapper--readonly .cds--checkbox-label,:host(cds-checkbox[readonly]) .cds--checkbox-label{cursor:default}.cds--checkbox-group--readonly .cds--checkbox-label-text,.cds--checkbox-wrapper--readonly .cds--checkbox-label-text,:host(cds-checkbox[readonly]) .cds--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--checkbox-group--readonly .cds--checkbox+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox+.cds--checkbox-label::before,:host(cds-checkbox[readonly]) .cds--checkbox+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::before,:host(cds-checkbox[readonly]) .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-disabled,rgba(22,22,22,.25));background:0 0}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::after,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::after,:host(cds-checkbox[readonly]) .cds--checkbox:checked+.cds--checkbox-label::after{border-color:var(--cds-text-primary,#161616)}.cds--checkbox-skeleton .cds--checkbox-label{cursor:default}.cds--checkbox-label-text.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:1rem;inline-size:6.25rem;margin-block:.0625rem 0;margin-inline:.375rem 0}.cds--checkbox-label-text.cds--skeleton:active,.cds--checkbox-label-text.cds--skeleton:focus,.cds--checkbox-label-text.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--checkbox-label-text.cds--skeleton::before{position:absolute;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--checkbox-label-text.cds--skeleton::before{animation:none}}.cds--checkbox--inline{position:relative}[dir=rtl] .cds--checkbox-label::after{margin-block-start:0;margin-inline-start:-.0625rem;transform-origin:center}[dir=rtl] .cds--checkbox-label[data-contained-checkbox-state=true]::after,[dir=rtl] .cds--checkbox:checked+.cds--checkbox-label::after{transform:scale(1.2) rotate3d(-.5,1,0,-158deg)}.cds--checkbox-group--slug legend.cds--label,.cds--checkbox-wrapper--slug .cds--checkbox-label-text{display:flex}.cds--checkbox-group--slug legend.cds--label .cds--slug,.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug{margin-inline-start:.5rem}.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}:host(cds-checkbox[data-table]){margin:0}:host(cds-checkbox[data-table][hide-checkbox]){pointer-events:none}:host(cds-checkbox[data-table][hide-checkbox]) .cds--checkbox-label::after,:host(cds-checkbox[data-table][hide-checkbox]) .cds--checkbox-label::before{background-color:transparent;border-color:transparent}:host(cds-checkbox-skeleton) .cds--checkbox-label{cursor:default}",
+  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--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-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--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, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--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, #ffffff);--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-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)}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,:host(cds-checkbox){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{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}.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 .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)}.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{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;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 *,.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: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;block-size:.875rem;inline-size:4.6875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=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--number[data-invalid] input[type=number]: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--number[data-invalid] input[type=number]: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--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__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:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 1rem .5rem 2.5rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{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:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0}.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--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-secondary,#525252);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--checkbox-group{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--checkbox-group *,.cds--checkbox-group ::after,.cds--checkbox-group ::before{box-sizing:inherit}.cds--form-item.cds--checkbox-wrapper,:host(cds-checkbox){position:relative;margin-block-end:.375rem}.cds--form-item.cds--checkbox-wrapper:first-of-type{margin-block-start:0}.cds--label+.cds--form-item.cds--checkbox-wrapper,.cds--label+:host(cds-checkbox){margin-block-start:-.125rem}.cds--form-item.cds--checkbox-wrapper:last-of-type{margin-block-end:.1875rem}.cds--checkbox{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap;inset-block-start:1.25rem;inset-inline-start:.7rem}.cds--checkbox-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;cursor:pointer;min-block-size:1.25rem;padding-block-start:.125rem;padding-inline-start:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--checkbox-label html{font-size:100%}.cds--checkbox-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--checkbox-label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-label strong{font-weight:600}.cds--checkbox-label-text{padding-inline-start:.625rem}.cds--checkbox-label::after,.cds--checkbox-label::before{box-sizing:border-box}.cds--checkbox-label::before{position:absolute;border:1px solid var(--cds-icon-primary,#161616);border-radius:2px;background-color:transparent;block-size:1rem;content:\"\";inline-size:1rem;inset-block-start:.125rem;inset-inline-start:0;margin-block:.0625rem .125rem;margin-inline:.1875rem 0}.cds--checkbox-label::after{position:absolute;background:0 0;block-size:.3125rem;border-block-end:1.5px solid var(--cds-icon-inverse,#fff);border-inline-start:1.5px solid var(--cds-icon-inverse,#fff);content:\"\";inline-size:.5625rem;inset-block-start:.40625rem;inset-inline-start:.4375rem;margin-block-start:-.1875rem;transform:scale(0) rotate(45deg);transform-origin:bottom left}.cds--checkbox-label[data-contained-checkbox-state=true]::before,.cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox:indeterminate+.cds--checkbox-label::before{border:none;border-width:1px;background-color:var(--cds-icon-primary,#161616)}.cds--checkbox-label[data-contained-checkbox-state=true]::after,.cds--checkbox:checked+.cds--checkbox-label::after{transform:scale(1) rotate(45deg)}.cds--checkbox:indeterminate+.cds--checkbox-label::after{border-block-end:2px solid var(--cds-icon-inverse,#fff);border-inline-start:0 solid var(--cds-icon-inverse,#fff);inline-size:.5rem;inset-block-start:.6875rem;transform:scale(1) rotate(0)}.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,.cds--checkbox-label__focus::before,.cds--checkbox:checked:focus+.cds--checkbox-label::before,.cds--checkbox:focus+.cds--checkbox-label::before,.cds--checkbox:indeterminate:focus+.cds--checkbox-label::before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--checkbox-label[data-contained-checkbox-disabled=true],.cds--checkbox:disabled+.cds--checkbox-label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--checkbox-label[data-contained-checkbox-disabled=true]::before,.cds--checkbox:disabled+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,.cds--checkbox:checked:disabled+.cds--checkbox-label::before,.cds--checkbox:indeterminate:disabled+.cds--checkbox-label::before{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group[data-invalid] .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before,:host(cds-checkbox:not([readonly])[invalid]) .cds--checkbox-label::before{border:1px solid var(--cds-support-error,#da1e28)}.cds--checkbox-group .cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper>.cds--form__helper-text,.cds--checkbox-group :host(cds-checkbox)>.cds--form__helper-text,.cds--checkbox-group :host(cds-checkbox:not([readonly]):not([invalid])[warn])>.cds--checkbox__validation-msg,.cds--checkbox-group :host(cds-checkbox:not([readonly])[invalid])>.cds--checkbox__validation-msg{display:none}.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) :host(cds-checkbox:not([readonly])[invalid]) .cds--checkbox-label::before{border:1px solid var(--cds-icon-primary,#161616)}.cds--checkbox-group__validation-msg,.cds--checkbox__validation-msg{display:none;align-items:flex-start;margin-block-start:.25rem}.cds--checkbox__invalid-icon{margin:.0625rem .1875rem 0 .0625rem;fill:var(--cds-support-error,#da1e28);min-inline-size:1rem}.cds--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg,.cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg,:host(cds-checkbox:not([readonly]):not([invalid])[warn])>.cds--checkbox__validation-msg,:host(cds-checkbox:not([readonly])[invalid])>.cds--checkbox__validation-msg{display:flex}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement,:host(cds-checkbox:not([readonly]):not([invalid])[warn]) .cds--checkbox__validation-msg .cds--form-requirement,:host(cds-checkbox:not([readonly])[invalid]) .cds--checkbox__validation-msg .cds--form-requirement{display:block;overflow:visible;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,:host(cds-checkbox:not([readonly])[invalid]) .cds--checkbox__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--checkbox-group--readonly .cds--checkbox-label,.cds--checkbox-wrapper--readonly .cds--checkbox-label,:host(cds-checkbox[readonly]) .cds--checkbox-label{cursor:default}.cds--checkbox-group--readonly .cds--checkbox-label-text,.cds--checkbox-wrapper--readonly .cds--checkbox-label-text,:host(cds-checkbox[readonly]) .cds--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--checkbox-group--readonly .cds--checkbox+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox+.cds--checkbox-label::before,:host(cds-checkbox[readonly]) .cds--checkbox+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::before,:host(cds-checkbox[readonly]) .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-disabled,rgba(22,22,22,.25));background:0 0}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::after,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::after,:host(cds-checkbox[readonly]) .cds--checkbox:checked+.cds--checkbox-label::after{border-color:var(--cds-text-primary,#161616)}.cds--checkbox-skeleton .cds--checkbox-label{cursor:default}.cds--checkbox-label-text.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:1rem;inline-size:6.25rem;margin-block:.0625rem 0;margin-inline:.375rem 0}.cds--checkbox-label-text.cds--skeleton:active,.cds--checkbox-label-text.cds--skeleton:focus,.cds--checkbox-label-text.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--checkbox-label-text.cds--skeleton::before{position:absolute;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--checkbox-label-text.cds--skeleton::before{animation:none}}.cds--checkbox--inline{position:relative}[dir=rtl] .cds--checkbox-label::after{margin-block-start:0;margin-inline-start:-.0625rem;transform-origin:center}[dir=rtl] .cds--checkbox-label[data-contained-checkbox-state=true]::after,[dir=rtl] .cds--checkbox:checked+.cds--checkbox-label::after{transform:scale(1.2) rotate3d(-.5,1,0,-158deg)}.cds--checkbox-group--slug legend.cds--label,.cds--checkbox-wrapper--slug .cds--checkbox-label-text{display:flex}.cds--checkbox-group--slug legend.cds--label .cds--slug,.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug{margin-inline-start:.5rem}.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}:host(cds-checkbox[invalid-group]) .cds--checkbox-label::before{border-color:var(--cds-support-error,#da1e28)}:host(cds-checkbox[data-table]){margin:0}:host(cds-checkbox[data-table][hide-checkbox]){pointer-events:none}:host(cds-checkbox[data-table][hide-checkbox]) .cds--checkbox-label::after,:host(cds-checkbox[data-table][hide-checkbox]) .cds--checkbox-label::before{background-color:transparent;border-color:transparent}:host(cds-checkbox-skeleton) .cds--checkbox-label{cursor:default}:host(cds-checkbox-group){display:flex}:host(cds-checkbox-group) .cds--checkbox-group--slug ::slotted(cds-slug),:host(cds-checkbox[slug]) ::slotted(cds-slug){margin-inline-start:.5rem}:host(cds-checkbox[slug]){flex-direction:row}:host(cds-checkbox[slug]) ::slotted(cds-slug){align-self:center}:host(cds-checkbox[slug]) .cds--checkbox-label-text{display:flex}",
 ]);

package/es/components/checkbox/index.d.ts

@@ -7,6 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import './checkbox';
+import './checkbox-group';
 import './checkbox-skeleton';
 
 //# sourceMappingURL=index.d.ts.map

package/es/components/checkbox/index.js

@@ -8,5 +8,6 @@
  */
 
 import './checkbox';
+import './checkbox-group';
 import './checkbox-skeleton';
 //# sourceMappingURL=index.js.map

package/es/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["components/checkbox/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2022, 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\nimport './checkbox';\nimport './checkbox-skeleton';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,YAAY;AACnB,OAAO,qBAAqB"}
+{"version":3,"file":"index.js","names":[],"sources":["components/checkbox/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2022, 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\nimport './checkbox';\nimport './checkbox-group';\nimport './checkbox-skeleton';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,YAAY;AACnB,OAAO,kBAAkB;AACzB,OAAO,qBAAqB"}