scu-web-components 1.3.1 → 1.3.2

package/dist/custom-elements.json

@@ -2650,6 +2650,17 @@
           "description": "ScwCheckbox",
           "name": "ScwCheckbox",
           "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if the checkbox is disabled",
+              "attribute": "disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -2713,6 +2724,11 @@
               "name": "handleSelectedChange",
               "description": "handleSelectedChange"
             },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange",
+              "description": "handleDisabledChange"
+            },
             {
               "kind": "method",
               "name": "valueChangeHandler",
@@ -3193,6 +3209,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if the checkbox is disabled",
+              "fieldName": "disabled"
+            },
             {
               "name": "selected",
               "type": {
@@ -8806,6 +8831,26 @@
               ],
               "description": "handleClick"
             },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private",
+              "description": "handleFocus"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocusOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ],
+              "description": "handleFocusOut"
+            },
             {
               "kind": "field",
               "name": "element",
@@ -29516,12 +29561,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/themes/enums.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/testing/colorContrast.ts",
@@ -29755,6 +29794,12 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/themes/enums.ts",
+      "declarations": [],
+      "exports": []
     }
   ]
 }

package/dist/docs/components/ScwCheckbox.json

@@ -4,6 +4,17 @@
   "description": "",
   "name": "ScwCheckbox",
   "members": [
+    {
+      "kind": "field",
+      "name": "disabled",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "if the checkbox is disabled",
+      "attribute": "disabled",
+      "reflects": true
+    },
     {
       "kind": "field",
       "name": "selected",
@@ -67,6 +78,11 @@
       "name": "handleSelectedChange",
       "description": "handleSelectedChange"
     },
+    {
+      "kind": "method",
+      "name": "handleDisabledChange",
+      "description": "handleDisabledChange"
+    },
     {
       "kind": "method",
       "name": "valueChangeHandler",
@@ -547,6 +563,15 @@
     }
   ],
   "attributes": [
+    {
+      "name": "disabled",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "if the checkbox is disabled",
+      "fieldName": "disabled"
+    },
     {
       "name": "selected",
       "type": {
@@ -780,7 +805,7 @@
     {
       "title": "Simple",
       "description": "A basic checkbox with a label",
-      "code": "\n        <scw-checkbox aria-label=\"checkbox\"></scw-checkbox>\n        <scw-checkbox aria-disabled aria-label=\"disabled\"></scw-checkbox>\n        <scw-checkbox selected aria-label=\"checked\"></scw-checkbox>"
+      "code": "\n        <scw-checkbox aria-label=\"checkbox\"></scw-checkbox>\n        <scw-checkbox disabled aria-label=\"disabled\"></scw-checkbox>\n        <scw-checkbox selected aria-label=\"checked\"></scw-checkbox>"
     },
     {
       "title": "Feedback",
@@ -789,13 +814,18 @@
     },
     {
       "title": "Validation",
-      "description": "scw-validation can be used to set validation rules with \n      feedback. You can also set required, required-feedback, and \n      required-label on fields that are required.",
-      "code": "<scw-checkbox required \n      aria-label=\"checkbox\">\n      </scw-checkbox>"
+      "description": "scw-validation can be used to set validation rules with\n      feedback. You can also set required, required-feedback, and\n      required-label on fields that are required.",
+      "code": "<scw-checkbox required\n      aria-label=\"checkbox\">\n      </scw-checkbox>"
+    },
+    {
+      "title": "Disabled",
+      "description": "The \"aria-disabled\" and \"disabled\" attributes\n      have the same effect, but using \"aria-disabled\" will cause\n      accessiblity issues. The \"disabled\" attribute should be\n      should be used instead.",
+      "code": "\n        <scw-checkbox\n          disabled\n          aria-label=\"disabled with Boolean attribute (preferred)\">\n        </scw-checkbox>\n        <scw-checkbox\n          aria-disabled=\"true\"\n          aria-label=\"disabled with ARIA attribute\"></scw-checkbox>\n      "
     },
     {
       "title": "Alignment",
       "description": "By default text is aligned to the center of the checkbox.\n      Text can also be set to align to the top by setting alignment = top.",
-      "code": "<scw-checkbox  \n      aria-label=\"Aliquam blandit, odio id tincidunt faucibus, nisi massa \n      pretium orci, vel commodo lacus elit non est. Proin condimentum iaculis \n      sodales. In convallis augue eros, et semper justo consequat tempus. \n      Fusce blandit ultrices diam, non porta risus elementum ut. Curabitur est \n      nisi, vulputate eu convallis non, dapibus non lacus.\">\n      </scw-checkbox>\n      <scw-checkbox  \n      alignment=\"top\"\n      aria-label=\"Aliquam blandit, odio id tincidunt faucibus, nisi massa \n      pretium orci, vel commodo lacus elit non est. Proin condimentum iaculis \n      sodales. In convallis augue eros, et semper justo consequat tempus. \n      Fusce blandit ultrices diam, non porta risus elementum ut. Curabitur est \n      nisi, vulputate eu convallis non, dapibus non lacus.\">\n      </scw-checkbox>"
+      "code": "<scw-checkbox\n      aria-label=\"Aliquam blandit, odio id tincidunt faucibus, nisi massa\n      pretium orci, vel commodo lacus elit non est. Proin condimentum iaculis\n      sodales. In convallis augue eros, et semper justo consequat tempus.\n      Fusce blandit ultrices diam, non porta risus elementum ut. Curabitur est\n      nisi, vulputate eu convallis non, dapibus non lacus.\">\n      </scw-checkbox>\n      <scw-checkbox\n      alignment=\"top\"\n      aria-label=\"Aliquam blandit, odio id tincidunt faucibus, nisi massa\n      pretium orci, vel commodo lacus elit non est. Proin condimentum iaculis\n      sodales. In convallis augue eros, et semper justo consequat tempus.\n      Fusce blandit ultrices diam, non porta risus elementum ut. Curabitur est\n      nisi, vulputate eu convallis non, dapibus non lacus.\">\n      </scw-checkbox>"
     }
   ]
 }

package/dist/docs/components/ScwHorizontalNav.json

@@ -361,6 +361,26 @@
       ],
       "description": "handleClick"
     },
