@carbon/web-components 2.0.2-rc.1 → 2.1.0-rc.1

package/custom-elements.json

@@ -1032,6 +1032,132 @@
         }
       ]
     },
+    {
+      "name": "cds-checkbox",
+      "path": "./src/components/checkbox/checkbox-group.ts",
+      "description": "Check box.",
+      "attributes": [
+        {
+          "name": "aria-labelledby",
+          "description": "fieldset `aria-labelledby`"
+        },
+        {
+          "name": "disabled",
+          "description": "Specify whether the form group is currently disabled"
+        },
+        {
+          "name": "helper-text",
+          "description": "Provide text for the form group for additional help"
+        },
+        {
+          "name": "invalid",
+          "description": "Specify whether the form group is currently invalid"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Provide the text that is displayed when the form group is in an invalid state"
+        },
+        {
+          "name": "legend-id",
+          "description": "Provide id for the fieldset <legend> which corresponds to the fieldset\n`aria-labelledby`"
+        },
+        {
+          "name": "legend-text",
+          "description": "Provide the text to be rendered inside of the fieldset <legend>"
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the CheckboxGroup should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn",
+          "description": "Specify whether the form group is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn-text",
+          "description": "Provide the text that is displayed when the form group is in warning state",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "ariaLabelledBy",
+          "attribute": "aria-labelledby",
+          "description": "fieldset `aria-labelledby`"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Specify whether the form group is currently disabled"
+        },
+        {
+          "name": "helperText",
+          "attribute": "helper-text",
+          "description": "Provide text for the form group for additional help"
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Specify whether the form group is currently invalid"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Provide the text that is displayed when the form group is in an invalid state"
+        },
+        {
+          "name": "legendId",
+          "attribute": "legend-id",
+          "description": "Provide id for the fieldset <legend> which corresponds to the fieldset\n`aria-labelledby`"
+        },
+        {
+          "name": "legendText",
+          "attribute": "legend-text",
+          "description": "Provide the text to be rendered inside of the fieldset <legend>"
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Whether the CheckboxGroup should be read-only",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn",
+          "attribute": "warn",
+          "description": "Specify whether the form group is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warnText",
+          "attribute": "warn-text",
+          "description": "Provide the text that is displayed when the form group is in warning state",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-checkbox-changed",
+          "description": "The custom event fired after this changebox changes its checked state."
+        }
+      ]
+    },
     {
       "name": "cds-checkbox",
       "path": "./src/components/checkbox/checkbox.ts",
@@ -1055,6 +1181,10 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "helper-text",
+          "description": "Provide text for the form group for additional help"
+        },
         {
           "name": "hide-checkbox",
           "description": "Specify whether the checkbox should be present in the DOM,\nbut invisible and uninteractable. Used for data-table purposes.",
@@ -1090,6 +1220,16 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "invalid",
+          "description": "Specify whether the Checkbox is currently invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Provide the text that is displayed when the Checkbox is in an invalid state"
+        },
         {
           "name": "title",
           "description": "Specify a title for the node for the Checkbox",
@@ -1100,6 +1240,18 @@
           "name": "value",
           "description": "The value.",
           "type": "string"
+        },
+        {
+          "name": "warn",
+          "description": "Specify whether the Checkbox is in a warn state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn-text",
+          "description": "Provide the text that is displayed when the Checkbox is in a warn state",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -1124,6 +1276,11 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "helperText",
+          "attribute": "helper-text",
+          "description": "Provide text for the form group for additional help"
+        },
         {
           "name": "hideCheckbox",
           "attribute": "hide-checkbox",
@@ -1165,6 +1322,18 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Specify whether the Checkbox is currently invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Provide the text that is displayed when the Checkbox is in an invalid state"
+        },
         {
           "name": "title",
           "attribute": "title",
@@ -1178,6 +1347,20 @@
           "description": "The value.",
           "type": "string"
         },
+        {
+          "name": "warn",
+          "attribute": "warn",
+          "description": "Specify whether the Checkbox is in a warn state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warnText",
+          "attribute": "warn-text",
+          "description": "Provide the text that is displayed when the Checkbox is in a warn state",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "shadowRootOptions",
           "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
@@ -3560,6 +3743,12 @@
         },
         {
           "name": "with-header"
+        },
+        {
+          "name": "with-row-slugs",
+          "description": "true if slugs are added in the rows",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -3655,6 +3844,13 @@
           "name": "withHeader",
           "attribute": "with-header"
         },
