scu-web-components 0.0.16 → 0.0.19

package/dist/docs/components/ScwAlert.json

@@ -206,20 +206,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -348,18 +334,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "superclass": {

package/dist/docs/components/ScwButton.json

@@ -328,20 +328,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -505,18 +491,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "superclass": {

package/dist/docs/components/ScwCard.json

@@ -384,20 +384,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "field",
       "name": "_lastWarning",
@@ -515,18 +501,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "superclass": {
@@ -544,31 +518,31 @@
     {
       "title": "Large Size (h1)",
       "description": "scw-card is configured with nested html elements.",
-      "code": "\n        <scw-card\n          style=\"max-width: 600px;\">\n          <img\n            src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n            alt=\"img alt text\" />\n          <sup>Category</sup>\n          <h1>Heading</h1>\n          <p>a description</p>\n        </scw-card>"
+      "code": "\n        <scw-card>\n          <img\n            src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n            alt=\"img alt text\" />\n          <sup>Category</sup>\n          <h1>Heading</h1>\n          <p>a description</p>\n        </scw-card>"
     },
     {
       "title": "Medium Size (h2)",
       "description": "The size of the card is determined by the type of heading \n      you use. For a medium sized card, use \"h2\" and \"h3\" for small card.",
-      "code": "\n        <scw-card\n          style=\"max-width: 400px;\">\n          <img\n            src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n            alt=\"img alt text\" />\n          <sup>Category</sup>\n          <h2>Heading</h2>\n          <p>a description</p>\n        </scw-card>"
+      "code": "\n        <scw-card>\n          <img\n            src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n            alt=\"img alt text\" />\n          <sup>Category</sup>\n          <h2>Heading</h2>\n          <p>a description</p>\n        </scw-card>"
     },
     {
       "title": "Small Size (h3)",
-      "code": "\n        <scw-card\n          style=\"max-width: 200px;\">\n          <img \n            src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n            alt=\"img alt text\" />\n          <h3>Heading</h3>\n        </scw-card>"
+      "code": "\n        <scw-card>\n          <img \n            src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n            alt=\"img alt text\" />\n          <h3>Heading</h3>\n        </scw-card>"
     },
     {
       "title": "Colors",
       "description": "",
-      "code": "\n        <scw-stack \n          scw-gap-2s>\n          <scw-flex-h\n            scw-fill-children\n            scw-gap-2s>\n            <scw-card color=\"primary\">\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card color=\"mortgage\">\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card color=\"savings\">\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card color=\"student\">\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n          </scw-flex-h>\n          <scw-flex-h\n            scw-fill-children\n            scw-gap-2s>\n            <scw-card color=\"investments\">\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card color=\"checking\">\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card color=\"checking-purple\">\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card color=\"credit-cards\">\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n          </scw-flex-h>\n        </scw-stack>"
+      "code": "\n        <scw-stack \n          scw-gap-2s>\n          <scw-flex-h\n            scw-fill-children\n            scw-gap-2s>\n            <scw-card scw-theme-primary>\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card scw-theme-mortgage>\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card scw-theme-savings>\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card scw-theme-student>\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n          </scw-flex-h>\n          <scw-flex-h\n            scw-fill-children\n            scw-gap-2s>\n            <scw-card scw-theme-investments>\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card scw-theme-checking>\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card scw-theme-checking-purple>\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n            <scw-card scw-theme-credit-cards>\n              <img \n                src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n                alt=\"img alt text\" />\n              <sup>Category</sup>\n              <h2>Heading</h2>\n              <p>a description</p>\n              <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n                Take Action\n              </a>\n            </scw-card>\n          </scw-flex-h>\n        </scw-stack>"
     },
     {
       "title": "Button Link",
       "description": "a single button will be added to scw-card if an independant\n      anchor is added as a child (versus an anchor around all child content)",
-      "code": "\n        <scw-card\n          style=\"max-width: 400px;\">\n          <img \n            src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n            alt=\"img alt text\" />\n          <sup>Category</sup>\n          <h2>Heading</h2>\n          <p>a description</p>\n          <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n            Take Action\n          </a>\n        </scw-card>"
+      "code": "\n        <scw-card>\n          <img \n            src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n            alt=\"img alt text\" />\n          <sup>Category</sup>\n          <h2>Heading</h2>\n          <p>a description</p>\n          <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n            Take Action\n          </a>\n        </scw-card>"
     },
     {
       "title": "Whole Card Link",
       "description": "The entire scw-card will turn into a link if an \n      anchor is placed around ALL of the children html.",
-      "code": "\n        <scw-card\n          style=\"max-width: 400px;\">\n          <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n            <img \n              src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n              alt=\"img alt text\" />\n            <sup>Category</sup>\n            <h2>Heading</h2>\n            <p>a description</p>\n          </a>\n        </scw-card>"
+      "code": "\n        <scw-card>\n          <a href=\"https://www.summitcreditunion.com\" target=\"_blank\">\n            <img \n              src=\"https://media.istockphoto.com/photos/mount-hood-oregon-picture-id1268487061?b=1&k=20&m=1268487061&s=170667a&w=0&h=3fHYwaImlqUETcjCnSV7YO2-PzCFvaX6VSQaiGfWqpc=\"\n              alt=\"img alt text\" />\n            <sup>Category</sup>\n            <h2>Heading</h2>\n            <p>a description</p>\n          </a>\n        </scw-card>"
     },
     {
       "title": "Javascript Click",

package/dist/docs/components/ScwCenterComponent.json

@@ -79,20 +79,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -168,18 +154,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "category": "layouts",

package/dist/docs/components/ScwComponent.json

@@ -55,16 +55,6 @@
       "attribute": "element",
       "reflects": true
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -114,14 +104,6 @@
       },
       "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
       "fieldName": "element"
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color"
     }
   ],
   "superclass": {

package/dist/docs/components/ScwElementComponent.json

@@ -79,20 +79,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -168,18 +154,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "category": "layouts",

package/dist/docs/components/ScwFlexHComponent.json

@@ -79,20 +79,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -168,18 +154,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "category": "layouts",

package/dist/docs/components/ScwFlexVComponent.json

@@ -79,20 +79,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -168,18 +154,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "category": "layouts",

package/dist/docs/components/ScwFloatComponent.json

@@ -79,20 +79,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -168,18 +154,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "category": "layouts",

package/dist/docs/components/ScwForm.json

@@ -176,20 +176,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -275,18 +261,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "superclass": {

package/dist/docs/components/ScwFormComponent.json

@@ -304,20 +304,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -465,18 +451,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "superclass": {

package/dist/docs/components/ScwHeading.json

@@ -228,20 +228,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -369,18 +355,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "superclass": {
@@ -413,7 +387,7 @@
     {
       "title": "Colors",
       "description": "",
-      "code": "\n        <scw-stack scw-gap-2s>\n          \n              <scw-heading\n                color=\"default\"\n                aria-label=\"default\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"primary\"\n                aria-label=\"primary\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"grey\"\n                aria-label=\"grey\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"checking\"\n                aria-label=\"checking\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"red-shoes\"\n                aria-label=\"red-shoes\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"business\"\n                aria-label=\"business\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"personal\"\n                aria-label=\"personal\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"heloc\"\n                aria-label=\"heloc\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"mortgage\"\n                aria-label=\"mortgage\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"investments\"\n                aria-label=\"investments\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"credit-cards\"\n                aria-label=\"credit-cards\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"student\"\n                aria-label=\"student\">\n              </scw-heading>\n            \n              <scw-heading\n                color=\"savings\"\n                aria-label=\"savings\">\n              </scw-heading>\n            \n        </scw-stack>"
+      "code": "\n        <scw-stack scw-gap-2s>\n          \n              <scw-heading\n                \n                aria-label=\"default\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-primary\n                aria-label=\"primary\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-grey\n                aria-label=\"grey\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-checking\n                aria-label=\"checking\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-red-shoes\n                aria-label=\"red-shoes\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-business\n                aria-label=\"business\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-personal\n                aria-label=\"personal\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-heloc\n                aria-label=\"heloc\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-mortgage\n                aria-label=\"mortgage\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-investments\n                aria-label=\"investments\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-credit-cards\n                aria-label=\"credit-cards\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-student\n                aria-label=\"student\">\n              </scw-heading>\n            \n              <scw-heading\n                scw-theme-savings\n                aria-label=\"savings\">\n              </scw-heading>\n            \n        </scw-stack>"
     },
     {
       "title": "Button",

package/dist/docs/components/ScwIcon.json

@@ -242,20 +242,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "attribute": "color",
-      "reflects": true,
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "method",
       "name": "warn",
@@ -400,18 +386,6 @@
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
       }
-    },
-    {
-      "name": "color",
-      "type": {
-        "text": "ScwThemeColors"
-      },
-      "description": "(ScwComponent) theme color",
-      "fieldName": "color",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
     }
   ],
   "superclass": {