@rei/cedar 14.0.0 → 14.0.2-alpha.0

package/dist/component-docgen.json

@@ -163,89 +163,53 @@
       }
     ]
   },
-  "CdrButton": {
-    "name": "CdrButton",
-    "description": "Initiates an action, such as completing a task or submitting information",
-    "tags": {},
+  "CdrAccordionGroup": {
+    "name": "CdrAccordionGroup",
     "exportName": "default",
-    "displayName": "CdrButton",
+    "displayName": "CdrAccordionGroup",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "tag",
-        "description": "Renders CdrButton as a <button> or <a> element. When using the value of <a>, this element renders as an anchor link.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "values": [
-          "button",
-          "a"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'button'"
-        }
-      },
-      {
-        "name": "type",
-        "description": "Sets the button type",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
+        "name": "unwrap",
+        "description": "A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.",
+        "tags": {},
         "values": [
-          "button",
-          "submit",
-          "reset"
+          "@xs",
+          "@sm",
+          "@md",
+          "@lg",
+          "true"
         ],
         "type": {
-          "name": "string"
+          "name": "string|boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": "'button'"
+          "value": false
         }
-      },
+      }
+    ],
+    "slots": [
       {
-        "name": "modifier",
-        "description": "Modifies the style variant for this component",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "primary",
-          "secondary",
-          "sale",
-          "dark",
-          "link"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'primary'"
-        }
-      },
+        "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",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrBanner",
+    "props": [
       {
-        "name": "size",
-        "description": "Sets the button size; values can target responsive breakpoints. Example: `large@sm`.",
+        "name": "type",
+        "description": "Sets the banner style.",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -255,148 +219,603 @@
           ]
         },
         "values": [
-          "small",
-          "medium",
-          "large"
+          "info",
+          "warning",
+          "success",
+          "error",
+          "default"
         ],
         "type": {
           "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": "'medium'"
-        }
-      },
-      {
-        "name": "fullWidth",
-        "description": "Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.",
-        "type": {
-          "name": "string|boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "iconOnly",
-        "description": "Renders an 'icon-only' button. When this value is true, it will override the size and 'responsiveSize' props. Can be used in conjunction with 'with-background'",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "withBackground",
-        "description": "Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
+          "value": "'default'"
         }
       }
     ],
     "slots": [
       {
         "name": "icon-left",
-        "description": "Icon to the left of text content"
-      },
-      {
-        "name": "icon",
-        "description": "Icon for icon-only button"
+        "description": "Icon matching banner type"
       },
       {
         "name": "default",
-        "description": "Readable text of the button. Leave empty if icon-only"
+        "description": "Primary message content"
       },
       {
         "name": "icon-right",
-        "description": "Icon to the right of text content"
+        "description": "Additional icon"
+      },
+      {
+        "name": "message-body",
+        "description": "Additional content about the message"
+      },
+      {
+        "name": "info-action",
+        "description": "Action-wrapped icon"
       }
     ],
     "sourceFiles": [
-      "./src/components/button/CdrButton.vue"
+      "./src/components/banner/CdrBanner.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-button-primary-background-color-rest",
-        "defaultValue": "--cdr-color-background-button-primary-rest",
-        "description": "Primary button's background color"
+        "name": "--cdr-banner-message-body-background-color",
+        "defaultValue": "--cdr-color-background-primary",
+        "description": "Message body background color"
       },
       {
-        "name": "--cdr-button-primary-box-shadow-color-rest",
-        "defaultValue": "--cdr-color-border-button-primary-rest",
-        "description": "Primary button's box shadow which serves as a border"
+        "name": "--cdr-banner-icon-right-fill",
+        "defaultValue": "--cdr-color-text-emphasis",
+        "description": "Right icon fill color"
       },
       {
-        "name": "--cdr-button-primary-text-color",
-        "defaultValue": "--cdr-color-text-button-primary",
-        "description": "Primary button's text color"
+        "name": "--cdr-banner-info-action-fill",
+        "defaultValue": "--cdr-color-text-link-rest",
+        "description": "Info action icon fill color"
       },
       {
-        "name": "--cdr-button-primary-fill-color",
-        "defaultValue": "--cdr-color-text-button-primary",
-        "description": "Primary button's fill color"
+        "name": "--cdr-banner-default-icon-left-background-color",
+        "defaultValue": "--cdr-color-background-message-default-02",
+        "description": "Left icon background color for default banner"
       },
       {
-        "name": "--cdr-button-primary-text-color-interaction",
-        "defaultValue": "--cdr-color-text-button-primary-hover",
-        "description": "Primary button's text color when hovered or focused"
+        "name": "--cdr-banner-default-icon-left-fill",
+        "defaultValue": "--cdr-color-icon-message-default",
+        "description": "Left icon fill color for default banner"
       },
       {
-        "name": "--cdr-button-primary-fill-color-interaction",
-        "defaultValue": "--cdr-color-text-button-primary-hover",
-        "description": "Primary button's fill color when hovered or focused"
+        "name": "--cdr-banner-default-wrapper-border-left-color",
+        "defaultValue": "--cdr-color-border-message-default-01",
+        "description": "Wrapper border left color for default banner"
       },
       {
-        "name": "--cdr-button-primary-background-color-interaction",
-        "defaultValue": "--cdr-color-background-button-primary-hover",
-        "description": "Primary button's background color when hovered or focused"
+        "name": "--cdr-banner-info-icon-left-background-color",
+        "defaultValue": "--cdr-color-background-message-info-02",
+        "description": "Left icon background color for info banner"
       },
       {
-        "name": "--cdr-button-primary-box-shadow-color-interaction",
-        "defaultValue": "--cdr-color-border-button-primary-hover",
-        "description": "Primary button's box shadow when hovered or focused"
+        "name": "--cdr-banner-info-icon-left-fill",
+        "defaultValue": "--cdr-color-icon-message-info",
+        "description": "Left icon fill color for info banner"
       },
       {
-        "name": "--cdr-button-primary-text-color-active",
-        "defaultValue": "--cdr-color-text-button-primary-active",
-        "description": "Primary button's text color when active"
+        "name": "--cdr-banner-info-wrapper-border-left-color",
+        "defaultValue": "--cdr-color-border-message-info-01",
+        "description": "Wrapper border left color for info banner"
       },
       {
-        "name": "--cdr-button-primary-fill-color-active",
-        "defaultValue": "--cdr-color-text-button-primary-active",
-        "description": "Primary button's fill color when active"
+        "name": "--cdr-banner-warning-icon-left-background-color",
+        "defaultValue": "--cdr-color-background-message-warning-02",
+        "description": "Left icon background color for warning banner"
       },
       {
-        "name": "--cdr-button-primary-background-color-active",
-        "defaultValue": "--cdr-color-background-button-primary-active",
-        "description": "Primary button's background color when active"
+        "name": "--cdr-banner-warning-icon-left-fill",
+        "defaultValue": "--cdr-color-icon-message-warning",
+        "description": "Left icon fill color for warning banner"
       },
       {
-        "name": "--cdr-button-primary-box-shadow-color-active",
-        "defaultValue": "--cdr-color-border-button-primary-active",
-        "description": "Primary button's box shadow when active."
+        "name": "--cdr-banner-warning-wrapper-border-left-color",
+        "defaultValue": "--cdr-color-border-message-warning-01",
+        "description": "Wrapper border left color for warning banner"
       },
       {
-        "name": "--cdr-button-primary-box-shadow-color-active-inset",
-        "defaultValue": "--cdr-color-border-button-primary-active-inset",
-        "description": "Primary button's inset box shadow when active"
+        "name": "--cdr-banner-success-icon-left-background-color",
+        "defaultValue": "--cdr-color-background-message-success-02",
+        "description": "Left icon background color for success banner"
       },
       {
-        "name": "--cdr-button-primary-background-color-disabled",
-        "defaultValue": "--cdr-color-background-button-default-disabled",
-        "description": "Primary button's background color when disabled"
+        "name": "--cdr-banner-success-icon-left-fill",
+        "defaultValue": "--cdr-color-icon-message-success",
+        "description": "Left icon fill color for success banner"
       },
       {
-        "name": "--cdr-button-primary-box-shadow-color-disabled",
-        "defaultValue": "--cdr-color-border-button-default-disabled",
-        "description": "Primary button's border color when disabled"
+        "name": "--cdr-banner-success-wrapper-border-left-color",
+        "defaultValue": "--cdr-color-border-message-success-01",
+        "description": "Wrapper border left color for success banner"
+      },
+      {
+        "name": "--cdr-banner-error-icon-left-background-color",
+        "defaultValue": "--cdr-color-background-message-error-02",
+        "description": "Left icon background color for error banner"
+      },
+      {
+        "name": "--cdr-banner-error-icon-left-fill",
+        "defaultValue": "--cdr-color-icon-message-error",
+        "description": "Left icon fill color for error banner"
+      },
+      {
+        "name": "--cdr-banner-error-wrapper-border-left-color",
+        "defaultValue": "--cdr-color-border-message-error-01",
+        "description": "Wrapper border left color for error banner"
+      },
+      {
+        "name": "--cdr-banner-default-background-color",
+        "defaultValue": "--cdr-color-background-message-default-01",
+        "description": "Background color for a default cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-default-outline-color",
+        "defaultValue": "--cdr-color-border-message-default-02",
+        "description": "Outline color for a default cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-info-background-color",
+        "defaultValue": "--cdr-color-background-message-info-01",
+        "description": "Background color for an info cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-info-outline-color",
+        "defaultValue": "--cdr-color-border-message-info-02",
+        "description": "Outline color for an info cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-success-background-color",
+        "defaultValue": "--cdr-color-background-message-success-01",
+        "description": "Background color for a success cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-success-outline-color",
+        "defaultValue": "--cdr-color-border-message-success-02",
+        "description": "Outline color for a success cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-warning-background-color",
+        "defaultValue": "--cdr-color-background-message-warning-01",
+        "description": "Background color for a warning cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-warning-outline-color",
+        "defaultValue": "--cdr-color-border-message-warning-02",
+        "description": "Outline color for a warning cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-error-background-color",
+        "defaultValue": "--cdr-color-background-message-error-01",
+        "description": "Background color for an error cdr-banner"
+      },
+      {
+        "name": "--cdr-banner-error-outline-color",
+        "defaultValue": "--cdr-color-border-message-error-02",
+        "description": "Outline color for an error cdr-banner"
+      }
+    ]
+  },
+  "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"
+      }
+    ]
+  },
+  "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": "summary",
+        "description": "Sets the string content for the description body of the caption.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "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-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"
+      }
+    ]
+  },
+  "CdrButton": {
+    "name": "CdrButton",
+    "description": "Initiates an action, such as completing a task or submitting information",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrButton",
+    "props": [
+      {
+        "name": "tag",
+        "description": "Renders CdrButton as a <button> or <a> element. When using the value of <a>, this element renders as an anchor link.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "values": [
+          "button",
+          "a"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'button'"
+        }
+      },
+      {
+        "name": "type",
+        "description": "Sets the button type",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "values": [
+          "button",
+          "submit",
+          "reset"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'button'"
+        }
+      },
+      {
+        "name": "modifier",
+        "description": "Modifies the style variant for this component",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "primary",
+          "secondary",
+          "sale",
+          "dark",
+          "link"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'primary'"
+        }
+      },
+      {
+        "name": "size",
+        "description": "Sets the button size; values can target responsive breakpoints. Example: `large@sm`.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "small",
+          "medium",
+          "large"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
+        }
+      },
+      {
+        "name": "fullWidth",
+        "description": "Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.",
+        "type": {
+          "name": "string|boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "iconOnly",
+        "description": "Renders an 'icon-only' button. When this value is true, it will override the size and 'responsiveSize' props. Can be used in conjunction with 'with-background'",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "withBackground",
+        "description": "Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "icon-left",
+        "description": "Icon to the left of text content"
+      },
+      {
+        "name": "icon",
+        "description": "Icon for icon-only button"
+      },
+      {
+        "name": "default",
+        "description": "Readable text of the button. Leave empty if icon-only"
+      },
+      {
+        "name": "icon-right",
+        "description": "Icon to the right of text content"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/button/CdrButton.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-button-primary-background-color-rest",
+        "defaultValue": "--cdr-color-background-button-primary-rest",
+        "description": "Primary button's background color"
+      },
+      {
+        "name": "--cdr-button-primary-box-shadow-color-rest",
+        "defaultValue": "--cdr-color-border-button-primary-rest",
+        "description": "Primary button's box shadow which serves as a border"
+      },
+      {
+        "name": "--cdr-button-primary-text-color",
+        "defaultValue": "--cdr-color-text-button-primary",
+        "description": "Primary button's text color"
+      },
+      {
+        "name": "--cdr-button-primary-fill-color",
+        "defaultValue": "--cdr-color-text-button-primary",
+        "description": "Primary button's fill color"
+      },
+      {
+        "name": "--cdr-button-primary-text-color-interaction",
+        "defaultValue": "--cdr-color-text-button-primary-hover",
+        "description": "Primary button's text color when hovered or focused"
+      },
+      {
+        "name": "--cdr-button-primary-fill-color-interaction",
+        "defaultValue": "--cdr-color-text-button-primary-hover",
+        "description": "Primary button's fill color when hovered or focused"
+      },
+      {
+        "name": "--cdr-button-primary-background-color-interaction",
+        "defaultValue": "--cdr-color-background-button-primary-hover",
+        "description": "Primary button's background color when hovered or focused"
+      },
+      {
+        "name": "--cdr-button-primary-box-shadow-color-interaction",
+        "defaultValue": "--cdr-color-border-button-primary-hover",
+        "description": "Primary button's box shadow when hovered or focused"
+      },
+      {
+        "name": "--cdr-button-primary-text-color-active",
+        "defaultValue": "--cdr-color-text-button-primary-active",
+        "description": "Primary button's text color when active"
+      },
+      {
+        "name": "--cdr-button-primary-fill-color-active",
+        "defaultValue": "--cdr-color-text-button-primary-active",
+        "description": "Primary button's fill color when active"
+      },
+      {
+        "name": "--cdr-button-primary-background-color-active",
+        "defaultValue": "--cdr-color-background-button-primary-active",
+        "description": "Primary button's background color when active"
+      },
+      {
+        "name": "--cdr-button-primary-box-shadow-color-active",
+        "defaultValue": "--cdr-color-border-button-primary-active",
+        "description": "Primary button's box shadow when active."
+      },
+      {
+        "name": "--cdr-button-primary-box-shadow-color-active-inset",
+        "defaultValue": "--cdr-color-border-button-primary-active-inset",
+        "description": "Primary button's inset box shadow when active"
+      },
+      {
+        "name": "--cdr-button-primary-background-color-disabled",
+        "defaultValue": "--cdr-color-background-button-default-disabled",
+        "description": "Primary button's background color when disabled"
+      },
+      {
+        "name": "--cdr-button-primary-box-shadow-color-disabled",
+        "defaultValue": "--cdr-color-border-button-default-disabled",
+        "description": "Primary button's border color when disabled"
       },
       {
         "name": "--cdr-button-primary-text-color-disabled",
@@ -865,437 +1284,227 @@
       }
     ]
   },
