scu-web-components 0.0.14 → 0.0.17

package/dist/custom-elements.json

@@ -2359,12 +2359,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-flex-v-component/scw-flex-v-component.ts",
+      "path": "src/scw-float-component/scw-float-component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwFlexVComponent",
-          "name": "ScwFlexVComponent",
+          "description": "ScwFloatComponent",
+          "name": "ScwFloatComponent",
           "members": [
             {
               "kind": "field",
@@ -2490,7 +2490,7 @@
             "name": "ScwComponent",
             "module": "/src/scw-component/ScwComponent"
           },
-          "tagName": "scw-flex-v-component",
+          "tagName": "scw-float-component",
           "customElement": true,
           "attributes": [
             {
@@ -2551,20 +2551,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwFlexVComponent",
-            "module": "src/scw-flex-v-component/scw-flex-v-component.ts"
+            "name": "ScwFloatComponent",
+            "module": "src/scw-float-component/scw-float-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-float-component/scw-float-component.ts",
+      "path": "src/scw-flex-v-component/scw-flex-v-component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwFloatComponent",
-          "name": "ScwFloatComponent",
+          "description": "ScwFlexVComponent",
+          "name": "ScwFlexVComponent",
           "members": [
             {
               "kind": "field",
@@ -2690,7 +2690,7 @@
             "name": "ScwComponent",
             "module": "/src/scw-component/ScwComponent"
           },
-          "tagName": "scw-float-component",
+          "tagName": "scw-flex-v-component",
           "customElement": true,
           "attributes": [
             {
@@ -2751,8 +2751,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwFloatComponent",
-            "module": "src/scw-float-component/scw-float-component.ts"
+            "name": "ScwFlexVComponent",
+            "module": "src/scw-flex-v-component/scw-flex-v-component.ts"
           }
         }
       ]
@@ -15180,6 +15180,63 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/events/event.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "emit",
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "name": "detail",
+              "default": "{}"
+            },
+            {
+              "name": "options",
+              "optional": true,
+              "type": {
+                "text": "CustomEventInit"
+              }
+            },
+            {
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            }
+          ],
+          "description": "Emits a custom event with web component friendly defaults.",
+          "return": {
+            "type": {
+              "text": "CustomEvent"
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "emit",
+          "declaration": {
+            "name": "emit",
+            "module": "src/utils/events/event.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/observers/intersectionObserverSingleton.ts",
@@ -15243,63 +15300,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/events/event.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "emit",
-          "parameters": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "name": "detail",
-              "default": "{}"
-            },
-            {
-              "name": "options",
-              "optional": true,
-              "type": {
-                "text": "CustomEventInit"
-              }
-            },
-            {
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            }
-          ],
-          "description": "Emits a custom event with web component friendly defaults.",
-          "return": {
-            "type": {
-              "text": "CustomEvent"
-            }
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "emit",
-          "declaration": {
-            "name": "emit",
-            "module": "src/utils/events/event.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/responsive/BreakpointTypes.ts",

package/dist/docs/components/manifest.json

@@ -1,28 +1,22 @@
 [
-  {
-    "name": "ScwAlert",
-    "fileName": "ScwAlert.json",
-    "tagName": "scw-alert",
-    "category": "interactive"
-  },
   {
     "name": "ScwButton",
     "fileName": "ScwButton.json",
     "tagName": "scw-button",
     "category": "interactive"
   },
-  {
-    "name": "ScwCard",
-    "fileName": "ScwCard.json",
-    "tagName": "scw-card",
-    "category": "interactive"
-  },
   {
     "name": "ScwCenterComponent",
     "fileName": "ScwCenterComponent.json",
     "tagName": "scw-center-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwCard",
+    "fileName": "ScwCard.json",
+    "tagName": "scw-card",
+    "category": "interactive"
+  },
   {
     "name": "ScwComponent",
     "fileName": "ScwComponent.json",
@@ -47,12 +41,6 @@
     "tagName": "scw-flex-v-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwFloatComponent",
-    "fileName": "ScwFloatComponent.json",
-    "tagName": "scw-float-component",
-    "category": "layouts"
-  },
   {
     "name": "ScwForm",
     "fileName": "ScwForm.json",
@@ -60,21 +48,9 @@
     "category": "form"
   },
   {
-    "name": "ScwFormComponent",
-    "fileName": "ScwFormComponent.json",
-    "tagName": "scw-form-component",
-    "category": "base"
-  },
-  {
-    "name": "ScwHeading",
-    "fileName": "ScwHeading.json",
-    "tagName": "scw-heading",
-    "category": "interactive"
-  },
-  {
-    "name": "ScwIcon",
-    "fileName": "ScwIcon.json",
-    "tagName": "scw-icon",
+    "name": "ScwAlert",
+    "fileName": "ScwAlert.json",
+    "tagName": "scw-alert",
     "category": "interactive"
   },
   {
@@ -83,18 +59,18 @@
     "tagName": "scw-input",
     "category": "form"
   },
+  {
+    "name": "ScwFloatComponent",
+    "fileName": "ScwFloatComponent.json",
+    "tagName": "scw-float-component",
+    "category": "layouts"
+  },
   {
     "name": "ScwImage",
     "fileName": "ScwImage.json",
     "tagName": "scw-image",
     "category": "interactive"
   },
-  {
-    "name": "ScwInputLayout",
-    "fileName": "ScwInputLayout.json",
-    "tagName": "scw-input-layout",
-    "category": "form"
-  },
   {
     "name": "ScwInputField",
     "fileName": "ScwInputField.json",
@@ -102,16 +78,16 @@
     "category": "form"
   },
   {
-    "name": "ScwLayoutComponent",
-    "fileName": "ScwLayoutComponent.json",
-    "tagName": "scw-layout-component",
-    "category": "layouts"
+    "name": "ScwInputLayout",
+    "fileName": "ScwInputLayout.json",
+    "tagName": "scw-input-layout",
+    "category": "form"
   },
   {
-    "name": "ScwLink",
-    "fileName": "ScwLink.json",
-    "tagName": "scw-link",
-    "category": "interactive"
+    "name": "ScwFormComponent",
+    "fileName": "ScwFormComponent.json",
+    "tagName": "scw-form-component",
+    "category": "base"
   },
   {
     "name": "ScwLinkBase",
@@ -120,16 +96,16 @@
     "category": "interactive"
   },
   {
-    "name": "ScwMenu",
-    "fileName": "ScwMenu.json",
-    "tagName": "scw-menu",
-    "category": "interactive"
+    "name": "ScwLayoutComponent",
+    "fileName": "ScwLayoutComponent.json",
+    "tagName": "scw-layout-component",
+    "category": "layouts"
   },
   {
-    "name": "ScwMenuItem",
-    "fileName": "ScwMenuItem.json",
-    "tagName": "scw-menu-item",
-    "category": "interactive"
+    "name": "ScwPaneComponent",
+    "fileName": "ScwPaneComponent.json",
+    "tagName": "scw-pane-component",
+    "category": "layouts"
   },
   {
     "name": "ScwPageAlert",
@@ -138,23 +114,29 @@
     "category": "interactive"
   },
   {
-    "name": "ScwPaneComponent",
-    "fileName": "ScwPaneComponent.json",
-    "tagName": "scw-pane-component",
-    "category": "layouts"
+    "name": "ScwSelect",
+    "fileName": "ScwSelect.json",
+    "tagName": "scw-select",
+    "category": "form"
   },
   {
-    "name": "ScwResponsive",
-    "fileName": "ScwResponsive.json",
-    "tagName": "scw-responsive",
-    "category": "layouts"
+    "name": "ScwMenu",
+    "fileName": "ScwMenu.json",
+    "tagName": "scw-menu",
+    "category": "interactive"
   },
   {
-    "name": "ScwSelect",
-    "fileName": "ScwSelect.json",
-    "tagName": "scw-select",
+    "name": "ScwSingleInputLayout",
+    "fileName": "ScwSingleInputLayout.json",
+    "tagName": "scw-single-input-layout",
     "category": "form"
   },
+  {
+    "name": "ScwTest",
+    "fileName": "ScwTest.json",
+    "tagName": "scw-test",
+    "category": "interactive"
+  },
   {
     "name": "ScwSingleInput",
     "fileName": "ScwSingleInput.json",
@@ -162,10 +144,10 @@
     "category": "form"
   },
   {
-    "name": "ScwSingleInputLayout",
-    "fileName": "ScwSingleInputLayout.json",
-    "tagName": "scw-single-input-layout",
-    "category": "form"
+    "name": "ScwResponsive",
+    "fileName": "ScwResponsive.json",
+    "tagName": "scw-responsive",
+    "category": "layouts"
   },
   {
     "name": "ScwStackComponent",
@@ -173,18 +155,18 @@
     "tagName": "scw-stack-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwTest",
-    "fileName": "ScwTest.json",
-    "tagName": "scw-test",
-    "category": "interactive"
-  },
   {
     "name": "ScwTextarea",
     "fileName": "ScwTextarea.json",
     "tagName": "scw-textarea",
     "category": "form"
   },
+  {
+    "name": "ScwValidation",
+    "fileName": "ScwValidation.json",
+    "tagName": "scw-validation",
+    "category": "form"
+  },
   {
     "name": "ScwValidate",
     "fileName": "ScwValidate.json",
@@ -192,9 +174,27 @@
     "category": "form"
   },
   {
-    "name": "ScwValidation",
-    "fileName": "ScwValidation.json",
-    "tagName": "scw-validation",
-    "category": "form"
+    "name": "ScwHeading",
+    "fileName": "ScwHeading.json",
+    "tagName": "scw-heading",
+    "category": "interactive"
+  },
+  {
+    "name": "ScwIcon",
+    "fileName": "ScwIcon.json",
+    "tagName": "scw-icon",
+    "category": "interactive"
+  },
+  {
+    "name": "ScwLink",
+    "fileName": "ScwLink.json",
+    "tagName": "scw-link",
+    "category": "interactive"
+  },
+  {
+    "name": "ScwMenuItem",
+    "fileName": "ScwMenuItem.json",
+    "tagName": "scw-menu-item",
+    "category": "interactive"
   }
 ]

package/dist/docs/config.json

@@ -1,6 +1,6 @@
 {
   "title": "Summit Credit Union Web Design System (SCW)",
-  "version": "0.0.13",
+  "version": "0.0.16",
   "navigation": [
     {
       "id": "tokens",

package/dist/tokens/source/cssApi/scw-theme-business-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-business": {
+    "selector": "scw-theme-business",
+    "output": "\n.scw-theme-business,\n[scw-theme-business],\n.scw-theme-business [element],\n[scw-theme-business] [element],\n[element][color=business] {\n  --scw-color-01: var( --scw-color-business-01 );\n  --scw-color-02: var( --scw-color-business-02 );\n  --scw-color-03: var( --scw-color-business-03 );\n  --scw-color-04: var( --scw-color-business-04 );\n  --scw-color-05: var( --scw-color-business-05 );\n  --scw-color: var( --scw-color-business );\n  --scw-color-06: var( --scw-color-business-06 );\n  --scw-color-07: var( --scw-color-business-07 );\n  --scw-color-08: var( --scw-color-business-08 );\n  --scw-color-09: var( --scw-color-business-09 );\n  --scw-color-092: var( --scw-color-business-092 );\n  --scw-color-095: var( --scw-color-business-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-checking-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-checking": {
+    "selector": "scw-theme-checking",
+    "output": "\n.scw-theme-checking,\n[scw-theme-checking],\n.scw-theme-checking [element],\n[scw-theme-checking] [element],\n[element][color=checking] {\n  --scw-color-01: var( --scw-color-checking-01 );\n  --scw-color-02: var( --scw-color-checking-02 );\n  --scw-color-03: var( --scw-color-checking-03 );\n  --scw-color-04: var( --scw-color-checking-04 );\n  --scw-color-05: var( --scw-color-checking-05 );\n  --scw-color: var( --scw-color-checking );\n  --scw-color-06: var( --scw-color-checking-06 );\n  --scw-color-07: var( --scw-color-checking-07 );\n  --scw-color-08: var( --scw-color-checking-08 );\n  --scw-color-09: var( --scw-color-checking-09 );\n  --scw-color-092: var( --scw-color-checking-092 );\n  --scw-color-095: var( --scw-color-checking-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-credit-cards-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-credit-cards": {
+    "selector": "scw-theme-credit-cards",
+    "output": "\n.scw-theme-credit-cards,\n[scw-theme-credit-cards],\n.scw-theme-credit-cards [element],\n[scw-theme-credit-cards] [element],\n[element][color=credit-cards] {\n  --scw-color-01: var( --scw-color-credit-cards-01 );\n  --scw-color-02: var( --scw-color-credit-cards-02 );\n  --scw-color-03: var( --scw-color-credit-cards-03 );\n  --scw-color-04: var( --scw-color-credit-cards-04 );\n  --scw-color-05: var( --scw-color-credit-cards-05 );\n  --scw-color: var( --scw-color-credit-cards );\n  --scw-color-06: var( --scw-color-credit-cards-06 );\n  --scw-color-07: var( --scw-color-credit-cards-07 );\n  --scw-color-08: var( --scw-color-credit-cards-08 );\n  --scw-color-09: var( --scw-color-credit-cards-09 );\n  --scw-color-092: var( --scw-color-credit-cards-092 );\n  --scw-color-095: var( --scw-color-credit-cards-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-error-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-error": {
+    "selector": "scw-theme-error",
+    "output": "\n.scw-theme-error,\n[scw-theme-error],\n.scw-theme-error [element],\n[scw-theme-error] [element],\n[element][color=error] {\n  --scw-color: var( --scw-color-error );\n  --scw-color-light: var( --scw-color-error-light );\n  --scw-color-dark: var( --scw-color-error-dark ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-grey-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-grey": {
+    "selector": "scw-theme-grey",
+    "output": "\n.scw-theme-grey,\n[scw-theme-grey],\n.scw-theme-grey [element],\n[scw-theme-grey] [element],\n[element][color=grey] {\n  --scw-color-00: var( --scw-color-grey-00 );\n  --scw-color-01: var( --scw-color-grey-01 );\n  --scw-color-02: var( --scw-color-grey-02 );\n  --scw-color-03: var( --scw-color-grey-03 );\n  --scw-color-04: var( --scw-color-grey-04 );\n  --scw-color-05: var( --scw-color-grey-05 );\n  --scw-color: var( --scw-color-grey );\n  --scw-color-06: var( --scw-color-grey-06 );\n  --scw-color-07: var( --scw-color-grey-07 );\n  --scw-color-08: var( --scw-color-grey-08 );\n  --scw-color-09: var( --scw-color-grey-09 );\n  --scw-color-092: var( --scw-color-grey-092 );\n  --scw-color-095: var( --scw-color-grey-095 );\n  --scw-color-10: var( --scw-color-grey-10 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-heloc-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-heloc": {
+    "selector": "scw-theme-heloc",
+    "output": "\n.scw-theme-heloc,\n[scw-theme-heloc],\n.scw-theme-heloc [element],\n[scw-theme-heloc] [element],\n[element][color=heloc] {\n  --scw-color-01: var( --scw-color-heloc-01 );\n  --scw-color-02: var( --scw-color-heloc-02 );\n  --scw-color-03: var( --scw-color-heloc-03 );\n  --scw-color-04: var( --scw-color-heloc-04 );\n  --scw-color-05: var( --scw-color-heloc-05 );\n  --scw-color: var( --scw-color-heloc );\n  --scw-color-06: var( --scw-color-heloc-06 );\n  --scw-color-07: var( --scw-color-heloc-07 );\n  --scw-color-08: var( --scw-color-heloc-08 );\n  --scw-color-09: var( --scw-color-heloc-09 );\n  --scw-color-092: var( --scw-color-heloc-092 );\n  --scw-color-095: var( --scw-color-heloc-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-information-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-information": {
+    "selector": "scw-theme-information",
+    "output": "\n.scw-theme-information,\n[scw-theme-information],\n.scw-theme-information [element],\n[scw-theme-information] [element],\n[element][color=information] {\n  --scw-color: var( --scw-color-information );\n  --scw-color-light: var( --scw-color-information-light );\n  --scw-color-dark: var( --scw-color-information-dark ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-investments-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-investments": {
+    "selector": "scw-theme-investments",
+    "output": "\n.scw-theme-investments,\n[scw-theme-investments],\n.scw-theme-investments [element],\n[scw-theme-investments] [element],\n[element][color=investments] {\n  --scw-color-01: var( --scw-color-investments-01 );\n  --scw-color-02: var( --scw-color-investments-02 );\n  --scw-color-03: var( --scw-color-investments-03 );\n  --scw-color-04: var( --scw-color-investments-04 );\n  --scw-color-05: var( --scw-color-investments-05 );\n  --scw-color: var( --scw-color-investments );\n  --scw-color-06: var( --scw-color-investments-06 );\n  --scw-color-07: var( --scw-color-investments-07 );\n  --scw-color-08: var( --scw-color-investments-08 );\n  --scw-color-09: var( --scw-color-investments-09 );\n  --scw-color-092: var( --scw-color-investments-092 );\n  --scw-color-095: var( --scw-color-investments-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-mortgage-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-mortgage": {
+    "selector": "scw-theme-mortgage",
+    "output": "\n.scw-theme-mortgage,\n[scw-theme-mortgage],\n.scw-theme-mortgage [element],\n[scw-theme-mortgage] [element],\n[element][color=mortgage] {\n  --scw-color-01: var( --scw-color-mortgage-01 );\n  --scw-color-02: var( --scw-color-mortgage-02 );\n  --scw-color-03: var( --scw-color-mortgage-03 );\n  --scw-color-04: var( --scw-color-mortgage-04 );\n  --scw-color-05: var( --scw-color-mortgage-05 );\n  --scw-color: var( --scw-color-mortgage );\n  --scw-color-06: var( --scw-color-mortgage-06 );\n  --scw-color-07: var( --scw-color-mortgage-07 );\n  --scw-color-08: var( --scw-color-mortgage-08 );\n  --scw-color-09: var( --scw-color-mortgage-09 );\n  --scw-color-092: var( --scw-color-mortgage-092 );\n  --scw-color-095: var( --scw-color-mortgage-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-personal-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-personal": {
+    "selector": "scw-theme-personal",
+    "output": "\n.scw-theme-personal,\n[scw-theme-personal],\n.scw-theme-personal [element],\n[scw-theme-personal] [element],\n[element][color=personal] {\n  --scw-color-01: var( --scw-color-personal-01 );\n  --scw-color-02: var( --scw-color-personal-02 );\n  --scw-color-03: var( --scw-color-personal-03 );\n  --scw-color-04: var( --scw-color-personal-04 );\n  --scw-color-05: var( --scw-color-personal-05 );\n  --scw-color: var( --scw-color-personal );\n  --scw-color-06: var( --scw-color-personal-06 );\n  --scw-color-07: var( --scw-color-personal-07 );\n  --scw-color-08: var( --scw-color-personal-08 );\n  --scw-color-09: var( --scw-color-personal-09 );\n  --scw-color-092: var( --scw-color-personal-092 );\n  --scw-color-095: var( --scw-color-personal-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-primary-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-primary": {
+    "selector": "scw-theme-primary",
+    "output": "\n.scw-theme-primary,\n[scw-theme-primary],\n.scw-theme-primary [element],\n[scw-theme-primary] [element],\n[element][color=primary] {\n  --scw-color-01: var( --scw-color-primary-01 );\n  --scw-color-02: var( --scw-color-primary-02 );\n  --scw-color-03: var( --scw-color-primary-03 );\n  --scw-color-04: var( --scw-color-primary-04 );\n  --scw-color-05: var( --scw-color-primary-05 );\n  --scw-color: var( --scw-color-primary );\n  --scw-color-06: var( --scw-color-primary-06 );\n  --scw-color-07: var( --scw-color-primary-07 );\n  --scw-color-08: var( --scw-color-primary-08 );\n  --scw-color-09: var( --scw-color-primary-09 );\n  --scw-color-092: var( --scw-color-primary-092 );\n  --scw-color-095: var( --scw-color-primary-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-red-shoes-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-red-shoes": {
+    "selector": "scw-theme-red-shoes",
+    "output": "\n.scw-theme-red-shoes,\n[scw-theme-red-shoes],\n.scw-theme-red-shoes [element],\n[scw-theme-red-shoes] [element],\n[element][color=red-shoes] {\n  --scw-color-01: var( --scw-color-red-shoes-01 );\n  --scw-color-02: var( --scw-color-red-shoes-02 );\n  --scw-color-03: var( --scw-color-red-shoes-03 );\n  --scw-color-04: var( --scw-color-red-shoes-04 );\n  --scw-color-05: var( --scw-color-red-shoes-05 );\n  --scw-color: var( --scw-color-red-shoes );\n  --scw-color-06: var( --scw-color-red-shoes-06 );\n  --scw-color-07: var( --scw-color-red-shoes-07 );\n  --scw-color-08: var( --scw-color-red-shoes-08 );\n  --scw-color-09: var( --scw-color-red-shoes-09 );\n  --scw-color-092: var( --scw-color-red-shoes-092 );\n  --scw-color-095: var( --scw-color-red-shoes-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-savings-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-savings": {
+    "selector": "scw-theme-savings",
+    "output": "\n.scw-theme-savings,\n[scw-theme-savings],\n.scw-theme-savings [element],\n[scw-theme-savings] [element],\n[element][color=savings] {\n  --scw-color-01: var( --scw-color-savings-01 );\n  --scw-color-02: var( --scw-color-savings-02 );\n  --scw-color-03: var( --scw-color-savings-03 );\n  --scw-color-04: var( --scw-color-savings-04 );\n  --scw-color-05: var( --scw-color-savings-05 );\n  --scw-color: var( --scw-color-savings );\n  --scw-color-06: var( --scw-color-savings-06 );\n  --scw-color-07: var( --scw-color-savings-07 );\n  --scw-color-08: var( --scw-color-savings-08 );\n  --scw-color-09: var( --scw-color-savings-09 );\n  --scw-color-092: var( --scw-color-savings-092 );\n  --scw-color-095: var( --scw-color-savings-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-student-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-student": {
+    "selector": "scw-theme-student",
+    "output": "\n.scw-theme-student,\n[scw-theme-student],\n.scw-theme-student [element],\n[scw-theme-student] [element],\n[element][color=student] {\n  --scw-color-01: var( --scw-color-student-01 );\n  --scw-color-02: var( --scw-color-student-02 );\n  --scw-color-03: var( --scw-color-student-03 );\n  --scw-color-04: var( --scw-color-student-04 );\n  --scw-color-05: var( --scw-color-student-05 );\n  --scw-color: var( --scw-color-student );\n  --scw-color-06: var( --scw-color-student-06 );\n  --scw-color-07: var( --scw-color-student-07 );\n  --scw-color-08: var( --scw-color-student-08 );\n  --scw-color-09: var( --scw-color-student-09 );\n  --scw-color-092: var( --scw-color-student-092 );\n  --scw-color-095: var( --scw-color-student-095 ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-success-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-success": {
+    "selector": "scw-theme-success",
+    "output": "\n.scw-theme-success,\n[scw-theme-success],\n.scw-theme-success [element],\n[scw-theme-success] [element],\n[element][color=success] {\n  --scw-color: var( --scw-color-success );\n  --scw-color-light: var( --scw-color-success-light );\n  --scw-color-dark: var( --scw-color-success-dark ); \n}\n"
+  }
+}

package/dist/tokens/source/cssApi/scw-theme-warning-hook.css.json

@@ -0,0 +1,6 @@
+{
+  "scw-theme-warning": {
+    "selector": "scw-theme-warning",
+    "output": "\n.scw-theme-warning,\n[scw-theme-warning],\n.scw-theme-warning [element],\n[scw-theme-warning] [element],\n[element][color=warning] {\n  --scw-color: var( --scw-color-warning );\n  --scw-color-light: var( --scw-color-warning-light );\n  --scw-color-dark: var( --scw-color-warning-dark ); \n}\n"
+  }
+}