@rei/cedar 14.0.1 → 14.0.2-alpha.1

package/dist/component-docgen.json

@@ -163,6 +163,169 @@
       }
     ]
   },
+  "CdrBreadcrumb": {
+    "name": "CdrBreadcrumb",
+    "description": "Navigation used to reveal a page's location within the site hierarchy",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrBreadcrumb",
+    "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": "breadcrumbItem[]"
+        },
+        "defaultValue": {
+          "func": true,
+          "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.",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "breadcrumb",
+            "description": "The breadcrumb data object"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "breadcrumb",
+            "description": "The breadcrumb data object"
+          }
+        ]
+      }
+    ],
+    "slots": [
+      {
+        "name": "link",
+        "scoped": true,
+        "bindings": [
+          {
+            "name": "class",
+            "title": "binding"
+          },
+          {
+            "name": "href",
+            "title": "binding"
+          },
+          {
+            "name": "content",
+            "title": "binding"
+          }
+        ]
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/breadcrumb/CdrBreadcrumb.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-breadcrumb-ellipses-icon-color",
+        "defaultValue": "--cdr-color-text-secondary",
+        "description": "Ellipses icon color"
+      },
+      {
+        "name": "--cdr-breadcrumb-ellipses-icon-highlight-color",
+        "defaultValue": "--cdr-color-text-link-hover",
+        "description": "Ellipses icon hover, active and focus color"
+      },
+      {
+        "name": "--cdr-breadcrumb-item-color",
+        "defaultValue": "--cdr-color-text-secondary",
+        "description": "Breadcrumb item color"
+      },
+      {
+        "name": "--cdr-breadcrumb-item-linked-highlight-color",
+        "defaultValue": "--cdr-color-text-link-hover",
+        "description": "Breadcrumb item linked hover, active and focus color"
+      }
+    ]
+  },
+  "CdrAccordionGroup": {
+    "name": "CdrAccordionGroup",
+    "exportName": "default",
+    "displayName": "CdrAccordionGroup",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "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": "string|boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/accordion/CdrAccordionGroup.vue"
+    ]
+  },
   "CdrBanner": {
     "name": "CdrBanner",
     "description": "Provides contextual feedback messages for typical user actions",
@@ -365,43 +528,6 @@
       }
     ]
   },
-  "CdrAccordionGroup": {
-    "name": "CdrAccordionGroup",
-    "exportName": "default",
-    "displayName": "CdrAccordionGroup",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "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": "string|boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/accordion/CdrAccordionGroup.vue"
-    ]
-  },
   "CdrButton": {
     "name": "CdrButton",
     "description": "Initiates an action, such as completing a task or submitting information",
@@ -1104,234 +1230,134 @@
       }
     ]
   },
-  "CdrBreadcrumb": {
-    "name": "CdrBreadcrumb",
-    "description": "Navigation used to reveal a page's location within the site hierarchy",
+  "CdrChip": {
+    "name": "CdrChip",
+    "description": "Allows people to make selections, filter content, or trigger actions",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrBreadcrumb",
-    "props": [
+    "displayName": "CdrChip",
+    "slots": [
       {
-        "name": "items",
-        "description": "Sets the array of a breadcrumb object containing a 'url' and 'name' property.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "breadcrumbItem[]"
-        },
-        "defaultValue": {
-          "func": true,
-          "value": "() => []"
-        }
+        "name": "icon-left",
+        "description": "Icon to the left of the content"
       },
       {
-        "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": "icon-right",
+        "description": "Icon to the right of the content"
       },
       {
-        "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.",
-        "properties": [
-          {
-            "type": {
-              "names": [
-                "mixed"
-              ]
-            },
-            "name": "breadcrumb",
-            "description": "The breadcrumb data object"
-          }
-        ],
-        "tags": [
-          {
-            "title": "param",
-            "type": {
-              "name": "mixed"
-            },
-            "name": "breadcrumb",
-            "description": "The breadcrumb data object"
-          }
-        ]
-      }
-    ],
-    "slots": [
-      {
-        "name": "link",
-        "scoped": true,
-        "bindings": [
-          {
-            "name": "class",
-            "title": "binding"
-          },
-          {
-            "name": "href",
-            "title": "binding"
-          },
-          {
-            "name": "content",
-            "title": "binding"
-          }
-        ]
+        "name": "default",
+        "description": "Primary CdrChip content"
       }
     ],
     "sourceFiles": [
-      "./src/components/breadcrumb/CdrBreadcrumb.vue"
+      "./src/components/chip/CdrChip.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-breadcrumb-ellipses-icon-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Ellipses icon color"
+        "name": "--cdr-chip-text-color",
+        "defaultValue": "--cdr-color-text-chip-default",
+        "description": "Text color of a cdr-chip"
       },
       {
-        "name": "--cdr-breadcrumb-ellipses-icon-highlight-color",
-        "defaultValue": "--cdr-color-text-link-hover",
-        "description": "Ellipses icon hover, active and focus color"
+        "name": "--cdr-chip-fill-color",
+        "defaultValue": "--cdr-color-text-chip-default",
+        "description": "Fill color of a cdr-chip"
       },
       {
-        "name": "--cdr-breadcrumb-item-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Breadcrumb item color"
+        "name": "--cdr-chip-background-color-rest",
+        "defaultValue": "--cdr-color-background-chip-default-rest",
+        "description": "Background color of a cdr-chip"
       },
       {
-        "name": "--cdr-breadcrumb-item-linked-highlight-color",
-        "defaultValue": "--cdr-color-text-link-hover",
-        "description": "Breadcrumb item linked hover, active and focus color"
-      }
-    ]
-  },
-  "CdrCaption": {
-    "name": "CdrCaption",
-    "description": "Provides context and credit for an asset such as an image, video, or chart",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrCaption",
-    "props": [
+        "name": "--cdr-chip-box-shadow-color-rest",
+        "defaultValue": "--cdr-color-border-chip-default-rest",
+        "description": "Box-shadow color of a cdr-chip"
+      },
       {
-        "name": "summary",
-        "description": "Sets the string content for the description body of the caption.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
+        "name": "--cdr-chip-background-color-disabled",
+        "defaultValue": "--cdr-color-background-chip-default-disabled",
+        "description": "Background color of a cdr-chip when disabled"
       },
       {
-        "name": "credit",
-        "description": "Sets the string content for attribution.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/caption/CdrCaption.vue"
-    ],
-    "UIProperties": [
+        "name": "--cdr-chip-box-shadow-color-disabled",
+        "defaultValue": "--cdr-color-border-chip-default-disabled",
+        "description": "Box-shadow color of a cdr-chip when disabled"
+      },
       {
-        "name": "--cdr-caption-summary-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Text color of a cdr-caption"
+        "name": "--cdr-chip-text-color-disabled",
+        "defaultValue": "--cdr-color-text-chip-disabled",
+        "description": "Text color of a cdr-chip when disabled"
       },
       {
-        "name": "--cdr-caption-cite-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Text color of a cdr-caption"
-      }
-    ]
-  },
-  "CdrCard": {
-    "name": "CdrCard",
-    "description": "Related, interactive containers linking to a single subject or destination",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrCard",
-    "props": [
+        "name": "--cdr-chip-background-color-hover",
+        "defaultValue": "--cdr-color-background-chip-default-hover",
+        "description": "Background color of a cdr-chip on hover"
+      },
       {
-        "name": "tag",
-        "description": "Sets valid HTML container element tag.",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'article'"
-        }
-      }
-    ],
-    "slots": [
+        "name": "--cdr-chip-box-shadow-color-hover",
+        "defaultValue": "--cdr-color-border-chip-default-hover",
+        "description": "Box-shadow color of a cdr-chip on hover"
+      },
       {
-        "name": "default",
-        "description": "CdrCard content"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/card/CdrCard.vue"
-    ],
-    "UIProperties": [
+        "name": "--cdr-chip-background-color-focus",
+        "defaultValue": "--cdr-color-background-chip-default-focus",
+        "description": "Background color of a cdr-chip on focus"
+      },
       {
-        "name": "--cdr-card-base-background-color",
-        "defaultValue": "--cdr-color-background-primary",
-        "description": "Background color of a cdr-card"
+        "name": "--cdr-chip-box-shadow-color-focus",
+        "defaultValue": "--cdr-color-border-chip-default-focus",
+        "description": "Box-shadow color of a cdr-chip on focus"
       },
       {
-        "name": "--cdr-card-base-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Text color of a cdr-card"
+        "name": "--cdr-chip-background-color-active",
+        "defaultValue": "--cdr-color-background-chip-default-active",
+        "description": "Background color of a cdr-chip when active"
       },
       {
-        "name": "--cdr-card-link-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Link text color of a cdr-card"
+        "name": "--cdr-chip-box-shadow-color-active",
+        "defaultValue": "--cdr-color-border-chip-default-active",
+        "description": "Box-shadow color of a cdr-chip when active"
       },
       {
-        "name": "--cdr-card-link-hover-color",
-        "defaultValue": "--cdr-color-text-link-hover",
-        "description": "Link hover text color of a cdr-card"
+        "name": "--cdr-chip-background-color-selected-rest",
+        "defaultValue": "--cdr-color-background-chip-default-selected",
+        "description": "Background color of a cdr-chip when selected"
+      },
+      {
+        "name": "--cdr-chip-box-shadow-color-selected-rest",
+        "defaultValue": "--cdr-color-border-chip-default-selected-rest",
+        "description": "Box-shadow color of a cdr-chip when selected"
+      },
+      {
+        "name": "--cdr-chip-background-color-selected-hover",
+        "defaultValue": "--cdr-color-background-chip-default-selected-hover",
+        "description": "Background color of a cdr-chip when selected and hovered"
+      },
+      {
+        "name": "--cdr-chip-box-shadow-color-selected-hover",
+        "defaultValue": "--cdr-color-border-chip-default-selected-hover",
+        "description": "Box-shadow color of a cdr-chip when selected and hovered"
+      },
+      {
+        "name": "--cdr-chip-background-color-selected-focus",
+        "defaultValue": "--cdr-color-background-chip-default-selected-focus",
+        "description": "Background color of a cdr-chip when selected and focused"
+      },
+      {
+        "name": "--cdr-chip-box-shadow-color-selected-focus",
+        "defaultValue": "--cdr-color-border-chip-default-selected-focus",
+        "description": "Box-shadow color of a cdr-chip when selected and focused"
+      },
+      {
+        "name": "--cdr-chip-background-color-selected-active",
+        "defaultValue": "--cdr-color-background-chip-default-selected-active",
+        "description": "Background color of a cdr-chip when selected and active"
+      },
+      {
+        "name": "--cdr-chip-box-shadow-color-selected-focus",
+        "defaultValue": "--cdr-color-border-chip-default-selected-focus",
+        "description": "Box-shadow color of a cdr-chip when selected and active"
       }
     ]
   },
