scu-web-components 1.3.1 → 1.3.3

package/dist/custom-elements.json

@@ -1222,6 +1222,7 @@
               "default": "'false'",
               "description": "(ScwLink) If the link is disabled",
               "attribute": "aria-disabled",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
@@ -2650,6 +2651,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 +2725,11 @@
               "name": "handleSelectedChange",
               "description": "handleSelectedChange"
             },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange",
+              "description": "handleDisabledChange"
+            },
             {
               "kind": "method",
               "name": "valueChangeHandler",
@@ -3193,6 +3210,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if the checkbox is disabled",
+              "fieldName": "disabled"
+            },
             {
               "name": "selected",
               "type": {
@@ -8806,6 +8832,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",
@@ -11270,7 +11316,8 @@
                 "text": "InputTypes"
               },
               "description": "(ScwInput) type of input field",
-              "attribute": "type"
+              "attribute": "type",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11417,6 +11464,15 @@
               "description": "(ScwInput) Input accept property",
               "attribute": "accept"
             },
+            {
+              "kind": "field",
+              "name": "toolTip",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInput) Tooltip text",
+              "attribute": "tooltip"
+            },
             {
               "kind": "field",
               "name": "input",
@@ -11496,7 +11552,7 @@
               "kind": "field",
               "name": "boundOutsideClickHandler",
               "type": {
-                "text": "(e:Event) => void"
+                "text": "(e: Event) => void"
               },
               "privacy": "private"
             },
@@ -12215,6 +12271,14 @@
               "description": "(ScwInput) Input accept property",
               "fieldName": "accept"
             },
+            {
+              "name": "tooltip",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInput) Tooltip text",
+              "fieldName": "toolTip"
+            },
             {
               "name": "form-type",
               "type": {
@@ -12766,6 +12830,7 @@
               "default": "'false'",
               "description": "(ScwLink) If the link is disabled",
               "attribute": "aria-disabled",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
@@ -20722,6 +20787,15 @@
               "attribute": "open",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "toolTip",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInput) Tooltip text",
+              "attribute": "tooltip"
+            },
             {
               "kind": "field",
               "name": "input",
@@ -21395,6 +21469,14 @@
               "description": "(ScwInput) If select is open",
               "fieldName": "open"
             },
+            {
+              "name": "tooltip",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInput) Tooltip text",
+              "fieldName": "toolTip"
+            },
             {
               "name": "form-type",
               "type": {
@@ -29516,12 +29598,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/themes/enums.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/testing/colorContrast.ts",
@@ -29755,6 +29831,12 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/themes/enums.ts",
+      "declarations": [],
+      "exports": []
     }
   ]
 }

package/dist/docs/components/ScwButton.json

@@ -148,6 +148,7 @@
       "default": "'false'",
       "description": "(ScwLink) If the link is disabled",
       "attribute": "aria-disabled",
+      "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"

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/ScwInput.json

@@ -21,7 +21,8 @@
         "text": "InputTypes"
       },
       "description": "(ScwInput) type of input field",
-      "attribute": "type"
+      "attribute": "type",
+      "reflects": true
     },
     {
       "kind": "field",
@@ -168,6 +169,15 @@
       "description": "(ScwInput) Input accept property",
       "attribute": "accept"
     },
+    {
+      "kind": "field",
+      "name": "toolTip",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwInput) Tooltip text",
+      "attribute": "tooltip"
+    },
     {
       "kind": "field",
       "name": "input",
@@ -247,7 +257,7 @@
       "kind": "field",
       "name": "boundOutsideClickHandler",
       "type": {
-        "text": "(e:Event) => void"
+        "text": "(e: Event) => void"
       },
       "privacy": "private"
     },
@@ -966,6 +976,14 @@
       "description": "(ScwInput) Input accept property",
       "fieldName": "accept"
     },
