npm - scu-web-components - Versions diffs - 1.2.0 → 1.2.2 - Mend

scu-web-components 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (497) hide show

package/dist/docs/components/ScwHorizontalNav.json CHANGED Viewed

@@ -656,12 +656,12 @@
     {
       "title": "Size",
       "description": "Set the size attribute to \"small\" for a compact nav.",
-      "code": "\n      <scw-flex-h>\n      <scw-horizontal-nav scw-fill-2 vertical type=\"tab\" size=\"small\">\n        <scw-horizontal-nav-item  \n        href=\"/docs/index.html#/components/ScwHorizontalNav\" aria-label=\"one\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item  href=\"#\" aria-label=\"two\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item  href=\"#\" aria-label=\"three\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item  href=\"#\" aria-label=\"four\" >\n        </scw-horizontal-nav-item>\n      </scw-horizontal-nav>\n      <scw-stack scw-fill-6 scw-gap-2s>\n      <scw-horizontal-nav size=\"small\" type=\"tab\">\n         <scw-horizontal-nav-item active href=\"#\" aria-label=\"one\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"two\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"three\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"four\" >\n        </scw-horizontal-nav-item>\n      </scw-horizontal-nav>\n\n        <scw-horizontal-nav size=\"small\" type=\"button\">\n         <scw-horizontal-nav-item active href=\"#\" aria-label=\"one\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"two\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"three\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"four\" >\n        </scw-horizontal-nav-item>\n      </scw-horizontal-nav>\n      </scw-stack>\n      </scw-flex-h>\n          "
+      "code": "\n      <scw-stack>\n      <scw-horizontal-nav scw-fill-2 vertical type=\"tab\" size=\"small\">\n        <scw-horizontal-nav-item  \n        href=\"/docs/index.html#/components/ScwHorizontalNav\" aria-label=\"one\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item  href=\"#\" aria-label=\"two\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item  href=\"#\" aria-label=\"three\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item  href=\"#\" aria-label=\"four\" >\n        </scw-horizontal-nav-item>\n      </scw-horizontal-nav>\n      <scw-stack scw-fill-6 scw-gap-2s>\n      <scw-horizontal-nav size=\"small\" type=\"tab\">\n         <scw-horizontal-nav-item active href=\"#\" aria-label=\"one\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"two\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"three\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"four\" >\n        </scw-horizontal-nav-item>\n      </scw-horizontal-nav>\n\n        <scw-horizontal-nav size=\"small\" type=\"button\">\n         <scw-horizontal-nav-item active href=\"#\" aria-label=\"one\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"two\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"three\">\n        </scw-horizontal-nav-item>\n        <scw-horizontal-nav-item href=\"#\" aria-label=\"four\" >\n        </scw-horizontal-nav-item>\n      </scw-horizontal-nav>\n      </scw-stack>\n      </scw-stack>\n      \n          "
     },
     {
       "title": "Responsive",
       "description": "Use the \"responsive\" attribute to determine how the\n      nav should behave on smaller screens. Set responsive=\"size\" to show\n      a small nav, or set responsive=\"dropdown\" to show a select input.",
-      "code": "\n      <scw-stack scw-gap-2s>\n        <scw-horizontal-nav type=\"tab\" responsive=\"size\">\n         <scw-horizontal-nav-item active href=\"#\" aria-label=\"one\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"two\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"three\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"four\" >\n          </scw-horizontal-nav-item>\n        </scw-horizontal-nav>\n        <scw-horizontal-nav type=\"tab\" responsive=\"dropdown\">\n         <scw-horizontal-nav-item active href=\"#\" aria-label=\"one\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"two\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"three\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"four\" >\n          </scw-horizontal-nav-item>\n        </scw-horizontal-nav>\n      </scw-stack>\n      "
+      "code": "\n      <scw-stack scw-gap-2s>\n        <scw-horizontal-nav type=\"tab\" responsive=\"size\">\n         <scw-horizontal-nav-item active href=\"#\" aria-label=\"one\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"two\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"three\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"four\" >\n          </scw-horizontal-nav-item>\n        </scw-horizontal-nav>\n      \n        <scw-horizontal-nav type=\"tab\" responsive=\"dropdown\">\n         <scw-horizontal-nav-item active href=\"#\" aria-label=\"one\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"two\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"three\">\n          </scw-horizontal-nav-item>\n          <scw-horizontal-nav-item href=\"#\" aria-label=\"four\" >\n          </scw-horizontal-nav-item>\n        </scw-horizontal-nav>\n      </scw-stack>\n      "
     },
     {
       "title": "Align",

package/dist/docs/components/ScwIcon.json CHANGED Viewed

@@ -311,8 +311,8 @@
     },
     {
       "title": "sizes",
-      "description": "Shown with the various sizes of \n        10, 20, 30, 40, 50, 60, 70, 80 ,90, 100",
-      "code": "\n        <scw-flex-h\n          scw-gap-2s\n          scw-margin-bottom-2s>\n          \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"10\"\n                size=\"10\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"20\"\n                size=\"20\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"30\"\n                size=\"30\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"40\"\n                size=\"40\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"50\"\n                size=\"50\">\n              </scw-icon>\n            \n        </scw-flex-h>\n        <scw-flex-h\n          scw-gap-2s>\n          \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"60\"\n                size=\"60\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"70\"\n                size=\"70\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"80\"\n                size=\"80\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"90\"\n                size=\"90\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"100\"\n                size=\"100\">\n              </scw-icon>\n            \n        </scw-flex-h>"
+      "description": "Shown with the various sizes of \n        10, 15, 20, 30, 40, 50, 60, 70, 80 ,90, 100",
+      "code": "\n        <scw-flex-h\n          scw-gap-2s\n          scw-margin-bottom-2s>\n          \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"10\"\n                size=\"10\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"15\"\n                size=\"15\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"20\"\n                size=\"20\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"30\"\n                size=\"30\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"40\"\n                size=\"40\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"50\"\n                size=\"50\">\n              </scw-icon>\n            \n        </scw-flex-h>\n        <scw-flex-h\n          scw-gap-2s>\n          \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"60\"\n                size=\"60\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"70\"\n                size=\"70\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"80\"\n                size=\"80\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"90\"\n                size=\"90\">\n              </scw-icon>\n            \n              <scw-icon\n                icon=\"icon-placeholder\"\n                aria-label=\"100\"\n                size=\"100\">\n              </scw-icon>\n            \n        </scw-flex-h>"
     },
     {
       "title": "multi-color themed",

package/dist/docs/config.json CHANGED Viewed

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