@@ -1593,176 +1619,107 @@
       }
     ]
   },
-  "CdrChip": {
-    "name": "CdrChip",
-    "description": "Allows people to make selections, filter content, or trigger actions",
+  "CdrCard": {
+    "name": "CdrCard",
+    "description": "Related, interactive containers linking to a single subject or destination",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrChip",
+    "displayName": "CdrCard",
+    "props": [
+      {
+        "name": "tag",
+        "description": "Sets valid HTML container element tag.",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'article'"
+        }
+      }
+    ],
     "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"
+        "description": "CdrCard content"
       }
     ],
     "sourceFiles": [
-      "./src/components/chip/CdrChip.vue"
+      "./src/components/card/CdrCard.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-chip-text-color",
-        "defaultValue": "--cdr-color-text-chip-default",
-        "description": "Text color of a cdr-chip"
-      },
-      {
-        "name": "--cdr-chip-fill-color",
-        "defaultValue": "--cdr-color-text-chip-default",
-        "description": "Fill color of a cdr-chip"
-      },
-      {
-        "name": "--cdr-chip-background-color-rest",
-        "defaultValue": "--cdr-color-background-chip-default-rest",
-        "description": "Background color of a cdr-chip"
-      },
-      {
-        "name": "--cdr-chip-box-shadow-color-rest",
-        "defaultValue": "--cdr-color-border-chip-default-rest",
-        "description": "Box-shadow color of a cdr-chip"
-      },
-      {
-        "name": "--cdr-chip-background-color-disabled",
-        "defaultValue": "--cdr-color-background-chip-default-disabled",
-        "description": "Background color of a cdr-chip when disabled"
-      },
-      {
-        "name": "--cdr-chip-box-shadow-color-disabled",
-        "defaultValue": "--cdr-color-border-chip-default-disabled",
-        "description": "Box-shadow color of a cdr-chip when disabled"
-      },
-      {
-        "name": "--cdr-chip-text-color-disabled",
-        "defaultValue": "--cdr-color-text-chip-disabled",
-        "description": "Text color of a cdr-chip when disabled"
-      },
-      {
-        "name": "--cdr-chip-background-color-hover",
-        "defaultValue": "--cdr-color-background-chip-default-hover",
-        "description": "Background color of a cdr-chip on hover"
-      },
-      {
-        "name": "--cdr-chip-box-shadow-color-hover",
-        "defaultValue": "--cdr-color-border-chip-default-hover",
-        "description": "Box-shadow color of a cdr-chip on hover"
-      },
-      {
-        "name": "--cdr-chip-background-color-focus",
-        "defaultValue": "--cdr-color-background-chip-default-focus",
-        "description": "Background color of a cdr-chip on focus"
-      },
-      {
-        "name": "--cdr-chip-box-shadow-color-focus",
-        "defaultValue": "--cdr-color-border-chip-default-focus",
-        "description": "Box-shadow color of a cdr-chip on focus"
-      },
-      {
-        "name": "--cdr-chip-background-color-active",
-        "defaultValue": "--cdr-color-background-chip-default-active",
-        "description": "Background color of a cdr-chip when active"
-      },
-      {
-        "name": "--cdr-chip-box-shadow-color-active",
-        "defaultValue": "--cdr-color-border-chip-default-active",
-        "description": "Box-shadow color of a cdr-chip when active"
-      },
-      {
-        "name": "--cdr-chip-background-color-selected-rest",
-        "defaultValue": "--cdr-color-background-chip-default-selected",
-        "description": "Background color of a cdr-chip when selected"
-      },
-      {
-        "name": "--cdr-chip-box-shadow-color-selected-rest",
-        "defaultValue": "--cdr-color-border-chip-default-selected-rest",
-        "description": "Box-shadow color of a cdr-chip when selected"
-      },
-      {
-        "name": "--cdr-chip-background-color-selected-hover",
-        "defaultValue": "--cdr-color-background-chip-default-selected-hover",
-        "description": "Background color of a cdr-chip when selected and hovered"
-      },
-      {
-        "name": "--cdr-chip-box-shadow-color-selected-hover",
-        "defaultValue": "--cdr-color-border-chip-default-selected-hover",
-        "description": "Box-shadow color of a cdr-chip when selected and hovered"
-      },
-      {
-        "name": "--cdr-chip-background-color-selected-focus",
-        "defaultValue": "--cdr-color-background-chip-default-selected-focus",
-        "description": "Background color of a cdr-chip when selected and focused"
+        "name": "--cdr-card-base-background-color",
+        "defaultValue": "--cdr-color-background-primary",
+        "description": "Background color of a cdr-card"
       },
       {
-        "name": "--cdr-chip-box-shadow-color-selected-focus",
-        "defaultValue": "--cdr-color-border-chip-default-selected-focus",
-        "description": "Box-shadow color of a cdr-chip when selected and focused"
+        "name": "--cdr-card-base-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Text color of a cdr-card"
       },
       {
-        "name": "--cdr-chip-background-color-selected-active",
-        "defaultValue": "--cdr-color-background-chip-default-selected-active",
-        "description": "Background color of a cdr-chip when selected and active"
+        "name": "--cdr-card-link-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Link text color of a cdr-card"
       },
       {
-        "name": "--cdr-chip-box-shadow-color-selected-focus",
-        "defaultValue": "--cdr-color-border-chip-default-selected-focus",
-        "description": "Box-shadow color of a cdr-chip when selected and active"
+        "name": "--cdr-card-link-hover-color",
+        "defaultValue": "--cdr-color-text-link-hover",
+        "description": "Link hover text color of a cdr-card"
       }
     ]
   },
-  "CdrChipGroup": {
-    "name": "CdrChipGroup",
-    "exportName": "default",
-    "displayName": "CdrChipGroup",
-    "description": "",
+  "CdrContainer": {
+    "name": "CdrContainer",
+    "description": "Provides base margins and responsive layout logic for pages",
     "tags": {},
+    "exportName": "default",
+    "displayName": "CdrContainer",
     "props": [
       {
-        "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.",
+        "name": "tag",
+        "description": "Sets the HTML tag for the container element",
         "type": {
           "name": "string"
         },
-        "required": true
+        "defaultValue": {
+          "func": false,
+          "value": "'div'"
+        }
       },
       {
-        "name": "hideLabel",
-        "description": "Visually hides the chip group label but makes it accessible to screen readers.",
+        "name": "modifier",
+        "description": "Controls whether container is static or fluid width.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "static",
+          "fluid"
+        ],
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": true
+          "value": "'static'"
         }
       }
     ],
     "slots": [
-      {
-        "name": "label",
-        "description": "Override CdrChip label content with a custom element"
-      },
       {
         "name": "default",
-        "description": "CdrChipGroup content (CdrChip components)"
+        "description": "CdrContainer content"
       }
     ],
     "sourceFiles": [
-      "./src/components/chip/CdrChipGroup.vue"
+      "./src/components/container/CdrContainer.vue"
     ]
   },
   "CdrFormError": {
@@ -1800,27 +1757,57 @@
       }
     ]
   },
-  "CdrContainer": {
-    "name": "CdrContainer",
-    "description": "Provides base margins and responsive layout logic for pages",
-    "tags": {},
+  "CdrChipGroup": {
+    "name": "CdrChipGroup",
     "exportName": "default",
-    "displayName": "CdrContainer",
+    "displayName": "CdrChipGroup",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "tag",
-        "description": "Sets the HTML tag for the container element",
+        "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": "'div'"
+          "value": true
         }
+      }
+    ],
+    "slots": [
+      {
+        "name": "label",
+        "description": "Override CdrChip label content with a custom element"
       },
       {
-        "name": "modifier",
-        "description": "Controls whether container is static or fluid width.",
+        "name": "default",
+        "description": "CdrChipGroup content (CdrChip components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/chip/CdrChipGroup.vue"
+    ]
+  },
+  "CdrGrid": {
+    "name": "CdrGrid",
+    "description": "Simple wrapper for working with CSS grid",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrGrid",
+    "props": [
+      {
+        "name": "gutter",
+        "description": "Defines gutter size. Also accepts responsive values with `@breakpoint`: \"none@md\"",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -1830,38 +1817,51 @@
           ]
         },
         "values": [
-          "static",
-          "fluid"
+          "none",
+          "small",
+          "medium",
+          "large"
         ],
         "type": {
           "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": "'static'"
+          "value": "'medium@xs medium@sm large@md large@lg'"
+        }
+      },
+      {
+        "name": "tag",
+        "description": "Sets the HTML tag for the grid element",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'div'"
         }
       }
     ],
     "slots": [
       {
         "name": "default",
-        "description": "CdrContainer content"
+        "description": "CdrGrid content (grid child elements)"
       }
     ],
     "sourceFiles": [
-      "./src/components/container/CdrContainer.vue"
+      "./src/components/grid/CdrGrid.vue"
     ]
   },
