@rei/cedar 13.5.0-alpha.2 → 13.5.0

package/dist/component-docgen.json

@@ -1,40 +1,4 @@
 {
-  "CdrAccordionGroup": {
-    "displayName": "CdrAccordionGroup",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "unwrap",
-        "description": "A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.",
-        "tags": {},
-        "values": [
-          "@xs",
-          "@sm",
-          "@md",
-          "@lg",
-          "true"
-        ],
-        "type": {
-          "name": "string|boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/accordion/CdrAccordionGroup.vue"
-    ]
-  },
   "CdrAccordion": {
     "displayName": "CdrAccordion",
     "description": "Vertically-stacked list that allows users to expand and collapse additional content",
@@ -161,186 +125,40 @@
       "./src/components/accordion/CdrAccordion.vue"
     ]
   },
-  "CdrBreadcrumb": {
-    "displayName": "CdrBreadcrumb",
-    "description": "Navigation used to reveal a page's location within the site hierarchy",
-    "tags": {},
+  "CdrAccordionGroup": {
+    "displayName": "CdrAccordionGroup",
     "exportName": "default",
-    "props": [
-      {
-        "name": "items",
-        "description": "Sets the array of a breadcrumb object containing a 'url' and 'name' property.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "array"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": []
-        }
-      },
-      {
-        "name": "truncationEnabled",
-        "description": "Controls the ability to truncate the entire breadcrumb path. If this value is false, truncation will no longer occur.",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": true
-        }
-      },
-      {
-        "name": "id",
-        "description": "Define a custom ID for the `<nav>` element. Randomly generated if no ID provided.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "navigate",
-        "description": "Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation."
-      }
-    ],
-    "slots": [
-      {
-        "name": "link",
-        "scoped": true,
-        "bindings": [
-          {
-            "name": "class",
-            "title": "binding"
-          },
-          {
-            "name": "href",
-            "title": "binding"
-          },
-          {
-            "name": "content",
-            "title": "binding"
-          }
-        ]
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/breadcrumb/CdrBreadcrumb.vue"
-    ]
-  },
-  "CdrBanner": {
-    "displayName": "CdrBanner",
-    "description": "Provides contextual feedback messages for typical user actions",
+    "description": "",
     "tags": {},
-    "exportName": "default",
     "props": [
       {
-        "name": "type",
-        "description": "Sets the banner style.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
+        "name": "unwrap",
+        "description": "A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.",
+        "tags": {},
         "values": [
-          "info",
-          "warning",
-          "success",
-          "error",
-          "default"
+          "@xs",
+          "@sm",
+          "@md",
+          "@lg",
+          "true"
         ],
         "type": {
-          "name": "string"
+          "name": "string|boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": "'default'"
+          "value": false
         }
       }
     ],
     "slots": [
-      {
-        "name": "icon-left",
-        "description": "Icon matching banner type"
-      },
       {
         "name": "default",
-        "description": "Primary message 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"
-    ]
-  },
-  "CdrCaption": {
-    "displayName": "CdrCaption",
-    "description": "Provides context and credit for an asset such as an image, video, or chart",
-    "tags": {},
-    "exportName": "default",
-    "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"
-        }
+        "description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
       }
     ],
     "sourceFiles": [
-      "./src/components/caption/CdrCaption.vue"
+      "./src/components/accordion/CdrAccordionGroup.vue"
     ]
   },
   "CdrButton": {
@@ -502,52 +320,262 @@
       "./src/components/button/CdrButton.vue"
     ]
   },
-  "CdrCheckbox": {
-    "displayName": "CdrCheckbox",
-    "description": "Allows selecting one or more items from a list",
+  "CdrCard": {
+    "displayName": "CdrCard",
+    "description": "Related, interactive containers linking to a single subject or destination",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "labelClass",
-        "description": "Passes a CSS class to the label for custom styles",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "inputClass",
-        "description": "Passes a CSS class to the input for custom styles",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "contentClass",
-        "description": "Passes a CSS class to the slot wrapper for custom styles",
+        "name": "tag",
+        "description": "Sets valid HTML container element tag.",
         "type": {
           "name": "string"
-        }
-      },
-      {
-        "name": "indeterminate",
-        "description": "Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)",
-        "type": {
-          "name": "boolean|string"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": "'article'"
         }
-      },
+      }
+    ],
+    "slots": [
       {
-        "name": "trueValue",
-        "description": "The value when checked.",
-        "type": {
-          "name": "string|number|boolean|object|array|symbol|func"
-        },
-        "defaultValue": {
-          "func": false,
+        "name": "default",
+        "description": "CdrCard content"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/card/CdrCard.vue"
+    ]
+  },
+  "CdrBreadcrumb": {
+    "displayName": "CdrBreadcrumb",
+    "description": "Navigation used to reveal a page's location within the site hierarchy",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "items",
+        "description": "Sets the array of a breadcrumb object containing a 'url' and 'name' property.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "array"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": []
+        }
+      },
+      {
+        "name": "truncationEnabled",
+        "description": "Controls the ability to truncate the entire breadcrumb path. If this value is false, truncation will no longer occur.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "id",
+        "description": "Define a custom ID for the `<nav>` element. Randomly generated if no ID provided.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "navigate",
+        "description": "Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation."
+      }
+    ],
+    "slots": [
+      {
+        "name": "link",
+        "scoped": true,
+        "bindings": [
+          {
+            "name": "class",
+            "title": "binding"
+          },
+          {
+            "name": "href",
+            "title": "binding"
+          },
+          {
+            "name": "content",
+            "title": "binding"
+          }
+        ]
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/breadcrumb/CdrBreadcrumb.vue"
+    ]
+  },
+  "CdrBanner": {
+    "displayName": "CdrBanner",
+    "description": "Provides contextual feedback messages for typical user actions",
+    "tags": {},
+    "exportName": "default",
+    "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'"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "icon-left",
+        "description": "Icon matching banner type"
+      },
+      {
+        "name": "default",
+        "description": "Primary message 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"
+    ]
+  },
+  "CdrCaption": {
+    "displayName": "CdrCaption",
+    "description": "Provides context and credit for an asset such as an image, video, or chart",
+    "tags": {},
+    "exportName": "default",
+    "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"
+    ]
+  },
+  "CdrCheckbox": {
+    "displayName": "CdrCheckbox",
+    "description": "Allows selecting one or more items from a list",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "labelClass",
+        "description": "Passes a CSS class to the label for custom styles",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "inputClass",
+        "description": "Passes a CSS class to the input for custom styles",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "contentClass",
+        "description": "Passes a CSS class to the slot wrapper for custom styles",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "indeterminate",
+        "description": "Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)",
+        "type": {
+          "name": "boolean|string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "trueValue",
+        "description": "The value when checked.",
+        "type": {
+          "name": "string|number|boolean|object|array|symbol|func"
+        },
+        "defaultValue": {
+          "func": false,
           "value": true
         }
       },
@@ -665,18 +693,69 @@
       "./src/components/checkbox/CdrCheckbox.vue"
     ]
   },