-  "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": "summary",
-        "description": "Sets the string content for the description body of the caption.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "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-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"
-      }
-    ]
-  },
-  "CdrCard": {
-    "name": "CdrCard",
-    "description": "Related, interactive containers linking to a single subject or destination",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrCard",
-    "props": [
-      {
-        "name": "tag",
-        "description": "Sets valid HTML container element tag.",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'article'"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrCard content"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/card/CdrCard.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-card-base-background-color",
-        "defaultValue": "--cdr-color-background-primary",
-        "description": "Background color of a cdr-card"
-      },
-      {
-        "name": "--cdr-card-base-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Text color of a cdr-card"
-      },
-      {
-        "name": "--cdr-card-link-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Link text color of a cdr-card"
-      },
-      {
-        "name": "--cdr-card-link-hover-color",
-        "defaultValue": "--cdr-color-text-link-hover",
-        "description": "Link hover text color of a cdr-card"
-      }
-    ]
-  },
-  "CdrBanner": {
-    "name": "CdrBanner",
-    "description": "Provides contextual feedback messages for typical user actions",
+  "CdrChip": {
+    "name": "CdrChip",
+    "description": "Allows people to make selections, filter content, or trigger actions",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrBanner",
-    "props": [
-      {
-        "name": "type",
-        "description": "Sets the banner style.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "info",
-          "warning",
-          "success",
-          "error",
-          "default"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'default'"
-        }
-      }
-    ],
+    "displayName": "CdrChip",
     "slots": [
       {
         "name": "icon-left",
-        "description": "Icon matching banner type"
-      },
-      {
-        "name": "default",
-        "description": "Primary message content"
+        "description": "Icon to the left of the content"
       },
       {
         "name": "icon-right",
-        "description": "Additional icon"
-      },
-      {
-        "name": "message-body",
-        "description": "Additional content about the message"
-      },
-      {
-        "name": "info-action",
-        "description": "Action-wrapped icon"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/banner/CdrBanner.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-banner-message-body-background-color",
-        "defaultValue": "--cdr-color-background-primary",
-        "description": "Message body background color"
-      },
-      {
-        "name": "--cdr-banner-icon-right-fill",
-        "defaultValue": "--cdr-color-text-emphasis",
-        "description": "Right icon fill color"
-      },
-      {
-        "name": "--cdr-banner-info-action-fill",
-        "defaultValue": "--cdr-color-text-link-rest",
-        "description": "Info action icon fill color"
-      },
-      {
-        "name": "--cdr-banner-default-icon-left-background-color",
-        "defaultValue": "--cdr-color-background-message-default-02",
-        "description": "Left icon background color for default banner"
-      },
-      {
-        "name": "--cdr-banner-default-icon-left-fill",
-        "defaultValue": "--cdr-color-icon-message-default",
-        "description": "Left icon fill color for default banner"
-      },
-      {
-        "name": "--cdr-banner-default-wrapper-border-left-color",
-        "defaultValue": "--cdr-color-border-message-default-01",
-        "description": "Wrapper border left color for default banner"
-      },
-      {
-        "name": "--cdr-banner-info-icon-left-background-color",
-        "defaultValue": "--cdr-color-background-message-info-02",
-        "description": "Left icon background color for info banner"
+        "description": "Icon to the right of the content"
       },
       {
-        "name": "--cdr-banner-info-icon-left-fill",
-        "defaultValue": "--cdr-color-icon-message-info",
-        "description": "Left icon fill color for info banner"
+        "name": "default",
+        "description": "Primary CdrChip content"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/chip/CdrChip.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-chip-text-color",
+        "defaultValue": "--cdr-color-text-chip-default",
+        "description": "Text color of a cdr-chip"
       },
       {
-        "name": "--cdr-banner-info-wrapper-border-left-color",
-        "defaultValue": "--cdr-color-border-message-info-01",
-        "description": "Wrapper border left color for info banner"
+        "name": "--cdr-chip-fill-color",
+        "defaultValue": "--cdr-color-text-chip-default",
+        "description": "Fill color of a cdr-chip"
       },
       {
-        "name": "--cdr-banner-warning-icon-left-background-color",
-        "defaultValue": "--cdr-color-background-message-warning-02",
-        "description": "Left icon background color for warning banner"
+        "name": "--cdr-chip-background-color-rest",
+        "defaultValue": "--cdr-color-background-chip-default-rest",
+        "description": "Background color of a cdr-chip"
       },
       {
-        "name": "--cdr-banner-warning-icon-left-fill",
-        "defaultValue": "--cdr-color-icon-message-warning",
-        "description": "Left icon fill color for warning banner"
+        "name": "--cdr-chip-box-shadow-color-rest",
+        "defaultValue": "--cdr-color-border-chip-default-rest",
+        "description": "Box-shadow color of a cdr-chip"
       },
       {
-        "name": "--cdr-banner-warning-wrapper-border-left-color",
-        "defaultValue": "--cdr-color-border-message-warning-01",
-        "description": "Wrapper border left color for warning banner"
+        "name": "--cdr-chip-background-color-disabled",
+        "defaultValue": "--cdr-color-background-chip-default-disabled",
+        "description": "Background color of a cdr-chip when disabled"
       },
       {
-        "name": "--cdr-banner-success-icon-left-background-color",
-        "defaultValue": "--cdr-color-background-message-success-02",
-        "description": "Left icon background color for success banner"
+        "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-banner-success-icon-left-fill",
-        "defaultValue": "--cdr-color-icon-message-success",
-        "description": "Left icon fill color for success banner"
+        "name": "--cdr-chip-text-color-disabled",
+        "defaultValue": "--cdr-color-text-chip-disabled",
+        "description": "Text color of a cdr-chip when disabled"
       },
       {
-        "name": "--cdr-banner-success-wrapper-border-left-color",
-        "defaultValue": "--cdr-color-border-message-success-01",
-        "description": "Wrapper border left color for success banner"
+        "name": "--cdr-chip-background-color-hover",
+        "defaultValue": "--cdr-color-background-chip-default-hover",
+        "description": "Background color of a cdr-chip on hover"
       },
       {
-        "name": "--cdr-banner-error-icon-left-background-color",
-        "defaultValue": "--cdr-color-background-message-error-02",
-        "description": "Left icon background color for error banner"
+        "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-banner-error-icon-left-fill",
-        "defaultValue": "--cdr-color-icon-message-error",
-        "description": "Left icon fill color for error banner"
+        "name": "--cdr-chip-background-color-focus",
+        "defaultValue": "--cdr-color-background-chip-default-focus",
+        "description": "Background color of a cdr-chip on focus"
       },
       {
-        "name": "--cdr-banner-error-wrapper-border-left-color",
-        "defaultValue": "--cdr-color-border-message-error-01",
-        "description": "Wrapper border left color for error banner"
+        "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-banner-default-background-color",
-        "defaultValue": "--cdr-color-background-message-default-01",
-        "description": "Background color for a default cdr-banner"
+        "name": "--cdr-chip-background-color-active",
+        "defaultValue": "--cdr-color-background-chip-default-active",
+        "description": "Background color of a cdr-chip when active"
       },
       {
-        "name": "--cdr-banner-default-outline-color",
-        "defaultValue": "--cdr-color-border-message-default-02",
-        "description": "Outline color for a default cdr-banner"
+        "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-banner-info-background-color",
-        "defaultValue": "--cdr-color-background-message-info-01",
-        "description": "Background color for an info cdr-banner"
+        "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-banner-info-outline-color",
-        "defaultValue": "--cdr-color-border-message-info-02",
-        "description": "Outline color for an info cdr-banner"
+        "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-banner-success-background-color",
-        "defaultValue": "--cdr-color-background-message-success-01",
-        "description": "Background color for a success cdr-banner"
+        "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-banner-success-outline-color",
-        "defaultValue": "--cdr-color-border-message-success-02",
-        "description": "Outline color for a success cdr-banner"
+        "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-banner-warning-background-color",
-        "defaultValue": "--cdr-color-background-message-warning-01",
-        "description": "Background color for a warning cdr-banner"
+        "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-banner-warning-outline-color",
-        "defaultValue": "--cdr-color-border-message-warning-02",
-        "description": "Outline color for a warning cdr-banner"
+        "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-banner-error-background-color",
-        "defaultValue": "--cdr-color-background-message-error-01",
-        "description": "Background color for an error cdr-banner"
+        "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-banner-error-outline-color",
-        "defaultValue": "--cdr-color-border-message-error-02",
-        "description": "Outline color for an error cdr-banner"
+        "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"
       }
     ]
   },
