scu-web-components 1.3.21 → 1.3.22

package/dist/docs/components/ScwIconFeature.json

@@ -469,6 +469,11 @@
       "description": "Adding card adds the card styling",
       "code": "\n        <scw-stack scw-gap-4s style=\"--scw-icon-color: \n        var( --scw-color-primary-05 );\">\n        <h3>Small</h3>\n\n        <scw-icon-feature href=\"#\" card size=\"extra-small\" \n        icon=\"icon-checkbox-selected\" \n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam \n        phasellus vestibulum lorem sed risus\"\n        style=\"max-width:400px;\" \n        heading=\"Enjoy a financial cushion with overdraft protection\">   \n        </scw-icon-feature>\n\n        <scw-icon-feature href=\"#\" card size=\"small\" \n        icon=\"icon-checkbox-selected\" \n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam \n        phasellus vestibulum lorem sed risus\"\n        style=\"max-width:400px;\" \n        heading=\"Enjoy a financial cushion with overdraft protection\">   \n        </scw-icon-feature>\n\n        <h3>Medium</h3>\n        <scw-icon-feature href=\"#\" card size=\"medium\" \n        icon=\"icon-checkbox-selected\" \n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam \n        phasellus vestibulum lorem sed risus\"\n        style=\"max-width:400px;\"\n        heading=\"Enjoy a financial cushion with overdraft protection\">\n        </scw-icon-feature>\n\n        <h3>Large</h3>\n        <scw-icon-feature href=\"#\" card size=\"large\" \n        icon=\"icon-checkbox-selected\" \n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam \n        phasellus vestibulum lorem sed risus\"\n        style=\"max-width:400px;\"\n        heading=\"Enjoy a financial cushion with overdraft protection\">\n        </scw-icon-feature>\n        </scw-stack>\n          "
     },
