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

package/es/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["LitElement","html","property","customElement","query","classMap","prefix","View16","ViewOff16","WarningFilled16","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","ifNonEmpty","FormMixin","ValidityMixin","INPUT_COLOR_SCHEME","INPUT_SIZE","INPUT_TYPE","styles","BXInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","_handleInput","target","_handleFormdata","event","formData","disabled","name","append","type","Boolean","attribute","reflect","REGULAR","CENTER","BOTTOM","TEXT","_input","_value","oldValue","requestUpdate","handleTogglePasswordVisibility","PASSWORD","render","handleInput","invalidIcon","class","inputClasses","colorScheme","invalid","size","labelClasses","helperTextClasses","passwordIsVisible","passwordVisibilityIcon","passwordVisibilityToggleClasses","tooltipDirection","tooltipAlignment","passwordButtonLabel","_t","_","hidePasswordLabel","showPasswordLabel","passwordVisibilityButton","_t2","_t3","labelText","autocomplete","autofocus","pattern","placeholder","readonly","required","showPasswordVisibilityToggle","helperText","validityMessage","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/input/input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport View16 from '@carbon/icons/lib/view/16';\nimport ViewOff16 from '@carbon/icons/lib/view--off/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE } from './defs';\nimport styles from './input.scss';\n\nexport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE };\n\n/**\n * Input element. Supports all the usual attributes for textual input types\n *\n * @element cds-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-input`)\nclass BXInput extends ValidityMixin(FormMixin(LitElement)) {\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  /**\n   * The internal value.\n   */\n  protected _value = '';\n\n  /**\n   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   */\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLInputElement).value;\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   * May be any of the standard HTML autocomplete options\n   */\n  @property()\n  autocomplete = '';\n\n  /**\n   * Sets the input to be focussed automatically on page load. Defaults to false\n   */\n  @property({ type: Boolean })\n  autofocus = false;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * Controls the disabled state of the input\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   * Controls the invalid state and visibility of the `validityMessage`\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * Pattern to validate the input against for HTML validity checking\n   */\n  @property()\n  pattern = '';\n\n  /**\n   * Value to display when the input has an empty `value`\n   */\n  @property({ reflect: true })\n  placeholder = '';\n\n  /**\n   * Controls the readonly state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Boolean property to set the required status\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * \"Hide password\" tooltip text on password visibility toggle\n   */\n  @property()\n  hidePasswordLabel = 'Hide password';\n\n  /**\n   * \"Show password\" tooltip text on password visibility toggle\n   */\n  @property()\n  showPasswordLabel = 'Show password';\n\n  /**\n   * Boolean property to render password visibility toggle\n   */\n  @property({\n    type: Boolean,\n    attribute: 'show-password-visibility-toggle',\n    reflect: true,\n  })\n  showPasswordVisibilityToggle = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * Specify the alignment of the tooltip to the icon-only button.\n   * Can be one of: start, center, or end.\n   */\n  @property()\n  tooltipAlignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * Specify the direction of the tooltip for icon-only buttons.\n   * Can be either top, right, bottom, or left.\n   */\n  @property()\n  tooltipDirection = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * The type of the input. Can be one of the types listed in the INPUT_TYPE enum\n   */\n  @property({ reflect: true })\n  type = INPUT_TYPE.TEXT;\n\n  /**\n   * The validity message. If present and non-empty, this input shows the UI of its invalid state.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the input.\n   */\n  @property({ reflect: true })\n  get value() {\n    // FIXME: Figure out how to deal with TS2611\n    // once we have the input we can directly query for the value\n    if (this._input) {\n      return this._input.value;\n    }\n    // but before then _value will work fine\n    return this._value;\n  }\n\n  set value(value) {\n    const oldValue = this._value;\n    this._value = value;\n    // make sure that lit-element updates the right properties\n    this.requestUpdate('value', oldValue);\n    // we set the value directly on the input (when available)\n    // so that programatic manipulation updates the UI correctly\n    if (this._input) {\n      this._input.value = value;\n    }\n  }\n\n  /**\n   * Handles password visibility toggle button click\n   */\n  private handleTogglePasswordVisibility() {\n    this.type =\n      this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n  }\n\n  render() {\n    const { _handleInput: handleInput } = this;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--text-input__invalid-icon`,\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--${this.colorScheme}`]: this.colorScheme,\n      [`${prefix}--text-input--invalid`]: this.invalid,\n      [`${prefix}--text-input--${this.size}`]: this.size,\n      [`${prefix}--password-input`]: this.type === INPUT_TYPE.PASSWORD,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: this.disabled,\n    });\n\n    const passwordIsVisible = this.type !== INPUT_TYPE.PASSWORD;\n    const passwordVisibilityIcon = passwordIsVisible\n      ? ViewOff16({ class: `${prefix}--icon-visibility-off` })\n      : View16({ class: `${prefix}--icon-visibility-on` });\n\n    const passwordVisibilityToggleClasses = classMap({\n      [`${prefix}--text-input--password__visibility__toggle`]: true,\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--icon-only`]: true,\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--btn--disabled`]: this.disabled,\n      [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n      [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n        this.tooltipAlignment,\n    });\n\n    const passwordButtonLabel = html`\n      <span class=\"${prefix}--assistive-text\">\n        ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}\n      </span>\n    `;\n\n    const passwordVisibilityButton = () => html`\n      <button\n        type=\"button\"\n        class=\"${passwordVisibilityToggleClasses}\"\n        ?disabled=\"${this.disabled}\"\n        @click=\"${this.handleTogglePasswordVisibility}\">\n        ${!this.disabled && passwordButtonLabel} ${passwordVisibilityIcon}\n      </button>\n    `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${this.labelText} </slot>\n      </label>\n      <div\n        class=\"${prefix}--text-input__field-wrapper\"\n        ?data-invalid=\"${this.invalid}\">\n        ${this.invalid ? invalidIcon : null}\n        <input\n          ?autocomplete=\"${this.autocomplete}\"\n          ?autofocus=\"${this.autofocus}\"\n          class=\"${inputClasses}\"\n          ?data-invalid=\"${this.invalid}\"\n          ?disabled=\"${this.disabled}\"\n          aria-describedby=\"helper-text\"\n          id=\"input\"\n          name=\"${ifNonEmpty(this.name)}\"\n          pattern=\"${ifNonEmpty(this.pattern)}\"\n          placeholder=\"${ifNonEmpty(this.placeholder)}\"\n          ?readonly=\"${this.readonly}\"\n          ?required=\"${this.required}\"\n          type=\"${ifNonEmpty(this.type)}\"\n          .value=\"${this._value}\"\n          @input=\"${handleInput}\" />\n        ${this.showPasswordVisibilityToggle &&\n        (this.type === INPUT_TYPE.PASSWORD || this.type === INPUT_TYPE.TEXT)\n          ? passwordVisibilityButton()\n          : null}\n      </div>\n      <div class=\"${helperTextClasses}\" id=\"helper-text\">\n        <slot name=\"helper-text\"> ${this.helperText} </slot>\n      </div>\n      <div class=\"${prefix}--form-requirement\">\n        <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n      </div>\n    `;\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 BXInput;\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["LitElement","html","property","customElement","query","classMap","prefix","View16","ViewOff16","WarningFilled16","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","ifNonEmpty","FormMixin","ValidityMixin","INPUT_COLOR_SCHEME","INPUT_SIZE","INPUT_TYPE","styles","CDSInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","_handleInput","target","_handleFormdata","event","formData","disabled","name","append","type","Boolean","attribute","reflect","REGULAR","Number","MEDIUM","CENTER","BOTTOM","TEXT","_input","_value","oldValue","requestUpdate","handleTogglePasswordVisibility","PASSWORD","render","handleInput","invalidIcon","class","inputClasses","colorScheme","invalid","size","labelClasses","helperTextClasses","passwordIsVisible","passwordVisibilityIcon","passwordVisibilityToggleClasses","tooltipDirection","tooltipAlignment","passwordButtonLabel","_t","_","hidePasswordLabel","showPasswordLabel","passwordVisibilityButton","_t2","_t3","label","autocomplete","autofocus","pattern","placeholder","readonly","required","showPasswordVisibilityToggle","helperText","validityMessage","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/input/input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport View16 from '@carbon/icons/lib/view/16';\nimport ViewOff16 from '@carbon/icons/lib/view--off/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE } from './defs';\nimport styles from './input.scss';\n\nexport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE };\n\n/**\n * Input element. Supports all the usual attributes for textual input types\n *\n * @element cds-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-input`)\nclass CDSInput extends ValidityMixin(FormMixin(LitElement)) {\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  /**\n   * The internal value.\n   */\n  protected _value = '';\n\n  /**\n   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   */\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLInputElement).value;\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   * May be any of the standard HTML autocomplete options\n   */\n  @property()\n  autocomplete = '';\n\n  /**\n   * Sets the input to be focussed automatically on page load. Defaults to false\n   */\n  @property({ type: Boolean })\n  autofocus = false;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * Controls the disabled state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify whether to display the character counter\n   */\n  @property({ type: Boolean, attribute: 'enable-counter', reflect: true })\n  enableCounter = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Max character count allowed for input. This is needed in order for enableCounter to display\n   */\n  @property({ type: Number, attribute: 'max-count', reflect: true })\n  maxCount;\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Specify whether you want the underlying label to be visually hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * Generic label that will be used as the textual representation of what this field is for\n   */\n  @property({ attribute: 'label' })\n  label = 'label text';\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * Pattern to validate the input against for HTML validity checking\n   */\n  @property()\n  pattern = '';\n\n  /**\n   * Value to display when the input has an empty `value`\n   */\n  @property({ reflect: true })\n  placeholder = '';\n\n  /**\n   * Specify if the component should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Boolean property to set the required status\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * \"Hide password\" tooltip text on password visibility toggle\n   */\n  @property()\n  hidePasswordLabel = 'Hide password';\n\n  /**\n   * \"Show password\" tooltip text on password visibility toggle\n   */\n  @property()\n  showPasswordLabel = 'Show password';\n\n  /**\n   * Boolean property to render password visibility toggle\n   */\n  @property({\n    type: Boolean,\n    attribute: 'show-password-visibility-toggle',\n    reflect: true,\n  })\n  showPasswordVisibilityToggle = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * Specify the alignment of the tooltip to the icon-only button.\n   * Can be one of: start, center, or end.\n   */\n  @property()\n  tooltipAlignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * Specify the direction of the tooltip for icon-only buttons.\n   * Can be either top, right, bottom, or left.\n   */\n  @property()\n  tooltipDirection = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * The type of the input. Can be one of the types listed in the INPUT_TYPE enum\n   */\n  @property({ reflect: true })\n  type = INPUT_TYPE.TEXT;\n\n  /**\n   * The validity message. If present and non-empty, this input shows the UI of its invalid state.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the input.\n   */\n  @property({ reflect: true })\n  get value() {\n    // FIXME: Figure out how to deal with TS2611\n    // once we have the input we can directly query for the value\n    if (this._input) {\n      return this._input.value;\n    }\n    // but before then _value will work fine\n    return this._value;\n  }\n\n  set value(value) {\n    const oldValue = this._value;\n    this._value = value;\n    // make sure that lit-element updates the right properties\n    this.requestUpdate('value', oldValue);\n    // we set the value directly on the input (when available)\n    // so that programatic manipulation updates the UI correctly\n    if (this._input) {\n      this._input.value = value;\n    }\n  }\n\n  /**\n   * Handles password visibility toggle button click\n   */\n  private handleTogglePasswordVisibility() {\n    this.type =\n      this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n  }\n\n  render() {\n    const { _handleInput: handleInput } = this;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--text-input__invalid-icon`,\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--${this.colorScheme}`]: this.colorScheme,\n      [`${prefix}--text-input--invalid`]: this.invalid,\n      [`${prefix}--text-input--${this.size}`]: this.size,\n      [`${prefix}--password-input`]: this.type === INPUT_TYPE.PASSWORD,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: this.disabled,\n    });\n\n    const passwordIsVisible = this.type !== INPUT_TYPE.PASSWORD;\n    const passwordVisibilityIcon = passwordIsVisible\n      ? ViewOff16({ class: `${prefix}--icon-visibility-off` })\n      : View16({ class: `${prefix}--icon-visibility-on` });\n\n    const passwordVisibilityToggleClasses = classMap({\n      [`${prefix}--text-input--password__visibility__toggle`]: true,\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--icon-only`]: true,\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--btn--disabled`]: this.disabled,\n      [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n      [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n        this.tooltipAlignment,\n    });\n\n    const passwordButtonLabel = html`\n      <span class=\"${prefix}--assistive-text\">\n        ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}\n      </span>\n    `;\n\n    const passwordVisibilityButton = () => html`\n      <button\n        type=\"button\"\n        class=\"${passwordVisibilityToggleClasses}\"\n        ?disabled=\"${this.disabled}\"\n        @click=\"${this.handleTogglePasswordVisibility}\">\n        ${!this.disabled && passwordButtonLabel} ${passwordVisibilityIcon}\n      </button>\n    `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${this.label} </slot>\n      </label>\n      <div\n        class=\"${prefix}--text-input__field-wrapper\"\n        ?data-invalid=\"${this.invalid}\">\n        ${this.invalid ? invalidIcon : null}\n        <input\n          ?autocomplete=\"${this.autocomplete}\"\n          ?autofocus=\"${this.autofocus}\"\n          class=\"${inputClasses}\"\n          ?data-invalid=\"${this.invalid}\"\n          ?disabled=\"${this.disabled}\"\n          aria-describedby=\"helper-text\"\n          id=\"input\"\n          name=\"${ifNonEmpty(this.name)}\"\n          pattern=\"${ifNonEmpty(this.pattern)}\"\n          placeholder=\"${ifNonEmpty(this.placeholder)}\"\n          ?readonly=\"${this.readonly}\"\n          ?required=\"${this.required}\"\n          type=\"${ifNonEmpty(this.type)}\"\n          .value=\"${this._value}\"\n          @input=\"${handleInput}\" />\n        ${this.showPasswordVisibilityToggle &&\n        (this.type === INPUT_TYPE.PASSWORD || this.type === INPUT_TYPE.TEXT)\n          ? passwordVisibilityButton()\n          : null}\n      </div>\n      <div class=\"${helperTextClasses}\" id=\"helper-text\">\n        <slot name=\"helper-text\"> ${this.helperText} </slot>\n      </div>\n      <div class=\"${prefix}--form-requirement\">\n        <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n      </div>\n    `;\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 CDSInput;\n"],"mappings":"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"}

package/es/components/layer/layer.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-01, #c6c6c6);--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,:host(cds-layer)[level="0"]{--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-01, #c6c6c6);--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,:host(cds-layer)[level="1"]{--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-02, #e0e0e0);--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,:host(cds-layer)[level="2"]{--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-03, #c6c6c6);--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)}:host(cds-layer) ::slotted(*){background:var(--cds-layer);color:var(--cds-text-primary,#161616)}',
+  ':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,:host(cds-layer)[level="0"]{--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,:host(cds-layer)[level="1"]{--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,:host(cds-layer)[level="2"]{--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)}',
 ]);

