scu-web-components 1.3.19 → 1.3.20

package/dist/custom-elements.json

@@ -797,6 +797,16 @@
               "attribute": "super-heading",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "superHeadingStyle",
+              "type": {
+                "text": "'text' | 'tag'"
+              },
+              "default": "'text'",
+              "attribute": "super-heading-style",
+              "reflects": true
+            },
             {
               "kind": "method",
               "name": "renderHeading",
@@ -807,6 +817,16 @@
               },
               "description": "renderHeading"
             },
+            {
+              "kind": "method",
+              "name": "renderSuperHeading",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              },
+              "description": "renderSuperHeading"
+            },
             {
               "kind": "field",
               "name": "element",
@@ -970,6 +990,14 @@
               },
               "fieldName": "superHeading"
             },
+            {
+              "name": "super-heading-style",
+              "type": {
+                "text": "'text' | 'tag'"
+              },
+              "default": "'text'",
+              "fieldName": "superHeadingStyle"
+            },
             {
               "name": "aria-label",
               "type": {
@@ -7000,6 +7028,16 @@
               "description": "(ScwFloatingButton) Height of button (on large screens)",
               "attribute": "height"
             },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
+              },
+              "default": "'default'",
+              "description": "(ScwFloatingButton) Shape of button",
+              "attribute": "shape"
+            },
             {
               "kind": "field",
               "name": "element",
@@ -7161,6 +7199,15 @@
               "description": "(ScwFloatingButton) Height of button (on large screens)",
               "fieldName": "height"
             },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
+              },
+              "default": "'default'",
+              "description": "(ScwFloatingButton) Shape of button",
+              "fieldName": "shape"
+            },
             {
               "name": "aria-label",
               "type": {

package/dist/docs/components/ScwBlock.json

@@ -40,6 +40,16 @@
       "attribute": "super-heading",
       "reflects": true
     },
+    {
+      "kind": "field",
+      "name": "superHeadingStyle",
+      "type": {
+        "text": "'text' | 'tag'"
+      },
+      "default": "'text'",
+      "attribute": "super-heading-style",
+      "reflects": true
+    },
     {
       "kind": "method",
       "name": "renderHeading",
@@ -50,6 +60,16 @@
       },
       "description": "renderHeading"
     },
+    {
+      "kind": "method",
+      "name": "renderSuperHeading",
+      "return": {
+        "type": {
+          "text": "object"
+        }
+      },
+      "description": "renderSuperHeading"
+    },
     {
       "kind": "field",
       "name": "element",
@@ -213,6 +233,14 @@
       },
       "fieldName": "superHeading"
     },
