@salutejs/sdds-themes 0.71.0-next-sbcom.0 → 0.71.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/css/sdds_platform_ai.module.css +93 -21
  2. package/css/sdds_platform_ai__dark.css +46 -10
  3. package/css/sdds_platform_ai__light.css +47 -11
  4. package/es/themes/sdds_platform_ai__dark.js +1 -1
  5. package/es/themes/sdds_platform_ai__dark.js.map +1 -1
  6. package/es/themes/sdds_platform_ai__light.js +1 -1
  7. package/es/themes/sdds_platform_ai__light.js.map +1 -1
  8. package/es/tokens/sdds_platform_ai/index.js +84 -12
  9. package/es/tokens/sdds_platform_ai/index.js.map +1 -1
  10. package/package.json +3 -3
  11. package/themes/sdds_platform_ai__dark.js +1 -1
  12. package/themes/sdds_platform_ai__dark.js.map +1 -1
  13. package/themes/sdds_platform_ai__light.js +1 -1
  14. package/themes/sdds_platform_ai__light.js.map +1 -1
  15. package/tokens/sdds_platform_ai/index.d.ts +82 -10
  16. package/tokens/sdds_platform_ai/index.js +101 -28
  17. package/tokens/sdds_platform_ai/index.js.map +1 -1
package/css/sdds_platform_ai.module.css CHANGED
@@ -279,6 +279,9 @@
279
279
  --surface-transparent-negative-minor: #FA5F050D;
280
280
  --surface-transparent-negative-minor-hover: #FA5F051C;
281
281
  --surface-transparent-negative-minor-active: #FA5F0508;
282
+ --surface-accent-extra-hover: #1DAF37FF;
283
+ --surface-accent-extra-active: #18952FFF;
284
+ --surface-accent-extra: #1A9E32;
282
285
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
283
286
  --on-dark-surface-solid-primary-active: #121212FF;
284
287
  --on-dark-surface-solid-primary: #171717;
@@ -366,6 +369,9 @@
366
369
  --on-dark-surface-transparent-negative-minor: #FA5F050D;
367
370
  --on-dark-surface-transparent-negative-minor-hover: #FA5F051C;
368
371
  --on-dark-surface-transparent-negative-minor-active: #FA5F0508;
372
+ --on-dark-surface-accent-extra: #1A9E32;
373
+ --on-dark-surface-accent-extra-hover: #1DAF37FF;
374
+ --on-dark-surface-accent-extra-active: #18952FFF;
369
375
  --on-light-surface-solid-primary-hover: #F2F2F2FF;
370
376
  --on-light-surface-solid-primary-active: #F0F0F0FF;
371
377
  --on-light-surface-solid-primary: #F5F5F5;
@@ -454,6 +460,9 @@
454
460
  --on-light-surface-transparent-negative-minor: #FA5F050D;
455
461
  --on-light-surface-transparent-negative-minor-hover: #FA5F0512;
456
462
  --on-light-surface-transparent-negative-minor-active: #FA5F0517;
463
+ --on-light-surface-accent-extra: #080808;
464
+ --on-light-surface-accent-extra-hover: #262626FF;
465
+ --on-light-surface-accent-extra-active: #030303FF;
457
466
  --inverse-surface-solid-primary-hover: #F2F2F2FF;
458
467
  --inverse-surface-solid-primary-active: #F0F0F0FF;
459
468
  --inverse-surface-solid-primary: #F5F5F5;
@@ -541,6 +550,9 @@
541
550
  --inverse-surface-transparent-negative-minor: #FA5F050D;
542
551
  --inverse-surface-transparent-negative-minor-hover: #FA5F0512;
543
552
  --inverse-surface-transparent-negative-minor-active: #FA5F0517;
553
+ --inverse-surface-accent-extra-hover: #262626FF;
554
+ --inverse-surface-accent-extra-active: #030303FF;
555
+ --inverse-surface-accent-extra: #080808;
544
556
  --background-primary: #080808;
545
557
  --background-primary-brightness: #171717FF;
546
558
  --background-secondary: #0D0D0DFF;
@@ -861,6 +873,12 @@
861
873
  --data-yellow-transparent: #F3A9128F;
862
874
  --data-yellow-transparent-hover: #F3A812AD;
863
875
  --data-yellow-transparent-active: #F3A81280;
876
+ --data-transparent-purple-extra-hover: #B558F352;
877
+ --data-transparent-purple-extra-active: #B558F324;
878
+ --data-transparent-purple-extra: #B559F333;
879
+ --data-purple-extra-hover: #BA5FF7FF;
880
+ --data-purple-extra-active: #A938F5FF;
881
+ --data-purple-extra: #AD42F5;
864
882
  --on-dark-data-yellow: #F3A912;
