@govtechsg/sgds-web-component 3.23.0-rc.2 → 3.23.0-rc.4

package/custom-elements.json

@@ -1212,6 +1212,308 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SgdsBreadcrumbItem",
+          "slots": [
+            {
+              "description": "The link of the item. Pass in anchor tags into this slot",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "Record<string, typeof SgdsElement>"
+              },
+              "static": true,
+              "default": "{\n    \"sgds-link\": SgdsLink,\n    \"sgds-icon\": SgdsIcon\n  }"
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_preventNavigation",
+              "privacy": "private",
+              "type": {}
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit<T>"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "define",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "elementConstructor",
+                  "default": "this"
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ElementDefinitionOptions"
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
+              "fieldName": "active"
+            }
+          ],
+          "superclass": {
+            "name": "SgdsElement",
+            "module": "/src/base/sgds-element"
+          },
+          "summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
+          "tagName": "sgds-breadcrumb-item",
+          "customElement": true,
+          "modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
+          "cssProperties": [],
+          "cssParts": [],
+          "cssStates": [],
+          "events": []
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SgdsBreadcrumbItem",
+          "declaration": {
+            "name": "SgdsBreadcrumbItem",
+            "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SgdsBreadcrumbItem",
+            "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SgdsBreadcrumb",
+          "slots": [
+            {
+              "description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n    \"sgds-overflow-menu\": SgdsOverflowMenu\n  }"
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"breadcrumb\"",
+              "description": "The aria-label of nav element within breadcrumb component.",
+              "attribute": "ariaLabel"
+            },
+            {
+              "kind": "method",
+              "name": "_replaceExcessItemsWithDropdown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "items",
+                  "type": {
+                    "text": "SgdsBreadcrumbItem[]"
+                  }
+                }
+              ],
+              "description": "creates `<sgds-breadcrumb-item>\n           <sgds-overflow-menu>\n             <sgds-dropdown-item></sgds-dropdown-item>\n              ...\n           </sgds-overflow-menu>\n         <sgds-breadcrumb-item>`",
+              "type": {}
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "type": {}
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit<T>"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "define",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "elementConstructor",
+                  "default": "this"
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ElementDefinitionOptions"
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"breadcrumb\"",
+              "description": "The aria-label of nav element within breadcrumb component.",
+              "fieldName": "ariaLabel"
+            }
+          ],
+          "superclass": {
+            "name": "SgdsElement",
+            "module": "/src/base/sgds-element"
+          },
+          "summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
+          "tagName": "sgds-breadcrumb",
+          "customElement": true,
+          "modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
+          "cssProperties": [],
+          "cssParts": [],
+          "cssStates": [],
+          "events": []
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SgdsBreadcrumb",
+          "declaration": {
+            "name": "SgdsBreadcrumb",
+            "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SgdsBreadcrumb",
+            "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/Button/sgds-button.ts",
@@ -2001,652 +2303,245 @@
               "description": "The subtitle of the card",
               "name": "subtitle"
             },
