npm - @carbon/web-components - Versions diffs - 2.0.0-beta.2 → 2.0.0-beta.4 - Mend

@carbon/web-components 2.0.0-beta.2 → 2.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (615) hide show

package/es/components/button/button.js CHANGED Viewed

@@ -48,12 +48,6 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       value() {
         return false;
       }
-    }, {
-      kind: "field",
-      key: "_hasMainContent",
-      value() {
-        return false;
-      }
     }, {
       kind: "method",
       key: "_handleSlotChange",
@@ -62,10 +56,6 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
        * `true` if there is an icon.
        */
-      /**
-       * `true` if there is a non-icon content.
-       */
       /**
        * Handles `slotchange` event.
        */
@@ -76,7 +66,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
           name
         } = target;
         const hasContent = target.assignedNodes().some(node => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
-        this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;
+        this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;
         this.requestUpdate();
       }
     }, {
@@ -99,7 +89,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       key: "_handleOver",
       value() {
         return () => {
-          this.openTooltip = !this.openTooltip;
+          this.openTooltip = true;
         };
       }
     }, {
@@ -108,7 +98,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       key: "_handleHoverOut",
       value() {
         return async () => {
-          this.openTooltip = !this.openTooltip;
+          this.openTooltip = false;
         };
       }
     }, {
@@ -117,7 +107,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       key: "_handleFocus",
       value() {
         return async event => {
-          this._handleOver();
+          this.openTooltip = true;
         };
       }
     }, {
@@ -126,7 +116,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       key: "_handleFocusout",
       value() {
         return async event => {
-          this._handleOver();
+          this.openTooltip = false;
         };
       }
     }, {
@@ -139,6 +129,25 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'batch-action'
+      })],
+      key: "batchAction",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true,
+        attribute: 'class-name'
+      })],
+      key: "className",
+      value: void 0
     }, {
       kind: "field",
       decorators: [property({
@@ -164,6 +173,17 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       })],
       key: "download",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true,
+        attribute: 'has-main-content',
+        type: Boolean
+      })],
+      key: "hasMainContent",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -310,6 +330,12 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       /**
        * `true` if the button should have input focus when the page loads.
        */
+      /**
+       * `true` if the button is being used within a data table batch action toolbar
+       */
+      /**
+       * Specify an optional className to be added to your Button
+       */
       /**
        * Specify the message read by screen readers for the danger button variant
        */
@@ -319,6 +345,9 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       /**
        * The default file name, used if this button is rendered as `<a>`.
        */
+      /**
+       * `true` if there is a non-icon content.
+       */
       /**
        * Link `href`. If present, this button is rendered as `<a>`.
        */
