igniteui-webcomponents 2.0.0 → 2.1.0-beta.0

package/custom-elements.json

@@ -42,8 +42,8 @@
         },
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         },
         {
           "name": "src",
@@ -232,11 +232,6 @@
           "type": "\"igc-button\"",
           "default": "\"igc-button\""
         },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
-        },
         {
           "name": "variant",
           "attribute": "variant",
@@ -407,11 +402,6 @@
           "type": "\"igc-icon-button\"",
           "default": "\"igc-icon-button\""
         },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -582,16 +572,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "tagName",
           "type": "\"igc-calendar\"",
           "default": "\"igc-calendar\""
         },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
-        },
         {
           "name": "hideOutsideDays",
           "attribute": "hide-outside-days",
@@ -852,8 +842,8 @@
       "properties": [
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         },
         {
           "name": "hideLeadingDays",
@@ -1005,8 +995,8 @@
       "properties": [
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         },
         {
           "name": "value",
@@ -1059,8 +1049,8 @@
       "properties": [
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         },
         {
           "name": "value",
@@ -1310,11 +1300,6 @@
           "type": "\"igc-checkbox\"",
           "default": "\"igc-checkbox\""
         },
-        {
-          "name": "styles",
-          "type": "CSSResult",
-          "default": "\"styles\""
-        },
         {
           "name": "indeterminate",
           "attribute": "indeterminate",
@@ -1570,6 +1555,139 @@
         }
       ]
     },
+    {
+      "name": "igc-chip",
+      "path": "./src/components/chip/chip.ts",
+      "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Sets the disabled state for the chip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "removable",
+          "description": "Defines if the chip is removable or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectable",
+          "description": "Defines if the chip is selectable or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selected",
+          "description": "Defines if the chip is selected or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "variant",
+          "description": "A property that sets the color variant of the chip component.",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\""
+        },
+        {
+          "name": "size",
+          "description": "Determines the size of the component.",
+          "type": "\"small\" | \"medium\" | \"large\"",
+          "default": "\"medium\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-chip\"",
+          "default": "\"igc-chip\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Sets the disabled state for the chip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "removable",
+          "attribute": "removable",
+          "description": "Defines if the chip is removable or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selectable",
+          "attribute": "selectable",
+          "description": "Defines if the chip is selectable or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "Defines if the chip is selected or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "variant",
+          "attribute": "variant",
+          "description": "A property that sets the color variant of the chip component.",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Determines the size of the component.",
+          "type": "\"small\" | \"medium\" | \"large\"",
+          "default": "\"medium\""
+        }
+      ],
+      "events": [
+        {
+          "name": "igcRemove",
+          "description": "Emits an event when the chip component is removed. Returns the removed chip component."
+        },
+        {
+          "name": "igcSelect",
+          "description": "Emits event when the chip component is selected/deselected and any related animations and transitions also end."
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Renders the chip data."
+        },
+        {
+          "name": "prefix",
+          "description": "Renders content before the data of the chip."
+        },
+        {
+          "name": "suffix",
+          "description": "Renders content after the data of the chip."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "base",
+          "description": "The base wrapper of the chip."
+        },
+        {
+          "name": "prefix",
+          "description": "The prefix container of the chip."
+        },
+        {
+          "name": "suffix",
+          "description": "The suffix container of the chip."
+        }
+      ]
+    },
     {
       "name": "igc-form",
       "path": "./src/components/form/form.ts",
@@ -1710,62 +1828,17 @@
           "description": "The input mode attribute of the control.",
           "type": "\"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"none\" | \"txt\" | \"decimal\""
         },
-        {
-          "name": "name",
-          "description": "The name attribute of the control.",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "description": "The value attribute of the control.",
-          "type": "string",
-          "default": "\"\""
-        },
         {
           "name": "pattern",
           "description": "The pattern attribute of the control.",
           "type": "string"
         },
-        {
-          "name": "label",
-          "description": "The label of the control.",
-          "type": "string",
-          "default": "\"Label\""
-        },
-        {
-          "name": "placeholder",
-          "description": "The placeholder attribute of the control.",
-          "type": "string"
-        },
         {
           "name": "invalid",
           "description": "Controls the validity of the control.",
           "type": "boolean",
           "default": "false"
         },
-        {
-          "name": "outlined",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "required",
-          "description": "Makes the control a required field.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "disabled",
-          "description": "Makes the control a disabled field.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "readonly",
-          "description": "Makes the control a readonly field.",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "minlength",
           "description": "The minlength attribute of the control.",
@@ -1801,6 +1874,50 @@
           "description": "The autocomplete attribute of the control.",
           "type": "string"
         },