+    {
+      "kind": "method",
+      "name": "handleFocus",
+      "privacy": "private",
+      "description": "handleFocus"
+    },
+    {
+      "kind": "method",
+      "name": "handleFocusOut",
+      "privacy": "private",
+      "parameters": [
+        {
+          "name": "event",
+          "type": {
+            "text": "FocusEvent"
+          }
+        }
+      ],
+      "description": "handleFocusOut"
+    },
     {
       "kind": "field",
       "name": "element",

package/dist/docs/components/manifest.json

@@ -95,18 +95,18 @@
     "tagName": "scw-element-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwEmployeeCard",
-    "fileName": "ScwEmployeeCard.json",
-    "tagName": "scw-employee-card",
-    "category": "interactive"
-  },
   {
     "name": "ScwFlexHComponent",
     "fileName": "ScwFlexHComponent.json",
     "tagName": "scw-flex-h-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwEmployeeCard",
+    "fileName": "ScwEmployeeCard.json",
+    "tagName": "scw-employee-card",
+    "category": "interactive"
+  },
   {
     "name": "ScwFlexVComponent",
     "fileName": "ScwFlexVComponent.json",
@@ -125,6 +125,12 @@
     "tagName": "scw-floating-button",
     "category": "interactive"
   },
+  {
+    "name": "ScwForm",
+    "fileName": "ScwForm.json",
+    "tagName": "scw-form",
+    "category": "form"
+  },
   {
     "name": "ScwFormComponent",
     "fileName": "ScwFormComponent.json",
@@ -132,10 +138,10 @@
     "category": "base"
   },
   {
-    "name": "ScwForm",
-    "fileName": "ScwForm.json",
-    "tagName": "scw-form",
-    "category": "form"
+    "name": "ScwHorizontalNav",
+    "fileName": "ScwHorizontalNav.json",
+    "tagName": "scw-horizontal-nav",
+    "category": "interactive"
   },
   {
     "name": "ScwHorizontalNavItem",
@@ -149,12 +155,6 @@
     "tagName": "scw-horizontal-nav-panel",
     "category": "interactive"
   },
-  {
-    "name": "ScwHorizontalNav",
-    "fileName": "ScwHorizontalNav.json",
-    "tagName": "scw-horizontal-nav",
-    "category": "interactive"
-  },
   {
     "name": "ScwIconFeature",
     "fileName": "ScwIconFeature.json",

package/dist/docs/config.json

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