-  "CdrChip": {
-    "displayName": "CdrChip",
-    "description": "Allows people to make selections, filter content, or trigger actions",
+  "CdrContainer": {
+    "displayName": "CdrContainer",
+    "description": "Provides base margins and responsive layout logic for pages",
     "tags": {},
     "exportName": "default",
-    "slots": [
+    "props": [
       {
-        "name": "icon-left",
-        "description": "Icon to the left of the content"
+        "name": "tag",
+        "description": "Sets the HTML tag for the container element",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'div'"
+        }
       },
       {
-        "name": "icon-right",
+        "name": "modifier",
+        "description": "Controls whether container is static or fluid width.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "static",
+          "fluid"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'static'"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrContainer content"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/container/CdrContainer.vue"
+    ]
+  },
+  "CdrChip": {
+    "displayName": "CdrChip",
+    "description": "Allows people to make selections, filter content, or trigger actions",
+    "tags": {},
+    "exportName": "default",
+    "slots": [
+      {
+        "name": "icon-left",
+        "description": "Icon to the left of the content"
+      },
+      {
+        "name": "icon-right",
         "description": "Icon to the right of the content"
       },
       {
@@ -688,32 +767,26 @@
       "./src/components/chip/CdrChip.vue"
     ]
   },
-  "CdrCard": {
-    "displayName": "CdrCard",
-    "description": "Related, interactive containers linking to a single subject or destination",
-    "tags": {},
+  "CdrFormError": {
+    "displayName": "CdrFormError",
     "exportName": "default",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "tag",
-        "description": "Sets valid HTML container element tag.",
+        "name": "error",
         "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'article'"
+          "name": "boolean|string"
         }
       }
     ],
     "slots": [
       {
-        "name": "default",
-        "description": "CdrCard content"
+        "name": "error"
       }
     ],
     "sourceFiles": [
-      "./src/components/card/CdrCard.vue"
+      "./src/components/formError/CdrFormError.vue"
     ]
   },
   "CdrChipGroup": {
@@ -823,57 +896,6 @@
       "./src/components/formGroup/CdrFormGroup.vue"
     ]
   },
-  "CdrContainer": {
-    "displayName": "CdrContainer",
-    "description": "Provides base margins and responsive layout logic for pages",
-    "tags": {},
-    "exportName": "default",
-    "props": [
-      {
-        "name": "tag",
-        "description": "Sets the HTML tag for the container element",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'div'"
-        }
-      },
-      {
-        "name": "modifier",
-        "description": "Controls whether container is static or fluid width.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "static",
-          "fluid"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'static'"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrContainer content"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/container/CdrContainer.vue"
-    ]
-  },
   "CdrGrid": {
     "displayName": "CdrGrid",
     "description": "Simple wrapper for working with CSS grid",
@@ -1174,6 +1196,121 @@
       "./src/components/labelStandalone/CdrLabelStandalone.vue"
     ]
   },
+  "CdrPagination": {
+    "displayName": "CdrPagination",
+    "description": "Allows people to navigate to the next or previous page within an experience",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "id",
+        "description": "Define a custom slug for the generated breadcrumb item IDs. Slug is randomly generated if no ID provided.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "totalPages",
+        "description": "Sets the total number of pages for displaying \"Page x of <totalPages>\".\nSometimes the total number of pages is different than total page data objects in the pages array.\nFor example, if only the next and previous pages are provided.",
+        "type": {
+          "name": "number"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "null"
+        }
+      },
+      {
+        "name": "pages",
+        "description": "Array of objects containing pagination data.\nObjects must have structure of `{ page: number, url: string }`",
+        "type": {
+          "name": "array"
+        },
+        "required": true
+      },
+      {
+        "name": "linkTag",
+        "description": "Sets which tag type is used to render pagination elements",
+        "tags": {},
+        "values": [
+          "a",
+          "button"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'a'"
+        }
+      },
+      {
+        "name": "forLabel",
+        "description": "Used to customize the aria-label for the root pagination element.\nFor page-level pagination (i.e, pagination that updates the entire page content and changes the URL)\nthis property should be omitted.\nFor intra-page navigation this property should describe the element being paginated, for example:\n`Pagination for sub-content`",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "''"
+        }
+      },
+      {
+        "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": "used for binding v-model, represents the current page",
+              "title": "ignore"
+            }
+          ]
+        },
+        "type": {
+          "name": "number"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on the select <input> element to indicate current page.\nOnly used on small devices",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
+      },
+      {
+        "name": "navigate",
+        "description": "$emit event fired when page changes based on user interaction by clicking a link\nor selecting an option from the select on mobile.\n`event.preventDefault()` can be used to override the default link navigation behavior."
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/pagination/CdrPagination.vue"
+    ]
+  },
   "CdrInput": {
     "displayName": "CdrInput",
     "description": "Allows for data entry, editing, and search",
@@ -1405,23 +1542,179 @@
       "./src/components/input/CdrInput.vue"
     ]
   },