+        {
+          "name": "value",
+          "description": "The value attribute of the control.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "description": "The name attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "outlined",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "description": "Makes the control a required field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "Makes the control a disabled field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "description": "Makes the control a readonly field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "label",
+          "description": "The label for the control.",
+          "type": "string"
+        },
         {
           "name": "size",
           "description": "Determines the size of the component.",
@@ -1814,11 +1931,6 @@
           "type": "\"igc-input\"",
           "default": "\"igc-input\""
         },
-        {
-          "name": "styles",
-          "type": "CSSResult",
-          "default": "\"styles\""
-        },
         {
           "name": "dir",
           "attribute": "dir",
@@ -1839,38 +1951,12 @@
           "description": "The input mode attribute of the control.",
           "type": "\"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"none\" | \"txt\" | \"decimal\""
         },
-        {
-          "name": "name",
-          "attribute": "name",
-          "description": "The name attribute of the control.",
-          "type": "string"
-        },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "The value attribute of the control.",
-          "type": "string",
-          "default": "\"\""
-        },
         {
           "name": "pattern",
           "attribute": "pattern",
           "description": "The pattern attribute of the control.",
           "type": "string"
         },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "The label of the control.",
-          "type": "string",
-          "default": "\"Label\""
-        },
-        {
-          "name": "placeholder",
-          "attribute": "placeholder",
-          "description": "The placeholder attribute of the control.",
-          "type": "string"
-        },
         {
           "name": "invalid",
           "attribute": "invalid",
@@ -1879,43 +1965,16 @@
           "default": "false"
         },
         {
-          "name": "outlined",
-          "attribute": "outlined",
-          "type": "boolean",
-          "default": "false"
+          "name": "minlength",
+          "attribute": "minlength",
+          "description": "The minlength attribute of the control.",
+          "type": "number"
         },
         {
-          "name": "required",
-          "attribute": "required",
-          "description": "Makes the control a required field.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "Makes the control a disabled field.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "readonly",
-          "attribute": "readonly",
-          "description": "Makes the control a readonly field.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "minlength",
-          "attribute": "minlength",
-          "description": "The minlength attribute of the control.",
-          "type": "number"
-        },
-        {
-          "name": "maxlength",
-          "attribute": "maxlength",
-          "description": "The maxlength attribute of the control.",
-          "type": "number"
+          "name": "maxlength",
+          "attribute": "maxlength",
+          "description": "The maxlength attribute of the control.",
+          "type": "number"
         },
         {
           "name": "min",
@@ -1947,6 +2006,63 @@
           "description": "The autocomplete attribute of the control.",
           "type": "string"
         },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value attribute of the control.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "The name attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "outlined",
+          "attribute": "outlined",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "Makes the control a required field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Makes the control a disabled field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Makes the control a readonly field.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "placeholder",
+          "attribute": "placeholder",
+          "description": "The placeholder attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "The label for the control.",
+          "type": "string"
+        },
         {
           "name": "size",
           "attribute": "size",
@@ -2152,8 +2268,8 @@
         },
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         }
       ],
       "slots": [
@@ -2189,8 +2305,8 @@
         },
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         },
         {
           "name": "disabled",
@@ -2258,8 +2374,8 @@
         },
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         },
         {
           "name": "position",
@@ -2313,8 +2429,8 @@
         },
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         }
       ],
       "slots": [
@@ -2350,6 +2466,393 @@
         }
       ]
     },
