igniteui-webcomponents 1.0.0 → 2.0.0

package/custom-elements.json

@@ -35,6 +35,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-avatar\"",
+          "default": "\"igc-avatar\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "src",
           "attribute": "src",
@@ -101,7 +111,7 @@
         {
           "name": "variant",
           "description": "The type of badge.",
-          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"",
           "default": "\"primary\""
         },
         {
@@ -113,16 +123,26 @@
         {
           "name": "shape",
           "description": "The shape of the badge.",
-          "type": "\"rounded\" | \"square\" | undefined",
+          "type": "\"rounded\" | \"square\"",
           "default": "\"rounded\""
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-badge\"",
+          "default": "\"igc-badge\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "variant",
           "attribute": "variant",
           "description": "The type of badge.",
-          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"",
           "default": "\"primary\""
         },
         {
@@ -136,7 +156,7 @@
           "name": "shape",
           "attribute": "shape",
           "description": "The shape of the badge.",
-          "type": "\"rounded\" | \"square\" | undefined",
+          "type": "\"rounded\" | \"square\"",
           "default": "\"rounded\""
         }
       ],
@@ -195,6 +215,10 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "aria-label",
+          "type": "string"
+        },
         {
           "name": "size",
           "description": "Determines the size of the component.",
@@ -203,6 +227,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-button\"",
+          "default": "\"igc-button\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "variant",
           "attribute": "variant",
@@ -247,6 +281,11 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "type": "string"
+        },
         {
           "name": "size",
           "attribute": "size",
@@ -351,6 +390,10 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "aria-label",
+          "type": "string"
+        },
         {
           "name": "size",
           "description": "Determines the size of the component.",
@@ -359,6 +402,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-icon-button\"",
+          "default": "\"igc-icon-button\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "name",
           "attribute": "name",
@@ -422,6 +475,11 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "type": "string"
+        },
         {
           "name": "size",
           "attribute": "size",
@@ -453,10 +511,10 @@
           "default": "false"
         },
         {
-          "name": "has-header",
-          "description": "Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.",
+          "name": "hide-header",
+          "description": "Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         },
         {
           "name": "header-orientation",
@@ -488,6 +546,16 @@
           "type": "\"small\" | \"medium\" | \"large\"",
           "default": "\"large\""
         },
+        {
+          "name": "value",
+          "description": "Тhe current value of the calendar.\nUsed when selection is set to single.",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "values",
+          "description": "Тhe current values of the calendar.\nUsed when selection is set to multiple or range.",
+          "type": "Date[] | undefined"
+        },
         {
           "name": "selection",
           "description": "Sets the type of date selection.",
@@ -514,6 +582,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-calendar\"",
+          "default": "\"igc-calendar\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "hideOutsideDays",
           "attribute": "hide-outside-days",
@@ -522,11 +600,11 @@
           "default": "false"
         },
         {
-          "name": "hasHeader",
-          "attribute": "has-header",
-          "description": "Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.",
+          "name": "hideHeader",
+          "attribute": "hide-header",
+          "description": "Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         },
         {
           "name": "headerOrientation",
@@ -577,8 +655,15 @@
         },
         {
           "name": "value",
-          "description": "Тhe current value of the calendar.\nWhen selection is set to single, it accepts a single Date object.\nOtherwise, it is an array of Date objects.",
-          "type": "Date | Date[] | undefined"
+          "attribute": "value",
+          "description": "Тhe current value of the calendar.\nUsed when selection is set to single.",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "values",
+          "attribute": "values",
+          "description": "Тhe current values of the calendar.\nUsed when selection is set to multiple or range.",
+          "type": "Date[] | undefined"
         },
         {
           "name": "selection",
@@ -726,9 +811,19 @@
         {
           "name": "week-day-format",
           "description": "The format of the days. Defaults to narrow.",
-          "type": "\"long\" | \"short\" | \"narrow\"",
+          "type": "\"long\" | \"short\" | \"narrow\" | undefined",
           "default": "\"narrow\""
         },
+        {
+          "name": "value",
+          "description": "Тhe current value of the calendar.\nUsed when selection is set to single.",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "values",
+          "description": "Тhe current values of the calendar.\nUsed when selection is set to multiple or range.",
+          "type": "Date[] | undefined"
+        },
         {
           "name": "selection",
           "description": "Sets the type of date selection.",
@@ -755,6 +850,11 @@
         }
       ],
       "properties": [
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "hideLeadingDays",
           "attribute": "hide-leading-days",
@@ -785,7 +885,7 @@
           "name": "weekDayFormat",
           "attribute": "week-day-format",
           "description": "The format of the days. Defaults to narrow.",
-          "type": "\"long\" | \"short\" | \"narrow\"",
+          "type": "\"long\" | \"short\" | \"narrow\" | undefined",
           "default": "\"narrow\""
         },
         {
@@ -796,8 +896,15 @@
         },
         {
           "name": "value",
-          "description": "Тhe current value of the calendar.\nWhen selection is set to single, it accepts a single Date object.\nOtherwise, it is an array of Date objects.",
-          "type": "Date | Date[] | undefined"
+          "attribute": "value",
+          "description": "Тhe current value of the calendar.\nUsed when selection is set to single.",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "values",
+          "attribute": "values",
+          "description": "Тhe current values of the calendar.\nUsed when selection is set to multiple or range.",
+          "type": "Date[] | undefined"
         },
         {
           "name": "selection",
@@ -891,11 +998,16 @@
         {
           "name": "month-format",
           "description": "The format of the month. Defaults to long.",
-          "type": "\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\"",
+          "type": "\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined",
           "default": "\"long\""
         }
       ],
       "properties": [
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "value",
           "description": "Тhe current value of the calendar.",
@@ -913,7 +1025,7 @@
           "name": "monthFormat",
           "attribute": "month-format",
           "description": "The format of the month. Defaults to long.",
-          "type": "\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\"",
+          "type": "\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined",
           "default": "\"long\""
         }
       ],
@@ -945,6 +1057,11 @@
         }
       ],
       "properties": [
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "value",
           "description": "Тhe current value of the calendar.",
@@ -978,6 +1095,18 @@
       "name": "igc-card-actions",
       "path": "./src/components/card/card.actions.ts",
       "description": "A container for card action items like buttons",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-card-actions\"",
+          "default": "\"igc-card-actions\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        }
+      ],
       "slots": [
         {
           "name": "start",
@@ -997,6 +1126,18 @@
       "name": "igc-card-content",
       "path": "./src/components/card/card.content.ts",
       "description": "A container for card's text content",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-card-content\"",
+          "default": "\"igc-card-content\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -1008,6 +1149,18 @@
       "name": "igc-card-header",
       "path": "./src/components/card/card.header.ts",
       "description": "A container for card's header",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-card-header\"",
+          "default": "\"igc-card-header\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        }
+      ],
       "slots": [
         {
           "name": "thumbnail",
@@ -1037,6 +1190,18 @@
       "name": "igc-card-media",
       "path": "./src/components/card/card.media.ts",
       "description": "A container for card's media - could be an image, gif, video",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-card-media\"",
+          "default": "\"igc-card-media\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -1050,19 +1215,29 @@
       "description": "A container which wraps different elements related to a single subject",
       "attributes": [
         {
-          "name": "outlined",
-          "description": "Sets card outline style, otherwise card looks elevated",
+          "name": "elevated",
+          "description": "Sets card elevated style, otherwise card looks outlined.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         }
       ],
       "properties": [
         {
-          "name": "outlined",
-          "attribute": "outlined",
-          "description": "Sets card outline style, otherwise card looks elevated",
+          "name": "tagName",
+          "type": "\"igc-card\"",
+          "default": "\"igc-card\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
+        {
+          "name": "elevated",
+          "attribute": "elevated",
+          "description": "Sets card elevated style, otherwise card looks outlined.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         }
       ],
       "slots": [
@@ -1130,6 +1305,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-checkbox\"",
+          "default": "\"igc-checkbox\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "indeterminate",
           "attribute": "indeterminate",
@@ -1282,6 +1467,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-switch\"",
+          "default": "\"igc-switch\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "name",
           "attribute": "name",
@@ -1388,6 +1583,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-form\"",
+          "default": "\"igc-form\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"css`\\n    :host {\\n      display: block;\\n    }\\n  `\""
+        },
         {
           "name": "novalidate",
           "attribute": "novalidate",
@@ -1444,6 +1649,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-icon\"",
+          "default": "\"igc-icon\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "name",
           "attribute": "name",
@@ -1594,6 +1809,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-input\"",
+          "default": "\"igc-input\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "dir",
           "attribute": "dir",
@@ -1793,6 +2018,18 @@
       "name": "igc-list-header",
       "path": "./src/components/list/list-header.ts",
       "description": "Header list item.",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-list-header\"",
+          "default": "\"igc-list-header\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -1804,6 +2041,18 @@
       "name": "igc-list-item",
       "path": "./src/components/list/list-item.ts",
       "description": "The list-item component is a container\nintended for row items in the list component.",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-list-item\"",
+          "default": "\"igc-list-item\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -1866,6 +2115,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-list\"",
+          "default": "\"igc-list\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "size",
           "attribute": "size",
@@ -1885,6 +2144,18 @@
       "name": "igc-nav-drawer-header-item",
       "path": "./src/components/nav-drawer/nav-drawer-header-item.ts",
       "description": "A wrapper for navigation drawer's header.",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-nav-drawer-header-item\"",
+          "default": "\"igc-nav-drawer-header-item\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -1911,6 +2182,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-nav-drawer-item\"",
+          "default": "\"igc-nav-drawer-item\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "disabled",
           "attribute": "disabled",
@@ -1970,6 +2251,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-nav-drawer\"",
+          "default": "\"igc-nav-drawer\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "position",
           "attribute": "position",
@@ -1985,24 +2276,6 @@
           "default": "false"
         }
       ],
-      "events": [
-        {
-          "name": "igcOpening",
-          "description": "Emitted when the navigation drawer is about to open."
-        },
-        {
-          "name": "igcOpened",
-          "description": "Emitted when the navigation drawer is opened."
-        },
-        {
-          "name": "igcClosing",
-          "description": "Emitted when the navigation drawer is about to close."
-        },
-        {
-          "name": "igcClosed",
-          "description": "Emitted when the navigation drawer is closed."
-        }
-      ],
       "slots": [
         {
           "name": "",
@@ -2032,6 +2305,18 @@
       "name": "igc-navbar",
       "path": "./src/components/navbar/navbar.ts",
       "description": "A navigation bar component is used to facilitate navigation through\na series of hierarchical screens within an app.",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-navbar\"",
+          "default": "\"igc-navbar\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -2076,6 +2361,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-radio-group\"",
+          "default": "\"igc-radio-group\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "alignment",
           "attribute": "alignment",
@@ -2098,6 +2393,12 @@
           "description": "The value attribute of the control.",
           "type": "string"
         },
+        {
+          "name": "required",
+          "description": "Makes the control a required field.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "checked",
           "description": "The checked state of the control.",
@@ -2129,6 +2430,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-radio\"",
+          "default": "\"igc-radio\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
         {
           "name": "name",
           "attribute": "name",
@@ -2141,6 +2452,13 @@
           "description": "The value attribute of the control.",
           "type": "string"
         },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "Makes the control a required field.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "checked",
           "attribute": "checked",
@@ -2214,7 +2532,661 @@
     {
       "name": "igc-ripple",
       "path": "./src/components/ripple/ripple.ts",
-      "description": "A ripple can be applied to an element to represent\ninteractive surface."
+      "description": "A ripple can be applied to an element to represent\ninteractive surface.",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-ripple\"",
+          "default": "\"igc-ripple\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "igc-range-slider",
+      "path": "./src/components/slider/range-slider.ts",
+      "description": "A range slider component used to select two numeric values within a range.",
+      "attributes": [
+        {
+          "name": "lower",
+          "description": "The current value of the lower thumb.",
+          "type": "number"
+        },
+        {
+          "name": "upper",
+          "description": "The current value of the upper thumb.",
+          "type": "number"
+        },
+        {
+          "name": "aria-label-lower",
+          "description": "The aria label of the lower thumb.",
+          "type": "string"
+        },
+        {
+          "name": "aria-label-upper",
+          "description": "The aria label of the upper thumb.",
+          "type": "string"
+        },
+        {
+          "name": "min",
+          "description": "The minimum value of the slider scale. Defaults to 0.",
+          "type": "number"
+        },
+        {
+          "name": "max",
+          "description": "The maximum value of the slider scale. Defaults to 100.",
+          "type": "number"
+        },
+        {
+          "name": "lower-bound",
+          "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "upper-bound",
+          "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the UI interactions of the slider.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "discrete-track",
+          "description": "Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-tooltip",
+          "description": "Hides the thumb tooltip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "step",
+          "description": "Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.",
+          "type": "number"
+        },
+        {
+          "name": "primary-ticks",
+          "description": "The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "secondary-ticks",
+          "description": "The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "tick-orientation",
+          "description": "Changes the orientation of the ticks.",
+          "type": "\"start\" | \"end\" | \"mirror\"",
+          "default": "\"end\""
+        },
+        {
+          "name": "hide-primary-labels",
+          "description": "Hides the primary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-secondary-labels",
+          "description": "Hides the secondary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "locale",
+          "description": "The locale used to format the thumb and tick label values in the slider.",
+          "type": "string",
+          "default": "\"en\""
+        },
+        {
+          "name": "value-format",
+          "description": "String format used for the thumb and tick label values in the slider.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "tick-label-rotation",
+          "description": "The degrees for the rotation of the tick labels. Defaults to 0.",
+          "type": "0 | 90 | -90",
+          "default": "0"
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-range-slider\"",
+          "default": "\"igc-range-slider\""
+        },
+        {
+          "name": "lower",
+          "attribute": "lower",
+          "description": "The current value of the lower thumb.",
+          "type": "number"
+        },
+        {
+          "name": "upper",
+          "attribute": "upper",
+          "description": "The current value of the upper thumb.",
+          "type": "number"
+        },
+        {
+          "name": "ariaLabelLower",
+          "attribute": "aria-label-lower",
+          "description": "The aria label of the lower thumb.",
+          "type": "string"
+        },
+        {
+          "name": "ariaLabelUpper",
+          "attribute": "aria-label-upper",
+          "description": "The aria label of the upper thumb.",
+          "type": "string"
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
+        {
+          "name": "min",
+          "attribute": "min",
+          "description": "The minimum value of the slider scale. Defaults to 0.",
+          "type": "number"
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "The maximum value of the slider scale. Defaults to 100.",
+          "type": "number"
+        },
+        {
+          "name": "lowerBound",
+          "attribute": "lower-bound",
+          "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "upperBound",
+          "attribute": "upper-bound",
+          "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Disables the UI interactions of the slider.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "discreteTrack",
+          "attribute": "discrete-track",
+          "description": "Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideTooltip",
+          "attribute": "hide-tooltip",
+          "description": "Hides the thumb tooltip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "step",
+          "attribute": "step",
+          "description": "Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.",
+          "type": "number"
+        },
+        {
+          "name": "primaryTicks",
+          "attribute": "primary-ticks",
+          "description": "The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "secondaryTicks",
+          "attribute": "secondary-ticks",
+          "description": "The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "tickOrientation",
+          "attribute": "tick-orientation",
+          "description": "Changes the orientation of the ticks.",
+          "type": "\"start\" | \"end\" | \"mirror\"",
+          "default": "\"end\""
+        },
+        {
+          "name": "hidePrimaryLabels",
+          "attribute": "hide-primary-labels",
+          "description": "Hides the primary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideSecondaryLabels",
+          "attribute": "hide-secondary-labels",
+          "description": "Hides the secondary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "locale",
+          "attribute": "locale",
+          "description": "The locale used to format the thumb and tick label values in the slider.",
+          "type": "string",
+          "default": "\"en\""
+        },
+        {
+          "name": "valueFormat",
+          "attribute": "value-format",
+          "description": "String format used for the thumb and tick label values in the slider.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "valueFormatOptions",
+          "description": "Number format options used for the thumb and tick label values in the slider.",
+          "type": "NumberFormatOptions | undefined"
+        },
+        {
+          "name": "tickLabelRotation",
+          "attribute": "tick-label-rotation",
+          "description": "The degrees for the rotation of the tick labels. Defaults to 0.",
+          "type": "0 | 90 | -90",
+          "default": "0"
+        }
+      ],
+      "events": [
+        {
+          "name": "igcInput",
+          "description": "Emitted when a value is changed via thumb drag or keyboard interaction."
+        },
+        {
+          "name": "igcChange",
+          "description": "Emitted when a value change is committed on a thumb drag end or keyboard interaction."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "base",
+          "description": "The base wrapper of the slider."
+        },
+        {
+          "name": "ticks",
+          "description": "The ticks container."
+        },
+        {
+          "name": "tick-group",
+          "description": "The tick group container."
+        },
+        {
+          "name": "tick",
+          "description": "The tick element."
+        },
+        {
+          "name": "tick-label",
+          "description": "The tick label element."
+        },
+        {
+          "name": "tick-label-inner",
+          "description": "The inner element of the tick label."
+        },
+        {
+          "name": "thumbs",
+          "description": "The thumbs container."
+        },
+        {
+          "name": "thumb",
+          "description": "The thumb element."
+        },
+        {
+          "name": "thumb-label",
+          "description": "The thumb tooltip label container."
+        },
+        {
+          "name": "thumb-label-inner",
+          "description": "The thumb tooltip label inner element."
+        },
+        {
+          "name": "track",
+          "description": "The track container."
+        },
+        {
+          "name": "steps",
+          "description": "The track steps element."
+        },
+        {
+          "name": "inactive",
+          "description": "The inactive element of the track."
+        },
+        {
+          "name": "fill",
+          "description": "The filled part of the track."
+        }
+      ]
+    },
+    {
+      "name": "igc-slider",
+      "path": "./src/components/slider/slider.ts",
+      "description": "A slider component used to select numeric value within a range.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The current value of the slider.",
+          "type": "number"
+        },
+        {
+          "name": "aria-label",
+          "description": "The aria label of the slider thumb.",
+          "type": "string"
+        },
+        {
+          "name": "min",
+          "description": "The minimum value of the slider scale. Defaults to 0.",
+          "type": "number"
+        },
+        {
+          "name": "max",
+          "description": "The maximum value of the slider scale. Defaults to 100.",
+          "type": "number"
+        },
+        {
+          "name": "lower-bound",
+          "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "upper-bound",
+          "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the UI interactions of the slider.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "discrete-track",
+          "description": "Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-tooltip",
+          "description": "Hides the thumb tooltip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "step",
+          "description": "Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.",
+          "type": "number"
+        },
+        {
+          "name": "primary-ticks",
+          "description": "The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "secondary-ticks",
+          "description": "The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "tick-orientation",
+          "description": "Changes the orientation of the ticks.",
+          "type": "\"start\" | \"end\" | \"mirror\"",
+          "default": "\"end\""
+        },
+        {
+          "name": "hide-primary-labels",
+          "description": "Hides the primary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-secondary-labels",
+          "description": "Hides the secondary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "locale",
+          "description": "The locale used to format the thumb and tick label values in the slider.",
+          "type": "string",
+          "default": "\"en\""
+        },
+        {
+          "name": "value-format",
+          "description": "String format used for the thumb and tick label values in the slider.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "tick-label-rotation",
+          "description": "The degrees for the rotation of the tick labels. Defaults to 0.",
+          "type": "0 | 90 | -90",
+          "default": "0"
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-slider\"",
+          "default": "\"igc-slider\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The current value of the slider.",
+          "type": "number"
+        },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "The aria label of the slider thumb.",
+          "type": "string"
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
+        {
+          "name": "min",
+          "attribute": "min",
+          "description": "The minimum value of the slider scale. Defaults to 0.",
+          "type": "number"
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "The maximum value of the slider scale. Defaults to 100.",
+          "type": "number"
+        },
+        {
+          "name": "lowerBound",
+          "attribute": "lower-bound",
+          "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "upperBound",
+          "attribute": "upper-bound",
+          "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Disables the UI interactions of the slider.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "discreteTrack",
+          "attribute": "discrete-track",
+          "description": "Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideTooltip",
+          "attribute": "hide-tooltip",
+          "description": "Hides the thumb tooltip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "step",
+          "attribute": "step",
+          "description": "Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.",
+          "type": "number"
+        },
+        {
+          "name": "primaryTicks",
+          "attribute": "primary-ticks",
+          "description": "The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "secondaryTicks",
+          "attribute": "secondary-ticks",
+          "description": "The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "tickOrientation",
+          "attribute": "tick-orientation",
+          "description": "Changes the orientation of the ticks.",
+          "type": "\"start\" | \"end\" | \"mirror\"",
+          "default": "\"end\""
+        },
+        {
+          "name": "hidePrimaryLabels",
+          "attribute": "hide-primary-labels",
+          "description": "Hides the primary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideSecondaryLabels",
+          "attribute": "hide-secondary-labels",
+          "description": "Hides the secondary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "locale",
+          "attribute": "locale",
+          "description": "The locale used to format the thumb and tick label values in the slider.",
+          "type": "string",
+          "default": "\"en\""
+        },
+        {
+          "name": "valueFormat",
+          "attribute": "value-format",
+          "description": "String format used for the thumb and tick label values in the slider.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "valueFormatOptions",
+          "description": "Number format options used for the thumb and tick label values in the slider.",
+          "type": "NumberFormatOptions | undefined"
+        },
+        {
+          "name": "tickLabelRotation",
+          "attribute": "tick-label-rotation",
+          "description": "The degrees for the rotation of the tick labels. Defaults to 0.",
+          "type": "0 | 90 | -90",
+          "default": "0"
+        }
+      ],
+      "events": [
+        {
+          "name": "igcInput",
+          "description": "Emitted when a value is changed via thumb drag or keyboard interaction."
+        },
+        {
+          "name": "igcChange",
+          "description": "Emitted when a value change is committed on a thumb drag end or keyboard interaction."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "base",
+          "description": "The base wrapper of the slider."
+        },
+        {
+          "name": "ticks",
+          "description": "The ticks container."
+        },
+        {
+          "name": "tick-group",
+          "description": "The tick group container."
+        },
+        {
+          "name": "tick",
+          "description": "The tick element."
+        },
+        {
+          "name": "tick-label",
+          "description": "The tick label element."
+        },
+        {
+          "name": "tick-label-inner",
+          "description": "The inner element of the tick label."
+        },
+        {
+          "name": "thumbs",
+          "description": "The thumbs container."
+        },
+        {
+          "name": "thumb",
+          "description": "The thumb element."
+        },
+        {
+          "name": "thumb-label",
+          "description": "The thumb tooltip label container."
+        },
+        {
+          "name": "thumb-label-inner",
+          "description": "The thumb tooltip label inner element."
+        },
+        {
+          "name": "track",
+          "description": "The track container."
+        },
+        {
+          "name": "steps",
+          "description": "The track steps element."
+        },
+        {
+          "name": "inactive",
+          "description": "The inactive element of the track."
+        },
+        {
+          "name": "fill",
+          "description": "The filled part of the track."
+        }
+      ]
     }
   ]
 }