@rei/cedar 13.3.0-alpha.1 → 13.4.0-alpha.0

package/dist/component-docgen.json

@@ -91,6 +91,7 @@
       },
       {
         "name": "label",
+        "description": "Sets the readable text on CdrAccordion button (also can be slotted)",
         "tags": {
           "demoIgnore": [
             {
@@ -106,39 +107,18 @@
     ],
     "events": [
       {
-        "name": "accordion-toggle"
+        "name": "accordion-toggle",
+        "description": "Emits on accordion open/close"
       }
     ],
     "slots": [
       {
-        "name": "label"
+        "name": "label",
+        "description": " Sets the readable text on the CdrAccordion button"
       },
       {
-        "name": "default"
-      }
-    ]
-  },
-  "CdrAccordionGroup": {
-    "displayName": "CdrAccordionGroup",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "unwrap",
-        "description": "A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.",
-        "type": {
-          "name": "string|boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
+        "name": "default",
+        "description": "CdrAccordion content"
       }
     ]
   },
@@ -177,95 +157,57 @@
     ],
     "slots": [
       {
-        "name": "icon-left"
+        "name": "icon-left",
+        "description": "Icon matching banner type"
       },
       {
-        "name": "default"
+        "name": "default",
+        "description": "Primary message content"
       },
       {
-        "name": "icon-right"
+        "name": "icon-right",
+        "description": "Additional icon"
       },
       {
-        "name": "message-body"
+        "name": "message-body",
+        "description": "Additional content about the message"
       },
       {
-        "name": "info-action"
+        "name": "info-action",
+        "description": "Action-wrapped icon"
       }
     ]
   },
-  "CdrBreadcrumb": {
-    "displayName": "CdrBreadcrumb",
+  "CdrAccordionGroup": {
+    "displayName": "CdrAccordionGroup",
     "exportName": "default",
     "description": "",
     "tags": {},
     "props": [
       {
-        "name": "items",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "array"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": []
-        }
-      },
-      {
-        "name": "truncationEnabled",
-        "description": "Flag to track container width threshold exceeded",
+        "name": "unwrap",
+        "description": "A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.",
+        "tags": {},
+        "values": [
+          "@xs",
+          "@sm",
+          "@md",
+          "@lg",
+          "true"
+        ],
         "type": {
-          "name": "boolean"
+          "name": "string|boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "id",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
+          "value": false
         }
       }
     ],
-    "events": [
-      {
-        "name": "navigate"
-      }
-    ],
     "slots": [
       {
-        "name": "link",
-        "scoped": true,
-        "bindings": [
-          {
-            "name": "class",
-            "title": "binding"
-          },
-          {
-            "name": "href",
-            "title": "binding"
-          },
-          {
-            "name": "content",
-            "title": "binding"
-          }
-        ]
+        "name": "default",
+        "description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
       }
     ]
   },
@@ -277,6 +219,7 @@
     "props": [
       {
         "name": "tag",
+        "description": "Renders CdrButton as a <button> or <a> element. When using the value of <a>, this element renders as an anchor link.",
         "tags": {
           "demoIgnore": [
             {
@@ -285,6 +228,10 @@
             }
           ]
         },
+        "values": [
+          "button",
+          "a"
+        ],
         "type": {
           "name": "string"
         },
@@ -295,6 +242,7 @@
       },
       {
         "name": "type",
+        "description": "Sets the button type",
         "tags": {
           "demoIgnore": [
             {
@@ -303,6 +251,11 @@
             }
           ]
         },
+        "values": [
+          "button",
+          "submit",
+          "reset"
+        ],
         "type": {
           "name": "string"
         },
@@ -339,7 +292,7 @@
       },
       {
         "name": "size",
-        "description": "Sets the button size",
+        "description": "Sets the button size; values can target responsive breakpoints. Example: `large@sm`.",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -363,7 +316,7 @@
       },
       {
         "name": "fullWidth",
-        "description": "Sets button width to 100%",
+        "description": "Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.",
         "type": {
           "name": "string|boolean"
         },
@@ -374,6 +327,7 @@
       },
       {
         "name": "iconOnly",
+        "description": "Renders an 'icon-only' button. When this value is true, it will override the size and 'responsiveSize' props. Can be used in conjunction with 'with-background'",
         "type": {
           "name": "boolean"
         },
@@ -384,6 +338,7 @@
       },
       {
         "name": "withBackground",
+        "description": "Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.",
         "type": {
           "name": "boolean"
         },
@@ -395,16 +350,20 @@
     ],
     "slots": [
       {
-        "name": "icon-left"
+        "name": "icon-left",
+        "description": "Icon to the left of text content"
       },
       {
-        "name": "icon"
+        "name": "icon",
+        "description": "Icon for icon-only button"
       },
       {
-        "name": "default"
+        "name": "default",
+        "description": "Readable text of the button. Leave empty if icon-only"
       },
       {
-        "name": "icon-right"
+        "name": "icon-right",
+        "description": "Icon to the right of text content"
       }
     ]
   },
@@ -446,6 +405,105 @@
       }
     ]
   },
+  "CdrBreadcrumb": {
+    "displayName": "CdrBreadcrumb",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "items",
+        "description": "Sets the array of a breadcrumb object containing a 'url' and 'name' property.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "array"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": []
+        }
+      },
+      {
+        "name": "truncationEnabled",
+        "description": "Controls the ability to truncate the entire breadcrumb path. If this value is false, truncation will no longer occur.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "id",
+        "description": "Define a custom ID for the `<nav>` element. Randomly generated if no ID provided.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "navigate",
+        "description": "Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation."
+      }
+    ],
+    "slots": [
+      {
+        "name": "link",
+        "scoped": true,
+        "bindings": [
+          {
+            "name": "class",
+            "title": "binding"
+          },
+          {
+            "name": "href",
+            "title": "binding"
+          },
+          {
+            "name": "content",
+            "title": "binding"
+          }
+        ]
+      }
+    ]
+  },
+  "CdrChip": {
+    "displayName": "CdrChip",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "slots": [
+      {
+        "name": "icon-left",
+        "description": "Icon to the left of the content"
+      },
+      {
+        "name": "icon-right",
+        "description": "Icon to the right of the content"
+      },
+      {
+        "name": "default",
+        "description": "Primary CdrChip content"
+      }
+    ]
+  },
   "CdrCard": {
     "displayName": "CdrCard",
     "exportName": "default",
@@ -454,6 +512,7 @@
     "props": [
       {
         "name": "tag",
+        "description": "Sets valid HTML container element tag.",
         "type": {
           "name": "string"
         },
@@ -465,7 +524,8 @@
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrCard content"
       }
     ]
   },
@@ -477,21 +537,21 @@
     "props": [
       {
         "name": "labelClass",
-        "description": "Class that is added to the label for custom styles",
+        "description": "Passes a CSS class to the label for custom styles",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "inputClass",
-        "description": "Class that is added to the input for custom styles",
+        "description": "Passes a CSS class to the input for custom styles",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "contentClass",
-        "description": "Class that is added to the slot wrapper for custom styles",
+        "description": "Passes a CSS class to the slot wrapper for custom styles",
         "type": {
           "name": "string"
         }
@@ -538,6 +598,12 @@
       },
       {
         "name": "background",
+        "description": "Sets the background color the input is rendered on",
+        "tags": {},
+        "values": [
+          "primary",
+          "secondary"
+        ],
         "type": {
           "name": "backgroundProps"
         }
@@ -563,6 +629,11 @@
       },
       {
         "name": "modifier",
+        "description": "Use `hide-figure` to hide the checkbox, which leaves the text label as the clickable element.\nAdd appropriate custom styles to convey selected and unselected states.",
+        "tags": {},
+        "values": [
+          "hide-figure"
+        ],
         "type": {
           "name": "string"
         },
@@ -588,62 +659,33 @@
     ],
     "events": [
       {
-        "name": "update:modelValue"
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
-      }
-    ]
-  },
-  "CdrChip": {
-    "displayName": "CdrChip",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "slots": [
-      {
-        "name": "icon-left"
-      },
-      {
-        "name": "icon-right"
-      },
-      {
-        "name": "default"
-      }
-    ]
-  },
-  "CdrChipGroup": {
-    "displayName": "CdrChipGroup",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "label",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      },
-      {
-        "name": "hideLabel",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on the <input> element",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
       }
     ],
     "slots": [
       {
-        "name": "label"
-      },
-      {
-        "name": "default"
+        "name": "default",
+        "description": "Readable text for the label element"
       }
     ]
   },
@@ -655,7 +697,7 @@
     "props": [
       {
         "name": "tag",
-        "description": "Any valid HTML tag",
+        "description": "Sets the HTML tag for the container element",
         "type": {
           "name": "string"
         },
@@ -690,7 +732,8 @@
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrContainer content"
       }
     ]
   },
@@ -713,14 +756,51 @@
       }
     ]
   },
-  "CdrFormGroup": {
-    "displayName": "CdrFormGroup",
+  "CdrChipGroup": {
+    "displayName": "CdrChipGroup",
     "exportName": "default",
     "description": "",
     "tags": {},
     "props": [
       {
-        "name": "id",
+        "name": "label",
+        "description": "Sets a label that describes the chip group and what it is selecting. By default this label is visually hidden and only made available to screen readers.",
+        "type": {
+          "name": "string"
+        },
+        "required": true
+      },
+      {
+        "name": "hideLabel",
+        "description": "Visually hides the chip group label but makes it accessible to screen readers.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "label",
+        "description": "Override CdrChip label content with a custom element"
+      },
+      {
+        "name": "default",
+        "description": "CdrChipGroup content (CdrChip components)"
+      }
+    ]
+  },
+  "CdrFormGroup": {
+    "displayName": "CdrFormGroup",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "id",
         "type": {
           "name": "string"
         }
@@ -810,6 +890,7 @@
       },
       {
         "name": "tag",
+        "description": "Sets the HTML tag for the grid element",
         "type": {
           "name": "string"
         },
@@ -821,44 +902,8 @@
     ],
     "slots": [
       {
-        "name": "default"
-      }
-    ]
-  },
-  "CdrIcon": {
-    "displayName": "CdrIcon",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "use",
-        "description": "The href attribute passed to the use element. Will be prefixed with # automatically",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "inheritColor",
-        "description": "Sets icon fill to \"inherit\" so as to use parent/ancestor fill color.",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "size",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
+        "name": "default",
+        "description": "CdrGrid content (grid child elements)"
       }
     ]
   },
@@ -870,7 +915,7 @@
     "props": [
       {
         "name": "src",
-        "description": "Required. Image source url.",
+        "description": "Image source url.",
         "type": {
           "name": "string"
         },
@@ -878,7 +923,7 @@
       },
       {
         "name": "alt",
-        "description": "Required. Image alt text.",
+        "description": "Image alt text. Defaults to an empty string",
         "type": {
           "name": "string"
         },
@@ -1002,14 +1047,14 @@
     "props": [
       {
         "name": "id",
-        "description": "`id` for the input that is mapped to the label `for` attribute.",
+        "description": "Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be randomly generated.",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "type",
-        "description": "'type' attribute for the input as defined by w3c.\n Only supporting text|email|number|password|search|url.\n The increment/decrement webkit psuedo element is hidden for number.",
+        "description": "'type' attribute for the input as defined by w3c.\n Only supporting text|email|number|password|search|url|date.\n The increment/decrement webkit psuedo element is hidden for number.",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -1025,7 +1070,8 @@
           "password",
           "search",
           "url",
-          "tel"
+          "tel",
+          "date"
         ],
         "type": {
           "name": "string"
@@ -1037,7 +1083,7 @@
       },
       {
         "name": "label",
-        "description": "Label text. This is required for a11y even if hiding the label with `hideLabel`.",
+        "description": "Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.",
         "type": {
           "name": "string"
         },
@@ -1045,6 +1091,7 @@
       },
       {
         "name": "numeric",
+        "description": "Sets default attributes for an input that should launch a numeric keyboard but is not strictly a 'number' (credit card, security code, postal code, etc.). Should be used in conjunction with the default text type input. An `input` listener can be used to fully restrict input values to numerical characters only",
         "type": {
           "name": "boolean"
         },
@@ -1062,13 +1109,19 @@
       },
       {
         "name": "rows",
-        "description": "Number of rows for input.  Converts component to text-area if rows greater than 1.",
+        "description": "Number of rows for input. Converts component to text-area if rows greater than 1.",
         "type": {
           "name": "number"
         }
       },
       {
         "name": "background",
+        "description": "Sets the background color the input is rendered on",
+        "tags": {},
+        "values": [
+          "primary",
+          "secondary"
+        ],
         "type": {
           "name": "backgroundProps"
         }
@@ -1094,7 +1147,7 @@
       },
       {
         "name": "errorRole",
-        "description": "Override the error message role, default is `status`.",
+        "description": "Sets the `role` attribute for the embedded error state messaging.",
         "type": {
           "name": "string"
         },
@@ -1106,6 +1159,7 @@
       },
       {
         "name": "error",
+        "description": "Sets the input to an error state, displays the `error` slot if one is present.",
         "type": {
           "name": "boolean|string"
         },
@@ -1116,30 +1170,42 @@
       },
       {
         "name": "disabled",
+        "description": "Sets the disabled state for the input field and label styling. Also, restricts user input.",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "required",
+        "description": "Sets aria-required on the input field and displays an asterisk next to the input label.",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "optional",
+        "description": "Displays '(optional)' text next to the input label.",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
         "type": {
           "name": "string|number|func"
         }
       },
       {
         "name": "labelClass",
+        "description": "Adds a custom class to the cdr-label-standalone wrapping div",
         "type": {
           "name": "string"
         }
@@ -1147,30 +1213,57 @@
     ],
     "events": [
       {
-        "name": "update:modelValue"
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on the <input> element",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
       }
     ],
     "slots": [
       {
-        "name": "helper-text-top"
+        "name": "helper-text-top",
+        "description": "Helper text above the input field"
       },
       {
-        "name": "info"
+        "name": "info",
+        "description": "Link or icon to the right above the input field."
       },
       {
-        "name": "pre-icon"
+        "name": "pre-icon",
+        "description": "Icon preceding text within the input field"
       },
       {
-        "name": "post-icon"
+        "name": "post-icon",
+        "description": "Icon after text within the input field"
       },
       {
-        "name": "info-action"
+        "name": "info-action",
+        "description": "Action-wrapped icon within the input field (precedes post-icon)"
       },
       {
-        "name": "helper-text-bottom"
+        "name": "helper-text-bottom",
+        "description": "Helper text below the input field"
       },
       {
-        "name": "error"
+        "name": "error",
+        "description": "Error messaging text that is displayed when the `error` prop is true."
       }
     ]
   },
@@ -1239,53 +1332,42 @@
       }
     ]
   },
-  "CdrLabelWrapper": {
-    "displayName": "CdrLabelWrapper",
+  "CdrIcon": {
+    "displayName": "CdrIcon",
     "exportName": "default",
     "description": "",
     "tags": {},
     "props": [
       {
-        "name": "labelClass",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "contentClass",
+        "name": "use",
+        "description": "Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).",
         "type": {
           "name": "string"
         }
       },
       {
-        "name": "background",
-        "type": {
-          "name": "backgroundProps"
-        }
-      },
-      {
-        "name": "disabled",
+        "name": "inheritColor",
+        "description": "Sets icon fill to \"inherit\" so as to use parent/ancestor fill color.",
         "type": {
           "name": "boolean"
-        }
-      },
-      {
-        "name": "modifier",
-        "type": {
-          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       },
       {
         "name": "size",
         "type": {
           "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
         }
       }
     ],
     "slots": [
-      {
-        "name": "input"
-      },
       {
         "name": "default"
       }
@@ -1299,6 +1381,12 @@
     "props": [
       {
         "name": "tag",
+        "description": "Sets valid HTML element tag",
+        "tags": {},
+        "values": [
+          "a",
+          "button"
+        ],
         "type": {
           "name": "string"
         },
@@ -1309,6 +1397,7 @@
       },
       {
         "name": "href",
+        "description": "Sets value for anchors href property. Requires tag prop value to be `a`.",
         "type": {
           "name": "string"
         },
@@ -1319,6 +1408,7 @@
       },
       {
         "name": "inheritColor",
+        "description": "Sets color and fill",
         "type": {
           "name": "boolean"
         },
@@ -1329,6 +1419,11 @@
       },
       {
         "name": "modifier",
+        "description": "Modifies the style variant for this component.",
+        "tags": {},
+        "values": [
+          "standalone"
+        ],
         "type": {
           "name": "string"
         },
@@ -1368,7 +1463,8 @@
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "Readable text of the link"
       }
     ]
   },
@@ -1380,7 +1476,12 @@
     "props": [
       {
         "name": "tag",
-        "description": "Tag accepts a user defined element and expects either: 'ul' = Unordered List or 'ol' = Ordered List.",
+        "description": "Sets list type and HTML element as \"unordered\" or \"ordered\"",
+        "tags": {},
+        "values": [
+          "ul",
+          "ol"
+        ],
         "type": {
           "name": "string"
         },
@@ -1417,122 +1518,57 @@
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrList content (list-items)"
       }
     ]
   },
-  "CdrModal": {
-    "displayName": "CdrModal",
+  "CdrLabelWrapper": {
+    "displayName": "CdrLabelWrapper",
     "exportName": "default",
     "description": "",
     "tags": {},
     "props": [
       {
-        "name": "opened",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "boolean"
-        },
-        "required": true
-      },
-      {
-        "name": "label",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      },
-      {
-        "name": "showTitle",
-        "type": {
-          "name": "boolean"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "ariaDescribedby",
+        "name": "labelClass",
         "type": {
           "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "null"
         }
       },
       {
-        "name": "role",
+        "name": "contentClass",
         "type": {
           "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "'dialog'"
         }
       },
       {
-        "name": "id",
+        "name": "background",
         "type": {
-          "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "null"
+          "name": "backgroundProps"
         }
       },
       {
-        "name": "overlayClass",
+        "name": "disabled",
         "type": {
-          "name": "string"
+          "name": "boolean"
         }
       },
       {
-        "name": "wrapperClass",
+        "name": "modifier",
         "type": {
           "name": "string"
         }
       },
       {
-        "name": "contentClass",
+        "name": "size",
         "type": {
           "name": "string"
         }
-      },
-      {
-        "name": "animationDuration",
-        "type": {
-          "name": "number"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "300"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "closed"
       }
     ],
     "slots": [
       {
-        "name": "modal"
-      },
-      {
-        "name": "title"
+        "name": "input"
       },
       {
         "name": "default"
@@ -1547,13 +1583,22 @@
     "props": [
       {
         "name": "id",
+        "description": "Define a custom slug for the generated breadcrumb item IDs. Slug is randomly generated if no ID provided.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
         "type": {
           "name": "string"
         }
       },
       {
         "name": "totalPages",
-        "description": "Total number of pages. Sometimes the total number of pages is different than total page data\nand this prop allows for that.",
+        "description": "Sets the total number of pages for displaying \"Page x of <totalPages>\".\nSometimes the total number of pages is different than total page data objects in the pages array.\nFor example, if only the next and previous pages are provided.",
         "type": {
           "name": "number"
         },
@@ -1564,7 +1609,7 @@
       },
       {
         "name": "pages",
-        "description": "Array of objects. Objects have structure of { page: Number, url: String }",
+        "description": "Array of objects containing pagination data.\nObjects must have structure of `{ page: number, url: string }`",
         "type": {
           "name": "array"
         },
@@ -1572,6 +1617,12 @@
       },
       {
         "name": "linkTag",
+        "description": "Sets which tag type is used to render pagination elements",
+        "tags": {},
+        "values": [
+          "a",
+          "button"
+        ],
         "type": {
           "name": "string"
         },
@@ -1582,6 +1633,7 @@
       },
       {
         "name": "forLabel",
+        "description": "Used to customize the aria-label for the root pagination element.\nFor page-level pagination (i.e, pagination that updates the entire page content and changes the URL)\nthis property should be omitted.\nFor intra-page navigation this property should describe the element being paginated, for example:\n`Pagination for sub-content`",
         "type": {
           "name": "string"
         },
@@ -1607,137 +1659,193 @@
     ],
     "events": [
       {
-        "name": "update:modelValue"
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on the select <input> element to indicate current page.\nOnly used on small devices",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
       },
       {
-        "name": "navigate"
+        "name": "navigate",
+        "description": "$emit event fired when page changes based on user interaction by clicking a link\nor selecting an option from the select on mobile.\n`event.preventDefault()` can be used to override the default link navigation behavior."
       }
     ]
   },
-  "CdrPopover": {
-    "displayName": "CdrPopover",
+  "CdrModal": {
+    "displayName": "CdrModal",
     "exportName": "default",
     "description": "",
     "tags": {},
     "props": [
       {
-        "name": "position",
+        "name": "opened",
+        "description": "Toggles the state of the modal",
         "tags": {
-          "demoSelectMultiple": [
+          "demoIgnore": [
             {
-              "description": "false",
-              "title": "demoSelectMultiple"
+              "description": "true",
+              "title": "demoIgnore"
             }
           ]
         },
-        "values": [
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
+        "type": {
+          "name": "boolean"
+        },
+        "required": true
+      },
+      {
+        "name": "label",
+        "description": "Sets `aria-label` and modal title text. Can also use title slot to set title.",
         "type": {
           "name": "string"
         },
+        "required": true
+      },
+      {
+        "name": "showTitle",
+        "description": "Toggles the modal title text, which comes from `label` prop or `title` slot.",
+        "type": {
+          "name": "boolean"
+        },
         "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'top'"
+          "value": true
         }
       },
       {
-        "name": "autoPosition",
+        "name": "ariaDescribedby",
+        "description": "Text for aria-describedby attribute. Applied to modal content element",
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "required": false,
         "defaultValue": {
           "func": false,
-          "value": true
+          "value": "null"
         }
       },
       {
-        "name": "label",
+        "name": "role",
+        "description": "Sets the `role` attribute on the modal content element",
+        "tags": {},
+        "values": [
+          "dialog",
+          "alertDialog"
+        ],
         "type": {
           "name": "string"
         },
-        "required": false
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "'dialog'"
+        }
       },
       {
         "name": "id",
+        "description": "Sets unique `id` for modal",
         "type": {
           "name": "string"
         },
-        "required": true
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "null"
+        }
+      },
+      {
+        "name": "overlayClass",
+        "description": "Adds custom class to the `cdr-modal__overlay` div",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "wrapperClass",
+        "description": "Adds custom class to the `cdr-modal__outerWrap` div",
+        "type": {
+          "name": "string"
+        }
       },
       {
         "name": "contentClass",
+        "description": "Adds custom class to the `cdr-modal__innerWrap` div",
         "type": {
           "name": "string"
-        },
-        "required": false
+        }
       },
       {
-        "name": "open",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
+        "name": "animationDuration",
+        "description": "Sets duration for modal's close animation",
         "type": {
-          "name": "boolean"
+          "name": "number"
         },
-        "required": false,
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": "300"
         }
       }
     ],
     "events": [
       {
-        "name": "opened"
-      },
-      {
-        "name": "closed"
+        "name": "closed",
+        "description": "Fires when modal is closed"
       }
     ],
     "slots": [
       {
-        "name": "trigger"
+        "name": "modal",
+        "description": "Use to override the entire CdrModal content container."
       },
       {
-        "name": "title"
+        "name": "title",
+        "description": "Use to override the default title"
       },
       {
         "name": "default"
-      },
-      {
-        "name": "icon"
       }
     ]
   },
-  "CdrPopup": {
-    "displayName": "CdrPopup",
+  "CdrPopover": {
+    "displayName": "CdrPopover",
     "exportName": "default",
     "description": "",
     "tags": {},
     "props": [
-      {
-        "name": "opened",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
       {
         "name": "position",
+        "description": "Sets the position where the popover will render relative to the trigger element.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "top",
+          "bottom",
+          "left",
+          "right"
+        ],
         "type": {
           "name": "string"
         },
@@ -1749,29 +1857,85 @@
       },
       {
         "name": "autoPosition",
+        "description": "If set to `true`, popover will attempt to dynamically set it's position to\nensure it renders within the visible browser window.\nIf `false` the popover will always render in the provided `position`.",
         "type": {
           "name": "boolean"
         },
+        "required": false,
         "defaultValue": {
           "func": false,
           "value": true
         }
       },
+      {
+        "name": "label",
+        "description": "Sets the title for the popover content. Can also be provided via the `title` slot.",
+        "type": {
+          "name": "string"
+        },
+        "required": false
+      },
+      {
+        "name": "id",
+        "description": "ID for the popover element, required for accessibility",
+        "type": {
+          "name": "string"
+        },
+        "required": true
+      },
       {
         "name": "contentClass",
+        "description": "Add custom class to the popover content wrapper. Allows for overriding size, styling, etc.",
         "type": {
           "name": "string"
+        },
+        "required": false
+      },
+      {
+        "name": "open",
+        "description": "Used to programmatically control the popover state. Does not need to be set if you are using the `trigger` slot.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "boolean"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       }
     ],
     "events": [
       {
-        "name": "closed"
+        "name": "opened",
+        "description": "Emits when popover is opened"
+      },
+      {
+        "name": "closed",
+        "description": "Emits when popover is closed"
       }
     ],
     "slots": [
+      {
+        "name": "trigger",
+        "description": " Slot for the element that triggers the popover."
+      },
+      {
+        "name": "title",
+        "description": "Sets the title for the popover. Can also be set with `label` prop"
+      },
       {
         "name": "default"
+      },
+      {
+        "name": "icon"
       }
     ]
   },
@@ -1783,6 +1947,14 @@
     "props": [
       {
         "name": "tag",
+        "description": "Sets the semantic HTML element for the quote.",
+        "tags": {},
+        "values": [
+          "blockquote",
+          "aside",
+          "q",
+          "div"
+        ],
         "type": {
           "name": "string"
         },
@@ -1793,6 +1965,7 @@
       },
       {
         "name": "modifier",
+        "description": "Modifies the style variant for the quote",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -1814,14 +1987,14 @@
       },
       {
         "name": "summary",
-        "description": "Caption summary text",
+        "description": "Sets the quote body text.",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "citation",
-        "description": "Caption credit text",
+        "description": "Sets the quote attribution text.",
         "type": {
           "name": "string"
         }
@@ -1841,28 +2014,28 @@
     "props": [
       {
         "name": "labelClass",
-        "description": "Class that is added to the label for custom styles",
+        "description": "Adds CSS class to the label for custom styles.",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "inputClass",
-        "description": "Class that is added to the input for custom styles",
+        "description": "Adds CSS class to the input for custom styles.",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "contentClass",
-        "description": "Class that is added to the slot wrapper for custom styles",
+        "description": "Adds CSS class to the slot wrapper for custom styles.",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "name",
-        "description": "Sets the name of the radio. Required.",
+        "description": "Sets the name of the radio button.",
         "type": {
           "name": "string"
         },
@@ -1892,7 +2065,7 @@
       },
       {
         "name": "size",
-        "description": "Sets the radio size; values can target responsive breakpoints",
+        "description": "Sets the radio size; values can target responsive breakpoints. Example `small@lg`",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -1912,13 +2085,19 @@
       },
       {
         "name": "background",
+        "description": "Sets the background color the radio button is rendered on",
+        "tags": {},
+        "values": [
+          "primary",
+          "secondary"
+        ],
         "type": {
           "name": "backgroundProps"
         }
       },
       {
         "name": "customValue",
-        "description": "Sets the value of the radio. Required.",
+        "description": "Sets the value of the radio.",
         "type": {
           "name": "string|number|boolean|object|array|symbol|func"
         }
@@ -1940,7 +2119,27 @@
     ],
     "events": [
       {
-        "name": "update:modelValue"
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on the radio's <input> element",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
       }
     ],
     "slots": [
@@ -1956,70 +2155,185 @@
     "tags": {},
     "props": [
       {
-        "name": "rating",
-        "description": "Rating value (out of 5)",
+        "name": "rating",
+        "description": "Sets the rating values between 0 and 5.",
+        "type": {
+          "name": "string|number"
+        },
+        "required": true,
+        "defaultValue": {
+          "func": false,
+          "value": "0"
+        }
+      },
+      {
+        "name": "count",
+        "description": "Sets the total number of ratings",
+        "type": {
+          "name": "string|number"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "null"
+        }
+      },
+      {
+        "name": "compact",
+        "description": "Hides the word 'reviews' if true",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "href",
+        "description": "Sets the rating component (icons and text) to display inline and wraps them in an anchor tag so they can act as link.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "size",
+        "description": "Sets the rating size.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "small",
+          "medium",
+          "large"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
+        }
+      }
+    ]
+  },
+  "CdrSkeleton": {
+    "displayName": "CdrSkeleton",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "motion",
+        "description": "Toggle animation on/off.\nWhen `true`, animated gradient will be used while loading.\nWhen `false` a static background color will be used.\nAutomatically disabled if `prefers-reduced-motion` is set by user.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrSkeleton content (CdrSkeletonBone components)"
+      }
+    ]
+  },
+  "CdrSkeletonBone": {
+    "displayName": "CdrSkeletonBone",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "type",
+        "description": "Sets the type of content placeholder",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "default",
+          "heading",
+          "line",
+          "rectangle",
+          "square"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "'default'"
+        }
+      }
+    ]
+  },
+  "CdrPopup": {
+    "displayName": "CdrPopup",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "opened",
         "type": {
-          "name": "string|number"
+          "name": "boolean"
         },
-        "required": true,
         "defaultValue": {
           "func": false,
-          "value": "0"
+          "value": false
         }
       },
       {
-        "name": "count",
-        "description": "Total number of ratings",
+        "name": "position",
         "type": {
-          "name": "string|number"
+          "name": "string"
         },
         "required": false,
         "defaultValue": {
           "func": false,
-          "value": "null"
+          "value": "'top'"
         }
       },
       {
-        "name": "compact",
-        "description": "Hides the word 'reviews' if true",
+        "name": "autoPosition",
         "type": {
           "name": "boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": true
         }
       },
       {
-        "name": "href",
-        "description": "Allows the ratings to act as a link",
+        "name": "contentClass",
         "type": {
           "name": "string"
         }
-      },
+      }
+    ],
+    "events": [
       {
-        "name": "size",
-        "description": "Sets the rating size.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "small",
-          "medium",
-          "large"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
-        }
+        "name": "closed"
+      }
+    ],
+    "slots": [
+      {
+        "name": "default"
       }
     ]
   },
@@ -2031,14 +2345,14 @@
     "props": [
       {
         "name": "id",
-        "description": "`id` for the select that is mapped to the label `for` attribute. If one is not provided, it will be generated.",
+        "description": "Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "label",
-        "description": "Label text. This is required for a11y even if hiding the label with `hideLabel`.",
+        "description": "Sets the text value for the select label.\nRequired for accessibility compliance. Use ‘hideLabel’ to\nvisually hide the label but keep it available to screenreaders.",
         "type": {
           "name": "string"
         },
@@ -2046,7 +2360,7 @@
       },
       {
         "name": "hideLabel",
-        "description": "Removes the label element but sets the select `aria-label` to `label` text for a11y.",
+        "description": "Visually hides the label element, but leaves it available to screen readers for accessibility compliance.",
         "type": {
           "name": "boolean"
         },
@@ -2064,25 +2378,46 @@
       },
       {
         "name": "options",
-        "description": "Build options programatically with data. Array of objects [{ text: String, value: String}] to give greater control. Array of strings ['String'] for simpler setup (value and text will be the same).",
+        "description": "Build options programmatically with data.\nProvide an array of objects [{ text: String, value: String}] for greater control\nor provide an array of strings ['String'] for simpler setup (value and text will be the same).",
         "type": {
           "name": "array"
         }
       },
       {
         "name": "background",
+        "description": "Sets the background color the radio button is rendered on",
+        "tags": {},
+        "values": [
+          "primary",
+          "secondary"
+        ],
         "type": {
           "name": "backgroundProps"
         }
       },
       {
         "name": "size",
+        "description": "Sets the component's size; values can target responsive breakpoints. Example `small@lg`",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "small",
+          "medium",
+          "large"
+        ],
         "type": {
           "name": "sizeProps"
         }
       },
       {
         "name": "error",
+        "description": "Sets the select to an error state, displays the `error` slot if one is present.",
         "type": {
           "name": "boolean|string"
         },
@@ -2093,44 +2428,60 @@
       },
       {
         "name": "errorRole",
-        "description": "Override the error message role, default is `status`.",
+        "description": "Sets the `role` attribute for the embedded error state messaging.",
         "type": {
           "name": "string"
         },
-        "required": false
+        "defaultValue": {
+          "func": false,
+          "value": "'status'"
+        }
       },
       {
         "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
         "type": {
           "name": "string|number|boolean|object|array|symbol|func"
         }
       },
       {
         "name": "disabled",
+        "description": "Disables the input and sets appropriate styling",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "required",
+        "description": "Sets aria-required on the input field and displays an asterisk next to the select label",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "optional",
+        "description": "Displays '(optional)' text next to the select label.",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "multiple",
+        "description": "Turns CdrSelect into a multi-select element.",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "multipleSize",
+        "description": "Sets the height of the CdrSelect when using the multiple option.\nThis number corresponds to the number of select options that will be visible without scrolling.",
         "type": {
           "name": "number"
         }
@@ -2138,84 +2489,53 @@
     ],
     "events": [
       {
-        "name": "update:modelValue"
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on the radio's <input> element",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
       }
     ],
     "slots": [
       {
-        "name": "helper-text"
+        "name": "helper-text",
+        "description": "Helper text above the select field"
       },
       {
-        "name": "info"
+        "name": "info",
+        "description": "Link or icon to the right above the select field."
       },
       {
-        "name": "pre-icon"
+        "name": "pre-icon",
+        "description": "Icon preceding text within the select field"
       },
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrSelect content (<option> tags). Leave empty if using the `options` prop."
       },
       {
-        "name": "info-action"
+        "name": "info-action",
+        "description": "Action-wrapped icon to the right of the select field"
       },
       {
-        "name": "error"
-      }
-    ]
-  },
-  "CdrSkeleton": {
-    "displayName": "CdrSkeleton",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "motion",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
-      }
-    ]
-  },
-  "CdrSkeletonBone": {
-    "displayName": "CdrSkeletonBone",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "type",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "default",
-          "heading",
-          "line",
-          "rectangle",
-          "square"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "'default'"
-        }
+        "name": "error",
+        "description": "Error messaging text that is displayed when the `error` prop is true."
       }
     ]
   },
@@ -2227,12 +2547,14 @@
     "props": [
       {
         "name": "id",
+        "description": "Sets a custom ID for the switch. If this value is not set, it will be auto-generated.",
         "type": {
           "name": "string"
         }
       },
       {
         "name": "size",
+        "description": "Sets the size of the switch",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -2255,6 +2577,7 @@
       },
       {
         "name": "fullWidth",
+        "description": "Sets the label and switch to expand to the full width of its container with `space-between`",
         "type": {
           "name": "boolean"
         },
@@ -2281,12 +2604,33 @@
     ],
     "events": [
       {
-        "name": "update:modelValue"
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on switch",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
       }
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "The label for the switch"
       }
     ]
   },
@@ -2298,6 +2642,7 @@
     "props": [
       {
         "name": "striped",
+        "description": "Sets row colors to alternate between darker and lighter backgrounds.\nStriping will not apply when `border` is true",
         "type": {
           "name": "boolean"
         },
@@ -2308,6 +2653,7 @@
       },
       {
         "name": "border",
+        "description": "Adds borders between rows. Will disable `striped` if both are true",
         "type": {
           "name": "boolean"
         },
@@ -2318,6 +2664,7 @@
       },
       {
         "name": "fullWidth",
+        "description": "Sets the width to 100%. Also accepts space separated strings for breakpoints that it should be full width: { '@xs' | '@sm' | '@md' | '@lg' }",
         "type": {
           "name": "boolean|string"
         },
@@ -2328,6 +2675,7 @@
       },
       {
         "name": "responsive",
+        "description": "Makes the table scroll horizontally when it would overflow its container",
         "type": {
           "name": "boolean"
         },
@@ -2338,6 +2686,7 @@
       },
       {
         "name": "hover",
+        "description": "Adds a darker background on row hover",
         "type": {
           "name": "boolean"
         },
@@ -2348,7 +2697,7 @@
       },
       {
         "name": "size",
-        "description": "Sets the rating size.",
+        "description": "Sets the table size (cell padding); values can target responsive breakpoints. Example `small@lg`.",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -2373,7 +2722,8 @@
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrTable content (Valid table elements <th>, <tbody>, <tr>, <td>, etc.)"
       }
     ]
   },
@@ -2383,8 +2733,23 @@
     "description": "",
     "tags": {},
     "props": [
+      {
+        "name": "id",
+        "description": "Sets reference identifier for tab content. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `aria-labelledby` property.",
+        "type": {
+          "name": "string"
+        }
+      },
       {
         "name": "name",
+        "description": "Sets tab display name. Required and must be unique for each tab. If `id` is not provided, this value will be used as the reference identifier.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "ariaLabelledby",
+        "description": "Sets reference identifier for tab header. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `id` property.",
         "type": {
           "name": "string"
         }
@@ -2392,12 +2757,45 @@
     ],
     "events": [
       {
-        "name": "tab-change"
+        "name": "tab-change",
+        "description": "Emits when active tab is changed",
+        "tags": [
+          {
+            "title": "params",
+            "content": "state, panelId"
+          }
+        ]
       }
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrTabPanel content"
+      }
+    ]
+  },
+  "CdrText": {
+    "displayName": "CdrText",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "tag",
+        "description": "Sets the HTML tag (p, span, h1, h2, etc)",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'p'"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrText content"
       }
     ]
   },
@@ -2409,6 +2807,7 @@
     "props": [
       {
         "name": "height",
+        "description": "Sets height of the tabs container element.\nPassing a `px` value will render tabs with a static height,\npassing `auto` will render tabs with variable height based on content size.",
         "type": {
           "name": "string"
         },
@@ -2419,6 +2818,7 @@
       },
       {
         "name": "activeTab",
+        "description": "Sets the index of the tab that should be active on initial page load. Note that this property is zero-indexed.",
         "type": {
           "name": "number"
         },
@@ -2429,12 +2829,21 @@
       },
       {
         "name": "modifier",
+        "description": "Modifies the style variants for this component",
+        "tags": {},
+        "values": [
+          "centered",
+          "compact",
+          "full-width",
+          "no-border"
+        ],
         "type": {
           "name": "string"
         }
       },
       {
         "name": "size",
+        "description": "Use `small` to reduce spacing around the tabs for a denser visual design",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -2452,6 +2861,7 @@
       },
       {
         "name": "backgroundColor",
+        "description": "Sets the background color of the tab.\nFor CdrTabs that are rendered on non-primary backgrounds.\nPass the background-color into the component to ensure that the scrolling gradients render correctly.",
         "type": {
           "name": "string"
         },
@@ -2463,30 +2873,8 @@
     ],
     "slots": [
       {
-        "name": "default"
-      }
-    ]
-  },
-  "CdrText": {
-    "displayName": "CdrText",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "tag",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'p'"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
+        "name": "default",
+        "description": "CdrTabs content (CdrTabPanel components)"
       }
     ]
   },
@@ -2498,7 +2886,7 @@
     "props": [
       {
         "name": "type",
-        "description": "Sets the toast style.",
+        "description": "Sets the toast type.",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -2524,6 +2912,7 @@
       },
       {
         "name": "open",
+        "description": "Used to programmatically control the toast open/close state.",
         "tags": {
           "demoIgnore": [
             {
@@ -2542,6 +2931,7 @@
       },
       {
         "name": "autoDismiss",
+        "description": "Set to `false` to disable automatic closing after the `dismissDelay`.",
         "type": {
           "name": "boolean"
         },
@@ -2552,6 +2942,7 @@
       },
       {
         "name": "dismissDelay",
+        "description": "Sets the interval (in milliseconds) before the toast automatically closes.",
         "type": {
           "name": "number"
         },
@@ -2563,18 +2954,22 @@
     ],
     "events": [
       {
-        "name": "open"
+        "name": "open",
+        "description": "Emits when toast opens"
       },
       {
-        "name": "closed"
+        "name": "closed",
+        "description": "Emits when toast closes"
       }
     ],
     "slots": [
       {
-        "name": "icon-left"
+        "name": "icon-left",
+        "description": "Icon matching toast messaging type"
       },
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrToast content"
       },
       {
         "name": "icon"
@@ -2589,6 +2984,7 @@
     "props": [
       {
         "name": "toggleValue",
+        "description": "Sets the value and aria-label for the toggle button. Display can be overridden using default slot",
         "type": {
           "name": "string"
         },
@@ -2597,7 +2993,8 @@
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrToggleButton label content"
       }
     ]
   },
@@ -2609,6 +3006,14 @@
     "props": [
       {
         "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
         "type": {
           "name": "string|number|boolean|object|array"
         },
@@ -2616,6 +3021,7 @@
       },
       {
         "name": "size",
+        "description": "Sets toggle button size",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -2639,12 +3045,33 @@
     ],
     "events": [
       {
-        "name": "update:modelValue"
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
       }
     ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrToggleGroup content (CdrToggleButton components)"
       }
     ]
   },
@@ -2656,6 +3083,7 @@
     "props": [
       {
         "name": "position",
+        "description": "Sets the position where the tooltip will render relative to the trigger element.",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -2681,6 +3109,7 @@
       },
       {
         "name": "autoPosition",
+        "description": "If set to `true`, tooltip will attempt to dynamically set it's position to\nensure it renders within the visible browser window.\nIf `false` the tooltip will always render in the provided `position`.",
         "type": {
           "name": "boolean"
         },
@@ -2691,6 +3120,7 @@
       },
       {
         "name": "id",
+        "description": "ID for the tooltip element, required for accessibility",
         "type": {
           "name": "string"
         },
@@ -2698,6 +3128,7 @@
       },
       {
         "name": "contentClass",
+        "description": "Add custom class to the tooltip content wrapper. Allows for overriding size, styling, etc.",
         "type": {
           "name": "string"
         },
@@ -2705,6 +3136,15 @@
       },
       {
         "name": "open",
+        "description": "Used to programmatically control the tooltip state. Does not need to be set if you are using the `trigger` slot.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
         "type": {
           "name": "boolean"
         },
@@ -2716,18 +3156,22 @@
     ],
     "events": [
       {
-        "name": "opened"
+        "name": "opened",
+        "description": "Emits when tooltip is opened"
       },
       {
-        "name": "closed"
+        "name": "closed",
+        "description": "Emits when tooltip is closed"
       }
     ],
     "slots": [
       {
-        "name": "trigger"
+        "name": "trigger",
+        "description": " Slot for the element that triggers the tooltip."
       },
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrTooltip content"
       }
     ]
   }