@carbon/web-components 2.0.0-rc.2 → 2.0.0-rc.3

package/es/components/progress-indicator/progress-step-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-step-skeleton.js","names":["LitElement","html","property","customElement","prefix","styles","CircleDash","CDSProgressStepSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static","default"],"sources":["components/progress-indicator/progress-step-skeleton.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 } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-indicator.scss';\nimport CircleDash from '@carbon/web-components/es/icons/circle-dash/16';\nimport '../skeleton-text';\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nexport default class CDSProgressStepSkeleton extends LitElement {\n  /**\n   * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n        ${CircleDash()}\n        <p class=\"${prefix}--progress-label\">\n          <cds-skeleton-text width=\"40px\" linecount=\"1\"></cds-skeleton-text>\n        </p>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,OAAOC,UAAU,MAAM,gDAAgD;AACvE,OAAO,kBAAkB;;AAEzB;AACA;AACA;AAFA,IAIqBC,uBAAuB,GAAAC,SAAA,EAD3CL,aAAa,CAAE,GAAEC,MAAO,yBAAwB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAlD,MACqBH,uBAAuB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBhE;EAAC;IAAAI,CAAA,EArBoBN,uBAAuB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzCd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,OAAOrB,IAAI,CAAAsB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,iBAAe,CAAS,0BAAuB,CAAS;AACxD,UAAQ,CAAe;AACvB,oBAAkB,CAAS;AAC3B;AACA;AACA,uBAAqB,CAAS;AAC9B;AACA,KAAI,GAPapB,MAAM,EAA0BA,MAAM,EAC7CE,UAAU,EAAE,EACFF,MAAM,EAGHA,MAAM;MAG3B;IAAC;MAAAW,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GApB6BL,UAAU;AAAA,SAA1CO,uBAAuB,IAAAmB,OAAA"}
+{"version":3,"file":"progress-step-skeleton.js","names":["LitElement","html","property","prefix","styles","CircleDash","carbonElement","customElement","CDSProgressStepSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","_t","_","static","default"],"sources":["components/progress-indicator/progress-step-skeleton.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 } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-indicator.scss';\nimport CircleDash from '@carbon/icons/lib/circle-dash/16';\nimport '../skeleton-text';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nexport default class CDSProgressStepSkeleton extends LitElement {\n  /**\n   * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n        ${CircleDash()}\n        <p class=\"${prefix}--progress-label\">\n          <cds-skeleton-text width=\"40px\" linecount=\"1\"></cds-skeleton-text>\n        </p>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,OAAOC,UAAU,MAAM,4BAAkC;AACzD,OAAO,kBAAkB;AACzB,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIqBC,uBAAuB,GAAAC,SAAA,EAD3CF,aAAa,CAAE,GAAEJ,MAAO,yBAAwB,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAlD,MACqBH,uBAAuB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBhE;EAAC;IAAAI,CAAA,EArBoBN,uBAAuB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzCf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,iBAAe,CAAS,0BAAuB,CAAS;AACxD,UAAQ,CAAe;AACvB,oBAAkB,CAAS;AAC3B;AACA;AACA,uBAAqB,CAAS;AAC9B;AACA,KAAI,GAPatB,MAAM,EAA0BA,MAAM,EAC7CE,UAAU,CAAC,CAAC,EACFF,MAAM,EAGHA,MAAM;MAG3B;IAAC;MAAAa,IAAA;MAAAU,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GApB6BJ,UAAU;AAAA,SAA1CQ,uBAAuB,IAAAmB,OAAA"}

package/es/components/progress-indicator/progress-step.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/progress-indicator/progress-step.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAQ5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAY9B;;;;;GAKG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAsB;IACjE;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAGnB,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,kBAAkB,EAAG,MAAM,CAAC;IAG5B,cAAc,EAAG,MAAM,CAAC;IAExB;;OAEG;IAEH,KAAK,qBAAiC;IAEtC;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAwCN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB","file":"progress-step.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, svg } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport CircleDash16 from '@carbon/icons/lib/circle-dash/16';\nimport Incomplete16 from '@carbon/icons/lib/incomplete/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  /**\n   * The primary progress label.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * The progress state.\n   */\n  @property()\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * `true` if the progress step should be spaced equally.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n    }\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabelText || secondaryLabel;\n    return html`\n      <div class=\"${prefix}--progress-step-button\" tabindex=\"0\">\n        ${icons[state]({\n          class: {\n            [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n          }[state],\n          children: svgLabel ? svg`<title>${svgLabel}</title>` : undefined,\n        })}\n        <slot>\n          <p\n            role=\"button\"\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"]}
+{"version":3,"sources":["components/progress-indicator/progress-step.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAQ5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAY9B;;;;;GAKG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAsB;IACjE;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAGnB,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,kBAAkB,EAAG,MAAM,CAAC;IAG5B,cAAc,EAAG,MAAM,CAAC;IAExB;;OAEG;IAEH,KAAK,qBAAiC;IAEtC;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAwCN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB","file":"progress-step.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport CircleDash16 from '@carbon/icons/lib/circle-dash/16';\nimport Incomplete16 from '@carbon/icons/lib/incomplete/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  /**\n   * The primary progress label.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * The progress state.\n   */\n  @property()\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * `true` if the progress step should be spaced equally.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n    }\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabelText || secondaryLabel;\n    return html`\n      <div class=\"${prefix}--progress-step-button\" tabindex=\"0\">\n        ${icons[state]({\n          class: {\n            [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n          }[state],\n          children: svgLabel ? svg`<title>${svgLabel}</title>` : undefined,\n        })}\n        <slot>\n          <p\n            role=\"button\"\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"]}