+        {
+          "name": "withRowSlugs",
+          "attribute": "with-row-slugs",
+          "description": "true if slugs are added in the rows",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -10769,7 +10965,7 @@
           "name": "size",
           "description": "Slug size should be mini, 2xs, xs, sm, md, lg, xl.",
           "type": "SLUG_SIZE",
-          "default": "\"md\""
+          "default": "\"xs\""
         },
         {
           "name": "slug-label",
@@ -10846,7 +11042,7 @@
           "attribute": "size",
           "description": "Slug size should be mini, 2xs, xs, sm, md, lg, xl.",
           "type": "SLUG_SIZE",
-          "default": "\"md\""
+          "default": "\"xs\""
         },
         {
           "name": "slugLabel",
@@ -12221,6 +12417,17 @@
           "type": "FORM_ELEMENT_COLOR_SCHEME",
           "default": "\"\""
         },
+        {
+          "name": "has-rounded-corners",
+          "description": "Specify if the `ClickableTile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "slug",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "disabled",
           "description": "`true` if the link should be disabled.",
@@ -12295,6 +12502,19 @@
           "type": "FORM_ELEMENT_COLOR_SCHEME",
           "default": "\"\""
         },
+        {
+          "name": "hasRoundedCorners",
+          "attribute": "has-rounded-corners",
+          "description": "Specify if the `ClickableTile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "slug",
+          "attribute": "slug",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "disabled",
           "attribute": "disabled",
@@ -12400,6 +12620,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "has-rounded-corners",
+          "description": "Specify if the `ExpandableTile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "with-interactive",
           "description": "`true` to expand this expandable tile.",
@@ -12422,6 +12648,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "hasRoundedCorners",
+          "attribute": "has-rounded-corners",
+          "description": "Specify if the `ExpandableTile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "withInteractive",
           "attribute": "with-interactive",
@@ -12461,6 +12694,12 @@
           "type": "FORM_ELEMENT_COLOR_SCHEME",
           "default": "\"\""
         },
+        {
+          "name": "has-rounded-corners",
+          "description": "Specify if the `SeletableTile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "name",
           "description": "The form name.",
@@ -12492,6 +12731,13 @@
           "type": "FORM_ELEMENT_COLOR_SCHEME",
           "default": "\"\""
         },
+        {
+          "name": "hasRoundedCorners",
+          "attribute": "has-rounded-corners",
+          "description": "Specify if the `SeletableTile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "name",
           "attribute": "name",
@@ -12544,6 +12790,12 @@
           "type": "FORM_ELEMENT_COLOR_SCHEME",
           "default": "\"\""
         },
+        {
+          "name": "has-rounded-corners",
+          "description": "Specify if the `SeletableTile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "name",
           "description": "The form name.",
@@ -12575,6 +12827,13 @@
           "type": "FORM_ELEMENT_COLOR_SCHEME",
           "default": "\"\""
         },
+        {
+          "name": "hasRoundedCorners",
+          "attribute": "has-rounded-corners",
+          "description": "Specify if the `SeletableTile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "name",
           "attribute": "name",
@@ -12682,6 +12941,12 @@
           "description": "The color scheme.",
           "type": "FORM_ELEMENT_COLOR_SCHEME",
           "default": "\"\""
+        },
+        {
+          "name": "has-rounded-corners",
+          "description": "Specify if the `Tile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -12692,6 +12957,13 @@
           "type": "FORM_ELEMENT_COLOR_SCHEME",
           "default": "\"\""
         },
+        {
+          "name": "hasRoundedCorners",
+          "attribute": "has-rounded-corners",
+          "description": "Specify if the `Tile` component should be rendered with rounded corners.\nOnly valid when `slug` prop is present",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -12787,6 +13059,10 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "helper-text",
+          "description": "Provide text for the form group for additional help"
+        },
         {
           "name": "hide-checkbox",
           "description": "Specify whether the checkbox should be present in the DOM,\nbut invisible and uninteractable. Used for data-table purposes.",
@@ -12822,6 +13098,16 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "invalid",
+          "description": "Specify whether the Checkbox is currently invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Provide the text that is displayed when the Checkbox is in an invalid state"
+        },
         {
           "name": "title",
           "description": "Specify a title for the node for the Checkbox",
@@ -12832,6 +13118,18 @@
           "name": "value",
           "description": "The value.",
           "type": "string"
+        },
+        {
+          "name": "warn",
+          "description": "Specify whether the Checkbox is in a warn state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn-text",
+          "description": "Provide the text that is displayed when the Checkbox is in a warn state",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -12884,6 +13182,11 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "helperText",
+          "attribute": "helper-text",
+          "description": "Provide text for the form group for additional help"
+        },
         {
           "name": "hideCheckbox",
           "attribute": "hide-checkbox",
@@ -12925,6 +13228,18 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Specify whether the Checkbox is currently invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Provide the text that is displayed when the Checkbox is in an invalid state"
+        },
         {
           "name": "title",
           "attribute": "title",
@@ -12938,6 +13253,20 @@
           "description": "The value.",
           "type": "string"
         },