865
883
  --on-dark-data-yellow-hover: #F4B22FFF;
866
884
  --on-dark-data-yellow-active: #EDA20CFF;
@@ -870,6 +888,12 @@
870
888
  --on-dark-data-yellow-transparent: #F3A9128F;
871
889
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
872
890
  --on-dark-data-yellow-transparent-active: #F3A81280;
891
+ --on-dark-data-transparent-purple-extra: #B559F333;
892
+ --on-dark-data-transparent-purple-extra-hover: #B558F352;
893
+ --on-dark-data-transparent-purple-extra-active: #B558F324;
894
+ --on-dark-data-purple-extra: #AD42F5;
895
+ --on-dark-data-purple-extra-hover: #BA5FF7FF;
896
+ --on-dark-data-purple-extra-active: #A938F5FF;
873
897
  --on-light-data-yellow: #F3A912;
874
898
  --on-light-data-yellow-hover: #F5B638FF;
875
899
  --on-light-data-yellow-active: #E49C0CFF;
@@ -879,6 +903,12 @@
879
903
  --on-light-data-yellow-transparent: #F3A9128F;
880
904
  --on-light-data-yellow-transparent-hover: #F3A8129E;
881
905
  --on-light-data-yellow-transparent-active: #F3A812A3;
906
+ --on-light-data-transparent-purple-extra: #B559F31F;
907
+ --on-light-data-transparent-purple-extra-hover: #B558F32E;
908
+ --on-light-data-transparent-purple-extra-active: #B558F333;
909
+ --on-light-data-purple-extra: #722BA1;
910
+ --on-light-data-purple-extra-hover: #7D2FB1FF;
911
+ --on-light-data-purple-extra-active: #662791FF;
882
912
  --inverse-data-yellow: #F3A912;
883
913
  --inverse-data-yellow-hover: #F5B638FF;
884
914
  --inverse-data-yellow-active: #E49C0CFF;
@@ -888,17 +918,23 @@
888
918
  --inverse-data-yellow-transparent: #F3A9128F;
889
919
  --inverse-data-yellow-transparent-hover: #F3A8129E;
890
920
  --inverse-data-yellow-transparent-active: #F3A812A3;
921
+ --inverse-data-transparent-purple-extra-hover: #B558F32E;
922
+ --inverse-data-transparent-purple-extra-active: #B558F333;
923
+ --inverse-data-transparent-purple-extra: #B559F31F;
924
+ --inverse-data-purple-extra-hover: #7D2FB1FF;
925
+ --inverse-data-purple-extra-active: #662791FF;
926
+ --inverse-data-purple-extra: #722BA1;
891
927
  color: var(--text-primary);
892
928
  background-color: var(--background-primary);
893
929
  }
894
930
 
