fix(): fix depracted fields in navbar,stage and bal-list

baloise · Nov 27, 2022 · 6607cdd · 6607cdd
1 parent 6c7dbc4
commit 6607cdd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/packages/components/src/components/bal-list/bal-list.tsx b/packages/components/src/components/bal-list/bal-list.tsx
@@ -15,12 +15,14 @@ export class List {
    * @deprecated
    * If `true` the list can be used on a dark background
    */
-  @Prop() inverted = false
+  @Prop() inverted = undefined
   @Watch('inverted')
   invertedHandler() {
     console.warn('[DEPRECATED] - Please use the property background="dark" instead')
     if (this.inverted === true) {
       this.background = 'dark'
+    } else {
+      this.background = 'light'
     }
   }
 

diff --git a/packages/components/src/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.tsx b/packages/components/src/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.tsx
@@ -27,7 +27,7 @@ export class NavbarBrand {
   @Watch('linkTarget')
   hasShapeHandler() {
     console.warn('[DEPRECATED] - Please use the property target instead')
-    this.migrateLinkTarget
+    this.migrateLinkTarget()
   }
 
   private migrateLinkTarget() {

diff --git a/packages/components/src/components/bal-stage/bal-stage.tsx b/packages/components/src/components/bal-stage/bal-stage.tsx
@@ -33,7 +33,7 @@ export class Stage implements ComponentInterface {
   @Watch('hasShape')
   hasShapeHandler() {
     console.warn('[DEPRECATED] - Please use the property shape instead')
-    this.migrateHasShape
+    this.migrateHasShape()
   }
 
   private migrateHasShape() {