+    {
+      "title": "Center Aligned Card",
+      "description": "Center aligns the content within the card",
+      "code": "\n        <scw-stack scw-gap-4s style=\"--scw-icon-color: \n        var( --scw-color-primary-05 );\" scw-theme-primary>\n        <h3>Small</h3>\n\n        <scw-icon-feature href=\"#\" card size=\"extra-small\" \n        center=\"true\"\n        icon=\"icon-checkbox-selected\" \n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam \n        phasellus vestibulum lorem sed risus\"\n        style=\"max-width:400px;\" \n        heading=\"Lorem Ipsum\">   \n        </scw-icon-feature>\n\n        <scw-icon-feature href=\"#\" card size=\"small\" \n        center=\"true\"\n        icon=\"icon-checkbox-selected\"\n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam \n        phasellus vestibulum lorem sed risus\"\n        style=\"max-width:400px;\" \n        heading=\"Enjoy a financial cushion with overdraft protection\">   \n        </scw-icon-feature>\n\n        <h3>Medium</h3>\n        <scw-icon-feature href=\"#\" card size=\"medium\" \n        center=\"true\"\n        icon=\"icon-checkbox-selected\" \n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam \n        phasellus vestibulum lorem sed risus\"\n        style=\"max-width:400px;\"\n        heading=\"Enjoy a financial cushion with overdraft protection\">\n        </scw-icon-feature>\n\n        <h3>Large</h3>\n        <scw-icon-feature href=\"#\" card size=\"large\" \n        center\n        icon=\"icon-checkbox-selected\" \n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam \n        phasellus vestibulum lorem sed risus\"\n        style=\"max-width:400px;\"\n        heading=\"Lorem Ipsum\"\n        heading-level=\"h3\">\n        </scw-icon-feature>\n        </scw-stack>\n          "
+    },
     {
       "title": "Image",
       "description": "If no icon is provided an image can be used using \n      the \"image\" slot.",
@@ -477,7 +482,7 @@
     {
       "title": "Center",
       "description": "The 'center' attribute will center the icon and content.",
-      "code": "\n        <scw-stack scw-gap-4s style=\"--scw-icon-color: \n        var( --scw-color-primary-05 );\">\n        <h3>Small</h3>\n\n        <scw-icon-feature size=\"small\" center icon=\"icon-checkbox-selected\" \n        style=\"max-width:400px;\"\n        heading=\"Enjoy a financial cushion with overdraft protection\">\n        </scw-icon-feature>\n\n        <h3>Medium</h3>\n        <scw-icon-feature size=\"medium\" center icon=\"icon-checkbox-selected\" \n        style=\"max-width:400px;\"\n        heading=\"Enjoy a financial cushion with overdraft protection\">\n        </scw-icon-feature>\n\n        <h3>Large</h3>\n        <scw-icon-feature size=\"large\" center icon=\"icon-checkbox-selected\" \n        style=\"max-width:400px;\"\n        heading=\"Enjoy a financial cushion with overdraft protection\">\n        </scw-icon-feature>\n        </scw-stack>"
+      "code": "\n        <scw-stack scw-gap-4s style=\"--scw-icon-color: \n        var( --scw-color-primary-05 );\">\n        <h3>Small</h3>\n\n        <scw-icon-feature size=\"small\" center icon=\"icon-checkbox-selected\" \n        style=\"max-width:400px;\"\n        heading=\"Enjoy a financial cushion with overdraft protection\">\n        </scw-icon-feature>\n\n        <h3>Medium</h3>\n        <scw-icon-feature size=\"medium\" center icon=\"icon-checkbox-selected\" \n        style=\"max-width:400px;\"\n        heading=\"Enjoy a financial cushion with overdraft protection\">\n        </scw-icon-feature>\n\n        <h3>Large</h3>\n        <scw-icon-feature size=\"large\" center href=\"#\" icon=\"icon-checkbox-selected\" \n        style=\"max-width:400px;\"\n        heading=\"Lorem Ipsum\"\n        body=\"integer vitae justo eget magna fermentum iaculis eu non diam\n                    phasellus vestibulum lorem sed risus\"\n        heading-level=\"h6\">\n        </scw-icon-feature>\n        </scw-stack>"
     },
     {
       "title": "Link",

package/dist/docs/components/ScwTooltip.json

@@ -135,6 +135,53 @@
       "name": "handleClick",
       "description": "handleClick"
     },
+    {
+      "kind": "method",
+      "name": "findComposedAncestor",
+      "privacy": "private",
+      "return": {
+        "type": {
+          "text": "HTMLElement"
+        }
+      },
+      "parameters": [
+        {
+          "name": "element",
+          "type": {
+            "text": "Element"
+          }
+        },
+        {
+          "name": "selector",
+          "type": {
+            "text": "string"
+          }
+        }
+      ],
+      "description": "findComposedAncestor"
+    },
+    {
+      "kind": "field",
+      "name": "activeCell",
+      "type": {
+        "text": "HTMLElement | undefined"
+      },
+      "privacy": "private"
+    },
+    {
+      "kind": "method",
+      "name": "setTooltipLayer",
+      "privacy": "private",
+      "parameters": [
+        {
+          "name": "open",
+          "type": {
+            "text": "boolean"
+          }
+        }
+      ],
+      "description": "setTooltipLayer"
+    },
     {
       "kind": "field",
       "name": "element",

package/dist/docs/components/manifest.json

@@ -17,12 +17,6 @@
     "tagName": "scw-block",
     "category": "interactive"
   },
-  {
-    "name": "ScwButton",
-    "fileName": "ScwButton.json",
-    "tagName": "scw-button",
-    "category": "interactive"
-  },
   {
     "name": "ScwCallout",
     "fileName": "ScwCallout.json",
@@ -59,6 +53,12 @@
     "tagName": "scw-comparison-row",
     "category": "interactive"
   },
+  {
+    "name": "ScwButton",
+    "fileName": "ScwButton.json",
+    "tagName": "scw-button",
+    "category": "interactive"
+  },
   {
     "name": "ScwComparisonTable",
     "fileName": "ScwComparisonTable.json",
@@ -119,18 +119,18 @@
     "tagName": "scw-float-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwFloatingButton",
-    "fileName": "ScwFloatingButton.json",
-    "tagName": "scw-floating-button",
-    "category": "interactive"
-  },
   {
     "name": "ScwForm",
     "fileName": "ScwForm.json",
     "tagName": "scw-form",
     "category": "form"
   },
+  {
+    "name": "ScwFloatingButton",
+    "fileName": "ScwFloatingButton.json",
+    "tagName": "scw-floating-button",
+    "category": "interactive"
+  },
   {
     "name": "ScwFormComponent",
     "fileName": "ScwFormComponent.json",
@@ -245,18 +245,18 @@
     "tagName": "scw-product-card",
     "category": "interactive"
   },
-  {
-    "name": "ScwRadioButton",
-    "fileName": "ScwRadioButton.json",
-    "tagName": "scw-radio-button",
-    "category": "form"
-  },
   {
     "name": "ScwRadio",
     "fileName": "ScwRadio.json",
     "tagName": "scw-radio",
     "category": "form"
   },
+  {
+    "name": "ScwRadioButton",
+    "fileName": "ScwRadioButton.json",
+    "tagName": "scw-radio-button",
+    "category": "form"
+  },
   {
     "name": "ScwRadioGroup",
     "fileName": "ScwRadioGroup.json",

package/dist/docs/config.json

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