-  "CdrModal": {
-    "displayName": "CdrModal",
-    "description": "Disruptive, action-blocking overlays used to display important information",
+  "CdrLink": {
+    "displayName": "CdrLink",
+    "description": "Clickable text elements used for navigating to other pages or sections",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "opened",
-        "description": "Toggles the state of the modal",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
+        "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"
+    ]
+  },
+  "CdrList": {
+    "displayName": "CdrList",
+    "description": "Groups related content items together either vertically or horizontally",
+    "tags": {},
+    "exportName": "default",
+    "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": "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"
+    ]
+  },
+  "CdrModal": {
+    "displayName": "CdrModal",
+    "description": "Disruptive, action-blocking overlays used to display important information",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "opened",
+        "description": "Toggles the state of the modal",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
         "type": {
           "name": "boolean"
         },
@@ -1544,334 +1837,178 @@
       "./src/components/modal/CdrModal.vue"
     ]
   },
-  "CdrLabelWrapper": {
-    "displayName": "CdrLabelWrapper",
-    "exportName": "default",
-    "description": "",
+  "CdrPopover": {
+    "displayName": "CdrPopover",
+    "description": "Small overlay used to display contextual information",
     "tags": {},
+    "exportName": "default",
     "props": [
       {
-        "name": "labelClass",
+        "name": "position",
+        "description": "Sets the position where the popover will render relative to the trigger element.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "top",
+          "bottom",
+          "left",
+          "right"
+        ],
         "type": {
           "name": "string"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "'top'"
         }
       },
       {
-        "name": "contentClass",
+        "name": "autoPosition",
+        "description": "If set to `true`, popover will attempt to dynamically set it's position to\nensure it renders within the visible browser window.\nIf `false` the popover will always render in the provided `position`.",
         "type": {
-          "name": "string"
+          "name": "boolean"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": true
         }
       },
       {
-        "name": "background",
+        "name": "label",
+        "description": "Sets the title for the popover content. Can also be provided via the `title` slot.",
         "type": {
-          "name": "backgroundProps"
-        }
+          "name": "string"
+        },
+        "required": false
       },
       {
-        "name": "disabled",
+        "name": "id",
+        "description": "ID for the popover element, required for accessibility",
         "type": {
-          "name": "boolean"
-        }
+          "name": "string"
+        },
+        "required": true
       },
       {
-        "name": "modifier",
+        "name": "contentClass",
+        "description": "Add custom class to the popover content wrapper. Allows for overriding size, styling, etc.",
         "type": {
           "name": "string"
-        }
+        },
+        "required": false
       },
       {
-        "name": "size",
+        "name": "open",
+        "description": "Used to programmatically control the popover state. Does not need to be set if you are using the `trigger` slot.",
+        "tags": {
+          "demoIgnore": [
+            {
+              "description": "true",
+              "title": "demoIgnore"
+            }
+          ]
+        },
         "type": {
-          "name": "string"
+          "name": "boolean"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": false
         }
       }
     ],
-    "slots": [
+    "events": [
       {
-        "name": "input"
+        "name": "opened",
+        "description": "Emits when popover is opened"
       },
       {
-        "name": "default"
+        "name": "closed",
+        "description": "Emits when popover is closed"
       }
     ],
-    "sourceFiles": [
-      "./src/components/labelWrapper/CdrLabelWrapper.vue"
-    ]
-  },
-  "CdrLink": {
-    "displayName": "CdrLink",
-    "description": "Clickable text elements used for navigating to other pages or sections",
-    "tags": {},
-    "exportName": "default",
-    "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": "'#'"
-        }
-      },
+    "slots": [
       {
-        "name": "inheritColor",
-        "description": "Sets color and fill",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
+        "name": "trigger",
+        "description": " Slot for the element that triggers the popover."
       },
       {
-        "name": "modifier",
-        "description": "Modifies the style variant for this component.",
-        "tags": {},
-        "values": [
-          "standalone"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
+        "name": "title",
+        "description": "Sets the title for the popover. Can also be set with `label` prop"
       },
       {
-        "name": "target",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
+        "name": "default"
       },
       {
-        "name": "rel",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "Readable text of the link"
+        "name": "icon"
       }
     ],
     "sourceFiles": [
-      "./src/components/link/CdrLink.vue"
+      "./src/components/popover/CdrPopover.vue"
     ]
   },
