scu-web-components 1.0.0 → 1.1.0

package/dist/custom-elements.json

@@ -1140,116 +1140,117 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-callout/ScwCallout.ts",
+      "path": "src/scw-button/ScwButton.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwBlock",
-          "name": "ScwCallout",
+          "description": "ScwButton",
+          "name": "ScwButton",
+          "slots": [
+            {
+              "description": "(OPTIONAL) anchor (for SEO) will determine the label, href, and target.",
+              "name": "default",
+              "default": "\"<a href target />\""
+            },
+            {
+              "description": "(OPTIONAL) random content (paired with design=\"plain\") will wrap that content with a link.",
+              "name": "default",
+              "default": "\"<... />\""
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "heading",
+              "name": "submitType",
               "type": {
-                "text": "string | undefined"
+                "text": "ScwFormComponentSubmitTypes"
               },
-              "description": "(ScwCallout) The heading",
-              "attribute": "heading",
+              "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
+              "attribute": "submit-type",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "element",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwCallout) Alignment of the callout",
-              "attribute": "alignment",
-              "reflects": true
+              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
+              "attribute": "element",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "primaryLink",
+              "name": "href",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwCallout) Primary link href",
-              "attribute": "primary-cta-link",
-              "reflects": true
+              "default": "'javascript:'",
+              "description": "(ScwLink) Link url",
+              "attribute": "href",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "primaryLabel",
+              "name": "icon",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwCallout) Primary link label",
-              "attribute": "primary-cta-label",
-              "reflects": true
+              "default": "''",
+              "description": "(ScwLink) Design system icon",
+              "attribute": "icon",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "secondaryLink",
+              "name": "iconSide",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwCallout) Secondary link href",
-              "attribute": "secondary-cta-link",
-              "reflects": true
+              "default": "''",
+              "description": "(ScwLink) Side you want the icon displayed",
+              "attribute": "icon-side",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "secondaryLabel",
+              "name": "design",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCallout) Secondary link label",
-              "attribute": "secondary-cta-label",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "renderLink",
-              "return": {
-                "type": {
-                  "text": "object"
-                }
+                "text": "| 'solid'\n    | 'outlined'\n    | 'light'\n    | 'white'\n    | 'text'\n    | 'plain'\n    | 'block'\n    | 'icon'\n    | 'main'\n    | 'solidIcon'"
               },
-              "parameters": [
-                {
-                  "name": "label",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "link",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "design",
-                  "default": "'solid'",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "renderLink"
+              "default": "'solid'",
+              "description": "(ScwLink) Link design",
+              "attribute": "design",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "element",
+              "name": "target",
               "type": {
-                "text": "string"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
-              "attribute": "element",
-              "reflects": true,
+              "description": "(ScwLink) Link target",
+              "attribute": "target",
               "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
               }
             },
             {
@@ -1259,7 +1260,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwComponent) Main text within component",
+              "description": "(ScwLink) Link label",
               "attribute": "aria-label",
               "reflects": true,
               "inheritedFrom": {
@@ -1267,6 +1268,20 @@
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "(ScwLink) Link label",
+              "attribute": "size",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "ariaDisabled",
@@ -1274,20 +1289,102 @@
                 "text": "string"
               },
               "default": "'false'",
-              "description": "(ScwComponent) Disables the component however it disables",
+              "description": "(ScwLink) If the link is disabled",
               "attribute": "aria-disabled",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "underline",
+              "type": {
+                "text": "string"
+              },
+              "default": "'true'",
+              "description": "(ScwLink) If a regular link should be underlined",
+              "attribute": "underline",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "linkAnchor",
+              "type": {
+                "text": "HTMLAnchorElement | undefined"
+              },
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "focus",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "click",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              },
+              "description": "renderIcon",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderContent",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              },
+              "description": "renderContent",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isLink",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
               "attribute": "is-link",
               "reflects": true,