+    {
+      "name": "igc-circular-gradient",
+      "path": "./src/components/progress/circular-gradient.ts",
+      "description": "Used for defining gradient stops in the igc-circular-progress.\nFor each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.\nThe values passed as `color`, `offset` and `opacity` would be set as\n`stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.",
+      "attributes": [
+        {
+          "name": "offset",
+          "description": "Defines where the gradient stop is placed along the gradient vector",
+          "type": "string",
+          "default": "\"0%\""
+        },
+        {
+          "name": "color",
+          "description": "Defines the color of the gradient stop",
+          "type": "string",
+          "default": "\"black\""
+        },
+        {
+          "name": "opacity",
+          "description": "Defines the opacity of the gradient stop",
+          "type": "number",
+          "default": "1"
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-circular-gradient\"",
+          "default": "\"igc-circular-gradient\""
+        },
+        {
+          "name": "offset",
+          "attribute": "offset",
+          "description": "Defines where the gradient stop is placed along the gradient vector",
+          "type": "string",
+          "default": "\"0%\""
+        },
+        {
+          "name": "color",
+          "attribute": "color",
+          "description": "Defines the color of the gradient stop",
+          "type": "string",
+          "default": "\"black\""
+        },
+        {
+          "name": "opacity",
+          "attribute": "opacity",
+          "description": "Defines the opacity of the gradient stop",
+          "type": "number",
+          "default": "1"
+        }
+      ]
+    },
+    {
+      "name": "igc-circular-progress",
+      "path": "./src/components/progress/circular-progress.ts",
+      "description": "A circular progress indicator used to express unspecified wait time or display\nthe length of a process.",
+      "attributes": [
+        {
+          "name": "max",
+          "description": "Maximum value of the control.",
+          "type": "number",
+          "default": "100"
+        },
+        {
+          "name": "value",
+          "description": "The value of the control.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "variant",
+          "description": "The variant of the control.",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"",
+          "default": "\"primary\""
+        },
+        {
+          "name": "animation-duration",
+          "description": "Animation duration in milliseconds.",
+          "type": "number",
+          "default": "500"
+        },
+        {
+          "name": "indeterminate",
+          "description": "The indeterminate state of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-label",
+          "description": "Shows/hides the label of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label-format",
+          "description": "Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-circular-progress\"",
+          "default": "\"igc-circular-progress\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "Maximum value of the control.",
+          "type": "number",
+          "default": "100"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value of the control.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "variant",
+          "attribute": "variant",
+          "description": "The variant of the control.",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"",
+          "default": "\"primary\""
+        },
+        {
+          "name": "animationDuration",
+          "attribute": "animation-duration",
+          "description": "Animation duration in milliseconds.",
+          "type": "number",
+          "default": "500"
+        },
+        {
+          "name": "indeterminate",
+          "attribute": "indeterminate",
+          "description": "The indeterminate state of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Shows/hides the label of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "labelFormat",
+          "attribute": "label-format",
+          "description": "Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
+          "type": "string"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "The text area container."
+        },
+        {
+          "name": "gradient",
+          "description": "Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "svg"
+        },
+        {
+          "name": "gradient_start"
+        },
+        {
+          "name": "gradient_end"
+        },
+        {
+          "name": "track"
+        },
+        {
+          "name": "fill"
+        },
+        {
+          "name": "label"
+        },
+        {
+          "name": "value"
+        },
+        {
+          "name": "indeterminate"
+        },
+        {
+          "name": "primary"
+        },
+        {
+          "name": "danger"
+        },
+        {
+          "name": "warning"
+        },
+        {
+          "name": "info"
+        },
+        {
+          "name": "success"
+        }
+      ]
+    },
+    {
+      "name": "igc-linear-progress",
+      "path": "./src/components/progress/linear-progress.ts",
+      "description": "A linear progress indicator used to express unspecified wait time or display\nthe length of a process.",
+      "attributes": [
+        {
+          "name": "striped",
+          "description": "Sets the striped look of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label-align",
+          "description": "The position for the default label of the control.",
+          "type": "\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"",
+          "default": "\"top-start\""
+        },
+        {
+          "name": "max",
+          "description": "Maximum value of the control.",
+          "type": "number",
+          "default": "100"
+        },
+        {
+          "name": "value",
+          "description": "The value of the control.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "variant",
+          "description": "The variant of the control.",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"",
+          "default": "\"primary\""
+        },
+        {
+          "name": "animation-duration",
+          "description": "Animation duration in milliseconds.",
+          "type": "number",
+          "default": "500"
+        },
+        {
+          "name": "indeterminate",
+          "description": "The indeterminate state of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-label",
+          "description": "Shows/hides the label of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label-format",
+          "description": "Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-linear-progress\"",
+          "default": "\"igc-linear-progress\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
+        {
+          "name": "striped",
+          "attribute": "striped",
+          "description": "Sets the striped look of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "labelAlign",
+          "attribute": "label-align",
+          "description": "The position for the default label of the control.",
+          "type": "\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"",
+          "default": "\"top-start\""
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "Maximum value of the control.",
+          "type": "number",
+          "default": "100"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value of the control.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "variant",
+          "attribute": "variant",
+          "description": "The variant of the control.",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"",
+          "default": "\"primary\""
+        },
+        {
+          "name": "animationDuration",
+          "attribute": "animation-duration",
+          "description": "Animation duration in milliseconds.",
+          "type": "number",
+          "default": "500"
+        },
+        {
+          "name": "indeterminate",
+          "attribute": "indeterminate",
+          "description": "The indeterminate state of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Shows/hides the label of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "labelFormat",
+          "attribute": "label-format",
+          "description": "Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
+          "type": "string"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "The text area container."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "track"
+        },
+        {
+          "name": "fill"
+        },
+        {
+          "name": "striped"
+        },
+        {
+          "name": "label"
+        },
+        {
+          "name": "value"
+        },
+        {
+          "name": "indeterminate"
+        },
+        {
+          "name": "primary"
+        },
+        {
+          "name": "danger"
+        },
+        {
+          "name": "warning"
+        },
+        {
+          "name": "info"
+        },
+        {
+          "name": "success"
+        }
+      ]
+    },
     {
       "name": "igc-radio-group",
       "path": "./src/components/radio-group/radio-group.ts",
@@ -2435,11 +2938,6 @@
           "type": "\"igc-radio\"",
           "default": "\"igc-radio\""
         },
-        {
-          "name": "styles",
-          "type": "CSSResult",
-          "default": "\"styles\""
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -2694,8 +3192,8 @@
         },
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         },
         {
           "name": "min",
@@ -2878,6 +3376,22 @@
         }
       ]
     },