-  "CdrPopover": {
-    "displayName": "CdrPopover",
-    "description": "Small overlay used to display contextual information",
-    "tags": {},
+  "CdrLabelWrapper": {
+    "displayName": "CdrLabelWrapper",
     "exportName": "default",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "position",
-        "description": "Sets the position where the popover will render relative to the trigger element.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
+        "name": "labelClass",
         "type": {
           "name": "string"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "'top'"
-        }
-      },
-      {
-        "name": "autoPosition",
-        "description": "If set to `true`, popover will attempt to dynamically set it's position to\nensure it renders within the visible browser window.\nIf `false` the popover will always render in the provided `position`.",
-        "type": {
-          "name": "boolean"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": true
         }
       },
       {
-        "name": "label",
-        "description": "Sets the title for the popover content. Can also be provided via the `title` slot.",
-        "type": {
-          "name": "string"
-        },
-        "required": false
-      },
-      {
-        "name": "id",
-        "description": "ID for the popover element, required for accessibility",
+        "name": "contentClass",
         "type": {
           "name": "string"
-        },
-        "required": true
+        }
       },
       {
-        "name": "contentClass",
-        "description": "Add custom class to the popover content wrapper. Allows for overriding size, styling, etc.",
+        "name": "background",
         "type": {
-          "name": "string"
-        },
-        "required": false
+          "name": "backgroundProps"
+        }
       },
       {
-        "name": "open",
-        "description": "Used to programmatically control the popover state. Does not need to be set if you are using the `trigger` slot.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
+        "name": "disabled",
         "type": {
           "name": "boolean"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": false
         }
-      }
-    ],
-    "events": [
-      {
-        "name": "opened",
-        "description": "Emits when popover is opened"
-      },
-      {
-        "name": "closed",
-        "description": "Emits when popover is closed"
-      }
-    ],
-    "slots": [
-      {
-        "name": "trigger",
-        "description": " Slot for the element that triggers the popover."
-      },
-      {
-        "name": "title",
-        "description": "Sets the title for the popover. Can also be set with `label` prop"
-      },
-      {
-        "name": "default"
       },
       {
-        "name": "icon"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/popover/CdrPopover.vue"
-    ]
-  },
-  "CdrList": {
-    "displayName": "CdrList",
-    "description": "Groups related content items together either vertically or horizontally",
-    "tags": {},
-    "exportName": "default",
-    "props": [
-      {
-        "name": "tag",
-        "description": "Sets list type and HTML element as \"unordered\" or \"ordered\"",
-        "tags": {},
-        "values": [
-          "ul",
-          "ol"
-        ],
+        "name": "modifier",
         "type": {
           "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'ul'"
         }
       },
       {
-        "name": "modifier",
-        "description": "Modifies the style variant for this component",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "true",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "ordered",
-          "unordered",
-          "compact",
-          "inline"
-        ],
+        "name": "size",
         "type": {
           "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
         }
       }
     ],
     "slots": [
       {
-        "name": "default",
-        "description": "CdrList content (list-items)"
+        "name": "input"
+      },
+      {
+        "name": "default"
       }
     ],
     "sourceFiles": [
-      "./src/components/list/CdrList.vue"
+      "./src/components/labelWrapper/CdrLabelWrapper.vue"
     ]
   },
   "CdrQuote": {
@@ -1944,126 +2081,11 @@
       "./src/components/quote/CdrQuote.vue"
     ]
   },
