@progressio_resources/gravity-design-system 2.6.20 → 2.6.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progressio_resources/gravity-design-system",
   "description": "Gravity Design System",
-  "version": "2.6.20",
+  "version": "2.6.21",
   "license": "SEE LICENSE IN LIBRARY-LICENSE",
   "peerDependencies": {
     "@angular/common": "^16.2.12",

package/src/lib/styles/foundations/colors/primitives/_hero.primitives.scss

@@ -40,6 +40,33 @@ $o300: #ff9d57;
 $o400: #ffb27b;
 $o500: #ffd2b2;
 
+$c1: #ffffff;
+$c10: #f7931a;
+$c20: #f0b90b;
+$c30: #345d9d;
+$c40: #8656ef;
+$c50: #1aa3ff;
+$c60: #ff060a;
+$c70: #009393;
+$c80: #0ac18e;
+$c90: #2775ca;
+$c100: #f0b90b;
+$c110: #eceff0;
+$c120: #141414;
+$c130: #f09242;
+$c140: #282138;
+$c150: #5a5564;
+$c160: #f0b90b;
+$c170: #7b1af7;
+$c180: #000000;
+$c190: #9945ff;
+$c200: #14f195;
+$c210: #0033ad;
+$c220: #343434;
+$c230: #8d8d8d;
+$c240: #393939;
+$c250: #3c3c3b;
+
 //This class must be only for gallery implementation
 .hero-primitives {
   --b100: #04163f;
@@ -82,4 +109,31 @@ $o500: #ffd2b2;
   --o300: #ff9d57;
   --o400: #ffb27b;
   --o500: #ffd2b2;
+
+  --c1: #ffffff;
+  --c10: #f7931a;
+  --c20: #f0b90b;
+  --c30: #345d9d;
+  --c40: #8656ef;
+  --c50: #1aa3ff;
+  --c60: #ff060a;
+  --c70: #009393;
+  --c80: #0ac18e;
+  --c90: #2775ca;
+  --c100: #f0b90b;
+  --c110: #eceff0;
+  --c120: #141414;
+  --c130: #f09242;
+  --c140: #282138;
+  --c150: #5a5564;
+  --c160: #f0b90b;
+  --c170: #7b1af7;
+  --c180: #000000;
+  --c190: #9945ff;
+  --c200: #14f195;
+  --c210: #0033ad;
+  --c220: #343434;
+  --c230: #8d8d8d;
+  --c240: #393939;
+  --c250: #3c3c3b;
 }

package/src/lib/styles/foundations/colors/themes/_hero.theme.scss

@@ -144,7 +144,7 @@ $bg-calendar-nav-primary-dark: $b700;
 $on-bg-calender-primary-light: $n400;
 $on-bg-calender-primary-dark: $n800;
 $bg-calender-primary-light: $n900;
-$bg-calender-primary-dark: $n200;
+$bg-calender-primary-dark: $n100;
 $arrow-calendar-active-primary-light: $n900;
 $arrow-calendar-active-primary-dark: $n100;
 $arrow-calendar-hover-primary-light: $n900;
@@ -283,6 +283,8 @@ $outline-field-full-enabled-typed-primary-light: $n400;
 $outline-field-full-enabled-typed-primary-dark: $n800;
 $bg-field-autofill-light: $b800;
 $bg-field-autofill-dark: $n400;
+$placeholder-empty-enabled-primary-light: $n600;
+$placeholder-empty-enabled-primary-dark: $n600;
 $line-empty-enabled-primary-light: $n400;
 $line-empty-enabled-primary-dark: $n800;
 $equivalence-text-empty-enabled-primary-light: $n700;
@@ -299,6 +301,8 @@ $equivalence-text-empty-disabled-primary-light: $n700;
 $equivalence-text-empty-disabled-primary-dark: $n300;
 $line-empty-disabled-primary-light: $n700;
 $line-empty-disabled-primary-dark: $n300;
+$placeholder-empty-disabled-primary-light: $n700;
+$placeholder-empty-disabled-primary-dark: $n300;
 
 // icon
 $icon-active-primary-light: $n400;
@@ -329,14 +333,14 @@ $loading-primary-dark: $b700;
 // switch
 $on-bg-switch-on-primary-light: $n900;
 $bg-switch-on-primary-light: $b400;
-$on-bg-switch-off-primary-light: $n800;
-$bg-switch-off-primary-light: $n700;
-$on-bg-switch-disabled-primary-light: $n700;
-$bg-switch-disabled-primary-light: $n700;
 $on-bg-switch-on-primary-dark: $n200;
 $bg-switch-on-primary-dark: $b700;
-$on-bg-switch-off-primary-dark: $n400;
-$bg-switch-off-primary-dark: $n300;
+$on-bg-switch-off-primary-light: $n900;
+$bg-switch-off-primary-light: $n600;
+$on-bg-switch-off-primary-dark: $n200;
+$bg-switch-off-primary-dark: $n500;
+$on-bg-switch-disabled-primary-light: $n700;
+$bg-switch-disabled-primary-light: $n700;
 $on-bg-switch-disabled-primary-dark: $n400;
 $bg-switch-disabled-primary-dark: $n400;
 
@@ -509,3 +513,60 @@ $bg-icon-button-pressed-light: $n700;
 $bg-icon-button-pressed-dark: $n300;
 $on-bg-icon-button-disabled-light: $n700;
 $on-bg-icon-button-disabled-dark: $n400;
+
+// currencies
+$on-bg-currency: $c1;
+$btc-primary-light: $c10;
+$btc-primary-dark: $c10;
+$busd-primary-light: $c20;
+$busd-primary-dark: $c20;
+$ltc-primary-light: $on-bg-currency;
+$ltc-secondary-light: $c30;
+$ltc-primary-dark: $c220;
+$ltc-secondary-dark: $on-bg-currency;
+$eurc-primary-light: $c40;
+$eurc-secondary-light: $c50;
+$eurc-primary-dark: $c40;
+$eurc-secondary-dark: $c50;
+$trx-primary-light: $c60;
+$trx-primary-dark: $c60;
+$usdt-primary-light: $c70;
+$usdt-primary-dark: $c70;
+$bch-primary-light: $c80;
+$bch-primary-dark: $c80;
+$usd-primary-light: $c90;
+$usd-primary-dark: $c90;
+$bnb-primary-light: $c100;
+$bnb-primary-dark: $c100;
+$eth-primary-light: $c110;
+$eth-secondary-light: $c120;
+$eth-terciary-light: $c220;
+$eth-quaternary-light: $c230;
+//$eth-quinary-light: $c6000;
+$eth-senary-light: $c240;
+$eth-septenary-light: $c250;
+$eth-primary-dark: $c120;
+$eth-secondary-dark: $c110;
+$eth-terciary-dark: $c220;
+$eth-quaternary-dark: $c230;
+//$eth-quinary-dark: $c6000;
+$eth-senary-dark: $c240;
+$eth-septenary-dark: $c240;
+$wbtc-primary-light: $c130;
+$wbtc-secundary-light: $c140;
+$wbtc-terciary-light: $c150;
+$wbtc-primary-dark: $c130;
+$wbtc-secundary-dark: $c140;
+$wbtc-terciary-dark: $c150;
+$bep-20-primary-light: $c160;
+$bep-20-primary-dark: $c160;
+$lightning-primary-light: $c170;
+$lightning-primary-dark: $c170;
+$sol-primary-light: $c180;
+$sol-secondary-light: $c190;
+$sol-terciary-light: $c200;
+$sol-primary-dark: $c180;
+$sol-secondary-dark: $c190;
+$sol-terciary-dark: $c200;
+$ada-primary-light: $c210;
+$ada-primary-dark: $c210;

package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss

@@ -289,6 +289,36 @@
   --bg-icon-button-pressed: #{$bg-icon-button-pressed-light};
   --on-bg-icon-button-disabled: #{$on-bg-icon-button-disabled-light};
 
+  // Currencies 
+  --btc-primary: #{$btc-primary-light};
+  --busd-primary: #{$busd-primary-light};
+  --ltc-primary: #{$ltc-secondary-light};
+  --ltc-secundary: #{$on-bg-currency};
+  --eurc-primary: #{$eurc-primary-light};
+  --eurc-secondary: #{$eurc-secondary-light};
+  --trx-primary: #{$trx-primary-light};
+  --usdt-primary: #{$usdt-primary-light};
+  --bch-primary: #{$bch-primary-light};
+  --usd-primary: #{$usdt-primary-light};
+  --bnb-primary: #{$bnb-primary-light};
+  --eth-primary: #{$eth-primary-light};
+  --eth-secondary: #{$eth-secondary-light};
+  --eth-terciary: #{$eth-terciary-light};
+  --eth-quaternary: #{$eth-quaternary-light};
+  //--eth-quinary: #{$eth-quinary-light};
+  --eth-senary: #{$eth-senary-light};
+  --eth-septenary: #{$eth-septenary-light};
+  --wbtc-primary: #{$wbtc-primary-light};
+  --wbtc-secondary: #{$wbtc-secundary-dark};
+  --wbtc-terciary: #{$wbtc-terciary-light};
+  --bep-20-primary: #{$bep-20-primary-light};
+  --lightning-primary: #{$lightning-primary-light};
+  --sol-primary: #{$sol-primary-light};
+  --sol-secondary: #{$sol-secondary-light};
+  --sol-terciary: #{$sol-terciary-light};
+  --ada-primary: #{$ada-primary-light};
+  --on-bg-currency: #{$on-bg-currency};
+
   // shadow
   --shadow-primary: #{$shadow-primary-light};
   // DONT REMOVE
@@ -584,6 +614,36 @@
   --bg-icon-button-pressed: #{$bg-icon-button-pressed-dark};
   --on-bg-icon-button-disabled: #{$on-bg-icon-button-disabled-dark};
 
+  // Currencies
+  --btc-primary: #{$c10};
+  --busd-primary: #{$busd-primary-dark};
+  --ltc-primary: #{$on-bg-currency};
+  --ltc-secundary: #{$ltc-primary-dark};
+  --eurc-primary: #{$eurc-primary-light};
+  --eurc-secondary: #{$eurc-secondary-dark};
+  --trx-primary: #{$trx-primary-dark};
+  --usdt-primary: #{$usdt-primary-dark};
+  --bch-primary: #{$bch-primary-dark};
+  --usd-primary: #{$usd-primary-dark};
+  --bnb-primary: #{$bnb-primary-dark};
+  --eth-primary: #{$eth-secondary-dark};
+  --eth-secondary: #{$eth-primary-dark};
+  --eth-terciary: #{$eth-terciary-light};
+  --eth-quaternary: #{$eth-quaternary-dark};
+  //--eth-quinary: #{$eth-quinary-dark};
+  --eth-senary: #{$eth-senary-dark};
+  --eth-septenary: #{$eth-septenary-dark};
+  --wbtc-primary: #{$wbtc-primary-dark};
+  --wbtc-secondary: #{$wbtc-secundary-light};
+  --wbtc-terciary: #{$wbtc-terciary-dark};
+  --bep-20-primary: #{$bep-20-primary-dark};
+  --lightning-primary: #{$lightning-primary-dark};
+  --sol-primary: #{$sol-primary-dark};
+  --sol-secondary: #{$sol-secondary-dark};
+  --sol-terciary: #{$sol-terciary-dark};
+  --ada-primary: #{$ada-primary-dark};
+  --on-bg-currency: #{$on-bg-currency};
+
   // shadow
   --shadow-primary: #{$shadow-primary-dark};
   // DONT REMOVE