@carbon/web-components 2.0.1 → 2.0.2-rc.0

package/es/components/select/select.js

@@ -55,6 +55,12 @@ let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initia
   return {
     F: CDSSelect,
     d: [{
+      kind: "field",
+      key: "_hasSlug",
+      value() {
+        return false;
+      }
+    }, {
       kind: "field",
       key: "_observerMutation",
       value() {
@@ -75,6 +81,10 @@ let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initia
       kind: "method",
       key: "_handleInput",
       value:
+      /**
+       * `true` if there is a slug.
+       */
+
       /**
        * The mutation observer DOM mutation.
        */
@@ -188,6 +198,21 @@ let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initia
         }
       }
 
+      /**
+       * Handles `slotchange` event.
+       */
+    }, {
+      kind: "method",
+      key: "_handleSlugSlotChange",
+      value: function _handleSlugSlotChange({
+        target
+      }) {
+        const hasContent = target.assignedNodes().filter(elem => elem.matches !== undefined ? elem.matches(this.constructor.slugItem) : false);
+        this._hasSlug = Boolean(hasContent);
+        hasContent[0].setAttribute('size', 'mini');
+        this.requestUpdate();
+      }
+
       /**
        * The count of child `<option>`s.
        * If the placeholder is in effect, it includes the `<option>` for the placeholder.
@@ -539,7 +564,9 @@ let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initia
           warnText,
           value,
           _placeholderItemValue: placeholderItemValue,
-          _handleInput: handleInput
+          _handleInput: handleInput,
+          _handleSlugSlotChange: handleSlugSlotChange,
+          _hasSlug: hasSlug
         } = this;
         const selectClasses = classMap({
           [`${prefix}--select`]: true,
@@ -547,7 +574,8 @@ let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initia
           [`${prefix}--select--invalid`]: invalid,
           [`${prefix}--select--warning`]: warn,
           [`${prefix}--select--disabled`]: disabled,
-          [`${prefix}--select--readonly`]: readonly
+          [`${prefix}--select--readonly`]: readonly,
+          [`${prefix}--select--slug`]: hasSlug
         });
         const inputClasses = classMap({
           [`${prefix}--select-input`]: true,
@@ -582,6 +610,7 @@ let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initia
         ${0}
       </select>
       ${0}
+      <slot name="slug" @slotchange=${0}></slot>
       ${0}
       ${0}
     `), inputClasses, disabled, String(Boolean(readonly)), String(Boolean(invalid)), ifDefined(!invalid ? undefined : 'invalid-text'), handleInput, !placeholder || value ? undefined : html(_t7 || (_t7 = _`
@@ -595,7 +624,7 @@ let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initia
               </option>
             `), prefix, placeholderItemValue, placeholder), this._renderItems(this), ChevronDown16({
           class: `${prefix}--select__arrow`
-        }), !invalid ? undefined : WarningFilled16({
+        }), handleSlugSlotChange, !invalid ? undefined : WarningFilled16({
           class: `${prefix}--select__invalid-icon`
         }), !invalid && warn ? WarningAltFilled16({
           class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`
@@ -644,6 +673,17 @@ let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initia
         return `${prefix}-select-item`;
       }
 
+      /**
+       * A selector that will return the slug item.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "slugItem",
+      value: function slugItem() {
+        return `${prefix}-slug`;
+      }
+
       /**
        * The name of the custom event fired after item is selected.
        */

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["LitElement","html","property","query","classMap","ChevronDown16","WarningFilled16","WarningAltFilled16","prefix","ifDefined","FormMixin","filter","INPUT_SIZE","styles","carbonElement","customElement","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, 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';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\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({ reflect: true })\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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"}
+{"version":3,"file":"select.js","names":["LitElement","html","property","query","classMap","ChevronDown16","WarningFilled16","WarningAltFilled16","prefix","ifDefined","FormMixin","filter","INPUT_SIZE","styles","carbonElement","customElement","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","_handleSlugSlotChange","hasContent","assignedNodes","elem","undefined","slugItem","_hasSlug","Boolean","setAttribute","length","_selectNode","options","type","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","handleSlugSlotChange","hasSlug","selectClasses","inputClasses","labelClasses","helperTextClasses","supplementalText","_t4","errorText","_t5","input","_t6","String","_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, 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';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\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   * `true` if there is a slug.\n   */\n  protected _hasSlug = false;\n\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   * Handles `slotchange` event.\n   */\n  protected _handleSlugSlotChange({ 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 CDSSelect).slugItem\n            )\n          : false\n      );\n\n    this._hasSlug = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\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({ reflect: true })\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      _handleSlugSlotChange: handleSlugSlotChange,\n      _hasSlug: hasSlug,\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      [`${prefix}--select--slug`]: hasSlug,\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      <slot name=\"slug\" @slotchange=${handleSlugSlotChange}></slot>\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   * A selector that will return the slug item.\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\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([
-  ":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)}@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{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset ::after,.cds--fieldset ::before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{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--warning~.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;text-overflow:ellipsis;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{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{padding-left:3.5rem}.cds--select--inline.cds--select--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{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{border:none;cursor:default;outline:0}.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{animation:none}}.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}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 1rem 0 2.25rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{top:50%;transform:translate(.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-left:1px solid var(--cds-border-subtle)}",
+  ":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)}@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{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset ::after,.cds--fieldset ::before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{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--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;flex-direction:column;align-items:flex-start;inline-size:100%}.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;align-items:center;inline-size:100%}.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;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;inline-size:100%;opacity:1;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;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{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select-input--sm{block-size:2rem;max-block-size:2rem}.cds--select-input--lg{block-size:3rem;max-block-size: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-inline-end: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;block-size:100%;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;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;inset-inline-end: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:#000;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{align-self:flex-start;margin-block-start:.8125rem}.cds--select--inline .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label{margin:0 0 0 .5rem;white-space:nowrap}.cds--select--inline .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:auto;padding-inline-end:2rem;padding-inline-start:.5rem}.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{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon{inset-inline-end: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;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:2.5rem;inline-size:100%}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--select.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--select.cds--skeleton::before{animation:none}}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--select--slug .cds--select-input{background-image:linear-gradient(-270deg,var(--cds-ai-gradient-start-01,rgba(242,244,248,.5)) 0,var(--cds-ai-gradient-end,rgba(255,255,255,0)) 33%,transparent 100%),linear-gradient(-270deg,var(--cds-ai-gradient-start-02,rgba(237,245,255,.5)) 0,var(--cds-ai-gradient-end,rgba(255,255,255,0)) 33%,transparent 100%);padding-inline-end:4rem}.cds--select--slug.cds--select--invalid .cds--select-input,.cds--select--slug.cds--select--warning .cds--select-input{padding-inline-end:6rem}.cds--select--slug.cds--select--invalid .cds--slug,.cds--select--slug.cds--select--warning .cds--slug{inset-inline-end:4rem}@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}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 1rem 0 2.25rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{top:50%;transform:translate(.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-left:1px solid var(--cds-border-subtle)}:host(cds-select) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:2.5rem}:host(cds-select) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-select[invalid]) ::slotted(cds-slug),:host(cds-select[warn]) ::slotted(cds-slug){inset-inline-end:4rem}",
 ]);

package/es/components/skeleton-placeholder/skeleton-placeholder.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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--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--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::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--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::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--skeleton__text::before{animation:none}}.cds--skeleton__heading{height:1.5rem}',
+  '@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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;block-size:1rem;inline-size:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--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--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::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--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::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--skeleton__text::before{animation:none}}.cds--skeleton__heading{block-size:1.5rem}',
 ]);