-  "CdrPagination": {
-    "displayName": "CdrPagination",
-    "description": "Allows people to navigate to the next or previous page within an experience",
-    "tags": {},
+  "CdrPopup": {
+    "displayName": "CdrPopup",
     "exportName": "default",
-    "props": [
-      {
-        "name": "id",
-        "description": "Define a custom slug for the generated breadcrumb item IDs. Slug is randomly generated if no ID provided.",
-        "tags": {
-          "demoIgnore": [
-            {
-              "description": "true",
-              "title": "demoIgnore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "totalPages",
-        "description": "Sets the total number of pages for displaying \"Page x of <totalPages>\".\nSometimes the total number of pages is different than total page data objects in the pages array.\nFor example, if only the next and previous pages are provided.",
-        "type": {
-          "name": "number"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "null"
-        }
-      },
-      {
-        "name": "pages",
-        "description": "Array of objects containing pagination data.\nObjects must have structure of `{ page: number, url: string }`",
-        "type": {
-          "name": "array"
-        },
-        "required": true
-      },
-      {
-        "name": "linkTag",
-        "description": "Sets which tag type is used to render pagination elements",
-        "tags": {},
-        "values": [
-          "a",
-          "button"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'a'"
-        }
-      },
-      {
-        "name": "forLabel",
-        "description": "Used to customize the aria-label for the root pagination element.\nFor page-level pagination (i.e, pagination that updates the entire page content and changes the URL)\nthis property should be omitted.\nFor intra-page navigation this property should describe the element being paginated, for example:\n`Pagination for sub-content`",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "''"
-        }
-      },
-      {
-        "name": "modelValue",
-        "tags": {
-          "ignore": [
-            {
-              "description": "used for binding v-model, represents the current page",
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "number"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "update:modelValue",
-        "description": "Event emitted by v-model on the select <input> element to indicate current page.\nOnly used on small devices",
-        "properties": [
-          {
-            "type": {
-              "names": [
-                "mixed"
-              ]
-            },
-            "name": "modelValue"
-          }
-        ],
-        "tags": [
-          {
-            "title": "param",
-            "type": {
-              "name": "mixed"
-            },
-            "name": "modelValue"
-          }
-        ]
-      },
-      {
-        "name": "navigate",
-        "description": "$emit event fired when page changes based on user interaction by clicking a link\nor selecting an option from the select on mobile.\n`event.preventDefault()` can be used to override the default link navigation behavior."
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/pagination/CdrPagination.vue"
-    ]
-  },
-  "CdrPopup": {
-    "displayName": "CdrPopup",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
+    "description": "",
+    "tags": {},
     "props": [
       {
         "name": "opened",
@@ -2103,300 +2125,18 @@
         }
       }
     ],
-    "events": [
-      {
-        "name": "closed"
-      }
-    ],
-    "slots": [
-      {
-        "name": "default"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/popup/CdrPopup.vue"
-    ]
-  },
-  "CdrSelect": {
-    "displayName": "CdrSelect",
-    "description": "Allows the selection of one or more options from a dropdown list",
-    "tags": {},
-    "exportName": "default",
-    "props": [
-      {
-        "name": "id",
-        "description": "Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "label",
-        "description": "Sets the text value for the select label.\nRequired for accessibility compliance. Use ‘hideLabel’ to\nvisually hide the label but keep it available to screenreaders.",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      },
-      {
-        "name": "hideLabel",
-        "description": "Visually hides the label element, but leaves it available to screen readers for accessibility compliance.",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "prompt",
-        "description": "Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "options",
-        "description": "Build options programmatically with data.\nProvide an array of objects [{ text: String, value: String}] for greater control\nor provide an array of strings ['String'] for simpler setup (value and text will be the same).",
-        "type": {
-          "name": "array"
-        }
-      },
-      {
-        "name": "background",
-        "description": "Sets the background color the radio button is rendered on",
-        "tags": {},
-        "values": [
-          "primary",
-          "secondary"
-        ],
-        "type": {
-          "name": "backgroundProps"
-        }
-      },
-      {
-        "name": "size",
-        "description": "Sets the component's size; values can target responsive breakpoints. Example `small@lg`",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "small",
-          "medium",
-          "large"
-        ],
-        "type": {
-          "name": "sizeProps"
-        }
-      },
-      {
-        "name": "error",
-        "description": "Sets the select to an error state, displays the `error` slot if one is present.",
-        "type": {
-          "name": "boolean|string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "errorRole",
-        "description": "Sets the `role` attribute for the embedded error state messaging.",
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'status'"
-        }
-      },
-      {
-        "name": "modelValue",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string|number|boolean|object|array|symbol|func"
-        }
-      },
-      {
-        "name": "disabled",
-        "description": "Disables the input and sets appropriate styling",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "required",
-        "description": "Sets aria-required on the input field and displays an asterisk next to the select label",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "optional",
-        "description": "Displays '(optional)' text next to the select label.",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "multiple",
-        "description": "Turns CdrSelect into a multi-select element.",
-        "type": {
-          "name": "boolean"
-        }
-      },
-      {
-        "name": "multipleSize",
-        "description": "Sets the height of the CdrSelect when using the multiple option.\nThis number corresponds to the number of select options that will be visible without scrolling.",
-        "type": {
-          "name": "number"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "update:modelValue",
-        "description": "Event emitted by v-model on the radio's <input> element",
-        "properties": [
-          {
-            "type": {
-              "names": [
-                "mixed"
-              ]
-            },
-            "name": "modelValue"
-          }
-        ],
-        "tags": [
-          {
-            "title": "param",
-            "type": {
-              "name": "mixed"
-            },
-            "name": "modelValue"
-          }
-        ]
-      }
-    ],
-    "slots": [
-      {
-        "name": "helper-text",
-        "description": "Helper text above the select field"
-      },
-      {
-        "name": "info",
-        "description": "Link or icon to the right above the select field."
-      },
-      {
-        "name": "pre-icon",
-        "description": "Icon preceding text within the select field"
-      },
-      {
-        "name": "default",
-        "description": "CdrSelect content (<option> tags). Leave empty if using the `options` prop."
-      },
-      {
-        "name": "info-action",
-        "description": "Action-wrapped icon to the right of the select field"
-      },
-      {
-        "name": "error",
-        "description": "Error messaging text that is displayed when the `error` prop is true."
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/select/CdrSelect.vue"
-    ]
-  },
-  "CdrRating": {
-    "displayName": "CdrRating",
-    "description": "Provides insight into user opinions for products, experiences, and more",
-    "tags": {},
-    "exportName": "default",
-    "props": [
-      {
-        "name": "rating",
-        "description": "Sets the rating values between 0 and 5.",
-        "type": {
-          "name": "string|number"
-        },
-        "required": true,
-        "defaultValue": {
-          "func": false,
-          "value": "0"
-        }
-      },
-      {
-        "name": "count",
-        "description": "Sets the total number of ratings",
-        "type": {
-          "name": "string|number"
-        },
-        "required": false,
-        "defaultValue": {
-          "func": false,
-          "value": "null"
-        }
-      },
-      {
-        "name": "compact",
-        "description": "Hides the word 'reviews' if true",
-        "type": {
-          "name": "boolean"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": false
-        }
-      },
-      {
-        "name": "href",
-        "description": "Sets the rating component (icons and text) to display inline and wraps them in an anchor tag so they can act as link.",
-        "type": {
-          "name": "string"
-        }
-      },
-      {
-        "name": "size",
-        "description": "Sets the rating size.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "small",
-          "medium",
-          "large"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
-        }
+    "events": [
+      {
+        "name": "closed"
+      }
+    ],
+    "slots": [
+      {
+        "name": "default"
       }
     ],
     "sourceFiles": [
-      "./src/components/rating/CdrRating.vue"
+      "./src/components/popup/CdrPopup.vue"
     ]
   },
   "CdrRadio": {
@@ -2544,43 +2284,57 @@
       "./src/components/radio/CdrRadio.vue"
     ]
   },
-  "CdrSkeleton": {
-    "displayName": "CdrSkeleton",
-    "description": "Visually communicates content is in the process of loading",
+  "CdrRating": {
+    "displayName": "CdrRating",
+    "description": "Provides insight into user opinions for products, experiences, and more",
     "tags": {},
     "exportName": "default",
     "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": "rating",
+        "description": "Sets the rating values between 0 and 5.",
+        "type": {
+          "name": "string|number"
+        },
+        "required": true,
+        "defaultValue": {
+          "func": false,
+          "value": "0"
+        }
+      },
+      {
+        "name": "count",
+        "description": "Sets the total number of ratings",
+        "type": {
+          "name": "string|number"
+        },
+        "required": false,
+        "defaultValue": {
+          "func": false,
+          "value": "null"
+        }
+      },
+      {
+        "name": "compact",
+        "description": "Hides the word 'reviews' if true",
         "type": {
           "name": "boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": true
+          "value": false
         }
-      }
-    ],
-    "slots": [
+      },
       {
-        "name": "default",
-        "description": "CdrSkeleton content (CdrSkeletonBone components)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/skeleton/CdrSkeleton.vue"
-    ]
-  },
-  "CdrSkeletonBone": {
-    "displayName": "CdrSkeletonBone",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
+        "name": "href",
+        "description": "Sets the rating component (icons and text) to display inline and wraps them in an anchor tag so they can act as link.",
+        "type": {
+          "name": "string"
+        }
+      },
       {
-        "name": "type",
-        "description": "Sets the type of content placeholder",
+        "name": "size",
+        "description": "Sets the rating size.",
         "tags": {
           "demoSelectMultiple": [
             {
@@ -2590,134 +2344,292 @@
           ]
         },
         "values": [
-          "default",
-          "heading",
-          "line",
-          "rectangle",
-          "square"
+          "small",
+          "medium",
+          "large"
         ],
         "type": {
           "name": "string"
         },
-        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'default'"
+          "value": "'medium'"
         }
       }
     ],
     "sourceFiles": [
-      "./src/components/skeleton/CdrSkeletonBone.vue"
+      "./src/components/rating/CdrRating.vue"
     ]
   },
-  "CdrTabs": {
-    "displayName": "CdrTabs",
-    "description": "Organizes related content into groups for people to navigate between",
+  "CdrSkeleton": {
+    "displayName": "CdrSkeleton",
+    "description": "Visually communicates content is in the process of loading",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "height",
-        "description": "Sets height of the tabs container element.\nPassing a `px` value will render tabs with a static height,\npassing `auto` will render tabs with variable height based on content size.",
+        "name": "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": "string"
+          "name": "boolean"
         },
         "defaultValue": {
           "func": false,
-          "value": "'240px'"
+          "value": true
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrSkeleton content (CdrSkeletonBone components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/skeleton/CdrSkeleton.vue"
+    ]
+  },
+  "CdrSelect": {
+    "displayName": "CdrSelect",
+    "description": "Allows the selection of one or more options from a dropdown list",
+    "tags": {},
+    "exportName": "default",
+    "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": "activeTab",
-        "description": "Sets the index of the tab that should be active on initial page load. Note that this property is zero-indexed.",
+        "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": "number"
+          "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": "0"
+          "value": false
         }
       },
       {
-        "name": "modifier",
-        "description": "Modifies the style variants for this component",
+        "name": "prompt",
+        "description": "Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.",
+        "type": {
+          "name": "string"
+        }
+      },
+      {
+        "name": "options",
+        "description": "Build options programmatically with data.\nProvide an array of objects [{ text: String, value: String}] for greater control\nor provide an array of strings ['String'] for simpler setup (value and text will be the same).",
+        "type": {
+          "name": "array"
+        }
+      },
+      {
+        "name": "background",
+        "description": "Sets the background color the radio button is rendered on",
         "tags": {},
         "values": [
-          "centered",
-          "compact",
-          "full-width",
-          "no-border"
+          "primary",
+          "secondary"
         ],
         "type": {
-          "name": "string"
+          "name": "backgroundProps"
         }
       },
       {
         "name": "size",
-        "description": "Use `small` to reduce spacing around the tabs for a denser visual design",
+        "description": "Sets the component's size; values can target responsive breakpoints. Example `small@lg`",
         "tags": {
           "demoSelectMultiple": [
             {
-              "description": "true",
+              "description": "false",
               "title": "demoSelectMultiple"
             }
           ]
         },
         "values": [
-          "small"
+          "small",
+          "medium",
+          "large"
         ],
         "type": {
-          "name": "string"
+          "name": "sizeProps"
         }
       },
       {
-        "name": "backgroundColor",
-        "description": "Sets the background color of the tab.\nFor CdrTabs that are rendered on non-primary backgrounds.\nPass the background-color into the component to ensure that the scrolling gradients render correctly.",
+        "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": false
+        }
+      },
+      {
+        "name": "errorRole",
+        "description": "Sets the `role` attribute for the embedded error state messaging.",
         "type": {
           "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": "CdrColorBackgroundPrimary"
+          "value": "'status'"
+        }
+      },
+      {
+        "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string|number|boolean|object|array|symbol|func"
+        }
+      },
+      {
+        "name": "disabled",
+        "description": "Disables the input and sets appropriate styling",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "required",
+        "description": "Sets aria-required on the input field and displays an asterisk next to the select label",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "optional",
+        "description": "Displays '(optional)' text next to the select label.",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "multiple",
+        "description": "Turns CdrSelect into a multi-select element.",
+        "type": {
+          "name": "boolean"
+        }
+      },
+      {
+        "name": "multipleSize",
+        "description": "Sets the height of the CdrSelect when using the multiple option.\nThis number corresponds to the number of select options that will be visible without scrolling.",
+        "type": {
+          "name": "number"
         }
       }
     ],
+    "events": [
+      {
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model on the radio's <input> element",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
+      }
+    ],
     "slots": [
+      {
+        "name": "helper-text",
+        "description": "Helper text above the select field"
+      },
+      {
+        "name": "info",
+        "description": "Link or icon to the right above the select field."
+      },
+      {
+        "name": "pre-icon",
+        "description": "Icon preceding text within the select field"
+      },
       {
         "name": "default",
-        "description": "CdrTabs content (CdrTabPanel components)"
+        "description": "CdrSelect content (<option> tags). Leave empty if using the `options` prop."
+      },
+      {
+        "name": "info-action",
+        "description": "Action-wrapped icon to the right of the select field"
+      },
+      {
+        "name": "error",
+        "description": "Error messaging text that is displayed when the `error` prop is true."
       }
     ],
     "sourceFiles": [
-      "./src/components/tabs/CdrTabs.vue"
+      "./src/components/select/CdrSelect.vue"
     ]
   },