+    {
+      "name": "tooltip",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwInput) Tooltip text",
+      "fieldName": "toolTip"
+    },
     {
       "name": "form-type",
       "type": {
@@ -1171,8 +1189,8 @@
   "examples": [
     {
       "title": "Simple",
-      "description": "A basic input with a label, placeholder, and default \n      feedback set. Can also be different sizes such as small.",
-      "code": "\n        <scw-input \n        scw-padding-bottom-2s\n        default-feedback=\"Feedback\" \n        placeholder=\"Placeholder\" \n        label=\"Label\">\n        </scw-input>\n        <scw-input \n        default-feedback=\"Feedback\" \n        placeholder=\"Placeholder\" \n        label=\"Label\"\n        size=\"small\" >\n        </scw-input>"
+      "description": "A basic input with a label, placeholder, and default\n      feedback set. Can also be different sizes such as small.",
+      "code": "\n        <scw-input\n        scw-padding-bottom-2s\n        default-feedback=\"Feedback\"\n        placeholder=\"Placeholder\"\n        label=\"Label\">\n        </scw-input>\n        <scw-input\n        default-feedback=\"Feedback\"\n        placeholder=\"Placeholder\"\n        label=\"Label\"\n        size=\"small\" >\n        </scw-input>"
     },
     {
       "title": "Value",
@@ -1181,33 +1199,38 @@
     },
     {
       "title": "Disabled",
-      "description": "The input can be disabled using ari-disabled \n      preventing it from being interacted with. The input can also \n      be set to read-only also preventing it from being interacted with.",
+      "description": "The input can be disabled using ari-disabled\n      preventing it from being interacted with. The input can also\n      be set to read-only also preventing it from being interacted with.",
       "code": "\n        <scw-input\n          label=\"Label\"\n          value=\"Disabled\"\n          aria-disabled=\"true\">\n        </scw-input>\n        <scw-input\n          read-only\n          label=\"Label\"\n          value=\"Read Only\">\n        </scw-input>"
     },
     {
       "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. The default\n      required-label is \"*\"",
+      "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. The default\n      required-label is \"*\"",
       "code": "\n        <scw-input\n          label=\"Required Email\"\n          placeholder=\"Placeholder\"\n          required\n          required-feedback=\"this is so required\">\n          <scw-validation>\n            <scw-validate\n              type=\"email\"\n              feedback=\"Email, email, email...\">\n            </scw-validate>\n          </scw-validation>\n        </scw-input>"
     },
     {
       "title": "Types",
-      "description": "You can set the input to auto format by\n       changing the type. The current auto formats are telephone, \n       number, date, SSN, and currency. You can also use the password \n       type to hide the input and the file type for selecting files.",
+      "description": "You can set the input to auto format by\n       changing the type. The current auto formats are telephone,\n       number, date, SSN, and currency. You can also use the password\n       type to hide the input and the file type for selecting files.",
       "code": "\n        <scw-input\n        scw-padding-bottom-2s\n          label=\"Date\"\n          placeholder=\"Date\"\n          default-feedback=\"mm/dd/yyyy\"\n          type=\"date\">\n        </scw-input>\n        <scw-input\n          label=\"Currency\"\n          placeholder=\"Currency\"\n          type=\"currency\">\n        </scw-input>\n        <scw-input\n          label=\"Number\"\n          placeholder=\"Number\"\n          type=\"number\">\n        </scw-input>\n        <scw-input\n          label=\"Password\"\n          placeholder=\"Password\"\n          type=\"password\">\n        </scw-input>\n        <scw-input\n          label=\"SSN/ITIN\"\n          placeholder=\"SSN/ITIN\"\n          type=\"ssn\">\n        </scw-input>\n        <scw-input\n          type=\"file\"\n          required\n          label=\"File\">\n        </scw-input>\n        "
     },
     {
       "title": "Clear",
-      "description": "The clearable attribute makes a icon appear to \n      clear the input. The icon will be hidden when there is no value.",
+      "description": "The clearable attribute makes a icon appear to\n      clear the input. The icon will be hidden when there is no value.",
       "code": "\n        <scw-input\n          value=\"clearable\"\n          clearable>\n        </scw-input>"
     },
+    {
+      "title": "Tooltip",
+      "description": "The tooltip text.",
+      "code": "\n        <scw-input\n          label=\"tooltip\"\n          tooltip=\"Tooltip Text\"\n          >\n        </scw-input>"
+    },
     {
       "title": "Icons",
-      "description": "Icons can be added to the left and right of the \n      input field",
+      "description": "Icons can be added to the left and right of the\n      input field",
       "code": "\n        <scw-input\n          right-icon=\"icon-envelope\"\n          left-icon=\"icon-search\"\n          placeholder=\"icon\">\n        </scw-input>"
     },
     {
       "title": "Dropdown",
       "description": "A dropdown that appears when the input is selected. Fires\n      scu-dropdown when clicked",
-      "code": "\n      <scw-input \n      dropdown-text=\"Dropdown Text\"\n      dropdown-icon=\"icon-location-dot\"\n      left-icon=\"icon-search\"\n\n\n      scw-padding-bottom-2s\n      default-feedback=\"Feedback\" \n      placeholder=\"Placeholder\" \n      label=\"Label\">\n      </scw-input>\n      <scw-input\n      size=\"small\"\n      dropdown-text=\"Dropdown Text\"\n      dropdown-icon=\"icon-location-dot\"\n      left-icon=\"icon-search\"\n      scw-padding-bottom-2s\n      default-feedback=\"Feedback\" \n      placeholder=\"Placeholder\" \n      label=\"Label\">\n      </scw-input>"
+      "code": "\n      <scw-input\n      dropdown-text=\"Dropdown Text\"\n      dropdown-icon=\"icon-location-dot\"\n      left-icon=\"icon-search\"\n\n\n      scw-padding-bottom-2s\n      default-feedback=\"Feedback\"\n      placeholder=\"Placeholder\"\n      label=\"Label\">\n      </scw-input>\n      <scw-input\n      size=\"small\"\n      dropdown-text=\"Dropdown Text\"\n      dropdown-icon=\"icon-location-dot\"\n      left-icon=\"icon-search\"\n      scw-padding-bottom-2s\n      default-feedback=\"Feedback\"\n      placeholder=\"Placeholder\"\n      label=\"Label\">\n      </scw-input>"
     },
     {
       "title": "Events",

package/dist/docs/components/ScwLink.json

@@ -88,6 +88,7 @@
       "default": "'false'",
       "description": "(ScwLink) If the link is disabled",
       "attribute": "aria-disabled",
+      "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"

package/dist/docs/components/ScwSelect.json

@@ -45,6 +45,15 @@
       "attribute": "open",
       "reflects": true
     },
+    {
+      "kind": "field",
+      "name": "toolTip",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwInput) Tooltip text",
+      "attribute": "tooltip"
+    },
     {
       "kind": "field",
       "name": "input",
@@ -718,6 +727,14 @@
       "description": "(ScwInput) If select is open",
       "fieldName": "open"
     },
+    {
+      "name": "tooltip",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwInput) Tooltip text",
+      "fieldName": "toolTip"
+    },
     {
       "name": "form-type",
       "type": {
@@ -935,11 +952,16 @@
     },
     {
       "title": "Dynamic",
-      "code": "\n        <scw-stack>\n          <scw-select\n            label=\"Label\"\n            value=\"saab\"\n            dynamic>\n            <scw-option aria-label=\"Volvo\" value=\"volvo\"></scw-option>\n            <scw-option aria-label=\"Saab\" value=\"saab\"></scw-option>\n            <scw-option aria-label=\"Mercedes\" value=\"mercedes\"></scw-option>\n            <scw-option aria-label=\"Audi\" value=\"audi\"></scw-option>\n          </scw-select>\n          <scw-link\n            aria-label=\"Change\"\n            onclick=\"\n              const ran = Math.random();  \n              this.previousElementSibling.innerHTML = `\n        <scw-option aria-label='Volvo ${ran}' value='volvo'></scw-option>\n        <scw-option aria-label='Saab ${ran}' value='saab'></scw-option>\n        <scw-option aria-label='Mercedes ${ran}' value='mercedes'></scw-option>\n        <scw-option aria-label='Audi ${ran}' value='audi'></scw-option>\n              `;\">\n          </scw-link>\n        </scw-stack>"
+      "code": "\n        <scw-stack>\n          <scw-select\n            label=\"Label\"\n            value=\"saab\"\n            dynamic>\n            <scw-option aria-label=\"Volvo\" value=\"volvo\"></scw-option>\n            <scw-option aria-label=\"Saab\" value=\"saab\"></scw-option>\n            <scw-option aria-label=\"Mercedes\" value=\"mercedes\"></scw-option>\n            <scw-option aria-label=\"Audi\" value=\"audi\"></scw-option>\n          </scw-select>\n          <scw-link\n            aria-label=\"Change\"\n            onclick=\"\n              const ran = Math.random();\n              this.previousElementSibling.innerHTML = `\n        <scw-option aria-label='Volvo ${ran}' value='volvo'></scw-option>\n        <scw-option aria-label='Saab ${ran}' value='saab'></scw-option>\n        <scw-option aria-label='Mercedes ${ran}' value='mercedes'></scw-option>\n        <scw-option aria-label='Audi ${ran}' value='audi'></scw-option>\n              `;\">\n          </scw-link>\n        </scw-stack>"
     },
     {
       "title": "Placeholder",
       "code": "\n        <scw-select\n          label=\"Label\"\n          placeholder=\"Placeholder\"\n          required>\n      <scw-option aria-label=\"Volvo\" value=\"default\"></scw-option>\n      <scw-option aria-label=\"Saab\" value=\"saab\"></scw-option>\n      <scw-option aria-label=\"Mercedes\" value=\"anemail@email.com\"></scw-option>\n      <scw-option aria-label=\"Audi\" value=\"audi\">Audi</scw-option>\n          <scw-validation>\n            <scw-validate\n              type=\"email\"\n              feedback=\"Email, email, email...\">\n            </scw-validate>\n          </scw-validation>\n        </scw-select>"
+    },
+    {
+      "title": "Tooltip",
+      "description": "A tooltip can be added to the select element",
+      "code": "\n        <scw-select\n          label=\"Label\"\n          tooltip=\"This is a tooltip\"\n          placeholder=\"Placeholder\"\n          required>\n      <scw-option aria-label=\"Volvo\" value=\"default\"></scw-option>\n      <scw-option aria-label=\"Saab\" value=\"saab\"></scw-option>\n      <scw-option aria-label=\"Mercedes\" value=\"anemail@email.com\"></scw-option>\n      <scw-option aria-label=\"Audi\" value=\"audi\">Audi</scw-option>\n        </scw-select>"
     }
   ]
 }