-  "CdrBreadcrumb": {
-    "name": "CdrBreadcrumb",
-    "description": "Navigation used to reveal a page's location within the site hierarchy",
+  "CdrCard": {
+    "name": "CdrCard",
+    "description": "Related, interactive containers linking to a single subject or destination",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrBreadcrumb",
+    "displayName": "CdrCard",
     "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.",
+        "name": "tag",
+        "description": "Sets valid HTML container element tag.",
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "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"
+          "value": "'article'"
         }
       }
     ],
-    "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": "CdrCard content"
       }
     ],
     "sourceFiles": [
-      "./src/components/breadcrumb/CdrBreadcrumb.vue"
+      "./src/components/card/CdrCard.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-breadcrumb-ellipses-icon-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Ellipses icon color"
+        "name": "--cdr-card-base-background-color",
+        "defaultValue": "--cdr-color-background-primary",
+        "description": "Background color of a cdr-card"
+      },
+      {
+        "name": "--cdr-card-base-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Text color of a cdr-card"
+      },
+      {
+        "name": "--cdr-card-link-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Link text color of a cdr-card"
+      },
+      {
+        "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": "",
+    "tags": {},
+    "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.",
+        "type": {
+          "name": "string"
+        },
+        "required": true
       },
       {
-        "name": "--cdr-breadcrumb-ellipses-icon-highlight-color",
-        "defaultValue": "--cdr-color-text-link-hover",
-        "description": "Ellipses icon hover, active and focus color"
-      },
+        "name": "hideLabel",
+        "description": "Visually hides the chip group label but makes it accessible to screen readers.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      }
+    ],
+    "slots": [
       {
-        "name": "--cdr-breadcrumb-item-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Breadcrumb item color"
+        "name": "label",
+        "description": "Override CdrChip label content with a custom element"
       },
       {
-        "name": "--cdr-breadcrumb-item-linked-highlight-color",
-        "defaultValue": "--cdr-color-text-link-hover",
-        "description": "Breadcrumb item linked hover, active and focus color"
+        "name": "default",
+        "description": "CdrChipGroup content (CdrChip components)"
       }
+    ],
+    "sourceFiles": [
+      "./src/components/chip/CdrChipGroup.vue"
     ]
   },
   "CdrCheckbox": {
@@ -1556,176 +1765,39 @@
       }
     ]
   },
-  "CdrChip": {
-    "name": "CdrChip",
-    "description": "Allows people to make selections, filter content, or trigger actions",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrChip",
-    "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"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/chip/CdrChip.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-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"
-      }
-    ]
-  },
-  "CdrChipGroup": {
-    "name": "CdrChipGroup",
+  "CdrFormError": {
+    "name": "CdrFormError",
     "exportName": "default",
-    "displayName": "CdrChipGroup",
+    "displayName": "CdrFormError",
     "description": "",
     "tags": {},
     "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.",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      },
-      {
-        "name": "hideLabel",
-        "description": "Visually hides the chip group label but makes it accessible to screen readers.",
+        "name": "error",
         "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": true
+          "name": "boolean|string"
         }
       }
     ],
     "slots": [
       {
-        "name": "label",
-        "description": "Override CdrChip label content with a custom element"
-      },
-      {
-        "name": "default",
-        "description": "CdrChipGroup content (CdrChip components)"
+        "name": "error"
       }
     ],
     "sourceFiles": [
-      "./src/components/chip/CdrChipGroup.vue"
+      "./src/components/formError/CdrFormError.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-form-error-text-color",
+        "defaultValue": "--cdr-color-text-input-error",
+        "description": "Text color of a cdr-form-error"
+      },
+      {
+        "name": "--cdr-form-error-fill-color",
+        "defaultValue": "--cdr-color-text-input-error",
+        "description": "Fill color of a cdr-form-error"
+      }
     ]
   },
   "CdrContainer": {
@@ -1775,44 +1847,9 @@
         "name": "default",
         "description": "CdrContainer content"
       }
-    ],
-    "sourceFiles": [
-      "./src/components/container/CdrContainer.vue"
-    ]
-  },
-  "CdrFormError": {
-    "name": "CdrFormError",
-    "exportName": "default",
-    "displayName": "CdrFormError",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "error",
-        "type": {
-          "name": "boolean|string"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "error"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/formError/CdrFormError.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-form-error-text-color",
-        "defaultValue": "--cdr-color-text-input-error",
-        "description": "Text color of a cdr-form-error"
-      },
-      {
-        "name": "--cdr-form-error-fill-color",
-        "defaultValue": "--cdr-color-text-input-error",
-        "description": "Fill color of a cdr-form-error"
-      }
+    ],
+    "sourceFiles": [
+      "./src/components/container/CdrContainer.vue"
     ]
   },
   "CdrFormGroup": {
@@ -1991,65 +2028,6 @@
       "./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",
@@ -2069,222 +2047,16 @@
         "name": "alt",
         "description": "Image alt text. Defaults to an empty string",
         "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
-      },
-      {
-        "name": "ratio",
-        "description": "Aspect ratio of the media container",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "auto",
-          "square",
-          "1-2",
-          "2-3",
-          "3-4",
-          "9-16",
-          "2-1",
-          "3-2",
-          "4-3",
-          "16-9"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
-      },
-      {
-        "name": "crop",
-        "description": "Requires a `ratio`. Area to crop the image overflow to. {left, center, right} {top, center, bottom}",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "left",
-          "x-center",
-          "right",
-          "top",
-          "y-center",
-          "bottom"
-        ],
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "cover",
-        "description": "Requires a `ratio`. Scale the image to be as large as possible to fill the area (background-position: cover;)",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "containerClass",
-        "description": "Adds a custom class to the cdr-img__ratio container div",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "radius",
-        "description": "Sets a border radius to an element {square, top, right, bottom, left}",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "circle",
-          "rounded"
-        ],
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "modifier",
-        "description": "Modifies the style variant for this component.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "responsive"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/image/CdrImg.vue"
-    ]
-  },
-  "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.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "type",
-        "description": "'type' attribute for the input as defined by w3c.\n Only supporting text|email|number|password|search|url|date.\n The increment/decrement webkit psuedo element is hidden for number.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "text",
-          "email",
-          "number",
-          "password",
-          "search",
-          "url",
-          "tel",
-          "date"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'text'"
-        }
-      },
-      {
-        "name": "label",
-        "description": "Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      },
-      {
-        "name": "numeric",
-        "description": "Sets default attributes for an input that should launch a numeric keyboard but is not strictly a 'number' (credit card, security code, postal code, etc.). Should be used in conjunction with the default text type input. An `input` listener can be used to fully restrict input values to numerical characters only",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "hideLabel",
-        "description": "Removes the label element but sets the input `aria-label` to `label` text for a11y.",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "rows",
-        "description": "Number of rows for input. Converts component to text-area if rows greater than 1.",
-        "type": {
-          "name": "number"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": "1"
-        }
-      },
-      {
-        "name": "background",
-        "description": "Sets the background color the input is rendered on",
-        "tags": {},
-        "values": [
-          "primary",
-          "secondary"
-        ],
-        "type": {
-          "name": "backgroundProps"
+          "value": "''"
         }
       },
       {
-        "name": "size",
-        "description": "Sets the input field size",
+        "name": "ratio",
+        "description": "Aspect ratio of the media container",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -2294,242 +2066,164 @@
           ]
         },
         "values": [
-          "medium",
-          "large"
+          "auto",
+          "square",
+          "1-2",
+          "2-3",
+          "3-4",
+          "9-16",
+          "2-1",
+          "3-2",
+          "4-3",
+          "16-9"
         ],