-  "CdrText": {
-    "displayName": "CdrText",
-    "description": "Text container used for any text element such as paragraphs, headings, and lists",
-    "tags": {},
+  "CdrSkeletonBone": {
+    "displayName": "CdrSkeletonBone",
     "exportName": "default",
+    "description": "",
+    "tags": {},
     "props": [
       {
-        "name": "tag",
-        "description": "Sets the HTML tag (p, span, h1, h2, etc)",
+        "name": "type",
+        "description": "Sets the type of content placeholder",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "default",
+          "heading",
+          "line",
+          "rectangle",
+          "square"
+        ],
         "type": {
           "name": "string"
         },
+        "required": false,
         "defaultValue": {
           "func": false,
-          "value": "'p'"
+          "value": "'default'"
         }
       }
     ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrText content"
-      }
-    ],
     "sourceFiles": [
-      "./src/components/text/CdrText.vue"
+      "./src/components/skeleton/CdrSkeletonBone.vue"
     ]
   },
   "CdrSwitch": {
@@ -2818,6 +2730,102 @@
       "./src/components/switch/CdrSwitch.vue"
     ]
   },
+  "CdrTable": {
+    "displayName": "CdrTable",
+    "description": "Organizes structured data for users to easily scan, compare, and analyze",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "striped",
+        "description": "Sets row colors to alternate between darker and lighter backgrounds.\nStriping will not apply when `border` is true",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "border",
+        "description": "Adds borders between rows. Will disable `striped` if both are true",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "fullWidth",
+        "description": "Sets the width to 100%. Also accepts space separated strings for breakpoints that it should be full width: { '@xs' | '@sm' | '@md' | '@lg' }",
+        "type": {
+          "name": "boolean|string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "responsive",
+        "description": "Makes the table scroll horizontally when it would overflow its container",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": true
+        }
+      },
+      {
+        "name": "hover",
+        "description": "Adds a darker background on row hover",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": false
+        }
+      },
+      {
+        "name": "size",
+        "description": "Sets the table size (cell padding); values can target responsive breakpoints. Example `small@lg`.",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "small",
+          "medium",
+          "large"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrTable content (Valid table elements <th>, <tbody>, <tr>, <td>, etc.)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/table/CdrTable.vue"
+    ]
+  },
   "CdrTabPanel": {
     "displayName": "CdrTabPanel",
     "exportName": "default",
@@ -2868,100 +2876,139 @@
       "./src/components/tabs/CdrTabPanel.vue"
     ]
   },