@@ -1373,52 +1470,76 @@
           ],
           "attributes": [
             {
-              "name": "heading",
+              "name": "submit-type",
               "type": {
-                "text": "string | undefined"
+                "text": "ScwFormComponentSubmitTypes"
               },
-              "description": "(ScwCallout) The heading",
-              "fieldName": "heading"
+              "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
+              "fieldName": "submitType"
             },
             {
-              "name": "alignment",
+              "name": "icon",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwCallout) Alignment of the callout",
-              "fieldName": "align"
+              "default": "''",
+              "description": "(ScwLink) Design system icon",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
-              "name": "primary-cta-link",
+              "name": "icon-side",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwCallout) Primary link href",
-              "fieldName": "primaryLink"
+              "default": "''",
+              "description": "(ScwLink) Side you want the icon displayed",
+              "fieldName": "iconSide",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
-              "name": "primary-cta-label",
+              "name": "design",
               "type": {
-                "text": "string | undefined"
+                "text": "| 'solid'\n    | 'outlined'\n    | 'light'\n    | 'white'\n    | 'text'\n    | 'plain'\n    | 'block'\n    | 'icon'\n    | 'main'\n    | 'solidIcon'"
               },
-              "description": "(ScwCallout) Primary link label",
-              "fieldName": "primaryLabel"
+              "default": "'solid'",
+              "description": "(ScwLink) Link design",
+              "fieldName": "design",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
-              "name": "secondary-cta-link",
+              "name": "href",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwCallout) Secondary link href",
-              "fieldName": "secondaryLink"
+              "default": "''",
+              "description": "(ScwLink) Link url",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
-              "name": "secondary-cta-label",
+              "name": "target",
               "type": {
-                "text": "string | undefined"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "description": "(ScwCallout) Secondary link label",
-              "fieldName": "secondaryLabel"
+              "description": "(ScwLink) Link target",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
               "name": "aria-label",
@@ -1426,26 +1547,52 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwComponent) Main text within component",
+              "description": "(ScwLink) Link label",
               "fieldName": "ariaLabel",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "(ScwLink) Link label",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
             {
               "name": "aria-disabled",
               "type": {
                 "text": "string"
               },
               "default": "'false'",
-              "description": "(ScwComponent) Disables the component however it disables",
+              "description": "(ScwLink) If the link is disabled",
               "fieldName": "ariaDisabled",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
+            {
+              "name": "underline",
+              "type": {
+                "text": "string"
+              },
+              "default": "'true'",
+              "description": "(ScwLink) If a regular link should be underlined",
+              "fieldName": "underline",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
             {
               "name": "is-link",
               "type": {
@@ -1486,10 +1633,10 @@
             }
           ],
           "superclass": {
-            "name": "ScwComponent",
-            "package": "scw-component/ScwComponent"
+            "name": "ScwLink",
+            "module": "/src/scw-link/ScwLink"
           },
-          "tagName": "scw-callout",
+          "tagName": "scw-button",
           "customElement": true
         }
       ],