-        "type": {
-          "name": "sizeProps"
-        }
-      },
-      {
-        "name": "errorRole",
-        "description": "Sets the `role` attribute for the embedded error state messaging.",
         "type": {
           "name": "string"
         },
-        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'status'"
+          "value": "undefined"
         }
       },
       {
-        "name": "error",
-        "description": "Sets the input to an error state, displays the `error` slot if one is present.",
-        "type": {
-          "name": "boolean|string"
+        "name": "crop",
+        "description": "Requires a `ratio`. Area to crop the image overflow to. {left, center, right} {top, center, bottom}",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
         },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "disabled",
-        "description": "Sets the disabled state for the input field and label styling. Also, restricts user input.",
+        "values": [
+          "left",
+          "x-center",
+          "right",
+          "top",
+          "y-center",
+          "bottom"
+        ],
         "type": {
-          "name": "boolean"
+          "name": "string"
         }
       },
       {
-        "name": "required",
-        "description": "Sets aria-required on the input field and displays an asterisk next to the input label.",
+        "name": "cover",
+        "description": "Requires a `ratio`. Scale the image to be as large as possible to fill the area (background-position: cover;)",
         "type": {
           "name": "boolean"
         }
       },
       {
-        "name": "optional",
-        "description": "Displays '(optional)' text next to the input label.",
+        "name": "containerClass",
+        "description": "Adds a custom class to the cdr-img__ratio container div",
         "type": {
-          "name": "boolean"
+          "name": "string"
         }
       },
       {
-        "name": "modelValue",
+        "name": "radius",
+        "description": "Sets a border radius to an element {square, top, right, bottom, left}",
         "tags": {
-          "ignore": [
+          "demoSelectMultiple": [
             {
-              "description": true,
-              "title": "ignore"
+              "description": "false",
+              "title": "demoSelectMultiple"
             }
           ]
         },
+        "values": [
+          "circle",
+          "rounded"
+        ],
         "type": {
-          "name": "string|number"
+          "name": "string"
         }
       },
       {
-        "name": "labelClass",
-        "description": "Adds a custom class to the cdr-label-standalone wrapping div",
+        "name": "modifier",
+        "description": "Modifies the style variant for this component.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "responsive"
+        ],
         "type": {
           "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "''"
         }
       }
     ],
-    "events": [
-      {
-        "name": "update:modelValue",
-        "description": "Event emitted by v-model on the <input> element",
-        "properties": [
-          {
-            "type": {
-              "names": [
-                "mixed"
-              ]
-            },
-            "name": "modelValue"
-          }
-        ],
-        "tags": [
-          {
-            "title": "param",
-            "type": {
-              "name": "mixed"
-            },
-            "name": "modelValue"
-          }
-        ]
-      }
-    ],
-    "slots": [
-      {
-        "name": "helper-text-top",
-        "description": "Helper text above the input field"
-      },
-      {
-        "name": "info",
-        "description": "Link or icon to the right above the input field."
-      },
-      {
-        "name": "pre-icon",
-        "description": "Icon preceding text within the input field"
-      },
-      {
-        "name": "post-icon",
-        "description": "Icon after text within the input field"
-      },
-      {
-        "name": "info-action",
-        "description": "Action-wrapped icon within the input field (precedes post-icon)"
-      },
-      {
-        "name": "helper-text-bottom",
-        "description": "Helper text below the input field"
-      },
-      {
-        "name": "error",
-        "description": "Error messaging text that is displayed when the `error` prop is true."
-      }
-    ],
     "sourceFiles": [
-      "./src/components/input/CdrInput.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-input-label-background-color",
-        "defaultValue": "--cdr-color-border-input-default",
-        "description": "Background color of the cdr-button label"
-      },
-      {
-        "name": "--cdr-input-label-background-interaction",
-        "defaultValue": "--cdr-color-background-input-default-active",
-        "description": "Background color of the cdr-input label in hover, active, focus, and focus-within states"
-      },
-      {
-        "name": "--cdr-input-label-box-shadow-interaction",
-        "defaultValue": "--cdr-color-border-input-default-focus",
-        "description": "Box-shadow color of the cdr-input label in hover, active, focus, and focus-within states"
-      },
-      {
-        "name": "--cdr-input-label-fill-interaction",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Fill color of the cdr-input label in hover, active, focus, and focus-within states"
-      },
-      {
-        "name": "--cdr-input-svg-fill-focus",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Fill color of the cdr-input SVG when the parent is focused"
-      },
-      {
-        "name": "--cdr-input-wrap-fill",
-        "defaultValue": "--cdr-color-icon-default",
-        "description": "Fill color of the cdr-input wrapper"
-      },
-      {
-        "name": "--cdr-input-text-color-default",
-        "defaultValue": "--cdr-color-text-input-default",
-        "description": "Text color of a cdr-input by default"
-      },
-      {
-        "name": "--cdr-input-background-color-default",
-        "defaultValue": "--cdr-color-background-input-default",
-        "description": "Background color of a cdr-input by default"
-      },
-      {
-        "name": "--cdr-input-box-shadow-default",
-        "defaultValue": "--cdr-color-border-input-default",
-        "description": "Box-shadow color of a cdr-input by default"
-      },
-      {
-        "name": "--cdr-input-icon-fill",
-        "defaultValue": "--cdr-color-icon-default",
-        "description": "Fill color of an icon in a cdr-input"
-      },
-      {
-        "name": "--cdr-input-box-shadow-focus",
-        "defaultValue": "--cdr-color-border-input-default-focus",
-        "description": "Box shadow of a focused or active cdr-input"
-      },
-      {
-        "name": "--cdr-input-background-color-disabled",
-        "defaultValue": "--cdr-color-background-input-default-disabled",
-        "description": "Background color of a disabled cdr-input"
-      },
-      {
-        "name": "--cdr-input-text-color-disabled",
-        "defaultValue": "--cdr-color-text-input-disabled",
-        "description": "Text color of a disabled cdr-input"
-      },
-      {
-        "name": "--cdr-input-box-shadow-disabled",
-        "defaultValue": "--cdr-color-border-input-default-disabled",
-        "description": "Box-shadow color of a disabled cdr-input"
-      },
-      {
-        "name": "--cdr-input-background-color-default",
-        "defaultValue": "--cdr-color-background-input-default",
-        "description": "Background color of a default cdr-input"
-      },
-      {
-        "name": "--cdr-input-background-color-default-focus",
-        "defaultValue": "--cdr-color-background-input-default-active",
-        "description": "Background color of a default cdr-input in active or focus state"
-      },
+      "./src/components/image/CdrImg.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": "--cdr-input-background-color-secondary",
-        "defaultValue": "--cdr-color-background-input-secondary",
-        "description": "Background color of a secondary cdr-input"
+        "name": "use",
+        "description": "Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).",
+        "type": {
+          "name": "string"
+        }
       },
       {
-        "name": "--cdr-input-background-color-secondary-active",
-        "defaultValue": "--cdr-color-background-input-secondary-active",
-        "description": "Background color of a secondary cdr-input in active or focus state"
+        "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": "--cdr-input-error-background-color",
-        "defaultValue": "--cdr-color-background-input-error",
-        "description": "Background color of a cdr-input in error state"
-      },
+        "name": "size",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
+        }
+      }
+    ],
+    "slots": [
       {
-        "name": "--cdr-input-error-box-shadow",
-        "defaultValue": "--cdr-color-border-input-error",
-        "description": "Box-shadow color of a cdr-input in error state"
-      },
+        "name": "default"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/icon/CdrIcon.vue"
+    ],
+    "UIProperties": [
       {
-        "name": "--cdr-input-helper-text-color",
-        "defaultValue": "--cdr-color-text-input-help",
-        "description": "Text color of a cdr-input's helper text"
+        "name": "--cdr-icon-fill-default",
+        "defaultValue": "--cdr-color-icon-default",
+        "description": "Fill color of an icon"
       }
     ]
   },