-  "CdrFormGroup": {
-    "name": "CdrFormGroup",
-    "description": "Groups related input elements together",
+  "CdrCaption": {
+    "name": "CdrCaption",
+    "description": "Provides context and credit for an asset such as an image, video, or chart",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrFormGroup",
+    "displayName": "CdrCaption",
     "props": [
       {
-        "name": "id",
-        "description": "Custom ID that is mapped to the form error. If this value is not set, it will be randomly generated.",
+        "name": "summary",
+        "description": "Sets the string content for the description body of the caption.",
         "tags": {
           "demoIgnore": [
             {
@@ -1875,8 +1875,8 @@
         }
       },
       {
-        "name": "label",
-        "description": "Sets the label/legend for the form group. Applies default text styles to this label.\nTo override that default text style or apply other customization, use the `label` slot.",
+        "name": "credit",
+        "description": "Sets the string content for attribution.",
         "tags": {
           "demoIgnore": [
             {
@@ -1887,8 +1887,121 @@
         },
         "type": {
           "name": "string"
-        },
-        "defaultValue": {
+        }
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/caption/CdrCaption.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-caption-summary-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Text color of a cdr-caption"
+      },
+      {
+        "name": "--cdr-caption-cite-color",
+        "defaultValue": "--cdr-color-text-secondary",
+        "description": "Text color of a cdr-caption"
+      }
+    ]
+  },
+  "CdrIcon": {
+    "name": "CdrIcon",
+    "description": "Communicates meaning through graphics representing simple and complex ideas",
+    "tags": {
+      "demoComponentNames": [
+        {
+          "description": "icon-account-profile, icon-camera",
+          "title": "demoComponentNames"
+        }
+      ]
+    },
+    "exportName": "default",
+    "displayName": "CdrIcon",
+    "props": [
+      {
+        "name": "use",
+        "description": "Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "inheritColor",
+        "description": "Sets icon fill to \"inherit\" so as to use parent/ancestor fill color.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "size",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/icon/CdrIcon.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-icon-fill-default",
+        "defaultValue": "--cdr-color-icon-default",
+        "description": "Fill color of an icon"
+      }
+    ]
+  },
+  "CdrFormGroup": {
+    "name": "CdrFormGroup",
+    "description": "Groups related input elements together",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrFormGroup",
+    "props": [
+      {
+        "name": "id",
+        "description": "Custom ID that is mapped to the form error. If this value is not set, it will be randomly generated.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "label",
+        "description": "Sets the label/legend for the form group. Applies default text styles to this label.\nTo override that default text style or apply other customization, use the `label` slot.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
           "func": false,
           "value": "''"
         }
@@ -1974,119 +2087,6 @@
       }
     ]
   },
-  "CdrGrid": {
-    "name": "CdrGrid",
-    "description": "Simple wrapper for working with CSS grid",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrGrid",
-    "props": [
-      {
-        "name": "gutter",
-        "description": "Defines gutter size. Also accepts responsive values with `@breakpoint`: \"none@md\"",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "none",
-          "small",
-          "medium",
-          "large"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium@xs medium@sm large@md large@lg'"
-        }
-      },
-      {
-        "name": "tag",
-        "description": "Sets the HTML tag for the grid element",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'div'"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrGrid content (grid child elements)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/grid/CdrGrid.vue"
-    ]
-  },
-  "CdrIcon": {
-    "name": "CdrIcon",
-    "description": "Communicates meaning through graphics representing simple and complex ideas",
-    "tags": {
-      "demoComponentNames": [
-        {
-          "description": "icon-account-profile, icon-camera",
-          "title": "demoComponentNames"
-        }
-      ]
-    },
-    "exportName": "default",
-    "displayName": "CdrIcon",
-    "props": [
-      {
-        "name": "use",
-        "description": "Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "inheritColor",
-        "description": "Sets icon fill to \"inherit\" so as to use parent/ancestor fill color.",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "size",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/icon/CdrIcon.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-icon-fill-default",
-        "defaultValue": "--cdr-color-icon-default",
-        "description": "Fill color of an icon"
-      }
-    ]
-  },
   "CdrImg": {
     "name": "CdrImg",
     "description": "Media for capturing attention and communicating messages",
@@ -2227,107 +2227,16 @@
       "./src/components/image/CdrImg.vue"
     ]
   },
-  "CdrLabelStandalone": {
-    "name": "CdrLabelStandalone",
-    "exportName": "default",
-    "displayName": "CdrLabelStandalone",
-    "description": "",
+  "CdrInput": {
+    "name": "CdrInput",
+    "description": "Allows for data entry, editing, and search",
     "tags": {},
+    "exportName": "default",
+    "displayName": "CdrInput",
     "props": [
       {
-        "name": "forId",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      },
-      {
-        "name": "label",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "disabled",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "required",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "optional",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "hideLabel",
-        "type": {
-          "name": "boolean"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "helper"
-      },
-      {
-        "name": "default"
-      },
-      {
-        "name": "info-action"
-      },
-      {
-        "name": "info"
-      },
-      {
-        "name": "helper-text-bottom"
-      },
-      {
-        "name": "error"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/labelStandalone/CdrLabelStandalone.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-label-standalone-text-color",
-        "defaultValue": "--cdr-color-text-input-label",
-        "description": "Text color of a standalone label"
-      },
-      {
-        "name": "--cdr-label-standalone-disabled-text-color",
-        "defaultValue": "--cdr-color-text-input-disabled",
-        "description": "Text color of a standalone label when disabled"
-      },
-      {
-        "name": "--cdr-label-standalone-optional-text-color",
-        "defaultValue": "--cdr-color-text-input-optional",
-        "description": "Text color of a standalone label when optional"
-      },
-      {
-        "name": "--cdr-label-standalone-helper-text-color",
-        "defaultValue": "--cdr-color-text-input-help",
-        "description": "Text color of a standalone helper label"
-      }
-    ]
-  },
-  "CdrInput": {
-    "name": "CdrInput",
-    "description": "Allows for data entry, editing, and search",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrInput",
-    "props": [
-      {
-        "name": "id",
-        "description": "Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be randomly generated.",
+        "name": "id",
+        "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"
         }
@@ -2661,6 +2570,97 @@
       }
     ]
   },
+  "CdrLabelStandalone": {
+    "name": "CdrLabelStandalone",
+    "exportName": "default",
+    "displayName": "CdrLabelStandalone",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "forId",
+        "type": {
+          "name": "string"
+        },
+        "required": true
+      },
+      {
+        "name": "label",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "disabled",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "required",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "optional",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "hideLabel",
+        "type": {
+          "name": "boolean"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "helper"
+      },
+      {
+        "name": "default"
+      },
+      {
+        "name": "info-action"
+      },
+      {
+        "name": "info"
+      },
+      {
+        "name": "helper-text-bottom"
+      },
+      {
+        "name": "error"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/labelStandalone/CdrLabelStandalone.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-label-standalone-text-color",
+        "defaultValue": "--cdr-color-text-input-label",
+        "description": "Text color of a standalone label"
+      },
+      {
+        "name": "--cdr-label-standalone-disabled-text-color",
+        "defaultValue": "--cdr-color-text-input-disabled",
+        "description": "Text color of a standalone label when disabled"
+      },
+      {
+        "name": "--cdr-label-standalone-optional-text-color",
+        "defaultValue": "--cdr-color-text-input-optional",
+        "description": "Text color of a standalone label when optional"
+      },
+      {
+        "name": "--cdr-label-standalone-helper-text-color",
+        "defaultValue": "--cdr-color-text-input-help",
+        "description": "Text color of a standalone helper label"
+      }
+    ]
+  },
   "CdrLabelWrapper": {
     "name": "CdrLabelWrapper",
     "exportName": "default",
@@ -3299,124 +3299,92 @@
       }
     ]
   },
-  "CdrPopover": {
-    "name": "CdrPopover",
-    "description": "Small overlay used to display contextual information",
+  "CdrQuote": {
+    "name": "CdrQuote",
+    "description": "Short excerpt used to emphasize content or break up a large body of text",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrPopover",
+    "displayName": "CdrQuote",
     "props": [
       {
-        "name": "position",
-        "description": "Sets the position where the popover will render relative to the trigger element.",
+        "name": "tag",
+        "description": "Sets the semantic HTML element for the quote.",
+        "tags": {},
+        "values": [
+          "blockquote",
+          "aside",
+          "q",
+          "div"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'blockquote'"
+        }
+      },
+      {
+        "name": "modifier",
+        "description": "Modifies the style variant for the quote",
         "tags": {
           "demoSelectMultiple": [
             {
-              "description": "false",
+              "description": "true",
               "title": "demoSelectMultiple"
             }
           ]
         },
         "values": [
-          "top",
-          "bottom",
-          "left",
-          "right"
+          "pull"
         ],
         "type": {
           "name": "string"
         },
-        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'top'"
+          "value": "''"
         }
       },
       {
-        "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`.",
+        "name": "summary",
+        "description": "Sets the quote body text.",
         "type": {
-          "name": "boolean"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": true
+          "name": "string"
         }
       },
       {
-        "name": "label",
-        "description": "Sets the title for the popover content. Can also be provided via the `title` slot.",
+        "name": "citation",
+        "description": "Sets the quote attribution text.",
         "type": {
           "name": "string"
-        },
-        "required": false
-      },
+        }
+      }
+    ],
+    "slots": [
       {
-        "name": "id",
-        "description": "ID for the popover element, required for accessibility",
-        "type": {
-          "name": "string"
-        },
-        "required": true
+        "name": "default"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/quote/CdrQuote.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-quote-cite-text-color",
+        "defaultValue": "--cdr-color-text-secondary",
+        "description": "Text color of a cdr-quote citation"
       },
       {
-        "name": "contentClass",
-        "description": "Add custom class to the popover content wrapper. Allows for overriding size, styling, etc.",
-        "type": {
-          "name": "string"
-        },
-        "required": false
+        "name": "--cdr-quote-content-text-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Text color of cdr-quote content"
       },
       {
-        "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": "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"
+        "name": "--cdr-quote-pull-container-border-color",
+        "defaultValue": "--cdr-color-border-primary",
+        "description": "Border color of a cdr-quote pull container"
       }
-    ],
-    "sourceFiles": [
-      "./src/components/popover/CdrPopover.vue"
     ]
   },
   "CdrPopup": {
@@ -3490,92 +3458,124 @@
       }
     ]
   },
