scu-web-components 1.3.9 → 1.3.10

package/dist/custom-elements.json

@@ -24523,11 +24523,11 @@
               "kind": "field",
               "name": "href",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "(ScwTag) Href if you want it linked",
-              "attribute": "href"
+              "description": "(ScwTag) Href if you want it linked. Pass in empty string for\nbutton-like behavior",
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -24537,7 +24537,73 @@
               },
               "default": "''",
               "description": "(ScwTag) Text inside the tag",
-              "attribute": "value"
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwTag) If the tag is active or not",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwTag) Design system icon",
+              "attribute": "icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "iconSide",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwTag) Side you want the icon displayed",
+              "attribute": "icon-side",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium'"
+              },
+              "default": "'medium'",
+              "description": "(ScwTag) Tag size",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              },
+              "description": "renderIcon"
+            },
+            {
+              "kind": "method",
+              "name": "renderContent",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              },
+              "description": "renderContent"
             },
             {
               "kind": "field",
@@ -24676,10 +24742,9 @@
             {
               "name": "href",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "(ScwTag) Href if you want it linked",
+              "description": "(ScwTag) Href if you want it linked. Pass in empty string for\nbutton-like behavior",
               "fieldName": "href"
             },
             {
@@ -24691,6 +24756,42 @@
               "description": "(ScwTag) Text inside the tag",
               "fieldName": "value"
             },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwTag) If the tag is active or not",