@@ -2648,312 +2342,453 @@
         "description": "Text color of a disabled label wrapper"
       },
       {
-        "name": "--cdr-label-wrapper-background-color-disabled",
-        "defaultValue": "--cdr-color-background-input-default",
-        "description": "Background color of a disabled label wrapper"
+        "name": "--cdr-label-wrapper-background-color-disabled",
+        "defaultValue": "--cdr-color-background-input-default",
+        "description": "Background color of a disabled label wrapper"
+      },
+      {
+        "name": "--cdr-form-figure-background-color",
+        "defaultValue": "--cdr-color-background-input-default",
+        "description": "Background color of a form figure"
+      },
+      {
+        "name": "--cdr-form-figure-box-shadow-color",
+        "defaultValue": "--cdr-color-border-input-default",
+        "description": "Box shadow color of a form figure"
+      }
+    ]
+  },
+  "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"
+      }
+    ]
+  },
+  "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.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "type",
+        "description": "'type' attribute for the input as defined by w3c.\n Only supporting text|email|number|password|search|url|date.\n The increment/decrement webkit psuedo element is hidden for number.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "text",
+          "email",
+          "number",
+          "password",
+          "search",
+          "url",
+          "tel",
+          "date"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'text'"
+        }
+      },
+      {
+        "name": "label",
+        "description": "Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.",
+        "type": {
+          "name": "string"
+        },
+        "required": true
+      },
+      {
+        "name": "numeric",
+        "description": "Sets default attributes for an input that should launch a numeric keyboard but is not strictly a 'number' (credit card, security code, postal code, etc.). Should be used in conjunction with the default text type input. An `input` listener can be used to fully restrict input values to numerical characters only",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "hideLabel",
+        "description": "Removes the label element but sets the input `aria-label` to `label` text for a11y.",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "rows",
+        "description": "Number of rows for input. Converts component to text-area if rows greater than 1.",
+        "type": {
+          "name": "number"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "1"
+        }
+      },
+      {
+        "name": "background",
+        "description": "Sets the background color the input is rendered on",
+        "tags": {},
+        "values": [
+          "primary",
+          "secondary"
+        ],
+        "type": {
+          "name": "backgroundProps"
+        }
       },
       {
-        "name": "--cdr-form-figure-background-color",
-        "defaultValue": "--cdr-color-background-input-default",
-        "description": "Background color of a form figure"
+        "name": "size",
+        "description": "Sets the input field size",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "medium",
+          "large"
+        ],
+        "type": {
+          "name": "sizeProps"
+        }
       },
       {
-        "name": "--cdr-form-figure-box-shadow-color",
-        "defaultValue": "--cdr-color-border-input-default",
-        "description": "Box shadow color of a form figure"
-      }
-    ]
-  },
-  "CdrLabelStandalone": {
-    "name": "CdrLabelStandalone",
-    "exportName": "default",
-    "displayName": "CdrLabelStandalone",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "forId",
+        "name": "errorRole",
+        "description": "Sets the `role` attribute for the embedded error state messaging.",
         "type": {
           "name": "string"
         },
-        "required": true
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "'status'"
+        }
       },
       {
-        "name": "label",
+        "name": "error",
+        "description": "Sets the input to an error state, displays the `error` slot if one is present.",
         "type": {
-          "name": "string"
+          "name": "boolean|string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       },
       {
         "name": "disabled",
+        "description": "Sets the disabled state for the input field and label styling. Also, restricts user input.",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "required",
+        "description": "Sets aria-required on the input field and displays an asterisk next to the input label.",
         "type": {
           "name": "boolean"
         }
       },
       {
         "name": "optional",
+        "description": "Displays '(optional)' text next to the input label.",
         "type": {
           "name": "boolean"
         }
       },
       {
-        "name": "hideLabel",
+        "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
         "type": {
-          "name": "boolean"
+          "name": "string|number"
         }
+      },
+      {
+        "name": "labelClass",
+        "description": "Adds a custom class to the cdr-label-standalone wrapping div",
+        "type": {
+          "name": "string"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on the <input> element",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
       }
     ],
     "slots": [
       {
-        "name": "helper"
+        "name": "helper-text-top",
+        "description": "Helper text above the input field"
       },
       {
-        "name": "default"
+        "name": "info",
+        "description": "Link or icon to the right above the input field."
       },
       {
-        "name": "info-action"
+        "name": "pre-icon",
+        "description": "Icon preceding text within the input field"
       },
       {
-        "name": "info"
+        "name": "post-icon",
+        "description": "Icon after text within the input field"
       },
       {
-        "name": "helper-text-bottom"
+        "name": "info-action",
+        "description": "Action-wrapped icon within the input field (precedes post-icon)"
       },
       {
-        "name": "error"
+        "name": "helper-text-bottom",
+        "description": "Helper text below the input field"
+      },
+      {
+        "name": "error",
+        "description": "Error messaging text that is displayed when the `error` prop is true."
       }
     ],
     "sourceFiles": [
-      "./src/components/labelStandalone/CdrLabelStandalone.vue"
+      "./src/components/input/CdrInput.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-label-standalone-text-color",
-        "defaultValue": "--cdr-color-text-input-label",
-        "description": "Text color of a standalone label"
+        "name": "--cdr-input-label-background-color",
+        "defaultValue": "--cdr-color-border-input-default",
+        "description": "Background color of the cdr-button 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-input-label-background-interaction",
+        "defaultValue": "--cdr-color-background-input-default-active",
+        "description": "Background color of the cdr-input label in hover, active, focus, and focus-within states"
       },
       {
-        "name": "--cdr-label-standalone-optional-text-color",
-        "defaultValue": "--cdr-color-text-input-optional",
-        "description": "Text color of a standalone label when optional"
+        "name": "--cdr-input-label-box-shadow-interaction",
+        "defaultValue": "--cdr-color-border-input-default-focus",
+        "description": "Box-shadow color of the cdr-input label in hover, active, focus, and focus-within states"
       },
       {
-        "name": "--cdr-label-standalone-helper-text-color",
-        "defaultValue": "--cdr-color-text-input-help",
-        "description": "Text color of a standalone helper label"
-      }
-    ]
-  },
-  "CdrList": {
-    "name": "CdrList",
-    "description": "Groups related content items together either vertically or horizontally",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrList",
-    "props": [
-      {
-        "name": "tag",
-        "description": "Sets list type and HTML element as \"unordered\" or \"ordered\"",
-        "tags": {},
-        "values": [
-          "ul",
-          "ol"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'ul'"
-        }
+        "name": "--cdr-input-label-fill-interaction",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Fill color of the cdr-input label in hover, active, focus, and focus-within states"
       },
       {
-        "name": "modifier",
-        "description": "Modifies the style variant for this component",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "true",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "ordered",
-          "unordered",
-          "compact",
-          "inline"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrList content (list-items)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/list/CdrList.vue"
-    ],
-    "UIProperties": [
+        "name": "--cdr-input-svg-fill-focus",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Fill color of the cdr-input SVG when the parent is focused"
+      },
       {
-        "name": "--cdr-list-inline-text-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Color of the unordered inline list item prefix"
+        "name": "--cdr-input-wrap-fill",
+        "defaultValue": "--cdr-color-icon-default",
+        "description": "Fill color of the cdr-input wrapper"
       },
       {
-        "name": "--cdr-list-ordered-nested-prefix-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Color of the nested ordered cdr-list item prefix"
+        "name": "--cdr-input-text-color-default",
+        "defaultValue": "--cdr-color-text-input-default",
+        "description": "Text color of a cdr-input by default"
       },
       {
-        "name": "--cdr-list-unordered-prefix-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Color of the unordered cdr-list item prefix"
+        "name": "--cdr-input-background-color-default",
+        "defaultValue": "--cdr-color-background-input-default",
+        "description": "Background color of a cdr-input by default"
       },
       {
-        "name": "--cdr-list-unordered-nested-prefix-color",
-        "defaultValue": "--cdr-color-text-secondary",
-        "description": "Color of the nested unordered cdr-list item prefix"
-      }
-    ]
-  },
-  "CdrLink": {
-    "name": "CdrLink",
-    "description": "Clickable text elements used for navigating to other pages or sections",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrLink",
-    "props": [
+        "name": "--cdr-input-box-shadow-default",
+        "defaultValue": "--cdr-color-border-input-default",
+        "description": "Box-shadow color of a cdr-input by default"
+      },
       {
-        "name": "tag",
-        "description": "Sets valid HTML element tag",
-        "tags": {},
-        "values": [
-          "a",
-          "button"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'a'"
-        }
+        "name": "--cdr-input-icon-fill",
+        "defaultValue": "--cdr-color-icon-default",
+        "description": "Fill color of an icon in a cdr-input"
       },
       {
-        "name": "href",
-        "description": "Sets value for anchors href property. Requires tag prop value to be `a`.",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'#'"
-        }
+        "name": "--cdr-input-box-shadow-focus",
+        "defaultValue": "--cdr-color-border-input-default-focus",
+        "description": "Box shadow of a focused or active cdr-input"
       },
       {
-        "name": "inheritColor",
-        "description": "Sets color and fill",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
+        "name": "--cdr-input-background-color-disabled",
+        "defaultValue": "--cdr-color-background-input-default-disabled",
+        "description": "Background color of a disabled cdr-input"
       },
       {
-        "name": "modifier",
-        "description": "Modifies the style variant for this component.",
-        "tags": {},
-        "values": [
-          "standalone"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
+        "name": "--cdr-input-text-color-disabled",
+        "defaultValue": "--cdr-color-text-input-disabled",
+        "description": "Text color of a disabled cdr-input"
       },
       {
-        "name": "target",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
+        "name": "--cdr-input-box-shadow-disabled",
+        "defaultValue": "--cdr-color-border-input-default-disabled",
+        "description": "Box-shadow color of a disabled cdr-input"
       },
       {
-        "name": "rel",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
-      }
-    ],
-    "slots": [
+        "name": "--cdr-input-background-color-default",
+        "defaultValue": "--cdr-color-background-input-default",
+        "description": "Background color of a default cdr-input"
+      },
       {
-        "name": "default",
-        "description": "Readable text of the link"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/link/CdrLink.vue"
-    ],
-    "UIProperties": [
+        "name": "--cdr-input-background-color-default-focus",
+        "defaultValue": "--cdr-color-background-input-default-active",
+        "description": "Background color of a default cdr-input in active or focus state"
+      },
       {
-        "name": "--cdr-link-text-color",
-        "defaultValue": "--cdr-color-text-link-rest",
-        "description": "Color of the link text"
+        "name": "--cdr-input-background-color-secondary",
+        "defaultValue": "--cdr-color-background-input-secondary",
+        "description": "Background color of a secondary cdr-input"
       },
       {
-        "name": "--cdr-link-fill-color",
-        "defaultValue": "--cdr-color-text-link-rest",
-        "description": "Color of the link fill"
+        "name": "--cdr-input-background-color-secondary-active",
+        "defaultValue": "--cdr-color-background-input-secondary-active",
+        "description": "Background color of a secondary cdr-input in active or focus state"
       },
       {
-        "name": "--cdr-link-active-text-color-active",
-        "defaultValue": "--cdr-color-text-link-active",
-        "description": "Color of the link text when active or focused"
+        "name": "--cdr-input-error-background-color",
+        "defaultValue": "--cdr-color-background-input-error",
+        "description": "Background color of a cdr-input in error state"
       },
       {
-        "name": "--cdr-link-text-color-hover",
-        "defaultValue": "--cdr-color-text-link-hover",
-        "description": "Color of the link text when hovered"
+        "name": "--cdr-input-error-box-shadow",
+        "defaultValue": "--cdr-color-border-input-error",
+        "description": "Box-shadow color of a cdr-input in error state"
+      },
+      {
+        "name": "--cdr-input-helper-text-color",
+        "defaultValue": "--cdr-color-text-input-help",
+        "description": "Text color of a cdr-input's helper text"
       }
     ]
   },