-            {
-              "description": "The title of the card",
-              "name": "title"
-            },
-            {
-              "description": "The paragrapher text of the card",
-              "name": "description"
-            },
-            {
-              "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
-              "name": "lower"
-            },
-            {
-              "description": "Footer area of the card. Accepts links, actions, or any custom content.",
-              "name": "footer"
-            },
-            {
-              "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
-              "name": "link"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "footerNode",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "linkNode",
-              "type": {
-                "text": "HTMLAnchorElement[] | SgdsLink[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "imagePosition",
-              "type": {
-                "text": "CardImagePosition"
-              },
-              "default": "\"before\"",
-              "description": "Sets the image position of the card. Available options: `before`, `after`",
-              "attribute": "imagePosition",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "imageAdjustment",
-              "type": {
-                "text": "CardImageAdjustment"
-              },
-              "default": "\"default\"",
-              "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
-              "attribute": "imageAdjustment",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hasImageSlot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `image` slot.",
-              "attribute": "hasImageSlot"
-            },
-            {
-              "kind": "field",
-              "name": "hasIconSlot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `icon` slot.",
-              "attribute": "hasIconSlot"
-            },
-            {
-              "kind": "field",
-              "name": "hasUpperSlot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `upper` slot.",
-              "attribute": "hasUpperSlot"
-            },
-            {
-              "kind": "field",
-              "name": "linkSlotItems",
-              "type": {
-                "text": "HTMLAnchorElement | null"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "footerSlotItems",
-              "type": {
-                "text": "HTMLAnchorElement | null"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
-              "type": {}
-            },
-            {
-              "kind": "method",
-              "name": "handleImgSlotChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "type": {}
-            },
-            {
-              "kind": "field",
-              "name": "stretchedLink",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
-              "attribute": "stretchedLink",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the card",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hideBorder",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, hides the default border of the card.",
-              "attribute": "hideBorder",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tinted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, applies a tinted background color to the card.",
-              "attribute": "tinted",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "CardOrientation"
-              },
-              "default": "\"vertical\"",
-              "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
-              "attribute": "orientation",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleTitleSlotChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_forwardAnchorAttributes",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "anchor",
-                  "type": {
-                    "text": "HTMLAnchorElement | null"
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "warnLinkSlotMisused",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
+            {
+              "description": "The title of the card",
+              "name": "title"
             },
             {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit<T>"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "SgdsElement",
-                "module": "src/base/sgds-element.ts"
-              }
+              "description": "The paragrapher text of the card",
+              "name": "description"
             },
             {
-              "kind": "method",
-              "name": "define",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "elementConstructor",
-                  "default": "this"
-                },
-                {
-                  "name": "options",
-                  "default": "{}",
-                  "type": {
-                    "text": "ElementDefinitionOptions"
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "SgdsElement",
-                "module": "src/base/sgds-element.ts"
-              }
+              "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
+              "name": "lower"
+            },
+            {
+              "description": "Footer area of the card. Accepts links, actions, or any custom content.",
+              "name": "footer"
+            },
+            {
+              "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
+              "name": "link"
             }
           ],
-          "attributes": [
+          "members": [
+            {
+              "kind": "field",
+              "name": "footerNode",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "linkNode",
+              "type": {
+                "text": "HTMLAnchorElement[] | SgdsLink[]"
+              },
+              "privacy": "private"
+            },
             {
+              "kind": "field",
               "name": "imagePosition",
               "type": {
                 "text": "CardImagePosition"
               },
               "default": "\"before\"",
               "description": "Sets the image position of the card. Available options: `before`, `after`",
-              "fieldName": "imagePosition"
+              "attribute": "imagePosition",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "imageAdjustment",
               "type": {
                 "text": "CardImageAdjustment"
               },
               "default": "\"default\"",
               "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
-              "fieldName": "imageAdjustment"
+              "attribute": "imageAdjustment",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "hasImageSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Used only for SSR to indicate the presence of the `image` slot.",
-              "fieldName": "hasImageSlot"
+              "attribute": "hasImageSlot"
             },
             {
+              "kind": "field",
               "name": "hasIconSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Used only for SSR to indicate the presence of the `icon` slot.",
-              "fieldName": "hasIconSlot"
+              "attribute": "hasIconSlot"
             },
             {
+              "kind": "field",
               "name": "hasUpperSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Used only for SSR to indicate the presence of the `upper` slot.",
-              "fieldName": "hasUpperSlot"
+              "attribute": "hasUpperSlot"
+            },
+            {
+              "kind": "field",
+              "name": "linkSlotItems",
+              "type": {
+                "text": "HTMLAnchorElement | null"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "footerSlotItems",
+              "type": {
+                "text": "HTMLAnchorElement | null"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
+              "type": {}
+            },
+            {
+              "kind": "method",
+              "name": "handleImgSlotChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "type": {}
             },
             {
+              "kind": "field",
               "name": "stretchedLink",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
-              "fieldName": "stretchedLink",
+              "attribute": "stretchedLink",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardElement",
                 "module": "src/base/card-element.ts"
               }
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Disables the card",
-              "fieldName": "disabled",
+              "attribute": "disabled",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardElement",
                 "module": "src/base/card-element.ts"
               }
             },
             {
+              "kind": "field",
               "name": "hideBorder",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "When true, hides the default border of the card.",
-              "fieldName": "hideBorder",
+              "attribute": "hideBorder",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardElement",
                 "module": "src/base/card-element.ts"
               }
             },
             {
+              "kind": "field",
               "name": "tinted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "When true, applies a tinted background color to the card.",
-              "fieldName": "tinted",
+              "attribute": "tinted",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardElement",
                 "module": "src/base/card-element.ts"
               }
             },
             {
+              "kind": "field",
               "name": "orientation",
               "type": {
                 "text": "CardOrientation"
               },
               "default": "\"vertical\"",
               "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
-              "fieldName": "orientation",
+              "attribute": "orientation",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardElement",
                 "module": "src/base/card-element.ts"
               }
-            }
-          ],
-          "superclass": {
-            "name": "CardElement",
-            "module": "/src/base/card-element"
-          },
-          "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
-          "tagName": "sgds-card",
-          "customElement": true,
-          "modulePath": "src/components/Card/sgds-card.ts",
-          "cssProperties": [],
-          "cssParts": [],
-          "cssStates": [],
-          "events": []
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SgdsCard",
-          "declaration": {
-            "name": "SgdsCard",
-            "module": "src/components/Card/sgds-card.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SgdsCard",
-            "module": "src/components/Card/sgds-card.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SgdsBreadcrumbItem",
-          "slots": [
-            {
-              "description": "The link of the item. Pass in anchor tags into this slot",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "Record<string, typeof SgdsElement>"
-              },
-              "static": true,
-              "default": "{\n    \"sgds-link\": SgdsLink,\n    \"sgds-icon\": SgdsIcon\n  }"
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
-              "attribute": "active",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_preventNavigation",
-              "privacy": "private",
-              "type": {}
-            },
-            {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit<T>"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "SgdsElement",
-                "module": "src/base/sgds-element.ts"
-              }
             },
             {
               "kind": "method",
-              "name": "define",
-              "static": true,
+              "name": "handleTitleSlotChange",
               "parameters": [
                 {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "elementConstructor",
-                  "default": "this"
-                },
-                {
-                  "name": "options",
-                  "default": "{}",
+                  "name": "e",
                   "type": {
-                    "text": "ElementDefinitionOptions"
+                    "text": "Event"
                   }
                 }
               ],
               "type": {},
               "inheritedFrom": {
-                "name": "SgdsElement",
-                "module": "src/base/sgds-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
-              "fieldName": "active"
-            }
-          ],
-          "superclass": {
-            "name": "SgdsElement",
-            "module": "/src/base/sgds-element"
-          },
-          "summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
-          "tagName": "sgds-breadcrumb-item",
-          "customElement": true,
-          "modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
-          "cssProperties": [],
-          "cssParts": [],
-          "cssStates": [],
-          "events": []
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SgdsBreadcrumbItem",
-          "declaration": {
-            "name": "SgdsBreadcrumbItem",
-            "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SgdsBreadcrumbItem",
-            "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SgdsBreadcrumb",
-          "slots": [
-            {
-              "description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n    \"sgds-overflow-menu\": SgdsOverflowMenu\n  }"
-            },
-            {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"breadcrumb\"",
-              "description": "The aria-label of nav element within breadcrumb component.",
-              "attribute": "ariaLabel"
             },
             {
               "kind": "method",
-              "name": "_replaceExcessItemsWithDropdown",
-              "privacy": "private",
+              "name": "_forwardAnchorAttributes",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "items",
+                  "name": "anchor",
                   "type": {
-                    "text": "SgdsBreadcrumbItem[]"
+                    "text": "HTMLAnchorElement | null"
                   }
                 }
               ],
-              "description": "creates `<sgds-breadcrumb-item>\n           <sgds-overflow-menu>\n             <sgds-dropdown-item></sgds-dropdown-item>\n              ...\n           </sgds-overflow-menu>\n         <sgds-breadcrumb-item>`",
-              "type": {}
+              "type": {},
+              "inheritedFrom": {
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "private",
+              "name": "warnLinkSlotMisused",
               "parameters": [
                 {
                   "name": "e",
@@ -2655,7 +2550,11 @@
                   }
                 }
               ],
-              "type": {}
+              "type": {},
+              "inheritedFrom": {
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
+              }
             },
             {
               "kind": "method",
@@ -2714,23 +2613,124 @@
           ],
           "attributes": [
             {
-              "name": "ariaLabel",
+              "name": "imagePosition",
               "type": {
-                "text": "string"
+                "text": "CardImagePosition"
               },
-              "default": "\"breadcrumb\"",
-              "description": "The aria-label of nav element within breadcrumb component.",
-              "fieldName": "ariaLabel"
+              "default": "\"before\"",
+              "description": "Sets the image position of the card. Available options: `before`, `after`",
+              "fieldName": "imagePosition"
+            },
+            {
+              "name": "imageAdjustment",
+              "type": {
+                "text": "CardImageAdjustment"
+              },
+              "default": "\"default\"",
+              "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
+              "fieldName": "imageAdjustment"
+            },
+            {
+              "name": "hasImageSlot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `image` slot.",
+              "fieldName": "hasImageSlot"
+            },
+            {
+              "name": "hasIconSlot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `icon` slot.",
+              "fieldName": "hasIconSlot"
+            },
+            {
+              "name": "hasUpperSlot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `upper` slot.",
+              "fieldName": "hasUpperSlot"
+            },
+            {
+              "name": "stretchedLink",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
+              "fieldName": "stretchedLink",
+              "inheritedFrom": {
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the card",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
+              }
+            },
+            {
+              "name": "hideBorder",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the default border of the card.",
+              "fieldName": "hideBorder",
+              "inheritedFrom": {
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
+              }
+            },
+            {
+              "name": "tinted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, applies a tinted background color to the card.",
+              "fieldName": "tinted",
+              "inheritedFrom": {
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
+              }
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "CardOrientation"
+              },
+              "default": "\"vertical\"",
+              "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
+              "fieldName": "orientation",
+              "inheritedFrom": {
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "SgdsElement",
-            "module": "/src/base/sgds-element"
+            "name": "CardElement",
+            "module": "/src/base/card-element"
           },
-          "summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
-          "tagName": "sgds-breadcrumb",
+          "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
+          "tagName": "sgds-card",
           "customElement": true,
-          "modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
+          "modulePath": "src/components/Card/sgds-card.ts",
           "cssProperties": [],
           "cssParts": [],
           "cssStates": [],
@@ -2740,18 +2740,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SgdsBreadcrumb",
+          "name": "SgdsCard",
           "declaration": {
-            "name": "SgdsBreadcrumb",
-            "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
+            "name": "SgdsCard",
+            "module": "src/components/Card/sgds-card.ts"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SgdsBreadcrumb",
-            "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
+            "name": "SgdsCard",
+            "module": "src/components/Card/sgds-card.ts"
           }
         }
       ]
@@ -27951,7 +27951,7 @@
   "package": {
     "name": "@govtechsg/sgds-web-component",
     "description": "",
-    "version": "3.23.0-rc.2",
+    "version": "3.23.0-rc.4",
     "author": "GovTechSG",
     "license": "MIT"
   }