+              "fieldName": "selected"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwTag) Design system icon",
+              "fieldName": "icon"
+            },
+            {
+              "name": "icon-side",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwTag) Side you want the icon displayed",
+              "fieldName": "iconSide"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium'"
+              },
+              "default": "'medium'",
+              "description": "(ScwTag) Tag size",
+              "fieldName": "size"
+            },
             {
               "name": "aria-label",
               "type": {

package/dist/docs/components/ScwTag.json

@@ -8,11 +8,11 @@
       "kind": "field",
       "name": "href",
       "type": {
-        "text": "string"
+        "text": "string | undefined"
       },
-      "default": "''",
-      "description": "(ScwTag) Href if you want it linked",
-      "attribute": "href"
+      "description": "(ScwTag) Href if you want it linked. Pass in empty string for\nbutton-like behavior",
+      "attribute": "href",
+      "reflects": true
     },
     {
       "kind": "field",
@@ -22,7 +22,73 @@
       },
       "default": "''",
       "description": "(ScwTag) Text inside the tag",
-      "attribute": "value"
+      "attribute": "value",
+      "reflects": true
+    },
+    {
+      "kind": "field",
+      "name": "selected",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "(ScwTag) If the tag is active or not",
+      "attribute": "selected",
+      "reflects": true
+    },
+    {
+      "kind": "field",
+      "name": "icon",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "(ScwTag) Design system icon",
+      "attribute": "icon",
+      "reflects": true
+    },
+    {
+      "kind": "field",
+      "name": "iconSide",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "(ScwTag) Side you want the icon displayed",
+      "attribute": "icon-side",
+      "reflects": true
+    },
+    {
+      "kind": "field",
+      "name": "size",
+      "type": {
+        "text": "'small' | 'medium'"
+      },
+      "default": "'medium'",
+      "description": "(ScwTag) Tag size",
+      "attribute": "size",
+      "reflects": true
+    },
+    {
+      "kind": "method",
+      "name": "renderIcon",
+      "privacy": "private",
+      "return": {
+        "type": {
+          "text": "object"
+        }
+      },
+      "description": "renderIcon"
+    },
+    {
+      "kind": "method",
+      "name": "renderContent",
+      "return": {
+        "type": {
+          "text": "object"
+        }
+      },
+      "description": "renderContent"
     },
     {
       "kind": "field",
@@ -161,10 +227,9 @@
     {
       "name": "href",
       "type": {
-        "text": "string"
+        "text": "string | undefined"
       },
-      "default": "''",
-      "description": "(ScwTag) Href if you want it linked",
+      "description": "(ScwTag) Href if you want it linked. Pass in empty string for\nbutton-like behavior",
       "fieldName": "href"
     },
     {
@@ -176,6 +241,42 @@
       "description": "(ScwTag) Text inside the tag",
       "fieldName": "value"
     },
+    {
+      "name": "selected",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "(ScwTag) If the tag is active or not",
+      "fieldName": "selected"
+    },
+    {
+      "name": "icon",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "(ScwTag) Design system icon",
+      "fieldName": "icon"
+    },
+    {
+      "name": "icon-side",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "(ScwTag) Side you want the icon displayed",
+      "fieldName": "iconSide"
+    },
+    {
+      "name": "size",
+      "type": {
+        "text": "'small' | 'medium'"
+      },
+      "default": "'medium'",
+      "description": "(ScwTag) Tag size",
+      "fieldName": "size"
+    },
     {
       "name": "aria-label",
       "type": {
@@ -254,9 +355,29 @@
   "overview": "",
   "examples": [
     {
-      "title": "Size",
+      "title": "Basic",
+      "description": "A simple tag",
+      "code": "\n        <scw-flex-h scw-gap-2s>\n          <scw-tag value=\"default\"></scw-tag>\n          <scw-tag primary value=\"primary\"></scw-tag>\n        </scw-flex-h>\n      "
+    },
+    {
+      "title": "Link",
       "description": "A simple tag with optional linking",
-      "code": "\n      <scw-tag href=\"#\" value=\"value\">\n        </scw-tag>\n        <br>\n        <scw-tag href=\"#\" primary value=\"value\">\n        </scw-tag>\n          "
+      "code": "\n        <scw-flex-h scw-gap-2s>\n          <scw-tag href=\"#\" value=\"default\"></scw-tag>\n          <scw-tag href=\"#\" primary value=\"primary\"></scw-tag>\n        </scw-flex-h>\n      "
+    },
+    {
+      "title": "Icons",
+      "description": "Icon can be added to the left or right of label",
+      "code": "\n      <scw-flex-h scw-gap-2s>\n        <scw-flex-v>\n          <scw-tag\n            href=\"\"\n            value=\"default\"\n            icon=\"chevron-down\"></scw-tag>\n          <scw-tag\n            href=\"\"\n            value=\"default\"\n            icon=\"chevron-down\"\n            icon-side=\"right\"></scw-tag>\n        </scw-flex-v>\n        <scw-flex-v>\n          <scw-tag\n            href=\"\"\n            primary\n            value=\"primary\"\n            icon=\"close\"></scw-tag>\n          <scw-tag\n            href=\"\"\n            value=\"primary\"\n            primary icon=\"close\"\n            icon-side=\"right\"></scw-tag>\n        </scw-flex-v>\n      </scw-flex-h>\n      "
+    },
+    {
+      "title": "Size",
+      "description": "Use size attribute for smaller size",
+      "code": "\n      <scw-flex-h scw-gap-2s>\n        <scw-flex-v>\n          <scw-tag\n            href=\"\"\n            size=\"small\"\n            value=\"default\"></scw-tag>\n          <scw-tag\n            href=\"\"\n            size=\"small\"\n            value=\"default\"\n            icon=\"chevron-down\"\n            icon-side=\"right\"></scw-tag>\n        </scw-flex-v>\n        <scw-flex-v>\n          <scw-tag\n            href=\"\"\n            size=\"small\"\n            primary\n            value=\"primary\"></scw-tag>\n          <scw-tag\n            href=\"\"\n            size=\"small\"\n            value=\"primary\"\n            primary icon=\"close\"\n            icon-side=\"right\"></scw-tag>\n        </scw-flex-v>\n      </scw-flex-h>\n      "
+    },
+    {
+      "title": "Button",
+      "description": "Enable hover and active states with an empty href and\n      selected attribute",
+      "code": "\n        <scw-flex-v scw-gap-2s>\n          <scw-flex-h>\n            <scw-tag href=\"\" value=\"value\"></scw-tag>\n            <scw-tag href=\"\" selected value=\"selected\"></scw-tag>\n          </scw-flex-h>\n          <scw-flex-h>\n            <scw-tag href=\"\" primary value=\"value\"></scw-tag>\n            <scw-tag href=\"\" selected primary value=\"selected\"></scw-tag>\n          </scw-flex-h>\n        </scw-flex-v>\n      "
     }
   ]
 }

package/dist/docs/components/manifest.json

@@ -1,10 +1,4 @@
 [
-  {
-    "name": "ScwAccordion",
-    "fileName": "ScwAccordion.json",
-    "tagName": "scw-accordion",
-    "category": "interactive"
-  },
   {
     "name": "ScwAlert",
     "fileName": "ScwAlert.json",
@@ -12,15 +6,15 @@
     "category": "interactive"
   },
   {
-    "name": "ScwBlock",
-    "fileName": "ScwBlock.json",
-    "tagName": "scw-block",
+    "name": "ScwAccordion",
+    "fileName": "ScwAccordion.json",
+    "tagName": "scw-accordion",
     "category": "interactive"
   },
   {
-    "name": "ScwButton",
-    "fileName": "ScwButton.json",
-    "tagName": "scw-button",
+    "name": "ScwBlock",
+    "fileName": "ScwBlock.json",
+    "tagName": "scw-block",
     "category": "interactive"
   },
   {
@@ -29,6 +23,12 @@
     "tagName": "scw-callout",
     "category": "interactive"
   },
+  {
+    "name": "ScwButton",
+    "fileName": "ScwButton.json",
+    "tagName": "scw-button",
+    "category": "interactive"
+  },
   {
     "name": "ScwCard",
     "fileName": "ScwCard.json",
@@ -101,12 +101,6 @@
     "tagName": "scw-employee-card",
     "category": "interactive"
   },
-  {
-    "name": "ScwFlexHComponent",
-    "fileName": "ScwFlexHComponent.json",
-    "tagName": "scw-flex-h-component",
-    "category": "layouts"
-  },
   {
     "name": "ScwFlexVComponent",
     "fileName": "ScwFlexVComponent.json",
@@ -126,10 +120,10 @@
     "category": "interactive"
   },
   {
-    "name": "ScwForm",
-    "fileName": "ScwForm.json",
-    "tagName": "scw-form",
-    "category": "form"
+    "name": "ScwFlexHComponent",
+    "fileName": "ScwFlexHComponent.json",
+    "tagName": "scw-flex-h-component",
+    "category": "layouts"
   },
   {
     "name": "ScwFormComponent",
@@ -138,10 +132,10 @@
     "category": "base"
   },
   {
-    "name": "ScwHorizontalNav",
-    "fileName": "ScwHorizontalNav.json",
-    "tagName": "scw-horizontal-nav",
-    "category": "interactive"
+    "name": "ScwForm",
+    "fileName": "ScwForm.json",
+    "tagName": "scw-form",
+    "category": "form"
   },
   {
     "name": "ScwHorizontalNavItem",
@@ -155,6 +149,12 @@
     "tagName": "scw-horizontal-nav-panel",
     "category": "interactive"
   },
+  {
+    "name": "ScwHorizontalNav",
+    "fileName": "ScwHorizontalNav.json",
+    "tagName": "scw-horizontal-nav",
+    "category": "interactive"
+  },
   {
     "name": "ScwIconFeature",
     "fileName": "ScwIconFeature.json",
@@ -269,36 +269,36 @@
     "tagName": "scw-rate-table",
     "category": "interactive"
   },
-  {
-    "name": "ScwRateTableGroup",
-    "fileName": "ScwRateTableGroup.json",
-    "tagName": "scw-rate-table-group",
-    "category": "interactive"
-  },
   {
     "name": "ScwRichText",
     "fileName": "ScwRichText.json",
     "tagName": "scw-rich-text",
     "category": "content"
   },
+  {
+    "name": "ScwRateTableGroup",
+    "fileName": "ScwRateTableGroup.json",
+    "tagName": "scw-rate-table-group",
+    "category": "interactive"
+  },
   {
     "name": "ScwSelect",
     "fileName": "ScwSelect.json",
     "tagName": "scw-select",
     "category": "form"
   },
-  {
-    "name": "ScwSlider",
-    "fileName": "ScwSlider.json",
-    "tagName": "scw-slider",
-    "category": "interactive"
-  },
   {
     "name": "ScwStackComponent",
     "fileName": "ScwStackComponent.json",
     "tagName": "scw-stack-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwSlider",
+    "fileName": "ScwSlider.json",
+    "tagName": "scw-slider",
+    "category": "interactive"
+  },
   {
     "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.9",
+  "version": "1.3.10",
   "navigation": [
     {
       "id": "tokens",
       "title": "Component SASS",
-      "url": "../tokens/tokens.html?1.3.9"
+      "url": "../tokens/tokens.html?1.3.10"
     },
     {
       "id": "css",
       "title": "CSS",
-      "url": "../tokens/css.html?clipboardType=classes&1.3.9"
+      "url": "../tokens/css.html?clipboardType=classes&1.3.10"
     }
   ],
-  "moduleEmbed": "const scw = await import('../scw.js?1758207923690'); scw.defineComponents();",
-  "cssLink": "../scw.css?1758207923690",
+  "moduleEmbed": "const scw = await import('../scw.js?1759160326603'); scw.defineComponents();",
+  "cssLink": "../scw.css?1759160326603",
   "documents": [
     {
       "title": "Install",