package/es/components/skeleton-placeholder/skeleton-placeholder.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--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--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--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::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--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::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--skeleton__text::before{animation:none}}.cds--skeleton__heading{height:1.5rem}',
+  '@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--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;block-size:1rem;inline-size:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--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--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::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--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::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--skeleton__text::before{animation:none}}.cds--skeleton__heading{block-size:1.5rem}',
 ]);

package/es/components/skeleton-text/skeleton-text.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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--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--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::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--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::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--skeleton__text::before{animation:none}}.cds--skeleton__heading{height:1.5rem}:host(cds-skeleton-text){display:block;width:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-top: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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;block-size:1rem;inline-size:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--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--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::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--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::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--skeleton__text::before{animation:none}}.cds--skeleton__heading{block-size:1.5rem}:host(cds-skeleton-text){display:block;width:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-top:0}',
 ]);

package/es/components/skeleton-text/skeleton-text.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--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--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--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::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--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::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--skeleton__text::before{animation:none}}.cds--skeleton__heading{height:1.5rem}:host(cds-skeleton-text){display:block;width:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-top: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}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;block-size:1rem;inline-size:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--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--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::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--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::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--skeleton__text::before{animation:none}}.cds--skeleton__heading{block-size:1.5rem}:host(cds-skeleton-text){display:block;width:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-top:0}',
 ]);