cronapp-framework-mobile-js 2.9.1-SP.3 → 2.9.1-SP.4

package/css/themes/custom/dsgov/custom-dsgov.css

@@ -259,43 +259,20 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
-    /* === Variables used exclusively in the color palette property === */
+
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #1351b4);
     --btnDefault: var(--colorDefault40, #1351b4);
-    --btnPrimary: transparent;
+    --btnPrimary: var(--colorPrimary40, #1351b4);
     --btnSuccess: var(--colorSuccess40, #168821);
     --btnCalm: var(--colorCalm40, #3b448e);
     --btnWarning: var(--colorWarning40, #ffcd07);
     --btnDanger: var(--colorDanger40, #e52207);
-    --btnLight: transparent;
+    --btnLight: var(--colorLight40, #ffffff);
     --btnStable: var(--colorStable40, #f8f8f8);
     --btnRoyal: var(--colorRoyal40, #886aea);
     --btnDark: var(--colorDark40, #444444);
 
-    --textColorDefault: var(--textColorDefault40, #ffffff);
-    --textColorPrimary: var(--colorPrimary40, #1351b4);
-    --textColorSuccess: var(--textColorSuccess40, #ffffff);
-    --textColorCalm: var(--textColorCalm40, #ffffff);
-    --textColorWarning: var(--textColorWarning40, #ffffff);
-    --textColorDanger: var(--textColorDanger40, #ffffff);
-    --textColorLight: var(--colorPrimary40, #1351b4);
-    --textColorStable: var(--textColorStable40, #444444);
-    --textColorRoyal: var(--textColorRoyal40, #ffffff);
-    --textColorDark: var(--textColorDark40, #ffffff);
-
-    --borderBtnLink: transparent;
-    --borderBtnDefault: transparent;
-    --borderBtnPrimary: var(--colorPrimary40, #1351b4);
-    --borderBtnSuccess: transparent;
-    --borderBtnCalm: transparent;
-    --borderBtnWarning: transparent;
-    --borderBtnDanger: transparent;
-    --borderBtnLight: var(--colorPrimary40, #1351b4);
-    --borderBtnStable: transparent;
-    --borderBtnRoyal: transparent;
-    --borderBtnDark: transparent;
-
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #1351b4);
     --colorPrimary: var(--colorPrimary40, #1351b4);
@@ -309,28 +286,17 @@
     --colorDark: var(--colorDark40, #444444);
 
     /* Components - Checkbox */
-    --checkboxDefault: var(--colorDefault40, #909090);
+    --checkboxDefault: var(--colorDefault30, #909090);
     --checkboxPrimary: var(--colorPrimary40, #1351b4);
     --checkboxSuccess: var(--colorSuccess40, #168821);
     --checkboxCalm: var(--colorCalm40, #3b448e);
     --checkboxWarning: var(--colorWarning40, #ffcd07);
     --checkboxDanger: var(--colorDanger40, #e52207);
-    --checkboxLight: var(--textColorDefault40, #ffffff);
+    --checkboxLight: var(--textColorLight40, #444444);
     --checkboxStable: var(--colorStable40, #f8f8f8);
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #444444);
 
-    --borderCheckboxDefault: var(--colorDefault40, #3b448e);
-    --borderCheckboxPrimary: var(--colorPrimary40, #1351b4);
-    --borderCheckboxSuccess: var(--colorSuccess40, #168821);
-    --borderCheckboxCalm: var(--colorCalm40, #11c3b448ef3);
-    --borderCheckboxWarning: var(--colorWarning40, #ffcd07);
-    --borderCheckboxDanger: var(--colorDanger40, #e52207);
-    --borderCheckboxLight: var(--colorDefault40, #1351b4);
-    --borderCheckboxStable: var(--colorStable60, #f8f8f8);
-    --borderCheckboxRoyal: var(--colorRoyal40, #886aea);
-    --borderCheckboxDark: var(--colorDark40, #444444);
-
     /* Components - Toggle */
     --toggleDefault: var(--colorDefault40, #1351b4);
     --togglePrimary: var(--colorPrimary40, #1351b4);
@@ -343,46 +309,24 @@
     --toggleRoyal: var(--colorRoyal40, #886aea);
     --toggleDark: var(--colorDark40, #444444);
 
-    --borderToggleDefault: var(--colorDefault40, #2ca4a8);
-    --borderTogglePrimary: var(--colorPrimary40, #1351b4);
-    --borderToggleSuccess: var(--colorSuccess40, #168821);
-    --borderToggleCalm: var(--colorCalm40, #3b448e);
-    --borderToggleWarning: var(--colorWarning40, #ffcd07);
-    --borderToggleDanger: var(--colorDanger40, #e52207);
-    --borderToggleLight: var(--colorDefault40, #1351b4);
-    --borderToggleStable: var(--colorStable50, #9c9c9c);
-    --borderToggleRoyal: var(--colorRoyal40, #886aea);
-    --borderToggleDark: var(--colorDark40, #444444);
-
     /* Components - Tabs - crn-ion-segment */
-    --bgDefault: var(--colorDefault10, #d6daeb);
-    --bgPrimary: var(--colorPrimary10, #d6daeb);
-    --bgSuccess: var(--colorSuccess10, #d6e2d6);
-    --bgCalm: var(--colorCalm10, #d8d9e3);
-    --bgWarning: var(--colorWarning10, #fff1d5);
-    --bgDanger: var(--colorDanger10, #f7d6d5);
-    --bgLight: var(--textColorDefault10, #ffffff);
-    --bgStable: var(--colorStable10, #fdfdfd);
-    --bgRoyal: var(--colorRoyal10, #e2ddf9);
-    --bgDark: var(--colorDark10, #d9d9d9);
-
-    --borderActiveBackgroundDefault: var(--colorDefault40, #f5f5f5);
-    --borderActiveBackgroundPrimary: var(--colorPrimary40, #1351b4);
-    --borderActiveBackgroundSuccess: var(--colorSuccess40, #168821);
-    --borderActiveBackgroundCalm: var(--colorCalm40, #3b448e);
-    --borderActiveBackgroundWarning: var(--colorWarning40, #ffcd07);
-    --borderActiveBackgroundDanger: var(--colorDanger50, #c71c22);
-    --borderActiveBackgroundLight: var(--colorLight40, #ffffff);
-    --borderActiveBackgroundStable: var(--colorStable40, #f8f8f8);
-    --borderActiveBackgroundRoyal: var(--colorRoyal40, #886aea);
-    --borderActiveBackgroundDark: var(--colorDark40, #444444);
+    --bgDefault: var(--colorDefault40, #1351b4);
+    --bgPrimary: var(--colorPrimary40, #1351b4);
+    --bgSuccess: var(--colorSuccess40, #168821);
+    --bgCalm: var(--colorCalm40, #3498db);
+    --bgWarning: var(--colorWarning40, #f39c12);
+    --bgDanger: var(--colorDanger40, #e74c3c);
+    --bgLight: var(--textColorDefault40, #ffffff);
+    --bgStable: var(--colorStable40, #f8f8f8);
+    --bgRoyal: var(--colorRoyal40, #886aea);
+    --bgDark: var(--colorDark40, #444444);
 
     --activeBackgroundDefault: var(--colorDefault40, #1351b4);
     --activeBackgroundPrimary: var(--colorPrimary40, #1351b4);
     --activeBackgroundSuccess: var(--colorSuccess40, #168821);
-    --activeBackgroundCalm: var(--colorCalm40, #3b448e);
-    --activeBackgroundWarning: var(--colorWarning40, #ffcd07);
-    --activeBackgroundDanger: var(--colorDanger40, #e52207);
+    --activeBackgroundCalm: var(--colorCalm40, #3498db);
+    --activeBackgroundWarning: var(--colorWarning40, #f39c12);
+    --activeBackgroundDanger: var(--colorDanger40, #e74c3c);
     --activeBackgroundLight: var(--textColorDefault40, #ffffff);
     --activeBackgroundStable: var(--colorStable40, #f8f8f8);
     --activeBackgroundRoyal: var(--colorRoyal40, #886aea);
@@ -399,24 +343,24 @@
     --ionSegmentRoyal: var(--textColorRoyal40, #ffffff);
     --ionSegmentDark: var(--textColorDark40, #ffffff);
 
-    --iconThemeLightDefault: var(--colorDefault40, #ffffff);
-    --iconThemeLightPrimary: var(--colorPrimary40, #1351b4);
-    --iconThemeLightSuccess: var(--colorSuccess40, #168821);
-    --iconThemeLightCalm: var(--colorCalm40, #3b448e);
-    --iconThemeLightWarning: var(--colorWarning40, #ffcd07);
-    --iconThemeLightDanger: var(--colorDanger40, #e52207);
+    --iconThemeLightDefault: var(--textColorDefault40, #ffffff);
+    --iconThemeLightPrimary: var(--textColorPrimary40, #ffffff);
+    --iconThemeLightSuccess: var(--textColorSuccess40, #ffffff);
+    --iconThemeLightCalm: var(--textColorCalm40, #ffffff);
+    --iconThemeLightWarning: var(--textColorWarning40, #ffffff);
+    --iconThemeLightDanger: var(--textColorDanger40, #ffffff);
     --iconThemeLightLight: var(--colorDefault40, #1351b4);
-    --iconThemeLightStable: var(--colorStable40, #f8f8f8);
-    --iconThemeLightRoyal: var(--colorRoyal40, #886aea);
-    --iconThemeLightDark: var(--colorDark40, #444444);
+    --iconThemeLightStable: var(--textColorStable40, #444444);
+    --iconThemeLightRoyal: var(--textColorRoyal40, #ffffff);
+    --iconThemeLightDark: var(--textColorDark40, #ffffff);
 
     /* Components - Old Tabs - pallete false */
     --tabsDefault: var(--colorDefault40, #1351b4);
     --tabsPrimary: var(--colorPrimary40, #1351b4);
     --tabsSuccess: var(--colorSuccess40, #168821);
     --tabsCalm: var(--colorCalm40, #3498db);
-    --tabsWarning: var(--colorWarning40, #ffcd07);
-    --tabsDanger: var(--colorDanger40, #e52207);
+    --tabsWarning: var(--colorWarning40, #f39c12);
+    --tabsDanger: var(--colorDanger40, #e74c3c);
     --tabsLight: var(--colorLight40, #ffffff);
     --tabsStable: var(--colorStable40, #f8f8f8);
     --tabsRoyal: var(--colorRoyal40, #886aea);
@@ -428,7 +372,7 @@
     --barSuccess: var(--colorSuccess40, #168821);
     --barCalm: var(--colorCalm40, #3498db);
     --barWarning: var(--colorWarning40, #f39c12);
-    --barDanger: var(--colorDanger40, #e52207);
+    --barDanger: var(--colorDanger40, #e74c3c);
     --barLight: var(--colorLight40, #ffffff);
     --barStable: var(--colorStable40, #f8f8f8);
     --barRoyal: var(--colorRoyal40, #886aea);
@@ -439,8 +383,8 @@
     --backgroundPrimary: var(--colorDefault40, #1351b4);
     --backgroundSuccess: var(--colorSuccess40, #168821);
     --backgroundCalm: var(--colorCalm40, #3498db);
-    --backgroundWarning: var(--colorWarning40, #ffcd07);
-    --backgroundDanger: var(--colorDanger40, #e52207);
+    --backgroundWarning: var(--colorWarning40, #f39c12);
+    --backgroundDanger: var(--colorDanger40, #e74c3c);
     --backgroundLight: var(--colorLight40, #ffffff);
     --backgroundStable: var(--colorStable40, #f8f8f8);
     --backgroundRoyal: var(--colorRoyal40, #886aea);
@@ -452,11 +396,10 @@
     --tabsIconCalm: var(--textColorCalm40, #ffffff);
     --tabsIconWarning: var(--textColorWarning40, #ffffff);
     --tabsIconDanger: var(--textColorDanger40, #ffffff);
-    --tabsIconLight: var(--colorDefault40, #1351b4);
+    --tabsIconLight: var(--colorDefault40, #ffffff);
     --tabsIconStable: var(--textColorStable40, #444444);
     --tabsIconRoyal: var(--textColorRoyal40, #ffffff);
     --tabsIconDark: var(--textColorDark40, #ffffff);
-    /* End - Variables used exclusively in the color palette property */
 }
 
 a,

package/css/themes/custom/fuse/custom-fuse.css

@@ -259,13 +259,12 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
-    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #4f46e5);
     --btnDefault: var(--colorDefault40, #1e293b);
     --btnPrimary: var(--colorPrimary40, #4f46e5);
     --btnSuccess: var(--colorSuccess40, #22c55e);
-    --btnCalm: var(--colorLight40, #ffffff);
+    --btnCalm: var(--textColor40, #383838);
     --btnWarning: var(--colorWarning40, #f59e0b);
     --btnDanger: var(--colorDanger40, #ef4444);
     --btnLight: var(--colorLight50, #dfdfdf);
@@ -273,29 +272,6 @@
     --btnRoyal: var(--colorRoyal40, #9933cc);
     --btnDark: var(--colorDark40, #adafae);
 
-    --textColorDefault: var(--textColorDefault40, #ffffff);
-    --textColorPrimary: var(--textColorPrimary40, #ffffff);
-    --textColorSuccess: var(--textColorSuccess40, #ffffff);
-    --textColorCalm: var(--colorLight40, #ffffff);
-    --textColorWarning: var(--textColorWarning40, #ffffff);
-    --textColorDanger: var(--textColorDanger40, #ffffff);
-    --textColorLight: var(--textColor40, #1e293b);
-    --textColorStable: var(--textColorStable40, #444444);
-    --textColorRoyal: var(--textColorRoyal40, #ffffff);
-    --textColorDark: var(--textColorDark40, #000000);
-
-    --borderBtnLink: transparent;
-    --borderBtnDefault: transparent;
-    --borderBtnPrimary: transparent;
-    --borderBtnSuccess: transparent;
-    --borderBtnCalm: var(--textColor20, #afb0b3);
-    --borderBtnWarning: transparent;
-    --borderBtnDanger: transparent;
-    --borderBtnLight: transparent;
-    --borderBtnStable: transparent;
-    --borderBtnRoyal: transparent;
-    --borderBtnDark: transparent;
-
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #1e293b);
     --colorPrimary: var(--colorPrimary40, #4f46e5);
@@ -316,21 +292,10 @@
     --checkboxWarning: var(--colorWarning40, #f59e0b);
     --checkboxDanger: var(--colorDanger40, #ef4444);
     --checkboxLight: var(--colorLight50, #dfdfdf);
-    --checkboxStable: var(--colorLight40, #ffffff);
+    --checkboxStable: var(--colorStable40, #f8f8f8);
     --checkboxRoyal: var(--colorRoyal40, #9933cc);
     --checkboxDark: var(--colorDark40, #adafae);
 
-    --borderCheckboxDefault: var(--colorDefault40, #1e293b);
-    --borderCheckboxPrimary: var(--colorPrimary40, #4f46e5);
-    --borderCheckboxSuccess: var(--colorSuccess40, #22c55e);
-    --borderCheckboxCalm: var(--colorCalm40, #11c1f3);
-    --borderCheckboxWarning: var(--colorWarning40, #f59e0b);
-    --borderCheckboxDanger: var(--colorDanger40, #ef4444);
-    --borderCheckboxLight: var(--colorLight50, #dfdfdf);
-    --borderCheckboxStable: var(--textColor20, #afb0b3);
-    --borderCheckboxRoyal: var(--colorRoyal40, #9933cc);
-    --borderCheckboxDark: var(--colorDark40, #adafae);
-
     /* Components - Toggle */
     --toggleDefault: var(--colorDefault40, #1e293b);
     --togglePrimary: var(--colorPrimary40, #4f46e5);
@@ -339,43 +304,21 @@
     --toggleWarning: var(--colorWarning40, #f59e0b);
     --toggleDanger: var(--colorDanger40, #ef4444);
     --toggleLight: var(--colorLight50, #dfdfdf);
-    --toggleStable: var(--colorLight40, #ffffff);
+    --toggleStable: var(--colorStable50, #d9d9d9);
     --toggleRoyal: var(--colorRoyal40, #9933cc);
     --toggleDark: var(--colorDark40, #adafae);
 
-    --borderToggleDefault: var(--colorDefault40, #1e293b);
-    --borderTogglePrimary: var(--colorPrimary40, #4f46e5);
-    --borderToggleSuccess: var(--colorSuccess40, #22c55e);
-    --borderToggleCalm: var(--colorCalm40, #11c1f3);
-    --borderToggleWarning: var(--colorWarning40, #f59e0b);
-    --borderToggleDanger: var(--colorDanger40, #ef4444);
-    --borderToggleLight: var(--colorLight50, #dfdfdf);
-    --borderToggleStable: var(--textColor20, #afb0b3);
-    --borderToggleRoyal: var(--colorRoyal40, #9933cc);
-    --borderToggleDark: var(--colorDark40, #adafae);
-
     /* Components - Tabs - crn-ion-segment */
-    --bgDefault: var(--colorPrimary10, #c7c9ce);
-    --bgPrimary: var(--colorDefault10, #dad9f7);
-    --bgSuccess: var(--colorSuccess10, #d6efdb);
-    --bgCalm: var(--colorCalm10, #d6eefb);
-    --bgWarning: var(--colorWarning10, #fce6d5);
-    --bgDanger: var(--colorDanger10, #fad9d9);
-    --bgLight: var(--colorLight10, #ffffff);
-    --bgStable: var(--colorStable10, #fdfdfd);
-    --bgRoyal: var(--colorRoyal10, #f8fafc);
-    --bgDark: var(--colorDark10, #e9eaea);
-
-    --borderActiveBackgroundDefault: var(--colorDefault40, #1e293b);
-    --borderActiveBackgroundPrimary: var(--colorPrimary40, #4f46e5);
-    --borderActiveBackgroundSuccess: var(--colorSuccess40, #22c55e);
-    --borderActiveBackgroundCalm: var(--colorCalm40, #033c73);
-    --borderActiveBackgroundWarning: var(--colorWarning40, #f59e0b);
-    --borderActiveBackgroundDanger: var(--colorDanger50, #c71c22);
-    --borderActiveBackgroundLight: var(--colorLight40, #ffffff);
-    --borderActiveBackgroundStable: var(--colorStable40, #f8f8f8);
-    --borderActiveBackgroundRoyal: var(--colorRoyal40, #9933cc);
-    --borderActiveBackgroundDark: var(--colorDark40, #adafae);
+    --bgDefault: var(--colorPrimary40, #4f46e5);
+    --bgPrimary: var(--colorDefault40, #1e293b);
+    --bgSuccess: var(--colorSuccess40, #22c55e);
+    --bgCalm: var(--colorCalm40, #11c1f3);
+    --bgWarning: var(--colorWarning40, #f59e0b);
+    --bgDanger: var(--colorDanger40, #ef4444);
+    --bgLight: var(--colorLight40, #ffffff);
+    --bgStable: var(--colorStable40, #f8f8f8);
+    --bgRoyal: var(--colorRoyal40, #9933cc);
+    --bgDark: var(--colorDark40, #adafae);
 
     --activeBackgroundDefault: var(--colorPrimary40, #4f46e5);
     --activeBackgroundPrimary: var(--colorDefault40, #1e293b);
@@ -399,16 +342,16 @@
     --ionSegmentRoyal: var(--textColorRoyal40, #ffffff);
     --ionSegmentDark: var(--textColorDark40, #000000);
 
-    --iconThemeLightDefault: var(--colorPrimary40, #4f46e5);
-    --iconThemeLightPrimary: var(--colorDefault40, #1e293b);
-    --iconThemeLightSuccess: var(--colorSuccess40, #22c55e);
-    --iconThemeLightCalm: var(--colorCalm40, #ffffff);
-    --iconThemeLightWarning: var(--colorWarning40, #f59e0b);
-    --iconThemeLightDanger: var(--colorDanger40, #ef4444);
-    --iconThemeLightLight: var(--colorLight40, #ffffff);
-    --iconThemeLightStable: var(--colorStable40, #f8f8f8);
-    --iconThemeLightRoyal: var(--colorRoyal40, #9933cc);
-    --iconThemeLightDark: var(--colorDark40, #adafae);
+    --iconThemeLightDefault: var(--textColorPrimary40, #ffffff);
+    --iconThemeLightPrimary: var(--textColorDefault40, #ffffff);
+    --iconThemeLightSuccess: var(--textColorSuccess40, #ffffff);
+    --iconThemeLightCalm: var(--textColorCalm40, #ffffff);
+    --iconThemeLightWarning: var(--textColorWarning40, #ffffff);
+    --iconThemeLightDanger: var(--textColorDanger40, #ffffff);
+    --iconThemeLightLight: var(--textColorLight40, #383838);
+    --iconThemeLightStable: var(--textColorStable40, #444444);
+    --iconThemeLightRoyal: var(--textColorRoyal40, #ffffff);
+    --iconThemeLightDark: var(--textColorDark40, #000000);
 
     /* Components - Old Tabs - pallete false */
     --tabsDefault: var(--colorDefault40, #1e293b);
@@ -423,8 +366,8 @@
     --tabsDark: var(--colorDark40, #adafae);
 
     /* Components - Header */
-    --barDefault: var(--colorDefault40, #1e293b);
-    --barPrimary: var(--colorPrimary40, #4f46e5);
+    --barDefault: var(--colorPrimary40, #4f46e5);
+    --barPrimary: var(--colorDefault40, #1e293b);
     --barSuccess: var(--colorSuccess40, #22c55e);
     --barCalm: var(--colorCalm40, #11c1f3);
     --barWarning: var(--colorWarning40, #f59e0b);
@@ -456,7 +399,6 @@
     --tabsIconStable: var(--textColorStable40, #444444);
     --tabsIconRoyal: var(--textColorRoyal40, #ffffff);
     --tabsIconDark: var(--textColorDark40, #000000);
-    /* End - Variables used exclusively in the color palette property */
 }
 
 h1,