+        {
+          "name": "warn",
+          "attribute": "warn",
+          "description": "Specify whether the Checkbox is in a warn state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warnText",
+          "attribute": "warn-text",
+          "description": "Provide the text that is displayed when the Checkbox is in a warn state",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "shadowRootOptions",
           "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",

package/dist/16-3b37b4ba.js

@@ -15,16 +15,16 @@
  * 
  flatpickr v4.6.1, @license MIT
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:

package/dist/16-59ea1634.js

@@ -0,0 +1,50 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * flatpickr:
+ * 
+ flatpickr v4.6.1, @license MIT
+ * 
+ * lit-element:
+ * 
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ * 
+ * lit-html:
+ * 
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ * 
+ * @lit/reactive-element:
+ * 
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ * 
+ * @carbon/layout:
+ * 
+ * Copyright IBM Corp. 2018, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@carbon/icons
+ * https://www.npmjs.com/package/lodash-es
+ */
+
+import{a}from"./objectSpread2-ea408269.js";import{o as t}from"./on-6c264d49.js";import{b as s}from"./settings-daf72103.js";import{s as e}from"./spread-eaa3f2b9.js";const o=s=>class extends s{constructor(...t){super(...t),a(this,"_hFormdata",null)}connectedCallback(){super.connectedCallback();const a=this.closest("form");a&&(this._hFormdata=t(a,"formdata",this._handleFormdata.bind(this)))}disconnectedCallback(){this._hFormdata&&(this._hFormdata=this._hFormdata.release()),super.disconnectedCallback()}},r=({children:a,...t}={})=>s`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${e(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${a}${a}<path fill="none" d="M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z" data-icon-path="inner-path"></path><path d="M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"></path><path d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"></path></svg>`;export{o as F,r as s};

package/dist/16-9e41b122.js

@@ -15,16 +15,16 @@
  * 
  flatpickr v4.6.1, @license MIT
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:

package/dist/{form-f6607c5c.js → 16-b74b58a2.js}

@@ -42,9 +42,9 @@
  * 
  * Also refer to the following links for the license of other third-party dependencies:
  * 
- * https://www.npmjs.com/package/lit
  * https://www.npmjs.com/package/@carbon/icons
+ * https://www.npmjs.com/package/lit
  * https://www.npmjs.com/package/lodash-es
  */
 
-import{a}from"./objectSpread2-ea408269.js";import{o as t}from"./on-6c264d49.js";const s=s=>class extends s{constructor(...t){super(...t),a(this,"_hFormdata",null)}connectedCallback(){super.connectedCallback();const a=this.closest("form");a&&(this._hFormdata=t(a,"formdata",this._handleFormdata.bind(this)))}disconnectedCallback(){this._hFormdata&&(this._hFormdata=this._hFormdata.release()),super.disconnectedCallback()}};export{s as F};
+import{a}from"./objectSpread2-ea408269.js";import{o as t}from"./on-6c264d49.js";import{b as s}from"./settings-daf72103.js";import{s as e}from"./spread-eaa3f2b9.js";const o=s=>class extends s{constructor(...t){super(...t),a(this,"_hFormdata",null)}connectedCallback(){super.connectedCallback();const a=this.closest("form");a&&(this._hFormdata=t(a,"formdata",this._handleFormdata.bind(this)))}disconnectedCallback(){this._hFormdata&&(this._hFormdata=this._hFormdata.release()),super.disconnectedCallback()}},r=({children:a,...t}={})=>s`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${e(t)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${a}<path fill="none" d="M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z" data-icon-path="inner-path"></path><path d="M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"></path><path d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"></path></svg>`;export{o as F,r as s};

package/dist/16-c0c1a32f.js

@@ -15,16 +15,16 @@
  * 
  flatpickr v4.6.1, @license MIT
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:

package/dist/16-c18899be.js

@@ -15,16 +15,16 @@
  * 
  flatpickr v4.6.1, @license MIT
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element: