add context to the component file

packages/web-components/src/components/cbp-app-header/cbp-app-header.tsx

@@ -1,11 +1,15 @@
-import { Component, Host, h } from '@stencil/core';
+import { Component, Host, h, Prop } from '@stencil/core';
 
 @Component({
   tag: 'cbp-app-header',
   styleUrl: 'cbp-app-header.scss'
 })
 export class CbpAppHeader {
 
+
+  /** Specifies the context of the component as it applies to the visual design and whether it inverts when light/dark mode is toggled. Default behavior is "light-inverts" and does not have to be specified. */
+  @Prop({ reflect: true }) context: "light-inverts" | "light-always" | "dark-inverts" | "dark-always";
+
   render() {
     return (
       <Host>