scu-web-components 0.0.64 → 0.0.65

package/dist/docs/components/manifest.json

@@ -12,10 +12,10 @@
     "category": "interactive"
   },
   {
-    "name": "ScwBlock",
-    "fileName": "ScwBlock.json",
-    "tagName": "scw-block",
-    "category": "interactive"
+    "name": "ScwCenterComponent",
+    "fileName": "ScwCenterComponent.json",
+    "tagName": "scw-center-component",
+    "category": "layouts"
   },
   {
     "name": "ScwCard",
@@ -24,16 +24,10 @@
     "category": "interactive"
   },
   {
-    "name": "ScwCenterComponent",
-    "fileName": "ScwCenterComponent.json",
-    "tagName": "scw-center-component",
-    "category": "layouts"
-  },
-  {
-    "name": "ScwFlexVComponent",
-    "fileName": "ScwFlexVComponent.json",
-    "tagName": "scw-flex-v-component",
-    "category": "layouts"
+    "name": "ScwBlock",
+    "fileName": "ScwBlock.json",
+    "tagName": "scw-block",
+    "category": "interactive"
   },
   {
     "name": "ScwComponent",
@@ -59,6 +53,12 @@
     "tagName": "scw-float-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwFlexVComponent",
+    "fileName": "ScwFlexVComponent.json",
+    "tagName": "scw-flex-v-component",
+    "category": "layouts"
+  },
   {
     "name": "ScwForm",
     "fileName": "ScwForm.json",
@@ -71,30 +71,24 @@
     "tagName": "scw-form-component",
     "category": "base"
   },
-  {
-    "name": "ScwImage",
-    "fileName": "ScwImage.json",
-    "tagName": "scw-image",
-    "category": "interactive"
-  },
   {
     "name": "ScwInput",
     "fileName": "ScwInput.json",
     "tagName": "scw-input",
     "category": "form"
   },
-  {
-    "name": "ScwLayoutComponent",
-    "fileName": "ScwLayoutComponent.json",
-    "tagName": "scw-layout-component",
-    "category": "layouts"
-  },
   {
     "name": "ScwInputField",
     "fileName": "ScwInputField.json",
     "tagName": "scw-input-field",
     "category": "form"
   },
+  {
+    "name": "ScwImage",
+    "fileName": "ScwImage.json",
+    "tagName": "scw-image",
+    "category": "interactive"
+  },
   {
     "name": "ScwInputLayout",
     "fileName": "ScwInputLayout.json",
@@ -102,10 +96,10 @@
     "category": "form"
   },
   {
-    "name": "ScwMenu",
-    "fileName": "ScwMenu.json",
-    "tagName": "scw-menu",
-    "category": "interactive"
+    "name": "ScwLayoutComponent",
+    "fileName": "ScwLayoutComponent.json",
+    "tagName": "scw-layout-component",
+    "category": "layouts"
   },
   {
     "name": "ScwLinkBase",
@@ -114,10 +108,10 @@
     "category": "interactive"
   },
   {
-    "name": "ScwPaneComponent",
-    "fileName": "ScwPaneComponent.json",
-    "tagName": "scw-pane-component",
-    "category": "layouts"
+    "name": "ScwMenu",
+    "fileName": "ScwMenu.json",
+    "tagName": "scw-menu",
+    "category": "interactive"
   },
   {
     "name": "ScwPageAlert",
@@ -126,10 +120,10 @@
     "category": "interactive"
   },
   {
-    "name": "ScwSingleInputLayout",
-    "fileName": "ScwSingleInputLayout.json",
-    "tagName": "scw-single-input-layout",
-    "category": "form"
+    "name": "ScwRichText",
+    "fileName": "ScwRichText.json",
+    "tagName": "scw-rich-text",
+    "category": "content"
   },
   {
     "name": "ScwSelect",
@@ -138,10 +132,16 @@
     "category": "form"
   },
   {
-    "name": "ScwRichText",
-    "fileName": "ScwRichText.json",
-    "tagName": "scw-rich-text",
-    "category": "content"
+    "name": "ScwSingleInputLayout",
+    "fileName": "ScwSingleInputLayout.json",
+    "tagName": "scw-single-input-layout",
+    "category": "form"
+  },
+  {
+    "name": "ScwPaneComponent",
+    "fileName": "ScwPaneComponent.json",
+    "tagName": "scw-pane-component",
+    "category": "layouts"
   },
   {
     "name": "ScwSingleInput",
@@ -149,18 +149,18 @@
     "tagName": "scw-single-input",
     "category": "form"
   },