+    {
+      "name": "super-heading-style",
+      "type": {
+        "text": "'text' | 'tag'"
+      },
+      "default": "'text'",
+      "fieldName": "superHeadingStyle"
+    },
     {
       "name": "aria-label",
       "type": {
@@ -305,6 +333,11 @@
       "description": "Super heading adds a super heading above the main heading",
       "code": "\n      <scw-block\n        super-heading=\"Super Heading\"\n        heading=\"WHY SUMMIT?\">\n        <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n        Summit makes managing money easier, more effective and more fun.\n        With Summit, you can reduce financial stress and grow financial\n        confidence, security and wealth. Together, we make the world better.\n        </p>\n        <scw-link slot=\"cta-link\" aria-label=\"Careers\"></scw-link>\n        <scw-link slot=\"cta-link\"\n          aria-label=\"Join Our Team\"\n          design=\"outlined\"></scw-link>\n      </scw-block>"
     },
+    {
+      "title": "Super Heading - Tag",
+      "description": "Super heading adds a super heading above the main heading",
+      "code": "\n      <scw-stack\n        scw-gap-6s>\n        <scw-block\n          super-heading=\"Super Heading\"\n          super-heading-style=\"tag\"\n          heading=\"WHY SUMMIT?\">\n          <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n          Summit makes managing money easier, more effective and more fun.\n          With Summit, you can reduce financial stress and grow financial\n          confidence, security and wealth. Together, we make the world better.\n          </p>\n          <scw-link slot=\"cta-link\" aria-label=\"Careers\"></scw-link>\n          <scw-link slot=\"cta-link\"\n            aria-label=\"Join Our Team\"\n            design=\"outlined\"></scw-link>\n        </scw-block>\n        <scw-block\n          super-heading=\"Super Heading\"\n          super-heading-style=\"tag\"\n          heading=\"WHY SUMMIT?\"\n          alignment=\"center\">\n          <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n          Summit makes managing money easier, more effective and more fun.\n          With Summit, you can reduce financial stress and grow financial\n          confidence, security and wealth. Together, we make the world better.\n          </p>\n          <scw-link slot=\"cta-link\" aria-label=\"Careers\"></scw-link>\n          <scw-link slot=\"cta-link\"\n            aria-label=\"Join Our Team\"\n            design=\"outlined\"></scw-link>\n        </scw-block>\n      </scw-stack>"
+    },
     {
       "title": "Heading levels",
       "description": "Heading size can be changed by passing different heading\n       levels (h1, h2, h3, h4, h5, h6). The default heading level when none\n       is passed is h2.",

package/dist/docs/components/ScwFloatingButton.json

@@ -34,6 +34,16 @@
       "description": "(ScwFloatingButton) Height of button (on large screens)",
       "attribute": "height"
     },
+    {
+      "kind": "field",
+      "name": "shape",
+      "type": {
+        "text": "'default' | 'pill'"
+      },
+      "default": "'default'",
+      "description": "(ScwFloatingButton) Shape of button",
+      "attribute": "shape"
+    },
     {
       "kind": "field",
       "name": "element",
@@ -195,6 +205,15 @@
       "description": "(ScwFloatingButton) Height of button (on large screens)",
       "fieldName": "height"
     },
+    {
+      "name": "shape",
+      "type": {
+        "text": "'default' | 'pill'"
+      },
+      "default": "'default'",
+      "description": "(ScwFloatingButton) Shape of button",
+      "fieldName": "shape"
+    },
     {
       "name": "aria-label",
       "type": {
@@ -281,6 +300,11 @@
       "title": "Sizing",
       "description": "Define width and height of the button to customize\n      the sizing.",
       "code": "\n      <scw-flex-v scw-gap-2s>\n        <scw-floating-button\n          icon=\"resource-calculator\"\n          aria-label=\"Home Affordability Calculator\"\n          width=\"115px\"\n          height=\"90px\">\n        </scw-floating-button>\n        <scw-floating-button\n          icon=\"message-outline\"\n          aria-label=\"Need Assistance?\"\n          width=\"115px\"\n          height=\"90px\">\n        </scw-floating-button>\n      </scw-flex-v>"
+    },
+    {
+      "title": "Pill",
+      "description": "Define shape of the button to be pill.",
+      "code": "\n      <scw-floating-button\n        icon=\"resource-calculator\"\n        aria-label=\"Home Affordability Calculator\"\n        shape=\"pill\">\n      </scw-floating-button>"
     }
   ]
 }

package/dist/docs/components/manifest.json

@@ -5,18 +5,18 @@
     "tagName": "scw-accordion",
     "category": "interactive"
   },
-  {
-    "name": "ScwAlert",
-    "fileName": "ScwAlert.json",
-    "tagName": "scw-alert",
-    "category": "interactive"
-  },
   {
     "name": "ScwBlock",
     "fileName": "ScwBlock.json",
     "tagName": "scw-block",
     "category": "interactive"
   },
+  {
+    "name": "ScwAlert",
+    "fileName": "ScwAlert.json",
+    "tagName": "scw-alert",
+    "category": "interactive"
+  },
   {
     "name": "ScwButton",
     "fileName": "ScwButton.json",
@@ -287,18 +287,18 @@
     "tagName": "scw-select",
     "category": "form"
   },
-  {
-    "name": "ScwStackComponent",
-    "fileName": "ScwStackComponent.json",
-    "tagName": "scw-stack-component",
-    "category": "layouts"
-  },
   {
     "name": "ScwSlider",
     "fileName": "ScwSlider.json",
     "tagName": "scw-slider",
     "category": "interactive"
   },
+  {
+    "name": "ScwStackComponent",
+    "fileName": "ScwStackComponent.json",
+    "tagName": "scw-stack-component",
+    "category": "layouts"
+  },
   {
     "name": "ScwStepper",
     "fileName": "ScwStepper.json",

package/dist/docs/config.json

@@ -1,20 +1,20 @@
 {
   "title": "Summit Credit Union Web Design System (SCW)",
-  "version": "1.3.19",
+  "version": "1.3.20",
   "navigation": [
     {
       "id": "tokens",
       "title": "Component SASS",
-      "url": "../tokens/tokens.html?1.3.19"
+      "url": "../tokens/tokens.html?1.3.20"
     },
     {
       "id": "css",
       "title": "CSS",
-      "url": "../tokens/css.html?clipboardType=classes&1.3.19"
+      "url": "../tokens/css.html?clipboardType=classes&1.3.20"
     }
   ],
-  "moduleEmbed": "const scw = await import('../scw.js?1775144852884'); scw.defineComponents();",
-  "cssLink": "../scw.css?1775144852884",
+  "moduleEmbed": "const scw = await import('../scw.js?1784646772254'); scw.defineComponents();",
+  "cssLink": "../scw.css?1784646772254",
   "documents": [
     {
       "title": "Install",