@@ -371,6 +400,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
       function render() {
         const {
           autofocus,
+          className,
           dangerDescriptor,
           disabled,
           download,
@@ -390,10 +420,10 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
           tooltipText,
           type,
           _hasIcon: hasIcon,
-          _hasMainContent: hasMainContent,
+          hasMainContent,
           _handleSlotChange: handleSlotChange
         } = this;
-        const classes = classMap({
+        let defaultClasses = {
           [`${prefix}--btn`]: true,
           [`${prefix}--btn--${kind}`]: kind,
           [`${prefix}--btn--disabled`]: disabled,
@@ -402,7 +432,15 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
           [`${prefix}-ce--btn--has-icon`]: hasIcon,
           [`${prefix}--btn--expressive`]: isExpressive,
           [`${prefix}--btn--selected`]: isSelected && kind === 'ghost'
-        });
+        };
+        if (className) {
+          const outputObject = {};
+          className === null || className === void 0 ? void 0 : className.split(' ').forEach(element => {
+            outputObject[element] = true;
+          });
+          defaultClasses = outputObject;
+        }
+        const classes = classMap(defaultClasses);
         const isDanger = kind.includes('danger');
         if (href) {
           return disabled ? html(_t || (_t = _`
@@ -438,7 +476,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
           [`${prefix}--popover--open`]: openTooltip,
           [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText
         });
-        return tooltipText ? html(_t3 || (_t3 = _`
+        return tooltipText && !disabled ? html(_t3 || (_t3 = _`
           <span class="${0}">
             <button
               id="button"

package/es/components/button/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","names":["classMap","ifDefined","LitElement","html","property","customElement","prefix","FocusMixin","BUTTON_KIND","BUTTON_TYPE","BUTTON_SIZE","BUTTON_TOOLTIP_ALIGNMENT","BUTTON_TOOLTIP_POSITION","styles","HostListener","HostListenerMixin","CDSButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","capture","_handleDisabledClick","event","disabled","stopPropagation","openTooltip","_handleOver","type","Boolean","reflect","attribute","PRIMARY","CENTER","TOP","BUTTON","render","autofocus","dangerDescriptor","download","href","hreflang","isExpressive","isSelected","linkRole","ping","rel","size","tooltipAlignment","tooltipPosition","tooltipText","_hasIcon","hasIcon","_hasMainContent","hasMainContent","handleSlotChange","classes","isDanger","includes","_t","_","_t2","alignmentClass","BOTTOM","tooltipClasses","_t3","_t4","_t5","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/button/button.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/\n Button.\n \n @element cds-button\n * @csspart button The button.\n /\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /\n `true` if there is an icon.\n /\n private _hasIcon = false;\n\n /\n `true` if there is a non-icon content.\n /\n private _hasMainContent = false;\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n @HostListener('mouseover')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = !this.openTooltip;\n };\n\n /\n Handles `keydown` event on this element.\n /\n @HostListener('mouseout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = !this.openTooltip;\n };\n\n /\n Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n /\n @HostListener('focus')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async (event) => {\n this._handleOver();\n };\n\n /\n Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n /\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async (event) => {\n this._handleOver();\n };\n\n /\n `true` if the button should have input focus when the page loads.\n /\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /\n Specify the message read by screen readers for the danger button variant\n /\n @property({ reflect: true, attribute: 'danger-descriptor' })\n dangerDescriptor;\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The default file name, used if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n download!: string;\n\n /\n Link `href`. If present, this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n href!: string;\n\n /\n The language of what `href` points to, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n hreflang!: string;\n\n /\n `true` if expressive theme enabled.\n /\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /\n Specify whether the Button is currently selected.\n * Only applies to the Ghost variant.\n /\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /\n Button kind.\n /\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /\n The a11y role for `<a>`.\n /\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /\n Boolean to determine if tooltip is open.\n /\n @property({ type: Boolean })\n openTooltip = false;\n\n /\n URLs to ping, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n ping!: string;\n\n /\n The link type, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n rel!: string;\n\n /\n Button size.\n /\n @property({ reflect: true })\n size = 'lg';\n\n /\n The link target, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n target!: string;\n\n /\n Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n /\n @property({ reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /\n Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n /\n @property({ reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /\n Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n /\n @property({ reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /\n Button type.\n */\n @property({ reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n dangerDescriptor,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n });\n\n const isDanger = kind.includes('danger');\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP \|\|\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n ${isDanger\n ? html`<span class=\"${prefix}--visually-hidden\"\n >${dangerDescriptor}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSButton;\n"],"mappings":"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"}
1	+ {"version":3,"file":"button.js","names":["classMap","ifDefined","LitElement","html","property","customElement","prefix","FocusMixin","BUTTON_KIND","BUTTON_TYPE","BUTTON_SIZE","BUTTON_TOOLTIP_ALIGNMENT","BUTTON_TOOLTIP_POSITION","styles","HostListener","HostListenerMixin","CDSButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","capture","_handleDisabledClick","event","disabled","stopPropagation","openTooltip","type","Boolean","reflect","attribute","PRIMARY","CENTER","TOP","BUTTON","render","autofocus","className","dangerDescriptor","download","href","hreflang","isExpressive","isSelected","linkRole","ping","rel","size","tooltipAlignment","tooltipPosition","tooltipText","_hasIcon","hasIcon","hasMainContent","handleSlotChange","defaultClasses","outputObject","split","forEach","element","classes","isDanger","includes","_t","_","_t2","alignmentClass","BOTTOM","tooltipClasses","_t3","_t4","_t5","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/button/button.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/\n Button.\n \n @element cds-button\n * @csspart button The button.\n /\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /\n `true` if there is an icon.\n /\n private _hasIcon = false;\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n @HostListener('mouseover')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = true;\n };\n\n /\n Handles `keydown` event on this element.\n /\n @HostListener('mouseout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = false;\n };\n\n /\n Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n /\n @HostListener('focus')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async (event) => {\n this.openTooltip = true;\n };\n\n /\n Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n /\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async (event) => {\n this.openTooltip = false;\n };\n\n /\n `true` if the button should have input focus when the page loads.\n /\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /\n `true` if the button is being used within a data table batch action toolbar\n /\n @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n batchAction = false;\n\n /\n Specify an optional className to be added to your Button\n /\n @property({ reflect: true, attribute: 'class-name' })\n className;\n\n /\n Specify the message read by screen readers for the danger button variant\n /\n @property({ reflect: true, attribute: 'danger-descriptor' })\n dangerDescriptor;\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The default file name, used if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n download!: string;\n\n /\n `true` if there is a non-icon content.\n /\n @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n hasMainContent = false;\n\n /\n Link `href`. If present, this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n href!: string;\n\n /\n The language of what `href` points to, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n hreflang!: string;\n\n /\n `true` if expressive theme enabled.\n /\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /\n Specify whether the Button is currently selected.\n * Only applies to the Ghost variant.\n /\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /\n Button kind.\n /\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /\n The a11y role for `<a>`.\n /\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /\n Boolean to determine if tooltip is open.\n /\n @property({ type: Boolean })\n openTooltip = false;\n\n /\n URLs to ping, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n ping!: string;\n\n /\n The link type, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n rel!: string;\n\n /\n Button size.\n /\n @property({ reflect: true })\n size = 'lg';\n\n /\n The link target, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n target!: string;\n\n /\n Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n /\n @property({ reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /\n Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n /\n @property({ reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /\n Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n /\n @property({ reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /\n Button type.\n */\n @property({ reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n className,\n dangerDescriptor,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n let defaultClasses = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n };\n\n if (className) {\n const outputObject = {};\n className?.split(' ').forEach((element) => {\n outputObject[element] = true;\n });\n defaultClasses = outputObject;\n }\n const classes = classMap(defaultClasses);\n\n const isDanger = kind.includes('danger');\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP \|\|\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText && !disabled\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n ${isDanger\n ? html`<span class=\"${prefix}--visually-hidden\"\n >${dangerDescriptor}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSButton;\n"],"mappings":"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"}

package/es/components/button/button.rtl.css.js CHANGED Viewed

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--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}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(1rem - 1px) calc(.875rem - 3px) calc(4rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:right;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;left:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-left:.9375rem;padding-right:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-left:.6875rem;padding-right:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-left:.4375rem;padding-right:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 1rem}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(1rem - 4px) calc(.375rem - 3px) calc(4rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(1rem - 4px) calc(.675rem - 3px) calc(4rem - 4px)}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-button-set) .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.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--btn.cds--skeleton::before{animation:none}}.cds--btn-set,:host(cds-button-set){display:flex}.cds--btn-set--stacked,:host(cds-button-set[stacked]){flex-direction:column}.cds--btn-set .cds--btn,:host(cds-button-set) .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-button-set) .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-button-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-button-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-button-set[stacked]) .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-button-set[stacked]) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-button-set) .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{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%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{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)}.cds--definition-term{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%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}:host(cds-button),:host(cds-modal-footer-button){display:inline-flex}:host(cds-button[isExpressive]) ::slotted([slot=icon]),:host(cds-modal-footer-button[isExpressive]) ::slotted([slot=icon]){width:1.25rem;height:1.25rem}:host(cds-button[kind=ghost]) .cds--btn--ghost:active,:host(cds-button[kind=ghost]:hover) .cds--btn--ghost{outline:0}:host(cds-button-set) ::slotted(cds-button){width:100%;max-width:12.25rem}',
+  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--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}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(1rem - 1px) calc(.875rem - 3px) calc(4rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:right;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;left:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-left:.9375rem;padding-right:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-left:.6875rem;padding-right:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-left:.4375rem;padding-right:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 1rem}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(1rem - 4px) calc(.375rem - 3px) calc(4rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(1rem - 4px) calc(.675rem - 3px) calc(4rem - 4px)}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-button-set) .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.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--btn.cds--skeleton::before{animation:none}}.cds--btn-set,:host(cds-button-set){display:flex}.cds--btn-set--stacked,:host(cds-button-set[stacked]){flex-direction:column}.cds--btn-set .cds--btn,:host(cds-button-set) .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-button-set) .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-button-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-button-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-button-set[stacked]) .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-button-set[stacked]) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-button-set) .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:\"\"}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{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%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:\"\"}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--copy-btn{position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer}.cds--copy-btn html{font-size:100%}.cds--copy-btn 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--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:hover{background-color:var(--cds-layer-hover)}.cds--copy-btn:active{background-color:var(--cds-layer-active)}.cds--copy-btn::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none}.cds--copy-btn .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:right;transform:translateX(50%);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:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--copy-btn .cds--copy-btn__feedback{border:1px solid transparent}}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating::before{display:block}.cds--copy-btn.cds--copy-btn--animating::before{border:none}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--copy{font-size:0}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{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)}.cds--definition-term{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%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--snippet html{font-size:100%}.cds--snippet 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--snippet code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet strong{font-weight:600}.cds--snippet--disabled,.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--snippet--disabled .cds--copy-btn,.cds--snippet--disabled .cds--copy-btn:hover,.cds--snippet--disabled .cds--snippet-btn--expand:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,.cds--snippet--disabled .cds--snippet__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--snippet code{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}.cds--snippet--inline{position:relative;display:inline;padding:0;border:1px solid transparent;background-color:var(--cds-layer);border-radius:4px;color:var(--cds-text-primary,#161616);cursor:pointer}.cds--snippet--inline html{font-size:100%}.cds--snippet--inline 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--snippet--inline code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet--inline strong{font-weight:600}.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--inline:focus{border:1px solid var(--cds-focus,#0f62fe);outline:0}.cds--snippet--inline::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none;border:none}.cds--snippet--inline .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:right;transform:translateX(50%);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:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--snippet--inline .cds--copy-btn__feedback{border:1px solid transparent}}.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating::before{display:block}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--snippet--inline code{padding:0 .5rem}.cds--snippet--inline.cds--snippet--no-copy{display:inline-block}.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer);cursor:auto}.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer-hover);cursor:auto}.cds--snippet--single{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;height:2.5rem;align-items:center;padding-left:2.5rem}.cds--snippet--single.cds--snippet--no-copy{padding:0}.cds--snippet--single.cds--snippet--no-copy::after{left:1rem}.cds--snippet--single .cds--snippet-container{position:relative;display:flex;height:100%;align-items:center;padding-right:1rem;overflow-x:auto}.cds--snippet--single .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--snippet--single .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--single pre{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);padding-left:.5rem}.cds--snippet--inline code,.cds--snippet--single pre{white-space:pre}.cds--snippet--multi{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;padding:1rem}.cds--snippet--multi .cds--snippet-container{position:relative;min-height:100%;max-height:100%;order:1;overflow-y:auto;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-offset:0}@media screen and (prefers-contrast){.cds--snippet--multi .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container{padding-bottom:1rem;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi.cds--snippet--wraptext pre{white-space:pre-wrap;word-wrap:break-word}.cds--snippet--multi .cds--snippet-container pre{padding-left:2.5rem;padding-bottom:1.5rem;overflow-x:auto}.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre{padding-left:0}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container pre{overflow-x:auto}.cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after{position:absolute;top:0;left:0;width:1rem;height:100%;background-image:linear-gradient(to left,transparent,var(--cds-layer));content:\"\"}.cds--snippet--multi .cds--snippet-container pre code{overflow:hidden}.cds--snippet__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--copy-btn{display:flex;overflow:visible;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer;outline:0}.cds--copy-btn html{font-size:100%}.cds--copy-btn 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--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--snippet .cds--popover-container{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;top:0;left:0}.cds--snippet--inline.cds--btn--md.cds--btn--icon-only{padding-left:0;padding-right:0}.cds--snippet--inline.cds--btn--md{min-height:1.25rem}.cds--snippet--inline.cds--btn--primary:hover{color:var(--cds-text-primary,#161616)}.cds--snippet.cds--snippet--multi .cds--popover-container{top:.5rem;left:.5rem}.cds--snippet--multi .cds--copy-btn.cds--btn--md{z-index:10;width:2rem;height:2rem;min-height:2rem;padding:0}.cds--snippet-btn--expand{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);font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;z-index:10;left:0;bottom:0;display:inline-flex;align-items:center;padding:.5rem 1rem;border:0;background-color:var(--cds-layer);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand .cds--snippet-btn--text{position:relative;top:-.0625rem}.cds--snippet-btn--expand--hide.cds--snippet-btn--expand{display:none}.cds--snippet-btn--expand .cds--icon-chevron--down{margin-right:.5rem;fill:var(--cds-icon-primary,#161616);transform:rotate(0);transition:150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet-btn--expand:hover{background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand:active{background-color:var(--cds-layer-active)}.cds--snippet-btn--expand:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;border-color:transparent}@media screen and (prefers-contrast){.cds--snippet-btn--expand:focus{outline-style:dotted}}.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down{transform:rotate(-180deg);transition:transform .3s}.cds--snippet--light,.cds--snippet--light .cds--btn.cds--snippet-btn--expand,.cds--snippet--light .cds--copy-btn,.cds--snippet--light .cds--snippet-button{background-color:var(--cds-layer)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,.cds--snippet--light .cds--copy-btn:hover,.cds--snippet--light .cds--snippet-button:hover,.cds--snippet--light.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,.cds--snippet--light .cds--copy-btn:active,.cds--snippet--light .cds--snippet-button:active,.cds--snippet--light.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--light.cds--snippet--multi .cds--snippet-container pre::after,.cds--snippet--light.cds--snippet--single::after{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet.cds--skeleton .cds--snippet-container{width:100%;height:100%}.cds--snippet-button .cds--btn--copy__feedback{top:3.175rem;left:auto;right:50%}.cds--snippet-button .cds--btn--copy__feedback::before{top:0}.cds--snippet-button .cds--btn--copy__feedback::after{top:-.25rem}.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback{top:2.675rem}.cds--snippet--inline .cds--btn--copy__feedback{top:calc(100% - .25rem);left:auto;right:50%}.cds--snippet__overflow-indicator--left,.cds--snippet__overflow-indicator--right{z-index:1;width:1rem;flex:1 0 auto}.cds--snippet__overflow-indicator--left{order:0;margin-left:-1rem;background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet__overflow-indicator--right{order:2;margin-right:-1rem;background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet--single .cds--snippet__overflow-indicator--left,.cds--snippet--single .cds--snippet__overflow-indicator--right{position:absolute;width:2rem;height:calc(100% - .25rem)}.cds--snippet--single .cds--snippet__overflow-indicator--right{left:2.5rem}.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right{left:0}.cds--snippet--single .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right{left:calc(2.5rem + .125rem)}.cds--snippet--single .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left{right:.125rem}.cds--snippet--light .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet--light .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-layer))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--snippet__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--snippet--multi.cds--skeleton{height:6.125rem}.cds--snippet--single.cds--skeleton{height:3.5rem}.cds--snippet.cds--skeleton span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:1rem;margin-top:.5rem}.cds--snippet.cds--skeleton span:active,.cds--snippet.cds--skeleton span:focus,.cds--snippet.cds--skeleton span:hover{border:none;cursor:default;outline:0}.cds--snippet.cds--skeleton span::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--snippet.cds--skeleton span::before{animation:none}}.cds--snippet.cds--skeleton span:first-child{margin:0}.cds--snippet.cds--skeleton span:nth-child(2){width:85%}.cds--snippet.cds--skeleton span:nth-child(3){width:95%}.cds--snippet--single.cds--skeleton .cds--snippet-container{padding-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--inline:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--multi,.cds--snippet--single{outline:1px solid transparent}}:host(cds-button),:host(cds-modal-footer-button){display:inline-flex}:host(cds-button[isExpressive]) ::slotted([slot=icon]),:host(cds-modal-footer-button[isExpressive]) ::slotted([slot=icon]){width:1.25rem;height:1.25rem}:host(cds-button[pagination]) .cds--btn,:host(cds-modal-footer-button[pagination]) .cds--btn{border:none;border-right:1px solid var(--cds-border-subtle);transition:none}:host(cds-button[pagination]) .cds--btn:focus,:host(cds-modal-footer-button[pagination]) .cds--btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;box-shadow:none;border-right:1px solid transparent}:host(cds-button[pagination]:not([disabled])) .cds--btn,:host(cds-modal-footer-button[pagination]:not([disabled])) .cds--btn{color:var(--cds-icon-primary,#161616)}:host(cds-button[pagination]:not([disabled])) .cds--btn:active,:host(cds-modal-footer-button[pagination]:not([disabled])) .cds--btn:active{background-color:var(--cds-layer-hover)}:host(cds-button[batch-action]) .cds--btn,:host(cds-modal-footer-button[batch-action]) .cds--btn{padding:calc(.875rem - 3px) 1rem}:host(cds-button[batch-action]) .cds--btn:focus,:host(cds-modal-footer-button[batch-action]) .cds--btn:focus{outline:2px solid var(--cds-layer);outline-offset:-.125rem}:host(cds-button[batch-action][has-main-content]) ::slotted([slot=icon]),:host(cds-modal-footer-button[batch-action][has-main-content]) ::slotted([slot=icon]){position:static;margin-right:.25rem}:host(cds-button[kind=ghost]) .cds--btn--ghost:active,:host(cds-button[kind=ghost]:hover) .cds--btn--ghost{outline:0}:host(cds-button-set) ::slotted(cds-button){width:100%;max-width:12.25rem}",
 ]);