-  {
-    "name": "ScwStepper",
-    "fileName": "ScwStepper.json",
-    "tagName": "scw-stepper",
-    "category": "interactive"
-  },
   {
     "name": "ScwStackComponent",
     "fileName": "ScwStackComponent.json",
     "tagName": "scw-stack-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwTest",
+    "fileName": "ScwTest.json",
+    "tagName": "scw-test",
+    "category": "interactive"
+  },
   {
     "name": "ScwValidate",
     "fileName": "ScwValidate.json",
@@ -168,9 +168,9 @@
     "category": "form"
   },
   {
-    "name": "ScwTest",
-    "fileName": "ScwTest.json",
-    "tagName": "scw-test",
+    "name": "ScwStepper",
+    "fileName": "ScwStepper.json",
+    "tagName": "scw-stepper",
     "category": "interactive"
   },
   {

package/dist/docs/config.json

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

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono,\n[scw-text-mono] { \n  font: var( --scw-type-text-mono-font );\n  font-feature-settings: var( --scw-type-text-mono-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono { \n  font: var( --scw-type-text-mono-font );\n  font-feature-settings: var( --scw-type-text-mono-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-01.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-01,\n[scw-text-mono-01] { \n  font: var( --scw-type-text-mono-01-font );\n  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-01"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-01.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-01 { \n  font: var( --scw-type-text-mono-01-font );\n  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-01"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-02.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-02,\n[scw-text-mono-02] { \n  font: var( --scw-type-text-mono-02-font );\n  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-02"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-02.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-02 { \n  font: var( --scw-type-text-mono-02-font );\n  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-02"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-03.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-03,\n[scw-text-mono-03] { \n  font: var( --scw-type-text-mono-03-font );\n  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-03"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-03.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-03 { \n  font: var( --scw-type-text-mono-03-font );\n  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-03"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-04.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-04,\n[scw-text-mono-04] { \n  font: var( --scw-type-text-mono-04-font );\n  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-04"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-04.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-04 { \n  font: var( --scw-type-text-mono-04-font );\n  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-04"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-05.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-05,\n[scw-text-mono-05] { \n  font: var( --scw-type-text-mono-font );\n  font-feature-settings: var( --scw-type-text-mono-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-05"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-05.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-05 { \n  font: var( --scw-type-text-mono-font );\n  font-feature-settings: var( --scw-type-text-mono-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-05"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-06.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-06,\n[scw-text-mono-06] { \n  font: var( --scw-type-text-mono-06-font );\n  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-06"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-06.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-06 { \n  font: var( --scw-type-text-mono-06-font );\n  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-06"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-07.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-07,\n[scw-text-mono-07] { \n  font: var( --scw-type-text-mono-07-font );\n  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-07"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-07.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-07 { \n  font: var( --scw-type-text-mono-07-font );\n  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-07"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-08.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-08,\n[scw-text-mono-08] { \n  font: var( --scw-type-text-mono-08-font );\n  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-08"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-08.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-08 { \n  font: var( --scw-type-text-mono-08-font );\n  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-08"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-09.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-09,\n[scw-text-mono-09] { \n  font: var( --scw-type-text-mono-09-font );\n  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-09"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-09.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-09 { \n  font: var( --scw-type-text-mono-09-font );\n  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-09"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-10.css.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n.scw-text-mono-10,\n[scw-text-mono-10] { \n  font: var( --scw-type-text-mono-10-font );\n  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-10"
+  }
+}

package/dist/tokens/source/cssApi/typography-text-mono-text-mono-10.scss.json

@@ -0,0 +1,7 @@
+{
+  "font": {
+    "output": "\n@mixin scw-text-mono-10 { \n  font: var( --scw-type-text-mono-10-font );\n  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags ); \n}",
+    "selectorTemplate": "scw-[name]-[size]",
+    "selector": "scw-text-mono-10"
+  }
+}

package/dist/tokens/source/cssApi.css

@@ -8484,6 +8484,72 @@
   font: var( --scw-type-text-bold-condensed-01-font ); 
 }
 
+.scw-text-mono-10,
+[scw-text-mono-10] { 
+  font: var( --scw-type-text-mono-10-font );
+  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags ); 
+}
+
+.scw-text-mono-09,
+[scw-text-mono-09] { 
+  font: var( --scw-type-text-mono-09-font );
+  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags ); 
+}
+
+.scw-text-mono-08,
+[scw-text-mono-08] { 
+  font: var( --scw-type-text-mono-08-font );
+  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags ); 
+}
+
+.scw-text-mono-07,
+[scw-text-mono-07] { 
+  font: var( --scw-type-text-mono-07-font );
+  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags ); 
+}
+
+.scw-text-mono-06,
+[scw-text-mono-06] { 
+  font: var( --scw-type-text-mono-06-font );
+  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags ); 
+}
+
+.scw-text-mono-05,
+[scw-text-mono-05] { 
+  font: var( --scw-type-text-mono-font );
+  font-feature-settings: var( --scw-type-text-mono-opentype-flags ); 
+}
+
+.scw-text-mono,
+[scw-text-mono] { 
+  font: var( --scw-type-text-mono-font );
+  font-feature-settings: var( --scw-type-text-mono-opentype-flags ); 
+}
+
+.scw-text-mono-04,
+[scw-text-mono-04] { 
+  font: var( --scw-type-text-mono-04-font );
+  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags ); 
+}
+
+.scw-text-mono-03,
+[scw-text-mono-03] { 
+  font: var( --scw-type-text-mono-03-font );
+  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags ); 
+}
+
+.scw-text-mono-02,
+[scw-text-mono-02] { 
+  font: var( --scw-type-text-mono-02-font );
+  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags ); 
+}
+
+.scw-text-mono-01,
+[scw-text-mono-01] { 
+  font: var( --scw-type-text-mono-01-font );
+  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags ); 
+}
+
 .scw-effect-shadow,
 [scw-effect-shadow] { 
   box-shadow: var( --scw-effect-shadow-shadow ); 

package/dist/tokens/source/cssApi.css.json

@@ -8550,6 +8550,83 @@
       "selector": "scw-text-bold-condensed-01"
     }
   },
+  "typography-text-mono-text-mono-10": {
+    "font": {
+      "output": "\n.scw-text-mono-10,\n[scw-text-mono-10] { \n  font: var( --scw-type-text-mono-10-font );\n  font-feature-settings: var( --scw-type-text-mono-10-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-10"
+    }
+  },
+  "typography-text-mono-text-mono-09": {
+    "font": {
+      "output": "\n.scw-text-mono-09,\n[scw-text-mono-09] { \n  font: var( --scw-type-text-mono-09-font );\n  font-feature-settings: var( --scw-type-text-mono-09-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-09"
+    }
+  },
+  "typography-text-mono-text-mono-08": {
+    "font": {
+      "output": "\n.scw-text-mono-08,\n[scw-text-mono-08] { \n  font: var( --scw-type-text-mono-08-font );\n  font-feature-settings: var( --scw-type-text-mono-08-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-08"
+    }
+  },
+  "typography-text-mono-text-mono-07": {
+    "font": {
+      "output": "\n.scw-text-mono-07,\n[scw-text-mono-07] { \n  font: var( --scw-type-text-mono-07-font );\n  font-feature-settings: var( --scw-type-text-mono-07-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-07"
+    }
+  },
+  "typography-text-mono-text-mono-06": {
+    "font": {
+      "output": "\n.scw-text-mono-06,\n[scw-text-mono-06] { \n  font: var( --scw-type-text-mono-06-font );\n  font-feature-settings: var( --scw-type-text-mono-06-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-06"
+    }
+  },
+  "typography-text-mono-text-mono-05": {
+    "font": {
+      "output": "\n.scw-text-mono-05,\n[scw-text-mono-05] { \n  font: var( --scw-type-text-mono-font );\n  font-feature-settings: var( --scw-type-text-mono-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-05"
+    }
+  },
+  "typography-text-mono-text-mono-": {
+    "font": {
+      "output": "\n.scw-text-mono,\n[scw-text-mono] { \n  font: var( --scw-type-text-mono-font );\n  font-feature-settings: var( --scw-type-text-mono-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono"
+    }
+  },
+  "typography-text-mono-text-mono-04": {
+    "font": {
+      "output": "\n.scw-text-mono-04,\n[scw-text-mono-04] { \n  font: var( --scw-type-text-mono-04-font );\n  font-feature-settings: var( --scw-type-text-mono-04-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-04"
+    }
+  },
+  "typography-text-mono-text-mono-03": {
+    "font": {
+      "output": "\n.scw-text-mono-03,\n[scw-text-mono-03] { \n  font: var( --scw-type-text-mono-03-font );\n  font-feature-settings: var( --scw-type-text-mono-03-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-03"
+    }
+  },
+  "typography-text-mono-text-mono-02": {
+    "font": {
+      "output": "\n.scw-text-mono-02,\n[scw-text-mono-02] { \n  font: var( --scw-type-text-mono-02-font );\n  font-feature-settings: var( --scw-type-text-mono-02-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-02"
+    }
+  },
+  "typography-text-mono-text-mono-01": {
+    "font": {
+      "output": "\n.scw-text-mono-01,\n[scw-text-mono-01] { \n  font: var( --scw-type-text-mono-01-font );\n  font-feature-settings: var( --scw-type-text-mono-01-opentype-flags ); \n}",
+      "selectorTemplate": "scw-[name]-[size]",
+      "selector": "scw-text-mono-01"
+    }
+  },
   "effects-shadow-": {
     "effect": {
       "output": "\n.scw-effect-shadow,\n[scw-effect-shadow] { \n  box-shadow: var( --scw-effect-shadow-shadow ); \n}",