package/es/components/progress-indicator/progress-step.js

@@ -16,7 +16,7 @@ let _ = t => t,
  */
 
 import { LitElement, html, svg } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import CheckmarkOutline16 from "../../icons/checkmark--outline/16";
 import CircleDash16 from "../../icons/circle-dash/16";
 import Incomplete16 from "../../icons/incomplete/16";
@@ -25,6 +25,7 @@ import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import { PROGRESS_STEP_STAT } from './defs';
 import styles from "././progress-indicator.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { PROGRESS_STEP_STAT };
 
 /**

package/es/components/progress-indicator/progress-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-step.js","names":["LitElement","html","svg","property","customElement","CheckmarkOutline16","CircleDash16","Incomplete16","Warning16","prefix","FocusMixin","PROGRESS_STEP_STAT","styles","icons","COMPLETE","INCOMPLETE","INVALID","CURRENT","CDSProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","description","iconLabel","label","secondaryLabelText","secondaryLabel","state","svgLabel","optionalLabel","_t","_","class","children","_t2","undefined","_t3","static","_objectSpread","shadowRootOptions","delegatesFocus","default"],"sources":["components/progress-indicator/progress-step.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, svg } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport CircleDash16 from '@carbon/icons/lib/circle-dash/16';\nimport Incomplete16 from '@carbon/icons/lib/incomplete/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  /**\n   * The primary progress label.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * The progress state.\n   */\n  @property()\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * `true` if the progress step should be spaced equally.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n    }\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabelText || secondaryLabel;\n    return html`\n      <div class=\"${prefix}--progress-step-button\" tabindex=\"0\">\n        ${icons[state]({\n          class: {\n            [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n          }[state],\n          children: svgLabel ? svg`<title>${svgLabel}</title>` : undefined,\n        })}\n        <slot>\n          <p\n            role=\"button\"\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"],"mappings":"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"}
+{"version":3,"file":"progress-step.js","names":["LitElement","html","svg","property","CheckmarkOutline16","CircleDash16","Incomplete16","Warning16","prefix","FocusMixin","PROGRESS_STEP_STAT","styles","carbonElement","customElement","icons","COMPLETE","INCOMPLETE","INVALID","CURRENT","CDSProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","description","iconLabel","label","secondaryLabelText","secondaryLabel","state","svgLabel","optionalLabel","_t","_","class","children","_t2","undefined","_t3","static","_objectSpread","shadowRootOptions","delegatesFocus","default"],"sources":["components/progress-indicator/progress-step.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, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport CircleDash16 from '@carbon/icons/lib/circle-dash/16';\nimport Incomplete16 from '@carbon/icons/lib/incomplete/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  /**\n   * The primary progress label.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * The progress state.\n   */\n  @property()\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * `true` if the progress step should be spaced equally.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n    }\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabelText || secondaryLabel;\n    return html`\n      <div class=\"${prefix}--progress-step-button\" tabindex=\"0\">\n        ${icons[state]({\n          class: {\n            [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n          }[state],\n          children: svgLabel ? svg`<title>${svgLabel}</title>` : undefined,\n        })}\n        <slot>\n          <p\n            role=\"button\"\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"],"mappings":"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"}

package/es/components/radio-button/radio-button-group.d.ts