@@ -1498,151 +1645,135 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwCallout",
-            "module": "src/scw-callout/ScwCallout.ts"
+            "name": "ScwButton",
+            "module": "src/scw-button/ScwButton.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-callout/scw-callout.ts",
+      "path": "src/scw-button/scw-button.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-callout",
+          "name": "scw-button",
           "declaration": {
-            "name": "ScwCallout",
-            "module": "/src/scw-callout/ScwCallout"
+            "name": "ScwButton",
+            "module": "/src/scw-button/ScwButton.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-button/ScwButton.ts",
+      "path": "src/scw-callout/ScwCallout.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwButton",
-          "name": "ScwButton",
-          "slots": [
-            {
-              "description": "(OPTIONAL) anchor (for SEO) will determine the label, href, and target.",
-              "name": "default",
-              "default": "\"<a href target />\""
-            },
-            {
-              "description": "(OPTIONAL) random content (paired with design=\"plain\") will wrap that content with a link.",
-              "name": "default",
-              "default": "\"<... />\""
-            }
-          ],
+          "description": "ScwBlock",
+          "name": "ScwCallout",
           "members": [
             {
               "kind": "field",
-              "name": "submitType",
+              "name": "heading",
               "type": {
-                "text": "ScwFormComponentSubmitTypes"
+                "text": "string | undefined"
               },
-              "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
-              "attribute": "submit-type",
+              "description": "(ScwCallout) The heading",
+              "attribute": "heading",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "element",
+              "name": "align",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
-              "attribute": "element",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "(ScwCallout) Alignment of the callout",
+              "attribute": "alignment",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "primaryLink",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'javascript:'",
-              "description": "(ScwLink) Link url",
-              "attribute": "href",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Primary link href",
+              "attribute": "primary-cta-link",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "primaryLabel",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "(ScwLink) Design system icon",
-              "attribute": "icon",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Primary link label",
+              "attribute": "primary-cta-label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "iconSide",
+              "name": "secondaryLink",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "(ScwLink) Side you want the icon displayed",
-              "attribute": "icon-side",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Secondary link href",
+              "attribute": "secondary-cta-link",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "design",
+              "name": "secondaryLabel",
               "type": {
-                "text": "| 'solid'\n    | 'outlined'\n    | 'light'\n    | 'white'\n    | 'text'\n    | 'plain'\n    | 'block'\n    | 'icon'\n    | 'main'\n    | 'solidIcon'"
+                "text": "string | undefined"
               },
-              "default": "'solid'",
-              "description": "(ScwLink) Link design",
-              "attribute": "design",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Secondary link label",
+              "attribute": "secondary-cta-label",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              "kind": "method",
+              "name": "renderLink",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
               },
-              "description": "(ScwLink) Link target",
-              "attribute": "target",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "parameters": [
+                {
+                  "name": "label",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "link",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "design",
+                  "default": "'solid'",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "renderLink"
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "element",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "(ScwLink) Link label",
-              "attribute": "aria-label",
+              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
+              "attribute": "element",
               "reflects": true,
               "inheritedFrom": {
                 "name": "ScwComponent",
@@ -1651,16 +1782,17 @@
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "ariaLabel",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "(ScwLink) Link label",
-              "attribute": "size",
+              "default": "''",
+              "description": "(ScwComponent) Main text within component",
+              "attribute": "aria-label",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
               }
             },
             {
@@ -1670,88 +1802,20 @@
                 "text": "string"
               },
               "default": "'false'",
-              "description": "(ScwLink) If the link is disabled",
+              "description": "(ScwComponent) Disables the component however it disables",
               "attribute": "aria-disabled",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "underline",
-              "type": {
-                "text": "string"
-              },
-              "default": "'true'",
-              "description": "(ScwLink) If a regular link should be underlined",
-              "attribute": "underline",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "linkAnchor",
-              "type": {
-                "text": "HTMLAnchorElement | undefined"
-              },
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "focus",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "object"
-                }
-              },
-              "description": "renderIcon",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderContent",
-              "return": {
-                "type": {
-                  "text": "object"
-                }
-              },
-              "description": "renderContent",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "isLink",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
               "attribute": "is-link",
               "reflects": true,
@@ -1837,76 +1901,52 @@
           ],
           "attributes": [
             {
-              "name": "submit-type",
+              "name": "heading",
               "type": {
-                "text": "ScwFormComponentSubmitTypes"
+                "text": "string | undefined"
               },
-              "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
-              "fieldName": "submitType"
+              "description": "(ScwCallout) The heading",
+              "fieldName": "heading"
             },
             {
-              "name": "icon",
+              "name": "alignment",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "(ScwLink) Design system icon",
-              "fieldName": "icon",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Alignment of the callout",
+              "fieldName": "align"
             },
             {
-              "name": "icon-side",
+              "name": "primary-cta-link",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "(ScwLink) Side you want the icon displayed",
-              "fieldName": "iconSide",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Primary link href",
+              "fieldName": "primaryLink"
             },
             {
-              "name": "design",
+              "name": "primary-cta-label",
               "type": {
-                "text": "| 'solid'\n    | 'outlined'\n    | 'light'\n    | 'white'\n    | 'text'\n    | 'plain'\n    | 'block'\n    | 'icon'\n    | 'main'\n    | 'solidIcon'"
+                "text": "string | undefined"
               },
-              "default": "'solid'",
-              "description": "(ScwLink) Link design",
-              "fieldName": "design",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Primary link label",
+              "fieldName": "primaryLabel"
             },
             {
-              "name": "href",
+              "name": "secondary-cta-link",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "(ScwLink) Link url",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Secondary link href",
+              "fieldName": "secondaryLink"
             },
             {
-              "name": "target",
+              "name": "secondary-cta-label",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "string | undefined"
               },
-              "description": "(ScwLink) Link target",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Secondary link label",
+              "fieldName": "secondaryLabel"
             },
             {
               "name": "aria-label",
@@ -1914,52 +1954,26 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwLink) Link label",
+              "description": "(ScwComponent) Main text within component",
               "fieldName": "ariaLabel",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "(ScwLink) Link label",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
             {
               "name": "aria-disabled",
               "type": {
                 "text": "string"
               },
               "default": "'false'",
-              "description": "(ScwLink) If the link is disabled",
+              "description": "(ScwComponent) Disables the component however it disables",
               "fieldName": "ariaDisabled",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
-            {
-              "name": "underline",
-              "type": {
-                "text": "string"
-              },
-              "default": "'true'",
-              "description": "(ScwLink) If a regular link should be underlined",
-              "fieldName": "underline",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
             {
               "name": "is-link",
               "type": {
@@ -2000,10 +2014,10 @@
             }
           ],
           "superclass": {
-            "name": "ScwLink",
-            "module": "/src/scw-link/ScwLink"
+            "name": "ScwComponent",
+            "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-button",
+          "tagName": "scw-callout",
           "customElement": true
         }
       ],
@@ -2012,23 +2026,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwButton",
-            "module": "src/scw-button/ScwButton.ts"
+            "name": "ScwCallout",
+            "module": "src/scw-callout/ScwCallout.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-button/scw-button.ts",
+      "path": "src/scw-callout/scw-callout.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-button",
+          "name": "scw-callout",
           "declaration": {
-            "name": "ScwButton",
-            "module": "/src/scw-button/ScwButton.js"
+            "name": "ScwCallout",
+            "module": "/src/scw-callout/ScwCallout"
           }
         }
       ]
