@carbon/web-components 2.46.0-rc.0 → 2.47.0-rc.0

package/custom-elements.json

@@ -623,10 +623,6 @@
           "name": "shadowRootOptions",
           "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
           "default": "{\"delegatesFocus\":true}"
-        },
-        {
-          "name": "styles",
-          "default": "\"styles\""
         }
       ]
     },
@@ -1812,10 +1808,6 @@
           "description": "Specify the size of the `ChatButtonSkeleton`, from the following list of sizes: 'sm', 'md', 'lg'",
           "type": "CHAT_BUTTON_SIZE",
           "default": "\"lg\""
-        },
-        {
-          "name": "styles",
-          "default": "\"styles\""
         }
       ]
     },
@@ -1890,10 +1882,6 @@
           "description": "Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input",
           "type": "boolean",
           "default": "false"
-        },
-        {
-          "name": "styles",
-          "default": "\"styles\""
         }
       ]
     },
@@ -2565,6 +2553,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "allow-custom-value",
+          "description": "`true` to allow custom values that do not match any item in the list.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "aria-label",
           "description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
@@ -2738,6 +2732,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "allowCustomValue",
+          "attribute": "allow-custom-value",
+          "description": "`true` to allow custom values that do not match any item in the list.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "ariaLabel",
           "attribute": "aria-label",
@@ -3079,6 +3080,159 @@
         }
       ]
     },
+    {
+      "name": "cds-contained-list-description",
+      "path": "./src/components/contained-list/contained-list-description.ts",
+      "description": "Contained list description text.",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "The description text content"
+        }
+      ]
+    },
+    {
+      "name": "cds-contained-list-item",
+      "path": "./src/components/contained-list/contained-list-item.ts",
+      "description": "Contained list item.",
+      "attributes": [
+        {
+          "name": "clickable",
+          "description": "Whether this item is clickable",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether this item is disabled.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "clickable",
+          "attribute": "clickable",
+          "description": "Whether this item is clickable",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Whether this item is disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-contained-list-item-click",
+          "description": "Fires when clickable item is clicked"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "The content of the list item"
+        },
+        {
+          "name": "icon",
+          "description": "The icon slot for rendering an icon"
+        },
+        {
+          "name": "action",
+          "description": "The action slot for interactive elements"
+        }
+      ]
+    },
+    {
+      "name": "cds-contained-list",
+      "path": "./src/components/contained-list/contained-list.ts",
+      "description": "Contained list.",
+      "attributes": [
+        {
+          "name": "is-inset",
+          "description": "Specify whether the dividing lines in between list items should be inset.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "kind",
+          "description": "The kind of ContainedList you want to display",
+          "type": "Variants",
+          "default": "\"on-page\""
+        },
+        {
+          "name": "label",
+          "description": "A label describing the contained list.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the contained list.",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "isInset",
+          "attribute": "is-inset",
+          "description": "Specify whether the dividing lines in between list items should be inset.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "kind",
+          "attribute": "kind",
+          "description": "The kind of ContainedList you want to display",
+          "type": "Variants",
+          "default": "\"on-page\""
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "A label describing the contained list.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Specify the size of the contained list.",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | undefined"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "The list items (cds-contained-list-item elements)"
+        },
+        {
+          "name": "action",
+          "description": "The action slot for interactive elements in header"
+        },
+        {
+          "name": "label",
+          "description": "The label text"
+        }
+      ]
+    },
     {
       "name": "cds-content-switcher-item",
       "path": "./src/components/content-switcher/content-switcher-item.ts",
@@ -10502,6 +10656,36 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "loading-status",
+          "description": "Specify the loading status",
+          "type": "\"error\" | \"inactive\" | \"active\" | \"finished\"",
+          "default": "\"inactive\""
+        },
+        {
+          "name": "loading-description",
+          "description": "Specify the description for the loading text",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "loading-success-delay",
+          "description": "Provide a delay for the setTimeout for success",
+          "type": "number",
+          "default": "1500"
+        },
+        {
+          "name": "loading-icon-description",
+          "description": "Specify the description for the loading icon",
+          "type": "string",
+          "default": "\"Loading\""
+        },
+        {
+          "name": "should-submit-on-enter",
+          "description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "prevent-close",
           "description": "Prevent the modal from closing after clicking the close button",
@@ -10566,6 +10750,41 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "loadingStatus",
+          "attribute": "loading-status",
+          "description": "Specify the loading status",
+          "type": "\"error\" | \"inactive\" | \"active\" | \"finished\"",
+          "default": "\"inactive\""
+        },
+        {
+          "name": "loadingDescription",
+          "attribute": "loading-description",
+          "description": "Specify the description for the loading text",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "loadingSuccessDelay",
+          "attribute": "loading-success-delay",
+          "description": "Provide a delay for the setTimeout for success",
+          "type": "number",
+          "default": "1500"
+        },
+        {
+          "name": "loadingIconDescription",
+          "attribute": "loading-icon-description",
+          "description": "Specify the description for the loading icon",
+          "type": "string",
+          "default": "\"Loading\""
+        },
+        {
+          "name": "shouldSubmitOnEnter",
+          "attribute": "should-submit-on-enter",
+          "description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "preventClose",
           "attribute": "prevent-close",
@@ -16640,17 +16859,23 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "formatLabel",
+          "description": "The callback to format the label associated with the minimum/maximum value\nand the value tooltip when hideTextInput is true.",
+          "type": "(value: number, label: string | undefined) => string",
+          "default": "\"(value: number, label: string | undefined) =>\\n    `${value}${label ?? ''}`\""
+        },
         {
           "name": "formatMaxText",
           "description": "The formatter for the text for maximum value.\nShould be changed upon the locale the UI is rendered with.",
           "type": "(max: string, maxLabel: string | undefined) => string",
-          "default": "\"(max: string, maxLabel: string | undefined) =>\\n    `${max}${maxLabel}`\""
+          "default": "\"(max: string, maxLabel: string | undefined) =>\\n    this.formatLabel(Number(max), maxLabel)\""
         },
         {
           "name": "formatMinText",
           "description": "The formatter for the text for min/max value.\nShould be changed upon the locale the UI is rendered with.",
           "type": "(min: string, minLabel: string | undefined) => string",
-          "default": "\"(min: string, minLabel: string | undefined) =>\\n    `${min}${minLabel}`\""
+          "default": "\"(min: string, minLabel: string | undefined) =>\\n    this.formatLabel(Number(min), minLabel)\""
         },
         {
           "name": "max",
@@ -17270,10 +17495,6 @@
           "name": "shadowRootOptions",
           "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
           "default": "{\"delegatesFocus\":true}"
-        },
-        {
-          "name": "styles",
-          "default": "\"styles\""
         }
       ],
       "deprecated": true,