-  "CdrTable": {
-    "displayName": "CdrTable",
-    "description": "Organizes structured data for users to easily scan, compare, and analyze",
+  "CdrTabs": {
+    "displayName": "CdrTabs",
+    "description": "Organizes related content into groups for people to navigate between",
     "tags": {},
     "exportName": "default",
     "props": [
       {
-        "name": "striped",
-        "description": "Sets row colors to alternate between darker and lighter backgrounds.\nStriping will not apply when `border` is true",
+        "name": "height",
+        "description": "Sets height of the tabs container element.\nPassing a `px` value will render tabs with a static height,\npassing `auto` will render tabs with variable height based on content size.",
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": "'240px'"
         }
       },
       {
-        "name": "border",
-        "description": "Adds borders between rows. Will disable `striped` if both are true",
+        "name": "activeTab",
+        "description": "Sets the index of the tab that should be active on initial page load. Note that this property is zero-indexed.",
         "type": {
-          "name": "boolean"
+          "name": "number"
         },
         "defaultValue": {
           "func": false,
-          "value": true
+          "value": "0"
         }
       },
       {
-        "name": "fullWidth",
-        "description": "Sets the width to 100%. Also accepts space separated strings for breakpoints that it should be full width: { '@xs' | '@sm' | '@md' | '@lg' }",
+        "name": "modifier",
+        "description": "Modifies the style variants for this component",
+        "tags": {},
+        "values": [
+          "centered",
+          "compact",
+          "full-width",
+          "no-border"
+        ],
         "type": {
-          "name": "boolean|string"
+          "name": "string"
+        }
+      },
+      {
+        "name": "size",
+        "description": "Use `small` to reduce spacing around the tabs for a denser visual design",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "true",
+              "title": "demoSelectMultiple"
+            }
+          ]
         },
-        "defaultValue": {
-          "func": false,
-          "value": true
+        "values": [
+          "small"
+        ],
+        "type": {
+          "name": "string"
         }
       },
       {
-        "name": "responsive",
-        "description": "Makes the table scroll horizontally when it would overflow its container",
+        "name": "backgroundColor",
+        "description": "Sets the background color of the tab.\nFor CdrTabs that are rendered on non-primary backgrounds.\nPass the background-color into the component to ensure that the scrolling gradients render correctly.",
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": true
+          "value": "CdrColorBackgroundPrimary"
         }