+    {
+      "name": "igc-slider-label",
+      "path": "./src/components/slider/slider-label.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"css`\\n    :host {\\n      display: none;\\n    }\\n  `\""
+        },
+        {
+          "name": "tagName",
+          "type": "\"igc-slider-label\"",
+          "default": "\"igc-slider-label\""
+        }
+      ]
+    },
     {
       "name": "igc-slider",
       "path": "./src/components/slider/slider.ts",
@@ -3004,8 +3518,8 @@
         },
         {
           "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"styles\"]"
+          "type": "CSSResult",
+          "default": "\"styles\""
         },
         {
           "name": "min",
@@ -3187,6 +3701,145 @@
           "description": "The filled part of the track."
         }
       ]
+    },
+    {
+      "name": "igc-snackbar",
+      "path": "./src/components/snackbar/snackbar.ts",
+      "description": "A snackbar component is used to provide feedback about an operation\nby showing a brief message at the bottom of the screen.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Determines whether the snackbar is opened.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "display-time",
+          "description": "Determines the duration in ms in which the snackbar will be visible.",
+          "type": "number",
+          "default": "4000"
+        },
+        {
+          "name": "keep-open",
+          "description": "Determines whether the snackbar should close after the displayTime is over.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "action-text",
+          "description": "The snackbar action button.",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "Determines whether the snackbar is opened.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "displayTime",
+          "attribute": "display-time",
+          "description": "Determines the duration in ms in which the snackbar will be visible.",
+          "type": "number",
+          "default": "4000"
+        },
+        {
+          "name": "keepOpen",
+          "attribute": "keep-open",
+          "description": "Determines whether the snackbar should close after the displayTime is over.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "actionText",
+          "attribute": "action-text",
+          "description": "The snackbar action button.",
+          "type": "string"
+        }
+      ],
+      "events": [
+        {
+          "name": "igcAction",
+          "description": "Emitted when the snackbar action button is clicked."
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Renders the snackbar content."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "base",
+          "description": "The base wrapper of the snackbar component."
+        },
+        {
+          "name": "message",
+          "description": "The snackbar message."
+        },
+        {
+          "name": "action",
+          "description": "The snackbar action button."
+        }
+      ]
+    },
+    {
+      "name": "igc-toast",
+      "path": "./src/components/toast/toast.ts",
+      "description": "A toast component is used to show a notification",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Determines whether the toast is opened.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "display-time",
+          "description": "Determines the time after which the toast will close",
+          "type": "number",
+          "default": "4000"
+        },
+        {
+          "name": "keep-open",
+          "description": "Determines whether the toast is closed automatically or not.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "Determines whether the toast is opened.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "displayTime",
+          "attribute": "display-time",
+          "description": "Determines the time after which the toast will close",
+          "type": "number",
+          "default": "4000"
+        },
+        {
+          "name": "keepOpen",
+          "attribute": "keep-open",
+          "description": "Determines whether the toast is closed automatically or not.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "base",
+          "description": "The base wrapper of the toast."
+        }
+      ]
     }
   ]
 }