@salutejs/sdds-themes 0.65.0-next-sbcom.0 → 0.65.1-dev.0

package/css/sdds_platform_ai.module.css

@@ -393,6 +393,7 @@
   --on-light-surface-accent-minor-active: #8BF99FFF;
   --on-light-surface-transparent-accent-hover: #1A9E322E;
   --on-light-surface-transparent-accent-active: #1A9E3233;
+  --on-light-surface-promo: #FFFFFFFF;
   --on-light-surface-positive-hover: #1EB83AFF;
   --on-light-surface-positive-active: #178C2CFF;
   --on-light-surface-positive: #1A9E32;
@@ -925,13 +926,13 @@
 }
 
 .light {
-  --text-primary-hover: #562296FF;
-  --text-primary-active: #210D3AFF;
-  --text-primary-brightness: #35155BFF;
-  --text-secondary-hover: #260F4359;
-  --text-secondary-active: #260F43FF;
-  --text-tertiary-hover: #260F433D;
-  --text-tertiary-active: #260F43A3;
+  --text-primary-hover: #969696FF;
+  --text-primary-active: #080808FF;
+  --text-primary-brightness: #171717FF;
+  --text-secondary-hover: #08080859;
+  --text-secondary-active: #080808FF;
+  --text-tertiary-hover: #0808083D;
+  --text-tertiary-active: #080808A3;
   --text-paragraph-hover: #1717177A;
   --text-paragraph-active: #171717A3;
   --text-paragraph: #171717CC;
@@ -941,9 +942,8 @@
   --text-accent-minor-active: #21B03CFF;
   --text-promo-hover: #A0F8DFFF;
   --text-promo-active: #2EEFB9FF;
-  --text-positive-hover: #14B32EFF;
-  --text-positive-active: #0C6A1BFF;
-  --text-positive: #108E26;
+  --text-positive-hover: #24DB45FF;
+  --text-positive-active: #178C2CFF;
   --text-warning-hover: #FD6B17FF;
   --text-warning-active: #C04802FF;
   --text-warning: #E85702;
@@ -966,15 +966,15 @@
   --text-warning-minor: #FD9C68;
   --text-negative-minor: #FF8F9A;
   --text-info-minor: #52BAFF;
-  --text-primary: #260F42FF;
-  --text-secondary: #260F42B3;
-  --text-tertiary: #260F4266;
   --text-promo: #52F2C5;
   --text-accent: #C5FC5F;
-  --on-dark-text-primary-hover: #F5F5F593;
-  --on-dark-text-primary-active: #F5F5F5C4;
-  --on-dark-text-primary: #F5F5F5F5;
-  --on-dark-text-primary-brightness: #F6F6F6FF;
+  --text-primary: #080808;
+  --text-secondary: #080808B3;
+  --text-tertiary: #08080866;
+  --text-positive: #1A9E32;
+  --on-dark-text-primary-hover: #7A7A7AFF;
+  --on-dark-text-primary-active: #5C5C5CFF;
+  --on-dark-text-primary-brightness: #FFFFFFFF;
   --on-dark-text-secondary-hover: #F5F5F5FF;
   --on-dark-text-secondary-active: #F5F5F5AB;
   --on-dark-text-secondary: #F5F5F58F;
@@ -1014,16 +1014,14 @@
   --on-dark-text-warning-minor: #85380C;
   --on-dark-text-negative-minor: #9C1422;
   --on-dark-text-info-minor: #0D5382;
-  --on-light-text-primary-hover: #17171793;
-  --on-light-text-primary-active: #171717C4;
-  --on-light-text-primary: #171717F5;
-  --on-light-text-primary-brightness: #2525F6FF;
-  --on-light-text-secondary-hover: #171717FF;
-  --on-light-text-secondary-active: #171717AB;
-  --on-light-text-secondary: #1717178F;
-  --on-light-text-tertiary-hover: #171717FF;
-  --on-light-text-tertiary-active: #17171756;
-  --on-light-text-tertiary: #17171748;
+  --on-dark-text-primary: #F5F5F5;
+  --on-light-text-primary-hover: #969696FF;
+  --on-light-text-primary-active: #080808FF;
+  --on-light-text-primary-brightness: #171717FF;
+  --on-light-text-secondary-hover: #08080859;
+  --on-light-text-secondary-active: #080808FF;
+  --on-light-text-tertiary-hover: #0808083D;
+  --on-light-text-tertiary-active: #080808A3;
   --on-light-text-paragraph-hover: #1717177A;
   --on-light-text-paragraph-active: #171717A3;
   --on-light-text-paragraph: #171717CC;
@@ -1032,9 +1030,8 @@
   --on-light-text-accent: #108E26;
   --on-light-text-accent-minor-hover: #47DC62FF;
   --on-light-text-accent-minor-active: #21B03CFF;
-  --on-light-text-positive-hover: #14B32EFF;
-  --on-light-text-positive-active: #0C6A1BFF;
-  --on-light-text-positive: #108E26;
+  --on-light-text-positive-hover: #24DB45FF;
+  --on-light-text-positive-active: #178C2CFF;
   --on-light-text-warning-hover: #FD6B17FF;
   --on-light-text-warning-active: #C04802FF;
   --on-light-text-warning: #E85702;
@@ -1057,10 +1054,13 @@
   --on-light-text-accent-minor: #28D247;
   --on-light-text-negative-minor: #FF8F9A;
   --on-light-text-info-minor: #52BAFF;
-  --inverse-text-primary-hover: #F5F5F593;
-  --inverse-text-primary-active: #F5F5F5C4;
-  --inverse-text-primary: #F5F5F5F5;
-  --inverse-text-primary-brightness: #F6F6F6FF;
+  --on-light-text-primary: #080808;
+  --on-light-text-secondary: #080808B3;
+  --on-light-text-tertiary: #08080866;
+  --on-light-text-positive: #1A9E32;
+  --inverse-text-primary-hover: #7A7A7AFF;
+  --inverse-text-primary-active: #5C5C5CFF;
+  --inverse-text-primary-brightness: #FFFFFFFF;
   --inverse-text-secondary-hover: #F5F5F5FF;
   --inverse-text-secondary-active: #F5F5F5AB;
   --inverse-text-secondary: #F5F5F58F;
@@ -1100,6 +1100,7 @@
   --inverse-text-warning-minor: #85380C;
   --inverse-text-negative-minor: #9C1422;
   --inverse-text-info-minor: #0D5382;
+  --inverse-text-primary: #F5F5F5;
   --surface-solid-primary-hover: #F2F2F2FF;
   --surface-solid-primary-active: #F0F0F0FF;
   --surface-solid-primary: #F5F5F5;
@@ -1113,8 +1114,8 @@
   --surface-solid-card-active: #FFFFFFFF;
   --surface-solid-card: #FFFFFFFF;
   --surface-solid-card-brightness: #FFFFFFFF;
-  --surface-solid-default-hover: #301353FF;
-  --surface-solid-default-active: #1D0B32FF;
+  --surface-solid-default-hover: #262626FF;
+  --surface-solid-default-active: #030303FF;
   --surface-transparent-primary-hover: #0808080A;
   --surface-transparent-primary-active: #0808080D;
   --surface-transparent-secondary-hover: #08080814;
@@ -1139,17 +1140,16 @@
   --surface-accent-minor-active: #8BF99FFF;
   --surface-transparent-accent-hover: #108E252E;
   --surface-transparent-accent-active: #108E2533;
-  --surface-promo-hover: #71F4CFFF;
-  --surface-promo-active: #41F1BFFF;
+  --surface-promo-hover: #58E4BAFF;
+  --surface-promo-active: #2CDDA8FF;
   --surface-positive-hover: #1EB83AFF;
   --surface-positive-active: #178C2CFF;
   --surface-positive: #1A9E32;
   --surface-warning-hover: #FB782DFF;
   --surface-warning-active: #E65705FF;
   --surface-warning: #FA5F05;
-  --surface-negative-hover: #FF5263FF;
-  --surface-negative-active: #FF142CFF;
-  --surface-negative: #FF293E;
+  --surface-negative-hover: #F54254FF;
+  --surface-negative-active: #ED0C23FF;
   --surface-info-hover: #209CEEFF;
   --surface-info-active: #0F81CCFF;
   --surface-positive-minor-hover: #94F9A7FF;
@@ -1160,12 +1160,12 @@
   --surface-negative-minor-active: #FFD1D6FF;
   --surface-info-minor-hover: #C7E9FFFF;
   --surface-info-minor-active: #C2E7FFFF;
-  --surface-transparent-positive-hover: #1A9E322E;
-  --surface-transparent-positive-active: #1A9E3233;
+  --surface-transparent-positive-hover: #28D2472E;
+  --surface-transparent-positive-active: #28D24733;
   --surface-transparent-warning-hover: #FA5F052E;
   --surface-transparent-warning-active: #FA5F0533;
-  --surface-transparent-negative-hover: #FF293E2E;
-  --surface-transparent-negative-active: #FF293E33;
+  --surface-transparent-negative-hover: #F31B312E;
+  --surface-transparent-negative-active: #F31B3133;
   --surface-transparent-info-hover: #118CDF2E;
   --surface-transparent-info-active: #118CDF33;
   --surface-accent-minor: #9EFAAF;
@@ -1174,15 +1174,11 @@
   --surface-warning-minor: #FEE2D2;
   --surface-negative-minor: #FFE0E3;
   --surface-info-minor: #CFECFF;
-  --surface-transparent-positive: #1A9E321F;
   --surface-transparent-warning: #FA5F051F;
-  --surface-transparent-negative: #FF293E1F;
   --surface-transparent-info: #118CDF1F;
   --surface-transparent-primary: #08080808;
   --surface-transparent-accent: #108E261F;
-  --surface-solid-default: #260F42FF;
   --surface-accent: #C5FC5F;
-  --surface-promo: #52F2C5;
   --surface-solid-secondary: #EFEFF5FF;
   --surface-transparent-positive-minor: #C5FC5F0D;
   --surface-transparent-positive-minor-hover: #C5FC5F12;
@@ -1190,6 +1186,11 @@
   --surface-transparent-negative-minor: #FA5F050D;
   --surface-transparent-negative-minor-hover: #FA5F0512;
   --surface-transparent-negative-minor-active: #FA5F0517;
+  --surface-solid-default: #080808;
+  --surface-promo: #3FE0B1;
+  --surface-negative: #F31B31;
+  --surface-transparent-negative: #F31B311F;
+  --surface-transparent-positive: #28D2471F;
   --on-dark-surface-solid-primary-hover: #1C1C1CFF;
   --on-dark-surface-solid-primary-active: #121212FF;
   --on-dark-surface-solid-primary: #171717;
@@ -1293,7 +1294,6 @@
   --on-light-surface-solid-card-brightness: #FFFFFFFF;
   --on-light-surface-solid-default-hover: #262626FF;
   --on-light-surface-solid-default-active: #030303FF;
-  --on-light-surface-solid-default: #080808;
   --on-light-surface-transparent-primary-hover: #0808080A;
   --on-light-surface-transparent-primary-active: #0808080D;
   --on-light-surface-transparent-secondary-hover: #08080814;
@@ -1319,15 +1319,16 @@
   --on-light-surface-accent-minor-active: #8BF99FFF;
   --on-light-surface-transparent-accent-hover: #1A9E322E;
   --on-light-surface-transparent-accent-active: #1A9E3233;
+  --on-light-surface-promo-hover: #58E4BAFF;
+  --on-light-surface-promo-active: #2CDDA8FF;
   --on-light-surface-positive-hover: #1EB83AFF;
   --on-light-surface-positive-active: #178C2CFF;
   --on-light-surface-positive: #1A9E32;
   --on-light-surface-warning-hover: #FB782DFF;
   --on-light-surface-warning-active: #E65705FF;
   --on-light-surface-warning: #FA5F05;
-  --on-light-surface-negative-hover: #FF5263FF;
-  --on-light-surface-negative-active: #FF142CFF;
-  --on-light-surface-negative: #FF293E;
+  --on-light-surface-negative-hover: #F54254FF;
+  --on-light-surface-negative-active: #ED0C23FF;
   --on-light-surface-info-hover: #209CEEFF;
   --on-light-surface-info-active: #0F81CCFF;
   --on-light-surface-positive-minor-hover: #94F9A7FF;
@@ -1338,12 +1339,12 @@
   --on-light-surface-negative-minor-active: #FFD1D6FF;
   --on-light-surface-info-minor-hover: #C7E9FFFF;
   --on-light-surface-info-minor-active: #C2E7FFFF;
-  --on-light-surface-transparent-positive-hover: #1A9E322E;
-  --on-light-surface-transparent-positive-active: #1A9E3233;
+  --on-light-surface-transparent-positive-hover: #28D2472E;
+  --on-light-surface-transparent-positive-active: #28D24733;
   --on-light-surface-transparent-warning-hover: #FA5F052E;
   --on-light-surface-transparent-warning-active: #FA5F0533;
-  --on-light-surface-transparent-negative-hover: #FF293E2E;
-  --on-light-surface-transparent-negative-active: #FF293E33;
+  --on-light-surface-transparent-negative-hover: #F31B312E;
+  --on-light-surface-transparent-negative-active: #F31B3133;
   --on-light-surface-transparent-info-hover: #118CDF2E;
   --on-light-surface-transparent-info-active: #118CDF33;
   --on-light-surface-accent-minor: #9EFAAF;
@@ -1353,9 +1354,7 @@
   --on-light-surface-positive-minor: #9EFAAF;
   --on-light-surface-info-minor: #CFECFF;
   --on-light-surface-negative-minor: #FFE0E3;
-  --on-light-surface-transparent-positive: #1A9E321F;
   --on-light-surface-transparent-warning: #FA5F051F;
-  --on-light-surface-transparent-negative: #FF293E1F;
   --on-light-surface-transparent-info: #118CDF1F;
   --on-light-surface-transparent-primary: #08080808;
   --on-light-surface-transparent-positive-minor: #C5FC5F0D;
@@ -1364,6 +1363,11 @@
   --on-light-surface-transparent-negative-minor: #FA5F050D;
   --on-light-surface-transparent-negative-minor-hover: #FA5F0512;
   --on-light-surface-transparent-negative-minor-active: #FA5F0517;
+  --on-light-surface-solid-default: #080808;
+  --on-light-surface-promo: #3FE0B1;
+  --on-light-surface-negative: #F31B31;
+  --on-light-surface-transparent-positive: #28D2471F;
+  --on-light-surface-transparent-negative: #F31B311F;
   --inverse-surface-solid-primary-hover: #1C1C1CFF;
   --inverse-surface-solid-primary-active: #121212FF;
   --inverse-surface-solid-primary: #171717;
@@ -1495,10 +1499,10 @@
   --outline-positive-active: #0C6A1BFF;
   --outline-warning-hover: #FD9253FF;
   --outline-warning-active: #CA4B02FF;
-  --outline-negative-hover: #CCCCCCFF;
-  --outline-negative-active: #E6E6E6FF;
-  --outline-info-hover: #CCCCCCFF;
-  --outline-info-active: #E6E6E6FF;
+  --outline-negative-hover: #F87C89FF;
+  --outline-negative-active: #E40C22FF;
+  --outline-info-hover: #62B9F3FF;
+  --outline-info-active: #0F7BC2FF;
   --outline-positive-minor-hover: #7AE68EFF;
   --outline-positive-minor-active: #23B83EFF;
   --outline-warning-minor-hover: #FDB790FF;
@@ -1535,9 +1539,11 @@
   --outline-transparent-secondary: #08080847;
   --outline-transparent-tertiary: #0808088F;
   --outline-solid-secondary: #B3B3B3;
-  --outline-solid-default-hover: #562296FF;
-  --outline-solid-default-active: #210D3AFF;
-  --outline-solid-default: #260F42FF;
+  --outline-solid-default-hover: #969696FF;
+  --outline-solid-default-active: #080808FF;
+  --outline-info: #118CDF;
+  --outline-negative: #F31B31;
+  --outline-solid-default: #080808;
   --on-dark-outline-solid-primary-hover: #545454FF;
   --on-dark-outline-solid-primary-active: #171717FF;
   --on-dark-outline-solid-secondary-hover: #ABABABFF;
@@ -1562,10 +1568,10 @@
   --on-dark-outline-positive-active: #1F9835FF;
   --on-dark-outline-warning-hover: #FFA575FF;
   --on-dark-outline-warning-active: #FF5D05FF;
-  --on-dark-outline-negative-hover: #FF8F9AFF;
-  --on-dark-outline-negative-active: #FF1F35FF;
-  --on-dark-outline-info-hover: #858585FF;
-  --on-dark-outline-info-active: #666666FF;
+  --on-dark-outline-negative-hover: #F76977FF;
+  --on-dark-outline-negative-active: #E40C22FF;
+  --on-dark-outline-info-hover: #62B9F3FF;
+  --on-dark-outline-info-active: #0F7BC2FF;
   --on-dark-outline-positive-minor-hover: #0F9527FF;
   --on-dark-outline-positive-minor-active: #074A14FF;
   --on-dark-outline-warning-minor-hover: #FFA575FF;
@@ -1590,7 +1596,6 @@
   --on-dark-outline-transparent-positive: #24B23E47;
   --on-dark-outline-positive: #24B23E;
   --on-dark-outline-warning: #FF7024;
-  --on-dark-outline-negative: #FF3D51;
   --on-dark-outline-positive-minor: #095C18;
   --on-dark-outline-warning-minor: #FF7024;
   --on-dark-outline-negative-minor: #FF3D51;
@@ -1606,6 +1611,8 @@
   --on-dark-outline-solid-default: #F9F9F9;
   --on-dark-outline-solid-default-hover: #808080FF;
   --on-dark-outline-solid-default-active: #616161FF;
+  --on-dark-outline-info: #118CDF;
+  --on-dark-outline-negative: #F31B31;
   --on-light-outline-solid-primary-hover: #ABABABFF;
   --on-light-outline-solid-primary-active: #C4C4C4FF;
   --on-light-outline-solid-secondary-hover: #DBDBDBFF;
@@ -1632,8 +1639,8 @@
   --on-light-outline-warning-active: #CA4B02FF;
   --on-light-outline-negative-hover: #F87C89FF;
   --on-light-outline-negative-active: #E40C22FF;
-  --on-light-outline-info-hover: #CCCCCCFF;
-  --on-light-outline-info-active: #E6E6E6FF;
+  --on-light-outline-info-hover: #62B9F3FF;
+  --on-light-outline-info-active: #0F7BC2FF;
   --on-light-outline-positive-minor-hover: #7AE68EFF;
   --on-light-outline-positive-minor-active: #23B83EFF;
   --on-light-outline-warning-minor-hover: #FDB790FF;
@@ -1662,7 +1669,6 @@
   --on-light-outline-accent: #108E26;
   --on-light-outline-accent-minor: #28D247;
   --on-light-outline-warning: #E85702;
-  --on-light-outline-negative: #F31B31;
   --on-light-outline-positive-minor: #28D247;
   --on-light-outline-warning-minor: #FD9C68;
   --on-light-outline-negative-minor: #FF8F9A;
@@ -1674,6 +1680,8 @@
   --on-light-outline-solid-default: #080808;
   --on-light-outline-solid-default-hover: #969696FF;
   --on-light-outline-solid-default-active: #080808FF;
+  --on-light-outline-info: #118CDF;
+  --on-light-outline-negative: #F31B31;
   --inverse-outline-solid-primary-hover: #545454FF;
   --inverse-outline-solid-primary-active: #171717FF;
   --inverse-outline-solid-secondary-hover: #ABABABFF;
@@ -1698,10 +1706,10 @@
   --inverse-outline-positive-active: #1F9835FF;
   --inverse-outline-warning-hover: #FFA575FF;
   --inverse-outline-warning-active: #FF5D05FF;
-  --inverse-outline-negative-hover: #FF8F9AFF;
-  --inverse-outline-negative-active: #FF1F35FF;
-  --inverse-outline-info-hover: #858585FF;
-  --inverse-outline-info-active: #666666FF;
+  --inverse-outline-negative-hover: #F76977FF;
+  --inverse-outline-negative-active: #E40C22FF;
+  --inverse-outline-info-hover: #62B9F3FF;
+  --inverse-outline-info-active: #0F7BC2FF;
   --inverse-outline-positive-minor-hover: #0F9527FF;
   --inverse-outline-positive-minor-active: #074A14FF;
   --inverse-outline-warning-minor-hover: #BB4F11FF;
@@ -1729,7 +1737,6 @@
   --inverse-outline-accent-minor: #095C18;
   --inverse-outline-positive: #24B23E;
   --inverse-outline-warning: #FF7024;
-  --inverse-outline-negative: #FF3D51;
   --inverse-outline-positive-minor: #095C18;
   --inverse-outline-warning-minor: #85380C;
   --inverse-outline-negative-minor: #9C1422;
@@ -1742,6 +1749,8 @@
   --inverse-outline-solid-default: #F9F9F9;
   --inverse-outline-solid-default-hover: #808080FF;
   --inverse-outline-solid-default-active: #616161FF;
+  --inverse-outline-info: #118CDF;
+  --inverse-outline-negative: #F31B31;
   --data-yellow: #F3A912;
   --data-yellow-hover: #F5B638FF;
   --data-yellow-active: #E49C0CFF;
@@ -1834,20 +1843,15 @@
   --outline-accent-gradient-hover: #CCCCCCFF;
   --outline-accent-gradient-active: #E6E6E6FF;
   --outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
-  --outline-negative: linear-gradient(270.00deg, #F155D7FF 0%, #F31B31FF 100%);
-  --outline-info: linear-gradient(270deg, #562296FF 1.527%, #52BAFFFF 100%);
   --on-dark-outline-accent-gradient-hover: #858585FF;
   --on-dark-outline-accent-gradient-active: #666666FF;
   --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
-  --on-dark-outline-info: linear-gradient(270deg, #562296FF 1.527%, #52BAFFFF 100%);
   --on-light-outline-accent-gradient-hover: #CCCCCCFF;
   --on-light-outline-accent-gradient-active: #E6E6E6FF;
   --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
-  --on-light-outline-info: linear-gradient(270deg, #562296FF 1.527%, #52BAFFFF 100%);
   --inverse-outline-accent-gradient-hover: #858585FF;
   --inverse-outline-accent-gradient-active: #666666FF;
   --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
-  --inverse-outline-info: linear-gradient(270deg, #562296FF 1.527%, #52BAFFFF 100%);
 }
 
 .dark, .light {

package/css/sdds_platform_ai__dark.css

@@ -393,6 +393,7 @@
   --on-light-surface-accent-minor-active: #8BF99FFF;
   --on-light-surface-transparent-accent-hover: #1A9E322E;
   --on-light-surface-transparent-accent-active: #1A9E3233;
+  --on-light-surface-promo: #FFFFFFFF;
   --on-light-surface-positive-hover: #1EB83AFF;
   --on-light-surface-positive-active: #178C2CFF;
   --on-light-surface-positive: #1A9E32;