-      },
+      }
+    ],
+    "slots": [
       {
-        "name": "hover",
-        "description": "Adds a darker background on row hover",
+        "name": "default",
+        "description": "CdrTabs content (CdrTabPanel components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/tabs/CdrTabs.vue"
+    ]
+  },
+  "CdrText": {
+    "displayName": "CdrText",
+    "description": "Text container used for any text element such as paragraphs, headings, and lists",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "tag",
+        "description": "Sets the HTML tag (p, span, h1, h2, etc)",
         "type": {
-          "name": "boolean"
+          "name": "string"
         },
         "defaultValue": {
           "func": false,
-          "value": false
+          "value": "'p'"
         }
-      },
+      }
+    ],
+    "slots": [
       {
-        "name": "size",
-        "description": "Sets the table size (cell padding); values can target responsive breakpoints. Example `small@lg`.",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "small",
-          "medium",
-          "large"
-        ],
+        "name": "default",
+        "description": "CdrText content"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/text/CdrText.vue"
+    ]
+  },
+  "CdrToggleButton": {
+    "displayName": "CdrToggleButton",
+    "description": "Permits switching two or more options on and off",
+    "tags": {},
+    "exportName": "default",
+    "props": [
+      {
+        "name": "toggleValue",
+        "description": "Sets the value and aria-label for the toggle button. Display can be overridden using default slot",
         "type": {
           "name": "string"
         },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
-        }
+        "required": true
       }
     ],
     "slots": [
       {
         "name": "default",
-        "description": "CdrTable content (Valid table elements <th>, <tbody>, <tr>, <td>, etc.)"
+        "description": "CdrToggleButton label content"
       }
     ],
     "sourceFiles": [
-      "./src/components/table/CdrTable.vue"
+      "./src/components/toggleButton/CdrToggleButton.vue"
     ]
   },
   "CdrToast": {
@@ -3065,6 +3112,86 @@
       "./src/components/toast/CdrToast.vue"
     ]
   },
+  "CdrToggleGroup": {
+    "displayName": "CdrToggleGroup",
+    "exportName": "default",
+    "description": "",
+    "tags": {},
+    "props": [
+      {
+        "name": "modelValue",
+        "tags": {
+          "ignore": [
+            {
+              "description": true,
+              "title": "ignore"
+            }
+          ]
+        },
+        "type": {
+          "name": "string|number|boolean|object|array"
+        },
+        "required": true
+      },
+      {
+        "name": "size",
+        "description": "Sets toggle button size",
+        "tags": {
+          "demoSelectMultiple": [
+            {
+              "description": "false",
+              "title": "demoSelectMultiple"
+            }
+          ]
+        },
+        "values": [
+          "medium",
+          "large"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'medium'"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "update:modelValue",
+        "description": "Event emitted by v-model",
+        "properties": [
+          {
+            "type": {
+              "names": [
+                "mixed"
+              ]
+            },
+            "name": "modelValue"
+          }
+        ],
+        "tags": [
+          {
+            "title": "param",
+            "type": {
+              "name": "mixed"
+            },
+            "name": "modelValue"
+          }
+        ]
+      }
+    ],
+    "slots": [
+      {
+        "name": "default",
+        "description": "CdrToggleGroup content (CdrToggleButton components)"
+      }
+    ],
+    "sourceFiles": [
+      "./src/components/toggleButton/CdrToggleGroup.vue"
+    ]
+  },
   "CdrTooltip": {
     "displayName": "CdrTooltip",
     "description": "Floating label used to clarify interface actions",
@@ -3167,132 +3294,5 @@
     "sourceFiles": [
       "./src/components/tooltip/CdrTooltip.vue"
     ]
-  },
-  "CdrToggleButton": {
-    "displayName": "CdrToggleButton",
-    "description": "Permits switching two or more options on and off",
-    "tags": {},
-    "exportName": "default",
-    "props": [
-      {
-        "name": "toggleValue",
-        "description": "Sets the value and aria-label for the toggle button. Display can be overridden using default slot",
-        "type": {
-          "name": "string"
-        },
-        "required": true
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrToggleButton label content"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/toggleButton/CdrToggleButton.vue"
-    ]
-  },
-  "CdrToggleGroup": {
-    "displayName": "CdrToggleGroup",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "modelValue",
-        "tags": {
-          "ignore": [
-            {
-              "description": true,
-              "title": "ignore"
-            }
-          ]
-        },
-        "type": {
-          "name": "string|number|boolean|object|array"
-        },
-        "required": true
-      },
-      {
-        "name": "size",
-        "description": "Sets toggle button size",
-        "tags": {
-          "demoSelectMultiple": [
-            {
-              "description": "false",
-              "title": "demoSelectMultiple"
-            }
-          ]
-        },
-        "values": [
-          "medium",
-          "large"
-        ],
-        "type": {
-          "name": "string"
-        },
-        "defaultValue": {
-          "func": false,
-          "value": "'medium'"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "update:modelValue",
-        "description": "Event emitted by v-model",
-        "properties": [
-          {
-            "type": {
-              "names": [
-                "mixed"
-              ]
-            },
-            "name": "modelValue"
-          }
-        ],
-        "tags": [
-          {
-            "title": "param",
-            "type": {
-              "name": "mixed"
-            },
-            "name": "modelValue"
-          }
-        ]
-      }
-    ],
-    "slots": [
-      {
-        "name": "default",
-        "description": "CdrToggleGroup content (CdrToggleButton components)"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/toggleButton/CdrToggleGroup.vue"
-    ]
-  },
-  "CdrFormError": {
-    "displayName": "CdrFormError",
-    "exportName": "default",
-    "description": "",
-    "tags": {},
-    "props": [
-      {
-        "name": "error",
-        "type": {
-          "name": "boolean|string"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "error"
-      }
-    ],
-    "sourceFiles": [
-      "./src/components/formError/CdrFormError.vue"
-    ]
   }
 }