@genesislcap/rapid-design-system 14.210.0 → 14.210.1-alpha-2ea9194.0

package/dist/custom-elements.json

@@ -3875,7 +3875,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.stories.ts",
+      "path": "src/avatar/avatar.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -3883,31 +3883,23 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Badge',\n  component: 'rapid-badge',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "All",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      ${repeat(\n        badges,\n        (item) => item,\n        (item) => html`\n          <rapid-badge fill=\"${item}\" color=\"text\">Rapid Badge</rapid-badge>\n        `,\n      )}\n    </div>\n  `,\n}"
+          "default": "{\n  title: 'Avatar',\n  component: 'rapid-avatar',\n}"
         },
         {
           "kind": "variable",
-          "name": "Primary",
+          "name": "Default",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    fill: 'primary',\n    badgeText: 'Rapid Badge',\n    badgeText2: '12',\n  },\n  argTypes: {\n    fill: {\n      control: 'select',\n      options: badges,\n    },\n  },\n  render: ({ fill, badgeText, badgeText2 }) => html`\n    <div style=\"${wrapperStyle}\">\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    src: 'https://avataaars.io/?avatarStyle=Circle&topType=LongHairStraight&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light',\n    link: '#',\n    alt: \"Annie's profile image\",\n    shape: 'circle',\n    initials: 'AJ',\n    name: 'Annie James',\n    fill: 'accent-primary',\n    fillColor: '#196fe6',\n  },\n  argTypes: {\n    shape: {\n      control: 'select',\n      options: ['circle', 'square'],\n    },\n    fillColor: {\n      control: 'color',\n    },\n  },\n  render: ({ initials, link, alt, shape, fill, name, fillColor }) => html`\n    <div style=\"${wrapperStyle}  --avatar-fill-${fill}: ${fillColor}\">\n      <rapid-avatar alt=\"${alt}\" link=\"${link}\" shape=\"${shape}\" fill=\"${fill}\" name=\"${name}\">\n        ${initials}\n      </rapid-avatar>\n    </div>\n  `,\n}"
         },
         {
           "kind": "variable",
-          "name": "Neutral",
+          "name": "WithImage",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    fill: 'neutral',\n    badgeText: 'Rapid Badge',\n    badgeText2: '12',\n  },\n  argTypes: {\n    fill: {\n      control: 'select',\n      options: badges,\n    },\n  },\n  render: ({ fill, badgeText, badgeText2 }) => html`\n    <div style=\"${wrapperStyle}\">\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    avatarSource:\n      'https://avataaars.io/?avatarStyle=Circle&topType=LongHairStraight&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light',\n    link: '#',\n    alt: \"Annie's profile image\",\n    shape: 'circle',\n    initials: 'AJ',\n    name: 'Annie James',\n    fill: 'accent-primary',\n    fillColor: '#196fe6',\n  },\n  argTypes: {\n    shape: {\n      control: 'select',\n      options: ['circle', 'square'],\n    },\n    fillColor: {\n      control: 'color',\n    },\n  },\n  render: ({ avatarSource, link, alt, shape, fill, fillColor }) => html`\n    <div style=\"${wrapperStyle}   --avatar-fill-${fill}: ${fillColor}\">\n      <rapid-avatar\n        src=\"${avatarSource}\"\n        alt=\"${alt}\"\n        link=\"${link}\"\n        shape=\"${shape}\"\n        fill=\"${fill}\"\n      ></rapid-avatar>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -3916,42 +3908,34 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/badge/badge.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "All",
-          "declaration": {
-            "name": "All",
-            "module": "src/badge/badge.stories.ts"
+            "module": "src/avatar/avatar.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Primary",
+          "name": "Default",
           "declaration": {
-            "name": "Primary",
-            "module": "src/badge/badge.stories.ts"
+            "name": "Default",
+            "module": "src/avatar/avatar.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Neutral",
+          "name": "WithImage",
           "declaration": {
-            "name": "Neutral",
-            "module": "src/badge/badge.stories.ts"
+            "name": "WithImage",
+            "module": "src/avatar/avatar.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.styles.ts",
+      "path": "src/avatar/avatar.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidBadgeStyles",
+          "name": "rapidAvatarStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -3976,24 +3960,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidBadgeStyles",
+          "name": "rapidAvatarStyles",
           "declaration": {
-            "name": "rapidBadgeStyles",
-            "module": "src/badge/badge.styles.ts"
+            "name": "rapidAvatarStyles",
+            "module": "src/avatar/avatar.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.template.ts",
+      "path": "src/avatar/avatar.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidBadgeTemplate",
+          "name": "rapidAvatarTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Badge>"
+              "text": "ViewTemplate<Avatar>"
             }
           },
           "parameters": [
@@ -4015,27 +3999,27 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidBadgeTemplate",
+          "name": "rapidAvatarTemplate",
           "declaration": {
-            "name": "rapidBadgeTemplate",
-            "module": "src/badge/badge.template.ts"
+            "name": "rapidAvatarTemplate",
+            "module": "src/avatar/avatar.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/badge.ts",
+      "path": "src/avatar/avatar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Badge",
+          "name": "Avatar",
           "superclass": {
-            "name": "FoundationBadge",
+            "name": "FoundationAvatar",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-badge",
+          "tagName": "%%prefix%%-avatar",
           "customElement": true,
           "attributes": [
             {
@@ -4043,11 +4027,11 @@
               "type": {
                 "text": "string"
               },
-              "description": "Indicates the badge should have a filled style.",
+              "description": "Indicates the Avatar should have a color fill.",
               "fieldName": "fill",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4055,22 +4039,35 @@
               "type": {
                 "text": "string"
               },
-              "description": "Indicates the badge should have a filled style.",
+              "description": "Indicates the Avatar should have a text color.",
               "fieldName": "color",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
+              "name": "link",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Indicates the element should be circular",
-              "fieldName": "circular",
+              "description": "Indicates the Avatar should have url link",
+              "fieldName": "link",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
+              }
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "AvatarShape"
+              },
+              "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
+              "fieldName": "shape",
+              "inheritedFrom": {
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             }
           ],
@@ -4082,10 +4079,10 @@
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Indicates the badge should have a filled style.",
+              "description": "Indicates the Avatar should have a color fill.",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4095,32 +4092,36 @@
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Indicates the badge should have a filled style.",
+              "description": "Indicates the Avatar should have a text color.",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "circular",
+              "name": "link",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "Indicates the element should be circular",
+              "description": "Indicates the Avatar should have url link",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
               "kind": "field",
-              "name": "generateBadgeStyle",
+              "name": "shape",
+              "type": {
+                "text": "AvatarShape"
+              },
               "privacy": "public",
+              "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4132,8 +4133,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4145,8 +4146,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4158,8 +4159,8 @@
               "privacy": "public",
               "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4172,8 +4173,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4185,8 +4186,8 @@
               "privacy": "public",
               "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4199,8 +4200,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             },
             {
@@ -4230,39 +4231,39 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Badge",
-                "module": "src/badge/badge.ts"
+                "name": "Avatar",
+                "module": "src/avatar/avatar.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "rapidBadge"
+          "name": "rapidAvatar"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Badge",
+          "name": "Avatar",
           "declaration": {
-            "name": "Badge",
-            "module": "src/badge/badge.ts"
+            "name": "Avatar",
+            "module": "src/avatar/avatar.ts"
           }
         },
         {
           "kind": "js",
-          "name": "rapidBadge",
+          "name": "rapidAvatar",
           "declaration": {
-            "name": "rapidBadge",
-            "module": "src/badge/badge.ts"
+            "name": "rapidAvatar",
+            "module": "src/avatar/avatar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/badge/index.ts",
+      "path": "src/avatar/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -4270,7 +4271,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge"
+            "package": "./avatar"
           }
         },
         {
@@ -4278,7 +4279,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge.styles"
+            "package": "./avatar.styles"
           }
         },
         {
@@ -4286,14 +4287,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge.template"
+            "package": "./avatar.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/avatar/avatar.stories.ts",
+      "path": "src/badge/badge.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -4301,23 +4302,31 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Avatar',\n  component: 'rapid-avatar',\n}"
+          "default": "{\n  title: 'Badge',\n  component: 'rapid-badge',\n}"
         },
         {
           "kind": "variable",
-          "name": "Default",
+          "name": "All",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    src: 'https://avataaars.io/?avatarStyle=Circle&topType=LongHairStraight&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light',\n    link: '#',\n    alt: \"Annie's profile image\",\n    shape: 'circle',\n    initials: 'AJ',\n    name: 'Annie James',\n    fill: 'accent-primary',\n    fillColor: '#196fe6',\n  },\n  argTypes: {\n    shape: {\n      control: 'select',\n      options: ['circle', 'square'],\n    },\n    fillColor: {\n      control: 'color',\n    },\n  },\n  render: ({ initials, link, alt, shape, fill, name, fillColor }) => html`\n    <div style=\"${wrapperStyle}  --avatar-fill-${fill}: ${fillColor}\">\n      <rapid-avatar alt=\"${alt}\" link=\"${link}\" shape=\"${shape}\" fill=\"${fill}\" name=\"${name}\">\n        ${initials}\n      </rapid-avatar>\n    </div>\n  `,\n}"
+          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      ${repeat(\n        badges,\n        (item) => item,\n        (item) => html`\n          <rapid-badge fill=\"${item}\" color=\"text\">Rapid Badge</rapid-badge>\n        `,\n      )}\n    </div>\n  `,\n}"
         },
         {
           "kind": "variable",
-          "name": "WithImage",
+          "name": "Primary",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    avatarSource:\n      'https://avataaars.io/?avatarStyle=Circle&topType=LongHairStraight&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light',\n    link: '#',\n    alt: \"Annie's profile image\",\n    shape: 'circle',\n    initials: 'AJ',\n    name: 'Annie James',\n    fill: 'accent-primary',\n    fillColor: '#196fe6',\n  },\n  argTypes: {\n    shape: {\n      control: 'select',\n      options: ['circle', 'square'],\n    },\n    fillColor: {\n      control: 'color',\n    },\n  },\n  render: ({ avatarSource, link, alt, shape, fill, fillColor }) => html`\n    <div style=\"${wrapperStyle}   --avatar-fill-${fill}: ${fillColor}\">\n      <rapid-avatar\n        src=\"${avatarSource}\"\n        alt=\"${alt}\"\n        link=\"${link}\"\n        shape=\"${shape}\"\n        fill=\"${fill}\"\n      ></rapid-avatar>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    fill: 'primary',\n    badgeText: 'Rapid Badge',\n    badgeText2: '12',\n  },\n  argTypes: {\n    fill: {\n      control: 'select',\n      options: badges,\n    },\n  },\n  render: ({ fill, badgeText, badgeText2 }) => html`\n    <div style=\"${wrapperStyle}\">\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n    </div>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Neutral",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    fill: 'neutral',\n    badgeText: 'Rapid Badge',\n    badgeText2: '12',\n  },\n  argTypes: {\n    fill: {\n      control: 'select',\n      options: badges,\n    },\n  },\n  render: ({ fill, badgeText, badgeText2 }) => html`\n    <div style=\"${wrapperStyle}\">\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4326,34 +4335,42 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/avatar/avatar.stories.ts"
+            "module": "src/badge/badge.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Default",
+          "name": "All",
           "declaration": {
-            "name": "Default",
-            "module": "src/avatar/avatar.stories.ts"
+            "name": "All",
+            "module": "src/badge/badge.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WithImage",
+          "name": "Primary",
           "declaration": {
-            "name": "WithImage",
-            "module": "src/avatar/avatar.stories.ts"
+            "name": "Primary",
+            "module": "src/badge/badge.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Neutral",
+          "declaration": {
+            "name": "Neutral",
+            "module": "src/badge/badge.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/avatar/avatar.styles.ts",
+      "path": "src/badge/badge.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAvatarStyles",
+          "name": "rapidBadgeStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -4378,24 +4395,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAvatarStyles",
+          "name": "rapidBadgeStyles",
           "declaration": {
-            "name": "rapidAvatarStyles",
-            "module": "src/avatar/avatar.styles.ts"
+            "name": "rapidBadgeStyles",
+            "module": "src/badge/badge.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/avatar/avatar.template.ts",
+      "path": "src/badge/badge.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAvatarTemplate",
+          "name": "rapidBadgeTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Avatar>"
+              "text": "ViewTemplate<Badge>"
             }
           },
           "parameters": [
@@ -4417,27 +4434,27 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAvatarTemplate",
+          "name": "rapidBadgeTemplate",
           "declaration": {
-            "name": "rapidAvatarTemplate",
-            "module": "src/avatar/avatar.template.ts"
+            "name": "rapidBadgeTemplate",
+            "module": "src/badge/badge.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/avatar/avatar.ts",
+      "path": "src/badge/badge.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Avatar",
+          "name": "Badge",
           "superclass": {
-            "name": "FoundationAvatar",
+            "name": "FoundationBadge",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-avatar",
+          "tagName": "%%prefix%%-badge",
           "customElement": true,
           "attributes": [
             {
@@ -4445,11 +4462,11 @@
               "type": {
                 "text": "string"
               },
-              "description": "Indicates the Avatar should have a color fill.",
+              "description": "Indicates the badge should have a filled style.",
               "fieldName": "fill",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4457,35 +4474,22 @@
               "type": {
                 "text": "string"
               },
-              "description": "Indicates the Avatar should have a text color.",
+              "description": "Indicates the badge should have a filled style.",
               "fieldName": "color",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
-              }
-            },
-            {
-              "name": "link",
-              "type": {
-                "text": "string"
-              },
-              "description": "Indicates the Avatar should have url link",
-              "fieldName": "link",
-              "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
-              "name": "shape",
               "type": {
-                "text": "AvatarShape"
+                "text": "boolean"
               },
-              "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
-              "fieldName": "shape",
+              "description": "Indicates the element should be circular",
+              "fieldName": "circular",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             }
           ],
@@ -4497,10 +4501,10 @@
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Indicates the Avatar should have a color fill.",
+              "description": "Indicates the badge should have a filled style.",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4510,36 +4514,32 @@
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Indicates the Avatar should have a text color.",
+              "description": "Indicates the badge should have a filled style.",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
               "kind": "field",
-              "name": "link",
+              "name": "circular",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Indicates the Avatar should have url link",
+              "description": "Indicates the element should be circular",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
               "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "AvatarShape"
-              },
+              "name": "generateBadgeStyle",
               "privacy": "public",
-              "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4551,8 +4551,8 @@
               "privacy": "private",
               "default": "void 0",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4564,8 +4564,8 @@
               "privacy": "public",
               "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4577,8 +4577,8 @@
               "privacy": "public",
               "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4591,8 +4591,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4604,8 +4604,8 @@
               "privacy": "public",
               "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4618,8 +4618,8 @@
                 }
               },
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             },
             {
@@ -4649,39 +4649,39 @@
               ],
               "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "Avatar",
-                "module": "src/avatar/avatar.ts"
+                "name": "Badge",
+                "module": "src/badge/badge.ts"
               }
             }
           ]
         },
         {
           "kind": "variable",
-          "name": "rapidAvatar"
+          "name": "rapidBadge"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Avatar",
+          "name": "Badge",
           "declaration": {
-            "name": "Avatar",
-            "module": "src/avatar/avatar.ts"
+            "name": "Badge",
+            "module": "src/badge/badge.ts"
           }
         },
         {
           "kind": "js",
-          "name": "rapidAvatar",
+          "name": "rapidBadge",
           "declaration": {
-            "name": "rapidAvatar",
-            "module": "src/avatar/avatar.ts"
+            "name": "rapidBadge",
+            "module": "src/badge/badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/avatar/index.ts",
+      "path": "src/badge/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -4689,7 +4689,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./avatar"
+            "package": "./badge"
           }
         },
         {
@@ -4697,7 +4697,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./avatar.styles"
+            "package": "./badge.styles"
           }
         },
         {
@@ -4705,7 +4705,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./avatar.template"
+            "package": "./badge.template"
           }
         }
       ]
@@ -20979,24 +20979,207 @@
           "kind": "js",
           "name": "rapidProgressStyles",
           "declaration": {
-            "name": "rapidProgressStyles",
-            "module": "src/progress/progress.styles.ts"
+            "name": "rapidProgressStyles",
+            "module": "src/progress/progress.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/progress.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "rapidProgressTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Progress>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "ProgressOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rapidProgressTemplate",
+          "declaration": {
+            "name": "rapidProgressTemplate",
+            "module": "src/progress/progress.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress/progress.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Progress",
+          "superclass": {
+            "name": "FoundationProgress",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-progress",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "rapidProgress"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Progress",
+          "declaration": {
+            "name": "Progress",
+            "module": "src/progress/progress.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidProgress",
+          "declaration": {
+            "name": "rapidProgress",
+            "module": "src/progress/progress.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Progress Ring',\n  component: 'rapid-progress-ring',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    value: '80',\n  },\n  render: ({ value }) => html`\n    <div style=\"width: 100%;\">\n      <rapid-progress-ring value=\"${value}\"></rapid-progress-ring>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/progress-ring/progress-ring.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/progress-ring/progress-ring.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "rapidProgressRingStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "ProgressRingOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rapidProgressRingStyles",
+          "declaration": {
+            "name": "rapidProgressRingStyles",
+            "module": "src/progress-ring/progress-ring.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress/progress.template.ts",
+      "path": "src/progress-ring/progress-ring.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidProgressTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Progress>"
-            }
-          },
+          "name": "rapidProgressRingTemplate",
           "parameters": [
             {
               "name": "context",
@@ -21007,7 +21190,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "ProgressOptions"
+                "text": "ProgressRingOptions"
               }
             }
           ]
@@ -21016,49 +21199,63 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidProgressTemplate",
+          "name": "rapidProgressRingTemplate",
           "declaration": {
-            "name": "rapidProgressTemplate",
-            "module": "src/progress/progress.template.ts"
+            "name": "rapidProgressRingTemplate",
+            "module": "src/progress-ring/progress-ring.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress/progress.ts",
+      "path": "src/progress-ring/progress-ring.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Progress",
+          "name": "ProgressRing",
           "superclass": {
-            "name": "FoundationProgress",
+            "name": "FoundationProgressRing",
             "package": "@genesislcap/foundation-ui"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "defaultrapidProgressRingConfig",
+          "type": {
+            "text": "object"
           },
-          "tagName": "%%prefix%%-progress",
-          "customElement": true
+          "default": "{}"
         },
         {
           "kind": "variable",
-          "name": "rapidProgress"
+          "name": "rapidProgressRing"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Progress",
+          "name": "ProgressRing",
           "declaration": {
-            "name": "Progress",
-            "module": "src/progress/progress.ts"
+            "name": "ProgressRing",
+            "module": "src/progress-ring/progress-ring.ts"
           }
         },
         {
           "kind": "js",
-          "name": "rapidProgress",
+          "name": "defaultrapidProgressRingConfig",
           "declaration": {
-            "name": "rapidProgress",
-            "module": "src/progress/progress.ts"
+            "name": "defaultrapidProgressRingConfig",
+            "module": "src/progress-ring/progress-ring.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidProgressRing",
+          "declaration": {
+            "name": "rapidProgressRing",
+            "module": "src/progress-ring/progress-ring.ts"
           }
         }
       ]
@@ -22167,203 +22364,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./progress-ring.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Progress Ring',\n  component: 'rapid-progress-ring',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Default",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    value: '80',\n  },\n  render: ({ value }) => html`\n    <div style=\"width: 100%;\">\n      <rapid-progress-ring value=\"${value}\"></rapid-progress-ring>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/progress-ring/progress-ring.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Default",
-          "declaration": {
-            "name": "Default",
-            "module": "src/progress-ring/progress-ring.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "rapidProgressRingStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "ProgressRingOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rapidProgressRingStyles",
-          "declaration": {
-            "name": "rapidProgressRingStyles",
-            "module": "src/progress-ring/progress-ring.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "rapidProgressRingTemplate",
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "ProgressRingOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rapidProgressRingTemplate",
-          "declaration": {
-            "name": "rapidProgressRingTemplate",
-            "module": "src/progress-ring/progress-ring.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ProgressRing",
-          "superclass": {
-            "name": "FoundationProgressRing",
-            "package": "@genesislcap/foundation-ui"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "defaultrapidProgressRingConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "rapidProgressRing"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ProgressRing",
-          "declaration": {
-            "name": "ProgressRing",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultrapidProgressRingConfig",
-          "declaration": {
-            "name": "defaultrapidProgressRingConfig",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "rapidProgressRing",
-          "declaration": {
-            "name": "rapidProgressRing",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/router/index.ts",