@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.1

package/es/components/select/select.js

@@ -9,7 +9,11 @@ let _ = t => t,
   _t4,
   _t5,
   _t6,
-  _t7;
+  _t7,
+  _t8,
+  _t9,
+  _t10,
+  _t11;
 /**
  * @license
  *
@@ -24,15 +28,13 @@ import { property, customElement, query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import ChevronDown16 from "../../icons/chevron--down/16";
 import WarningFilled16 from "../../icons/warning--filled/16";
+import WarningAltFilled16 from "../../icons/warning--alt--filled/16";
 import { prefix } from '../../globals/settings';
-import { FORM_ELEMENT_COLOR_SCHEME } from '../../globals/shared-enums';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import FormMixin from '../../globals/mixins/form';
-import ValidityMixin from '../../globals/mixins/validity';
 import { filter } from '../../globals/internal/collection-helpers';
-import { INPUT_SIZE } from '../input/input';
+import { INPUT_SIZE } from '../text-input/text-input';
 import styles from "././select.css.js";
-export { FORM_ELEMENT_COLOR_SCHEME as SELECT_COLOR_SCHEME } from '../../globals/shared-enums';
 
 /**
  * Select box.
@@ -41,16 +43,23 @@ export { FORM_ELEMENT_COLOR_SCHEME as SELECT_COLOR_SCHEME } from '../../globals/
  * @slot helper-text - The helper text.
  * @slot label-text - The label text.
  * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
- */
-let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initialize, _ValidityMixin) {
-  class BXSelect extends _ValidityMixin {
+ */ /**
+     * Select box.
+     *
+     * @element cds-select
+     * @slot helper-text - The helper text.
+     * @slot label-text - The label text.
+     * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
+     */
+let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initialize, _FormMixin) {
+  class CDSSelect extends _FormMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSelect,
+    F: CDSSelect,
     d: [{
       kind: "field",
       key: "_observerMutation",
@@ -228,16 +237,6 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
       value() {
         return false;
       }
-    }, {
-      kind: "field",
-      decorators: [property({
-        attribute: 'color-scheme',
-        reflect: true
-      })],
-      key: "colorScheme",
-      value() {
-        return FORM_ELEMENT_COLOR_SCHEME.REGULAR;
-      }
     }, {
       kind: "field",
       decorators: [property({
@@ -257,6 +256,16 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
       value() {
         return '';
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        attribute: 'hide-label'
+      })],
+      key: "hideLabel",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property()],
@@ -274,6 +283,34 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'invalid-text'
+      })],
+      key: "invalidText",
+      value() {
+        return '';
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "warn",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'warn-text'
+      })],
+      key: "warnText",
+      value() {
+        return '';
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -283,6 +320,16 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
       value() {
         return '';
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "inline",
+      value() {
+        return false;
+      }
     }, {
       kind: "get",
       decorators: [property({
@@ -290,24 +337,36 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
       })],
       key: "multiple",
       value:
-      /**
-       * The color scheme.
-       */
       /**
        * Controls the disabled state of the select
        */
       /**
        * The helper text.
        */
+      /**
+       * Specify whether the label should be hidden, or not
+       */
       /**
        * ID to link the `label` and `select`
        */
       /**
-       * Controls the invalid state and visibility of the `validityMessage`
+       * Specify if the currently value is invalid.
+       */
+      /**
+       * Message which is displayed if the value is invalid.
+       */
+      /**
+       * Specify if the currently value is warn.
+       */
+      /**
+       * Message which is displayed if the value is warn.
        */
       /**
        * The label text.
        */
+      /**
+       * Specify whether you want the inline version of this control
+       */
       /**
        * `true` to enable multiple selection.
        */
@@ -416,16 +475,7 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
       })],
       key: "size",
       value() {
-        return INPUT_SIZE.REGULAR;
-      }
-    }, {
-      kind: "field",
-      decorators: [property({
-        attribute: 'validity-message'
-      })],
-      key: "validityMessage",
-      value() {
-        return '';
+        return INPUT_SIZE.MEDIUM;
       }
     }, {
       kind: "field",
@@ -438,14 +488,11 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
       kind: "method",
       key: "connectedCallback",
       value:
-      /**
-       * The validity message.
-       */
       /**
        * The value of the text area.
        */
       function connectedCallback() {
-        _get(_getPrototypeOf(BXSelect.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSSelect.prototype), "connectedCallback", this).call(this);
         this._observerMutation = new MutationObserver(this._handleMutation);
         this._observerMutation.observe(this, {
           attributes: true,
@@ -461,7 +508,7 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
           this._observerMutation.disconnect();
           this._observerMutation = null;
         }
-        _get(_getPrototypeOf(BXSelect.prototype), "disconnectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSSelect.prototype), "disconnectedCallback", this).call(this);
       }
     }, {
       kind: "method",
@@ -484,15 +531,28 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
         const {
           disabled,
           helperText,
+          hideLabel,
+          inline,
           invalid,
+          invalidText,
           labelText,
           placeholder,
+          readonly,
           size,
-          validityMessage,
+          warn,
+          warnText,
           value,
           _placeholderItemValue: placeholderItemValue,
           _handleInput: handleInput
         } = this;
+        const selectClasses = classMap({
+          [`${prefix}--select`]: true,
+          [`${prefix}--select--inline`]: inline,
+          [`${prefix}--select--invalid`]: invalid,
+          [`${prefix}--select--warning`]: warn,
+          [`${prefix}--select--disabled`]: disabled,
+          [`${prefix}--select--readonly`]: readonly
+        });
         const inputClasses = classMap({
           [`${prefix}--select-input`]: true,
           [`${prefix}--select-input--${size}`]: size
@@ -505,48 +565,65 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
           [`${prefix}--form__helper-text`]: true,
           [`${prefix}--form__helper-text--disabled`]: disabled
         });
-        const supplementalText = !invalid ? html(_t4 || (_t4 = _`
+        const supplementalText = helperText ? html(_t4 || (_t4 = _`
           <div class="${0}">
             <slot name="helper-text"> ${0} </slot>
           </div>
-        `), helperTextClasses, helperText) : html(_t5 || (_t5 = _`
-          <div class="${0}--form-requirement" id="validity-message">
-            <slot name="validity-message"> ${0} </slot>
-          </div>
-        `), prefix, validityMessage);
-        return html(_t6 || (_t6 = _`
-      <label class="${0}" for="input">
-        <slot name="label-text"> ${0} </slot>
-      </label>
-      <div class="${0}--select-input__wrapper" ?data-invalid="${0}">
-        <select
-          id="input"
-          class="${0}"
-          ?disabled="${0}"
-          aria-invalid="${0}"
-          aria-describedby="${0}"
-          @input="${0}">
-          ${0}
-          ${0}
-        </select>
+        `), helperTextClasses, helperText) : null;
+        const errorText = invalid || warn ? html(_t5 || (_t5 = _` <div class="${0}--form-requirement">
+            ${0}
+          </div>`), prefix, invalid ? invalidText : warnText) : null;
+        const input = html(_t6 || (_t6 = _`
+      <select
+        id="input"
+        class="${0}"
+        ?disabled="${0}"
+        aria-readonly="${0}"
+        aria-invalid="${0}"
+        aria-describedby="${0}"
+        @input="${0}">
         ${0}
         ${0}
-      </div>
+      </select>
+      ${0}
       ${0}
-    `), labelClasses, labelText, prefix, invalid, inputClasses, disabled, String(Boolean(invalid)), ifDefined(!invalid ? undefined : 'validity-message'), handleInput, !placeholder || value ? undefined : html(_t7 || (_t7 = _`
-                <option
-                  disabled
-                  hidden
-                  class="${0}--select-option"
-                  value="${0}"
-                  selected>
-                  ${0}
-                </option>
-              `), prefix, placeholderItemValue, placeholder), this._renderItems(this), ChevronDown16({
+      ${0}
+    `), inputClasses, disabled, String(Boolean(readonly)), String(Boolean(invalid)), ifDefined(!invalid ? undefined : 'invalid-text'), handleInput, !placeholder || value ? undefined : html(_t7 || (_t7 = _`
+              <option
+                disabled
+                hidden
+                class="${0}--select-option"
+                value="${0}"
+                selected>
+                ${0}
+              </option>
+            `), prefix, placeholderItemValue, placeholder), this._renderItems(this), ChevronDown16({
           class: `${prefix}--select__arrow`
         }), !invalid ? undefined : WarningFilled16({
           class: `${prefix}--select__invalid-icon`
-        }), supplementalText);
+        }), !invalid && warn ? WarningAltFilled16({
+          class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`
+        }) : null);
+        return html(_t8 || (_t8 = _`
+      <div class="${0}">
+        ${0}
+        ${0}
+        ${0}
+      </div>
+    `), selectClasses, !hideLabel ? html(_t9 || (_t9 = _`<label class="${0}" for="input">
+              <slot name="label-text"> ${0} </slot>
+            </label>`), labelClasses, labelText) : null, inline ? html(_t10 || (_t10 = _`<div class="${0}--select-input--inline__wrapper">
+              <div
+                class="${0}--select-input__wrapper"
+                ?data-invalid="${0}">
+                ${0}
+              </div>
+              ${0}
+            </div>`), prefix, prefix, invalid, input, errorText) : html(_t11 || (_t11 = _`<div
+              class="${0}--select-input__wrapper"
+              ?data-invalid="${0}">
+              ${0}
+            </div> `), prefix, invalid, input), !inline && errorText ? errorText : supplementalText);
       }
 
       /**
@@ -599,6 +676,6 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
       }
     }]
   };
-}, ValidityMixin(FormMixin(LitElement)));
-export default BXSelect;
+}, FormMixin(LitElement));
+export default CDSSelect;
 //# sourceMappingURL=select.js.map

package/es/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["LitElement","html","property","customElement","query","classMap","ChevronDown16","WarningFilled16","prefix","FORM_ELEMENT_COLOR_SCHEME","ifDefined","FormMixin","ValidityMixin","filter","INPUT_SIZE","styles","SELECT_COLOR_SCHEME","BXSelect","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","key","value","Math","random","toString","slice","decorators","_handleInput","target","eventSelect","dispatchEvent","CustomEvent","bubbles","composed","detail","requestUpdate","_renderItems","element","selectorItem","selectorLeafItem","_t","_","childNodes","item","nodeType","Node","ELEMENT_NODE","matches","map","disabled","hasAttribute","label","getAttribute","selected","textContent","_t2","_t3","_handleFormdata","event","formData","name","append","length","_selectNode","options","type","Boolean","attribute","reflect","REGULAR","multiple","Number","selectedIndex","connectedCallback","_get","_getPrototypeOf","prototype","call","_observerMutation","MutationObserver","_handleMutation","observe","attributes","childList","subtree","disconnectedCallback","disconnect","updated","changedProperties","has","_placeholderItemValue","placeholderItemValue","render","helperText","invalid","labelText","placeholder","size","validityMessage","handleInput","inputClasses","labelClasses","helperTextClasses","supplementalText","_t4","_t5","_t6","String","undefined","_t7","class","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/select/select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { FORM_ELEMENT_COLOR_SCHEME } from '../../globals/shared-enums';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './select.scss';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as SELECT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Select box.\n *\n * @element cds-select\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-select`)\nclass BXSelect extends ValidityMixin(FormMixin(LitElement)) {\n  /**\n   * The mutation observer DOM mutation.\n   */\n  private _observerMutation: MutationObserver | null = null;\n\n  /**\n   * The `value` for placeholder `<option>`.\n   */\n  private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n    .toString(36)\n    .slice(2)}`;\n\n  /**\n   * The select box.\n   */\n  @query('select')\n  private _selectNode!: HTMLSelectElement;\n\n  /**\n   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof BXSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n   * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n   * with `._renderItems()`.\n   * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n   * notably the disabled ones.\n   */\n  private _handleMutation = () => {\n    this.requestUpdate();\n  };\n\n  /**\n   * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n   * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n   */\n  private _renderItems(element: BXSelect | HTMLOptGroupElement) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof BXSelect;\n    // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n    // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n    // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n    return html`\n      ${filter(\n        element.childNodes,\n        (item) =>\n          item.nodeType === Node.ELEMENT_NODE &&\n          (item as Element).matches(selectorItem)\n      ).map((item) => {\n        const disabled = item.hasAttribute('disabled');\n        const label = item.getAttribute('label');\n        const selected = item.hasAttribute('selected');\n        const value = item.getAttribute('value');\n        const { textContent } = item;\n        return item.matches(selectorLeafItem)\n          ? html`\n              <option\n                class=\"${prefix}--select-option\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifDefined(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifDefined(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifDefined(label)}\">\n                ${this._renderItems(item)}\n              </optgroup>\n            `;\n      })}\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 { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The count of child `<option>`s.\n   * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n   */\n  get length() {\n    return this._selectNode.length;\n  }\n\n  /**\n   * The child `<option>`s.\n   */\n  get options() {\n    return this._selectNode.options;\n  }\n\n  /**\n   * This form control's type.\n   */\n  get type() {\n    return this._selectNode.type;\n  }\n\n  /**\n   * Sets the select to be focussed automatically on page load. Defaults to false\n   */\n  @property({ type: Boolean })\n  autofocus = false;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = FORM_ELEMENT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * Controls the disabled state of the select\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * ID to link the `label` and `select`\n   */\n  @property()\n  id = '';\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * `true` to enable multiple selection.\n   */\n  @property({ type: Boolean })\n  // eslint-disable-next-line class-methods-use-this\n  get multiple() {\n    return false;\n  }\n\n  /**\n   * Name for the select in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * Pattern to validate the select against for HTML validity checking\n   */\n  @property()\n  pattern = '';\n\n  /**\n   * Value to display when the select has an empty `value`\n   */\n  @property({ reflect: true })\n  placeholder = '';\n\n  /**\n   * Controls the readonly state of the select\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Boolean property to set the required status\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * The selected index.\n   */\n  @property({ type: Number })\n  get selectedIndex() {\n    return this._selectNode.selectedIndex;\n  }\n\n  set selectedIndex(value) {\n    this._selectNode.selectedIndex = value;\n    this.value = this._selectNode.value;\n  }\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the text area.\n   */\n  @property()\n  value = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._observerMutation = new MutationObserver(this._handleMutation);\n    this._observerMutation.observe(this, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._observerMutation) {\n      this._observerMutation.disconnect();\n      this._observerMutation = null;\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('value')) {\n      const { value, _placeholderItemValue: placeholderItemValue } = this;\n      // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n      // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n      this._selectNode.value = !value ? placeholderItemValue : value;\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      placeholder,\n      size,\n      validityMessage,\n      value,\n      _placeholderItemValue: placeholderItemValue,\n      _handleInput: handleInput,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = !invalid\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--form-requirement\" id=\"validity-message\">\n            <slot name=\"validity-message\"> ${validityMessage} </slot>\n          </div>\n        `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${labelText} </slot>\n      </label>\n      <div class=\"${prefix}--select-input__wrapper\" ?data-invalid=\"${invalid}\">\n        <select\n          id=\"input\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          aria-invalid=\"${String(Boolean(invalid))}\"\n          aria-describedby=\"${ifDefined(\n            !invalid ? undefined : 'validity-message'\n          )}\"\n          @input=\"${handleInput}\">\n          ${!placeholder || value\n            ? undefined\n            : html`\n                <option\n                  disabled\n                  hidden\n                  class=\"${prefix}--select-option\"\n                  value=\"${placeholderItemValue}\"\n                  selected>\n                  ${placeholder}\n                </option>\n              `}\n          ${this._renderItems(this)}\n        </select>\n        ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n        ${!invalid\n          ? undefined\n          : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n      </div>\n      ${supplementalText}\n    `;\n  }\n\n  /**\n   * A selector selecting child pseudo `<optgroup>`/`<option>`.\n   */\n  static get selectorItem() {\n    return `${prefix}-select-item-group,${prefix}-select-item`;\n  }\n\n  /**\n   * A selector selecting child pseudo `<option>`.\n   */\n  static get selectorLeafItem() {\n    return `${prefix}-select-item`;\n  }\n\n  /**\n   * The name of the custom event fired after item is selected.\n   */\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\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 BXSelect;\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["LitElement","html","property","customElement","query","classMap","ChevronDown16","WarningFilled16","WarningAltFilled16","prefix","ifDefined","FormMixin","filter","INPUT_SIZE","styles","CDSSelect","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","key","value","Math","random","toString","slice","decorators","_handleInput","target","eventSelect","dispatchEvent","CustomEvent","bubbles","composed","detail","requestUpdate","_renderItems","element","selectorItem","selectorLeafItem","_t","_","childNodes","item","nodeType","Node","ELEMENT_NODE","matches","map","disabled","hasAttribute","label","getAttribute","selected","textContent","_t2","_t3","_handleFormdata","event","formData","name","append","length","_selectNode","options","type","Boolean","reflect","attribute","multiple","Number","selectedIndex","MEDIUM","connectedCallback","_get","_getPrototypeOf","prototype","call","_observerMutation","MutationObserver","_handleMutation","observe","attributes","childList","subtree","disconnectedCallback","disconnect","updated","changedProperties","has","_placeholderItemValue","placeholderItemValue","render","helperText","hideLabel","inline","invalid","invalidText","labelText","placeholder","readonly","size","warn","warnText","handleInput","selectClasses","inputClasses","labelClasses","helperTextClasses","supplementalText","_t4","errorText","_t5","input","_t6","String","undefined","_t7","class","_t8","_t9","_t10","_t11","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/select/select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './select.scss';\n\n/**\n * Select box.\n *\n * @element cds-select\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n  /**\n   * The mutation observer DOM mutation.\n   */\n  private _observerMutation: MutationObserver | null = null;\n\n  /**\n   * The `value` for placeholder `<option>`.\n   */\n  private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n    .toString(36)\n    .slice(2)}`;\n\n  /**\n   * The select box.\n   */\n  @query('select')\n  private _selectNode!: HTMLSelectElement;\n\n  /**\n   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof CDSSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n   * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n   * with `._renderItems()`.\n   * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n   * notably the disabled ones.\n   */\n  private _handleMutation = () => {\n    this.requestUpdate();\n  };\n\n  /**\n   * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n   * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n   */\n  private _renderItems(element: CDSSelect | HTMLOptGroupElement) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof CDSSelect;\n    // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n    // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n    // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n    return html`\n      ${filter(\n        element.childNodes,\n        (item) =>\n          item.nodeType === Node.ELEMENT_NODE &&\n          (item as Element).matches(selectorItem)\n      ).map((item) => {\n        const disabled = item.hasAttribute('disabled');\n        const label = item.getAttribute('label');\n        const selected = item.hasAttribute('selected');\n        const value = item.getAttribute('value');\n        const { textContent } = item;\n        return item.matches(selectorLeafItem)\n          ? html`\n              <option\n                class=\"${prefix}--select-option\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifDefined(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifDefined(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifDefined(label)}\">\n                ${this._renderItems(item)}\n              </optgroup>\n            `;\n      })}\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 { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The count of child `<option>`s.\n   * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n   */\n  get length() {\n    return this._selectNode.length;\n  }\n\n  /**\n   * The child `<option>`s.\n   */\n  get options() {\n    return this._selectNode.options;\n  }\n\n  /**\n   * This form control's type.\n   */\n  get type() {\n    return this._selectNode.type;\n  }\n\n  /**\n   * Sets the select to be focussed automatically on page load. Defaults to false\n   */\n  @property({ type: Boolean })\n  autofocus = false;\n\n  /**\n   * Controls the disabled state of the select\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * ID to link the `label` and `select`\n   */\n  @property()\n  id = '';\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Specify if the currently value is warn.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Message which is displayed if the value is warn.\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * Specify whether you want the inline version of this control\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * `true` to enable multiple selection.\n   */\n  @property({ type: Boolean })\n  // eslint-disable-next-line class-methods-use-this\n  get multiple() {\n    return false;\n  }\n\n  /**\n   * Name for the select in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * Pattern to validate the select against for HTML validity checking\n   */\n  @property()\n  pattern = '';\n\n  /**\n   * Value to display when the select has an empty `value`\n   */\n  @property({ reflect: true })\n  placeholder = '';\n\n  /**\n   * Controls the readonly state of the select\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Boolean property to set the required status\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * The selected index.\n   */\n  @property({ type: Number })\n  get selectedIndex() {\n    return this._selectNode.selectedIndex;\n  }\n\n  set selectedIndex(value) {\n    this._selectNode.selectedIndex = value;\n    this.value = this._selectNode.value;\n  }\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * The value of the text area.\n   */\n  @property()\n  value = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._observerMutation = new MutationObserver(this._handleMutation);\n    this._observerMutation.observe(this, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._observerMutation) {\n      this._observerMutation.disconnect();\n      this._observerMutation = null;\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('value')) {\n      const { value, _placeholderItemValue: placeholderItemValue } = this;\n      // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n      // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n      this._selectNode.value = !value ? placeholderItemValue : value;\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      hideLabel,\n      inline,\n      invalid,\n      invalidText,\n      labelText,\n      placeholder,\n      readonly,\n      size,\n      warn,\n      warnText,\n      value,\n      _placeholderItemValue: placeholderItemValue,\n      _handleInput: handleInput,\n    } = this;\n\n    const selectClasses = classMap({\n      [`${prefix}--select`]: true,\n      [`${prefix}--select--inline`]: inline,\n      [`${prefix}--select--invalid`]: invalid,\n      [`${prefix}--select--warning`]: warn,\n      [`${prefix}--select--disabled`]: disabled,\n      [`${prefix}--select--readonly`]: readonly,\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = helperText\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : null;\n\n    const errorText =\n      invalid || warn\n        ? html` <div class=\"${prefix}--form-requirement\">\n            ${invalid ? invalidText : warnText}\n          </div>`\n        : null;\n\n    const input = html`\n      <select\n        id=\"input\"\n        class=\"${inputClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${String(Boolean(readonly))}\"\n        aria-invalid=\"${String(Boolean(invalid))}\"\n        aria-describedby=\"${ifDefined(!invalid ? undefined : 'invalid-text')}\"\n        @input=\"${handleInput}\">\n        ${!placeholder || value\n          ? undefined\n          : html`\n              <option\n                disabled\n                hidden\n                class=\"${prefix}--select-option\"\n                value=\"${placeholderItemValue}\"\n                selected>\n                ${placeholder}\n              </option>\n            `}\n        ${this._renderItems(this)}\n      </select>\n      ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n      ${!invalid\n        ? undefined\n        : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n      ${!invalid && warn\n        ? WarningAltFilled16({\n            class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n          })\n        : null}\n    `;\n\n    return html`\n      <div class=\"${selectClasses}\">\n        ${!hideLabel\n          ? html`<label class=\"${labelClasses}\" for=\"input\">\n              <slot name=\"label-text\"> ${labelText} </slot>\n            </label>`\n          : null}\n        ${inline\n          ? html`<div class=\"${prefix}--select-input--inline__wrapper\">\n              <div\n                class=\"${prefix}--select-input__wrapper\"\n                ?data-invalid=\"${invalid}\">\n                ${input}\n              </div>\n              ${errorText}\n            </div>`\n          : html`<div\n              class=\"${prefix}--select-input__wrapper\"\n              ?data-invalid=\"${invalid}\">\n              ${input}\n            </div> `}\n        ${!inline && errorText ? errorText : supplementalText}\n      </div>\n    `;\n  }\n\n  /**\n   * A selector selecting child pseudo `<optgroup>`/`<option>`.\n   */\n  static get selectorItem() {\n    return `${prefix}-select-item-group,${prefix}-select-item`;\n  }\n\n  /**\n   * A selector selecting child pseudo `<option>`.\n   */\n  static get selectorLeafItem() {\n    return `${prefix}-select-item`;\n  }\n\n  /**\n   * The name of the custom event fired after item is selected.\n   */\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\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 CDSSelect;\n"],"mappings":"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"}

package/es/components/select/select.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}}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 html{font-size:100%}.cds--fieldset 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--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.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{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;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;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-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;right:.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;width: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{top:.2rem;right:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.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;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";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[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.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):not([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;max-height:0;margin:.25rem 0 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-top: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;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);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--select,:host(cds-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}.cds--select *,.cds--select ::after,.cds--select ::before,:host(cds-select) *,:host(cds-select) ::after,:host(cds-select) ::before{box-sizing:inherit}.cds--select-input__wrapper{position:relative;display:flex;width:100%;align-items:center}.cds--select-input{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);outline:2px solid transparent;outline-offset:-2px;display:block;width:100%;height:2.5rem;padding:0 1rem 0 3rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;opacity:1;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;color:var(--cds-text-primary,#161616)}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:disabled,.cds--select-input:hover:disabled{border-bottom-color:transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select-input--sm{height:2rem;max-height:2rem}.cds--select-input--lg{height:3rem;max-height:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input{padding-left:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select--light .cds--select-input,:host(cds-select[color-scheme=light]) .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover,:host(cds-select[color-scheme=light]) .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled,:host(cds-select[color-scheme=light]) .cds--select-input:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select__arrow{position:absolute;top:0;left:1rem;height:100%;fill:var(--cds-icon-primary,#161616);pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{position:absolute;left:2.5rem}.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:var(--cds-icon-primary,#161616);opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--inline{display:flex;flex-direction:row;align-items:center}.cds--select--inline.cds--select--invalid .cds--form__helper-text,.cds--select--inline.cds--select--invalid .cds--label,:host(cds-select.cds--select--inline[invalid]) .cds--form__helper-text,:host(cds-select.cds--select--inline[invalid]) .cds--label{align-self:flex-start;margin-top:.8125rem}.cds--select--inline .cds--form__helper-text{margin-bottom:0;margin-right:.5rem}.cds--select--inline .cds--label{margin:0 0 0 .5rem;white-space:nowrap}.cds--select--inline .cds--select-input{width:auto;padding-left:2rem;padding-right:.5rem;border-bottom:none;background-color:transparent;color:var(--cds-text-primary,#161616)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover{background-color:var(--cds-field)}.cds--select--inline .cds--select__arrow{left:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(cds-select.cds--select--inline[invalid]) .cds--select-input{padding-left:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,:host(cds-select.cds--select--inline[invalid]) .cds--select-input~.cds--select__invalid-icon{left:2rem}.cds--select--inline .cds--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select.cds--skeleton,:host(cds-select.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:2.5rem}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover,:host(cds-select.cds--skeleton:active),:host(cds-select.cds--skeleton:focus),:host(cds-select.cds--skeleton:hover){border:none;cursor:default;outline:0}.cds--select.cds--skeleton::before,:host(cds-select.cds--skeleton)::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton::before,:host(cds-select.cds--skeleton)::before{animation:none}}.cds--select.cds--skeleton .cds--select-input,:host(cds-select.cds--skeleton) .cds--select-input{display:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--select__arrow{fill:ButtonText}}:host(cds-select){outline:0}",
+  "@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}}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 html{font-size:100%}.cds--fieldset 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--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.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{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;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;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-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;right:.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;width: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{top:.2rem;right:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.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;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";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[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.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):not([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;max-height:0;margin:.25rem 0 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-top: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;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);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--select,:host(cds-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}.cds--select *,.cds--select ::after,.cds--select ::before,:host(cds-select) *,:host(cds-select) ::after,:host(cds-select) ::before{box-sizing:inherit}.cds--select-input__wrapper{position:relative;display:flex;width:100%;align-items:center}.cds--select-input{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);outline:2px solid transparent;outline-offset:-2px;display:block;width:100%;height:2.5rem;padding:0 1rem 0 3rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;opacity:1;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;color:var(--cds-text-primary,#161616)}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:disabled,.cds--select-input:hover:disabled{border-bottom-color:transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select-input--sm{height:2rem;max-height:2rem}.cds--select-input--lg{height:3rem;max-height:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input{padding-left:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select__arrow{position:absolute;top:0;left:1rem;height:100%;fill:var(--cds-icon-primary,#161616);pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{position:absolute;left:2.5rem}.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:var(--cds-icon-primary,#161616);opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--inline{display:flex;flex-direction:row;align-items:center}.cds--select--inline.cds--select--invalid .cds--form__helper-text,.cds--select--inline.cds--select--invalid .cds--label,:host(cds-select.cds--select--inline[invalid]) .cds--form__helper-text,:host(cds-select.cds--select--inline[invalid]) .cds--label{align-self:flex-start;margin-top:.8125rem}.cds--select--inline .cds--form__helper-text{margin-bottom:0;margin-right:.5rem}.cds--select--inline .cds--label{margin:0 0 0 .5rem;white-space:nowrap}.cds--select--inline .cds--select-input{width:auto;padding-left:2rem;padding-right:.5rem;border-bottom:none;background-color:transparent;color:var(--cds-text-primary,#161616)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover{background-color:var(--cds-field)}.cds--select--inline .cds--select__arrow{left:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(cds-select.cds--select--inline[invalid]) .cds--select-input{padding-left:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,:host(cds-select.cds--select--inline[invalid]) .cds--select-input~.cds--select__invalid-icon{left:2rem}.cds--select--inline .cds--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{border-bottom-color:var(--cds-border-subtle);background-color:transparent;cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select.cds--skeleton,:host(cds-select.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:2.5rem}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover,:host(cds-select.cds--skeleton:active),:host(cds-select.cds--skeleton:focus),:host(cds-select.cds--skeleton:hover){border:none;cursor:default;outline:0}.cds--select.cds--skeleton::before,:host(cds-select.cds--skeleton)::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton::before,:host(cds-select.cds--skeleton)::before{animation:none}}.cds--select.cds--skeleton .cds--select-input,:host(cds-select.cds--skeleton) .cds--select-input{display:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--select__arrow{fill:ButtonText}}:host(cds-select){outline:0}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[inline][warn]) .cds--form__helper-text,:host(cds-select[inline][warn]) .cds--label{align-self:flex-start;margin-top:.8125rem}:host(cds-select[inline][warn]) select{padding-left:3.5rem}:host(cds-select[inline][warn]) .cds--select__invalid-icon--warning{left:2rem}",
 ]);

package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts

@@ -12,10 +12,10 @@ import { LitElement } from 'lit';
  *
  * @element cds-skeleton-placeholder
  */
-declare class BXSkeletonPlaceholder extends LitElement {
+declare class CDSSkeletonPlaceholder extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXSkeletonPlaceholder;
+export default CDSSkeletonPlaceholder;
 
 //# sourceMappingURL=skeleton-placeholder.d.ts.map

package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/skeleton-placeholder/skeleton-placeholder.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"skeleton-placeholder.d.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\n\n/**\n * Skeleton placeholder.\n *\n * @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass BXSkeletonPlaceholder extends LitElement {\n  render() {\n    return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSkeletonPlaceholder;\n"]}
+{"version":3,"sources":["components/skeleton-placeholder/skeleton-placeholder.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"skeleton-placeholder.d.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\n\n/**\n * Skeleton placeholder.\n *\n * @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass CDSSkeletonPlaceholder extends LitElement {\n  render() {\n    return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSkeletonPlaceholder;\n"]}

package/es/components/skeleton-placeholder/skeleton-placeholder.js

@@ -24,15 +24,15 @@ import styles from "././skeleton-placeholder.css.js";
      *
      * @element cds-skeleton-placeholder
      */
-let BXSkeletonPlaceholder = _decorate([customElement(`${prefix}-skeleton-placeholder`)], function (_initialize, _LitElement) {
-  class BXSkeletonPlaceholder extends _LitElement {
+let CDSSkeletonPlaceholder = _decorate([customElement(`${prefix}-skeleton-placeholder`)], function (_initialize, _LitElement) {
+  class CDSSkeletonPlaceholder extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSkeletonPlaceholder,
+    F: CDSSkeletonPlaceholder,
     d: [{
       kind: "method",
       key: "render",
@@ -49,5 +49,5 @@ let BXSkeletonPlaceholder = _decorate([customElement(`${prefix}-skeleton-placeho
     }]
   };
 }, LitElement);
-export default BXSkeletonPlaceholder;
+export default CDSSkeletonPlaceholder;
 //# sourceMappingURL=skeleton-placeholder.js.map

package/es/components/skeleton-placeholder/skeleton-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-placeholder.js","names":["LitElement","html","customElement","prefix","styles","BXSkeletonPlaceholder","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/skeleton-placeholder/skeleton-placeholder.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\n\n/**\n * Skeleton placeholder.\n *\n * @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass BXSkeletonPlaceholder extends LitElement {\n  render() {\n    return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSkeletonPlaceholder;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,iCAA6B;;AAEhD;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,qBAAqB,GAAAC,SAAA,EAD1BJ,aAAa,CAAE,GAAEC,MAAO,uBAAsB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAhD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAM/C;EAAC;IAAAI,CAAA,EANKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACzB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC,gBAAa,CAAS,kCAAgC,GAAvCf,MAAM;MACnC;IAAC;MAAAU,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GALYJ,UAAU;AAQ9C,eAAeK,qBAAqB"}
+{"version":3,"file":"skeleton-placeholder.js","names":["LitElement","html","customElement","prefix","styles","CDSSkeletonPlaceholder","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/skeleton-placeholder/skeleton-placeholder.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\n\n/**\n * Skeleton placeholder.\n *\n * @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass CDSSkeletonPlaceholder extends LitElement {\n  render() {\n    return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSkeletonPlaceholder;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,iCAA6B;;AAEhD;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,sBAAsB,GAAAC,SAAA,EAD3BJ,aAAa,CAAE,GAAEC,MAAO,uBAAsB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAhD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMhD;EAAC;IAAAI,CAAA,EANKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC1B,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC,gBAAa,CAAS,kCAAgC,GAAvCf,MAAM;MACnC;IAAC;MAAAU,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GALaJ,UAAU;AAQ/C,eAAeK,sBAAsB"}