-  "CdrQuote": {
-    "name": "CdrQuote",
-    "description": "Short excerpt used to emphasize content or break up a large body of text",
+  "CdrPopover": {
+    "name": "CdrPopover",
+    "description": "Small overlay used to display contextual information",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrQuote",
+    "displayName": "CdrPopover",
     "props": [
       {
-        "name": "tag",
-        "description": "Sets the semantic HTML element for the quote.",
-        "tags": {},
-        "values": [
-          "blockquote",
-          "aside",
-          "q",
-          "div"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'blockquote'"
-        }
-      },
-      {
-        "name": "modifier",
-        "description": "Modifies the style variant for the quote",
+        "name": "position",
+        "description": "Sets the position where the popover will render relative to the trigger element.",
         "tags": {
           "demoSelectMultiple": [
             {
-              "description": "true",
+              "description": "false",
               "title": "demoSelectMultiple"
             }
           ]
         },
         "values": [
-          "pull"
+          "top",
+          "bottom",
+          "left",
+          "right"
         ],
         "type": {
           "name": "string"
         },
+        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "''"
+          "value": "'top'"
         }
       },
       {
-        "name": "summary",
-        "description": "Sets the quote body text.",
+        "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": "string"
+          "name": "boolean"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": true
         }
       },
       {
-        "name": "citation",
-        "description": "Sets the quote attribution text.",
+        "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
         }
       }
     ],
-    "slots": [
+    "events": [
       {
-        "name": "default"
+        "name": "opened",
+        "description": "Emits when popover is opened"
+      },
+      {
+        "name": "closed",
+        "description": "Emits when popover is closed"
       }
     ],
-    "sourceFiles": [
-      "./src/components/quote/CdrQuote.vue"
-    ],
-    "UIProperties": [
+    "slots": [
       {
-        "name": "--cdr-quote-cite-text-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Text color of a cdr-quote citation"
+        "name": "trigger",
+        "description": " Slot for the element that triggers the popover."
       },
       {
-        "name": "--cdr-quote-content-text-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Text color of cdr-quote content"
+        "name": "title",
+        "description": "Sets the title for the popover. Can also be set with `label` prop"
       },
       {
-        "name": "--cdr-quote-pull-container-border-color",
-        "defaultValue": "--cdr-color-border-primary",
-        "description": "Border color of a cdr-quote pull container"
+        "name": "default"
+      },
+      {
+        "name": "icon"
       }
+    ],
+    "sourceFiles": [
+      "./src/components/popover/CdrPopover.vue"
     ]
   },
   "CdrRating": {
@@ -3708,74 +3708,68 @@
       }
     ]
   },
-  "CdrRadio": {
-    "name": "CdrRadio",
-    "description": "Permits the selection of only one option from a list of two or more",
+  "CdrSelect": {
+    "name": "CdrSelect",
+    "description": "Allows the selection of one or more options from a dropdown list",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrRadio",
+    "displayName": "CdrSelect",
     "props": [
       {
-        "name": "labelClass",
-        "description": "Adds CSS class to the label for custom styles.",
+        "name": "id",
+        "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": "inputClass",
-        "description": "Adds CSS class to the input for custom styles.",
+        "name": "label",
+        "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"
-        }
+        },
+        "required": true
       },
       {
-        "name": "contentClass",
-        "description": "Adds CSS class to the slot wrapper for custom styles.",
+        "name": "hideLabel",
+        "description": "Visually hides the label element, but leaves it available to screen readers for accessibility compliance.",
         "type": {
-          "name": "string"
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       },
       {
-        "name": "disabled",
-        "description": "Disables the radio",
+        "name": "prompt",
+        "description": "Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.",
         "type": {
-          "name": "boolean"
+          "name": "string"
         }
       },
       {
-        "name": "name",
-        "description": "Sets the name of the radio button.",
+        "name": "options",
+        "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": "string"
-        },
-        "required": true
+          "name": "selectOption[] | string[]"
+        }
       },
       {
-        "name": "modifier",
-        "description": "Modifies the style variants for this component",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "true",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
+        "name": "background",
+        "description": "Sets the background color the radio button is rendered on",
+        "tags": {},
         "values": [
-          "hide-figure"
+          "primary",
+          "secondary"
         ],
         "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
+          "name": "backgroundProps"
         }
       },
       {
         "name": "size",
-        "description": "Sets the radio size; values can target responsive breakpoints. Example `small@lg`",
+        "description": "Sets the component's size; values can target responsive breakpoints. Example `small@lg`",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -3794,242 +3788,8 @@
         }
       },
       {
-        "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.",
-        "type": {
-          "name": "string|number|boolean|object|array|symbol|func"
-        }
-      },
-      {
-        "name": "modelValue",
-        "tags": {
-          "ignore": [
-            {
-              "description": "v-model binding",
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string|number|boolean|object|array|symbol|func"
-        }
-      }
-    ],
-    "events": [
-      {
-        "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": "default"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/radio/CdrRadio.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-radio-box-shadow-color-selected",
-        "defaultValue": "--cdr-color-border-input-default-selected",
-        "description": "Box-shadow color of cdr-radio when selected"
-      },
-      {
-        "name": "--cdr-radio-background-color-selected",
-        "defaultValue": "--cdr-color-background-input-default-selected",
-        "description": "Background color of cdr-radio when selected"
-      },
-      {
-        "name": "--cdr-radio-inner-circle-background-color-selected",
-        "defaultValue": "--cdr-color-icon-checkbox-default-selected",
-        "description": "Background color of the inner circle of cdr-radio when selected"
-      },
-      {
-        "name": "--cdr-radio-box-shadow-color-hover",
-        "defaultValue": "--cdr-color-border-input-default-hover",
-        "description": "Box-shadow color of cdr-radio on hover"
-      },
-      {
-        "name": "--cdr-radio-background-color-hover",
-        "defaultValue": "--cdr-color-background-input-default-hover",
-        "description": "Background color of cdr-radio on hover"
-      },
-      {
-        "name": "--cdr-radio-box-shadow-color-selected-hover",
-        "defaultValue": "--cdr-color-border-input-default-selected-hover",
-        "description": "Box-shadow color of cdr-radio when selected on hover"
-      },
-      {
-        "name": "--cdr-radio-background-color-selected-hover",
-        "defaultValue": "--cdr-color-background-input-default-selected-hover",
-        "description": "Background color of cdr-radio when selected on hover"
-      },
-      {
-        "name": "--cdr-radio-box-shadow-color-disabled",
-        "defaultValue": "--cdr-color-border-input-default-disabled",
-        "description": "Box-shadow color of cdr-radio when disabled"
-      },
-      {
-        "name": "--cdr-radio-background-color-disabled",
-        "defaultValue": "--cdr-color-background-input-default-disabled",
-        "description": "Background color of cdr-radio when disabled"
-      },
-      {
-        "name": "--cdr-radio-inner-circle-background-color-disabled",
-        "defaultValue": "--cdr-color-background-input-default-disabled",
-        "description": "Background color of the inner circle of cdr-radio when disabled"
-      },
-      {
-        "name": "--cdr-radio-inner-circle-background-color-selected-disabled",
-        "defaultValue": "--cdr-color-background-input-default-disabled",
-        "description": "Background color of the inner circle of cdr-radio when selected and disabled"
-      },
-      {
-        "name": "--cdr-radio-box-shadow-color-focus",
-        "defaultValue": "--cdr-color-border-input-default-active",
-        "description": "Box-shadow color of cdr-radio on focus"
-      },
-      {
-        "name": "--cdr-radio-background-color-focus",
-        "defaultValue": "--cdr-color-background-input-default-focus",
-        "description": "Background color of cdr-radio on focus"
-      },
-      {
-        "name": "--cdr-radio-background-color-selected-focus",
-        "defaultValue": "--cdr-color-background-input-default-selected-focus",
-        "description": "Background color of cdr-radio when selected on focus"
-      },
-      {
-        "name": "--cdr-radio-box-shadow-color-active",
-        "defaultValue": "--cdr-color-border-input-default-active",
-        "description": "Box-shadow color of cdr-radio when active"
-      },
-      {
-        "name": "--cdr-radio-background-color-active",
-        "defaultValue": "--cdr-color-background-input-default-active",
-        "description": "Background color of cdr-radio when active"
-      },
-      {
-        "name": "--cdr-radio-inner-circle-background-color-selected-active",
-        "defaultValue": "--cdr-color-icon-checkbox-default-selected-active",
-        "description": "Background color of the inner circle of cdr-radio when selected and active"
-      }
-    ]
-  },
-  "CdrSelect": {
-    "name": "CdrSelect",
-    "description": "Allows the selection of one or more options from a dropdown list",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrSelect",
-    "props": [
-      {
-        "name": "id",
-        "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": "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"
-        },
-        "required": true
-      },
-      {
-        "name": "hideLabel",
-        "description": "Visually hides the label element, but leaves it available to screen readers for accessibility compliance.",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "prompt",
-        "description": "Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "options",
-        "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": "selectOption[] | string[]"
-        }
-      },
-      {
-        "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.",
+        "name": "error",
+        "description": "Sets the select to an error state, displays the `error` slot if one is present.",
         "type": {
           "name": "boolean|string"
         },
@@ -4241,160 +4001,74 @@
       }
     ]
   },
-  "CdrSkeletonBone": {
-    "name": "CdrSkeletonBone",
-    "exportName": "default",
-    "displayName": "CdrSkeletonBone",
-    "description": "",
+  "CdrRadio": {
+    "name": "CdrRadio",
+    "description": "Permits the selection of only one option from a list of two or more",
     "tags": {},
+    "exportName": "default",
+    "displayName": "CdrRadio",
     "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"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'default'"
-        }
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/skeleton/CdrSkeletonBone.vue"
-    ]
-  },
-  "CdrTabPanel": {
-    "name": "CdrTabPanel",
-    "exportName": "default",
-    "displayName": "CdrTabPanel",
-    "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.",
+        "name": "labelClass",
+        "description": "Adds CSS class to the label for custom styles.",
         "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.",
+        "name": "inputClass",
+        "description": "Adds CSS class to the input for custom styles.",
         "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.",
+        "name": "contentClass",
+        "description": "Adds CSS class to the slot wrapper for custom styles.",
         "type": {
           "name": "string"
         }
-      }
-    ],
-    "events": [
-      {
-        "name": "tab-change",
-        "description": "Emits when active tab is changed",
-        "tags": [
-          {
-            "title": "params",
-            "content": "state, panelId"
-          }
-        ]
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrTabPanel content"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/tabs/CdrTabPanel.vue"
-    ]
-  },
-  "CdrTable": {
-    "name": "CdrTable",
-    "description": "Organizes structured data for users to easily scan, compare, and analyze",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrTable",
-    "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"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
       },
       {
-        "name": "border",
-        "description": "Adds borders between rows. Will disable `striped` if both are true",
+        "name": "disabled",
+        "description": "Disables the radio",
         "type": {
           "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": true
         }
       },
       {
-        "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' }",
+        "name": "name",
+        "description": "Sets the name of the radio button.",
         "type": {
-          "name": "boolean|string"
+          "name": "string"
         },
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
+        "required": true
       },
       {
-        "name": "responsive",
-        "description": "Makes the table scroll horizontally when it would overflow its container",
-        "type": {
-          "name": "boolean"
+        "name": "modifier",
+        "description": "Modifies the style variants for this component",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "true",
+              "title": "demoSelectMultiple"
+            }
+          ]
         },
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "hover",
-        "description": "Adds a darker background on row hover",
+        "values": [
+          "hide-figure"
+        ],
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": "''"
         }
       },
       {
         "name": "size",
-        "description": "Sets the table size (cell padding); values can target responsive breakpoints. Example `small@lg`.",
+        "description": "Sets the radio size; values can target responsive breakpoints. Example `small@lg`",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -4409,198 +4083,353 @@
           "large"
         ],
         "type": {
-          "name": "string"
+          "name": "sizeProps"
+        }
+      },
+      {
+        "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.",
+        "type": {
+          "name": "string|number|boolean|object|array|symbol|func"
+        }
+      },
+      {
+        "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": "v-model binding",
+              "title": "ignore"
+            }
+          ]
         },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
+        "type": {
+          "name": "string|number|boolean|object|array|symbol|func"
         }
       }
     ],
+    "events": [
+      {
+        "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": "default",
-        "description": "CdrTable content (Valid table elements <th>, <tbody>, <tr>, <td>, etc.)"
+        "name": "default"
       }
     ],
     "sourceFiles": [
-      "./src/components/table/CdrTable.vue"
+      "./src/components/radio/CdrRadio.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-table-base-text-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Color of the cdr-table base text"
+        "name": "--cdr-radio-box-shadow-color-selected",
+        "defaultValue": "--cdr-color-border-input-default-selected",
+        "description": "Box-shadow color of cdr-radio when selected"
       },
       {
-        "name": "--cdr-table-row-background-color",
-        "defaultValue": "--cdr-color-background-table-row",
-        "description": "Background color of the table rows"
+        "name": "--cdr-radio-background-color-selected",
+        "defaultValue": "--cdr-color-background-input-default-selected",
+        "description": "Background color of cdr-radio when selected"
       },
       {
-        "name": "--cdr-table-header-background-color",
-        "defaultValue": "--cdr-color-background-table-header",
-        "description": "Background color of the table header"
+        "name": "--cdr-radio-inner-circle-background-color-selected",
+        "defaultValue": "--cdr-color-icon-checkbox-default-selected",
+        "description": "Background color of the inner circle of cdr-radio when selected"
       },
       {
-        "name": "--cdr-table-text-cell-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Text color of the table cells"
+        "name": "--cdr-radio-box-shadow-color-hover",
+        "defaultValue": "--cdr-color-border-input-default-hover",
+        "description": "Box-shadow color of cdr-radio on hover"
       },
       {
-        "name": "--cdr-table-border-color-default",
-        "defaultValue": "--cdr-color-border-table-default",
-        "description": "Default border color of the table"
+        "name": "--cdr-radio-background-color-hover",
+        "defaultValue": "--cdr-color-background-input-default-hover",
+        "description": "Background color of cdr-radio on hover"
       },
       {
-        "name": "--cdr-table-head-border-default",
-        "defaultValue": "--cdr-color-border-table-head",
-        "description": "Head border color of the table"
+        "name": "--cdr-radio-box-shadow-color-selected-hover",
+        "defaultValue": "--cdr-color-border-input-default-selected-hover",
+        "description": "Box-shadow color of cdr-radio when selected on hover"
       },
       {
-        "name": "--cdr-table-odd-row-background-color",
-        "defaultValue": "--cdr-color-background-table-row-alt",
-        "description": "Background color of all odd rows in the table"
+        "name": "--cdr-radio-background-color-selected-hover",
+        "defaultValue": "--cdr-color-background-input-default-selected-hover",
+        "description": "Background color of cdr-radio when selected on hover"
       },
       {
-        "name": "--cdr-table-header-odd-row-background-color",
-        "defaultValue": "--cdr-color-background-table-row",
-        "description": "Background color of odd rows in the table header"
+        "name": "--cdr-radio-box-shadow-color-disabled",
+        "defaultValue": "--cdr-color-border-input-default-disabled",
+        "description": "Box-shadow color of cdr-radio when disabled"
       },
       {
-        "name": "--cdr-table-striped-odd-row-background-color",
-        "defaultValue": "--cdr-color-background-table-row",
-        "description": "Background color of the odd rows in striped tables"
+        "name": "--cdr-radio-background-color-disabled",
+        "defaultValue": "--cdr-color-background-input-default-disabled",
+        "description": "Background color of cdr-radio when disabled"
       },
       {
-        "name": "--cdr-table-body-footer-odd-row-background-color",
-        "defaultValue": "--cdr-color-background-table-row-alt",
-        "description": "Background color of odd rows in the table body and footer"
+        "name": "--cdr-radio-inner-circle-background-color-disabled",
+        "defaultValue": "--cdr-color-background-input-default-disabled",
+        "description": "Background color of the inner circle of cdr-radio when disabled"
       },
       {
-        "name": "--cdr-table-cell-background-color-hover",
-        "defaultValue": "--cdr-color-background-table-header",
-        "description": "Background color of table cells on hover"
-      }
-    ]
-  },
-  "CdrTabs": {
-    "name": "CdrTabs",
-    "description": "Organizes related content into groups for people to navigate between",
-    "tags": {},
+        "name": "--cdr-radio-inner-circle-background-color-selected-disabled",
+        "defaultValue": "--cdr-color-background-input-default-disabled",
+        "description": "Background color of the inner circle of cdr-radio when selected and disabled"
+      },
+      {
+        "name": "--cdr-radio-box-shadow-color-focus",
+        "defaultValue": "--cdr-color-border-input-default-active",
+        "description": "Box-shadow color of cdr-radio on focus"
+      },
+      {
+        "name": "--cdr-radio-background-color-focus",
+        "defaultValue": "--cdr-color-background-input-default-focus",
+        "description": "Background color of cdr-radio on focus"
+      },
+      {
+        "name": "--cdr-radio-background-color-selected-focus",
+        "defaultValue": "--cdr-color-background-input-default-selected-focus",
+        "description": "Background color of cdr-radio when selected on focus"
+      },
+      {
+        "name": "--cdr-radio-box-shadow-color-active",
+        "defaultValue": "--cdr-color-border-input-default-active",
+        "description": "Box-shadow color of cdr-radio when active"
+      },
+      {
+        "name": "--cdr-radio-background-color-active",
+        "defaultValue": "--cdr-color-background-input-default-active",
+        "description": "Background color of cdr-radio when active"
+      },
+      {
+        "name": "--cdr-radio-inner-circle-background-color-selected-active",
+        "defaultValue": "--cdr-color-icon-checkbox-default-selected-active",
+        "description": "Background color of the inner circle of cdr-radio when selected and active"
+      }
+    ]
+  },
+  "CdrSkeletonBone": {
+    "name": "CdrSkeletonBone",
     "exportName": "default",
-    "displayName": "CdrTabs",
+    "displayName": "CdrSkeletonBone",
+    "description": "",
+    "tags": {},
     "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.",
+        "name": "type",
+        "description": "Sets the type of content placeholder",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "default",
+          "heading",
+          "line",
+          "rectangle",
+          "square"
+        ],
         "type": {
           "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": "'240px'"
+          "value": "'default'"
+        }
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/skeleton/CdrSkeletonBone.vue"
+    ]
+  },
+  "CdrTable": {
+    "name": "CdrTable",
+    "description": "Organizes structured data for users to easily scan, compare, and analyze",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrTable",
+    "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"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       },
       {
-        "name": "activeTab",
-        "description": "Sets the index of the tab that should be active on initial page load. Note that this property is zero-indexed.",
+        "name": "border",
+        "description": "Adds borders between rows. Will disable `striped` if both are true",
         "type": {
-          "name": "number"
+          "name": "boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": "0"
+          "value": true
         }
       },
       {
-        "name": "modifier",
-        "description": "Modifies the style variants for this component",
-        "tags": {},
-        "values": [
-          "centered",
-          "compact",
-          "full-width",
-          "no-border"
-        ],
+        "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": "string"
+          "name": "boolean|string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "responsive",
+        "description": "Makes the table scroll horizontally when it would overflow its container",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "hover",
+        "description": "Adds a darker background on row hover",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       },
       {
         "name": "size",
-        "description": "Use `small` to reduce spacing around the tabs for a denser visual design",
+        "description": "Sets the table size (cell padding); values can target responsive breakpoints. Example `small@lg`.",
         "tags": {
           "demoSelectMultiple": [
             {
-              "description": "true",
+              "description": "false",
               "title": "demoSelectMultiple"
             }
           ]
         },
         "values": [
-          "small"
+          "small",
+          "medium",
+          "large"
         ],
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "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"
         },
         "defaultValue": {
           "func": false,
-          "value": "CdrColorBackgroundPrimary"
+          "value": "'medium'"
         }
       }
     ],
     "slots": [
       {
         "name": "default",
-        "description": "CdrTabs content (CdrTabPanel components)"
+        "description": "CdrTable content (Valid table elements <th>, <tbody>, <tr>, <td>, etc.)"
       }
     ],
     "sourceFiles": [
-      "./src/components/tabs/CdrTabs.vue"
+      "./src/components/table/CdrTable.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-tabs-header-container-keyline-color",
-        "defaultValue": "--cdr-color-border-tab-keyline-rest",
-        "description": "Keyline color of the cdr-tabs header container"
+        "name": "--cdr-table-base-text-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Color of the cdr-table base text"
       },
       {
-        "name": "--cdr-tabs-tab-text-color",
-        "defaultValue": "--cdr-color-text-tab-rest",
-        "description": "Text color in a tab"
+        "name": "--cdr-table-row-background-color",
+        "defaultValue": "--cdr-color-background-table-row",
+        "description": "Background color of the table rows"
       },
       {
-        "name": "--cdr-tabs-tab-text-color-active",
-        "defaultValue": "--cdr-color-text-tab-active",
-        "description": "Text color of an active tab"
+        "name": "--cdr-table-header-background-color",
+        "defaultValue": "--cdr-color-background-table-header",
+        "description": "Background color of the table header"
       },
       {
-        "name": "--cdr-tabs-tab-text-color-interaction",
-        "defaultValue": "--cdr-color-text-tab-hover",
-        "description": "Text color of a tab on active, focus, or hover"
+        "name": "--cdr-table-text-cell-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Text color of the table cells"
       },
       {
-        "name": "--cdr-tabs-tab-text-color-disabled",
-        "defaultValue": "--cdr-color-text-tab-disabled",
-        "description": "Text color of a disabled tab"
+        "name": "--cdr-table-border-color-default",
+        "defaultValue": "--cdr-color-border-table-default",
+        "description": "Default border color of the table"
       },
       {
-        "name": "--cdr-tabs-keyline-background-color",
-        "defaultValue": "--cdr-color-border-tab-keyline-active",
-        "description": "Background color of the cdr-tabs keyline"
+        "name": "--cdr-table-head-border-default",
+        "defaultValue": "--cdr-color-border-table-head",
+        "description": "Head border color of the table"
       },
       {
-        "name": "--cdr-tabs-no-border-border-color",
-        "defaultValue": "transparent",
-        "description": "Border color of the cdr-tabs with no-border modifier"
+        "name": "--cdr-table-odd-row-background-color",
+        "defaultValue": "--cdr-color-background-table-row-alt",
+        "description": "Background color of all odd rows in the table"
+      },
+      {
+        "name": "--cdr-table-header-odd-row-background-color",
+        "defaultValue": "--cdr-color-background-table-row",
+        "description": "Background color of odd rows in the table header"
+      },
+      {
+        "name": "--cdr-table-striped-odd-row-background-color",
+        "defaultValue": "--cdr-color-background-table-row",
+        "description": "Background color of the odd rows in striped tables"
+      },
+      {
+        "name": "--cdr-table-body-footer-odd-row-background-color",
+        "defaultValue": "--cdr-color-background-table-row-alt",
+        "description": "Background color of odd rows in the table body and footer"
+      },
+      {
+        "name": "--cdr-table-cell-background-color-hover",
+        "defaultValue": "--cdr-color-background-table-header",
+        "description": "Background color of table cells on hover"
       }
     ]
   },
@@ -4655,34 +4484,205 @@
       }
     ]
   },
-  "CdrText": {
-    "name": "CdrText",
-    "description": "Text container used for any text element such as paragraphs, headings, and lists",
-    "tags": {},
+  "CdrTabPanel": {
+    "name": "CdrTabPanel",
     "exportName": "default",
-    "displayName": "CdrText",
+    "displayName": "CdrTabPanel",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "tag",
-        "description": "Sets the HTML tag (p, span, h1, h2, etc)",
+        "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"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'p'"
         }
-      }
-    ],
-    "slots": [
+      },
       {
-        "name": "default",
-        "description": "CdrText content"
+        "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"
+        }
       }
     ],
-    "sourceFiles": [
-      "./src/components/text/CdrText.vue"
-    ],
+    "events": [
+      {
+        "name": "tab-change",
+        "description": "Emits when active tab is changed",
+        "tags": [
+          {
+            "title": "params",
+            "content": "state, panelId"
+          }
+        ]
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrTabPanel content"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/tabs/CdrTabPanel.vue"
+    ]
+  },
+  "CdrTabs": {
+    "name": "CdrTabs",
+    "description": "Organizes related content into groups for people to navigate between",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrTabs",
+    "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"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'240px'"
+        }
+      },
+      {
+        "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"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "0"
+        }
+      },
+      {
+        "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": [
+            {
+              "description": "true",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "small"
+        ],
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "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"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "CdrColorBackgroundPrimary"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrTabs content (CdrTabPanel components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/tabs/CdrTabs.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-tabs-header-container-keyline-color",
+        "defaultValue": "--cdr-color-border-tab-keyline-rest",
+        "description": "Keyline color of the cdr-tabs header container"
+      },
+      {
+        "name": "--cdr-tabs-tab-text-color",
+        "defaultValue": "--cdr-color-text-tab-rest",
+        "description": "Text color in a tab"
+      },
+      {
+        "name": "--cdr-tabs-tab-text-color-active",
+        "defaultValue": "--cdr-color-text-tab-active",
+        "description": "Text color of an active tab"
+      },
+      {
+        "name": "--cdr-tabs-tab-text-color-interaction",
+        "defaultValue": "--cdr-color-text-tab-hover",
+        "description": "Text color of a tab on active, focus, or hover"
+      },
+      {
+        "name": "--cdr-tabs-tab-text-color-disabled",
+        "defaultValue": "--cdr-color-text-tab-disabled",
+        "description": "Text color of a disabled tab"
+      },
+      {
+        "name": "--cdr-tabs-keyline-background-color",
+        "defaultValue": "--cdr-color-border-tab-keyline-active",
+        "description": "Background color of the cdr-tabs keyline"
+      },
+      {
+        "name": "--cdr-tabs-no-border-border-color",
+        "defaultValue": "transparent",
+        "description": "Border color of the cdr-tabs with no-border modifier"
+      }
+    ]
+  },
+  "CdrText": {
+    "name": "CdrText",
+    "description": "Text container used for any text element such as paragraphs, headings, and lists",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrText",
+    "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"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/text/CdrText.vue"
+    ],
     "UIProperties": [
       {
         "name": "--cdr-text-color",
@@ -4691,6 +4691,361 @@
       }
     ]
   },
+  "CdrToast": {
+    "name": "CdrToast",
+    "description": "Non-modal dialog used to communicate the status of a task or process",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrToast",
+    "props": [
+      {
+        "name": "type",
+        "description": "Sets the toast type.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "info",
+          "success",
+          "warning",
+          "error",
+          "default"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'default'"
+        }
+      },
+      {
+        "name": "open",
+        "description": "Used to programmatically control the toast open/close state.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "autoDismiss",
+        "description": "Set to `false` to disable automatic closing after the `dismissDelay`.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "dismissDelay",
+        "description": "Sets the interval (in milliseconds) before the toast automatically closes.",
+        "type": {
+          "name": "number"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "5000"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "open",
+        "description": "Emits when toast opens"
+      },
+      {
+        "name": "closed",
+        "description": "Emits when toast closes"
+      }
+    ],
+    "slots": [
+      {
+        "name": "icon-left",
+        "description": "Icon matching toast messaging type"
+      },
+      {
+        "name": "default",
+        "description": "CdrToast content"
+      },
+      {
+        "name": "icon"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/toast/CdrToast.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-toast-close-button-fill",
+        "defaultValue": "--cdr-color-text-emphasis",
+        "description": "Fill color of the cdr-toast close button icon"
+      },
+      {
+        "name": "--cdr-toast-icon-left-background-color-default",
+        "defaultValue": "--cdr-color-background-message-default-02",
+        "description": "Default background color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-icon-left-fill-default",
+        "defaultValue": "--cdr-color-icon-message-default",
+        "description": "Default fill color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-icon-left-background-color-info",
+        "defaultValue": "--cdr-color-background-message-info-02",
+        "description": "Info background color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-icon-left-fill-info",
+        "defaultValue": "--cdr-color-icon-message-info",
+        "description": "Info fill color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-border-left-color-info",
+        "defaultValue": "--cdr-color-border-message-info-01",
+        "description": "Info border-left color of the cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-icon-left-background-color-warning",
+        "defaultValue": "--cdr-color-background-message-warning-02",
+        "description": "Warning background color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-icon-left-fill-warning",
+        "defaultValue": "--cdr-color-icon-message-warning",
+        "description": "Warning fill color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-border-left-color-warning",
+        "defaultValue": "--cdr-color-border-message-warning-01",
+        "description": "Warning border-left color of the cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-icon-left-background-color-success",
+        "defaultValue": "--cdr-color-background-message-success-02",
+        "description": "Success background color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-icon-left-fill-success",
+        "defaultValue": "--cdr-color-icon-message-success",
+        "description": "Success fill color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-border-left-color-success",
+        "defaultValue": "--cdr-color-border-message-success-01",
+        "description": "Success border-left color of the cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-icon-left-background-color-error",
+        "defaultValue": "--cdr-color-background-message-error-02",
+        "description": "Error background color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-icon-left-fill-error",
+        "defaultValue": "--cdr-color-icon-message-error",
+        "description": "Error fill color of the cdr-toast icon-left"
+      },
+      {
+        "name": "--cdr-toast-border-left-color-error",
+        "defaultValue": "--cdr-color-border-message-error-01",
+        "description": "Error border-left color of the cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-background-color-default",
+        "defaultValue": "--cdr-color-background-message-default-01",
+        "description": "Default background color of cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-outline-color-default",
+        "defaultValue": "--cdr-color-border-message-default-02",
+        "description": "Default outline color of cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-background-color-info",
+        "defaultValue": "--cdr-color-background-message-info-01",
+        "description": "Info background color of cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-background-color-success",
+        "defaultValue": "--cdr-color-background-message-success-01",
+        "description": "Success background color of cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-outline-color-success",
+        "defaultValue": "--cdr-color-border-message-success-02",
+        "description": "Success outline color of cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-background-color-warning",
+        "defaultValue": "--cdr-color-background-message-warning-01",
+        "description": "Warning background color of cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-outline-color-warning",
+        "defaultValue": "--cdr-color-border-message-warning-02",
+        "description": "Warning outline color of cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-background-color-error",
+        "defaultValue": "--cdr-color-background-message-error-01",
+        "description": "Error background color of cdr-toast"
+      },
+      {
+        "name": "--cdr-toast-outline-color-error",
+        "defaultValue": "--cdr-color-border-message-error-02",
+        "description": "Error outline color of cdr-toast"
+      }
+    ]
+  },
+  "CdrTooltip": {
+    "name": "CdrTooltip",
+    "description": "Floating label used to clarify interface actions",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrTooltip",
+    "props": [
+      {
+        "name": "position",
+        "description": "Sets the position where the tooltip will render relative to the trigger element.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "top",
+          "bottom",
+          "left",
+          "right"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "'top'"
+        }
+      },
+      {
+        "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"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "id",
+        "description": "ID for the tooltip element, required for accessibility",
+        "type": {
+          "name": "string"
+        },
+        "required": true
+      },
+      {
+        "name": "contentClass",
+        "description": "Add custom class to the tooltip content wrapper. Allows for overriding size, styling, etc.",
+        "type": {
+          "name": "string"
+        },
+        "required": false
+      },
+      {
+        "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"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "opened",
+        "description": "Emits when tooltip is opened"
+      },
+      {
+        "name": "closed",
+        "description": "Emits when tooltip is closed"
+      }
+    ],
+    "slots": [
+      {
+        "name": "trigger",
+        "description": " Slot for the element that triggers the tooltip."
+      },
+      {
+        "name": "default",
+        "description": "CdrTooltip content"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/tooltip/CdrTooltip.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-popup-background-color-default",
+        "defaultValue": "--cdr-color-background-tooltip-default",
+        "description": "Background color of the cdr-popup"
+      },
+      {
+        "name": "--cdr-popup-text-color-default",
+        "defaultValue": "--cdr-color-text-tooltip-default",
+        "description": "Text color of the cdr-popup"
+      },
+      {
+        "name": "--cdr-popup-border-color-default",
+        "defaultValue": "--cdr-color-border-tooltip-default",
+        "description": "Border color of the cdr-popup"
+      },
+      {
+        "name": "--cdr-popup-arrow-border-bottom-color",
+        "defaultValue": "--cdr-color-border-tooltip-default",
+        "description": "Border color of the cdr-popup arrow"
+      },
+      {
+        "name": "--cdr-popup-arrow-background-color",
+        "defaultValue": "--cdr-color-background-tooltip-default",
+        "description": "Background color of the cdr-popup arrow"
+      }
+    ]
+  },
   "CdrSwitch": {
     "name": "CdrSwitch",
     "description": "Permits selection from two opposing options",
@@ -4877,360 +5232,43 @@
       },
       {
         "name": "--cdr-switch-icon-fill-checked-focus",
-        "defaultValue": "--cdr-color-icon-switch-selected-default-focus",
-        "description": "Fill of the cdr-switch x and check icons when it is checked and in focus"
-      },
-      {
-        "name": "--cdr-switch-handle-background-color-checked",
-        "defaultValue": "--cdr-color-background-switch-handle-selected-default-rest",
-        "description": "Background color of the cdr-switch handle when it is checked"
-      },
-      {
-        "name": "--cdr-switch-border-color-checked-hover",
-        "defaultValue": "--cdr-color-border-secondary",
-        "description": "Border of the cdr-switch button when it is checked and on hover but not in focus"
-      },
-      {
-        "name": "--cdr-switch-background-color-checked-hover",
-        "defaultValue": "--cdr-color-background-switch-selected-default-hover",
-        "description": "Background color of the cdr-switch button when it is checked and on hover but not in focus"
-      },
-      {
-        "name": "--cdr-switch-icon-fill-checked-hover",
-        "defaultValue": "--cdr-color-icon-switch-selected-default-hover",
-        "description": "Fill of the cdr-switch x and check icons when it is checked and on hover but not in focus"
-      },
-      {
-        "name": "--cdr-switch-handle-border-color-checked-hover",
-        "defaultValue": "--cdr-color-border-switch-handle-default-hover",
-        "description": "Border of the cdr-switch handle when it is checked and on hover but not in focus"
-      },
-      {
-        "name": "--cdr-switch-handle-border",
-        "defaultValue": "--cdr-color-border-secondary",
-        "description": "Border color of the cdr-switch handle"
-      },
-      {
-        "name": "--cdr-switch-handle-background-color-rest",
-        "defaultValue": "--cdr-color-background-switch-handle-default-rest",
-        "description": "Background color of the cdr-switch handle"
-      }
-    ]
-  },
-  "CdrToast": {
-    "name": "CdrToast",
-    "description": "Non-modal dialog used to communicate the status of a task or process",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrToast",
-    "props": [
-      {
-        "name": "type",
-        "description": "Sets the toast type.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "info",
-          "success",
-          "warning",
-          "error",
-          "default"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'default'"
-        }
-      },
-      {
-        "name": "open",
-        "description": "Used to programmatically control the toast open/close state.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "autoDismiss",
-        "description": "Set to `false` to disable automatic closing after the `dismissDelay`.",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "dismissDelay",
-        "description": "Sets the interval (in milliseconds) before the toast automatically closes.",
-        "type": {
-          "name": "number"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "5000"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "open",
-        "description": "Emits when toast opens"
-      },
-      {
-        "name": "closed",
-        "description": "Emits when toast closes"
-      }
-    ],
-    "slots": [
-      {
-        "name": "icon-left",
-        "description": "Icon matching toast messaging type"
-      },
-      {
-        "name": "default",
-        "description": "CdrToast content"
-      },
-      {
-        "name": "icon"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/toast/CdrToast.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-toast-close-button-fill",
-        "defaultValue": "--cdr-color-text-emphasis",
-        "description": "Fill color of the cdr-toast close button icon"
-      },
-      {
-        "name": "--cdr-toast-icon-left-background-color-default",
-        "defaultValue": "--cdr-color-background-message-default-02",
-        "description": "Default background color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-icon-left-fill-default",
-        "defaultValue": "--cdr-color-icon-message-default",
-        "description": "Default fill color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-icon-left-background-color-info",
-        "defaultValue": "--cdr-color-background-message-info-02",
-        "description": "Info background color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-icon-left-fill-info",
-        "defaultValue": "--cdr-color-icon-message-info",
-        "description": "Info fill color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-border-left-color-info",
-        "defaultValue": "--cdr-color-border-message-info-01",
-        "description": "Info border-left color of the cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-icon-left-background-color-warning",
-        "defaultValue": "--cdr-color-background-message-warning-02",
-        "description": "Warning background color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-icon-left-fill-warning",
-        "defaultValue": "--cdr-color-icon-message-warning",
-        "description": "Warning fill color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-border-left-color-warning",
-        "defaultValue": "--cdr-color-border-message-warning-01",
-        "description": "Warning border-left color of the cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-icon-left-background-color-success",
-        "defaultValue": "--cdr-color-background-message-success-02",
-        "description": "Success background color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-icon-left-fill-success",
-        "defaultValue": "--cdr-color-icon-message-success",
-        "description": "Success fill color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-border-left-color-success",
-        "defaultValue": "--cdr-color-border-message-success-01",
-        "description": "Success border-left color of the cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-icon-left-background-color-error",
-        "defaultValue": "--cdr-color-background-message-error-02",
-        "description": "Error background color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-icon-left-fill-error",
-        "defaultValue": "--cdr-color-icon-message-error",
-        "description": "Error fill color of the cdr-toast icon-left"
-      },
-      {
-        "name": "--cdr-toast-border-left-color-error",
-        "defaultValue": "--cdr-color-border-message-error-01",
-        "description": "Error border-left color of the cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-background-color-default",
-        "defaultValue": "--cdr-color-background-message-default-01",
-        "description": "Default background color of cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-outline-color-default",
-        "defaultValue": "--cdr-color-border-message-default-02",
-        "description": "Default outline color of cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-background-color-info",
-        "defaultValue": "--cdr-color-background-message-info-01",
-        "description": "Info background color of cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-background-color-success",
-        "defaultValue": "--cdr-color-background-message-success-01",
-        "description": "Success background color of cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-outline-color-success",
-        "defaultValue": "--cdr-color-border-message-success-02",
-        "description": "Success outline color of cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-background-color-warning",
-        "defaultValue": "--cdr-color-background-message-warning-01",
-        "description": "Warning background color of cdr-toast"
-      },
-      {
-        "name": "--cdr-toast-outline-color-warning",
-        "defaultValue": "--cdr-color-border-message-warning-02",
-        "description": "Warning outline color of cdr-toast"
+        "defaultValue": "--cdr-color-icon-switch-selected-default-focus",
+        "description": "Fill of the cdr-switch x and check icons when it is checked and in focus"
       },
       {
-        "name": "--cdr-toast-background-color-error",
-        "defaultValue": "--cdr-color-background-message-error-01",
-        "description": "Error background color of cdr-toast"
+        "name": "--cdr-switch-handle-background-color-checked",
+        "defaultValue": "--cdr-color-background-switch-handle-selected-default-rest",
+        "description": "Background color of the cdr-switch handle when it is checked"
       },
       {
-        "name": "--cdr-toast-outline-color-error",
-        "defaultValue": "--cdr-color-border-message-error-02",
-        "description": "Error outline color of cdr-toast"
-      }
-    ]
-  },
-  "CdrToggleGroup": {
-    "name": "CdrToggleGroup",
-    "exportName": "default",
-    "displayName": "CdrToggleGroup",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "modelValue",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string|number|boolean|object|array"
-        },
-        "required": true
+        "name": "--cdr-switch-border-color-checked-hover",
+        "defaultValue": "--cdr-color-border-secondary",
+        "description": "Border of the cdr-switch button when it is checked and on hover but not in focus"
       },
       {
-        "name": "size",
-        "description": "Sets toggle button size",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "medium",
-          "large"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
-        }
-      }
-    ],
-    "events": [
+        "name": "--cdr-switch-background-color-checked-hover",
+        "defaultValue": "--cdr-color-background-switch-selected-default-hover",
+        "description": "Background color of the cdr-switch button when it is checked and on hover but not in focus"
+      },
       {
-        "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": "--cdr-switch-icon-fill-checked-hover",
+        "defaultValue": "--cdr-color-icon-switch-selected-default-hover",
+        "description": "Fill of the cdr-switch x and check icons when it is checked and on hover but not in focus"
+      },
       {
-        "name": "default",
-        "description": "CdrToggleGroup content (CdrToggleButton components)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/toggleButton/CdrToggleGroup.vue"
-    ],
-    "UIProperties": [
+        "name": "--cdr-switch-handle-border-color-checked-hover",
+        "defaultValue": "--cdr-color-border-switch-handle-default-hover",
+        "description": "Border of the cdr-switch handle when it is checked and on hover but not in focus"
+      },
       {
-        "name": "--cdr-toggle-group-border-color",
-        "defaultValue": "--cdr-color-border-primary",
-        "description": "Border color of the cdr-toggle-group"
+        "name": "--cdr-switch-handle-border",
+        "defaultValue": "--cdr-color-border-secondary",
+        "description": "Border color of the cdr-switch handle"
       },
       {
-        "name": "--cdr-toggle-group-background-color-default-rest",
-        "defaultValue": "--cdr-color-background-toggle-group-default-rest",
-        "description": "Default background color of the cdr-toggle-group"
+        "name": "--cdr-switch-handle-background-color-rest",
+        "defaultValue": "--cdr-color-background-switch-handle-default-rest",
+        "description": "Background color of the cdr-switch handle"
       }
     ]
   },
@@ -5322,134 +5360,96 @@
       }
     ]
   },
-  "CdrTooltip": {
-    "name": "CdrTooltip",
-    "description": "Floating label used to clarify interface actions",
-    "tags": {},
+  "CdrToggleGroup": {
+    "name": "CdrToggleGroup",
     "exportName": "default",
-    "displayName": "CdrTooltip",
+    "displayName": "CdrToggleGroup",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "position",
-        "description": "Sets the position where the tooltip will render relative to the trigger element.",
+        "name": "modelValue",
         "tags": {
-          "demoSelectMultiple": [
+          "ignore": [
             {
-              "description": "false",
-              "title": "demoSelectMultiple"
+              "description": true,
+              "title": "ignore"
             }
           ]
         },
-        "values": [
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "'top'"
-        }
-      },
-      {
-        "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"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "id",
-        "description": "ID for the tooltip element, required for accessibility",
         "type": {
-          "name": "string"
+          "name": "string|number|boolean|object|array"
         },
         "required": true
       },
       {
-        "name": "contentClass",
-        "description": "Add custom class to the tooltip content wrapper. Allows for overriding size, styling, etc.",
-        "type": {
-          "name": "string"
-        },
-        "required": false
-      },
-      {
-        "name": "open",
-        "description": "Used to programmatically control the tooltip state. Does not need to be set if you are using the `trigger` slot.",
+        "name": "size",
+        "description": "Sets toggle button size",
         "tags": {
-          "demoIgnore": [
+          "demoSelectMultiple": [
             {
-              "description": "true",
-              "title": "demoIgnore"
+              "description": "false",
+              "title": "demoSelectMultiple"
             }
           ]
         },
+        "values": [
+          "medium",
+          "large"
+        ],
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": "'medium'"
         }
       }
     ],
     "events": [
       {
-        "name": "opened",
-        "description": "Emits when tooltip is opened"
-      },
-      {
-        "name": "closed",
-        "description": "Emits when tooltip is closed"
+        "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": "trigger",
-        "description": " Slot for the element that triggers the tooltip."
-      },
       {
         "name": "default",
-        "description": "CdrTooltip content"
+        "description": "CdrToggleGroup content (CdrToggleButton components)"
       }
     ],
     "sourceFiles": [
-      "./src/components/tooltip/CdrTooltip.vue"
+      "./src/components/toggleButton/CdrToggleGroup.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-popup-background-color-default",
-        "defaultValue": "--cdr-color-background-tooltip-default",
-        "description": "Background color of the cdr-popup"
-      },
-      {
-        "name": "--cdr-popup-text-color-default",
-        "defaultValue": "--cdr-color-text-tooltip-default",
-        "description": "Text color of the cdr-popup"
-      },
-      {
-        "name": "--cdr-popup-border-color-default",
-        "defaultValue": "--cdr-color-border-tooltip-default",
-        "description": "Border color of the cdr-popup"
-      },
-      {
-        "name": "--cdr-popup-arrow-border-bottom-color",
-        "defaultValue": "--cdr-color-border-tooltip-default",
-        "description": "Border color of the cdr-popup arrow"
+        "name": "--cdr-toggle-group-border-color",
+        "defaultValue": "--cdr-color-border-primary",
+        "description": "Border color of the cdr-toggle-group"
       },
       {
-        "name": "--cdr-popup-arrow-background-color",
-        "defaultValue": "--cdr-color-background-tooltip-default",
-        "description": "Background color of the cdr-popup arrow"
+        "name": "--cdr-toggle-group-background-color-default-rest",
+        "defaultValue": "--cdr-color-background-toggle-group-default-rest",
+        "description": "Default background color of the cdr-toggle-group"
       }
     ]
   }