scu-web-components 1.3.18 → 1.3.19

package/dist/custom-elements.json

@@ -20899,6 +20899,16 @@
           "description": "ScwSelect",
           "name": "ScwSelect",
           "members": [
+            {
+              "kind": "field",
+              "name": "useDropdown",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, hides input so it can be used as standalone dropdown",
+              "attribute": "use-dropdown"
+            },
             {
               "kind": "field",
               "name": "useCustomButton",
@@ -20969,6 +20979,15 @@
               "description": "(ScwInput) Tooltip text",
               "attribute": "tooltip"
             },
+            {
+              "kind": "field",
+              "name": "labelIcon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInput) Icon used for dropdown heading",
+              "attribute": "label-icon"
+            },
             {
               "kind": "field",
               "name": "input",
@@ -21101,6 +21120,11 @@
               ],
               "description": "invalidHandler"
             },
+            {
+              "kind": "method",
+              "name": "closeDropdown",
+              "description": "closeHandler"
+            },
             {
               "kind": "method",
               "name": "handleOptionClick",
@@ -21640,6 +21664,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "use-dropdown",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, hides input so it can be used as standalone dropdown",
+              "fieldName": "useDropdown"
+            },
             {
               "name": "use-custom-button",
               "type": {
@@ -21702,6 +21735,14 @@
               "description": "(ScwInput) Tooltip text",
               "fieldName": "toolTip"
             },
+            {
+              "name": "label-icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInput) Icon used for dropdown heading",
+              "fieldName": "labelIcon"
+            },
             {
               "name": "form-type",
               "type": {

package/dist/docs/components/ScwSelect.json

@@ -4,6 +4,16 @@
   "description": "",
   "name": "ScwSelect",
   "members": [
+    {
+      "kind": "field",
+      "name": "useDropdown",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "If true, hides input so it can be used as standalone dropdown",
+      "attribute": "use-dropdown"
+    },
     {
       "kind": "field",
       "name": "useCustomButton",
@@ -74,6 +84,15 @@
       "description": "(ScwInput) Tooltip text",
       "attribute": "tooltip"
     },
+    {
+      "kind": "field",
+      "name": "labelIcon",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwInput) Icon used for dropdown heading",
+      "attribute": "label-icon"
+    },
     {
       "kind": "field",
       "name": "input",
@@ -206,6 +225,11 @@
       ],
       "description": "invalidHandler"
     },
+    {
+      "kind": "method",
+      "name": "closeDropdown",
+      "description": "closeHandler"
+    },
     {
       "kind": "method",
       "name": "handleOptionClick",
@@ -745,6 +769,15 @@
     }
   ],
   "attributes": [
+    {
+      "name": "use-dropdown",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "If true, hides input so it can be used as standalone dropdown",
+      "fieldName": "useDropdown"
+    },
     {
       "name": "use-custom-button",
       "type": {
@@ -807,6 +840,14 @@
       "description": "(ScwInput) Tooltip text",
       "fieldName": "toolTip"
     },
+    {
+      "name": "label-icon",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwInput) Icon used for dropdown heading",
+      "fieldName": "labelIcon"
+    },
     {
       "name": "form-type",
       "type": {
@@ -1022,6 +1063,10 @@
       "title": "multiselect",
       "code": "\n        <scw-select\n        multiselect\n        id=\"multiselect-demo\"\n        placeholder=\"select\"\n          label=\"Label\">\n          <scw-checkbox  aria-label=\"Bank\" value=\"bank\">dsgf\n          </scw-checkbox>\n          <scw-checkbox  aria-label=\"Checking\" value=\"checking\">\n          </scw-checkbox>\n\n          <scw-checkbox  aria-label=\"Saving\" value=\"saving\">\n          </scw-checkbox>\n\n          <scw-checkbox  aria-label=\"Budget\" value=\"budget\">\n          </scw-checkbox>\n        <div slot=\"footer\" style=\"width:100%;display: flex; justify-content:\n        center; gap: 1rem; padding: 1rem 0;\">\n          <scw-link\n            aria-label=\"Reset\"\n            design=\"solid\"\n            onclick=\"\n              const select = document.getElementById('multiselect-demo');\n              select.value = '';\n              select.values = [];\n              select.requestUpdate();\n            \">\n          </scw-link>\n          <scw-link\n            aria-label=\"close\"\n            design=\"outlined\"\n            onclick=\"\n              const select = document.getElementById('multiselect-demo');\n              select.open = false;\n            \">\n          </scw-link>\n        </div>\n        </scw-select>"
     },
+    {
+      "title": "Dropdown",
+      "code": "\n        <scw-link\n          aria-label=\"open\"\n          onclick=\"\n            const select = document.getElementById('dropdown-demo');\n            select.open = true;\n          \">\n        </scw-link>\n        <scw-select\n\n          id=\"dropdown-demo\"\n          label=\"Label\"\n          use-dropdown\n          label-icon=\"placeholder\"\n          aria-label=\"dropdown\">\n          <scw-option aria-label=\"Bank\" value=\"bank\"></scw-option>\n          <scw-option aria-label=\"Checking\" value=\"checking\"></scw-option>\n          <scw-option aria-label=\"Saving\" value=\"saving\"></scw-option>\n          <scw-option aria-label=\"Budget\" value=\"budget\"></scw-option>\n\n        </scw-select>"
+    },
     {
       "title": "Custom Button",
       "code": "\n        <scw-select\n        multiselect\n        use-custom-button\n        id=\"custom-button-demo\"\n        placeholder=\"select\"\n          label=\"Label\">\n          <scw-checkbox  aria-label=\"Bank\" value=\"bank\">dsgf\n          </scw-checkbox>\n          <scw-checkbox  aria-label=\"Checking\" value=\"checking\">\n          </scw-checkbox>\n\n          <scw-checkbox  aria-label=\"Saving\" value=\"saving\">\n          </scw-checkbox>\n\n          <scw-checkbox  aria-label=\"Budget\" value=\"budget\">\n          </scw-checkbox>\n       <div slot=\"button\" style=\"padding: 0.5rem 1rem; border: 1px solid\n       var(--scw-color-border); border-radius: 4px; cursor: pointer;\">\n         Custom Button\n       </div>\n        </scw-select>"

package/dist/docs/components/manifest.json

@@ -191,18 +191,18 @@
     "tagName": "scw-link-base",
     "category": "interactive"
   },
-  {
-    "name": "ScwMobileItem",
-    "fileName": "ScwMobileItem.json",
-    "tagName": "scw-mobile-item",
-    "category": "navigation"
-  },
   {
     "name": "ScwMenu",
     "fileName": "ScwMenu.json",
     "tagName": "scw-menu",
     "category": "interactive"
   },
+  {
+    "name": "ScwMobileItem",
+    "fileName": "ScwMobileItem.json",
+    "tagName": "scw-mobile-item",
+    "category": "navigation"
+  },
   {
     "name": "ScwMobileNav",
     "fileName": "ScwMobileNav.json",
@@ -269,36 +269,36 @@
     "tagName": "scw-rate-table",
     "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": "ScwRichText",
+    "fileName": "ScwRichText.json",
+    "tagName": "scw-rich-text",
+    "category": "content"
+  },
   {
     "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.18",
+  "version": "1.3.19",
   "navigation": [
     {
       "id": "tokens",
       "title": "Component SASS",
-      "url": "../tokens/tokens.html?1.3.18"
+      "url": "../tokens/tokens.html?1.3.19"
     },
     {
       "id": "css",
       "title": "CSS",
-      "url": "../tokens/css.html?clipboardType=classes&1.3.18"
+      "url": "../tokens/css.html?clipboardType=classes&1.3.19"
     }
   ],
-  "moduleEmbed": "const scw = await import('../scw.js?1772824145386'); scw.defineComponents();",
-  "cssLink": "../scw.css?1772824145386",
+  "moduleEmbed": "const scw = await import('../scw.js?1775144852884'); scw.defineComponents();",
+  "cssLink": "../scw.css?1775144852884",
   "documents": [
     {
       "title": "Install",