@@ -3104,80 +2939,211 @@
         "description": "Fill color of a disabled cdr-pagination link"
       },
       {
-        "name": "--cdr-pagination-link-text-color-interactive-disabled",
-        "defaultValue": "--cdr-color-text-disabled",
-        "description": "Text color of a disabled cdr-pagination link on hover/focus/active"
+        "name": "--cdr-pagination-link-text-color-interactive-disabled",
+        "defaultValue": "--cdr-color-text-disabled",
+        "description": "Text color of a disabled cdr-pagination link on hover/focus/active"
+      }
+    ]
+  },
+  "CdrLink": {
+    "name": "CdrLink",
+    "description": "Clickable text elements used for navigating to other pages or sections",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrLink",
+    "props": [
+      {
+        "name": "tag",
+        "description": "Sets valid HTML element tag",
+        "tags": {},
+        "values": [
+          "a",
+          "button"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'a'"
+        }
+      },
+      {
+        "name": "href",
+        "description": "Sets value for anchors href property. Requires tag prop value to be `a`.",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'#'"
+        }
+      },
+      {
+        "name": "inheritColor",
+        "description": "Sets color and fill",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "modifier",
+        "description": "Modifies the style variant for this component.",
+        "tags": {},
+        "values": [
+          "standalone"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "''"
+        }
+      },
+      {
+        "name": "target",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "rel",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "Readable text of the link"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/link/CdrLink.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-link-text-color",
+        "defaultValue": "--cdr-color-text-link-rest",
+        "description": "Color of the link text"
+      },
+      {
+        "name": "--cdr-link-fill-color",
+        "defaultValue": "--cdr-color-text-link-rest",
+        "description": "Color of the link fill"
+      },
+      {
+        "name": "--cdr-link-active-text-color-active",
+        "defaultValue": "--cdr-color-text-link-active",
+        "description": "Color of the link text when active or focused"
+      },
+      {
+        "name": "--cdr-link-text-color-hover",
+        "defaultValue": "--cdr-color-text-link-hover",
+        "description": "Color of the link text when hovered"
       }
     ]
   },
-  "CdrPopup": {
-    "name": "CdrPopup",
-    "description": "An internal helper component used by Popover and Tooltip",
+  "CdrList": {
+    "name": "CdrList",
+    "description": "Groups related content items together either vertically or horizontally",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrPopup",
+    "displayName": "CdrList",
     "props": [
       {
-        "name": "opened",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "position",
+        "name": "tag",
+        "description": "Sets list type and HTML element as \"unordered\" or \"ordered\"",
+        "tags": {},
+        "values": [
+          "ul",
+          "ol"
+        ],
         "type": {
           "name": "string"
         },
-        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'top'"
+          "value": "'ul'"
         }
       },
       {
-        "name": "autoPosition",
+        "name": "modifier",
+        "description": "Modifies the style variant for this component",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "true",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "ordered",
+          "unordered",
+          "compact",
+          "inline"
+        ],
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "contentClass",
-        "type": {
-          "name": "string"
+          "value": "''"
         }
       }
     ],
-    "events": [
-      {
-        "name": "closed"
-      }
-    ],
     "slots": [
       {
-        "name": "default"
+        "name": "default",
+        "description": "CdrList content (list-items)"
       }
     ],
     "sourceFiles": [
-      "./src/components/popup/CdrPopup.vue"
+      "./src/components/list/CdrList.vue"
     ],
     "UIProperties": [
       {
-        "name": "--cdr-popup-content-background",
-        "defaultValue": "--cdr-color-background-primary",
-        "description": "Background color of cdr-popup content"
+        "name": "--cdr-list-inline-text-color",
+        "defaultValue": "--cdr-color-text-secondary",
+        "description": "Color of the unordered inline list item prefix"
       },
       {
-        "name": "--cdr-popup-content-border-color",
-        "defaultValue": "--cdr-color-border-secondary",
-        "description": "Border color of cdr-popup content"
+        "name": "--cdr-list-ordered-nested-prefix-color",
+        "defaultValue": "--cdr-color-text-secondary",
+        "description": "Color of the nested ordered cdr-list item prefix"
+      },
+      {
+        "name": "--cdr-list-unordered-prefix-color",
+        "defaultValue": "--cdr-color-text-secondary",
+        "description": "Color of the unordered cdr-list item prefix"
+      },
+      {
+        "name": "--cdr-list-unordered-nested-prefix-color",
+        "defaultValue": "--cdr-color-text-secondary",
+        "description": "Color of the nested unordered cdr-list item prefix"
       }
     ]
   },
@@ -3453,41 +3419,75 @@
       }
     ]
   },
-  "CdrAccordionGroup": {
-    "name": "CdrAccordionGroup",
-    "exportName": "default",
-    "displayName": "CdrAccordionGroup",
-    "description": "",
+  "CdrPopup": {
+    "name": "CdrPopup",
+    "description": "An internal helper component used by Popover and Tooltip",
     "tags": {},
+    "exportName": "default",
+    "displayName": "CdrPopup",
     "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"
-        ],
+        "name": "opened",
         "type": {
-          "name": "string|boolean"
+          "name": "boolean"
         },
         "defaultValue": {
           "func": false,
           "value": false
         }
+      },
+      {
+        "name": "position",
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "'top'"
+        }
+      },
+      {
+        "name": "autoPosition",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "contentClass",
+        "type": {
+          "name": "string"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "closed"
       }
     ],
     "slots": [
       {
-        "name": "default",
-        "description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
+        "name": "default"
       }
     ],
     "sourceFiles": [
-      "./src/components/accordion/CdrAccordionGroup.vue"
+      "./src/components/popup/CdrPopup.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-popup-content-background",
+        "defaultValue": "--cdr-color-background-primary",
+        "description": "Background color of cdr-popup content"
+      },
+      {
+        "name": "--cdr-popup-content-border-color",
+        "defaultValue": "--cdr-color-border-secondary",
+        "description": "Border color of cdr-popup content"
+      }
     ]
   },
   "CdrQuote": {
@@ -3948,112 +3948,68 @@
       }
     ]
   },