895
931
  .dark {
896
- --text-accent-gradient-hover: #CCCCCCFF;
897
- --text-accent-gradient-active: #E6E6E6FF;
898
- --text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
899
- --on-dark-text-accent-gradient-hover: #CCCCCCFF;
900
- --on-dark-text-accent-gradient-active: #E6E6E6FF;
901
- --on-dark-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
932
+ --text-accent-gradient-hover: #858585FF;
933
+ --text-accent-gradient-active: #666666FF;
934
+ --text-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
935
+ --on-dark-text-accent-gradient-hover: #858585FF;
936
+ --on-dark-text-accent-gradient-active: #666666FF;
937
+ --on-dark-text-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
902
938
  --on-light-text-accent-gradient-hover: #CCCCCCFF;
903
939
  --on-light-text-accent-gradient-active: #E6E6E6FF;
904
940
  --on-light-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
@@ -907,7 +943,7 @@
907
943
  --inverse-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
908
944
  --surface-accent-gradient-hover: #FFFFFFFF;
909
945
  --surface-accent-gradient-active: #FFFFFFFF;
910
- --surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
946
+ --surface-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
911
947
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
912
948
  --surface-skeleton-gradient-hover: #FFFFFFFF;
913
949
  --surface-skeleton-gradient-active: #FFFFFFFF;
@@ -916,7 +952,7 @@
916
952
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
917
953
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
918
954
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
919
- --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
955
+ --on-dark-surface-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
920
956
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
921
957
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
922
958
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -943,10 +979,10 @@
943
979
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
944
980
  --outline-accent-gradient-hover: #858585FF;
945
981
  --outline-accent-gradient-active: #666666FF;
946
- --outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
982
+ --outline-accent-gradient: linear-gradient(45deg, #C5FC5FFF 0%, #04C6C9FF 100%);
947
983
  --on-dark-outline-accent-gradient-hover: #858585FF;
948
984
  --on-dark-outline-accent-gradient-active: #666666FF;
949
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
985
+ --on-dark-outline-accent-gradient: linear-gradient(45deg, #C5FC5FFF 0%, #04C6C9FF 100%);
950
986
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
951
987
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
952
988
  --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
@@ -1236,6 +1272,9 @@
1236
1272
  --surface-transparent-negative: #F31B311F;
1237
1273
  --surface-transparent-positive: #28D2471F;
1238
1274
  --surface-solid-secondary: #ECECEC;
1275
+ --surface-accent-extra: #080808;
1276
+ --surface-accent-extra-hover: #262626FF;
1277
+ --surface-accent-extra-active: #030303FF;
1239
1278
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
1240
1279
  --on-dark-surface-solid-primary-active: #121212FF;
1241
1280
  --on-dark-surface-solid-primary: #171717;
@@ -1323,6 +1362,9 @@
1323
1362
  --on-dark-surface-transparent-negative-minor-hover: #FA5F051C;
1324
1363
  --on-dark-surface-transparent-negative-minor-active: #FA5F0508;
1325
1364
  --on-dark-surface-solid-card: #080808;
1365
+ --on-dark-surface-accent-extra: #1A9E32;
1366
+ --on-dark-surface-accent-extra-hover: #1DAF37FF;
1367
+ --on-dark-surface-accent-extra-active: #18952FFF;
1326
1368
  --on-light-surface-solid-primary-hover: #F2F2F2FF;
1327
1369
  --on-light-surface-solid-primary-active: #F0F0F0FF;
1328
1370
  --on-light-surface-solid-primary: #F5F5F5;
@@ -1413,6 +1455,9 @@
1413
1455
  --on-light-surface-negative: #F31B31;
1414
1456
  --on-light-surface-transparent-positive: #28D2471F;
1415
1457
  --on-light-surface-transparent-negative: #F31B311F;
1458
+ --on-light-surface-accent-extra: #080808;
1459
+ --on-light-surface-accent-extra-hover: #262626FF;
1460
+ --on-light-surface-accent-extra-active: #030303FF;
1416
1461
  --inverse-surface-solid-primary-hover: #1C1C1CFF;
1417
1462
  --inverse-surface-solid-primary-active: #121212FF;
1418
1463
  --inverse-surface-solid-primary: #171717;
@@ -1500,6 +1545,9 @@
1500
1545
  --inverse-surface-transparent-negative-minor: #FA5F050D;
1501
1546
  --inverse-surface-transparent-negative-minor-hover: #FA5F051C;
1502
1547
  --inverse-surface-transparent-negative-minor-active: #FA5F0508;
1548
+ --inverse-surface-accent-extra: #1A9E32;
1549
+ --inverse-surface-accent-extra-hover: #1DAF37FF;
1550
+ --inverse-surface-accent-extra-active: #18952FFF;
1503
1551
  --background-primary-brightness: #F9F9F9FF;
1504
1552
  --background-primary: #FFFFFFFF;
1505
1553
  --background-secondary: #F5F5F5;
@@ -1820,6 +1868,12 @@
1820
1868
  --data-yellow-transparent: #F3A9128F;
1821
1869
  --data-yellow-transparent-hover: #F3A8129E;
1822
1870
  --data-yellow-transparent-active: #F3A812A3;
1871
+ --data-transparent-purple-extra: #B559F31F;
1872
+ --data-transparent-purple-extra-hover: #B558F32E;
1873
+ --data-transparent-purple-extra-active: #B558F333;
1874
+ --data-purple-extra: #722BA1;
1875
+ --data-purple-extra-hover: #7D2FB1FF;
1876
+ --data-purple-extra-active: #662791FF;
1823
1877
  --on-dark-data-yellow: #F3A912;
1824
1878
  --on-dark-data-yellow-hover: #F4B22FFF;
1825
1879
  --on-dark-data-yellow-active: #EDA20CFF;
@@ -1829,6 +1883,12 @@
1829
1883
  --on-dark-data-yellow-transparent: #F3A9128F;
1830
1884
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
1831
1885
  --on-dark-data-yellow-transparent-active: #F3A81280;
1886
+ --on-dark-data-transparent-purple-extra: #B559F333;
1887
+ --on-dark-data-transparent-purple-extra-hover: #B558F352;
1888
+ --on-dark-data-transparent-purple-extra-active: #B558F324;
1889
+ --on-dark-data-purple-extra: #AD42F5;
1890
+ --on-dark-data-purple-extra-hover: #BA5FF7FF;
1891
+ --on-dark-data-purple-extra-active: #A938F5FF;
1832
1892
  --on-light-data-yellow: #F3A912;
1833
1893
  --on-light-data-yellow-hover: #F5B638FF;
1834
1894
  --on-light-data-yellow-active: #E49C0CFF;
@@ -1838,6 +1898,12 @@
1838
1898
  --on-light-data-yellow-transparent: #F3A9128F;
1839
1899
  --on-light-data-yellow-transparent-hover: #F3A8129E;
1840
1900
  --on-light-data-yellow-transparent-active: #F3A812A3;
1901
+ --on-light-data-transparent-purple-extra: #B559F31F;
1902
+ --on-light-data-transparent-purple-extra-hover: #B558F32E;
1903
+ --on-light-data-transparent-purple-extra-active: #B558F333;
1904
+ --on-light-data-purple-extra: #722BA1;
1905
+ --on-light-data-purple-extra-hover: #7D2FB1FF;
1906
+ --on-light-data-purple-extra-active: #662791FF;
1841
1907
  --inverse-data-yellow: #F3A912;
1842
1908
  --inverse-data-yellow-hover: #F4B22FFF;
1843
1909
  --inverse-data-yellow-active: #EDA20CFF;
@@ -1847,6 +1913,12 @@
1847
1913
  --inverse-data-yellow-transparent: #F3A9128F;
1848
1914
  --inverse-data-yellow-transparent-hover: #F3A812AD;
1849
1915
  --inverse-data-yellow-transparent-active: #F3A81280;
1916
+ --inverse-data-transparent-purple-extra: #B559F333;
1917
+ --inverse-data-transparent-purple-extra-hover: #B558F352;
1918
+ --inverse-data-transparent-purple-extra-active: #B558F324;
1919
+ --inverse-data-purple-extra: #AD42F5;
1920
+ --inverse-data-purple-extra-hover: #BA5FF7FF;
1921
+ --inverse-data-purple-extra-active: #A938F5FF;
1850
1922
  color: var(--text-primary);
1851
1923
  background-color: var(--background-primary);
1852
1924
  }
@@ -1854,16 +1926,16 @@
1854
1926
  .light {
1855
1927
  --text-accent-gradient-hover: #CCCCCCFF;
1856
1928
  --text-accent-gradient-active: #E6E6E6FF;
1857
- --text-accent-gradient: linear-gradient(45.00deg, #C5FC5FFF 100%, #52F2C5FF 100%);
1858
- --on-dark-text-accent-gradient-hover: #000000FF;
1859
- --on-dark-text-accent-gradient-active: #CCCCCCFF;
1860
- --on-dark-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1929
+ --text-accent-gradient: linear-gradient(45deg, #52F2C5FF 7.46%, #C5FC5FFF 91%);
1930
+ --on-dark-text-accent-gradient-hover: #858585FF;
1931
+ --on-dark-text-accent-gradient-active: #666666FF;
1932
+ --on-dark-text-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
1861
1933
  --on-light-text-accent-gradient-hover: #000000FF;
1862
1934
  --on-light-text-accent-gradient-active: #CCCCCCFF;
1863
1935
  --on-light-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1864
- --inverse-text-accent-gradient-hover: #000000FF;
1865
- --inverse-text-accent-gradient-active: #CCCCCCFF;
1866
- --inverse-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1936
+ --inverse-text-accent-gradient-hover: #858585FF;
1937
+ --inverse-text-accent-gradient-active: #666666FF;
1938
+ --inverse-text-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
1867
1939
  --surface-accent-gradient-hover: #FFFFFFFF;
1868
1940
  --surface-accent-gradient-active: #FFFFFFFF;
1869
1941
  --surface-accent-gradient: linear-gradient(116.10deg, #52F2C5FF 3.78%, #C5FC5FFF 96.048%);
@@ -1875,7 +1947,7 @@
1875
1947
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
1876
1948
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
1877
1949
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
1878
- --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
1950
+ --on-dark-surface-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
1879
1951
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
1880
1952
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
1881
1953
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -1893,7 +1965,7 @@
1893
1965
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1894
1966
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
1895
1967
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
1896
- --inverse-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
1968
+ --inverse-surface-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
1897
1969
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
1898
1970
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
1899
1971
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -1905,13 +1977,13 @@
1905
1977
  --outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1906
1978
  --on-dark-outline-accent-gradient-hover: #858585FF;
1907
1979
  --on-dark-outline-accent-gradient-active: #666666FF;
1908
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1980
+ --on-dark-outline-accent-gradient: linear-gradient(45deg, #C5FC5FFF 0%, #04C6C9FF 100%);
1909
1981
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
1910
1982
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
1911
1983
  --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1912
1984
  --inverse-outline-accent-gradient-hover: #858585FF;
1913
1985
  --inverse-outline-accent-gradient-active: #666666FF;
1914
- --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1986
+ --inverse-outline-accent-gradient: linear-gradient(45deg, #C5FC5FFF 0%, #04C6C9FF 100%);
1915
1987
  }
1916
1988
 
1917
1989
  .dark, .light {
package/css/sdds_platform_ai__dark.css CHANGED
@@ -279,6 +279,9 @@
279
279
  --surface-transparent-negative-minor: #FA5F050D;
280
280
  --surface-transparent-negative-minor-hover: #FA5F051C;
281
281
  --surface-transparent-negative-minor-active: #FA5F0508;
282
+ --surface-accent-extra-hover: #1DAF37FF;
283
+ --surface-accent-extra-active: #18952FFF;
284
+ --surface-accent-extra: #1A9E32;
282
285
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
283
286
  --on-dark-surface-solid-primary-active: #121212FF;
284
287
  --on-dark-surface-solid-primary: #171717;
@@ -366,6 +369,9 @@
366
369
  --on-dark-surface-transparent-negative-minor: #FA5F050D;
367
370
  --on-dark-surface-transparent-negative-minor-hover: #FA5F051C;
368
371
  --on-dark-surface-transparent-negative-minor-active: #FA5F0508;
372
+ --on-dark-surface-accent-extra: #1A9E32;
373
+ --on-dark-surface-accent-extra-hover: #1DAF37FF;
374
+ --on-dark-surface-accent-extra-active: #18952FFF;
369
375
  --on-light-surface-solid-primary-hover: #F2F2F2FF;
370
376
  --on-light-surface-solid-primary-active: #F0F0F0FF;
371
377
  --on-light-surface-solid-primary: #F5F5F5;
@@ -454,6 +460,9 @@
454
460
  --on-light-surface-transparent-negative-minor: #FA5F050D;
455
461
  --on-light-surface-transparent-negative-minor-hover: #FA5F0512;
456
462
  --on-light-surface-transparent-negative-minor-active: #FA5F0517;
463
+ --on-light-surface-accent-extra: #080808;
464
+ --on-light-surface-accent-extra-hover: #262626FF;
465
+ --on-light-surface-accent-extra-active: #030303FF;
457
466
  --inverse-surface-solid-primary-hover: #F2F2F2FF;
458
467
  --inverse-surface-solid-primary-active: #F0F0F0FF;
459
468
  --inverse-surface-solid-primary: #F5F5F5;
@@ -541,6 +550,9 @@
541
550
  --inverse-surface-transparent-negative-minor: #FA5F050D;
542
551
  --inverse-surface-transparent-negative-minor-hover: #FA5F0512;
543
552
  --inverse-surface-transparent-negative-minor-active: #FA5F0517;
553
+ --inverse-surface-accent-extra-hover: #262626FF;
554
+ --inverse-surface-accent-extra-active: #030303FF;
555
+ --inverse-surface-accent-extra: #080808;
544
556
  --background-primary: #080808;
545
557
  --background-primary-brightness: #171717FF;
546
558
  --background-secondary: #0D0D0DFF;
@@ -861,6 +873,12 @@
861
873
  --data-yellow-transparent: #F3A9128F;
862
874
  --data-yellow-transparent-hover: #F3A812AD;
863
875
  --data-yellow-transparent-active: #F3A81280;
876
+ --data-transparent-purple-extra-hover: #B558F352;
877
+ --data-transparent-purple-extra-active: #B558F324;
878
+ --data-transparent-purple-extra: #B559F333;
879
+ --data-purple-extra-hover: #BA5FF7FF;
880
+ --data-purple-extra-active: #A938F5FF;
881
+ --data-purple-extra: #AD42F5;
864
882
  --on-dark-data-yellow: #F3A912;
865
883
  --on-dark-data-yellow-hover: #F4B22FFF;
866
884
  --on-dark-data-yellow-active: #EDA20CFF;
@@ -870,6 +888,12 @@
870
888
  --on-dark-data-yellow-transparent: #F3A9128F;
871
889
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
872
890
  --on-dark-data-yellow-transparent-active: #F3A81280;
891
+ --on-dark-data-transparent-purple-extra: #B559F333;
892
+ --on-dark-data-transparent-purple-extra-hover: #B558F352;
893
+ --on-dark-data-transparent-purple-extra-active: #B558F324;
894
+ --on-dark-data-purple-extra: #AD42F5;
895
+ --on-dark-data-purple-extra-hover: #BA5FF7FF;
896
+ --on-dark-data-purple-extra-active: #A938F5FF;
873
897
  --on-light-data-yellow: #F3A912;
874
898
  --on-light-data-yellow-hover: #F5B638FF;
875
899
  --on-light-data-yellow-active: #E49C0CFF;
@@ -879,6 +903,12 @@
879
903
  --on-light-data-yellow-transparent: #F3A9128F;
880
904
  --on-light-data-yellow-transparent-hover: #F3A8129E;
881
905
  --on-light-data-yellow-transparent-active: #F3A812A3;
906
+ --on-light-data-transparent-purple-extra: #B559F31F;
907
+ --on-light-data-transparent-purple-extra-hover: #B558F32E;
908
+ --on-light-data-transparent-purple-extra-active: #B558F333;
909
+ --on-light-data-purple-extra: #722BA1;
910
+ --on-light-data-purple-extra-hover: #7D2FB1FF;
911
+ --on-light-data-purple-extra-active: #662791FF;
882
912
  --inverse-data-yellow: #F3A912;
883
913
  --inverse-data-yellow-hover: #F5B638FF;
884
914
  --inverse-data-yellow-active: #E49C0CFF;
@@ -888,17 +918,23 @@
888
918
  --inverse-data-yellow-transparent: #F3A9128F;
889
919
  --inverse-data-yellow-transparent-hover: #F3A8129E;
890
920
  --inverse-data-yellow-transparent-active: #F3A812A3;
921
+ --inverse-data-transparent-purple-extra-hover: #B558F32E;
922
+ --inverse-data-transparent-purple-extra-active: #B558F333;
923
+ --inverse-data-transparent-purple-extra: #B559F31F;
924
+ --inverse-data-purple-extra-hover: #7D2FB1FF;
925
+ --inverse-data-purple-extra-active: #662791FF;
926
+ --inverse-data-purple-extra: #722BA1;
891
927
  color: var(--text-primary);
892
928
  background-color: var(--background-primary);
893
929
  }
894
930
 
895
931
  :root {
896
- --text-accent-gradient-hover: #CCCCCCFF;
897
- --text-accent-gradient-active: #E6E6E6FF;
898
- --text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
899
- --on-dark-text-accent-gradient-hover: #CCCCCCFF;
900
- --on-dark-text-accent-gradient-active: #E6E6E6FF;
901
- --on-dark-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
932
+ --text-accent-gradient-hover: #858585FF;
933
+ --text-accent-gradient-active: #666666FF;
934
+ --text-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
935
+ --on-dark-text-accent-gradient-hover: #858585FF;
936
+ --on-dark-text-accent-gradient-active: #666666FF;
937
+ --on-dark-text-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
902
938
  --on-light-text-accent-gradient-hover: #CCCCCCFF;
903
939
  --on-light-text-accent-gradient-active: #E6E6E6FF;
904
940
  --on-light-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
@@ -907,7 +943,7 @@
907
943
  --inverse-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
908
944
  --surface-accent-gradient-hover: #FFFFFFFF;
909
945
  --surface-accent-gradient-active: #FFFFFFFF;
910
- --surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
946
+ --surface-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
911
947
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
912
948
  --surface-skeleton-gradient-hover: #FFFFFFFF;
913
949
  --surface-skeleton-gradient-active: #FFFFFFFF;
@@ -916,7 +952,7 @@
916
952
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
917
953
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
918
954
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
919
- --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
955
+ --on-dark-surface-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
920
956
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
921
957
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
922
958
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -943,10 +979,10 @@
943
979
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
944
980
  --outline-accent-gradient-hover: #858585FF;
945
981
  --outline-accent-gradient-active: #666666FF;
946
- --outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
982
+ --outline-accent-gradient: linear-gradient(45deg, #C5FC5FFF 0%, #04C6C9FF 100%);
947
983
  --on-dark-outline-accent-gradient-hover: #858585FF;
948
984
  --on-dark-outline-accent-gradient-active: #666666FF;
949
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
985
+ --on-dark-outline-accent-gradient: linear-gradient(45deg, #C5FC5FFF 0%, #04C6C9FF 100%);
950
986
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
951
987
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
952
988
  --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
package/css/sdds_platform_ai__light.css CHANGED
@@ -281,6 +281,9 @@
281
281
  --surface-transparent-negative: #F31B311F;
282
282
  --surface-transparent-positive: #28D2471F;
283
283
  --surface-solid-secondary: #ECECEC;
284
+ --surface-accent-extra: #080808;
285
+ --surface-accent-extra-hover: #262626FF;
286
+ --surface-accent-extra-active: #030303FF;
284
287
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
285
288
  --on-dark-surface-solid-primary-active: #121212FF;
286
289
  --on-dark-surface-solid-primary: #171717;
@@ -368,6 +371,9 @@
368
371
  --on-dark-surface-transparent-negative-minor-hover: #FA5F051C;
369
372
  --on-dark-surface-transparent-negative-minor-active: #FA5F0508;
370
373
  --on-dark-surface-solid-card: #080808;
374
+ --on-dark-surface-accent-extra: #1A9E32;
375
+ --on-dark-surface-accent-extra-hover: #1DAF37FF;
376
+ --on-dark-surface-accent-extra-active: #18952FFF;
371
377
  --on-light-surface-solid-primary-hover: #F2F2F2FF;
372
378
  --on-light-surface-solid-primary-active: #F0F0F0FF;
373
379
  --on-light-surface-solid-primary: #F5F5F5;
@@ -458,6 +464,9 @@
458
464
  --on-light-surface-negative: #F31B31;
459
465
  --on-light-surface-transparent-positive: #28D2471F;
460
466
  --on-light-surface-transparent-negative: #F31B311F;
467
+ --on-light-surface-accent-extra: #080808;
468
+ --on-light-surface-accent-extra-hover: #262626FF;
469
+ --on-light-surface-accent-extra-active: #030303FF;
461
470
  --inverse-surface-solid-primary-hover: #1C1C1CFF;
462
471
  --inverse-surface-solid-primary-active: #121212FF;
463
472
  --inverse-surface-solid-primary: #171717;
@@ -545,6 +554,9 @@
545
554
  --inverse-surface-transparent-negative-minor: #FA5F050D;
546
555
  --inverse-surface-transparent-negative-minor-hover: #FA5F051C;
547
556
  --inverse-surface-transparent-negative-minor-active: #FA5F0508;
557
+ --inverse-surface-accent-extra: #1A9E32;
558
+ --inverse-surface-accent-extra-hover: #1DAF37FF;
559
+ --inverse-surface-accent-extra-active: #18952FFF;
548
560
  --background-primary-brightness: #F9F9F9FF;
549
561
  --background-primary: #FFFFFFFF;
550
562
  --background-secondary: #F5F5F5;
@@ -865,6 +877,12 @@
865
877
  --data-yellow-transparent: #F3A9128F;
866
878
  --data-yellow-transparent-hover: #F3A8129E;
867
879
  --data-yellow-transparent-active: #F3A812A3;
880
+ --data-transparent-purple-extra: #B559F31F;
881
+ --data-transparent-purple-extra-hover: #B558F32E;
882
+ --data-transparent-purple-extra-active: #B558F333;
883
+ --data-purple-extra: #722BA1;
884
+ --data-purple-extra-hover: #7D2FB1FF;
885
+ --data-purple-extra-active: #662791FF;
868
886
  --on-dark-data-yellow: #F3A912;
869
887
  --on-dark-data-yellow-hover: #F4B22FFF;
870
888
  --on-dark-data-yellow-active: #EDA20CFF;
@@ -874,6 +892,12 @@
874
892
  --on-dark-data-yellow-transparent: #F3A9128F;
875
893
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
876
894
  --on-dark-data-yellow-transparent-active: #F3A81280;
895
+ --on-dark-data-transparent-purple-extra: #B559F333;
896
+ --on-dark-data-transparent-purple-extra-hover: #B558F352;
897
+ --on-dark-data-transparent-purple-extra-active: #B558F324;
898
+ --on-dark-data-purple-extra: #AD42F5;
899
+ --on-dark-data-purple-extra-hover: #BA5FF7FF;
900
+ --on-dark-data-purple-extra-active: #A938F5FF;
877
901
  --on-light-data-yellow: #F3A912;
878
902
  --on-light-data-yellow-hover: #F5B638FF;
879
903
  --on-light-data-yellow-active: #E49C0CFF;
@@ -883,6 +907,12 @@
883
907
  --on-light-data-yellow-transparent: #F3A9128F;
884
908
  --on-light-data-yellow-transparent-hover: #F3A8129E;
885
909
  --on-light-data-yellow-transparent-active: #F3A812A3;
910
+ --on-light-data-transparent-purple-extra: #B559F31F;
911
+ --on-light-data-transparent-purple-extra-hover: #B558F32E;
912
+ --on-light-data-transparent-purple-extra-active: #B558F333;
913
+ --on-light-data-purple-extra: #722BA1;
914
+ --on-light-data-purple-extra-hover: #7D2FB1FF;
915
+ --on-light-data-purple-extra-active: #662791FF;
886
916
  --inverse-data-yellow: #F3A912;
887
917
  --inverse-data-yellow-hover: #F4B22FFF;
888
918
  --inverse-data-yellow-active: #EDA20CFF;
@@ -892,6 +922,12 @@
892
922
  --inverse-data-yellow-transparent: #F3A9128F;
893
923
  --inverse-data-yellow-transparent-hover: #F3A812AD;
894
924
  --inverse-data-yellow-transparent-active: #F3A81280;
925
+ --inverse-data-transparent-purple-extra: #B559F333;
926
+ --inverse-data-transparent-purple-extra-hover: #B558F352;
927
+ --inverse-data-transparent-purple-extra-active: #B558F324;
928
+ --inverse-data-purple-extra: #AD42F5;
929
+ --inverse-data-purple-extra-hover: #BA5FF7FF;
930
+ --inverse-data-purple-extra-active: #A938F5FF;
895
931
  color: var(--text-primary);
896
932
  background-color: var(--background-primary);
897
933
  }
@@ -899,16 +935,16 @@
899
935
  :root {
900
936
  --text-accent-gradient-hover: #CCCCCCFF;
901
937
  --text-accent-gradient-active: #E6E6E6FF;
902
- --text-accent-gradient: linear-gradient(45.00deg, #C5FC5FFF 100%, #52F2C5FF 100%);
903
- --on-dark-text-accent-gradient-hover: #000000FF;
904
- --on-dark-text-accent-gradient-active: #CCCCCCFF;
905
- --on-dark-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
938
+ --text-accent-gradient: linear-gradient(45deg, #52F2C5FF 7.46%, #C5FC5FFF 91%);
939
+ --on-dark-text-accent-gradient-hover: #858585FF;
940
+ --on-dark-text-accent-gradient-active: #666666FF;
941
+ --on-dark-text-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
906
942
  --on-light-text-accent-gradient-hover: #000000FF;
907
943
  --on-light-text-accent-gradient-active: #CCCCCCFF;
908
944
  --on-light-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
909
- --inverse-text-accent-gradient-hover: #000000FF;
910
- --inverse-text-accent-gradient-active: #CCCCCCFF;
911
- --inverse-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
945
+ --inverse-text-accent-gradient-hover: #858585FF;
946
+ --inverse-text-accent-gradient-active: #666666FF;
947
+ --inverse-text-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
912
948
  --surface-accent-gradient-hover: #FFFFFFFF;
913
949
  --surface-accent-gradient-active: #FFFFFFFF;
914
950
  --surface-accent-gradient: linear-gradient(116.10deg, #52F2C5FF 3.78%, #C5FC5FFF 96.048%);
@@ -920,7 +956,7 @@
920
956
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
921
957
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
922
958
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
923
- --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
959
+ --on-dark-surface-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
924
960
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
925
961
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
926
962
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -938,7 +974,7 @@
938
974
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
939
975
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
940
976
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
941
- --inverse-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
977
+ --inverse-surface-accent-gradient: linear-gradient(45deg, #52F2C5FF 0%, #C5FC5FFF 100%);
942
978
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
943
979
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
944
980
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -950,13 +986,13 @@
950
986
  --outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
951
987
  --on-dark-outline-accent-gradient-hover: #858585FF;
952
988
  --on-dark-outline-accent-gradient-active: #666666FF;
953
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
989
+ --on-dark-outline-accent-gradient: linear-gradient(45deg, #C5FC5FFF 0%, #04C6C9FF 100%);
954
990
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
955
991
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
956
992
  --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
957
993
  --inverse-outline-accent-gradient-hover: #858585FF;
958
994
  --inverse-outline-accent-gradient-active: #666666FF;
959
- --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
995
+ --inverse-outline-accent-gradient: linear-gradient(45deg, #C5FC5FFF 0%, #04C6C9FF 100%);
960
996
  }
961
997
 
962
998
  :root {