@@ -8650,6 +8664,44 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "medBreakPoint",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "showDropdown",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "orginalSize",
+              "type": {
+                "text": "'small' | 'medium'"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "resizeHandler",
+              "type": {
+                "text": "() => void"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "scrollHandler",
+              "type": {
+                "text": "() => void"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "type",
@@ -8670,6 +8722,35 @@
               "description": "(ScwHorizontalNav) Size of nav",
               "attribute": "size"
             },
+            {
+              "kind": "field",
+              "name": "align",
+              "type": {
+                "text": "'left' | 'center'"
+              },
+              "default": "'center'",
+              "description": "(ScwHorizontalNav) Alignment of nav when horizontal",
+              "attribute": "align"
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwHorizontalNav) If you want the nav to be arranged vertically",
+              "attribute": "vertical"
+            },
+            {
+              "kind": "field",
+              "name": "responsive",
+              "type": {
+                "text": "'size' | 'dropdown' | undefined"
+              },
+              "description": "(ScwHorizontalNav) If you want the nav to handle responsiveness",
+              "attribute": "responsive"
+            },
             {
               "kind": "field",
               "name": "tabs",
@@ -8690,6 +8771,16 @@
               "description": "(ScwHorizontalNav) If you want to remove the bottom border",
               "attribute": "hide-border"
             },
+            {
+              "kind": "field",
+              "name": "updateOnScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwHorizontalNav) If you want the nav to automatically update its\nactive item based on link anchors",
+              "attribute": "update-on-scroll"
+            },
             {
               "kind": "field",
               "name": "indicator",
@@ -8718,12 +8809,31 @@
                 "text": "HTMLElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "dropdown",
+              "type": {
+                "text": "ScwSelect"
+              }
+            },
             {
               "kind": "method",
               "name": "syncTabsAndPanels",
               "privacy": "private",
               "description": "syncTabsAndPanels"
             },
+            {
+              "kind": "method",
+              "name": "checkSize",
+              "privacy": "private",
+              "description": "checkSize"
+            },
+            {
+              "kind": "method",
+              "name": "handleScroll",
+              "privacy": "private",
+              "description": "handleScroll"
+            },
             {
               "kind": "method",
               "name": "setAriaLabels",
@@ -8800,6 +8910,20 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "handleValueChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ],
+              "description": "handleValueChange"
+            },
             {
               "kind": "method",
               "name": "handleClick",
@@ -9006,6 +9130,32 @@
               "description": "(ScwHorizontalNav) Size of nav",
               "fieldName": "size"
             },
+            {
+              "name": "align",
+              "type": {
+                "text": "'left' | 'center'"
+              },
+              "default": "'center'",
+              "description": "(ScwHorizontalNav) Alignment of nav when horizontal",
+              "fieldName": "align"
+            },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwHorizontalNav) If you want the nav to be arranged vertically",
+              "fieldName": "vertical"
+            },
+            {
+              "name": "responsive",
+              "type": {
+                "text": "'size' | 'dropdown' | undefined"
+              },
+              "description": "(ScwHorizontalNav) If you want the nav to handle responsiveness",
+              "fieldName": "responsive"
+            },
             {
               "name": "tabs",
               "type": {
@@ -9024,6 +9174,15 @@
               "description": "(ScwHorizontalNav) If you want to remove the bottom border",
               "fieldName": "hideBorder"
             },
+            {
+              "name": "update-on-scroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwHorizontalNav) If you want the nav to automatically update its\nactive item based on link anchors",
+              "fieldName": "updateOnScroll"
+            },
             {
               "name": "aria-label",
               "type": {
@@ -9180,6 +9339,17 @@
               "attribute": "size",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwHorizontalNavItem) If the component is vertical.\nSet automatically by parent.",
+              "attribute": "vertical",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "tab",
@@ -9419,6 +9589,15 @@
               "description": "(ScwHorizontalNavItem) Size of nav item. Will be set automatically by\nparent",
               "fieldName": "size"
             },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwHorizontalNavItem) If the component is vertical.\nSet automatically by parent.",