-  "CdrSkeleton": {
-    "name": "CdrSkeleton",
-    "description": "Visually communicates content is in the process of loading",
+  "CdrSelect": {
+    "name": "CdrSelect",
+    "description": "Allows the selection of one or more options from a dropdown list",
     "tags": {},
     "exportName": "default",
-    "displayName": "CdrSkeleton",
+    "displayName": "CdrSelect",
     "props": [
       {
-        "name": "motion",
-        "description": "Toggle animation on/off.\nWhen `true`, animated gradient will be used while loading.\nWhen `false` a static background color will be used.\nAutomatically disabled if `prefers-reduced-motion` is set by user.",
+        "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": true
+          "value": false
         }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrSkeleton content (CdrSkeletonBone components)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/skeleton/CdrSkeleton.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-skeleton-bone-background-color",
-        "defaultValue": "#edeae3",
-        "description": "Skeleton bone background color"
-      },
-      {
-        "name": "--cdr-skeleton-gradient-1",
-        "defaultValue": "rgba(237,234,227,1)",
-        "description": "Skeleton shimmer gradient part 1"
       },
       {
-        "name": "--cdr-skeleton-gradient-2",
-        "defaultValue": "rgba(249,248,240,1)",
-        "description": "Skeleton shimmer gradient part 2"
+        "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": "--cdr-skeleton-gradient-3",
-        "defaultValue": "rgba(237,234,227,1)",
-        "description": "Skeleton shimmer gradient part 3"
-      }
-    ]
-  },
-  "CdrSkeletonBone": {
-    "name": "CdrSkeletonBone",
-    "exportName": "default",
-    "displayName": "CdrSkeletonBone",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "type",
-        "description": "Sets the type of content placeholder",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "default",
-          "heading",
-          "line",
-          "rectangle",
-          "square"
-        ],
+        "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"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'default'"
+          "name": "selectOption[] | string[]"
         }
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/skeleton/CdrSkeletonBone.vue"
-    ]
-  },
-  "CdrSwitch": {
-    "name": "CdrSwitch",
-    "description": "Permits selection from two opposing options",
-    "tags": {},
-    "exportName": "default",
-    "displayName": "CdrSwitch",
-    "props": [
+      },
       {
-        "name": "id",
-        "description": "Sets a custom ID for the switch. If this value is not set, it will be auto-generated.",
+        "name": "background",
+        "description": "Sets the background color the radio button is rendered on",
+        "tags": {},
+        "values": [
+          "primary",
+          "secondary"
+        ],
         "type": {
-          "name": "string"
+          "name": "backgroundProps"
         }
       },
       {
         "name": "size",
-        "description": "Sets the size of the switch",
+        "description": "Sets the component's size; values can target responsive breakpoints. Example `small@lg`",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -4063,48 +4019,90 @@
           ]
         },
         "values": [
+          "small",
           "medium",
           "large"
         ],
         "type": {
-          "name": "string"
+          "name": "sizeProps"
+        }
+      },
+      {
+        "name": "error",
+        "description": "Sets the select to an error state, displays the `error` slot if one is present.",
+        "type": {
+          "name": "boolean|string"
         },
         "defaultValue": {
           "func": false,
-          "value": "'medium'"
+          "value": false
         }
       },
       {
-        "name": "fullWidth",
-        "description": "Sets the label and switch to expand to the full width of its container with `space-between`",
+        "name": "errorRole",
+        "description": "Sets the `role` attribute for the embedded error state messaging.",
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": "'status'"
         }
       },
       {
         "name": "modelValue",
         "tags": {
-          "demoIgnore": [
+          "ignore": [
             {
-              "description": "true",
-              "title": "demoIgnore"
+              "description": true,
+              "title": "ignore"
             }
           ]
         },
+        "type": {
+          "name": "string|number|boolean|object|array|symbol|func"
+        }
+      },
+      {
+        "name": "disabled",
+        "description": "Disables the input and sets appropriate styling",
         "type": {
           "name": "boolean"
-        },
-        "required": true
+        }
+      },
+      {
+        "name": "required",
+        "description": "Sets aria-required on the input field and displays an asterisk next to the select label",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "optional",
+        "description": "Displays '(optional)' text next to the select label.",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "multiple",
+        "description": "Turns CdrSelect into a multi-select element.",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "multipleSize",
+        "description": "Sets the height of the CdrSelect when using the multiple option.\nThis number corresponds to the number of select options that will be visible without scrolling.",
+        "type": {
+          "name": "number"
+        }
       }
     ],
     "events": [
       {
         "name": "update:modelValue",
-        "description": "Event emitted by v-model on switch",
+        "description": "Event emitted by v-model on the radio's <input> element",
         "properties": [
           {
             "type": {
@@ -4128,203 +4126,227 @@
     ],
     "slots": [
       {
-        "name": "default",
-        "description": "The label for the switch"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/switch/CdrSwitch.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-switch-border-color",
-        "defaultValue": "--cdr-color-border-secondary",
-        "description": "Border of the cdr-switch button"
-      },
-      {
-        "name": "--cdr-switch-background-color",
-        "defaultValue": "--cdr-color-background-switch-default-rest",
-        "description": "Background color of the cdr-switch button"
-      },
-      {
-        "name": "--cdr-switch-icon-fill",
-        "defaultValue": "--cdr-color-icon-default",
-        "description": "Fill of the cdr-switch x and check icons"
+        "name": "helper-text",
+        "description": "Helper text above the select field"
       },
       {
-        "name": "--cdr-switch-box-shadow-color-focus",
-        "defaultValue": "--cdr-color-border-secondary",
-        "description": "Box-shadow of the cdr-switch button on focus"
+        "name": "info",
+        "description": "Link or icon to the right above the select field."
       },
       {
-        "name": "--cdr-switch-background-color-focus",
-        "defaultValue": "--cdr-color-background-switch-default-focus",
-        "description": "Background color of the cdr-switch button on focus"
+        "name": "pre-icon",
+        "description": "Icon preceding text within the select field"
       },
       {
-        "name": "--cdr-switch-icon-fill-focus",
-        "defaultValue": "--cdr-color-icon-default",
-        "description": "Fill of the cdr-switch x and check icons on focus"
+        "name": "default",
+        "description": "CdrSelect content (<option> tags). Leave empty if using the `options` prop."
       },
       {
-        "name": "--cdr-switch-handle-background-color-focus",
-        "defaultValue": "--cdr-color-background-switch-handle-default-focus",
-        "description": "Background color of the cdr-switch handle before on focus"
+        "name": "info-action",
+        "description": "Action-wrapped icon to the right of the select field"
       },
       {
-        "name": "--cdr-switch-hover-border-color",
-        "defaultValue": "--cdr-color-border-switch-default-hover",
-        "description": "Border of the cdr-switch button on hover when not in focus"
-      },
+        "name": "error",
+        "description": "Error messaging text that is displayed when the `error` prop is true."
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/select/CdrSelect.vue"
+    ],
+    "UIProperties": [
       {
-        "name": "--cdr-switch-background-color-hover",
-        "defaultValue": "--cdr-color-background-switch-default-hover",
-        "description": "Background color of the cdr-switch button on hover when not in focus"
+        "name": "--cdr-select-caret-fill",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Color of the cdr-select caret"
       },
       {
-        "name": "--cdr-switch-icon-fill-hover",
-        "defaultValue": "--cdr-color-icon-emphasis",
-        "description": "Fill of the cdr-switch x and check icons on hover when not in focus"
+        "name": "--cdr-select-caret-fill-disabled",
+        "defaultValue": "--cdr-color-icon-disabled",
+        "description": "Color of  a disabled cdr-select caret"
       },
       {
-        "name": "--cdr-switch-handle-border-color-hover",
-        "defaultValue": "--cdr-color-border-switch-default-hover",
-        "description": "Border of the cdr-switch handle on hover when not in focus"
+        "name": "--cdr-select-background-color",
+        "defaultValue": "--cdr-color-background-input-default",
+        "description": "Background color of cdr-select"
       },
       {
-        "name": "--cdr-switch-background-color-checked",
-        "defaultValue": "--cdr-color-background-switch-selected-default-rest",
-        "description": "Background color of the cdr-switch button when it is checked"
+        "name": "--cdr-select-text-color",
+        "defaultValue": "--cdr-color-text-input-default",
+        "description": "Text color of cdr-select"
       },
       {
-        "name": "--cdr-switch-icon-fill-checked",
-        "defaultValue": "--cdr-color-icon-switch-selected-default-rest",
-        "description": "Fill of the cdr-switch x and check icons when it is checked"
+        "name": "--cdr-select-box-shadow-color",
+        "defaultValue": "--cdr-color-border-input-default",
+        "description": "Box-shadow color of cdr-select"
       },
       {
-        "name": "--cdr-switch-box-shadow-color-checked-focus",
-        "defaultValue": "--cdr-color-border-secondary",
-        "description": "Box-shadow of the cdr-switch button when it is checked and in focus"
+        "name": "--cdr-select-background-color-disabled",
+        "defaultValue": "--cdr-color-background-input-default-disabled",
+        "description": "Background color of a disabled cdr-select"
       },
       {
-        "name": "--cdr-switch-background-color-checked-focus",
-        "defaultValue": "--cdr-color-background-switch-selected-default-focus",
-        "description": "Background color of the cdr-switch button when it is checked and in focus"
+        "name": "--cdr-select-text-color-disabled",
+        "defaultValue": "--cdr-color-text-input-disabled",
+        "description": "Text color of a disabled cdr-select"
       },
       {
-        "name": "--cdr-switch-handle-border-color-checked-focus",
-        "defaultValue": "--cdr-color-border-switch-handle-default-focus",
-        "description": "Border of the cdr-switch handle when it is checked and in focus"
+        "name": "--cdr-select-box-shadow-color-disabled",
+        "defaultValue": "--cdr-color-border-input-default-disabled",
+        "description": "Box-shadow color of a disabled cdr-select"
       },
       {
-        "name": "--cdr-switch-handle-background-color-checked-focus",
-        "defaultValue": "--cdr-color-background-switch-handle-selected-default-focus",
-        "description": "Background color of the cdr-switch handle when it is checked and in focus"
+        "name": "--cdr-select-box-shadow-color-focus",
+        "defaultValue": "--cdr-color-border-input-default-focus",
+        "description": "Box-shadow color of a cdr-select when active or focused"
       },
       {
-        "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-select-prompt-text-color",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Text color of cdr-select prompt"
       },
       {
-        "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-select-prompt-text-color-disabled",
+        "defaultValue": "--cdr-color-text-input-disabled",
+        "description": "Text color of a disabled cdr-select prompt"
       },
       {
-        "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-select-primary-background-color",
+        "defaultValue": "--cdr-color-background-input-default",
+        "description": "Background color of a primary cdr-select"
       },
       {
-        "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-select-primary-background-color-active",
+        "defaultValue": "--cdr-color-background-input-default-active",
+        "description": "Background color of a primary cdr-select when active or focused"
       },
       {
-        "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-select-secondary-background-color",
+        "defaultValue": "--cdr-color-background-input-secondary",
+        "description": "Background color of a secondary cdr-select"
       },
       {
-        "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-select-secondary-background-color-active",
+        "defaultValue": "--cdr-color-background-input-secondary-active",
+        "description": "Background color of a secondary cdr-select when active or focused"
       },
       {
-        "name": "--cdr-switch-handle-border",
-        "defaultValue": "--cdr-color-border-secondary",
-        "description": "Border color of the cdr-switch handle"
+        "name": "--cdr-select-background-color-error",
+        "defaultValue": "--cdr-color-background-input-error",
+        "description": "Background color of a cdr-select error"
       },
       {
-        "name": "--cdr-switch-handle-background-color-rest",
-        "defaultValue": "--cdr-color-background-switch-handle-default-rest",
-        "description": "Background color of the cdr-switch handle"
+        "name": "--cdr-select-box-shadow-color-error",
+        "defaultValue": "--cdr-color-border-input-error",
+        "description": "Box-shadow color of a cdr-select error"
       }
     ]
   },
-  "CdrSelect": {
-    "name": "CdrSelect",
-    "description": "Allows the selection of one or more options from a dropdown list",
-    "tags": {},
+  "CdrSkeletonBone": {
+    "name": "CdrSkeletonBone",
     "exportName": "default",
-    "displayName": "CdrSelect",
+    "displayName": "CdrSkeletonBone",
+    "description": "",
+    "tags": {},
     "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.",
+        "name": "type",
+        "description": "Sets the type of content placeholder",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "default",
+          "heading",
+          "line",
+          "rectangle",
+          "square"
+        ],
         "type": {
           "name": "string"
         },
-        "required": true
-      },
+        "defaultValue": {
+          "func": false,
+          "value": "'default'"
+        }
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/skeleton/CdrSkeletonBone.vue"
+    ]
+  },
+  "CdrSkeleton": {
+    "name": "CdrSkeleton",
+    "description": "Visually communicates content is in the process of loading",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrSkeleton",
+    "props": [
       {
-        "name": "hideLabel",
-        "description": "Visually hides the label element, but leaves it available to screen readers for accessibility compliance.",
+        "name": "motion",
+        "description": "Toggle animation on/off.\nWhen `true`, animated gradient will be used while loading.\nWhen `false` a static background color will be used.\nAutomatically disabled if `prefers-reduced-motion` is set by user.",
         "type": {
           "name": "boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": true
         }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrSkeleton content (CdrSkeletonBone components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/skeleton/CdrSkeleton.vue"
+    ],
+    "UIProperties": [
+      {
+        "name": "--cdr-skeleton-bone-background-color",
+        "defaultValue": "#edeae3",
+        "description": "Skeleton bone background color"
       },
       {
-        "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": "--cdr-skeleton-gradient-1",
+        "defaultValue": "rgba(237,234,227,1)",
+        "description": "Skeleton shimmer gradient part 1"
       },
       {
-        "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": "--cdr-skeleton-gradient-2",
+        "defaultValue": "rgba(249,248,240,1)",
+        "description": "Skeleton shimmer gradient part 2"
       },
       {
-        "name": "background",
-        "description": "Sets the background color the radio button is rendered on",
-        "tags": {},
-        "values": [
-          "primary",
-          "secondary"
-        ],
+        "name": "--cdr-skeleton-gradient-3",
+        "defaultValue": "rgba(237,234,227,1)",
+        "description": "Skeleton shimmer gradient part 3"
+      }
+    ]
+  },
+  "CdrSwitch": {
+    "name": "CdrSwitch",
+    "description": "Permits selection from two opposing options",
+    "tags": {},
+    "exportName": "default",
+    "displayName": "CdrSwitch",
+    "props": [
+      {
+        "name": "id",
+        "description": "Sets a custom ID for the switch. If this value is not set, it will be auto-generated.",
         "type": {
-          "name": "backgroundProps"
+          "name": "string"
         }
       },
       {
         "name": "size",
-        "description": "Sets the component's size; values can target responsive breakpoints. Example `small@lg`",
+        "description": "Sets the size of the switch",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -4334,90 +4356,48 @@
           ]
         },
         "values": [
-          "small",
           "medium",
           "large"
         ],
         "type": {
-          "name": "sizeProps"
-        }
-      },
-      {
-        "name": "error",
-        "description": "Sets the select to an error state, displays the `error` slot if one is present.",
-        "type": {
-          "name": "boolean|string"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": "'medium'"
         }
       },
       {
-        "name": "errorRole",
-        "description": "Sets the `role` attribute for the embedded error state messaging.",
+        "name": "fullWidth",
+        "description": "Sets the label and switch to expand to the full width of its container with `space-between`",
         "type": {
-          "name": "string"
+          "name": "boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": "'status'"
+          "value": false
         }
       },
       {
         "name": "modelValue",
         "tags": {
-          "ignore": [
+          "demoIgnore": [
             {
-              "description": true,
-              "title": "ignore"
+              "description": "true",
+              "title": "demoIgnore"
             }
           ]
         },
-        "type": {
-          "name": "string|number|boolean|object|array|symbol|func"
-        }
-      },
-      {
-        "name": "disabled",
-        "description": "Disables the input and sets appropriate styling",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "required",
-        "description": "Sets aria-required on the input field and displays an asterisk next to the select label",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "optional",
-        "description": "Displays '(optional)' text next to the select label.",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "multiple",
-        "description": "Turns CdrSelect into a multi-select element.",
         "type": {
           "name": "boolean"
-        }
-      },
-      {
-        "name": "multipleSize",
-        "description": "Sets the height of the CdrSelect when using the multiple option.\nThis number corresponds to the number of select options that will be visible without scrolling.",
-        "type": {
-          "name": "number"
-        }
+        },
+        "required": true
       }
     ],
     "events": [
       {
         "name": "update:modelValue",
-        "description": "Event emitted by v-model on the radio's <input> element",
+        "description": "Event emitted by v-model on switch",
         "properties": [
           {
             "type": {
@@ -4441,170 +4421,139 @@
     ],
     "slots": [
       {
-        "name": "helper-text",
-        "description": "Helper text above the select field"
-      },
+        "name": "default",
+        "description": "The label for the switch"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/switch/CdrSwitch.vue"
+    ],
+    "UIProperties": [
       {
-        "name": "info",
-        "description": "Link or icon to the right above the select field."
+        "name": "--cdr-switch-border-color",
+        "defaultValue": "--cdr-color-border-secondary",
+        "description": "Border of the cdr-switch button"
       },
       {
-        "name": "pre-icon",
-        "description": "Icon preceding text within the select field"
+        "name": "--cdr-switch-background-color",
+        "defaultValue": "--cdr-color-background-switch-default-rest",
+        "description": "Background color of the cdr-switch button"
       },
       {
-        "name": "default",
-        "description": "CdrSelect content (<option> tags). Leave empty if using the `options` prop."
+        "name": "--cdr-switch-icon-fill",
+        "defaultValue": "--cdr-color-icon-default",
+        "description": "Fill of the cdr-switch x and check icons"
       },
       {
-        "name": "info-action",
-        "description": "Action-wrapped icon to the right of the select field"
+        "name": "--cdr-switch-box-shadow-color-focus",
+        "defaultValue": "--cdr-color-border-secondary",
+        "description": "Box-shadow of the cdr-switch button on focus"
       },
       {
-        "name": "error",
-        "description": "Error messaging text that is displayed when the `error` prop is true."
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/select/CdrSelect.vue"
-    ],
-    "UIProperties": [
-      {
-        "name": "--cdr-select-caret-fill",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Color of the cdr-select caret"
+        "name": "--cdr-switch-background-color-focus",
+        "defaultValue": "--cdr-color-background-switch-default-focus",
+        "description": "Background color of the cdr-switch button on focus"
       },
       {
-        "name": "--cdr-select-caret-fill-disabled",
-        "defaultValue": "--cdr-color-icon-disabled",
-        "description": "Color of  a disabled cdr-select caret"
+        "name": "--cdr-switch-icon-fill-focus",
+        "defaultValue": "--cdr-color-icon-default",
+        "description": "Fill of the cdr-switch x and check icons on focus"
       },
       {
-        "name": "--cdr-select-background-color",
-        "defaultValue": "--cdr-color-background-input-default",
-        "description": "Background color of cdr-select"
+        "name": "--cdr-switch-handle-background-color-focus",
+        "defaultValue": "--cdr-color-background-switch-handle-default-focus",
+        "description": "Background color of the cdr-switch handle before on focus"
       },
       {
-        "name": "--cdr-select-text-color",
-        "defaultValue": "--cdr-color-text-input-default",
-        "description": "Text color of cdr-select"
+        "name": "--cdr-switch-hover-border-color",
+        "defaultValue": "--cdr-color-border-switch-default-hover",
+        "description": "Border of the cdr-switch button on hover when not in focus"
       },
       {
-        "name": "--cdr-select-box-shadow-color",
-        "defaultValue": "--cdr-color-border-input-default",
-        "description": "Box-shadow color of cdr-select"
+        "name": "--cdr-switch-background-color-hover",
+        "defaultValue": "--cdr-color-background-switch-default-hover",
+        "description": "Background color of the cdr-switch button on hover when not in focus"
       },
       {
-        "name": "--cdr-select-background-color-disabled",
-        "defaultValue": "--cdr-color-background-input-default-disabled",
-        "description": "Background color of a disabled cdr-select"
+        "name": "--cdr-switch-icon-fill-hover",
+        "defaultValue": "--cdr-color-icon-emphasis",
+        "description": "Fill of the cdr-switch x and check icons on hover when not in focus"
       },
       {
-        "name": "--cdr-select-text-color-disabled",
-        "defaultValue": "--cdr-color-text-input-disabled",
-        "description": "Text color of a disabled cdr-select"
+        "name": "--cdr-switch-handle-border-color-hover",
+        "defaultValue": "--cdr-color-border-switch-default-hover",
+        "description": "Border of the cdr-switch handle on hover when not in focus"
       },
       {
-        "name": "--cdr-select-box-shadow-color-disabled",
-        "defaultValue": "--cdr-color-border-input-default-disabled",
-        "description": "Box-shadow color of a disabled cdr-select"
+        "name": "--cdr-switch-background-color-checked",
+        "defaultValue": "--cdr-color-background-switch-selected-default-rest",
+        "description": "Background color of the cdr-switch button when it is checked"
       },
       {
-        "name": "--cdr-select-box-shadow-color-focus",
-        "defaultValue": "--cdr-color-border-input-default-focus",
-        "description": "Box-shadow color of a cdr-select when active or focused"
+        "name": "--cdr-switch-icon-fill-checked",
+        "defaultValue": "--cdr-color-icon-switch-selected-default-rest",
+        "description": "Fill of the cdr-switch x and check icons when it is checked"
       },
       {
-        "name": "--cdr-select-prompt-text-color",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Text color of cdr-select prompt"
+        "name": "--cdr-switch-box-shadow-color-checked-focus",
+        "defaultValue": "--cdr-color-border-secondary",
+        "description": "Box-shadow of the cdr-switch button when it is checked and in focus"
       },
       {
-        "name": "--cdr-select-prompt-text-color-disabled",
-        "defaultValue": "--cdr-color-text-input-disabled",
-        "description": "Text color of a disabled cdr-select prompt"
+        "name": "--cdr-switch-background-color-checked-focus",
+        "defaultValue": "--cdr-color-background-switch-selected-default-focus",
+        "description": "Background color of the cdr-switch button when it is checked and in focus"
       },
       {
-        "name": "--cdr-select-primary-background-color",
-        "defaultValue": "--cdr-color-background-input-default",
-        "description": "Background color of a primary cdr-select"
+        "name": "--cdr-switch-handle-border-color-checked-focus",
+        "defaultValue": "--cdr-color-border-switch-handle-default-focus",
+        "description": "Border of the cdr-switch handle when it is checked and in focus"
       },
       {
-        "name": "--cdr-select-primary-background-color-active",
-        "defaultValue": "--cdr-color-background-input-default-active",
-        "description": "Background color of a primary cdr-select when active or focused"
+        "name": "--cdr-switch-handle-background-color-checked-focus",
+        "defaultValue": "--cdr-color-background-switch-handle-selected-default-focus",
+        "description": "Background color of the cdr-switch handle when it is checked and in focus"
       },
       {
-        "name": "--cdr-select-secondary-background-color",
-        "defaultValue": "--cdr-color-background-input-secondary",
-        "description": "Background color of a secondary cdr-select"
+        "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-select-secondary-background-color-active",
-        "defaultValue": "--cdr-color-background-input-secondary-active",
-        "description": "Background color of a secondary cdr-select when active or focused"
+        "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-select-background-color-error",
-        "defaultValue": "--cdr-color-background-input-error",
-        "description": "Background color of a cdr-select error"
+        "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-select-box-shadow-color-error",
-        "defaultValue": "--cdr-color-border-input-error",
-        "description": "Box-shadow color of a cdr-select error"
-      }
-    ]
-  },
-  "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.",
-        "type": {
-          "name": "string"
-        }
+        "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": "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": "--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": "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"
-        }
-      }
-    ],
-    "events": [
+        "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": "tab-change",
-        "description": "Emits when active tab is changed",
-        "tags": [
-          {
-            "title": "params",
-            "content": "state, panelId"
-          }
-        ]
-      }
-    ],
-    "slots": [
+        "name": "--cdr-switch-handle-border",
+        "defaultValue": "--cdr-color-border-secondary",
+        "description": "Border color of the cdr-switch handle"
+      },
       {
-        "name": "default",
-        "description": "CdrTabPanel content"
+        "name": "--cdr-switch-handle-background-color-rest",
+        "defaultValue": "--cdr-color-background-switch-handle-default-rest",
+        "description": "Background color of the cdr-switch handle"
       }
-    ],
-    "sourceFiles": [
-      "./src/components/tabs/CdrTabPanel.vue"
     ]
   },
   "CdrTable": {
@@ -4761,6 +4710,93 @@
       }
     ]
   },
+  "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.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "name",
+        "description": "Sets tab display name. Required and must be unique for each tab. If `id` is not provided, this value will be used as the reference identifier.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "ariaLabelledby",
+        "description": "Sets reference identifier for tab header. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `id` property.",
+        "type": {
+          "name": "string"
+        }
+      }
+    ],
+    "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"
+    ]
+  },
+  "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",
+        "defaultValue": "--cdr-color-text-primary",
+        "description": "Text color"
+      }
+    ]
+  },
   "CdrTabs": {
     "name": "CdrTabs",
     "description": "Organizes related content into groups for people to navigate between",
@@ -4881,42 +4917,6 @@
       }
     ]
   },
-  "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",
-        "defaultValue": "--cdr-color-text-primary",
-        "description": "Text color"
-      }
-    ]
-  },
   "CdrToast": {
     "name": "CdrToast",
     "description": "Non-modal dialog used to communicate the status of a task or process",