@wiztivi/dana-templates 0.0.20 → 0.0.21

package/app-template/scripts/app/theme/AppTheme.js

@@ -13,6 +13,8 @@ export default $AbstractTheme.declare("AppTheme", {
     statics: /** @lends AppTheme */ {
         FULL_SCREEN_WIDTH: 1920,
         FULL_SCREEN_HEIGHT: 1080,
+        SCREEN_TOP_MARGIN: 60,
+        SCREEN_LEFT_MARGIN: 108,
         APP_LOGO_URL: "dana_logo_light",
 
         ///////////////////////////////////////////////////////////////////////
@@ -22,11 +24,14 @@ export default $AbstractTheme.declare("AppTheme", {
         RobotoBold: "RobotoBold",
         MockIcons: "",
 
+        H1_SIZE: 48,
+        H2_SIZE: 30,
+
         ///////////////////////////////////////////////////////////////////////
         // COLORS
         ///////////////////////////////////////////////////////////////////////
-        COLOR_BACKGROUND: "#02001D",
-        COLOR_BACKGROUND_LIGHT: "#15181b",
+        COLOR_BACKGROUND: "#17191C",
+        COLOR_BACKGROUND_LIGHT: "#22262A",
         COLOR_ACCENT: "#A070FF",
         COLOR_MUTED: "#575757",
         COLOR_TEXT: "#FFFFFF"

package/components/ScrollItemView.js.hbs

@@ -45,7 +45,7 @@ export default $AbstractRailView.declare("RailScrollItemView", {
         title: {
             height: 40,
             width: 300,
-            y:-50,
+            y:-60,
             family: $Theme.RobotoBold,
             color: ({parent}) => parent.isFocused? $Theme.COLOR_ACCENT : $Theme.COLOR_TEXT,
         }

package/modules/fip/scripts/ui/screens/FipScreen.js

@@ -21,7 +21,6 @@ import $Theme from "@Theme";
 export default $AppScreen.declare("FipScreen", {
     statics: /** @lends FipScreen */ {
         COLOR_TRANSPARENT: "#00000000",
-        SCREEN_HORIZONTAL_MARGIN: 50,
     },
 
     children: /** @lends FipScreen.prototype */ {
@@ -160,13 +159,12 @@ export default $AppScreen.declare("FipScreen", {
             gradientColorEnd: ({parent}) => parent.statics.COLOR_TRANSPARENT
         },
         contentInfo: {
-            x: ({parent}) => parent.statics.SCREEN_HORIZONTAL_MARGIN,
+            x: $Theme.SCREEN_LEFT_MARGIN,
             y: 630
         },
         playButton: {
-            x: ({parent}) => parent.statics.SCREEN_HORIZONTAL_MARGIN,
+            x: $Theme.SCREEN_LEFT_MARGIN,
             y: ({parent}) => parent.contentInfo.y + parent.contentInfo.height + 50
         }
     }
 });
-

package/modules/home/scripts/ui/screens/HomeScreen.js

@@ -1,3 +1,4 @@
+
 import $AppScreen from "@AppScreen";
 import $ImagePrimitive from "@ImagePrimitive";
 import $RectanglePrimitive from "@RectanglePrimitive";
@@ -22,8 +23,7 @@ import menuMock from "menuMock.json!";
  */
 export default $AppScreen.declare("HomeScreen", {
     statics: /** @lends HomeScreen */ {
-        MARGIN_TOP: 60,
-        MARGIN_LEFT: 108,
+        MENU_HEIGHT: 60,
         LOGO_WIDTH: 183,
         LOGO_HEIGHT: 60,
         LOGO_X: 1642,
@@ -229,7 +229,7 @@ export default $AppScreen.declare("HomeScreen", {
             "logo.opacity": 0,
             "highlight.opacity": 0,
             "highlight.height": 0
-        },
+        }
     },
 
     style: {
@@ -239,15 +239,15 @@ export default $AppScreen.declare("HomeScreen", {
             fillColor: $Theme.COLOR_BACKGROUND
         },
         menu: {
-            x: ({parent}) => parent.statics.MARGIN_LEFT,
-            y: ({parent}) => parent.statics.MARGIN_TOP,
-            height:({parent}) => parent.statics.MARGIN_TOP
+            x: $Theme.SCREEN_LEFT_MARGIN,
+            y: $Theme.SCREEN_TOP_MARGIN,
+            height: ({parent}) => parent.statics.MENU_HEIGHT
         },
         logo: {
             width: ({parent}) => parent.statics.LOGO_WIDTH,
             height: ({parent}) => parent.statics.LOGO_HEIGHT,
             x: ({parent}) => parent.statics.LOGO_X,
-            y: ({parent}) => parent.statics.MARGIN_TOP
+            y: $Theme.SCREEN_TOP_MARGIN
         },
         highlight: {
             height: 668,
@@ -255,7 +255,7 @@ export default $AppScreen.declare("HomeScreen", {
             y: ({parent}) => parent.menu.y + 120
         },
         scrollView: {
-            x: ({parent}) => parent.statics.MARGIN_LEFT,
+            x: $Theme.SCREEN_LEFT_MARGIN,
             y: ({parent}) => parent.highlight.y + parent.highlight.height + 100
         }
     }

package/modules/home/scripts/ui/views/highlight/HighlightContentDescriptionView.js

@@ -86,12 +86,14 @@ export default $View.declare("HighlightContentDescriptionView", {
             height: ({parent}) => parent.statics.CONTENT_TITLE_SIZE + 10,
             size: ({parent}) => parent.statics.CONTENT_TITLE_SIZE,
             x: ({parent}) => parent.statics.SCREEN_HORIZONTAL_MARGIN,
+            x: $Theme.SCREEN_LEFT_MARGIN,
             y: ({parent, height}) => (parent.height - height) / 2 + 100,
             family: $Theme.RobotoBold,
             color: $Theme.COLOR_TEXT
         },
         playButton: {
             x: ({parent}) => parent.statics.SCREEN_HORIZONTAL_MARGIN,
+            x: $Theme.SCREEN_LEFT_MARGIN,
             y: ({parent}) => parent.title.y + 100,
             size: 30
         }

package/modules/home/scripts/ui/views/highlight/HighlightRailItemView.js

@@ -1,5 +1,6 @@
 import $ScrollItemView from "@ScrollItemView";
 // CONST
+import $Theme from "@Theme";
 import $DateUtils from "@DateUtils";
 import $TimerManager from "@TimerManager";
 import $Easing from "@Easing";

package/modules/home/scripts/ui/views/scrollview/HomeMockTileListItemView.js

@@ -1,21 +1,25 @@
+
+
 import $AbstractTileView from "@AbstractTileView";
+import $RectanglePrimitive from "@RectanglePrimitive";
 import $ContainImagePrimitive from "@ContainImagePrimitive";
+import $Theme from "@Theme";
 import $Easing from "@Easing";
 
-/** * Basic Tile item *
+/*** Basic Tile item *
 * @name MockTileListItemView
 * @class
 * @extends AbstractTileView
 */
-
 export default $AbstractTileView.declare("MockTileListItemView", {
     statics: {
-        ITEM_WIDTH: 286,
-        ITEM_HEIGHT: 429,
+        ITEM_WIDTH: 216,
+        ITEM_HEIGHT: 324,
         SCALE_FOCUS: 1.1
     },
     children: {
-        imageView: {class: $ContainImagePrimitive},
+        imageView: { class: $ContainImagePrimitive },
+        focusRectangleView: { class: $RectanglePrimitive }
     },
     methods: {
         /** * @override */
@@ -23,19 +27,12 @@ export default $AbstractTileView.declare("MockTileListItemView", {
             this.imageView.url = this.data ? this.data.imageUrl : "";
         }
     },
-    style: {
-        y: 0, width: ({statics}) => statics.ITEM_WIDTH,
-        height: ({statics}) => statics.ITEM_HEIGHT,
-        scale: 1,
-        imageView: {
-            width: ({parent}) => parent.width,
-            height: ({parent}) => parent.height
-        },
-        opacity: ({data}) => data ? 1 : 0
-    },
+
     states: {
         focused: {
             scale: ({statics}) => statics.SCALE_FOCUS,
+            "focusRectangleView.borderColor": $Theme.COLOR_ACCENT,
+            "focusRectangleView.borderWidth": 6
         }
     },
     transitions: {
@@ -43,13 +40,30 @@ export default $AbstractTileView.declare("MockTileListItemView", {
             scale: {
                 duration: 250,
                 easing: $Easing.linear
-            },
+            }
         },
         focused: {
             scale: {
                 duration: 250,
                 easing: $Easing.linear
-            },
+            }
         }
+    },
+    style: {
+        y: 0, width: ({statics}) => statics.ITEM_WIDTH,
+        height: ({statics}) => statics.ITEM_HEIGHT,
+        scale: 1,
+        imageView: {
+            width: ({parent}) => parent.width,
+            height: ({parent}) => parent.height,
+            borderRadius: 12
+        },
+        focusRectangleView: {
+            width: ({parent}) => parent.width,
+            height: ({ parent }) => parent.height,
+            borderRadius: 12,
+            borderWidth: 0
+        },
+        opacity: ({data}) => data ? 1 : 0
     }
 });

package/modules/home/scripts/ui/views/scrollview/HomeRailScrollItemView.js

@@ -45,7 +45,7 @@ export default $AbstractRailView.declare("RailScrollItemView", {
         title: {
             height: 40,
             width: 300,
-            y:-50,
+            y:-60,
             family: $Theme.RobotoBold,
             color: ({parent}) => parent.isFocused? $Theme.COLOR_ACCENT : $Theme.COLOR_TEXT,
         }

package/modules/home/scripts/ui/views/scrollview/HomeScrollView.js

@@ -15,7 +15,7 @@ import $HomeRailScrollItemView from "@HomeRailScrollItemView";
 export default $ScrollView.declare("HomeScrollView", {
     properties: /** @lends HomeScrollView.prototype */ {
         itemViewClass: () => $HomeRailScrollItemView,
-        itemMargin: 550
+        itemMargin: 503
     },
 
     methods: /** @lends HomeScrollView.prototype */ {}

package/modules/menu/scripts/ui/views/MenuButtonView.js

@@ -1,3 +1,4 @@
+
 import $MRecyclingItem from "@MRecyclingItem";
 import $View from "@View";
 // PRIMITIVE
@@ -57,7 +58,7 @@ export default $View.declare("MenuButtonView", {
     },
 
     style: /** @lends ButtonView.prototype */ {
-        width: ({iconText, text}) => text === "" ? iconText.width : (iconText.width + text.width) + 3,
+        width: ({iconText, text, data}) => text === "" ? iconText.width : (iconText.width + text.width) + (data.text !== "" ? 15 : 0),
         height: ({statics}) => statics.MENU_BUTTON_HEIGHT,
 
         button: {
@@ -70,7 +71,7 @@ export default $View.declare("MenuButtonView", {
         focusBar: {
             fillColor: $Theme.COLOR_BACKGROUND_LIGHT,
             width: ({parent}) =>parent.width,
-            y: ({parent}) => parent.statics.MENU_BUTTON_MARGIN_TOP - 20,
+            y: ({parent}) => parent.statics.MENU_BUTTON_MARGIN_TOP - 14,
             height: 6,
             borderRadius: 12
         },
@@ -78,10 +79,11 @@ export default $View.declare("MenuButtonView", {
         text: {
             color: $Theme.COLOR_MUTED,
             height: 24,
+            size: 24,
             lineHeight: 24,
-            x: ({parent}) => parent.iconText.width + 3,
+            x: ({parent}) => parent.iconText.width + (parent.data.text !== "" ? 15 : 0),
             y: ({parent}) => parent.statics.MENU_BUTTON_MARGIN_TOP - 50,
-            family: $Theme.RobotoBold,
+            family: $Theme.RobotoRegular,
             // eslint-disable-next-line @dana/no-use-width-height-auto
             isAuto_width: true
         },
@@ -89,10 +91,10 @@ export default $View.declare("MenuButtonView", {
         iconText: {
             color: $Theme.COLOR_MUTED,
             align: $TextAlign.CENTER,
-            size: 20,
+            size: 24,
             y: ({parent}) => parent.statics.MENU_BUTTON_MARGIN_TOP - 50,
-            height: 24,
-            width: 24,
+            height: 28,
+            width: 28,
             family: $Theme.MockIcons
         }
     }

package/modules/menu/scripts/ui/views/MenuView.js

@@ -18,7 +18,7 @@ import menuMock from "menuMock.json!";
 export default $View.declare("MenuView", {
     traits: [$MRecyclingItem],
     statics: /** @lends MenuView */ {
-        MENU_CONTAINER_WIDTH: 343,
+        MENU_CONTAINER_WIDTH: 400,
         MENU_CONTAINER_HEIGHT: 60,
         GAP_BETWEEN_BUTTON: 10,
         BUTTON_LIST_HEIGHT: 36

package/modules/search/scripts/ui/screens/SearchScreen.js

@@ -1,3 +1,4 @@
+
 import $AppScreen from "@AppScreen";
 
 import $RectanglePrimitive from "@RectanglePrimitive";
@@ -197,39 +198,39 @@ export default $AppScreen.declare("SearchScreen", {
         updateRail: function (searchData) {
             this.data.searchData = searchData;
             this.scrollView.setData(this.data.searchData);
-        },
+        }
     },
 
     style: {
         background: {
             width: $Theme.FULL_SCREEN_WIDTH,
             height: $Theme.FULL_SCREEN_HEIGHT,
-            fillColor: $Theme.COLOR_BACKGROUND,
+            fillColor: $Theme.COLOR_BACKGROUND
         },
         inputView: {
-            x: ({ parent }) => parent.statics.X_MARGIN,
-            y: 50,
+            x: $Theme.SCREEN_LEFT_MARGIN,
+            y: $Theme.SCREEN_TOP_MARGIN
         },
         keyboardView: {
-            x: ({ parent }) => parent.statics.X_MARGIN,
-            y: ({ parent }) => parent.inputView.y + parent.inputView.height + parent.statics.VERTICAL_MARGIN,
+            x: $Theme.SCREEN_LEFT_MARGIN,
+            y: ({parent}) => parent.inputView.y + parent.inputView.height + parent.statics.VERTICAL_MARGIN
         },
         scrollView: {
-            x: ({ parent }) => parent.statics.X_MARGIN,
-            y: ({ parent }) => parent.keyboardView.y + parent.keyboardView.height + parent.statics.VERTICAL_MARGIN,
+            x: $Theme.SCREEN_LEFT_MARGIN,
+            y: ({parent}) => parent.keyboardView.y + parent.keyboardView.height + parent.statics.VERTICAL_MARGIN
         },
         cacheScroll: {
             width: $Theme.FULL_SCREEN_WIDTH,
-            height: ({ parent }) => parent.keyboardView.x + parent.keyboardView.height + parent.statics.VERTICAL_MARGIN,
-            fillColor: $Theme.COLOR_BACKGROUND,
+            height: ({parent}) => parent.keyboardView.x + parent.keyboardView.height + parent.statics.VERTICAL_MARGIN * 2,
+            fillColor: $Theme.COLOR_BACKGROUND
         },
         noResultText: {
-            x: ({ parent }) => parent.statics.X_MARGIN,
+            x: $Theme.SCREEN_LEFT_MARGIN,
             y:({parent}) => parent.scrollView.y,
             width: $Theme.FULL_SCREEN_WIDTH,
-            size: ({ parent }) => parent.statics.DEFAULT_TEXT_FONT_SIZE,
+            size: ({parent}) => parent.statics.DEFAULT_TEXT_FONT_SIZE,
             height:({parent}) => parent.statics.DEFAULT_TEXT_FONT_SIZE + 3,
             color: $Theme.COLOR_TEXT
         }
-    },
+    }
 });

package/modules/search/scripts/ui/views/rail/SearchScrollItemView.js

@@ -45,7 +45,8 @@ export default $AbstractRailView.declare("SearchScrollItemView", {
         title: {
             height: 40,
             width: 300,
-            y: -50,
+            y: -60,
+            size: $Theme.H2_SIZE,
             family: $Theme.RobotoBold,
             color: ({ parent }) => (parent.isFocused ? $Theme.COLOR_ACCENT : $Theme.COLOR_TEXT),
         },

package/modules/search/scripts/ui/views/rail/SearchScrollView.js

@@ -15,7 +15,7 @@ import $SearchScrollItemView from "@SearchScrollItemView";
 export default $ScrollView.declare("SearchScrollView", {
     properties: /** @lends SearchScrollView.prototype */ {
         itemViewClass: () => $SearchScrollItemView,
-        itemMargin: 550,
+        itemMargin: 503,
     },
 
     methods: /** @lends SearchScrollItemView.prototype */ {},

package/modules/search/scripts/ui/views/rail/SearchTileListItemView.js

@@ -1,56 +1,67 @@
 import $AbstractTileView from "@AbstractTileView";
+import $RectanglePrimitive from "@RectanglePrimitive";
 import $ContainImagePrimitive from "@ContainImagePrimitive";
+import $Theme from "@Theme";
 import $Easing from "@Easing";
 
-/** * Basic Tile item *
- * @name SearchTileListItemView
- * @class
- * @extends AbstractTileView
- */
-
-export default $AbstractTileView.declare("SearchTileListItemView", {
+/*** Basic Tile item *
+* @name MockTileListItemView
+* @class
+* @extends AbstractTileView
+*/
+export default $AbstractTileView.declare("MockTileListItemView", {
     statics: {
-        ITEM_WIDTH: 286,
-        ITEM_HEIGHT: 429,
-        SCALE_FOCUS: 1.1,
+        ITEM_WIDTH: 216,
+        ITEM_HEIGHT: 324,
+        SCALE_FOCUS: 1.1
     },
     children: {
         imageView: { class: $ContainImagePrimitive },
+        focusRectangleView: { class: $RectanglePrimitive }
     },
     methods: {
         /** * @override */
         _setData: function () {
             this.imageView.url = this.data ? this.data.imageUrl : "";
-        },
-    },
-    style: {
-        y: 0,
-        width: ({ statics }) => statics.ITEM_WIDTH,
-        height: ({ statics }) => statics.ITEM_HEIGHT,
-        scale: 1,
-        imageView: {
-            width: ({ parent }) => parent.width,
-            height: ({ parent }) => parent.height,
-        },
-        opacity: ({ data }) => (data ? 1 : 0),
+        }
     },
+
     states: {
         focused: {
-            scale: ({ statics }) => statics.SCALE_FOCUS,
-        },
+            scale: ({statics}) => statics.SCALE_FOCUS,
+            "focusRectangleView.borderColor": $Theme.COLOR_ACCENT,
+            "focusRectangleView.borderWidth": 6
+        }
     },
     transitions: {
         default: {
             scale: {
                 duration: 250,
-                easing: $Easing.linear,
-            },
+                easing: $Easing.linear
+            }
         },
         focused: {
             scale: {
                 duration: 250,
-                easing: $Easing.linear,
-            },
-        },
+                easing: $Easing.linear
+            }
+        }
     },
+    style: {
+        y: 0, width: ({statics}) => statics.ITEM_WIDTH,
+        height: ({statics}) => statics.ITEM_HEIGHT,
+        scale: 1,
+        imageView: {
+            width: ({parent}) => parent.width,
+            height: ({parent}) => parent.height,
+            borderRadius: 12
+        },
+        focusRectangleView: {
+            width: ({parent}) => parent.width,
+            height: ({ parent }) => parent.height,
+            borderRadius: 12,
+            borderWidth: 0
+        },
+        opacity: ({data}) => data ? 1 : 0
+    }
 });

package/modules/settings/scripts/ui/screens/SettingsScreen.js

@@ -17,7 +17,7 @@ import $Theme from "@Theme";
  */
 export default $AppScreen.declare("SettingsScreen", {
     statics: /** @lends SettingsScreen */ {
-        SETTINGS_TITLE: "SETTINGS",
+        SETTINGS_TITLE: "Settings",
         SERIAL_NUMBER: "Serial number",
         HARDWARE_VERSION: "Hardware version",
         SOFTWARE_VERSION: "Software version",
@@ -26,7 +26,6 @@ export default $AppScreen.declare("SettingsScreen", {
         SYSTEM_LANGUAGE: "System language",
         UNKNOWN_SYSTEM_INFO: "N/A",
         TITLE_X_POSITION: 252,
-        TITLE_Y_POSITION: 128
     },
     properties: {
         systemInfoService: {class: $SystemInfoService}
@@ -188,15 +187,15 @@ export default $AppScreen.declare("SettingsScreen", {
         settingTitleView: {
             width: 360,
             height: 60,
-            y: ({parent}) => parent.statics.TITLE_Y_POSITION,
-            x: ({parent}) => parent.statics.TITLE_X_POSITION,
+            x: $Theme.SCREEN_LEFT_MARGIN,
+            y: $Theme.SCREEN_TOP_MARGIN,
             family: $Theme.RobotoBold,
             color: $Theme.COLOR_ACCENT,
-            size: 50
+            size: $Theme.H1_SIZE
         },
         settingsList: {
-            y: ({parent}) => parent.statics.TITLE_Y_POSITION + 100,
-            x: ({parent}) => parent.statics.TITLE_X_POSITION
+            x: $Theme.SCREEN_LEFT_MARGIN,
+            y: $Theme.SCREEN_TOP_MARGIN + 100
         }
     }
 });

package/modules/vod/scripts/ui/views/MockTileListItemView.js

@@ -1,21 +1,24 @@
+
 import $AbstractTileView from "@AbstractTileView";
+import $RectanglePrimitive from "@RectanglePrimitive";
 import $ContainImagePrimitive from "@ContainImagePrimitive";
+import $Theme from "@Theme";
 import $Easing from "@Easing";
 
-/** * Basic Tile item *
+/*** Basic Tile item *
 * @name MockTileListItemView
 * @class
 * @extends AbstractTileView
 */
-
 export default $AbstractTileView.declare("MockTileListItemView", {
     statics: {
-        ITEM_WIDTH: 286,
-        ITEM_HEIGHT: 429,
+        ITEM_WIDTH: 216,
+        ITEM_HEIGHT: 324,
         SCALE_FOCUS: 1.1
     },
     children: {
-        imageView: {class: $ContainImagePrimitive},
+        imageView: { class: $ContainImagePrimitive },
+        focusRectangleView: { class: $RectanglePrimitive }
     },
     methods: {
         /** * @override */
@@ -23,19 +26,12 @@ export default $AbstractTileView.declare("MockTileListItemView", {
             this.imageView.url = this.data ? this.data.imageUrl : "";
         }
     },
-    style: {
-        y: 0, width: ({statics}) => statics.ITEM_WIDTH,
-        height: ({statics}) => statics.ITEM_HEIGHT,
-        scale: 1,
-        imageView: {
-            width: ({parent}) => parent.width,
-            height: ({parent}) => parent.height
-        },
-        opacity: ({data}) => data ? 1 : 0
-    },
+
     states: {
         focused: {
             scale: ({statics}) => statics.SCALE_FOCUS,
+            "focusRectangleView.borderColor": $Theme.COLOR_ACCENT,
+            "focusRectangleView.borderWidth": 6
         }
     },
     transitions: {
@@ -43,13 +39,30 @@ export default $AbstractTileView.declare("MockTileListItemView", {
             scale: {
                 duration: 250,
                 easing: $Easing.linear
-            },
+            }
         },
         focused: {
             scale: {
                 duration: 250,
                 easing: $Easing.linear
-            },
+            }
         }
+    },
+    style: {
+        y: 0, width: ({statics}) => statics.ITEM_WIDTH,
+        height: ({statics}) => statics.ITEM_HEIGHT,
+        scale: 1,
+        imageView: {
+            width: ({parent}) => parent.width,
+            height: ({parent}) => parent.height,
+            borderRadius: 12
+        },
+        focusRectangleView: {
+            width: ({parent}) => parent.width,
+            height: ({ parent }) => parent.height,
+            borderRadius: 12,
+            borderWidth: 0
+        },
+        opacity: ({data}) => data ? 1 : 0
     }
 });

package/modules/vod/scripts/ui/views/RailScrollItemView.js

@@ -45,7 +45,8 @@ export default $AbstractRailView.declare("RailScrollItemView", {
         title: {
             height: 40,
             width: 300,
-            y:-50,
+            size: $Theme.H2_SIZE,
+            y:-60,
             family: $Theme.RobotoBold,
             color: ({parent}) => parent.isFocused? $Theme.COLOR_ACCENT : $Theme.COLOR_TEXT,
         }

package/modules/vod/scripts/ui/views/VodScrollView.js

@@ -15,7 +15,7 @@ import $RailScrollItemView from "@RailScrollItemView";
 export default $ScrollView.declare("VodScrollView", {
     properties: /** @lends VodScrollView.prototype */ {
         itemViewClass: () => $RailScrollItemView,
-        itemMargin: 550,
+        itemMargin: 503,
     },
 
     methods: /** @lends VodScrollView.prototype */ {},

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wiztivi/dana-templates",
-    "version": "0.0.20",
+    "version": "0.0.21",
     "description": "Dana templates used by CLI",
     "exports": "./index.ts",
     "type": "module",