scu-web-components 1.3.2 → 1.3.4

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"
@@ -11315,7 +11316,8 @@
                 "text": "InputTypes"
               },
               "description": "(ScwInput) type of input field",
-              "attribute": "type"
+              "attribute": "type",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11462,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",
@@ -11541,7 +11552,7 @@
               "kind": "field",
               "name": "boundOutsideClickHandler",
               "type": {
-                "text": "(e:Event) => void"
+                "text": "(e: Event) => void"
               },
               "privacy": "private"
             },
@@ -12260,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": {
@@ -12811,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"
@@ -20767,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",
@@ -21440,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": {

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/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

@@ -41,12 +41,6 @@
     "tagName": "scw-center-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwCheckbox",
-    "fileName": "ScwCheckbox.json",
-    "tagName": "scw-checkbox",
-    "category": "form"
-  },
   {
     "name": "ScwComparisonCell",
     "fileName": "ScwComparisonCell.json",
@@ -59,24 +53,30 @@
     "tagName": "scw-comparison-row",
     "category": "interactive"
   },
+  {
+    "name": "ScwCheckbox",
+    "fileName": "ScwCheckbox.json",
+    "tagName": "scw-checkbox",
+    "category": "form"
+  },
   {
     "name": "ScwComparisonTable",
     "fileName": "ScwComparisonTable.json",
     "tagName": "scw-comparison-table",
     "category": "interactive"
   },
-  {
-    "name": "ScwComponent",
-    "fileName": "ScwComponent.json",
-    "tagName": "scw-component",
-    "category": "base"
-  },
   {
     "name": "ScwDisclosure",
     "fileName": "ScwDisclosure.json",
     "tagName": "scw-disclosure",
     "category": "content"
   },
+  {
+    "name": "ScwComponent",
+    "fileName": "ScwComponent.json",
+    "tagName": "scw-component",
+    "category": "base"
+  },
   {
     "name": "ScwDisclosureItem",
     "fileName": "ScwDisclosureItem.json",
@@ -95,18 +95,18 @@
     "tagName": "scw-element-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwFlexHComponent",
-    "fileName": "ScwFlexHComponent.json",
-    "tagName": "scw-flex-h-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": "ScwFlexVComponent",
     "fileName": "ScwFlexVComponent.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",
@@ -287,18 +287,18 @@
     "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.2",
+  "version": "1.3.4",
   "navigation": [
     {
       "id": "tokens",
       "title": "Component SASS",
-      "url": "../tokens/tokens.html?1.3.2"
+      "url": "../tokens/tokens.html?1.3.4"
     },
     {
       "id": "css",
       "title": "CSS",
-      "url": "../tokens/css.html?clipboardType=classes&1.3.2"
+      "url": "../tokens/css.html?clipboardType=classes&1.3.4"
     }
   ],
-  "moduleEmbed": "const scw = await import('../scw.js?1750089729796'); scw.defineComponents();",
-  "cssLink": "../scw.css?1750089729796",
+  "moduleEmbed": "const scw = await import('../scw.js?1750699653814'); scw.defineComponents();",
+  "cssLink": "../scw.css?1750699653814",
   "documents": [
     {
       "title": "Install",