@omnia/velcron 7.0.505-dev → 7.0.507-dev

package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.d.ts

@@ -0,0 +1,5 @@
+import { ThemeDefinitionV2 } from "./ThemeDefinitionV2";
+export declare class OmniaThemes {
+    static ligthTheme(): ThemeDefinitionV2;
+    static darkTheme(): ThemeDefinitionV2;
+}

package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OmniaThemes = void 0;
+class OmniaThemes {
+    static ligthTheme() {
+        return JSON.parse(lightDefinition);
+    }
+    static darkTheme() {
+        return JSON.parse(darkDefinition);
+    }
+}
+exports.OmniaThemes = OmniaThemes;
+const lightDefinition = `
+{"dark":false,"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","primary":{"name":"primary","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#005f73","colorStyles":{"all":{"background-color":"#005f73","color":"#005f73"},"background":{"background-color":"#005f73"},"color":{"color":"#005f73"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cee6f0","colorStyles":{"all":{"background-color":"#cee6f0","color":"#cee6f0"},"background":{"background-color":"#cee6f0"},"color":{"color":"#cee6f0"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#061e25","colorStyles":{"all":{"background-color":"#061e25","color":"#061e25"},"background":{"background-color":"#061e25"},"color":{"color":"#061e25"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"secondary":{"name":"secondary","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#414465","colorStyles":{"all":{"background-color":"#414465","color":"#414465"},"background":{"background-color":"#414465"},"color":{"color":"#414465"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e1e0f9","colorStyles":{"all":{"background-color":"#e1e0f9","color":"#e1e0f9"},"background":{"background-color":"#e1e0f9"},"color":{"color":"#e1e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#181a2c","colorStyles":{"all":{"background-color":"#181a2c","color":"#181a2c"},"background":{"background-color":"#181a2c"},"color":{"color":"#181a2c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent1":{"name":"accent1","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent2":{"name":"accent2","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent3":{"name":"accent3","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"neutral":{"name":"neutral","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#fffbfe","colorStyles":{"all":{"background-color":"#fffbfe","color":"#fffbfe"},"background":{"background-color":"#fffbfe"},"color":{"color":"#fffbfe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e2e0f9","colorStyles":{"all":{"background-color":"#e2e0f9","color":"#e2e0f9"},"background":{"background-color":"#e2e0f9"},"color":{"color":"#e2e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#191a2c","colorStyles":{"all":{"background-color":"#191a2c","color":"#191a2c"},"background":{"background-color":"#191a2c"},"color":{"color":"#191a2c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"background":{"name":"background","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#051f23","colorStyles":{"all":{"background-color":"#051f23","color":"#051f23"},"background":{"background-color":"#051f23"},"color":{"color":"#051f23"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"info":{"name":"info","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#051f23","colorStyles":{"all":{"background-color":"#051f23","color":"#051f23"},"background":{"background-color":"#051f23"},"color":{"color":"#051f23"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"error":{"name":"error","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#ba1a1a","colorStyles":{"all":{"background-color":"#ba1a1a","color":"#ba1a1a"},"background":{"background-color":"#ba1a1a"},"color":{"color":"#ba1a1a"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffdad5","colorStyles":{"all":{"background-color":"#ffdad5","color":"#ffdad5"},"background":{"background-color":"#ffdad5"},"color":{"color":"#ffdad5"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#2c1512","colorStyles":{"all":{"background-color":"#2c1512","color":"#2c1512"},"background":{"background-color":"#2c1512"},"color":{"color":"#2c1512"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"typography":{"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","h1":{"large":{"size":48,"lineHeight":50,"weight":600}},"h2":{"large":{"size":32,"lineHeight":36,"weight":600}},"h3":{"large":{"size":20,"lineHeight":26,"weight":600}},"summary":{"large":{"size":24,"lineHeight":32,"weight":600}},"text":{"large":{"size":18,"lineHeight":24,"weight":400}},"caption":{"large":{"size":14,"lineHeight":18,"weight":600}},"link":{"decoration":"underline","large":{"size":18,"lineHeight":22,"weight":400}}}}
+`;
+const darkDefinition = `
+{"dark":true,"id":"a4d7cc01-2235-43c7-881c-cbf2fb92008d","primary":{"name":"primary","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#b3cad3","colorStyles":{"all":{"background-color":"#b3cad3","color":"#b3cad3"},"background":{"background-color":"#b3cad3"},"color":{"color":"#b3cad3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,95,115,0.5)","color":"#005f73","colorStyles":{"all":{"background-color":"#005f73","color":"#005f73"},"background":{"background-color":"#005f73"},"color":{"color":"#005f73"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,95,115,0.5)","color":"rgba(0,95,115,0.5)"},"background":{"background-color":"rgba(0,95,115,0.5)"},"color":{"color":"rgba(0,95,115,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#344a52","colorStyles":{"all":{"background-color":"#344a52","color":"#344a52"},"background":{"background-color":"#344a52"},"color":{"color":"#344a52"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(206,230,240,0.5)","color":"#cee6f0","colorStyles":{"all":{"background-color":"#cee6f0","color":"#cee6f0"},"background":{"background-color":"#cee6f0"},"color":{"color":"#cee6f0"}},"colorTonedStyles":{"all":{"background-color":"rgba(206,230,240,0.5)","color":"rgba(206,230,240,0.5)"},"background":{"background-color":"rgba(206,230,240,0.5)"},"color":{"color":"rgba(206,230,240,0.5)"}}}},"secondary":{"name":"secondary","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#c4c4dd","colorStyles":{"all":{"background-color":"#c4c4dd","color":"#c4c4dd"},"background":{"background-color":"#c4c4dd"},"color":{"color":"#c4c4dd"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(65,68,101,0.5)","color":"#414465","colorStyles":{"all":{"background-color":"#414465","color":"#414465"},"background":{"background-color":"#414465"},"color":{"color":"#414465"}},"colorTonedStyles":{"all":{"background-color":"rgba(65,68,101,0.5)","color":"rgba(65,68,101,0.5)"},"background":{"background-color":"rgba(65,68,101,0.5)"},"color":{"color":"rgba(65,68,101,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#444559","colorStyles":{"all":{"background-color":"#444559","color":"#444559"},"background":{"background-color":"#444559"},"color":{"color":"#444559"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(225,224,249,0.5)","color":"#e1e0f9","colorStyles":{"all":{"background-color":"#e1e0f9","color":"#e1e0f9"},"background":{"background-color":"#e1e0f9"},"color":{"color":"#e1e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(225,224,249,0.5)","color":"rgba(225,224,249,0.5)"},"background":{"background-color":"rgba(225,224,249,0.5)"},"color":{"color":"rgba(225,224,249,0.5)"}}}},"accent1":{"name":"accent1","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"accent2":{"name":"accent2","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"accent3":{"name":"accent3","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"neutral":{"name":"neutral","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#212121","colorStyles":{"all":{"background-color":"#212121","color":"#212121"},"background":{"background-color":"#212121"},"color":{"color":"#212121"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"background":{"name":"background","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#121212","colorStyles":{"all":{"background-color":"#121212","color":"#121212"},"background":{"background-color":"#121212"},"color":{"color":"#121212"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"info":{"name":"info","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#121212","colorStyles":{"all":{"background-color":"#121212","color":"#121212"},"background":{"background-color":"#121212"},"color":{"color":"#121212"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"error":{"name":"error","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e5bdc1","colorStyles":{"all":{"background-color":"#e5bdc1","color":"#e5bdc1"},"background":{"background-color":"#e5bdc1"},"color":{"color":"#e5bdc1"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(207,102,121,0.5)","color":"#CF6679","colorStyles":{"all":{"background-color":"#CF6679","color":"#CF6679"},"background":{"background-color":"#CF6679"},"color":{"color":"#CF6679"}},"colorTonedStyles":{"all":{"background-color":"rgba(207,102,121,0.5)","color":"rgba(207,102,121,0.5)"},"background":{"background-color":"rgba(207,102,121,0.5)"},"color":{"color":"rgba(207,102,121,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5c3f43","colorStyles":{"all":{"background-color":"#5c3f43","color":"#5c3f43"},"background":{"background-color":"#5c3f43"},"color":{"color":"#5c3f43"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(255,217,221,0.5)","color":"#ffd9dd","colorStyles":{"all":{"background-color":"#ffd9dd","color":"#ffd9dd"},"background":{"background-color":"#ffd9dd"},"color":{"color":"#ffd9dd"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,217,221,0.5)","color":"rgba(255,217,221,0.5)"},"background":{"background-color":"rgba(255,217,221,0.5)"},"color":{"color":"rgba(255,217,221,0.5)"}}}},"typography":{"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","h1":{"large":{"size":48,"lineHeight":50,"weight":600}},"h2":{"large":{"size":32,"lineHeight":36,"weight":600}},"h3":{"large":{"size":20,"lineHeight":26,"weight":600}},"summary":{"large":{"size":24,"lineHeight":32,"weight":600}},"text":{"large":{"size":18,"lineHeight":24,"weight":400}},"caption":{"large":{"size":14,"lineHeight":18,"weight":600}},"link":{"decoration":"underline","large":{"size":18,"lineHeight":22,"weight":400}}}}
+`;