@@ -627,7 +627,9 @@ declare const CDSRadioButtonGroup_base: (abstract new (...args: any[]) => {
     _hostListeners: {
         [listenerName: string]: {
             [type: string]: {
-                options?: boolean | AddEventListenerOptions | undefined;
+                options?: boolean | AddEventListenerOptions | undefined; /**
+                 * The label position.
+                 */
             };
         };
     };
@@ -660,6 +662,26 @@ declare class CDSRadioButtonGroup extends CDSRadioButtonGroup_base {
      * The label position.
      */
     legendText: string;
+    /**
+     * The helper text.
+     */
+    helperText: any;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText: string;
+    /**
+     * Specify if the currently value is invalid.
+     */
+    invalid: boolean;
+    /**
+     * Message which is displayed if the value is invalid.
+     */
+    invalidText: string;
     /**
      * The `name` attribute for the `<input>` for selection.
      */

package/es/components/radio-button/radio-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAI/E,OAAO,EAAE,wBAAwB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpC;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,wBAAwC;IACxE;;OAEG;IAGH,OAAO,CAAC,6BAA6B,CAqBnC;IAEF,eAAe,CAAC,KAAK,EAAE,KAAK;IAY5B;;OAEG;IAEH,eAAe,EAAG,MAAM,CAAC;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAuBzB,MAAM;IAmBN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"radio-button-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport CDSRadioButton from './radio-button';\nimport styles from './radio-button.scss';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'readOnly', 'name'].forEach(\n      (name) => {\n        if (changedProperties.has(name)) {\n          const { [name as keyof CDSRadioButtonGroup]: value } = this;\n          // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n          forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n            (elem as CDSRadioButton)[name] = value;\n          });\n        }\n      }\n    );\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n  }\n\n  render() {\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: this.readOnly,\n      [`${prefix}--radio-button-group--${this.orientation}`]:\n        this.orientation === 'vertical',\n    });\n\n    return html` <fieldset\n      class=\"${fieldsetClasses}\"\n      ?disabled=\"${this.disabled}\"\n      aria-readonly=\"${this.readOnly}\">\n      ${this.legendText\n        ? html` <legend class=\"${prefix}--label\">${this.legendText}</legend>`\n        : ``}\n      <slot></slot>\n    </fieldset>`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"]}
+{"version":3,"sources":["components/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAO/E,OAAO,EAAE,wBAAwB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEA8DlC;;mBAEG;;;;;AA9DL;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,wBAAwC;IACxE;;OAEG;IAGH,OAAO,CAAC,6BAA6B,CAqBnC;IAEF,eAAe,CAAC,KAAK,EAAE,KAAK;IAY5B;;OAEG;IAEH,eAAe,EAAG,MAAM,CAAC;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,OAAO,CAAC,iBAAiB,KAAA;IA4BzB,MAAM;IA2DN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"radio-button-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport CDSRadioButton from './radio-button';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText;\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   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'readOnly', 'name'].forEach(\n      (name) => {\n        if (changedProperties.has(name)) {\n          const { [name as keyof CDSRadioButtonGroup]: value } = this;\n          // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n          forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n            (elem as CDSRadioButton)[name] = value;\n          });\n        }\n      }\n    );\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n    if (changedProperties.has('invalid')) {\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).invalid = this.invalid;\n      });\n    }\n  }\n\n  render() {\n    const {\n      readOnly,\n      invalid,\n      invalidText,\n      warn,\n      warnText,\n      disabled,\n      orientation,\n      legendText,\n      helperText,\n    } = this;\n\n    const showWarning = !readOnly && !invalid && warn;\n    const showHelper = !invalid && !disabled && !warn;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--radio-button__invalid-icon`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n    });\n\n    const helper = helperText\n      ? html`<div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: readOnly,\n      [`${prefix}--radio-button-group--${orientation}`]:\n        orientation === 'vertical',\n    });\n\n    return html` <fieldset\n        class=\"${fieldsetClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${readOnly}\">\n        ${legendText\n          ? html` <legend class=\"${prefix}--label\">${legendText}</legend>`\n          : ``}\n        <slot></slot>\n      </fieldset>\n      <div class=\"${prefix}--radio-button__validation-msg\">\n        ${!readOnly && invalid\n          ? html`\n              ${invalidIcon}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`${warnIcon}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>`\n          : null}\n      </div>\n      ${showHelper ? helper : null}`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"]}

package/es/components/radio-button/radio-button-group.js

@@ -1,7 +1,10 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
 let _ = t => t,
   _t,
-  _t2;
+  _t2,
+  _t3,
+  _t4,
+  _t5;
 /**
  * @license
  *
@@ -12,7 +15,7 @@ let _ = t => t,
  */
 
 import { LitElement, html } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { prefix } from '../../globals/settings';
 import FormMixin from '../../globals/mixins/form';
@@ -20,7 +23,10 @@ import HostListenerMixin from '../../globals/mixins/host-listener';
 import HostListener from '../../globals/decorators/host-listener';
 import { find, forEach } from '../../globals/internal/collection-helpers';
 import { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';
+import WarningFilled16 from "../../icons/warning--filled/16";
+import WarningAltFilled16 from "../../icons/warning--alt--filled/16";
 import styles from "././radio-button.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { RADIO_BUTTON_ORIENTATION };
 
 /**
@@ -124,6 +130,51 @@ let CDSRadioButtonGroup = _decorate([customElement(`${prefix}-radio-button-group
       value() {
         return '';
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'helper-text'
+      })],
+      key: "helperText",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "warn",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'warn-text'
+      })],
+      key: "warnText",
+      value() {
+        return '';
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "invalid",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'invalid-text'
+      })],
+      key: "invalidText",
+      value() {
+        return '';
+      }
     }, {
       kind: "field",
       decorators: [property()],
@@ -166,6 +217,21 @@ let CDSRadioButtonGroup = _decorate([customElement(`${prefix}-radio-button-group
       /**
        * The label position.
        */
+      /**
+       * The helper text.
+       */
+      /**
+       * Specify whether the control is currently in warning state
+       */
+      /**
+       * Provide the text that is displayed when the control is in warning state
+       */
+      /**
+       * Specify if the currently value is invalid.
+       */
+      /**
+       * Message which is displayed if the value is invalid.
+       */
       /**
        * The `name` attribute for the `<input>` for selection.
        */
@@ -201,23 +267,57 @@ let CDSRadioButtonGroup = _decorate([customElement(`${prefix}-radio-button-group
             elem.checked = value === elem.value;
           });
         }
+        if (changedProperties.has('invalid')) {
+          forEach(this.querySelectorAll(selectorRadioButton), elem => {
+            elem.invalid = this.invalid;
+          });
+        }
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
+        const {
+          readOnly,
+          invalid,
+          invalidText,
+          warn,
+          warnText,
+          disabled,
+          orientation,
+          legendText,
+          helperText
+        } = this;
+        const showWarning = !readOnly && !invalid && warn;
+        const showHelper = !invalid && !disabled && !warn;
+        const invalidIcon = WarningFilled16({
+          class: `${prefix}--radio-button__invalid-icon`
+        });
+        const warnIcon = WarningAltFilled16({
+          class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`
+        });
+        const helper = helperText ? html(_t || (_t = _`<div class="${0}--form__helper-text">${0}</div>`), prefix, helperText) : null;
         const fieldsetClasses = classMap({
           [`${prefix}--radio-button-group`]: true,
-          [`${prefix}--radio-button-group--readonly`]: this.readOnly,
-          [`${prefix}--radio-button-group--${this.orientation}`]: this.orientation === 'vertical'
+          [`${prefix}--radio-button-group--readonly`]: readOnly,
+          [`${prefix}--radio-button-group--${orientation}`]: orientation === 'vertical'
         });
-        return html(_t || (_t = _` <fieldset
-      class="${0}"
-      ?disabled="${0}"
-      aria-readonly="${0}">
-      ${0}
-      <slot></slot>
-    </fieldset>`), fieldsetClasses, this.disabled, this.readOnly, this.legendText ? html(_t2 || (_t2 = _` <legend class="${0}--label">${0}</legend>`), prefix, this.legendText) : ``);
+        return html(_t2 || (_t2 = _` <fieldset
+        class="${0}"
+        ?disabled="${0}"
+        aria-readonly="${0}">
+        ${0}
+        <slot></slot>
+      </fieldset>
+      <div class="${0}--radio-button__validation-msg">
+        ${0}
+        ${0}
+      </div>
+      ${0}`), fieldsetClasses, disabled, readOnly, legendText ? html(_t3 || (_t3 = _` <legend class="${0}--label">${0}</legend>`), prefix, legendText) : ``, prefix, !readOnly && invalid ? html(_t4 || (_t4 = _`
+              ${0}
+              <div class="${0}--form-requirement">${0}</div>
+            `), invalidIcon, prefix, invalidText) : null, showWarning ? html(_t5 || (_t5 = _`${0}
+              <div class="${0}--form-requirement">${0}</div>`), warnIcon, prefix, warnText) : null, showHelper ? helper : null);
       }
 
       /**

package/es/components/radio-button/radio-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.js","names":["LitElement","html","property","customElement","classMap","prefix","FormMixin","HostListenerMixin","HostListener","find","forEach","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","CDSRadioButtonGroup","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","decorators","key","value","selectorRadioButton","selected","querySelectorAll","elem","checked","oldValue","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleFormdata","event","formData","disabled","name","append","type","Boolean","reflect","attribute","RIGHT","HORIZONTAL","updated","changedProperties","has","render","fieldsetClasses","readOnly","orientation","_t","_","legendText","_t2","static","eventChangeRadioButton"],"sources":["components/radio-button/radio-button-group.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 } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport CDSRadioButton from './radio-button';\nimport styles from './radio-button.scss';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'readOnly', 'name'].forEach(\n      (name) => {\n        if (changedProperties.has(name)) {\n          const { [name as keyof CDSRadioButtonGroup]: value } = this;\n          // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n          forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n            (elem as CDSRadioButton)[name] = value;\n          });\n        }\n      }\n    );\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n  }\n\n  render() {\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: this.readOnly,\n      [`${prefix}--radio-button-group--${this.orientation}`]:\n        this.orientation === 'vertical',\n    });\n\n    return html` <fieldset\n      class=\"${fieldsetClasses}\"\n      ?disabled=\"${this.disabled}\"\n      aria-readonly=\"${this.readOnly}\">\n      ${this.legendText\n        ? html` <legend class=\"${prefix}--label\">${this.legendText}</legend>`\n        : ``}\n      <slot></slot>\n    </fieldset>`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"],"mappings":"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"}
+{"version":3,"file":"radio-button-group.js","names":["LitElement","html","property","classMap","prefix","FormMixin","HostListenerMixin","HostListener","find","forEach","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","WarningFilled16","WarningAltFilled16","styles","carbonElement","customElement","CDSRadioButtonGroup","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","decorators","key","value","selectorRadioButton","selected","querySelectorAll","elem","checked","oldValue","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleFormdata","event","formData","disabled","name","append","type","Boolean","reflect","attribute","RIGHT","HORIZONTAL","updated","changedProperties","has","invalid","render","readOnly","invalidText","warn","warnText","orientation","legendText","helperText","showWarning","showHelper","invalidIcon","class","warnIcon","helper","_t","_","fieldsetClasses","_t2","_t3","_t4","_t5","static","eventChangeRadioButton"],"sources":["components/radio-button/radio-button-group.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 } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport CDSRadioButton from './radio-button';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText;\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   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'readOnly', 'name'].forEach(\n      (name) => {\n        if (changedProperties.has(name)) {\n          const { [name as keyof CDSRadioButtonGroup]: value } = this;\n          // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n          forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n            (elem as CDSRadioButton)[name] = value;\n          });\n        }\n      }\n    );\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n    if (changedProperties.has('invalid')) {\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).invalid = this.invalid;\n      });\n    }\n  }\n\n  render() {\n    const {\n      readOnly,\n      invalid,\n      invalidText,\n      warn,\n      warnText,\n      disabled,\n      orientation,\n      legendText,\n      helperText,\n    } = this;\n\n    const showWarning = !readOnly && !invalid && warn;\n    const showHelper = !invalid && !disabled && !warn;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--radio-button__invalid-icon`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n    });\n\n    const helper = helperText\n      ? html`<div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: readOnly,\n      [`${prefix}--radio-button-group--${orientation}`]:\n        orientation === 'vertical',\n    });\n\n    return html` <fieldset\n        class=\"${fieldsetClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${readOnly}\">\n        ${legendText\n          ? html` <legend class=\"${prefix}--label\">${legendText}</legend>`\n          : ``}\n        <slot></slot>\n      </fieldset>\n      <div class=\"${prefix}--radio-button__validation-msg\">\n        ${!readOnly && invalid\n          ? html`\n              ${invalidIcon}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`${warnIcon}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>`\n          : null}\n      </div>\n      ${showHelper ? helper : null}`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"],"mappings":"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"}

package/es/components/radio-button/radio-button-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/radio-button/radio-button-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"radio-button-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"]}
+{"version":3,"sources":["components/radio-button/radio-button-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"radio-button-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"]}

package/es/components/radio-button/radio-button-skeleton.js

@@ -11,15 +11,13 @@ let _ = t => t,
  */
 
 import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import styles from "././radio-button.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**
  * Skeleton of radio button.
- */ /**
-     * Skeleton of radio button.
-     */
+ */
 let CDSRadioButtonSkeleton = _decorate([customElement(`${prefix}-radio-button-skeleton`)], function (_initialize, _LitElement) {
   class CDSRadioButtonSkeleton extends _LitElement {
     constructor(...args) {

package/es/components/radio-button/radio-button-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-skeleton.js","names":["LitElement","html","customElement","prefix","styles","CDSRadioButtonSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,yBAAqB;;AAExC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,sBAAsB,GAAAC,SAAA,EAD3BJ,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAjD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAShD;EAAC;IAAAI,CAAA,EATKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC1B,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS,kBAAe,CAAS;AACnD,qBAAmB,CAAS,yBAAsB,CAAS;AAC3D,KAAI,GAFgBf,MAAM,EAAkBA,MAAM,EAC7BA,MAAM,EAAyBA,MAAM;MAExD;IAAC;MAAAU,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GARaJ,UAAU;AAW/C,eAAeK,sBAAsB"}
+{"version":3,"file":"radio-button-skeleton.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSRadioButtonSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/radio-button/radio-button-skeleton.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 { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIMC,sBAAsB,GAAAC,SAAA,EAD3BF,aAAa,CAAE,GAAEH,MAAO,wBAAuB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAShD;EAAC;IAAAI,CAAA,EATKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC1B,SAAAC,OAAA,EAAS;QACP,OAAOhB,IAAI,CAAAiB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS,kBAAe,CAAS;AACnD,qBAAmB,CAAS,yBAAsB,CAAS;AAC3D,KAAI,GAFgBjB,MAAM,EAAkBA,MAAM,EAC7BA,MAAM,EAAyBA,MAAM;MAExD;IAAC;MAAAY,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GARaH,UAAU;AAW/C,eAAeM,sBAAsB"}

package/es/components/radio-button/radio-button.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--radio-button-group,:host(cds-radio-button-group){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;display:flex;align-items:center}.cds--radio-button-group *,.cds--radio-button-group ::after,.cds--radio-button-group ::before,:host(cds-radio-button-group) *,:host(cds-radio-button-group) ::after,:host(cds-radio-button-group) ::before{box-sizing:inherit}.cds--label+.cds--form-item .cds--radio-button-group,.cds--label+.cds--form-item :host(cds-radio-button-group){margin-top:0}.cds--radio-button-group--vertical,:host(cds-radio-button-group[orientation=vertical]){flex-direction:column;align-items:flex-start}.cds--radio-button-group--label-left:host(cds-radio-button-group[orientation=vertical]),.cds--radio-button-group--vertical.cds--radio-button-group--label-left,.cds--radio-button-group--vertical:host(cds-radio-button-group[label-position=left]),:host(cds-radio-button-group[label-position=left]):host(cds-radio-button-group[orientation=vertical]){align-items:flex-end}.cds--radio-button-group--vertical .cds--radio-button__label,:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__label{margin-right:0;line-height:1.25}.cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type),:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__label:not(:last-of-type){margin-bottom:.5rem}.cds--radio-button{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap;visibility:inherit}.cds--radio-button__label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;margin-right:1rem;cursor:pointer}.cds--radio-button__appearance{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:1.125rem;height:1.125rem;flex-shrink:0;border:1px solid var(--cds-icon-primary,#161616);margin:.0625rem .5rem .125rem .125rem;background-color:transparent;border-radius:50%}.cds--radio-button__appearance *,.cds--radio-button__appearance ::after,.cds--radio-button__appearance ::before{box-sizing:inherit}.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance{display:flex;align-items:center;justify-content:center;border-color:var(--cds-icon-primary,#161616)}.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance::before{position:relative;display:inline-block;width:100%;height:100%;background-color:var(--cds-icon-primary,#161616);border-radius:50%;content:\"\";transform:scale(.5)}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance::before{fill:ButtonText;background-color:ButtonText}}.cds--radio-button:disabled+.cds--radio-button__label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance,.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance::before,.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance::before{background-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--radio-button-group--readonly .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance,:host(cds-radio-button[readOnly]) .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--radio-button-group--readonly .cds--radio-button__label,:host(cds-radio-button[readOnly]) .cds--radio-button__label{cursor:default}.cds--radio-button-group--readonly .cds--radio-button__label-text,:host(cds-radio-button[readOnly]) .cds--radio-button__label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--radio-button-group--invalid .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}.cds--radio-button__validation-msg{display:none;align-items:flex-end;margin-top:.375rem}.cds--radio-button__invalid-icon{margin:0 .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28)}.cds--radio-button__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--radio-button__invalid-icon--warning path:first-of-type{fill:#000}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg,.cds--radio-button-group--warning+.cds--radio-button__validation-msg{display:flex}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement,.cds--radio-button-group--warning+.cds--radio-button__validation-msg .cds--form-requirement{display:block;overflow:visible;max-height:100%;margin-top:0;margin-left:.5rem}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--radio-button-group~.cds--form__helper-text,:host(cds-radio-button-group)~.cds--form__helper-text{margin-top:.375rem}.cds--radio-button:focus+.cds--radio-button__label .cds--radio-button__appearance{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1.5px}.cds--radio-button__label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1.125rem}.cds--radio-button__label.cds--skeleton:active,.cds--radio-button__label.cds--skeleton:focus,.cds--radio-button__label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--radio-button__label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--radio-button__label.cds--skeleton::before{animation:none}}.cds--radio-button__label.cds--skeleton .cds--radio-button__appearance{display:none}.cds--radio-button-wrapper .cds--radio-button__label,:host(cds-radio-button) .cds--radio-button__label{display:flex;align-items:flex-start;justify-content:center;margin:0}.cds--radio-button-wrapper:not(:last-of-type),:not(:last-of-type):host(cds-radio-button){margin-right:1rem}.cds--radio-button-group--vertical .cds--radio-button-wrapper:not(:last-of-type),.cds--radio-button-group--vertical :not(:last-of-type):host(cds-radio-button),:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button-wrapper:not(:last-of-type),:host(cds-radio-button-group[orientation=vertical]) :not(:last-of-type):host(cds-radio-button){margin-right:0;margin-bottom:.5rem}.cds--radio-button-group--label-right .cds--radio-button__label,.cds--radio-button-wrapper--label-right:host(cds-radio-button) .cds--radio-button__label,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-right .cds--radio-button__label{flex-direction:row}.cds--radio-button-group--label-left .cds--radio-button__label,.cds--radio-button-wrapper--label-left:host(cds-radio-button) .cds--radio-button__label,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__label,:host(cds-radio-button-group[label-position=left]) .cds--radio-button__label{flex-direction:row-reverse}.cds--radio-button-group--label-left .cds--radio-button__appearance,.cds--radio-button-wrapper--label-left:host(cds-radio-button) .cds--radio-button__appearance,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance,:host(cds-radio-button-group[label-position=left]) .cds--radio-button__appearance{margin-right:0;margin-left:.5rem}:host(cds-radio-button){outline:0}:host(cds-radio-button) .cds--radio-button__label{flex-direction:row}:host(cds-radio-button[data-table]) .cds--radio-button__label{width:1.75rem}:host(cds-radio-button[data-table]) .cds--radio-button__appearance{margin-right:-.125rem}:host(cds-radio-button[disabledItem]) .cds--radio-button__label,:host(cds-radio-button[disabled]) .cds--radio-button__label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-radio-button[disabledItem]) .cds--radio-button__appearance,:host(cds-radio-button[disabled]) .cds--radio-button__appearance{border-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-radio-button[disabledItem]) .cds--radio-button__appearance::before,:host(cds-radio-button[disabled]) .cds--radio-button__appearance::before{background-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-radio-button[label-position=left]) .cds--radio-button__label{flex-direction:row-reverse}:host(cds-radio-button[label-position=left]) .cds--radio-button__appearance{margin-right:0;margin-left:.5rem}",
+  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset ::after,.cds--fieldset ::before{box-sizing:inherit}.cds--form-item,:host(cds-radio-button-group){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--radio-button-group{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;display:flex;align-items:center}.cds--radio-button-group *,.cds--radio-button-group ::after,.cds--radio-button-group ::before{box-sizing:inherit}.cds--label+.cds--form-item .cds--radio-button-group,.cds--label+:host(cds-radio-button-group) .cds--radio-button-group{margin-top:0}.cds--radio-button-group--vertical,:host(cds-radio-button-group[orientation=vertical]){flex-direction:column;align-items:flex-start}.cds--radio-button-group--vertical.cds--radio-button-group--label-left{align-items:flex-end}.cds--radio-button-group--vertical .cds--radio-button__label,:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__label{margin-right:0;line-height:1.25}.cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type),:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button__label:not(:last-of-type){margin-bottom:.5rem}.cds--radio-button{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap;visibility:inherit}.cds--radio-button__label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;margin-right:1rem;cursor:pointer}.cds--radio-button__appearance{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:1.125rem;height:1.125rem;flex-shrink:0;border:1px solid var(--cds-icon-primary,#161616);margin:.0625rem .5rem .125rem .125rem;background-color:transparent;border-radius:50%}.cds--radio-button__appearance *,.cds--radio-button__appearance ::after,.cds--radio-button__appearance ::before{box-sizing:inherit}.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance{display:flex;align-items:center;justify-content:center;border-color:var(--cds-icon-primary,#161616)}.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance::before{position:relative;display:inline-block;width:100%;height:100%;background-color:var(--cds-icon-primary,#161616);border-radius:50%;content:\"\";transform:scale(.5)}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance::before{fill:ButtonText;background-color:ButtonText}}.cds--radio-button:disabled+.cds--radio-button__label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance,.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance::before,.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance::before{background-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--radio-button-group--readonly .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance,:host(cds-radio-button[readOnly]) .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--radio-button-group--readonly .cds--radio-button__label,:host(cds-radio-button[readOnly]) .cds--radio-button__label{cursor:default}.cds--radio-button-group--readonly .cds--radio-button__label-text,:host(cds-radio-button[readOnly]) .cds--radio-button__label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--radio-button-group--invalid .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}.cds--radio-button__validation-msg{display:none;align-items:flex-end;margin-top:.375rem}.cds--radio-button__invalid-icon{margin:0 .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28)}.cds--radio-button__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--radio-button__invalid-icon--warning path:first-of-type{fill:#000}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg,.cds--radio-button-group--warning+.cds--radio-button__validation-msg{display:flex}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement,.cds--radio-button-group--warning+.cds--radio-button__validation-msg .cds--form-requirement{display:block;overflow:visible;max-height:100%;margin-top:0;margin-left:.5rem}.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--radio-button-group~.cds--form__helper-text{margin-top:.375rem}.cds--radio-button:focus+.cds--radio-button__label .cds--radio-button__appearance{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1.5px}.cds--radio-button__label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1.125rem}.cds--radio-button__label.cds--skeleton:active,.cds--radio-button__label.cds--skeleton:focus,.cds--radio-button__label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--radio-button__label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--radio-button__label.cds--skeleton::before{animation:none}}.cds--radio-button__label.cds--skeleton .cds--radio-button__appearance{display:none}.cds--radio-button-wrapper .cds--radio-button__label,:host(cds-radio-button) .cds--radio-button__label{display:flex;align-items:flex-start;justify-content:center;margin:0}.cds--radio-button-wrapper:not(:last-of-type),:not(:last-of-type):host(cds-radio-button){margin-right:1rem}.cds--radio-button-group--vertical .cds--radio-button-wrapper:not(:last-of-type),.cds--radio-button-group--vertical :not(:last-of-type):host(cds-radio-button),:host(cds-radio-button-group[orientation=vertical]) .cds--radio-button-wrapper:not(:last-of-type),:host(cds-radio-button-group[orientation=vertical]) :not(:last-of-type):host(cds-radio-button){margin-right:0;margin-bottom:.5rem}.cds--radio-button-group--label-right .cds--radio-button__label,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-right .cds--radio-button__label{flex-direction:row}.cds--radio-button-group--label-left .cds--radio-button__label,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__label,:host(cds-radio-button-group[label-position=left]) .cds--radio-button__label{flex-direction:row-reverse}.cds--radio-button-group--label-left .cds--radio-button__appearance,.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance,:host(cds-radio-button-group[label-position=left]) .cds--radio-button__appearance{margin-right:0;margin-left:.5rem}:host(cds-radio-button-group[invalid]) .cds--radio-button__validation-msg,:host(cds-radio-button-group[warn]) .cds--radio-button__validation-msg{display:flex}:host(cds-radio-button-group[invalid]) .cds--radio-button__validation-msg .cds--form-requirement,:host(cds-radio-button-group[warn]) .cds--radio-button__validation-msg .cds--form-requirement{display:block;overflow:visible;max-height:100%;margin-top:0;margin-left:.5rem}:host(cds-radio-button-group[invalid]) .cds--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-radio-button){outline:0}:host(cds-radio-button) .cds--radio-button__label{flex-direction:row}:host(cds-radio-button[invalid]) .cds--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}:host(cds-radio-button[data-table]) .cds--radio-button__label{width:1.75rem}:host(cds-radio-button[data-table]) .cds--radio-button__appearance{margin-right:-.125rem}:host(cds-radio-button[disabledItem]) .cds--radio-button__label,:host(cds-radio-button[disabled]) .cds--radio-button__label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-radio-button[disabledItem]) .cds--radio-button__appearance,:host(cds-radio-button[disabled]) .cds--radio-button__appearance{border-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-radio-button[disabledItem]) .cds--radio-button__appearance::before,:host(cds-radio-button[disabled]) .cds--radio-button__appearance::before{background-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-radio-button[label-position=left]) .cds--radio-button__label{flex-direction:row-reverse}:host(cds-radio-button[label-position=left]) .cds--radio-button__appearance{margin-right:0;margin-left:.5rem}",
 ]);

package/es/components/radio-button/radio-button.d.ts

@@ -677,6 +677,10 @@ declare class CDSRadioButton extends CDSRadioButton_base {
      * `true` if the label should be hidden.
      */
     hideLabel: boolean;
+    /**
+     * Specify if the currently value is invalid.
+     */
+    invalid: boolean;
     /**
      * The label position.
      */