package/es/components/checkbox/checkbox.css.js CHANGED Viewed

@@ -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,:host(cds-checkbox){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;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--checkbox-group html{font-size:100%}.cds--checkbox-group body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--checkbox-group code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-group strong{font-weight:600}.cds--form-item.cds--checkbox-wrapper,:host(cds-checkbox){position:relative;margin-bottom:.25rem}.cds--form-item.cds--checkbox-wrapper:first-of-type,:first-of-type:host(cds-checkbox){margin-top:.1875rem}.cds--label+.cds--form-item.cds--checkbox-wrapper,.cds--label+:host(cds-checkbox){margin-top:-.125rem}.cds--form-item.cds--checkbox-wrapper:last-of-type,:last-of-type:host(cds-checkbox){margin-bottom:.1875rem}.cds--checkbox{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;top:1.25rem;left:.7rem}.cds--checkbox-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;min-height:1.5rem;padding-top:.1875rem;padding-left:1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--checkbox-label html{font-size:100%}.cds--checkbox-label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--checkbox-label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-label strong{font-weight:600}.cds--checkbox-label-text{padding-left:.375rem}.cds--checkbox-label::after,.cds--checkbox-label::before{box-sizing:border-box}.cds--checkbox-label::before{position:absolute;top:.125rem;left:0;width:1rem;height:1rem;border:1px solid var(--cds-icon-primary,#161616);margin:.125rem .125rem .125rem .1875rem;background-color:transparent;border-radius:2px;content:\"\"}.cds--checkbox-label::after{position:absolute;top:.46875rem;left:.4375rem;width:.5625rem;height:.3125rem;border-bottom:1.5px solid var(--cds-icon-inverse,#fff);border-left:1.5px solid var(--cds-icon-inverse,#fff);margin-top:-.1875rem;background:0 0;content:\"\";transform:scale(0) rotate(-45deg);transform-origin:bottom right}.cds--checkbox-label[data-contained-checkbox-state=true]::before,.cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox:indeterminate+.cds--checkbox-label::before{border:none;border-width:1px;background-color:var(--cds-icon-primary,#161616)}.cds--checkbox-label[data-contained-checkbox-state=true]::after,.cds--checkbox:checked+.cds--checkbox-label::after{transform:scale(1) rotate(-45deg)}.cds--checkbox:indeterminate+.cds--checkbox-label::after{top:.6875rem;width:.5rem;border-bottom:2px solid var(--cds-icon-inverse,#fff);border-left:0 solid var(--cds-icon-inverse,#fff);transform:scale(1) rotate(0)}.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,.cds--checkbox-label__focus::before,.cds--checkbox:checked:focus+.cds--checkbox-label::before,.cds--checkbox:focus+.cds--checkbox-label::before,.cds--checkbox:indeterminate:focus+.cds--checkbox-label::before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--checkbox-label[data-contained-checkbox-disabled=true],.cds--checkbox:disabled+.cds--checkbox-label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--checkbox-label[data-contained-checkbox-disabled=true]::before,.cds--checkbox:disabled+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,.cds--checkbox:checked:disabled+.cds--checkbox-label::before,.cds--checkbox:indeterminate:disabled+.cds--checkbox-label::before{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group[data-invalid] .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-support-error,#da1e28)}.cds--checkbox-group .cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper>.cds--form__helper-text,.cds--checkbox-group :host(cds-checkbox)>.cds--form__helper-text{display:none}.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-primary,#161616)}.cds--checkbox-group__validation-msg,.cds--checkbox__validation-msg{display:none;align-items:flex-end;margin-top:.25rem}.cds--checkbox__invalid-icon{margin:0 .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28)}.cds--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg,.cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg{display:flex}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement{display:block;overflow:visible;max-height:100%;margin-top:0;margin-left:.5rem}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--checkbox-group--readonly .cds--checkbox-label,.cds--checkbox-wrapper--readonly .cds--checkbox-label,:host(cds-checkbox)[readonly] .cds--checkbox-label{cursor:default}.cds--checkbox-group--readonly .cds--checkbox-label-text,.cds--checkbox-wrapper--readonly .cds--checkbox-label-text,:host(cds-checkbox)[readonly] .cds--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--checkbox-group--readonly .cds--checkbox+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox+.cds--checkbox-label::before,:host(cds-checkbox)[readonly] .cds--checkbox+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::before,:host(cds-checkbox)[readonly] .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-disabled,rgba(22,22,22,.25));background:0 0}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::after,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::after,:host(cds-checkbox)[readonly] .cds--checkbox:checked+.cds--checkbox-label::after{border-color:var(--cds-text-primary,#161616)}.cds--checkbox-skeleton .cds--checkbox-label{cursor:default}.cds--checkbox-label-text.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem;margin:.0625rem 0 0 .375rem}.cds--checkbox-label-text.cds--skeleton:active,.cds--checkbox-label-text.cds--skeleton:focus,.cds--checkbox-label-text.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--checkbox-label-text.cds--skeleton::before{position:absolute;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--checkbox-label-text.cds--skeleton::before{animation:none}}.cds--checkbox--inline{position:relative}:host(cds-checkbox-skeleton) .cds--checkbox-label{cursor:default}",
+  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin: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,:host(cds-checkbox){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;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--checkbox-group html{font-size:100%}.cds--checkbox-group body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--checkbox-group code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-group strong{font-weight:600}.cds--form-item.cds--checkbox-wrapper,:host(cds-checkbox){position:relative;margin-bottom:.25rem}.cds--form-item.cds--checkbox-wrapper:first-of-type,:first-of-type:host(cds-checkbox){margin-top:.1875rem}.cds--label+.cds--form-item.cds--checkbox-wrapper,.cds--label+:host(cds-checkbox){margin-top:-.125rem}.cds--form-item.cds--checkbox-wrapper:last-of-type,:last-of-type:host(cds-checkbox){margin-bottom:.1875rem}.cds--checkbox{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;top:1.25rem;left:.7rem}.cds--checkbox-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;min-height:1.5rem;padding-top:.1875rem;padding-left:1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--checkbox-label html{font-size:100%}.cds--checkbox-label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--checkbox-label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-label strong{font-weight:600}.cds--checkbox-label-text{padding-left:.375rem}.cds--checkbox-label::after,.cds--checkbox-label::before{box-sizing:border-box}.cds--checkbox-label::before{position:absolute;top:.125rem;left:0;width:1rem;height:1rem;border:1px solid var(--cds-icon-primary,#161616);margin:.125rem .125rem .125rem .1875rem;background-color:transparent;border-radius:2px;content:\"\"}.cds--checkbox-label::after{position:absolute;top:.46875rem;left:.4375rem;width:.5625rem;height:.3125rem;border-bottom:1.5px solid var(--cds-icon-inverse,#fff);border-left:1.5px solid var(--cds-icon-inverse,#fff);margin-top:-.1875rem;background:0 0;content:\"\";transform:scale(0) rotate(-45deg);transform-origin:bottom right}.cds--checkbox-label[data-contained-checkbox-state=true]::before,.cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox:indeterminate+.cds--checkbox-label::before{border:none;border-width:1px;background-color:var(--cds-icon-primary,#161616)}.cds--checkbox-label[data-contained-checkbox-state=true]::after,.cds--checkbox:checked+.cds--checkbox-label::after{transform:scale(1) rotate(-45deg)}.cds--checkbox:indeterminate+.cds--checkbox-label::after{top:.6875rem;width:.5rem;border-bottom:2px solid var(--cds-icon-inverse,#fff);border-left:0 solid var(--cds-icon-inverse,#fff);transform:scale(1) rotate(0)}.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,.cds--checkbox-label__focus::before,.cds--checkbox:checked:focus+.cds--checkbox-label::before,.cds--checkbox:focus+.cds--checkbox-label::before,.cds--checkbox:indeterminate:focus+.cds--checkbox-label::before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--checkbox-label[data-contained-checkbox-disabled=true],.cds--checkbox:disabled+.cds--checkbox-label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--checkbox-label[data-contained-checkbox-disabled=true]::before,.cds--checkbox:disabled+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,.cds--checkbox:checked:disabled+.cds--checkbox-label::before,.cds--checkbox:indeterminate:disabled+.cds--checkbox-label::before{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group[data-invalid] .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-support-error,#da1e28)}.cds--checkbox-group .cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper>.cds--form__helper-text,.cds--checkbox-group :host(cds-checkbox)>.cds--form__helper-text{display:none}.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-primary,#161616)}.cds--checkbox-group__validation-msg,.cds--checkbox__validation-msg{display:none;align-items:flex-end;margin-top:.25rem}.cds--checkbox__invalid-icon{margin:0 .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28)}.cds--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg,.cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg{display:flex}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement{display:block;overflow:visible;max-height:100%;margin-top:0;margin-left:.5rem}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--checkbox-group--readonly .cds--checkbox-label,.cds--checkbox-wrapper--readonly .cds--checkbox-label,:host(cds-checkbox)[readonly] .cds--checkbox-label{cursor:default}.cds--checkbox-group--readonly .cds--checkbox-label-text,.cds--checkbox-wrapper--readonly .cds--checkbox-label-text,:host(cds-checkbox)[readonly] .cds--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--checkbox-group--readonly .cds--checkbox+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox+.cds--checkbox-label::before,:host(cds-checkbox)[readonly] .cds--checkbox+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::before,:host(cds-checkbox)[readonly] .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-disabled,rgba(22,22,22,.25));background:0 0}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::after,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::after,:host(cds-checkbox)[readonly] .cds--checkbox:checked+.cds--checkbox-label::after{border-color:var(--cds-text-primary,#161616)}.cds--checkbox-skeleton .cds--checkbox-label{cursor:default}.cds--checkbox-label-text.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem;margin:.0625rem 0 0 .375rem}.cds--checkbox-label-text.cds--skeleton:active,.cds--checkbox-label-text.cds--skeleton:focus,.cds--checkbox-label-text.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--checkbox-label-text.cds--skeleton::before{position:absolute;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--checkbox-label-text.cds--skeleton::before{animation:none}}.cds--checkbox--inline{position:relative}:host(cds-checkbox)[data-table]{margin:0}:host(cds-checkbox)[data-table][hide-checkbox]{pointer-events:none}:host(cds-checkbox)[data-table][hide-checkbox] .cds--checkbox-label::after,:host(cds-checkbox)[data-table][hide-checkbox] .cds--checkbox-label::before{background-color:transparent;border-color:transparent}:host(cds-checkbox-skeleton) .cds--checkbox-label{cursor:default}",
 ]);

package/es/components/checkbox/checkbox.d.ts CHANGED Viewed

@@ -643,10 +643,19 @@ declare class CDSCheckbox extends CDSCheckbox_base {
      * Specify whether the underlying input should be checked
      */
     checked: boolean;
+    /**
+     * Specify if checkbox is being used in a data table
+     */
+    dataTable: boolean;
     /**
      * Specify whether the Checkbox should be disabled
      */
     disabled: boolean;
+    /**
+     * Specify whether the checkbox should be present in the DOM,
+     * but invisible and uninteractable. Used for data-table purposes.
+     */
+    hideCheckbox: boolean;
     /**
      * Specify whether the label should be hidden, or not
      */

package/es/components/checkbox/checkbox.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;;GAOG;AACH,cACM,WAAY,SAAQ,gBAAiC;IAEzD,SAAS,CAAC,aAAa,EAAG,gBAAgB,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,aAAa;~~IAgBvB~~;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;;OAGG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;IA8CN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"checkbox.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss';\n\n/\n Check box.\n \n @element cds-checkbox\n * @fires cds-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n /\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n @query('input')\n protected _checkboxNode!: HTMLInputElement;\n\n /\n Handles `click` event on the `<input>` in the shadow DOM.\n /\n protected _handleChange() {\n const { checked, indeterminate } = this._checkboxNode;\n this.checked = checked;\n this.indeterminate = indeterminate;\n const { eventChange } = this.constructor as typeof CDSCheckbox;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n indeterminate,\n },\n })\n );\n }\n\n /\n Prevent checkbox state from updating when readonly\n /\n private _handleClick(event: MouseEvent) {\n if (this.readonly) {\n event.preventDefault();\n }\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { checked, disabled, name, value = 'on' } = this;\n if (!disabled && checked) {\n formData.append(name, value);\n }\n }\n\n /\n Specify whether the underlying input should be checked\n /\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /\n Specify whether the Checkbox should be disabled\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n Specify whether the Checkbox is in an indeterminate state\n /\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /\n Provide a label to provide a description of the Checkbox input that you are\n * exposing to the user\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n The form name.\n /\n @property()\n name!: string;\n\n /\n Specify whether the Checkbox is read-only\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Specify a title for the node for the Checkbox\n /\n @property({ attribute: 'title' })\n title = '';\n\n /\n The value.\n /\n @property()\n value!: string;\n\n render() {\n const {\n checked,\n disabled,\n hideLabel,\n indeterminate,\n labelText,\n name,\n readonly,\n title,\n value,\n _handleChange: handleChange,\n _handleClick: handleClick,\n } = this;\n const labelClasses = classMap({\n [`${prefix}--checkbox-label`]: true,\n });\n const labelTextClasses = classMap({\n [`${prefix}--checkbox-label-text`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"checkbox\"\n type=\"checkbox\"\n part=\"input\"\n class=\"${`${prefix}--checkbox`}\"\n aria-checked=\"${indeterminate ? 'mixed' : String(Boolean(checked))}\"\n aria-readonly=\"${String(Boolean(readonly))}\"\n .checked=\"${checked}\"\n ?disabled=\"${disabled}\"\n .indeterminate=\"${indeterminate}\"\n name=\"${ifDefined(name)}\"\n value=\"${ifDefined(value)}\"\n @change=\"${handleChange}\"\n @click=\"${handleClick}\" />\n <label\n for=\"checkbox\"\n part=\"label\"\n class=\"${labelClasses}\"\n title=\"${ifDefined(title)}\">\n <span class=\"${labelTextClasses}\"><slot>${labelText}</slot></span>\n </label>\n `;\n }\n\n /\n The name of the custom event fired after this changebox changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-checkbox-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSCheckbox;\n"]}
1	+ {"version":3,"sources":["components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;;GAOG;AACH,cACM,WAAY,SAAQ,gBAAiC;IAEzD,SAAS,CAAC,aAAa,EAAG,gBAAgB,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,aAAa;IAiBvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;;OAGG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;IA8CN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"checkbox.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss';\n\n/\n Check box.\n \n @element cds-checkbox\n * @fires cds-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n /\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n @query('input')\n protected _checkboxNode!: HTMLInputElement;\n\n /\n Handles `click` event on the `<input>` in the shadow DOM.\n /\n protected _handleChange() {\n const { checked, indeterminate } = this._checkboxNode;\n this.checked = checked;\n this.indeterminate = indeterminate;\n const { eventChange } = this.constructor as typeof CDSCheckbox;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n checked,\n indeterminate,\n },\n })\n );\n }\n\n /\n Prevent checkbox state from updating when readonly\n /\n private _handleClick(event: MouseEvent) {\n if (this.readonly) {\n event.preventDefault();\n }\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { checked, disabled, name, value = 'on' } = this;\n if (!disabled && checked) {\n formData.append(name, value);\n }\n }\n\n /\n Specify whether the underlying input should be checked\n /\n @property({ type: Boolean, reflect: true, attribute: 'checked' })\n checked = false;\n\n /\n Specify if checkbox is being used in a data table\n /\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /\n Specify whether the Checkbox should be disabled\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify whether the checkbox should be present in the DOM,\n * but invisible and uninteractable. Used for data-table purposes.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n hideCheckbox = false;\n\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n Specify whether the Checkbox is in an indeterminate state\n /\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /\n Provide a label to provide a description of the Checkbox input that you are\n * exposing to the user\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n The form name.\n /\n @property()\n name!: string;\n\n /\n Specify whether the Checkbox is read-only\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Specify a title for the node for the Checkbox\n /\n @property({ attribute: 'title' })\n title = '';\n\n /\n The value.\n /\n @property()\n value!: string;\n\n render() {\n const {\n checked,\n disabled,\n hideLabel,\n indeterminate,\n labelText,\n name,\n readonly,\n title,\n value,\n _handleChange: handleChange,\n _handleClick: handleClick,\n } = this;\n const labelClasses = classMap({\n [`${prefix}--checkbox-label`]: true,\n });\n const labelTextClasses = classMap({\n [`${prefix}--checkbox-label-text`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"checkbox\"\n type=\"checkbox\"\n part=\"input\"\n class=\"${`${prefix}--checkbox`}\"\n aria-checked=\"${indeterminate ? 'mixed' : String(Boolean(checked))}\"\n aria-readonly=\"${String(Boolean(readonly))}\"\n .checked=\"${checked}\"\n ?disabled=\"${disabled}\"\n .indeterminate=\"${indeterminate}\"\n name=\"${ifDefined(name)}\"\n value=\"${ifDefined(value)}\"\n @change=\"${handleChange}\"\n @click=\"${handleClick}\" />\n <label\n for=\"checkbox\"\n part=\"label\"\n class=\"${labelClasses}\"\n title=\"${ifDefined(title)}\">\n <span class=\"${labelTextClasses}\"><slot>${labelText}</slot></span>\n </label>\n `;\n }\n\n /\n The name of the custom event fired after this changebox changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-checkbox-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSCheckbox;\n"]}