package/es/components/layer/layer.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-01, #c6c6c6);--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,:host(cds-layer[level="0"]){--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-01, #c6c6c6);--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,:host(cds-layer[level="1"]){--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-02, #e0e0e0);--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,:host(cds-layer[level="2"]){--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-03, #c6c6c6);--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)}:host(cds-layer) ::slotted(*){background:var(--cds-layer);color:var(--cds-text-primary,#161616)}',
+  ':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,:host(cds-layer[level="0"]){--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,:host(cds-layer[level="1"]){--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,:host(cds-layer[level="2"]){--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)}',
 ]);

package/es/components/list/list.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);list-style:none}.cds--list--nested *,.cds--list--nested ::after,.cds--list--nested ::before,.cds--list--ordered *,.cds--list--ordered ::after,.cds--list--ordered ::before,.cds--list--ordered--native *,.cds--list--ordered--native ::after,.cds--list--ordered--native ::before,.cds--list--unordered *,.cds--list--unordered ::after,.cds--list--unordered ::before{box-sizing:inherit}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-left:2rem}.cds--list--nested .cds--list__item{padding-left:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item::before{position:absolute;left:calc(-1 * 1rem);content:"–"}.cds--list--unordered.cds--list--nested>.cds--list__item::before{left:calc(-1 * .75rem);content:"▪"}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-left:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-left:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list):not(.cds--list--nested){counter-reset:item}:host(cds-ordered-list):not(.cds--list--nested) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item)::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list)[slot=nested]{--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item)::before{position:absolute;left:calc(-1 * 1rem);content:"–"}:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item)::before{left:calc(-1 * .75rem);content:"▪"}:host(cds-list-item){display:list-item;color:var(--cds-text-primary,#161616);margin-bottom:.25rem}:host(cds-list-item)::before{position:absolute;left:-1rem;content:var(--cds-ce--list-marker,none)}:host(cds-list-item) .cds-ce--list__item__nested-child{padding-top:.25rem}:host(cds-list-item[nested]){margin-top:0;margin-bottom:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-top:0}',
+  '@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);list-style:none}.cds--list--nested *,.cds--list--nested ::after,.cds--list--nested ::before,.cds--list--ordered *,.cds--list--ordered ::after,.cds--list--ordered ::before,.cds--list--ordered--native *,.cds--list--ordered--native ::after,.cds--list--ordered--native ::before,.cds--list--unordered *,.cds--list--unordered ::after,.cds--list--unordered ::before{box-sizing:inherit}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-left:2rem}.cds--list--nested .cds--list__item{padding-left:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item::before{position:absolute;left:calc(-1 * 1rem);content:"–"}.cds--list--unordered.cds--list--nested>.cds--list__item::before{left:calc(-1 * .75rem);content:"▪"}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-left:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-left:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list):not(.cds--list--nested){counter-reset:item}:host(cds-ordered-list):not(.cds--list--nested) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item)::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list)[slot=nested]{--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item)::before{position:absolute;left:calc(-1 * 1rem);content:"–"}:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item)::before{left:calc(-1 * .75rem);content:"▪"}:host(cds-list-item){display:list-item;color:var(--cds-text-primary,#161616)}:host(cds-list-item)::before{position:absolute;left:-1rem;content:var(--cds-ce--list-marker,none)}:host(cds-list-item[nested]){margin-top:0;margin-bottom:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-top:0}',
 ]);

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

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);list-style:none}.cds--list--nested *,.cds--list--nested ::after,.cds--list--nested ::before,.cds--list--ordered *,.cds--list--ordered ::after,.cds--list--ordered ::before,.cds--list--ordered--native *,.cds--list--ordered--native ::after,.cds--list--ordered--native ::before,.cds--list--unordered *,.cds--list--unordered ::after,.cds--list--unordered ::before{box-sizing:inherit}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-right:2rem}.cds--list--nested .cds--list__item{padding-right:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before{position:absolute;right:-1.5rem;content:counter(item) ".";counter-increment:item}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item::before{position:absolute;right:calc(-1 * 1rem);content:"–"}.cds--list--unordered.cds--list--nested>.cds--list__item::before{right:calc(-1 * .75rem);content:"▪"}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-right:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-right:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list:not(.cds--list--nested)){counter-reset:item}:host(cds-ordered-list:not(.cds--list--nested)) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item)::before{position:absolute;right:-1.5rem;content:counter(item) ".";counter-increment:item}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list[slot=nested]){--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item)::before{position:absolute;right:calc(-1 * 1rem);content:"–"}:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item)::before{right:calc(-1 * .75rem);content:"▪"}:host(cds-list-item){display:list-item;color:var(--cds-text-primary,#161616);margin-bottom:.25rem}:host(cds-list-item)::before{position:absolute;right:-1rem;content:var(--cds-ce--list-marker,none)}:host(cds-list-item) .cds-ce--list__item__nested-child{padding-top:.25rem}:host(cds-list-item[nested]){margin-top:0;margin-bottom:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-top:0}',
+  '@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);list-style:none}.cds--list--nested *,.cds--list--nested ::after,.cds--list--nested ::before,.cds--list--ordered *,.cds--list--ordered ::after,.cds--list--ordered ::before,.cds--list--ordered--native *,.cds--list--ordered--native ::after,.cds--list--ordered--native ::before,.cds--list--unordered *,.cds--list--unordered ::after,.cds--list--unordered ::before{box-sizing:inherit}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-right:2rem}.cds--list--nested .cds--list__item{padding-right:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before{position:absolute;right:-1.5rem;content:counter(item) ".";counter-increment:item}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item::before{position:absolute;right:calc(-1 * 1rem);content:"–"}.cds--list--unordered.cds--list--nested>.cds--list__item::before{right:calc(-1 * .75rem);content:"▪"}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-right:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-right:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list:not(.cds--list--nested)){counter-reset:item}:host(cds-ordered-list:not(.cds--list--nested)) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item)::before{position:absolute;right:-1.5rem;content:counter(item) ".";counter-increment:item}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list[slot=nested]){--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item)::before{position:absolute;right:calc(-1 * 1rem);content:"–"}:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item)::before{right:calc(-1 * .75rem);content:"▪"}:host(cds-list-item){display:list-item;color:var(--cds-text-primary,#161616)}:host(cds-list-item)::before{position:absolute;right:-1rem;content:var(--cds-ce--list-marker,none)}:host(cds-list-item[nested]){margin-top:0;margin-bottom:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-top:0}',
 ]);

