@eturnity/eturnity_reusable_components 7.45.5-EPDM-11313-EPDM-11314.0 → 7.45.5-EPDM-11313-EPDM-11314.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.45.5-EPDM-11313-EPDM-11314.0",
+  "version": "7.45.5-EPDM-11313-EPDM-11314.1",
   "files": [
     "dist",
     "src"

package/src/components/infoCard/index.vue

@@ -104,17 +104,21 @@
         return this.type === 'warning'
       },
       presetStyles() {
-        let stylesCollection = {}
+        // the types that doesn't have explicit border anyway have it transparent
+        // to avoid flickering in case the same info card would switch the types
+        let stylesCollection = {
+          alignItems: 'flex-start',
+          padding: '20px',
+          borderWidth: '1px',
+          borderStyle: 'solid',
+          borderColor: 'transparent',
+        }
 
         if (this.isWarning) {
-          stylesCollection.alignItems = 'center'
-          stylesCollection.padding = '6px 10px'
           stylesCollection.color = theme.colors.white
           stylesCollection.backgroundColor = theme.colors.yellow
           stylesCollection.iconColor = theme.colors.white
         } else {
-          stylesCollection.padding = '20px'
-          stylesCollection.borderWidth = '1px'
           stylesCollection.borderStyle = 'dashed'
           stylesCollection.borderColor = theme.colors.grey4
         }