@@ -20508,10 +20729,6 @@
           "name": "shadowRootOptions",
           "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
           "default": "{\"delegatesFocus\":true}"
-        },
-        {
-          "name": "styles",
-          "default": "\"styles\""
         }
       ]
     },
@@ -22496,6 +22713,11 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "target",
+          "description": "Link `target`.",
+          "type": "string"
+        },
         {
           "name": "title",
           "description": "The title.",
@@ -22517,6 +22739,12 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "target",
+          "attribute": "target",
+          "description": "Link `target`.",
+          "type": "string"
+        },
         {
           "name": "title",
           "attribute": "title",

package/es/components/ai-label/ai-label.d.ts

@@ -45,11 +45,11 @@ declare class CDSAILabel extends CDSToggleTip {
      */
     buttonLabel: string;
     previousValue: any;
+    connectedCallback(): void;
     protected _handleClick: () => void;
     protected _renderToggleTipLabel: () => import("lit-html").TemplateResult<1>;
     protected _renderTooltipButton: () => import("lit-html").TemplateResult<1>;
     protected _renderInnerContent: () => import("lit-html").TemplateResult<1>;
     attributeChangedCallback(name: any, old: any, newValue: any): void;
-    static styles: any;
 }
 export default CDSAILabel;

package/es/components/ai-label/ai-label.js

@@ -7,10 +7,12 @@
 
 import { __decorate } from 'tslib';
 import { classMap } from 'lit/directives/class-map.js';
-import { html } from 'lit';
+import { html, adoptStyles } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings.js';
 import CDSToggleTip from '../toggle-tip/toggletip.js';
+import popoverStyles from '../popover/popover.scss.js';
+import toggletipStyles from '../toggle-tip/toggletip.scss.js';
 import styles from './ai-label.scss.js';
 import Undo16 from '@carbon/icons/es/undo/16.js';
 import { AI_LABEL_KIND, AI_LABEL_SIZE } from './defs.js';
@@ -122,6 +124,14 @@ let CDSAILabel = class CDSAILabel extends CDSToggleTip {
     `;
         };
     }
+    connectedCallback() {
+        super.connectedCallback();
+        adoptStyles(this.renderRoot, [
+            popoverStyles,
+            toggletipStyles,
+            styles,
+        ]);
+    }
     attributeChangedCallback(name, old, newValue) {
         var _a;
         super.attributeChangedCallback(name, old, newValue);
@@ -131,7 +141,6 @@ let CDSAILabel = class CDSAILabel extends CDSToggleTip {
         name === 'revert-active' ? (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.requestUpdate() : ``;
     }
 };
-CDSAILabel.styles = styles;
 __decorate([
     property({ reflect: true })
 ], CDSAILabel.prototype, "slot", void 0);

package/es/components/ai-label/ai-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-label.js","sources":["../../../src/components/ai-label/ai-label.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSToggleTip from '../toggle-tip/toggletip';\nimport styles from './ai-label.scss?lit';\nimport Undo16 from '@carbon/icons/es/undo/16.js';\nimport { AI_LABEL_SIZE, AI_LABEL_KIND } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Basic AI Label.\n *\n * @element cds-ai-label\n */\n@customElement(`${prefix}-ai-label`)\nclass CDSAILabel extends CDSToggleTip {\n  /**\n   * @deprecated the slot string will be renamed to \"decorator\"\n   */\n  @property({ reflect: true })\n  slot = 'ai-label';\n\n  /**\n   * Specify the correct translation of the AI text\n   */\n  @property({ attribute: 'ai-text' })\n  aiText = 'AI';\n\n  /**\n   * Specify additional text to be rendered next to the AI label in the inline variant\n   */\n  @property({ attribute: 'ai-text-label' })\n  aiTextLabel = '';\n\n  /**\n   * Specify the type of AI Label, from the following list of types: (default, inline)\n   */\n  @property({ reflect: true })\n  kind = AI_LABEL_KIND.DEFAULT;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ type: Boolean, attribute: 'revert-active' })\n  revertActive = false;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ attribute: 'revert-label' })\n  revertLabel = 'Revert to AI input';\n\n  /**\n   * AI Label size should be mini, 2xs, xs, sm, md, lg, xl.\n   */\n  @property({ reflect: true })\n  size = AI_LABEL_SIZE.EXTRA_SMALL;\n\n  /**\n   * Specify the text that will be provided to the aria-label of the `AI Label` button\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Show information';\n\n  @property()\n  previousValue;\n\n  protected _handleClick = () => {\n    if (this.revertActive) {\n      this.revertActive = false;\n      this.removeAttribute('revert-active');\n    } else {\n      super._handleClick();\n    }\n  };\n\n  protected _renderToggleTipLabel = () => {\n    return html``;\n  };\n\n  protected _renderTooltipButton = () => {\n    const { size, kind, aiText, aiTextLabel, buttonLabel } = this;\n    const ariaLabel = `${aiText} - ${buttonLabel}`;\n    const classes = classMap({\n      [`${prefix}--toggletip-button`]: true,\n      [`${prefix}--slug__button`]: true,\n      [`${prefix}--slug__button--${size}`]: size,\n      [`${prefix}--slug__button--${kind}`]: kind,\n      [`${prefix}--slug__button--inline-with-content`]:\n        kind === AI_LABEL_KIND.INLINE && aiTextLabel,\n    });\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        @click=\"${this._handleClick}\"\n        class=${classes}\n        aria-label=\"${ariaLabel}\">\n        <span class=\"${prefix}--slug__text\">${aiText}</span>\n        ${aiTextLabel && kind === AI_LABEL_KIND.INLINE\n          ? html`\n              <span class=\"${prefix}--slug__additional-text\">\n                ${aiTextLabel}\n              </span>\n            `\n          : ``}\n      </button>\n    `;\n  };\n\n  protected _renderInnerContent = () => {\n    const { autoalign, revertActive, revertLabel } = this;\n    return html`\n      ${revertActive\n        ? html`\n            <cds-icon-button\n              ?autoalign=${autoalign}\n              kind=\"ghost\"\n              size=\"sm\"\n              @click=\"${this._handleClick}\">\n              <span slot=\"tooltip-content\"> ${revertLabel} </span>\n              ${iconLoader(Undo16, { slot: 'icon' })}\n            </cds-icon-button>\n          `\n        : html`\n            ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n          `}\n    `;\n  };\n\n  attributeChangedCallback(name, old, newValue) {\n    super.attributeChangedCallback(name, old, newValue);\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n    //@ts-ignore typescript does not think requestUpdate() exists on parentElement\n    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452\n    name === 'revert-active' ? this.parentElement?.requestUpdate() : ``;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAILabel;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"ai-label.js","sources":["../../../src/components/ai-label/ai-label.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSToggleTip from '../toggle-tip/toggletip';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport toggletipStyles from '../toggle-tip/toggletip.scss?lit';\nimport styles from './ai-label.scss?lit';\nimport Undo16 from '@carbon/icons/es/undo/16.js';\nimport { AI_LABEL_SIZE, AI_LABEL_KIND } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Basic AI Label.\n *\n * @element cds-ai-label\n */\n@customElement(`${prefix}-ai-label`)\nclass CDSAILabel extends CDSToggleTip {\n  /**\n   * @deprecated the slot string will be renamed to \"decorator\"\n   */\n  @property({ reflect: true })\n  slot = 'ai-label';\n\n  /**\n   * Specify the correct translation of the AI text\n   */\n  @property({ attribute: 'ai-text' })\n  aiText = 'AI';\n\n  /**\n   * Specify additional text to be rendered next to the AI label in the inline variant\n   */\n  @property({ attribute: 'ai-text-label' })\n  aiTextLabel = '';\n\n  /**\n   * Specify the type of AI Label, from the following list of types: (default, inline)\n   */\n  @property({ reflect: true })\n  kind = AI_LABEL_KIND.DEFAULT;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ type: Boolean, attribute: 'revert-active' })\n  revertActive = false;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ attribute: 'revert-label' })\n  revertLabel = 'Revert to AI input';\n\n  /**\n   * AI Label size should be mini, 2xs, xs, sm, md, lg, xl.\n   */\n  @property({ reflect: true })\n  size = AI_LABEL_SIZE.EXTRA_SMALL;\n\n  /**\n   * Specify the text that will be provided to the aria-label of the `AI Label` button\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Show information';\n\n  @property()\n  previousValue;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [\n      popoverStyles,\n      toggletipStyles,\n      styles,\n    ]);\n  }\n\n  protected _handleClick = () => {\n    if (this.revertActive) {\n      this.revertActive = false;\n      this.removeAttribute('revert-active');\n    } else {\n      super._handleClick();\n    }\n  };\n\n  protected _renderToggleTipLabel = () => {\n    return html``;\n  };\n\n  protected _renderTooltipButton = () => {\n    const { size, kind, aiText, aiTextLabel, buttonLabel } = this;\n    const ariaLabel = `${aiText} - ${buttonLabel}`;\n    const classes = classMap({\n      [`${prefix}--toggletip-button`]: true,\n      [`${prefix}--slug__button`]: true,\n      [`${prefix}--slug__button--${size}`]: size,\n      [`${prefix}--slug__button--${kind}`]: kind,\n      [`${prefix}--slug__button--inline-with-content`]:\n        kind === AI_LABEL_KIND.INLINE && aiTextLabel,\n    });\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        @click=\"${this._handleClick}\"\n        class=${classes}\n        aria-label=\"${ariaLabel}\">\n        <span class=\"${prefix}--slug__text\">${aiText}</span>\n        ${aiTextLabel && kind === AI_LABEL_KIND.INLINE\n          ? html`\n              <span class=\"${prefix}--slug__additional-text\">\n                ${aiTextLabel}\n              </span>\n            `\n          : ``}\n      </button>\n    `;\n  };\n\n  protected _renderInnerContent = () => {\n    const { autoalign, revertActive, revertLabel } = this;\n    return html`\n      ${revertActive\n        ? html`\n            <cds-icon-button\n              ?autoalign=${autoalign}\n              kind=\"ghost\"\n              size=\"sm\"\n              @click=\"${this._handleClick}\">\n              <span slot=\"tooltip-content\"> ${revertLabel} </span>\n              ${iconLoader(Undo16, { slot: 'icon' })}\n            </cds-icon-button>\n          `\n        : html`\n            ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n          `}\n    `;\n  };\n\n  attributeChangedCallback(name, old, newValue) {\n    super.attributeChangedCallback(name, old, newValue);\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n    //@ts-ignore typescript does not think requestUpdate() exists on parentElement\n    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452\n    name === 'revert-active' ? this.parentElement?.requestUpdate() : ``;\n  }\n}\n\nexport default CDSAILabel;\n"],"names":["customElement"],"mappings":"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"}