package/internal-do-not-import-from-here/shared/models/theming/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./ThemeDefinitionV2";
 export * from "./TypographyDefinition";
+export * from "./OmniaThemes";

package/internal-do-not-import-from-here/shared/models/theming/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./ThemeDefinitionV2"), exports);
 tslib_1.__exportStar(require("./TypographyDefinition"), exports);
+tslib_1.__exportStar(require("./OmniaThemes"), exports);

package/models/Enums.d.ts

@@ -16,10 +16,6 @@ export declare enum VelcronActionTypes {
 export declare enum VelcronIconTypes {
     fontAwesome = "fa"
 }
-export declare enum VelcronSectionColumnWidthTypes {
-    stretch = "stretch",
-    auto = "auto"
-}
 export declare enum VelcronHorizontalAlignments {
     left = "left",
     center = "center",

package/models/Enums.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronDataTypes = exports.VelcronComponentPropertyEditors = exports.VelcronDescriptorTypes = exports.VerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronSectionColumnWidthTypes = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
+exports.VelcronDataTypes = exports.VelcronComponentPropertyEditors = exports.VelcronDescriptorTypes = exports.VerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
 var AssignOperators;
 (function (AssignOperators) {
     AssignOperators["equals"] = "=";
@@ -22,11 +22,6 @@ var VelcronIconTypes;
 (function (VelcronIconTypes) {
     VelcronIconTypes["fontAwesome"] = "fa";
 })(VelcronIconTypes = exports.VelcronIconTypes || (exports.VelcronIconTypes = {}));
-var VelcronSectionColumnWidthTypes;
-(function (VelcronSectionColumnWidthTypes) {
-    VelcronSectionColumnWidthTypes["stretch"] = "stretch";
-    VelcronSectionColumnWidthTypes["auto"] = "auto";
-})(VelcronSectionColumnWidthTypes = exports.VelcronSectionColumnWidthTypes || (exports.VelcronSectionColumnWidthTypes = {}));
 var VelcronHorizontalAlignments;
 (function (VelcronHorizontalAlignments) {
     VelcronHorizontalAlignments["left"] = "left";

package/models/VelcronDefinitions.d.ts

@@ -1,7 +1,7 @@
 import { VelcronComponentDescriptor } from "./VelcronDescriptors";
 import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
-import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronSectionColumnWidthTypes, VerticalAlignments } from "./Enums";
+import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VerticalAlignments } from "./Enums";
 import { VelcronTheming } from "..";
 export interface ResolvedComponentRenderer {
     component: unknown;
@@ -210,11 +210,19 @@ export interface VelcronFlexViewDefinition extends VelcronDefinition {
     horizontalAlignment?: VelcronHorizontalAlignments;
     verticalAlignment?: VerticalAlignments;
     grow?: number;
+    border?: VelcronBorder;
+    borderRadius?: VelcronDimensions;
     colorSchema?: string;
-    width?: "auto" | "stretch" | number | string;
+    width: string;
 }
-export interface VelcronSectionColumnWidth {
-    type: VelcronSectionColumnWidthTypes;
+export interface VelcronDimensions {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface VelcronBorder extends VelcronDimensions {
+    color: string;
 }
 export interface VelcronChipDefinition extends VelcronDefinition {
     type: "Chip";

package/models/VelcronUnitProvider.d.ts

@@ -0,0 +1,5 @@
+export interface VelcronUnitProvider {
+    formatFontSize: (value: string | number) => string | number;
+    formatDimension: (value: string | number) => string | number;
+    safeGetNumber: (value: string | number) => number;
+}

package/models/VelcronUnitProvider.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/models/index.d.ts

@@ -4,3 +4,4 @@ export * from "./VelcronDescriptors";
 export * from "./VelcronEvents";
 export * from "./VelcronTypes";
 export * from "./Enums";
+export * from "./VelcronUnitProvider";

package/models/index.js

@@ -7,3 +7,4 @@ tslib_1.__exportStar(require("./VelcronDescriptors"), exports);
 tslib_1.__exportStar(require("./VelcronEvents"), exports);
 tslib_1.__exportStar(require("./VelcronTypes"), exports);
 tslib_1.__exportStar(require("./Enums"), exports);
+tslib_1.__exportStar(require("./VelcronUnitProvider"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "7.0.505-dev",
+  "version": "7.0.507-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronStyles.d.ts

@@ -1,7 +1,9 @@
 import { VelcronDefinition, VelcronRenderContext } from "../models";
+import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 export declare class VelcronStyles {
-    static styleProvider: (definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object;
-    static registerStyleProvider(fn: (definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object): void;
-    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object;
-    private static dataBindStyles;
+    static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string;
+    static unitProvider: VelcronUnitProvider;
+    static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
+    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;
+    static dataBindStyles(styles: object, renderCtx: VelcronRenderContext): object;
 }

package/parser/VelcronStyles.js

@@ -2,16 +2,61 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VelcronStyles = void 0;
 const VelcronData_1 = require("./VelcronData");
+const models_1 = require("../models");
+const VelcronConstants_1 = require("./VelcronConstants");
 class VelcronStyles {
-    static registerStyleProvider(fn) {
+    static registerStyleProvider(fn, unitProvider) {
         VelcronStyles.styleProvider = fn;
+        VelcronStyles.unitProvider = unitProvider;
     }
     static create(definition, renderCtx) {
-        let result = VelcronStyles.styleProvider(definition, renderCtx);
-        if (renderCtx) {
-            result = VelcronStyles.dataBindStyles(result, renderCtx);
+        const styleBase = { ...definition.style };
+        if (definition.type === VelcronConstants_1.VelcronConstants.components.image) {
+            if (!styleBase.width) {
+                styleBase.width = this.unitProvider.formatDimension(200);
+            }
+            if (!styleBase.height) {
+                styleBase.height = this.unitProvider.formatDimension(400);
+            }
+        }
+        else if (definition.type === VelcronConstants_1.VelcronConstants.components.text) {
+            const textDefinition = definition;
+            if (textDefinition.color) {
+                styleBase["color"] = renderCtx.theming.getColorFromActiveSchema(textDefinition.color);
+            }
+            else {
+                styleBase["color"] = renderCtx.theming.activeColorSchema().onBase.color;
+            }
+        }
+        else if (definition.type === VelcronConstants_1.VelcronConstants.components.flexView) {
+            const flexViewDefinition = definition;
+            const flexGrow = flexViewDefinition.grow ? flexViewDefinition.grow : 1;
+            styleBase["flex"] = flexGrow;
+            styleBase["flexDirection"] = flexViewDefinition.column ? "column" : "row";
+            if (flexViewDefinition.width) {
+                styleBase["maxWidth"] = flexViewDefinition.width;
+            }
+            if (flexViewDefinition.horizontalAlignment) {
+                if (flexViewDefinition.horizontalAlignment === models_1.VelcronHorizontalAlignments.right) {
+                    styleBase["justifyContent"] = "flex-end";
+                }
+                else if (flexViewDefinition.horizontalAlignment === models_1.VelcronHorizontalAlignments.center) {
+                    styleBase["justifyContent"] = "center";
+                }
+            }
+            if (flexViewDefinition.verticalAlignment) {
+                if (flexViewDefinition.verticalAlignment === models_1.VerticalAlignments.center) {
+                    styleBase["alignItems"] = "center";
+                }
+                else if (flexViewDefinition.verticalAlignment === models_1.VerticalAlignments.bottom) {
+                    styleBase["alignItems"] = "flex-end";
+                }
+            }
+            if (flexViewDefinition.colorSchema && flexViewDefinition.colorSchema != "") {
+                styleBase["backgroundColor"] = renderCtx.theming.activeColorSchema().base.color;
+            }
         }
-        return result;
+        return VelcronStyles.styleProvider(styleBase, definition, renderCtx);
     }
     static dataBindStyles(styles, renderCtx) {
         Object.keys(styles).forEach((key) => {