package/dist/docs/components/manifest.json

@@ -11,18 +11,18 @@
     "tagName": "scw-alert",
     "category": "interactive"
   },
-  {
-    "name": "ScwBlock",
-    "fileName": "ScwBlock.json",
-    "tagName": "scw-block",
-    "category": "interactive"
-  },
   {
     "name": "ScwButton",
     "fileName": "ScwButton.json",
     "tagName": "scw-button",
     "category": "interactive"
   },
+  {
+    "name": "ScwBlock",
+    "fileName": "ScwBlock.json",
+    "tagName": "scw-block",
+    "category": "interactive"
+  },
   {
     "name": "ScwCallout",
     "fileName": "ScwCallout.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",
@@ -179,18 +179,18 @@
     "tagName": "scw-layout-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwLink",
-    "fileName": "ScwLink.json",
-    "tagName": "scw-link",
-    "category": "interactive"
-  },
   {
     "name": "ScwLinkBase",
     "fileName": "ScwLinkBase.json",
     "tagName": "scw-link-base",
     "category": "interactive"
   },
+  {
+    "name": "ScwLink",
+    "fileName": "ScwLink.json",
+    "tagName": "scw-link",
+    "category": "interactive"
+  },
   {
     "name": "ScwMenu",
     "fileName": "ScwMenu.json",
@@ -227,18 +227,18 @@
     "tagName": "scw-option",
     "category": "form"
   },