+              "fieldName": "vertical"
+            },
             {
               "name": "tab",
               "type": {
@@ -11400,6 +11579,16 @@
               "description": "(ScwInput) Size of input",
               "attribute": "size"
             },
+            {
+              "kind": "field",
+              "name": "accept",
+              "type": {
+                "text": "null"
+              },
+              "default": "null",
+              "description": "(ScwInput) Input accept property",
+              "attribute": "accept"
+            },
             {
               "kind": "field",
               "name": "input",
@@ -12189,6 +12378,15 @@
               "description": "(ScwInput) Size of input",
               "fieldName": "inputSize"
             },
+            {
+              "name": "accept",
+              "type": {
+                "text": "null"
+              },
+              "default": "null",
+              "description": "(ScwInput) Input accept property",
+              "fieldName": "accept"
+            },
             {
               "name": "form-type",
               "type": {
@@ -12772,6 +12970,16 @@
               },
               "description": "focus"
             },
+            {
+              "kind": "method",
+              "name": "click",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "click"
+            },
             {
               "kind": "method",
               "name": "renderIcon",
@@ -15963,6 +16171,15 @@
               "description": "(ScwModal) Modal heading",
               "attribute": "heading"
             },
+            {
+              "kind": "field",
+              "name": "align",
+              "type": {
+                "text": "'left' | 'center' | undefined"
+              },
+              "description": "(ScwModal) Force alignment of modal heading",
+              "attribute": "align"
+            },
             {
               "kind": "field",
               "name": "open",
@@ -16282,6 +16499,14 @@
               "description": "(ScwModal) Modal heading",
               "fieldName": "heading"
             },
+            {
+              "name": "align",
+              "type": {
+                "text": "'left' | 'center' | undefined"
+              },
+              "description": "(ScwModal) Force alignment of modal heading",
+              "fieldName": "align"
+            },
             {
               "name": "open",
               "type": {