package/es/components/list/ordered-list.d.ts

@@ -6,11 +6,11 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXUnorderedList from './unordered-list';
+import CDSUnorderedList from './unordered-list';
 /**
  * Ordered list.
  */
-declare class BXOrderedList extends BXUnorderedList {
+declare class CDSOrderedList extends CDSUnorderedList {
     /**
      * Specify whether the ordered list should use native list styles instead of
      * custom counter
@@ -18,6 +18,6 @@ declare class BXOrderedList extends BXUnorderedList {
     native: boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-export default BXOrderedList;
+export default CDSOrderedList;
 
 //# sourceMappingURL=ordered-list.d.ts.map

package/es/components/list/ordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/list/ordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAE/C;;GAEG;AACH,cACM,aAAc,SAAQ,eAAe;IACzC;;;OAGG;IAEH,MAAM,UAAS;IAEf,MAAM;CAaP;AAED,eAAe,aAAa,CAAC","file":"ordered-list.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXUnorderedList from './unordered-list';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass BXOrderedList extends BXUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default BXOrderedList;\n"]}
+{"version":3,"sources":["components/list/ordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,gBAAgB,MAAM,kBAAkB,CAAC;AAEhD;;GAEG;AACH,cACM,cAAe,SAAQ,gBAAgB;IAC3C;;;OAGG;IAEH,MAAM,UAAS;IAEf,MAAM;CAaP;AAED,eAAe,cAAc,CAAC","file":"ordered-list.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSUnorderedList from './unordered-list';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass CDSOrderedList extends CDSUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default CDSOrderedList;\n"]}

package/es/components/list/ordered-list.js

@@ -14,20 +14,20 @@ import { classMap } from 'lit/directives/class-map.js';
 import { html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import BXUnorderedList from './unordered-list';
+import CDSUnorderedList from './unordered-list';
 
 /**
  * Ordered list.
  */
-let BXOrderedList = _decorate([customElement(`${prefix}-ordered-list`)], function (_initialize, _BXUnorderedList) {
-  class BXOrderedList extends _BXUnorderedList {
+let CDSOrderedList = _decorate([customElement(`${prefix}-ordered-list`)], function (_initialize, _CDSUnorderedList) {
+  class CDSOrderedList extends _CDSUnorderedList {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXOrderedList,
+    F: CDSOrderedList,
     d: [{
       kind: "field",
       decorators: [property({
@@ -62,6 +62,6 @@ let BXOrderedList = _decorate([customElement(`${prefix}-ordered-list`)], functio
       }
     }]
   };
-}, BXUnorderedList);
-export default BXOrderedList;
+}, CDSUnorderedList);
+export default CDSOrderedList;
 //# sourceMappingURL=ordered-list.js.map

package/es/components/list/ordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.js","names":["classMap","html","property","customElement","prefix","BXUnorderedList","BXOrderedList","_decorate","_initialize","_BXUnorderedList","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","classes","native","getAttribute","isExpressive","_t","_"],"sources":["components/list/ordered-list.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXUnorderedList from './unordered-list';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass BXOrderedList extends BXUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default BXOrderedList;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,eAAe,MAAM,kBAAkB;;AAE9C;AACA;AACA;AAFA,IAIMC,aAAa,GAAAC,SAAA,EADlBJ,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAI,WAAA,EAAAC,gBAAA;EAAxC,MACMH,aAAa,SAAAG,gBAAA,CAAyB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqB5C;EAAC;IAAAI,CAAA,EArBKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAKhBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MALd;AACF;AACA;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGtB,QAAQ,CAAC;UACvB,CAAE,GAAEI,MAAO,iBAAgB,GAAG,CAAC,IAAI,CAACmB,MAAM;UAC1C,CAAE,GAAEnB,MAAO,yBAAwB,GAAG,IAAI,CAACmB,MAAM;UACjD,CAAE,GAAEnB,MAAO,gBAAe,GAAG,IAAI,CAACoB,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAEpB,MAAO,oBAAmB,GAAG,IAAI,CAACqB;QACxC,CAAC,CAAC;QACF,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeL,OAAO;MAIxB;IAAC;EAAA;AAAA,GApByBjB,eAAe;AAuB3C,eAAeC,aAAa"}
+{"version":3,"file":"ordered-list.js","names":["classMap","html","property","customElement","prefix","CDSUnorderedList","CDSOrderedList","_decorate","_initialize","_CDSUnorderedList","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","classes","native","getAttribute","isExpressive","_t","_"],"sources":["components/list/ordered-list.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSUnorderedList from './unordered-list';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass CDSOrderedList extends CDSUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default CDSOrderedList;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,gBAAgB,MAAM,kBAAkB;;AAE/C;AACA;AACA;AAFA,IAIMC,cAAc,GAAAC,SAAA,EADnBJ,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAI,WAAA,EAAAC,iBAAA;EAAxC,MACMH,cAAc,SAAAG,iBAAA,CAA0B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqB9C;EAAC;IAAAI,CAAA,EArBKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAKjBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MALd;AACF;AACA;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGtB,QAAQ,CAAC;UACvB,CAAE,GAAEI,MAAO,iBAAgB,GAAG,CAAC,IAAI,CAACmB,MAAM;UAC1C,CAAE,GAAEnB,MAAO,yBAAwB,GAAG,IAAI,CAACmB,MAAM;UACjD,CAAE,GAAEnB,MAAO,gBAAe,GAAG,IAAI,CAACoB,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAEpB,MAAO,oBAAmB,GAAG,IAAI,CAACqB;QACxC,CAAC,CAAC;QACF,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeL,OAAO;MAIxB;IAAC;EAAA;AAAA,GApB0BjB,gBAAgB;AAuB7C,eAAeC,cAAc"}

package/es/components/list/unordered-list.d.ts

@@ -10,7 +10,7 @@ import { LitElement } from 'lit';
 /**
  * Ordered list.
  */
-declare class BXUnorderedList extends LitElement {
+declare class CDSUnorderedList extends LitElement {
     /**
      * `true` if expressive theme enabled.
      */
@@ -23,6 +23,6 @@ declare class BXUnorderedList extends LitElement {
     static get selectorListItem(): string;
     static styles: any;
 }
-export default BXUnorderedList;
+export default CDSUnorderedList;
 
 //# sourceMappingURL=unordered-list.d.ts.map

package/es/components/list/unordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/list/unordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAcjB,MAAM;IAaN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"unordered-list.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass BXUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    if (\n      this.closest(\n        (this.constructor as typeof BXUnorderedList).selectorListItem\n      )\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXUnorderedList;\n"]}
+{"version":3,"sources":["components/list/unordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAcjB,MAAM;IAaN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"unordered-list.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass CDSUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    if (\n      this.closest(\n        (this.constructor as typeof CDSUnorderedList).selectorListItem\n      )\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSUnorderedList;\n"]}

package/es/components/list/unordered-list.js

@@ -23,15 +23,15 @@ import styles from "././list.css.js";
  */ /**
      * Ordered list.
      */
-let BXUnorderedList = _decorate([customElement(`${prefix}-unordered-list`)], function (_initialize, _LitElement) {
-  class BXUnorderedList extends _LitElement {
+let CDSUnorderedList = _decorate([customElement(`${prefix}-unordered-list`)], function (_initialize, _LitElement) {
+  class CDSUnorderedList extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXUnorderedList,
+    F: CDSUnorderedList,
     d: [{
       kind: "field",
       decorators: [property({
@@ -57,7 +57,7 @@ let BXUnorderedList = _decorate([customElement(`${prefix}-unordered-list`)], fun
         } else {
           this.removeAttribute('slot');
         }
-        _get(_getPrototypeOf(BXUnorderedList.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSUnorderedList.prototype), "connectedCallback", this).call(this);
       }
     }, {
       kind: "method",
@@ -95,5 +95,5 @@ let BXUnorderedList = _decorate([customElement(`${prefix}-unordered-list`)], fun
     }]
   };
 }, LitElement);
-export default BXUnorderedList;
+export default CDSUnorderedList;
 //# sourceMappingURL=unordered-list.js.map

package/es/components/list/unordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"unordered-list.js","names":["classMap","LitElement","html","property","customElement","prefix","styles","BXUnorderedList","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","closest","selectorListItem","setAttribute","removeAttribute","_get","_getPrototypeOf","prototype","call","render","classes","getAttribute","isExpressive","_t","_","static"],"sources":["components/list/unordered-list.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass BXUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    if (\n      this.closest(\n        (this.constructor as typeof BXUnorderedList).selectorListItem\n      )\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXUnorderedList;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,iBAAa;;AAEhC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,eAAe,GAAAC,SAAA,EADpBJ,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0CzC;EAAC;IAAAI,CAAA,EA1CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC5B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJpB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB;QACA,IACE,IAAI,CAACC,OAAO,CACT,IAAI,CAACZ,WAAW,CAA4Ba,gBAAgB,CAC9D,EACD;UACA,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC,CAAC,MAAM;UACL,IAAI,CAACC,eAAe,CAAC,MAAM,CAAC;QAC9B;QACAC,IAAA,CAAAC,eAAA,CAlBErB,eAAe,CAAAsB,SAAA,8BAAAC,IAAA;MAmBnB;IAAC;MAAAf,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGhC,QAAQ,CAAC;UACvB,CAAE,GAAEK,MAAO,mBAAkB,GAAG,IAAI;UACpC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAAC4B,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAE5B,MAAO,oBAAmB,GAAG,IAAI,CAAC6B;QACxC,CAAC,CAAC;QACF,OAAOhC,IAAI,CAAAiC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeJ,OAAO;MAIxB;;MAEA;AACF;AACA;IAFE;MAAAjB,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,KAAA,EAGA,SAAAG,iBAAA,EAA8B;QAC5B,OAAQ,GAAEnB,MAAO,YAAW;MAC9B;IAAC;MAAAU,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAzCML,UAAU;AA4CxC,eAAeM,eAAe"}
+{"version":3,"file":"unordered-list.js","names":["classMap","LitElement","html","property","customElement","prefix","styles","CDSUnorderedList","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","closest","selectorListItem","setAttribute","removeAttribute","_get","_getPrototypeOf","prototype","call","render","classes","getAttribute","isExpressive","_t","_","static"],"sources":["components/list/unordered-list.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass CDSUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    if (\n      this.closest(\n        (this.constructor as typeof CDSUnorderedList).selectorListItem\n      )\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSUnorderedList;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,iBAAa;;AAEhC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,gBAAgB,GAAAC,SAAA,EADrBJ,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA1C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0C1C;EAAC;IAAAI,CAAA,EA1CKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC5B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJpB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB;QACA,IACE,IAAI,CAACC,OAAO,CACT,IAAI,CAACZ,WAAW,CAA6Ba,gBAAgB,CAC/D,EACD;UACA,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC,CAAC,MAAM;UACL,IAAI,CAACC,eAAe,CAAC,MAAM,CAAC;QAC9B;QACAC,IAAA,CAAAC,eAAA,CAlBErB,gBAAgB,CAAAsB,SAAA,8BAAAC,IAAA;MAmBpB;IAAC;MAAAf,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGhC,QAAQ,CAAC;UACvB,CAAE,GAAEK,MAAO,mBAAkB,GAAG,IAAI;UACpC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAAC4B,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAE5B,MAAO,oBAAmB,GAAG,IAAI,CAAC6B;QACxC,CAAC,CAAC;QACF,OAAOhC,IAAI,CAAAiC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeJ,OAAO;MAIxB;;MAEA;AACF;AACA;IAFE;MAAAjB,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,KAAA,EAGA,SAAAG,iBAAA,EAA8B;QAC5B,OAAQ,GAAEnB,MAAO,YAAW;MAC9B;IAAC;MAAAU,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAzCOL,UAAU;AA4CzC,eAAeM,gBAAgB"}

package/es/components/loading/loading.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--loading,:host(cds-loading){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;animation-duration:690ms;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;width:5.5rem;height:5.5rem}.cds--loading *,.cds--loading ::after,.cds--loading ::before,:host(cds-loading) *,:host(cds-loading) ::after,:host(cds-loading) ::before{box-sizing:inherit}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[type=small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading[inactive]){animation:rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading[inactive]) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading[inactive]) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[type=small]){width:1rem;height:1rem}.cds--loading--small circle,:host(cds-loading[type=small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[type=small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}}.cds--loading-overlay,:host(cds-loading[overlay]){position:fixed;z-index:6000;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(22,22,22,.5));transition:background-color .7s cubic-bezier(.4,.14,.3,1)}.cds--loading-overlay--stop{display:none}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-end-p1{100%{transform:rotate(360deg)}}@keyframes rotate-end-p2{100%{transform:rotate(-360deg)}}@keyframes init-stroke{0%{stroke-dashoffset:276.4608}100%{stroke-dashoffset:52.527552}}@keyframes stroke-end{0%{stroke-dashoffset:52.527552}100%{stroke-dashoffset:276.4608}}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}',
+  '.cds--loading,:host(cds-loading){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;animation-duration:690ms;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;width:5.5rem;height:5.5rem}.cds--loading *,.cds--loading ::after,.cds--loading ::before,:host(cds-loading) *,:host(cds-loading) ::after,:host(cds-loading) ::before{box-sizing:inherit}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[type=small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading[inactive]){animation:rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading[inactive]) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading[inactive]) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[type=small]){width:1rem;height:1rem}.cds--loading--small circle,:host(cds-loading[type=small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[type=small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}}.cds--loading-overlay,:host(cds-loading[overlay]){position:fixed;z-index:6000;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(22,22,22,.5));transition:background-color .7s cubic-bezier(.4,.14,.3,1)}.cds--loading-overlay--stop{display:none}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-end-p1{100%{transform:rotate(360deg)}}@keyframes rotate-end-p2{100%{transform:rotate(-360deg)}}@keyframes init-stroke{0%{stroke-dashoffset:276.4608}100%{stroke-dashoffset:52.527552}}@keyframes stroke-end{0%{stroke-dashoffset:52.527552}100%{stroke-dashoffset:276.4608}}:host(cds-loading){display:block}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}',
 ]);

package/es/components/loading/loading.d.ts

@@ -13,7 +13,7 @@ import { LOADING_TYPE } from './defs';
  *
  * @element cds-loading
  */
-declare class BXLoading extends LitElement {
+declare class CDSLoading extends LitElement {
     /**
      * The assistive text for the spinner icon.
      */
@@ -34,6 +34,6 @@ declare class BXLoading extends LitElement {
     static styles: any;
 }
 export { LOADING_TYPE };
-export default BXLoading;
+export default CDSLoading;
 
 //# sourceMappingURL=loading.d.ts.map

package/es/components/loading/loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/loading/loading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAItC;;;;GAIG;AACH,cACM,SAAU,SAAQ,UAAU;IAChC;;OAEG;IAEH,aAAa,SAAa;IAE1B;;OAEG;IAEH,IAAI,eAAwB;IAE5B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,eAAe,SAAS,CAAC","file":"loading.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\n\n/**\n * Spinner indicating loading state.\n *\n * @element cds-loading\n */\n@customElement(`${prefix}-loading`)\nclass BXLoading extends LitElement {\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'assistive-text' })\n  assistiveText = 'Loading';\n\n  /**\n   * Spinner type.\n   */\n  @property()\n  type = LOADING_TYPE.REGULAR;\n\n  /**\n   * `true` if overlay should be applied.\n   */\n  @property({ type: Boolean, reflect: true })\n  overlay = false;\n\n  /**\n   * `true` if spinner should stop.\n   */\n  @property({ type: Boolean, reflect: true })\n  inactive = false;\n\n  render() {\n    const { inactive, assistiveText, type, overlay } = this;\n    const innerClasses = classMap({\n      [`${prefix}--loading`]: true,\n      [`${prefix}--loading--stop`]: inactive,\n      [`${prefix}--loading--small`]: type === LOADING_TYPE.SMALL,\n    });\n    const icon = getLoadingIcon({ assistiveText, type });\n    return overlay ? html`<div class=\"${innerClasses}\">${icon}</div>` : icon;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default BXLoading;\n"]}
+{"version":3,"sources":["components/loading/loading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAItC;;;;GAIG;AACH,cACM,UAAW,SAAQ,UAAU;IACjC;;OAEG;IAEH,aAAa,SAAa;IAE1B;;OAEG;IAEH,IAAI,eAAwB;IAE5B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,eAAe,UAAU,CAAC","file":"loading.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\n\n/**\n * Spinner indicating loading state.\n *\n * @element cds-loading\n */\n@customElement(`${prefix}-loading`)\nclass CDSLoading extends LitElement {\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'assistive-text' })\n  assistiveText = 'Loading';\n\n  /**\n   * Spinner type.\n   */\n  @property()\n  type = LOADING_TYPE.REGULAR;\n\n  /**\n   * `true` if overlay should be applied.\n   */\n  @property({ type: Boolean, reflect: true })\n  overlay = false;\n\n  /**\n   * `true` if spinner should stop.\n   */\n  @property({ type: Boolean, reflect: true })\n  inactive = false;\n\n  render() {\n    const { inactive, assistiveText, type, overlay } = this;\n    const innerClasses = classMap({\n      [`${prefix}--loading`]: true,\n      [`${prefix}--loading--stop`]: inactive,\n      [`${prefix}--loading--small`]: type === LOADING_TYPE.SMALL,\n    });\n    const icon = getLoadingIcon({ assistiveText, type });\n    return overlay ? html`<div class=\"${innerClasses}\">${icon}</div>` : icon;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default CDSLoading;\n"]}

package/es/components/loading/loading.js

@@ -27,15 +27,15 @@ import styles from "././loading.css.js";
      *
      * @element cds-loading
      */
-let BXLoading = _decorate([customElement(`${prefix}-loading`)], function (_initialize, _LitElement) {
-  class BXLoading extends _LitElement {
+let CDSLoading = _decorate([customElement(`${prefix}-loading`)], function (_initialize, _LitElement) {
+  class CDSLoading extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXLoading,
+    F: CDSLoading,
     d: [{
       kind: "field",
       decorators: [property({
@@ -121,5 +121,5 @@ let BXLoading = _decorate([customElement(`${prefix}-loading`)], function (_initi
   };
 }, LitElement);
 export { LOADING_TYPE };
-export default BXLoading;
+export default CDSLoading;
 //# sourceMappingURL=loading.js.map

package/es/components/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","names":["classMap","LitElement","html","property","customElement","prefix","LOADING_TYPE","getLoadingIcon","styles","BXLoading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","REGULAR","type","Boolean","reflect","render","inactive","assistiveText","overlay","innerClasses","SMALL","icon","_t","_","static"],"sources":["components/loading/loading.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\n\n/**\n * Spinner indicating loading state.\n *\n * @element cds-loading\n */\n@customElement(`${prefix}-loading`)\nclass BXLoading extends LitElement {\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'assistive-text' })\n  assistiveText = 'Loading';\n\n  /**\n   * Spinner type.\n   */\n  @property()\n  type = LOADING_TYPE.REGULAR;\n\n  /**\n   * `true` if overlay should be applied.\n   */\n  @property({ type: Boolean, reflect: true })\n  overlay = false;\n\n  /**\n   * `true` if spinner should stop.\n   */\n  @property({ type: Boolean, reflect: true })\n  inactive = false;\n\n  render() {\n    const { inactive, assistiveText, type, overlay } = this;\n    const innerClasses = classMap({\n      [`${prefix}--loading`]: true,\n      [`${prefix}--loading--stop`]: inactive,\n      [`${prefix}--loading--small`]: type === LOADING_TYPE.SMALL,\n    });\n    const icon = getLoadingIcon({ assistiveText, type });\n    return overlay ? html`<div class=\"${innerClasses}\">${icon}</div>` : icon;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default BXLoading;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,YAAY,QAAQ,QAAQ;AACrC,OAAOC,cAAc,MAAM,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,oBAAgB;;AAEnC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,SAAS,GAAAC,SAAA,EADdN,aAAa,CAAE,GAAEC,MAAO,UAAS,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAnC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqCnC;EAAC;IAAAI,CAAA,EArCKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIZf,QAAQ,CAAC;QAAEgB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,SAAS;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKxBf,QAAQ,EAAE;MAAAiB,GAAA;MAAAC,MAAA;QAAA,OACJf,YAAY,CAACgB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAK1Bf,QAAQ,CAAC;QAAEoB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKdf,QAAQ,CAAC;QAAEoB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAtBhB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAK,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC,aAAa;UAAEL,IAAI;UAAEM;QAAQ,CAAC,GAAG,IAAI;QACvD,MAAMC,YAAY,GAAG9B,QAAQ,CAAC;UAC5B,CAAE,GAAEK,MAAO,WAAU,GAAG,IAAI;UAC5B,CAAE,GAAEA,MAAO,iBAAgB,GAAGsB,QAAQ;UACtC,CAAE,GAAEtB,MAAO,kBAAiB,GAAGkB,IAAI,KAAKjB,YAAY,CAACyB;QACvD,CAAC,CAAC;QACF,MAAMC,IAAI,GAAGzB,cAAc,CAAC;UAAEqB,aAAa;UAAEL;QAAK,CAAC,CAAC;QACpD,OAAOM,OAAO,GAAG3B,IAAI,CAAA+B,EAAA,KAAAA,EAAA,GAAAC,CAAC,eAAY,CAAe,KAAE,CAAO,QAAM,GAA5BJ,YAAY,EAAKE,IAAI,IAAWA,IAAI;MAC1E;IAAC;MAAAf,IAAA;MAAAkB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GApCAP,UAAU;AAuClC,SAASK,YAAY;AAErB,eAAeG,SAAS"}
+{"version":3,"file":"loading.js","names":["classMap","LitElement","html","property","customElement","prefix","LOADING_TYPE","getLoadingIcon","styles","CDSLoading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","REGULAR","type","Boolean","reflect","render","inactive","assistiveText","overlay","innerClasses","SMALL","icon","_t","_","static"],"sources":["components/loading/loading.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\n\n/**\n * Spinner indicating loading state.\n *\n * @element cds-loading\n */\n@customElement(`${prefix}-loading`)\nclass CDSLoading extends LitElement {\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'assistive-text' })\n  assistiveText = 'Loading';\n\n  /**\n   * Spinner type.\n   */\n  @property()\n  type = LOADING_TYPE.REGULAR;\n\n  /**\n   * `true` if overlay should be applied.\n   */\n  @property({ type: Boolean, reflect: true })\n  overlay = false;\n\n  /**\n   * `true` if spinner should stop.\n   */\n  @property({ type: Boolean, reflect: true })\n  inactive = false;\n\n  render() {\n    const { inactive, assistiveText, type, overlay } = this;\n    const innerClasses = classMap({\n      [`${prefix}--loading`]: true,\n      [`${prefix}--loading--stop`]: inactive,\n      [`${prefix}--loading--small`]: type === LOADING_TYPE.SMALL,\n    });\n    const icon = getLoadingIcon({ assistiveText, type });\n    return overlay ? html`<div class=\"${innerClasses}\">${icon}</div>` : icon;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default CDSLoading;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,YAAY,QAAQ,QAAQ;AACrC,OAAOC,cAAc,MAAM,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,oBAAgB;;AAEnC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,UAAU,GAAAC,SAAA,EADfN,aAAa,CAAE,GAAEC,MAAO,UAAS,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAnC,MACMH,UAAU,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqCpC;EAAC;IAAAI,CAAA,EArCKN,UAAU;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIbf,QAAQ,CAAC;QAAEgB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,SAAS;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKxBf,QAAQ,EAAE;MAAAiB,GAAA;MAAAC,MAAA;QAAA,OACJf,YAAY,CAACgB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAK1Bf,QAAQ,CAAC;QAAEoB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKdf,QAAQ,CAAC;QAAEoB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAtBhB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAK,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC,aAAa;UAAEL,IAAI;UAAEM;QAAQ,CAAC,GAAG,IAAI;QACvD,MAAMC,YAAY,GAAG9B,QAAQ,CAAC;UAC5B,CAAE,GAAEK,MAAO,WAAU,GAAG,IAAI;UAC5B,CAAE,GAAEA,MAAO,iBAAgB,GAAGsB,QAAQ;UACtC,CAAE,GAAEtB,MAAO,kBAAiB,GAAGkB,IAAI,KAAKjB,YAAY,CAACyB;QACvD,CAAC,CAAC;QACF,MAAMC,IAAI,GAAGzB,cAAc,CAAC;UAAEqB,aAAa;UAAEL;QAAK,CAAC,CAAC;QACpD,OAAOM,OAAO,GAAG3B,IAAI,CAAA+B,EAAA,KAAAA,EAAA,GAAAC,CAAC,eAAY,CAAe,KAAE,CAAO,QAAM,GAA5BJ,YAAY,EAAKE,IAAI,IAAWA,IAAI;MAC1E;IAAC;MAAAf,IAAA;MAAAkB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GApCCP,UAAU;AAuCnC,SAASK,YAAY;AAErB,eAAeG,UAAU"}

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

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--loading,:host(cds-loading){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;animation-duration:690ms;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;width:5.5rem;height:5.5rem}.cds--loading *,.cds--loading ::after,.cds--loading ::before,:host(cds-loading) *,:host(cds-loading) ::after,:host(cds-loading) ::before{box-sizing:inherit}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[type=small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading[inactive]){animation:rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading[inactive]) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading[inactive]) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[type=small]){width:1rem;height:1rem}.cds--loading--small circle,:host(cds-loading[type=small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[type=small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}}.cds--loading-overlay,:host(cds-loading[overlay]){position:fixed;z-index:6000;top:0;right:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(22,22,22,.5));transition:background-color .7s cubic-bezier(.4,.14,.3,1)}.cds--loading-overlay--stop{display:none}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes rotate-end-p1{100%{transform:rotate(-360deg)}}@keyframes rotate-end-p2{100%{transform:rotate(360deg)}}@keyframes init-stroke{0%{stroke-dashoffset:276.4608}100%{stroke-dashoffset:52.527552}}@keyframes stroke-end{0%{stroke-dashoffset:52.527552}100%{stroke-dashoffset:276.4608}}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}',
+  '.cds--loading,:host(cds-loading){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;animation-duration:690ms;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;width:5.5rem;height:5.5rem}.cds--loading *,.cds--loading ::after,.cds--loading ::before,:host(cds-loading) *,:host(cds-loading) ::after,:host(cds-loading) ::before{box-sizing:inherit}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[type=small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading[inactive]){animation:rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading[inactive]) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading[inactive]) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[type=small]){width:1rem;height:1rem}.cds--loading--small circle,:host(cds-loading[type=small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[type=small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}}.cds--loading-overlay,:host(cds-loading[overlay]){position:fixed;z-index:6000;top:0;right:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(22,22,22,.5));transition:background-color .7s cubic-bezier(.4,.14,.3,1)}.cds--loading-overlay--stop{display:none}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes rotate-end-p1{100%{transform:rotate(-360deg)}}@keyframes rotate-end-p2{100%{transform:rotate(360deg)}}@keyframes init-stroke{0%{stroke-dashoffset:276.4608}100%{stroke-dashoffset:52.527552}}@keyframes stroke-end{0%{stroke-dashoffset:52.527552}100%{stroke-dashoffset:276.4608}}:host(cds-loading){display:block}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}',
 ]);

package/es/components/modal/modal-footer-button.d.ts

@@ -6,15 +6,15 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXButton from '../button/button';
+import CDSButton from '../button/button';
 /**
  * Modal footer button.
  *
  * @element cds-modal-footer-button
  */
-declare class BXModalFooterButton extends BXButton {
+declare class CDSModalFooterButton extends CDSButton {
     static styles: any[];
 }
-export default BXModalFooterButton;
+export default CDSModalFooterButton;
 
 //# sourceMappingURL=modal-footer-button.d.ts.map

package/es/components/modal/modal-footer-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/modal/modal-footer-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AAIxC;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,QAAQ;IACxC,MAAM,CAAC,MAAM,QAA0B;CACxC;AAED,eAAe,mBAAmB,CAAC","file":"modal-footer-button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXButton from '../button/button';\nimport buttonStyles from '../button/button.scss';\nimport styles from './modal.scss';\n\n/**\n * Modal footer button.\n *\n * @element cds-modal-footer-button\n */\n@customElement(`${prefix}-modal-footer-button`)\nclass BXModalFooterButton extends BXButton {\n  static styles = [buttonStyles, styles]; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalFooterButton;\n"]}
+{"version":3,"sources":["components/modal/modal-footer-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAIzC;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,SAAS;IAC1C,MAAM,CAAC,MAAM,QAA0B;CACxC;AAED,eAAe,oBAAoB,CAAC","file":"modal-footer-button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport buttonStyles from '../button/button.scss';\nimport styles from './modal.scss';\n\n/**\n * Modal footer button.\n *\n * @element cds-modal-footer-button\n */\n@customElement(`${prefix}-modal-footer-button`)\nclass CDSModalFooterButton extends CDSButton {\n  static styles = [buttonStyles, styles]; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalFooterButton;\n"]}

package/es/components/modal/modal-footer-button.js

@@ -10,7 +10,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
 
 import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import BXButton from '../button/button';
+import CDSButton from '../button/button';
 import buttonStyles from "./../button/button.css.js";
 import styles from "././modal.css.js";
 
@@ -23,15 +23,15 @@ import styles from "././modal.css.js";
      *
      * @element cds-modal-footer-button
      */
-let BXModalFooterButton = _decorate([customElement(`${prefix}-modal-footer-button`)], function (_initialize, _BXButton) {
-  class BXModalFooterButton extends _BXButton {
+let CDSModalFooterButton = _decorate([customElement(`${prefix}-modal-footer-button`)], function (_initialize, _CDSButton) {
+  class CDSModalFooterButton extends _CDSButton {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXModalFooterButton,
+    F: CDSModalFooterButton,
     d: [{
       kind: "field",
       static: true,
@@ -41,6 +41,6 @@ let BXModalFooterButton = _decorate([customElement(`${prefix}-modal-footer-butto
       }
     }]
   };
-}, BXButton);
-export default BXModalFooterButton;
+}, CDSButton);
+export default CDSModalFooterButton;
 //# sourceMappingURL=modal-footer-button.js.map

package/es/components/modal/modal-footer-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-footer-button.js","names":["customElement","prefix","BXButton","buttonStyles","styles","BXModalFooterButton","_decorate","_initialize","_BXButton","constructor","args","F","d","kind","static","key","value"],"sources":["components/modal/modal-footer-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXButton from '../button/button';\nimport buttonStyles from '../button/button.scss';\nimport styles from './modal.scss';\n\n/**\n * Modal footer button.\n *\n * @element cds-modal-footer-button\n */\n@customElement(`${prefix}-modal-footer-button`)\nclass BXModalFooterButton extends BXButton {\n  static styles = [buttonStyles, styles]; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalFooterButton;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,QAAQ,MAAM,kBAAkB;AACvC,OAAOC,YAAY,MAAM,2BAAuB;AAChD,OAAOC,MAAM,MAAM,kBAAc;;AAEjC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,mBAAmB,GAAAC,SAAA,EADxBN,aAAa,CAAE,GAAEC,MAAO,sBAAqB,CAAC,aAAAM,WAAA,EAAAC,SAAA;EAA/C,MACMH,mBAAmB,SAAAG,SAAA,CAAkB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAE3C;EAAC;IAAAI,CAAA,EAFKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACP,CAACb,YAAY,EAAEC,MAAM,CAAC;MAAA;IAAA;EAAA;AAAA,GADNF,QAAQ;AAI1C,eAAeG,mBAAmB"}
+{"version":3,"file":"modal-footer-button.js","names":["customElement","prefix","CDSButton","buttonStyles","styles","CDSModalFooterButton","_decorate","_initialize","_CDSButton","constructor","args","F","d","kind","static","key","value"],"sources":["components/modal/modal-footer-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport buttonStyles from '../button/button.scss';\nimport styles from './modal.scss';\n\n/**\n * Modal footer button.\n *\n * @element cds-modal-footer-button\n */\n@customElement(`${prefix}-modal-footer-button`)\nclass CDSModalFooterButton extends CDSButton {\n  static styles = [buttonStyles, styles]; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalFooterButton;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,YAAY,MAAM,2BAAuB;AAChD,OAAOC,MAAM,MAAM,kBAAc;;AAEjC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,oBAAoB,GAAAC,SAAA,EADzBN,aAAa,CAAE,GAAEC,MAAO,sBAAqB,CAAC,aAAAM,WAAA,EAAAC,UAAA;EAA/C,MACMH,oBAAoB,SAAAG,UAAA,CAAmB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAE7C;EAAC;IAAAI,CAAA,EAFKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACR,CAACb,YAAY,EAAEC,MAAM,CAAC;MAAA;IAAA;EAAA;AAAA,GADLF,SAAS;AAI5C,eAAeG,oBAAoB"}

package/es/components/modal/modal-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/modal/modal-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAAS;IAEvC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,MAAM;IAgBN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"modal-footer.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss';\n\n/**\n * Modal footer.\n *\n * @element cds-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass BXModalFooter extends LitElement {\n  /**\n   * `true` if this modal footer has more than two buttons.\n   */\n  private _hasMoreThanTwoButtons = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange(event: Event) {\n    const { selectorButtons } = this.constructor as typeof BXModalFooter;\n    this._hasMoreThanTwoButtons =\n      (event.target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).matches(selectorButtons)\n        ).length > 2;\n    this.requestUpdate();\n  }\n\n  render() {\n    const {\n      _hasMoreThanTwoButtons: hasMoreThanTwoButtons,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--modal-footer`]: true,\n      [`${prefix}--modal-footer--three-button`]: hasMoreThanTwoButtons,\n    });\n    return html`\n      <div class=\"${classes}\">\n        <slot @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that selects the child buttons.\n   */\n  static get selectorButtons() {\n    return `${prefix}-btn,${prefix}-modal-footer-button`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalFooter;\n"]}
+{"version":3,"sources":["components/modal/modal-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAAS;IAEvC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,MAAM;IAgBN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"modal-footer.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss';\n\n/**\n * Modal footer.\n *\n * @element cds-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass BXModalFooter extends LitElement {\n  /**\n   * `true` if this modal footer has more than two buttons.\n   */\n  private _hasMoreThanTwoButtons = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange(event: Event) {\n    const { selectorButtons } = this.constructor as typeof BXModalFooter;\n    this._hasMoreThanTwoButtons =\n      (event.target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).matches(selectorButtons)\n        ).length > 2;\n    this.requestUpdate();\n  }\n\n  render() {\n    const {\n      _hasMoreThanTwoButtons: hasMoreThanTwoButtons,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--modal-footer`]: true,\n      [`${prefix}--modal-footer--three-button`]: hasMoreThanTwoButtons,\n    });\n    return html`\n      <div class=\"${classes}\">\n        <slot @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that selects the child buttons.\n   */\n  static get selectorButtons() {\n    return `${prefix}-button,${prefix}-modal-footer-button`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalFooter;\n"]}