-  {
-    "name": "ScwPageAlert",
-    "fileName": "ScwPageAlert.json",
-    "tagName": "scw-page-alert",
-    "category": "interactive"
-  },
   {
     "name": "ScwPaneComponent",
     "fileName": "ScwPaneComponent.json",
     "tagName": "scw-pane-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwPageAlert",
+    "fileName": "ScwPageAlert.json",
+    "tagName": "scw-page-alert",
+    "category": "interactive"
+  },
   {
     "name": "ScwProductCard",
     "fileName": "ScwProductCard.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.3",
   "navigation": [
     {
       "id": "tokens",
       "title": "Component SASS",
-      "url": "../tokens/tokens.html?1.3.1"
+      "url": "../tokens/tokens.html?1.3.3"
     },
     {
       "id": "css",
       "title": "CSS",
-      "url": "../tokens/css.html?clipboardType=classes&1.3.1"
+      "url": "../tokens/css.html?clipboardType=classes&1.3.3"
     }
   ],
-  "moduleEmbed": "const scw = await import('../scw.js?1748554386374'); scw.defineComponents();",
-  "cssLink": "../scw.css?1748554386374",
+  "moduleEmbed": "const scw = await import('../scw.js?1750695583260'); scw.defineComponents();",
+  "cssLink": "../scw.css?1750695583260",
   "documents": [
     {
       "title": "Install",